/*
Theme Name: Golden Ride - Extra Child Theme
Author: GoldenRide
Description: Child Theme von Extra erstellt am 08-2022
Version: 1.0
Template: Extra

This is the child theme for Extra theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/*custom header*/
header .et_builder_inner_content{
    z-index: initial!important;
}
#top-header-cs .top-header-row .et_pb_column{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
	width: 90%;
    margin: 0 auto!important;
}
#top-header-cs .et_pb_row .et_pb_column .cs-icon-search{
    margin-bottom: 0!important;
}
ul#menu-hauptmenu li{
    line-height: 2.8em;
}
ul#menu-hauptmenu li a{
    border-bottom: 1px solid rgba(255,255,255,.1);	
}
ul#menu-hauptmenu li:last-child a{
    border-bottom: none;
}
ul#menu-hauptmenu li.menu-item-has-children .menu-item-has-children>a:after{
	content: "5"!important;
	right: 0px;
}
#et-menu-cs .et_pb_menu__menu>nav>ul>li>a:before{
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    background: #fff;
    width:calc(100% - 21px);
    height: 2px;
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
    opacity: 0;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}
#et-menu-cs .et_pb_menu__menu>nav>ul>li>a:hover:before, #et-menu-cs .et_pb_menu__menu>nav>ul>li>a:active:before{
	-webkit-transform: translateY(70px);
    transform: translateY(70px);
    opacity: 1;
	width:calc(100% - 21px);
	background-color:rgba(0,0,0,0.63);
}
/*Menu hide surfcamp locations on desktop*/
@media only screen and (min-width: 1025px){
	li#menu-item-18924 .sub-menu, li.menu-item-18924 .sub-menu{
		display:none!important;
	}
	li#menu-item-18924:after, ul#menu-hauptmenu li.menu-item-18924>a:after{
    display: none;
}
}
@media only screen and (min-width: 1025px){
	.et_pb_row.et_pb_row_2_tb_header.et-mobile-menu-cs.et_pb_row--with-menu {
    	display: none;
	}
}
@media (max-width: 980px){
	.et_pb_column.et_pb_column_1_2.et_pb_column_6_tb_header.et_pb_css_mix_blend_mode_passthrough{
    	margin-bottom: 0px;
	}
}
@media only screen and (max-width: 1024px){
	.et_pb_menu .et_pb_menu__menu {
        display: none;
    }
    .et_mobile_nav_menu {
        display: block
    }
	div#et-menu-cs{
    	display: none;
	}
	.et_pb_row.et_pb_row_2_tb_header.et-mobile-menu-cs.et_pb_row--with-menu{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
}
/*mobile-menu styles*/
@media only screen and (max-width: 1024px){
	/*remove bullet points from submenu*/
	.et_pb_menu .et_mobile_menu ul, .et_pb_menu .et_mobile_menu{
  		list-style-type: none;
	}
	/*Proper Collapsable Mobile Menu*/

/*Style the icon's placeholder*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 51px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	/*background-color: #555;*/
	border-left: 2px solid #555;
	text-align: center;
}
ul.et_mobile_menu > li.menu-item-has-children,
ul.et_mobile_menu > li.page_item_has_children,
ul.et_mobile_menu > li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}
.et_mobile_menu .menu-item-has-children > a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children > a {
	background-color: transparent;
}

/*Hide the Sub-menu*/
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}

/*Show the sub-menu when the + icon is clicked*/
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}

/*Create the opening/closing icon using the Divi's Icons*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
}

/*Set the opening icon for custom Tax Pages*/
body.single-product:not(.et-tb-has-template) ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
body.tax-product_cat ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
body.tax-project_category ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
body.single-product.et-db:not(.et-tb-has-template) #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
body.tax-product_cat.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
body.tax-project_category.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	content:"\4b";
	font-family:"ETModules";
	color:white;
}

