/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Adapted 4 curiopia trawo
 Author:       Tom Usborne / Stefan Niemeyer
 Author URI:   https://curiopia.de
 Template:     generatepress
 Version:      0.1
*/
/* TRAWO CURIOPIA
-------------------------------------------------------------- */
/* trawo FONTS
-------------------------------------------------------------- */

@font-face{
  font-family:"Trave";
  src:url("Fonts/Trave-Bold.woff2") format("woff2")
}

@font-face {
font-family:"Averta Regular";
src:url("Fonts/averta-regular.woff2") format("woff2")
}

@font-face {
  font-family:"Averta Bold";
  src:url("Fonts/averta-bold.woff2") format("woff2")
  }

  @font-face {
    font-family:"Wilderness";
    src:url("Fonts/wilderness.woff2") format("woff2")
    }
    /* trawo Icons
-------------------------------------------------------------- */

@font-face {
  font-family: 'trawo';
  src:  url('Fonts/icons/trawo.eot?wmoik2');
  src:  url('Fonts/icons/trawo.eot?wmoik2#iefix') format('embedded-opentype'),
    url('Fonts/icons/trawo.ttf?wmoik2') format('truetype'),
    url('Fonts/icons/trawo.woff?wmoik2') format('woff'),
    url('Fonts/icons/trawo.svg?wmoik2#trawo') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'trawo' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-trawo-quote:before {
  content: "\e904";
}
.icon-trawo-phone:before {
  content: "\e900";
}
.icon-trawo-anchor:before {
  content: "\e901";
}
.icon-trawo-glocke:before {
  content: "\e903";
}
.icon-trawo-calendar:before {
  content: "\e907";
}
.icon-trawo-check:before {
  content: "\e908";
}
.icon-trawo-info:before {
  content: "\e909";
}
.icon-trawo-mail:before {
  content: "\e90a";
}
.icon-trawo-location:before {
  content: "\e90b";
}
.icon-trawo-koffer:before {
  content: "\e90c";
}
.icon-trawo-user:before {
  content: "\e90d";
}




/* Umschalter der Sprache 
-------------------------------------------------------------- */

#menu-item-wpml-ls-2-de .sub-menu, #menu-item-wpml-ls-2-en .sub-menu {
  width: 90px;
}


/* Trawo Listings
-------------------------------------------------------------- */

.entry-content ul li {
  list-style-type:none;
  margin-bottom:.4rem;
}
.entry-content ul li:before {    
font-family: 'trawo';
content: "\e908";
margin:0 10px 0 -28px;
color: var(--trawo-black)
}

.entry-content .anchor li:before {    
  font-family: 'trawo';
  content: "\e901";
  margin:0 10px 0 -28px;
  color: var(--trawo-tuerkis)
  }

  .entry-content ol li::marker {
    color: var(--trawo-tuerkis);
  }



  /* Header-Logo
-------------------------------------------------------------- */

  .site-logo {
    background-color: var(--trawo-white);
    padding: 10px;
  }


  .en-icon {
    width: 20px;
    height: 20px;
    margin-bottom: -3px;
}


/* Unterstrich bei Links
-------------------------------------------------------------- */
.entry-content p a, .entry-content p a:visited, .wp-block-woocommerce-checkout-fields-block a {
  border-bottom: 1px solid var(--trawo-black);
  padding-bottom: 1px;
}
.entry-content p a:focus, .entry-content p a:hover {
  border-bottom: 1px solid var(--trawo-tuerkis);
}

/* Space bei Wilderness
-------------------------------------------------------------- */
.gb-headline-wilderness {
  margin-bottom: 0.2em;
}
/* Space bei Container im Text (Bilder etc)
------------------------------------------------------------
.gb-container {
  margin-bottom: 30px;
}-- */
/* Space im Primary Submenu
-------------------------------------------------------------- */
.main-navigation ul ul {
  padding: 10px 0 10px 0;
}

.toggled .icon-menu-bars svg:nth-child(1) {
  display: inherit !important;
  color: var(--trawo-tuerkis)
}


/* Zitate
-------------------------------------------------------------- */

