/* 
 Theme Name:   TAPE THEME
 Theme URI:    tapemuzik.de
 Description:  das childtheme für tape muzik
 Author:       tobi loy
 Author URI:   tobiasloy.com
 Template:     Divi
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/

/* = Original Dexter Hover Element Styles = */
/* 
  Divi "Image Intense" Module
*/

/* -------------------------------------------------------------------  global Intense styling */ 


.et_pb_image_n10s {
  overflow: auto;
}
.et_pb_image figure.n10s {
  background-size: cover;
}

@media all and (max-width: 980px) {
.et_always_center_on_mobile figure.n10s {
  left: 50%;
  -ms-transform: translate( -50%, 0 );
  -webkit-transform: translate( -50%, 0 );
  transform: translate( -50%, 0 );
}
}

/* Fix a Divi problem where we might have a mix of buttons with and without icons */
/* body #page-container figure.n10s a.et_pb_promo_button.et_pb_button:hover {
    padding-left: 0.7em !important;
    padding-right: 2em !important;
}
body #page-container figure.n10s a.et_pb_promo_button.et_pb_button.et_pb_custom_button_icon:hover {
    padding-left: 2em !important;
    padding-right: 0.7em !important;
}
*/

figure.n10s {
    position: relative;
    float: left;
    text-align: center;
  overflow: hidden;
  margin: 0;
  max-width: 100%;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

figure.n10s img {
  position: relative;
  display: block;
}
@media all and (max-width: 980px) {
figure.n10s img {
  min-height: initial;
}
}

figure.n10s figcaption {
  text-transform: uppercase;
  font-size: 1.25em;
  backface-visibility: hidden;
  padding: 2em;
  color: #fff;
}
figure.n10s figcaption::after {
  /* Allow a hyperlink beneath any "after" pseudo-element to work */
  pointer-events: none;
}
figure.n10s figcaption, figure.n10s figcaption > a {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

/* Default position for the Intense Image button */
figure.n10s figcaption > a.et_pb_promo_button.et_pb_button {
  width: auto;
  height: auto;
  margin: 0.25em; /* no crowding if we're not middle center! */
  /* "middle center" part next */
  left: 50%;
  top: 50%;
  -webkit-transform: translate( -50%, -50% );
  transform: translate( -50%, -50% );
}

figure.n10s h2, figure.n10s figure p {
    margin: 0px;
}

figure.n10s h2 {
    
    font-weight: 300 !important;
  color: #fff;
}
figure.n10s h2 span {
    font-weight: 800 !important;
}
figure.n10s p {
    font-size: 68.5%;
  line-height: 1.2 !important;
}
/* Styling for full-width column modules */
.et_pb_column_4_4 .n10s, .et_pb_column_4_4 .n10s img {
  width: 100%;
  margin: 0;
}

/* ------------------------------------------------------------------- Hover effect specific styling */

/*---------------*/
/***** Dexter *****/
/*---------------*/

figure.n10s-dexter {
  background: -webkit-linear-gradient(top, rgba(104,60,19,0.1) 0%, rgba(37,141,200,1) 75%, rgba(37,141,200,1) 100%);
    background: linear-gradient(to bottom, rgba(104,60,19,0.1) 0%, rgba(37,141,200,1) 75%,rgba(37,141,200,1) 100%); 
}

figure.n10s-dexter h2 {
  padding-top: 15px;
}

figure.n10s-dexter img {
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

figure.n10s-dexter:hover img {
  opacity: 0.4;
}

figure.n10s-dexter figcaption::after {
  position: absolute;
  right: 30px;
  bottom: 20px;
  left: 30px;
  height: -webkit-calc(50% - 30px);
  height: calc(50% - 30px);
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
}

figure.n10s-dexter:hover figcaption::after {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

figure.n10s-dexter figcaption {
  padding: 1.5em 3em 3em;
  text-align: left;
}

figure.n10s-dexter p {
  position: absolute;
  right: 60px;
  bottom: 60px;
  left: 60px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,-100px,0);
  transform: translate3d(0,-100px,0);
  padding: 5px 0px;
  border: 3px solid #fff;
  border-radius: 3px;
}

figure.n10s-dexter:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
/* Ende Original Dexter Hover Element Styles */
.tm-extra-product-options-fields, #tm-extra-product-options-fields {
	padding-left: 0px !important;
}
#left-area ul li ul, .entry-content ul li ol, .comment-content ul li ul, .comment-content ul li ol, body.et-pb-preview #main-content .container ul li ol {
    padding-left: 0px !important;}

tr, td, th, tbody, .entry-content tr td, body.et-pb-preview #main-content .container tr td, .entry-content table,
body.et-pb-preview #main-content .container table {
	border-color: #fff !important;
	border: none !important;
}

