/*
 Theme Name:   Hermes Child
 Theme URI:    https://generatepress.com
 Description:  Hermes Theme
 Author:       Fine Digital
 Author URI:   https://finedigital.co.uk
 Template:     generatepress
 Version:      0.1
*/


/* Footer Floating Bar Styles END */

@media (min-width: 992px) {
  .hide-desktop {
  display: none;
}
}

@media (max-width: 991px) {
  .hide-mobile {
  display: none;
}
}

@media (max-width: 991px) {
  #header .col-md-3.text-end {
  display: none;
}
.d-flex.flex-wrap.align-items-center.justify-content-center.justify-content-md-between.py-3.mb-4
{
  background: white;
}
}


/* START Footer Floating Bar Styles */

.hermes_info_bar a[href*=tel] {
  pointer-events:none
}
.hermes_info_bar-triggers {
  font-size:0;
  padding:0 20px;
  text-align:center;
  white-space:nowrap
}
.hermes_info_bar {
  background:#ebebeb;
  bottom:0;
  left:0;
  position:fixed;
  transition:all .2s cubic-bezier(.23,.47,.32,1);
  width:100%;
  z-index:10000
}
.hermes_info_bar :focus {
  outline-color:#222
}
.hermes_info_bar :focus:not(:focus-visible) {
  outline-color:transparent
}
.hermes_info_bar-content {
  -webkit-backface-visibility:hidden
}
.hermes_info_bar-trigger {
  cursor:pointer;
  display:inline-block;
  padding:15px 0;
  text-align:center;
  width:25%
}
.hermes_info_bar-trigger a {
  display:block;
  text-decoration: none;
}
.hermes_info_bar-trigger-icon {
  background-repeat:no-repeat;
  background-size:contain;
  display:block;
  height:16px;
  margin:0 auto 8px;
  width:16px;
  font-size: 16px;
}
.hermes_info_bar-trigger-label {
  color:#222;
  display:block;
  font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size:10px;
  letter-spacing:.5px;
  line-height:1em;
  text-transform:uppercase
}

.hermes_info_bar-overlay {
  align-items:center;
  background:#ebebeb;
  color:#222;
  display:flex;
  height:100%;
  justify-content:center;
  left:0;
  opacity:0;
  position:fixed;
  top:0;
  transition:opacity .2s cubic-bezier(.23,.47,.32,1);
  visibility:hidden;
  width:100%
}
.hermes_info_bar-overlay-content {
  margin:auto;
  width:100%;
  z-index:1
}
.hermes_info_bar-overlay-content>div {
  display:none
}
.hermes_info_bar-overlay-content .hermes_info_bar-map-wrapper {
  display:flex;
  flex-direction:column;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%
}
.hermes_info_bar-overlay-content .hermes_info_bar-map {
  flex:auto
}
.hermes_info_bar-overlay-content .hermes_info_bar-map :focus {
  outline-color:#000
}
.hermes_info_bar-overlay-content .hermes_info_bar-map :focus:not(:focus-visible) {
  outline-color:transparent
}
.hermes_info_bar-overlay-content .hermes_info_bar-address {
  background:#ebebeb;
  box-sizing:border-box;
  color:#aaa;
  flex:none;
  font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size:12px;
  height:auto;
  line-height:19px;
  padding:20px;
  position:relative;
  width:100%
}
.hermes_info_bar-overlay-content .hermes_info_bar-address [data-type=addressTitle] {
  color:#222;
  font-size:14px;
  line-height:14px;
  margin:2px 0 7px
}

.hermes_info_bar-overlay-close {
  background:#ebebeb;
  cursor:pointer;
  padding:13px;
  position:fixed;
  right:10px;
  top:10px;
  z-index:2
}
.hermes_info_bar-overlay-close:after {
  color:#222;
  content:"×";
  display:block;
  font-family:helvetica,arial,sans-serif;
  font-size:19px;
  font-weight:100;
  line-height:15px;
  padding:0
}
.hermes_info_bar-show-overlay {
  z-index:12000
}
.hermes_info_bar-show-overlay .hermes_info_bar-overlay {
  opacity:1;
  visibility:visible
}
.hermes_info_bar-dark {
  background:#222
}
.hermes_info_bar-dark :focus {
  outline-color:#fff
}
.hermes_info_bar-dark :focus:not(:focus-visible) {
  outline-color:transparent
}
.hermes_info_bar-dark .hermes_info_bar-overlay {
  background:#222;
  color:#fff
}
.hermes_info_bar-dark .hermes_info_bar-address {
  background:#222
}