cite, dfn, em, i, blockquote {
  font-style: normal;
}

blockquote {
  border-left: 0px;
  padding: 30px 0 0 20px;
  margin: 2em 1em;
  position: relative;
  max-width: 500px;
}

blockquote:before {
  font-family: 'trawo';
  content: "\e904";
  font-size: 1em;
}

blockquote p {
  margin-bottom: 0.1em;
  margin-top: 0.4em;
}

/* Inline-Titels mit Background
-------------------------------------------------------------- */
.gb-headline-head-blue {
  display: inline;
  background-color: var(--trawo-blue);
  color: var(--trawo-white);
  padding: .3em .3em .2em .3em;
      -webkit-box-decoration-break: clone;
      box-decoration-break: clone;
  }
  
  .gb-headline-head-tuerkis {
    display: inline;
    background-color: var(--trawo-tuerkis);
    color: var(--trawo-black);
    padding: .3em .3em .2em .3em;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
    }
    .gb-headline-head-whitebg {
      display: inline;
      background-color: var(--trawo-white);
      color: var(--trawo-tuerkis);
      padding: .3em .3em .2em .3em;
          -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
      }



/* Formidable Forms
-------------------------------------------------------------- */

      .fieldicon {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'trawo';
        font-style: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        color: var(--trawo-black);
        -moz-osx-font-smoothing: grayscale;
        margin: 0 6px;
      }
      
      .icon-mail:before {
        content: "\e90a";
      }
      
      .icon-user:before {
        content: "\e90d";
      }

      .icon-phone:before {
        content: "\e900";
      }
  
      .with_frm_style .frm_inline_box {
        border-right: 1px solid var(--trawo-white)!important;
        }

        .with_frm_style .frm_radio input[type=radio], .with_frm_style .frm_checkbox input[type=checkbox] {
          border: 2px solid currentColor !important;
      }
      .with_frm_style .vertical_radio .frm_checkbox label, .with_frm_style .vertical_radio .frm_radio label {
        padding-left: 26px !important;
        text-indent: -27px !important;
    }


    .frm-datepicker .ui-datepicker-title select.ui-datepicker-month, .frm-datepicker .ui-datepicker-title select.ui-datepicker-year {
      min-height: 34px!important;
    }


/* STARTSEITE ANIMATIONEN START --- */

/* Startseite Header ausblenden
-------------------------------------------------------------- */

.page-id-4737 .site-logo, 
.page-id-8741 .site-logo,
.page-id-1543 .site-logo {
    display: none;
  }

.page-id-4737.sticky-enabled .main-navigation:not(.is_stuck), 
.page-id-8741.sticky-enabled .main-navigation:not(.is_stuck),
.page-id-1543.sticky-enabled .main-navigation:not(.is_stuck) {
    opacity: 0;
    pointer-events: none;}



/* Background Video Ole Startseite
-------------------------------------------------------------- */

.background-video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-size: cover;
  object-position: 50% 50%;
  animation: fade 1s ease-in 0s forwards;
  background-color: var(--trawo-tuerkis);
}

@keyframes fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@media (max-width: 1024px) {
  .background-video {
    object-position: 70% 50%;
    animation: fade 3s ease-in 0s forwards;
  }}

.background-video-content {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.trawo0{fill: var(--trawo-blue);}
.trawo1{fill: var(--trawo-white);}
.trawo2{fill:none;}

video[poster] {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

    /* Slogan Startseite
-------------------------------------------------------------- */

@keyframes logo-appear {
  to {
    zoom:100%;
    opacity:1;
  }
  from{
    zoom:0%;
      opacity:0;
  }
}
.logo-appear {
animation-name: logo-appear;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
animation-duration: 9s;
animation-direction: alternate;
}



    /* Scroll down animation Startseite
--------------------------------------------------------- */

.mousewheel-start #wheel-start {
animation: 
    scrollwheel-start ease 1.5s infinite;
    z-index: 103;
    position: relative;
}

@keyframes scrollwheel-start {
	0% {
		transform: translateY(0);
	}
	30% {
		transform: translateY(100px);
	}
}

.mouse-appear {
  animation: appear ease-in-out 15s alternate;
      z-index: 103;
      position: relative;
      padding-bottom: 5px;
  }

@keyframes appear {
  to {
    zoom:100%;
    opacity:1;
  }
  from{
    zoom:0%;
      opacity:0;
  }
}

/* STARTSEITE ANIMATIONEN ENDE --- */

    /* Scroll down animation Page Hero
-------------------------------------------------------------- */

.mousewheel #wheel {
	animation: scrollwheel ease 1.5s infinite;
}