#product-addons-total, dl.product-addon-totals {
	visibility: hidden;
	display: none;
}

.debug_info pre {
	color: black !important;
}
.text-shadow {
	text-shadow: 0px 0px 5px #000000;
}

@font-face {
  font-family: 'Open Sans';
  src: url('OpenSans-Regular.eot'); /* IE9 Compat Modes */
  src: url('OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('OpenSans-Regular.woff') format('woff'), /* Modern Browsers */
       url('OpenSans-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('OpenSans-Regular.svg#a2a0c5a842f025580dc0900b48db7b9a') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  500;
}
@font-face {
  font-family: 'Open Sans';
  src: url('OpenSans-Bold.eot'); /* IE9 Compat Modes */
  src: url('OpenSans-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('OpenSans-Bold.woff') format('woff'), /* Modern Browsers */
       url('OpenSans-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('OpenSans-Bold.svg#72800b665ba60a9a58674e2a6befde3a') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  600;
}

@font-face {
  font-family: 'tapefontbold';
  src: url('tapefontbold.eot'); /* IE9 Compat Modes */
  src: url('tapefontbold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('tapefontbold.woff') format('woff'), /* Modern Browsers */
       url('tapefontbold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('tapefontbold.svg#5e402d62ce730413a5a7f43d2883c3bf') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'tapefontlight';
  src: url('tapefontlight.eot'); /* IE9 Compat Modes */
  src: url('tapefontlight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('tapefontlight.woff') format('woff'), /* Modern Browsers */
       url('tapefontlight.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('tapefontlight.svg#c3a1a5d3800e1a9e3d912db2ec8eec14') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  200;
}



h1, h2, h3, h4, .widgettitle {
	font-family: 'tapefontbold' !important;
	font-weight: normal;
	font-style: normal;
}
h4, .widgettitle {
  font-size: 14px;
}
#woocommerce-product-search-field-0 {
  
    width: 65%;
   margin-right: 0px;
    border: none;
    color: #333;
    background: #f2f2f2;
    padding: 5px 2px;
    font-size: 14px;
    font-family: "Open Sans", Arial, sans-serif;
	font-size: 14px;
	font-weight: 500;}

input[type="submit" i]{

    position: relative;
    padding: 2px 0.5em;
    border: 1px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #00a1e5;
    color: #fff;
    font-size: 14px;
 
    line-height: 1.7em !important;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s; }

    .product-categories li  {
    margin-bottom: 0.9em !important; }





.tm-extra-product-options-fields, #tm-extra-product-options-fields{
    padding-left: 0px !important;
}

tr, td, th, tbody, .entry-content tr td, body.et-pb-preview #main-content .container tr td, .entry-content table,
body.et-pb-preview #main-content .container table {
    border-color: #fff !important;
    border: none !important;
}

#product-addons-total, dl.product-addon-totals {
    visibility: hidden;
    display: none;
}
 
#sidebarhomekategorie {
    padding-top: 45px;
    padding-left: 53px;

}
#sidebarhomekategorie ul li {
font-size: 12px !important }
.woocommerce-loop-product__title { font-family: "Open Sans", Arial, sans-serif !important; }

.woocommerce-error li a {
    color: #fff;
    text-decoration: underline;

}

/* WooCommerce 3.0 Gallery */

.woocommerce-product-gallery {
position: relative;
margin-bottom: 3em
}

.woocommerce-product-gallery figure {
margin: 0
}

.woocommerce-product-gallery .woocommerce-product-gallery__image:nth-child(n+2) {
width: 25%;
display: inline-block
}

.woocommerce-product-gallery .flex-control-thumbs li {
list-style: none;
float: left;
cursor: pointer
}

.woocommerce-product-gallery .flex-control-thumbs img {
opacity: .5
}

.woocommerce-product-gallery .flex-control-thumbs img.flex-active,.woocommerce-product-gallery .flex-control-thumbs img:hover {
opacity: 1
}

.woocommerce-product-gallery img {
display: block
}

.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
width: 33.3333%
}

.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
width: 25%
}

