/*
Theme Name: 	Betheme Child
Theme URI: 		http://themes.muffingroup.com/betheme
Author: 		Muffin group
Author URI: 	http://muffingroup.com
Description:	Child Theme for Betheme - Premium WordPress Theme
Template:		betheme
Version: 		1.6.1
*/

/* Theme customization starts here
-------------------------------------------------------------- */
/* ==========================================================================
   > Fonts
   ========================================================================== */
  @font-face {
      font-family: 'brush_script_mtitalic';
      src: url('assets/fonts/brushsci-webfont.eot');
      src: url('assets/fonts/brushsci-webfont.eot?#iefix') format('embedded-opentype'),
           url('assets/fonts/brushsci-webfont.woff2') format('woff2'),
           url('assets/fonts/brushsci-webfont.woff') format('woff'),
           url('assets/fonts/brushsci-webfont.ttf') format('truetype'),
           url('assets/fonts/brushsci-webfont.svg#brush_script_mtitalic') format('svg');
      font-weight: normal;
      font-style: normal;
  }

/* ==========================================================================
   > General
   ========================================================================== */
   #Top_bar .wpml-languages { display: none; }

   #Top_bar {
     position: relative;
   }

   .menu-main {
     text-transform: uppercase;
   }

   .wpml-ls-slot-6 {
     display: none !important;
   }

   #Top_bar .wpml-custom-laguage-bar {
     position: absolute;
     top: 13px;
     right: 30px;
   }

   .text-gradient .fancy_heading .title {
      background: -webkit-linear-gradient(#f4a86e, #c16b34);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
   }

   .text-gradient { margin-bottom: 0; }

   .text-gradient-shop-title .fancy_heading .title {
      font-size: 25px;
      margin-top: -36px;
      margin-bottom: 48px;
   }
  
  .all-watches {
    position: relative;
    padding-bottom: 102px;
  }
  .watches-pagination { width: 100%; position: absolute; bottom: 10px; left: 50%; transform: translate(-50%, -50%); padding: 0 15px; }

  .watches-pagination a { display: inline-block; border: 1px solid #bdae8e; border-radius: 8px; padding: 5px 10px; text-decoration: none; }
  .watches-pagination a:hover { border: 1px solid #bdae8e; background: #bdae8e; text-decoration: none; color: #000; }
  .watches-pagination .page-numbers.current { display: inline-block; border-radius: 8px; padding: 5px 10px; border: 1px solid #bdae8e; background: #bdae8e; text-decoration: none; color: #000; }

  .fancy_heading .title { line-height: 72px; }
  
  .watch-gallery { text-align: center; }
  .watch-gallery  { display: inline-block; }

  .alm-reveal {
    width: 100%; 
    display: grid;
    /*Define our columns */
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); 
    grid-gap: 1em;
    text-align: center;
  }

  .alm-btn-wrap .alm-load-more-btn { background: #e99c64 !important; }

  .special-watch-single img { margin-top: 279px; }

  .special-watch-single-bg .vc_custom_1587538189926,
  .special-watch-single-bg .vc_custom_1587537705924 { background-position: top !important; }

/* ==========================================================================
   > Menu custom link
   ========================================================================== */

  #menu > ul > li.last > a.custom-menu-item { text-transform: uppercase; }
/*  #menu > ul > li.last > a.custom-menu-item { font-family: 'brush_script_mtitalic'; font-size: 30px; }

  #menu > ul > li.last > a.custom-menu-item {
    background: -webkit-linear-gradient(#f4a86e, #c16b34) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }

  .text-gradient-alt { text-transform: uppercase; }

*/
  .watch-items-alt { display: block !important; grid-template-columns: auto !important; }
  .watch-items-alt .watch-item { display: inline-block; }


  .imt.menu-item {
    background: url('https://www.golay-spierer.ch/wp-content/uploads/2021/06/imt-menu-item.png') no-repeat center center;
    background-size: contain;
  }
  .imt.menu-item a {
    font-size: 0 !important;
    width: 87px;
  }

  .image_frame .image_wrapper .mask,
  .edd_download_image:after {
    box-shadow: none;
  }

/* ==========================================================================
   > Animation
   ========================================================================== */
   .anim-logo,
   .anim-bg {
    position: relative;
    top: 0;
     display: flex;
     min-height: 100vh;
     min-width: 100vw;
     position: fixed;
     justify-content: center;
     align-items: center;
     font-size: 50px;
   }

   .anim-logo {
     z-index: 999999;
     background: black;
     -webkit-animation: animateLogo 4s ease-in-out 3.3s forwards;
     animation: animateLogo 4s ease-in-out 3.3s forwards;
   }

   .anim-bg {
     background: black;
     z-index: 99999;
     -webkit-transform: translateX(100vw);
     transform: translateX(100vw);
     -webkit-animation: animateBlackBg 3.5s ease-in-out 3.5s forwards;
     animation: animateBlackBg 3.5s ease-in-out 3.5s forwards;
   }

   @keyframes animateLogo {
     80% {
       transform: translateX(-100vw);
       opacity: 1; 
     }
     
     100% {
       transform: translateX(-100vw);
       opacity: 0; 
     }
   }  

   @-webkit-keyframes animateLogo {
     80% {
       -webkit-transform: translateX(-100vw);
       -webkit-opacity: 1; 
     }
     
     100% {
       -webkit-transform: translateX(-100vw);
       -webkit-opacity: 0; 
     }
   }

   @keyframes animateBlackBg {
     40% {
       transform: translateX(0);
       opacity: 1;
     }
     
     80% {
       transform: translateX(0);
       opacity: 1;
     }
     
     100% {
       transform: translateX(0);
       opacity: 0;
     }

   }

   @-webkit-keyframes animateBlackBg {
     40% {
       -webkit-transform: translateX(0);
       -webkit-opacity: 1;
     }
     
     80% {
       -webkit-transform: translateX(0);
       -webkit-opacity: 1;
     }
     
     100% {
       -webkit-transform: translateX(0);
       -webkit-opacity: 0;
     }

   }

   .anim-logo img { width: auto; height: auto; margin: 0 auto; }

/* ==========================================================================
   > Watch box grid
   ========================================================================== */

   .woocommerce .shop_table thead th,
   .cart-subtotal th,
   .order-total th {
     background: #beaf90;
   }

  .woocommerce .shop_table td.actions {
    background: transparent;
  }

.watch-items {
  width: 100%; 
  display: grid;
  /*Define our columns */
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); 
  grid-gap: 1em;
  text-align: center;
}

.watch-item img {
  /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
    filter: gray; /* IE5+ */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
    -webkit-transition: all .3s ease-in-out;  
}

.watch-item img:hover {
  filter: none;
  -webkit-filter: grayscale(0);
}

.watch-item h4 {
  padding-top: 20px;
}

.watch-item h4 a {
  text-decoration: none;
  transition: ease 500ms;
}

.watch-item h4 a:hover {
  color: #FFF;
}

.watch-item {
  padding: 20px;
  color: #fff;
  border: 2px solid #e99c64;
}
.watch-item:first-child {
  margin-left: 0;
}
.watch-item:last-child {
  margin-right: 0;
}
/* ==========================================================================
   > Checkout form
   ========================================================================== */
   .select2-container--default .select2-selection--single {
     background-color: transparent;
     border: 1px solid #aaa;
     border-radius: 0;
     color: #FFF;
   }

   .select2-dropdown {
     background-color: #000;
   }

   .select2-container--default .select2-selection--single .select2-selection__rendered {
     color: #FFF;
   }
   
   .payment-delivery {
    padding-top: 30px;
   }

   .woocommerce div.product p.price ins,
   .woocommerce div.product span.price ins {
     display: none !important;
   }

   .woocommerce .product div.entry-summary .price>del {
    float: left;
    text-decoration: auto !important;
    -webkit-text-decoration:auto !important;
    text-decoration-color: transparent;
    -webkit-text-decoration-color: transparent;
    font-size: 30px;
    color: #FFF;
    opacity: 1;
    font-weight: bold;
   }

   .cart .product-price ins {
      display: none !important;
   }
   .cart .product-price del {
      text-decoration: none;
   }

   .cart .product-price ins {
     text-decoration: none;
   }

   /* ==========================================================================
   > Special watch
   ========================================================================== */

   .single-product .ui-widget-content {
     background-color: transparent !important;
   }

   .single-product .ui-widget-content table td {
     text-align: left;
   }
   
   .single-product .ui-tabs .ui-tabs-nav,
   .single-product .woocommerce-content .list-nav {
     display: none;
   }

   .upfront-payment-text {
     font-size: 20px;
     text-transform: uppercase;
     padding-bottom: 20px;
   }

   .single-product.woocommerce .product div.entry-summary .price,
   .shop_slider_ul li .item_wrapper .price {
     color: #FFF !important;
   }


  .product-slider .slick-track {
    display: flex;

  }
  .product-slider .slick-slide {
    display: flex;
    height: auto;
  }

   .woocommerce-product-details__short-description ul {
     list-style: circle;
     padding-left: 20px;
   }

   .shop_slider .shop_slider_ul li .item_wrapper .desc {
     background: transparent;
   }

  .shop_slider .shop_slider_ul li .item_wrapper {
      color: #fff;
      border: 2px solid #e99c64;
  }

  .special-watch-alt img {
      /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
      filter: gray;
      /* IE5+ */
      -webkit-filter: grayscale(1);
      /* Webkit Nightlies & Chrome Canary */
      -webkit-transition: all .3s ease-in-out;
  }
  .special-watch-alt img:hover {
      filter: none;
      -webkit-filter: grayscale(0);
  }

  .special-watch-wrapper {
    display: inline-block;
    padding: 20px;
    color: #fff;
    border: 2px solid #e99c64;
  }

  .special-watch-alt h4 {
    margin-top: 30px;
  }

  .special-watch-alt h4 a {
    transition: ease 500ms;
  }
  .special-watch-alt h4 a:hover {
    color: #FFF;
  }

@media only screen and (min-width: 321px) and (max-width: 768px){
    #Top_bar .wpml-custom-laguage-bar {
      display: none;
    }

    .wpml-ls-slot-6 {
      display: block !important;
    }

    #Top_bar #menu ul li a.custom-menu-item {
      padding-top: 8px;
    }

    .special-watch-single img { margin-top: 150px; width: 80%; }

        #Top_bar .logo #logo {
            margin: 0px 50px;
        }
      #Top_bar #menu ul .wpml-ls-item { width: 10%; }
      .home-contact-box.home-contact-box-second { margin-top: -65px; }

      .home-contact-box-second .get_in_touch ul li:before {
        content: "";
        display: block;
        width: 70px;
        border-width: 0 0 1px;
        border-style: solid;
        border-color: rgba(255,255,255,.2);
        position: absolute;
        left: -30px;
        top: 0;
    }

    .imt.menu-item {
      background: url('https://www.golay-spierer.ch/wp-content/uploads/2021/06/imt-menu-item.jpg') no-repeat 10px center;
      background-size: contain;
    }

}
    

@media only screen and (min-width: 769px) and (max-width: 1200px){
/*    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }*/
}
@media only screen and (min-width: 1201px) {
/*    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }*/
}

@media (max-width: 1030px) {
  .anim-logo img { width: 70%; }

}

@media (max-width: 979px) {
   .anim-logo img { width: 90%; margin-top: -30px; }
   .text-gradient h2 { font-size: 20px !important; }

}

@media only screen and (min-width: 1240px) {
  #Top_bar.is-sticky #logo img.logo-sticky {
      max-height: 52px !important;
  }
}
/* ==========================================================================
   > Contact box
   ========================================================================== */
   .home-contact-box i { color: #FFF; }

   .get_in_touch { background-color:transparent !important; }