@keyframes scrollwheel {
	0% {
		transform: translateY(0);
	}
	30% {
		transform: translateY(100px);
	}
}




/* Countdown Trawo
-------------------------------------------------------------- */

#countdown li {
  display: inline-block;
  font-size: 1.3em;
  list-style-type: none;
  padding: 1em;
  text-transform: uppercase;
}

ul.count {
  margin: 0 1em 1.5em 1em;
}

.trave {
  font-family: "Trave", Arial, Helvetica, sans-serif;
}

#countdown li span {
  display: block;
  font-size: 4.5em;
}
#countdown ul li:before {    
  font-family: none;
  content: none;
  margin:0 10px 0 -28px;
  color: var(--trawo-black)
  }

.emoji {
  display: none;
  padding: 1rem;
}

.emoji span {
  font-size: 4rem;
  padding: 0 .5rem;
}

@media all and (max-width: 768px) {
  
  #countdown li {
    font-size: 0.8em;
  }
  
  #countdown li span {
    font-size: 4em;
  }
}

  /* Scroll Progress Bar
-------------------------------------------------------------------- */

.header {
  position: fixed;
  bottom: 0;
  z-index: 100;
  width: 100%;
  background-color: var(--trawo-white)
}

.progress-container {
  width: 100%;
  height: 8px;
  background: var(--trawo-white)
}

.progress-bar {
  height: 8px;
  background: var(--trawo-tuerkis);
  width: 0%;
}

/* Fix scrollling background images on high-res touch devices
-------------------------------------------------------------- */

@media (pointer:coarse) {
  .gb-container:before {
      background-attachment: initial !important
  }}


  /* Trawo Icon Animation
-------------------------------------------------------------- */

@keyframes shipps {
	0% {
		transform: translateX(0);
	}
	30% {
		transform: translateX(20px);
	}
}

.sailship #ship {
	animation: shipps ease 1.7s infinite;
}



@keyframes star {
  to {
    zoom:10%;
    opacity:0;
  }
  from{
    zoom:100%;
      opacity:1;
  }
}
.star {
animation-name: star;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 2s;
animation-direction: alternate;

}
@keyframes star1 {
  to {
 
    opacity:0;
  }
  from{
 
      opacity:1;
  }
}
.star1 {
animation-name: star1;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 3s;
animation-direction: alternate;
}
@keyframes star2 {
  0% {
  opacity:1;
}
45% {
opacity:1;
}
55% {
opacity:0;
}
100% {
opacity:0;
}

}
.star2 {
animation-name: star2;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 5s;
animation-direction: alternate;
}



    /* Maps MArker
-------------------------------------------------------------- */


.maps-marker-pro .mmp-list-name {
  cursor: pointer;
  font-size: 20px;
  font-weight: normal!important;
  font-family: 'Trave';
}


/* FACET LISTINGS
-------------------------------------------------------------- */

/* Facet WP Anpassung der Columns bei der Blog-Ansicht
-------------------------------------------------------------- */

.generate-columns-container:not(.masonry-container) {
  display: block !important;
  margin-left: 0;
}
@media(min-width: 869px) {
  .generate-columns-container:not(.masonry-container) .facetwp-template, .facetwp-template {
      display: flex;
      flex-wrap: wrap;
      align-items: stretch;
      flex-direction: column;
  }
  /* 
  .generate-columns-container .facetwp-template, .facetwp-template {
      margin-left: -40px;
  } */
}