.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
width: 20%
}

.woocommerce-product-gallery__trigger {
position: absolute;
top: 1em;
right: 1em;
z-index: 99;
}

a.woocommerce-product-gallery__trigger {
text-decoration: none;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
top: .875em;
right: .875em;
display: block;
height: 2em;
width: 2em;
border-radius: 3px;
z-index: 99;
text-align: center;
text-indent: -999px;
overflow: hidden;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
background-color: #169fda;
color: #ffffff;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
background-color: #1781ae;
border-color: #1781ae;
color: #ffffff;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before {
font: normal normal normal 1em/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: block;
content: "\f00e";
line-height: 2;
text-indent: 0;
}

.woocommerce .quantity input.qty,
.woocommerce-page .quantity input.qty,
.woocommerce #content .quantity input.qty,
.woocommerce-page #content .quantity input.qty,
.woocommerce-cart table.cart td.actions .coupon .input-text {
    height: 36px !important;
    
    font-size: 14px !important;
    background-color: rgba(0, 0, 0, 0.1) !important;
    
}
input[type=text],
input[type=password],
input[type=tel],
input[type=email],
input.text,
input.title,
textarea,
select {
  padding: 0.3em !important;
  }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: left;
    width: inherit;
}
.videoheaderhome .mejs-inner {
    opacity: 0.5 !important;
}



.tc-extra-product-options , .tc-extra-product-options, .tm-extra-product-options, .tm-custom-prices, .tc-clearfix{ 
    visibility: visible !important;

}

.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: #ccc;
    color: #fff;
}
/*.component .composited_product_details_wrapper {
  padding-left: 0px !important;
}*/

.container:before { background-color:transparent !important; }
.et_pb_widget_area_right { border-left:0 !important; }
.et_pb_widget_area_left { border-right:0 !important; }
#main-content .container:before { background-color: #fff !important; }

.tm-extra-product-options .tm-epo-field-label { font-weight: 500 !important;}

.woocommerce ul.component_option_thumbnails_container li.component_option_thumbnail_container .thumbnail_description .price {
  display: none !important;
  visibility: hidden !important;
}

.woocommerce ul.component_option_thumbnails_container li.component_option_thumbnail_container .thumbnail_description .price {
  display: none !important;
  visibility: hidden !important;
}

#menu404 .et_pb_widget {
margin-right:0px;
width:100%;
}
.composite_button {margin-top: 15px !important; padding-top: 15px}
.component_section_title .select_label {display: none;}

.addon-name {font-size: 18px;
    font-family: "Open Sans",Arial,sans-serif !important;
    font-weight: 500 !important;}
.composite_form .step_title_wrapper {
    
    margin-bottom: 0px !important;
    font-family: tapefontbold;}

    .woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text {
      background-color: #2ea3f2 !important;
    }