.hermes_info_bar-dark .hermes_info_bar-overlay-close,
.hermes_info_bar-overlay-close-dark {
  background:#222
}
.hermes_info_bar-dark .hermes_info_bar-overlay-close:focus,
.hermes_info_bar-overlay-close-dark:focus {
  outline-color:#fff
}
.hermes_info_bar-dark .hermes_info_bar-overlay-close:focus:not(:focus-visible),
.hermes_info_bar-overlay-close-dark:focus:not(:focus-visible) {
  outline-color:transparent
}
.hermes_info_bar-dark .hermes_info_bar-overlay-close:after,
.hermes_info_bar-overlay-close-dark:after {
  color:#fff
}
.hermes_info_bar-hide,
.sqs-style-mode .hermes_info_bar {
  transform:translate3d(0,100px,0)
}

/* Footer Floating Bar Styles END */

/* Start Floating Sidebar */


.site-sidebar {
    top: 40%;
    /* -webkit-transform: translateX(-15%);
    transform: translateX(-15%) */
}

.site-sidebar .sidebar-book-btn-container {
    position: fixed;
    /* position: sticky; */
    z-index: 99999;
    -webkit-transform: translate(-65%, 550%) rotate(270deg);
    transform: translate(-65%, 550%) rotate(270deg);
}

.site-sidebar .sidebar-book-btn-container a {
    border: 0px !important;
    min-width: 250px;
}

.site-sidebar .sidebar-book-btn-container a:hover {
    text-decoration: none
}

.site-sidebar .mix-blend {
    position: fixed;
    z-index: 99999;
    mix-blend-mode: difference;
    -webkit-transform: translate(130%, 275%);
    transform: translate(-145%, 275%)
}

.site-sidebar ul.wp-block-social-links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0px;
    grid-row-gap: 0px
}

.site-sidebar ul.wp-block-social-links li {
    background: rgba(0, 0, 0, 0) !important
}

.site-sidebar ul.wp-block-social-links li a {
    color: #fff
}

.sidebar-btn {
    background-color: #be5f2b !important
}

::-webkit-scrollbar {
    display: none;
    width: 0 !important;
    background: rgba(0, 0, 0, 0)
}

/* Floating Sidebar END */

/* ###################################### */
/* ########### Custom Style ############# */
/* ###################################### */


/* ## Utility Clases ## */

.w-auto {
  width: auto !important;
}

.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.top-0 {
  top: 0px;
}

/* Global */
body a {
  text-decoration: none;
}

.cart-contents.shopping-cart.has-svg-icon {
  color: var(--global-color-9);
}

 /* Uncategorised */
 .entry-header {
   display: none;
 }


/* Mobile Navigation */
#mobile-menu-control-wrapper button {
  color: var(--global-color-9);
}


#mobile-menu-control-wrapper button  svg{ 
  width: 60px !important;
  height: 60px !important;
}

 /* Home page */
.our-range_section {
  /* width: 100% !important; */
  /* max-width: 1250px !important; */
  aspect-ratio: 1440 / 2230;
  /* min-height: 1305px; */
 }

 .our-range_section .uagb-block-c9a6a05f {
   max-width: 154px;
 }

 /* #### Single Product #### */
.single-product #masthead {
  border-bottom: 1px solid black;
}

.single-product .entry-content nav{
  margin-bottom: 40px !important;
}

.single-product .entry-content {
  padding-top: 25px;
  padding-right: 25px;
  padding-left: 25px;
 }
.single-product .entry-summary h1 {
  font-size: 36px;
  font-weight: 500;

}

.single-product .entry-summary .price {
  font-size: 32px !important;
  font-weight: 800 !important;
  padding-bottom: 35px !important;
  border-bottom: 2px solid var(--global-color-9);
}

.price-line-separator {
  height: 3px;
  margin-top: -10px;
  background: var(--global-color-9);
}

.single-product .entry-summary form {
  margin-top: 40px;
}
.single-product .entry-summary form > *  {
 margin-top: 5px !important;
}
.single-product .entry-summary form button {
  color: black !important;
  width: calc(100% - 160px)!important;
  max-width: 400px !important;
  
}

/* .single-product .entry-content .woocommerce-product-gallery__trigger::before {
  width: 30px !important;
  height: 28px !important;
  left: -50px !important;
} */

/* .single-product .entry-content .woocommerce-product-gallery__trigger::after {
  width: 5px !important;
  height: 30px !important;
  top: 32px !important;
  left: -14px !important;
} */

.single-product .sales-flash-overlay .woocommerce-product-gallery .flex-viewport {
  border: 1px solid black !important;

}

.single-product .sales-flash-overlay .woocommerce-product-gallery ol {
  margin-top: 4px !important;
}