/* Horizontale Darstellung der Listen
-------------------------------------------------------------- */
#facet-desk .facetwp-facet {
display: flex;
flex-wrap: wrap;
}
.facetwp-facet {
  margin-bottom: 20px!important;
}
/* CO2-Kompensation SPIN
-------------------------------------------------------------- */
.rotate {
  animation: rotate 14s linear infinite;
}

@keyframes rotate {
  from {
      transform: rotate(0deg);
  }
  to {
      transform: rotate(360deg);
  }
}

.black {
  fill: var(--trawo-black);
}

.white {
  fill: var(--trawo-white);
}

h3.kompensation {
  background-color: white;
  padding: 20px 5px 10px 5px;
  border-radius: 10px;
  height: 70px;
  width: 100px;
  text-align: center;
  font-size: 1.9em;
}

.bouncing-svg {
  width: 100px;
  height: 100px;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 100% {
      transform: translateY(0);
  }
  50% {
      transform: translateY(-20px);
  }
}




/* Horizontale Optik der Radio-Buttons
-------------------------------------------------------------- */
.facetwp-radio {
background-size: 0px!important;
padding-left: 8px!important;
padding-right: 8px!important;
cursor: pointer;
background-color: var(--trawo-white);
color: var(--trawo-black);
border: 3px solid var(--trawo-tuerkis)!important;
margin: 5px
}

.facetwp-radio.checked, .facetwp-radio:hover {
background-size: 0px;
background-color: var(--trawo-black);
padding-left: 8px!important;
padding-right: 8px!important;
color: var(--trawo-white);
margin: 5px
}

.fs-label-wrap {
  border: 3px solid var(--trawo-tuerkis-half)!important;
  margin: 5px;
}

.fs-label-wrap .fs-label {
  background-color: var(--trawo-tuerkis-half);
  padding: 18px 22px 18px 8px!important;
  cursor: pointer;
}
.fs-label-wrap .fs-label:hover {
  background-color: var(--trawo-tuerkis);
  cursor: pointer;
}

.facetwp-selections .facetwp-selection-value {
  background-color: var(--trawo-yellow);
  color: var(--trawo-black);
  padding: 5px 16px 5px 5px!important;
  border-right: 5px solid var(--trawo-yellow)
}
.fs-wrap.multiple .fs-option.selected .fs-checkbox i {
  background-color: var(--trawo-yellow)!important;
}

.fs-wrap {
  width: 290px!important;
}


.fs-wrap.multiple .fs-option .fs-checkbox i {
  border: 1px solid var(--trawo-tuerkis)!important;
  border-radius: 0px!important;
  background-color: var(--trawo-tuerkis)!important;
}

.fs-dropdown {
  width: 97%!important;
  background-color: #fff;
  border: 2px solid var(--trawo-black)!important;
  margin: 0px 5px;
  padding: 5px 0px;
}

.entry-content .facetwp-selections ul li:before {
  font-family: none;
  content: none;
  margin: 0;
  color: none;
}
.leaflet-pane, .leaflet-container.leaflet-touch-zoom  {
  z-index: 1!important;
}

.fs-dropdown .fs-options {
  max-height: 400px!important;
}


/* Paginierung Listen
-------------------------------------------------------------- */
.nav-links a, .page-numbers.current, .nav-links a:hover, .nav-links a:visited {
color: var(--trawo-white)!important;
}
.page-numbers {
padding: 15px 20px!important;
}
.page-numbers.current, .page-numbers:hover, .next.page-numbers:hover {
background-color: var(--trawo-black);
}
.page-numbers,  .next.page-numbers {
background-color: var(--trawo-black);
}
.page-numbers.dots {
  background-color: var(--trawo-white)!important;
  }


  .noUi-base, .noUi-connects {
    width: 300px!important;
}

.facetwp-type-fselect .fs-option .fs-option-label {
  font-size: 0.9em;
}

/* ENDE FACET LISTINGS
-------------------------------------------------------------- */



.wpgmza_map .wpgmza-inner-stack .wpgmza-panel-list-item .panel-list-row .panel-list-col,
.wpgmza_map .wpgmza-inner-stack .wpgmza-panel-info-window .wpgmza-title  {
  text-align: left;
  font-family: 'Averta Bold';
  font-size: 1rem!important;
  line-height: 1;
}