/*Danke Seite*/
    .woocommerce-order {padding-left: 10%;}
    .woocommerce-thankyou-order-details {list-style: none !important; padding-left: 0px !important; margin-bottom: 50px;}
    .woocommerce-thankyou-order-details li { float: left; margin-right: 25px; padding-right: 25px; border-right: 1px dashed #ccc;}
    .woocommerce-thankyou-order-details li strong {display: block;}

/*Vierspaltige Shopansicht*/
@media screen and (min-width:1024px) {
    .woocommerce ul.products li.product { 
  width: 21% !important;
  margin: 2% !important;
  clear: none !important;
    }
    .woocommerce ul.products li.product:nth-child(4n+1) {
  clear: both !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 980px) {
    .woocommerce ul.products li.product.first, .woocommerce ul.products li.product.last {
        clear: right !important;
    }
    .woocommerce ul.products li.product:nth-child(4n+1) {
         clear: none !important;
    }
}

/*Image Intense Module auf der Startseite - Fett und Schmal und Linebreak*/

.n10s-dexter figcaption h2 {
  font-family: tapefontbold !important;
  font-weight: 400 !important;
  
}
figure.n10s h2 span {
  font-family: tapefontlight !important;
  font-weight: 200 !important;
  display: block;
}
/*figure.n10s-dexter figcaption::after, figure.n10s-dexter figcaption, figure.n10s-dexter figcaption::after {
    
    border: none;
  
} 

figure.n10s-dexter {
    background: -webkit-linear-gradient(top, rgba(104,60,19,0.1) 0%, rgba(37,141,200,1) 75%, rgba(37,141,200,1) 100%);
    background: linear-gradient(to bottom, rgba(104,60,19,0.1) 0%, rgba(37,141,200,1) 75%,rgba(37,141,200,1) 100%); 
}*/


}   
.n10s-dexter h2 {
   /* padding-top: 0px;
    
  
  text-transform: none;*/
  word-spacing: 0.1em !important;
    font-family: 'tapefontlight' !important;

     }
     .n10s-dexter h2 strong {
        font-family: 'tapefontbold';
        font-size: 18px;
        line-height: 1.5;
     }


figure.n10s figcaption {
    text-transform: none;}



figure.n10s-dexter p {
  font-family: 'tapefontbold';
  
}
.et_pb_woo_text ul li, .et_pb_woo_text_0 ul li {
  list-style-type: disc;
}
.et_pb_woo_text ul li, .et_pb_woo_text_0 ul li {
  list-style-position: inside;
}

.product-categories li, .product-categories {
  list-style-position: outside;
  list-style-type: none;
}

.et-social-icon a, .et-social-facebook a {
  color: #3293c7 !important;
}

#order_comments_field label {
color: red;  
  font-weight: bold !important;
}

#ship-to-different-address span { font-family: "Open Sans",Arial,sans-serif !important;
font-size: 14px;
font-weight: 200 !important;
 }
 .wc-gzd-product-name-right { font-weight: bold !important;}
 dl.component dd p {font-weight: normal !important;}
 .wc-gzd-product-name-left img {height: 100px !important; width: 100px !important;}
 .woocommerce-checkout .shop_table {background-color: #fff !important;}
 .woocommerce .component_table_item dl.component {width: 100% !important;}
 .component_table_item_indent .wc-gzd-product-name-left {display: none !important;}


 
 .woocommerce-error {background-color: #333;}
 .woocommerce-message a {color: #000 !important; text-decoration: underline;}
 .woocommerce-error, .woocommerce-info, .woocommerce-message {
  background-color: #2ea3f2 !important;
 }
 .composite_price {display: none !important;}


 #staffelpreistabelle  {
    border-collapse: collapse;
}

#staffelpreistabelle, #staffelpreistabelle table, #staffelpreistabelle th, #staffelpreistabelle td {
    border: 1px solid #cccccc !important;
    padding-right: 4px !important;
    padding-left: 4px !important;
}
.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
   
padding-top: 0.3em !important;
padding-bottom: 0.3em !important;}


@media only screen and ( max-width: 981px ) {
#top-menu-nav, #top-menu {display: none;}
#et_top_search {display: none;}
#et_mobile_nav_menu {display: block;}
}
@media only screen and ( max-width: 981px ) {
#top-menu-nav, #top-menu {display: none;}
#et_top_search {display: none;}
#et_mobile_nav_menu {display: block;}
}