/*Set the opening icon for default WordPress Pages*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	content:"\4c";
	font-family:"ETModules";
	color:white;
}

/*Set the closing icon*/
ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
body.single-product:not(.et-tb-has-template) ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
body.single-product.et-db:not(.et-tb-has-template) #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
body.tax-product_cat ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
body.tax-product_cat.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
body.tax-project_category ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
body.tax-project_category.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after {
	content: '\4b';
	color:white;
}
	.has_et_pb_sticky .et_pb_sticky--top #mobile_menu2{
		top:45px;
		transition:max-height 300ms ease 0ms;
	}
	ul#mobile_menu2{
    top: clamp(2.7rem, calc(1.1696rem + 7.6739vw), 3.8rem);
    padding: 0px 40px;
    width: 100%;
    position: absolute;
    left: 0;
    border-top: 0;
	min-width: 80vw;
    transform: translateX(-50%);
	
	}
	@media only screen and (max-height: 769px){
		ul#mobile_menu2{
			max-height: 600px;
			overflow:scroll;
		}
	}
	@media only screen and (max-height: 713px){
		ul#mobile_menu2{
			max-height: 500px;
			overflow:scroll;
		}
	}
	.mobile_nav.opened .mobile_menu_bar:before{
		content: '\4d';
		transition: .3s ease;
	}	
	ul#mobile_menu2 li{
		line-height:2em;
	}
	ul#mobile_menu2 li ul li{
		line-height:1em;
	}
	ul#mobile_menu2 li a{
   		border-bottom: 1px solid rgba(255,255,255,.1);
		letter-spacing: 2px;
	}
	ul#mobile_menu2>li>ul li:last-child a{
    	border-bottom: none;
	}
	.et_pb_menu__search-button:after{
    	content: "\55";
    	font-family: 'ETmodules';
    	padding: 10px;
    	background-color: #fff;
	}
}
#top-header-cs .et_pb_search .et_pb_searchform{
    margin: 0 0 10px 10px;
}

.cs-icon-search input.et_pb_searchsubmit,
.widget_search input#searchsubmit {
    background: transparent;
    color: transparent;
    border: none;
    width: 55px;
    z-index: 2;
}
/*Add padding to the search input field*/
.cs-icon-search input.et_pb_s,
.widget_search input#s {
    padding-right: 10px !important;
    padding-left: 0px!important;
}
/*Add the icon*/
.cs-icon-search .et_pb_searchform:before,
.widget_search::before {
    content: '\55';
    position: absolute;
    font-family: 'ETModules';
    z-index: 1;
    right: 0;
    font-size: 12px;
	font-weight:800;
    padding: 8px 20px;
}
/*mobile search close button*/
.et_pb_menu .et_pb_menu__close-search-button:after {
    content: "M";
    font-size: 1.7em;
	font-family: 'ETModules';
}
/*Custom Werbebanner Animation*/
.werbebanner img {
    transition: opacity 0.5s; /* Füge einen Übergangseffekt auf die Opazität (Sichtbarkeit) hinzu */
}

.werbebanner img.fade-out {
    opacity: 0; /* Verstecke das Bild, indem du die Opazität auf 0 setzt */
}

/* source-sans-pro-regular - latin */
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local(''),
         url('https://goldenride.de/wp-content/uploads/fonts/source-sans-pro-v18-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('https://goldenride.de/wp-content/uploads/fonts/source-sans-pro-v18-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }

 h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, body, a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video{
      font-family: 'Source Sans Pro',sans-serif;
  }
  

@media only screen and (max-width: 480px) {
	#et-mobile-navigation #et-info .et-top-search .et-search-field, #et-mobile-navigation #et-info .et-extra-social-icons .et-extra-icon,#et-mobile-navigation #et-info .et-extra-social-icons .et-extra-icon:before, #et-mobile-navigation #et-info .et-cart, #et-mobile-navigation #et-info .et-top-search .et-search-submit:before {
		color: white;
	}
}
  @media only screen and (min-width: 768px){
      #main-header .etad {
      max-height: 90px;
      margin: 30px auto;
      }
  }