.wpgmza_map .wpgmza-inner-stack .wpgmza-panel-list-item {
border-bottom: 2px solid var(--trawo-black)!important;}

.wpgmza_map .wpgmza-inner-stack .wpgmza-panel-list-item:hover {
  background-color: var(--trawo-tuerkis-half)!important;
}

.wpgmza-close {
  background-color: var(--trawo-blue);
}
.wpgmza-gallery-container {
  border-top: 2px solid  var(--trawo-black)!important;
  margin-top: 5px
}

.wpgmza-description {
  text-align: left;
}

.grouping-handle {
  background-color: var(--trawo-blue)!important;
}
.wpgmza_map .wpgmza-inner-stack .grouping ~ .grouping-handle .icon:after {
  border: 2px solid var(--trawo-white)!important;
  border-left: none!important;
    border-bottom: none!important;
}

.wpgmza_map .wpgmza-inner-stack .grouping ~ .grouping-handle {
  height: 70px!important;
  width: 30px!important;
}

/* Woocommere
-------------------------------------------------------------- */




.single_variation_wrap, .single_variation_wrap, .woocommerce-variation-add-to-cart {
flex-direction: column;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.variations tr {
flex-direction: column;
display: flex;
padding-bottom: 20px;
}

.woocommerce div.product form.cart .variations select {
max-width: 50%;
min-width: 50%;
display: inline-block;
margin-right: 1em;
}

@media (max-width: 600px){ .woocommerce div.product form.cart .variations select {
max-width: 75%;
min-width: 75%;
display: inline-block;
margin-right: 1em;
}}

.woocommerce div.product form.cart .variations th {
padding: 1px;
color: #3f4b5b;
text-align: left;
}
.variations select {
border: 3px solid;
font-size: 16px;
color: #3f4b5b;
padding: 12px 10px;
background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;
-moz-appearance: none; 
-webkit-appearance: none; 
appearance: none;
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link).contained, body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link).contained:active, body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link).contained:disabled, body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link).contained:focus, body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link).contained:hover {
background-color: var(--trawo-green);
color: var(--trawo-black)
}

.wc-block-cart-item__prices, .wc-block-components-order-summary-item__individual-prices, .woocommerce-product-gallery, .legal-price-info, .ppcp-place-order-description  {
display: none;
}

.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url], .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input {
  border: 3px solid hsla(0,0%,7%,.8)!important;
  border-radius: 1px!important;
}


.wc-block-checkout ul li, .woocommerce-order-overview__order li {
  list-style-type: initial; 
  margin-bottom: initial; 
}

.wc-item-meta li::before, .woocommerce ul.order_details li::before {
  display: none;
}

.wc-block-checkout ul li:before {
  content: none;
  margin: 0; 
  color: initial; 
}

.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-metadata, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-metadata {
  margin-top: 2em;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea
{
  border: 3px solid;
}

#customer_details+#wc_checkout_add_ons, #order_review, #order_review_heading {
  float: left!important;
}

.wc-gzd-checkbox-placeholder-legal {
  padding: 15px;
  border: 3px solid var(--trawo-green);
  margin-bottom: 20px;
}

.cart_item, .cart-subtotal, .order-tax {
  font-size: 0.8em;
}

.select2-container--default .select2-selection--single {
  border: 3px solid #000;
  border-radius: 0px;
}
.select2-container .select2-selection--single {
  height: 48px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #000 transparent transparent transparent;
  margin-left: -12px;
  border-width: 8px 7px 0px 7px;
}

h3#order_review_heading {
  font-size: 2em;
}
.woocommerce form .form-row .input-text, .woocommerce form .form-row select {
  border: 3px solid;
}



.wp-block-woocommerce-single-product {
  max-width: 500px;
  border: 3px solid var(--trawo-green);
  padding: 20px;
}

.wp-block-add-to-cart-form .cart {
  text-align: right;
}

.wc-block-add-to-cart-form .quantity .qty {
  width: 4.631em!important;
  font-weight: bold;
    font-size: 1rem;
}