.single-product .sales-flash-overlay .woocommerce-product-gallery ol > li {
  width: 100% !important;
  max-width: 180px !important;
  padding: 10px !important;
  border: 1px solid black !important;
}

.single-product .sales-flash-overlay .woocommerce-product-gallery ol > li:not(:first-child) {
  margin-left: 3px !important;
}

.single-product li.sales-flash-overlay .button {
  color: black;
  background: var(--global-color-9) !important;
}


/* Related Product section */
.single-product .related.products {
  background: rgba(141, 144, 145, 0.17);
}

.single-product .related.products h2 {  
  padding-top: 70px;
  padding-bottom: 40px;
  background-color: white;
  color: var(--global-color-9);
  text-align: center;
}
.single-product .related.products > ul  {
  padding: 25px 50px 50px;
  margin-bottom: 0px;
}
.single-product .related.products > ul > li {
  padding: 50px 20px;
  background: white;
}

.single-product .related.products > ul > li .price,
.product_section .woocommerce-Price-amount,
.woocommerce-Price-amount {
  font-size: 20px !important;
  font-weight: 800 !important;
}

.woocommerce-loop-product__title {
  color: black !important;
  font-size: 20px !important;
}

.single-product .woocommerce-tabs.wc-tabs-wrapper h2 {
  color: var(--global-color-9);
}

 .single-product .woocommerce-tabs.wc-tabs-wrapper > ul > li{   
   background-color: var(--global-color-9) !important;
 }

.single-product .woocommerce-tabs.wc-tabs-wrapper > ul > li:not(:first-child) {
  margin-left: 5px !important;
}



/*  #### Footer #### */

.uagb-block-7a5790ae h2 {
  font-size: 24px;
}

.uagb-block-b5ffa996 figure {
  width: 40px;
 
}

.footer-exclusive-offers-container form {
  display: flex !important;
  width: 380px !important;
}

.footer-exclusive-offers-container form input,
.footer-exclusive-offers-container form button {
  height: 46px;
}

.footer-exclusive-offers-container form .wp-block-button  {
  margin-left: 12px !important;
}



/* Social icons */
 .uagb-block-3b736f76 svg path {
   fill: var(--global-color-9)
   
 }

 footer.site-info  {
   display: none
 }


 @media screen and (max-width: 768px) {
    .woocommerce div.product .woocommerce-tabs ul.tabs {
        flex-direction: row !important;
    }
}


/* Home page */
.woocommerce div.product .woocommerce-tabs ul.tabs > li {
  padding-left: 25px;
  padding-right: 25px;
}

.uagb-block-542330fd {
  aspect-ratio: 1440 / 614;
}

.promo-section.uagb-block-9f6ae9c6 > div > div {
  aspect-ratio: 700 / 750 !important;
}

.promo-section.uagb-block-9f6ae9c6 .col-1 > div {
  margin-top: 5%;
  margin-right: 6%;
}


.promo-section.uagb-block-9f6ae9c6 .col-2 img {
  /* width: clamp(124px, 100%, 187px) !important; */
  /* aspect-ratio: 247 / 176; */
  margin-top: 200px;
  margin-right: 70px;
}

@media only screen and (max-width: 976px) {
 .promo-section.uagb-block-9f6ae9c6 .col-2 img {
    margin-top: 30%;
    margin-right: 20%;
}
}



/*  Product arhive */
body.post-type-archive-product {
  background: rgba(141,144,145,0.17) !important;
}

body.post-type-archive-product .inside-article {
  padding: 40px 25px 40px !important;
  background: none;
}



.product_section ul {
  display: grid;
  grid-template-columns:  repeat(4, 1fr) !important;
  padding: 80px 50px;
  margin-bottom: 0;
  gap: 40px;
}

.product_section ul li,
.products.columns-4 > li {
  max-width: unset !important;
  padding-top: 40px !important;
  padding-bottom: 25px !important;
  border-bottom: 0px !important;
  background-color: white;
 }

.product_section ul li a .wc-block-grid__product-title,
.products.columns-4 > li a .woocommerce-loop-product__title {
  font-weight: 400 !important;
  font-size: 20px;
  color: black;
}


.col-4 form .uagb-forms-main-submit-button-wrap { 
  width: auto !important;
}



.banner {
  aspect-ratio: 1440 / 819;
}

.wc-block-grid__products {
  width: 100%;
}

.wp-block-woocommerce-cart.alignwide{
  padding: 50px;
}

@media only screen and ( max-width: 976px) {



  .product_section ul {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media only screen and (max-width: 767px) {
  .product_section ul {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media only screen and (max-width: 480px){



   .product_section ul {
      display: grid !important;
      grid-template-columns: repeat(2, 1fr) !important;
  }
}