/*Searchfield top-header color*/
#et-info .et-top-search .et-search-field:focus{
    background: rgba(255,255,255,.2);
    color: #000;
}
#et-extra-mobile-menu>li>a:hover{
    color: #fff!important;
}
#et-extra-mobile-menu>li.current-menu-item>a{
	color: rgba(255,255,255,.6)!important;
}
  
  #footer-info{
      display:none;
  }
  
  .et_pb_extra_row.etad.post_above{
      padding-top: 2rem;
  }
  
  body.woocommerce .et_pb_extra_row.etad.header_below{
    display:none;
  }
  
  .tiny_coffee header h1{
   color: rgba(221,90,90,0.53);
   font-size: 2rem;
  }
  
  .tiny_coffee .tiny_coffee_text{
  padding-bottom: 2rem
  }
  
  .tiny_coffee .tiny_coffee_slider{
  margin-bottom: 3rem
  }
  
  .tiny_coffee .fa.fa-smile-o{
    color: rgba(221,90,90,0.53);
    padding-right: 1rem;
    font-size: 2rem;
  }
  
  .tiny_coffee form.tiny_coffee_form button{
    border: 2px solid;
    padding: 0.8rem
  }
  
  .tiny_coffee_form button::before{
    content: 'Support us';
    font-size: 1.8rem;
    padding-right: 0.7rem;
  }
  
  .tiny_coffee_form .fa.fa-shopping-cart{
    font-size: 2rem;
  }
  
  .woocommerce-page ul.products li.product .price, .woocommerce ul.products li.product .price{
      width:100%;
      text-align:center;
      color: rgba(221,90,90,0.53);
  }
  
  .products .woocommerce-de_price_taxrate{
      width: 100%;
      text-align: center;
  }
  
  .wgm-info.woocommerce_de_versandkosten {
      padding:0.7rem;
      width: 100%;
      text-align:center
  }
  
  .wgm-extra-costs-eu {
      width:100%;
      font-size: 0.7rem;
      line-height: 1.1;
      padding: 0.7rem;
  }
  
  .woocommerce-page nav.woocommerce-pagination ul.page-numbers li .page-numbers.current, .woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers.current {
          background: rgba(221,90,90,0.53);
  }
  
  .etad.post_below > a {
      margin: 0 auto;
  }
/*Brevo Newsletter Popup*/
@media screen and (min-width: 981px){
	#et-boc .area-outer-wrap[data-da-type=popup]{
    	width:50%;
	}
}
.et_pb_button.btn-newsletter-popup{
    visibility: hidden;
	height:1px;
	max-height:1px;
	padding:0;
	border:0;
	font-size:0.1px;
}
/* source-sans-pro-regular - latin */
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local(''),
         url('https://goldenride.de/wp-content/uploads/fonts/source-sans-pro-v18-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('https://goldenride.de/wp-content/uploads/fonts/source-sans-pro-v18-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }

 h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, body, a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video{
      font-family: 'Source Sans Pro',sans-serif;
  }
  

@media only screen and (max-width: 480px) {
	#et-mobile-navigation #et-info .et-top-search .et-search-field, #et-mobile-navigation #et-info .et-extra-social-icons .et-extra-icon,#et-mobile-navigation #et-info .et-extra-social-icons .et-extra-icon:before, #et-mobile-navigation #et-info .et-cart, #et-mobile-navigation #et-info .et-top-search .et-search-submit:before {
		color: white;
	}
}
  @media only screen and (min-width: 768px){
      #main-header .etad {
      max-height: 90px;
      margin: 30px auto;
      }
  }

  
  #footer-info{
      display:none;
  }
  
  .et_pb_extra_row.etad.post_above{
      padding-top: 2rem;
  }
  
  body.woocommerce .et_pb_extra_row.etad.header_below{
    display:none;
  }
  
  .tiny_coffee header h1{
   color: rgba(221,90,90,0.53);
   font-size: 2rem;
  }
  
  .tiny_coffee .tiny_coffee_text{
  padding-bottom: 2rem
  }
  
  .tiny_coffee .tiny_coffee_slider{
  margin-bottom: 3rem
  }
  
  .tiny_coffee .fa.fa-smile-o{
    color: rgba(221,90,90,0.53);
    padding-right: 1rem;
    font-size: 2rem;
  }
  
  .tiny_coffee form.tiny_coffee_form button{
    border: 2px solid;
    padding: 0.8rem
  }
  
  .tiny_coffee_form button::before{
    content: 'Support us';
    font-size: 1.8rem;
    padding-right: 0.7rem;
  }
  
  .tiny_coffee_form .fa.fa-shopping-cart{
    font-size: 2rem;
  }
  
  .woocommerce-page ul.products li.product .price, .woocommerce ul.products li.product .price{
      width:100%;
      text-align:center;
      color: rgba(221,90,90,0.53);
  }
  
  .products .woocommerce-de_price_taxrate{
      width: 100%;
      text-align: center;
  }
  
  .wgm-info.woocommerce_de_versandkosten {
      padding:0.7rem;
      width: 100%;
      text-align:center
  }
  
  .wgm-extra-costs-eu {
      width:100%;
      font-size: 0.7rem;
      line-height: 1.1;
      padding: 0.7rem;
  }
  
  .woocommerce-page nav.woocommerce-pagination ul.page-numbers li .page-numbers.current, .woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers.current {
          background: rgba(221,90,90,0.53);
  }
  
  .etad.post_below > a {
      margin: 0 auto;
  }