/*
  Theme Name: StoreFront Child
  Description: StoreFront Child Theme
  Author: Ben Suarez-Brodie
  Template: storefront
  Version: 1.0.2
  Text Domain: storefront-child
  */

/* header {
      padding-top: 1%;
  } */

.related.products .product .button {
    display: none;
}

.related.products ul.products {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.related.products ul.products li.product {
    width: 23%;
    margin: 1%;
}

.related .products.column-4 .product.type-product {
	background: pink!important;
}

.related.products .woocommerce-loop-product__title {
    display: none;
}

.lost-password-button {
	background-color: #351731;
    color: #fff;
    padding: 5px 35px;
    border-radius: 20px;
    border: none;
    cursor: pointer;
    font-size: 16px
}
  .storefront-full-width-content.woocommerce-account .entry-header {
    display: none;
  }
  
  .e-con.e-flex>.e-con-inner {
    padding-top: 20px;
  }
  
  .storefront-full-width-content .woocommerce-products-header {
    display: none;
  }
  
  .storefront-sorting {
    margin-top: 10px;
  }
  
  .woocommerce-ordering {
    display: none;
  }
  
    @media only screen and (max-width: 650px) {
      #mega-menu-wrap-primary
        #mega-menu-primary
        li.mega-menu-item.mega-toggle-on
        > ul.mega-sub-menu,
      #mega-menu-wrap-primary
        #mega-menu-primary
        li.mega-menu-megamenu.mega-menu-item.mega-toggle-on
        ul.mega-sub-menu {
        position: absolute;
      }
      
      #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
        position:static!important;
      }
    }
    
    @media (min-width: 768px) {
      .storefront-full-width-content.woocommerce-account .entry-header {
        padding: 0 0 40px !important;
      }
    }
    
    .single-product div.product {
      padding-top: 30px;
    }
    
    .storefront-full-width-content .woocommerce-products-header {
      padding: 40px 0px 1% !important;
    }
    
    /* Remove Breadcrumb */
    .storefront-breadcrumb {
      display: none;
    }
    
    /* Product Page */
    ul.products .button {
      border-radius: 20px;
      padding: 5px 25px;
    }
    ul.products li.product,
    ul.products .wc-block-grid__product,
    .wc-block-grid__products li.product,
    .wc-block-grid__products .wc-block-grid__product {
      margin-bottom: 1.235801em;
    }
    
    .grecaptcha-badge {
      visibility: hidden !important;
    }
    
    .woocommerce-form .show-password-input {
      padding: 0.8em;
    }
    
    .woocommerce-form {
      padding: 22px 30px 12px;
      border-radius: 10px;
      border: 1px solid #000;
    }
    
    /* Form Width */
    @media (min-width: 768px) {
      .col2-set#customer_login .col-1,
      .col2-set.addresses .col-1 {
        width: 50% !important;
        margin-right: 3% !important;
      }
    }
    @media (min-width: 768px) {
      .col2-set#customer_login .col-2,
      .col2-set.addresses .col-2 {
        width: 50% !important;
      }
    }
    
    /* Mobile: Stacked layout */
    @media (max-width: 768px) {
      .u-columns {
        flex-direction: column; /* Stack the columns vertically */
      }
      .recaptcha-submit_button {
        flex-direction: column; /* Stack the columns vertically */
      }
    }
    
    /* Tablet: Stacked layout */
    @media only screen and (max-width: 1024px) and (min-width: 768px) {
      .recaptcha-submit_button {
        flex-direction: column; /* Stack the columns vertically */
      }
    }
    
    #customer_login {
      display: block;
    }
    
    #customer_login .u-column1,
    #customer_login .u-column2 {
      width: 100%;
      margin-bottom: 20px;
    }
    
    .woocommerce-form button.woocommerce-button {
      width: 100% !important;
      margin-top: 15px !important;
    }
    
    .fast-checkout-text {
      margin-top: 20px;
    }
    
    /* Form Headings */
    .woocommerce-form h2 {
      color: #351731;
      font-weight: bold !important;
    }
    h2.form-title {
      font-size: 20px;
      font-weight: bold;
    }
    
    /* Input Fields */
    .woocommerce-form .input-text {
      width: 100%;
      padding: 4px 8px;
      border: 1px solid #000;
      border-radius: 4px;
      margin-bottom: 6px;
      box-sizing: border-box;
      background-color: #fff;
      margin-top: 1px;
    }
    
    .rememberme-row {
      margin-bottom: 0px;
    }
    
    .name-fields {
      justify-content: space-between;
    }
    
    @media (min-width: 768px) {
      .col2-set .form-row-mobile {
        width: 44.4444444444%;
        float: left;
      }
    }
    
    p.woocommerce-form-row.woocommerce-form-row--wide.form-row {
      margin-bottom: 1px;
    }
    
    p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide.form-row-wide-marketing-option {
      margin-bottom: 10px;
    }
    
    /* Form Lables */
    .woocommerce-form-row p {
      margin: 0;
    }
    
    /* Checkbox and Labels */
    .woocommerce-form label {
      font-size: 14px;
      color: #4a4a4a;
    }
    
    .woocommerce-form input[type="checkbox"] {
      margin-right: 8px;
    }
    
    /* Buttons */
    .woocommerce-form button.woocommerce-button {
      background-color: #351731;
      color: #fff;
      padding: 5px 35px;
      border-radius: 20px;
      width: 100%;
      border: none;
      cursor: pointer;
      font-size: 16px;
      margin-top: 10px;
    }
    
    .woocommerce-form button.woocommerce-button:hover {
      background-color: #381d38; /* Darker on hover */
    }
    
    p.form-row.submit-button {
      text-align: right;
    }
    
    /* Sign in / Register Forms Specific */
    #customer_login .u-column1,
    #customer_login .u-column2 {
      width: 48%;
      display: inline-block;
      vertical-align: top;
    }
    
    #customer_login {
      display: flex;
      justify-content: space-between;
    }
    
    @media screen and (max-width: 768px) {
      #customer_login .u-column1,
      #customer_login .u-column2 {
        width: 100%;
        display: block;
      }
    }
    
    .remember-forgotten {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
    }
    
    .remember-forgotten .rememberme-row {
      margin-right: 15px;
    }
    
    .recaptcha-submit_button {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
    }
    
    .woocommerce-form.woocommerce-form-login.login {
      margin-bottom: 0.618em;
    }
    
    /* Recaptcha */
    .woocommerce-form .g-recaptcha {
      margin-bottom: 0px;
    }
    
    /* Forgotten Password Link */
    .woocommerce-LostPassword {
      text-align: right;
      font-size: 14px;
      color: #000;
    }
    
    .woocommerce-LostPassword a {
      color: #351731;
      text-decoration: none !important;
      font-weight: bold;
    }
    
    .fast-checkout-text p {
      margin: 0;
      color: #000;
      font-size: 16px;
      padding: 0px 30px;
      display: inline;
    }
    
    .fast-checkout-text-bold {
      font-weight: bold;
    }
	
	.fast-checkout-text-bold-no-padding {
		font-weight: bold;
		padding-right: 0px !important;
	}

	.fast-checkout-text-no-padding {
		padding-left: 0px !important;
	}

    .return-to-shop {
      display: none;
    }
    
    #mega-menu-wrap-primary #mega-menu-primary {
      background: linear-gradient(
        90deg,
        rgba(53, 23, 49, 1) 0%,
        rgba(53, 23, 49, 1) 10%,
        rgba(174, 67, 157, 1) 30%,
        rgba(213, 169, 206, 1) 50%,
        rgba(174, 67, 157, 1) 70%,
        rgba(53, 23, 49, 1) 90%,
        rgba(53, 23, 49, 1) 100%
      ) !important;
    }
    
    #headerImage {
      width: 10%;
    }
    
    #searchBar {
      width: 100%;
      margin-right: auto;
      margin-left: auto;
    }
    
    .dgwt-wcas-search-form {
      width: 100% !important;
    }
    
    .woocommerce-loop-category__title {
      display: none;
    }
    
    .woocommerce-info {
      background-color: #351731 !important;
    }
    
    .storefront-breadcrumb {
      margin: 0 !important;
    }
    
    /* MOBILE CSS */
    
    @media only screen and (max-width: 599px) {
		.remember-forgotten {
			display: table-row !important;
		}
		
		p.woocommerce-LostPassword.lost_password {
			margin-bottom: 0px !important;
		}
		
		.fast-checkout-text p {
			padding: 0px !important
		}
		
      .woocommerce-products-header__title {
        text-align: center;
      }
    
      /*#headerImage {*/
      /*margin-left: auto;*/
      /*margin-right: auto;*/
      /*min-height: 60px;*/
      /*max-height: 60px;*/
      /*}*/
    
      /* #desktopBanner {
            display: none !important;
            background-color: #000;
        }*/
    
      #headerNavMenuMobile {
        display: block !important;
        justify-content: center !important;
        align-items: center !important;
        flex-direction: row;
      }
    
      #headerNavMenu {
        display: none !important;
      }
    
      #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
        display: inline-block !important;
      }
    
      #mega-menu-wrap-primary {
        width: 100%;
      }
    
      #mobileHeaderLink {
        display: inline-block;
        width: 80%;
        margin: auto;
        padding-top: 15px;
        text-align: center;
      }
    
      #mobileHeaderImage {
        display: inline-block;
        width: auto;
        height: 60px;
        margin-right: auto;
        margin-left: auto;
      }
    
      #mobileSearchHeader {
        display: inline-block;
        width: 20%;
        float: right;
      }
    
      /* #mobileSearchIcon {
            width: 6%;
            display: inline-block;
            float: right;
            margin-top: 6%;
            margin-right: 10%;
        } */
    
      .ht-products
        .ht-product
        .ht-product-inner
        .ht-product-image-wrap
        .ht-product-image
        img {
        max-height: 150px;
      }
    
      /* Footer Mobile */
    
      #iconsFooter {
        flex-direction: row;
        justify-content: center;
        align-items: center;
      }
      
      .iconLabelsFooter {
        margin-bottom: 0 !important;
      }

      #copyright {
        font-size: 12px !important;
      }
    
      #socialMediaFooter {
        margin-bottom: 0;
      }
    
      #footerTXLogo {
        margin-left: auto;
      }
    
      #redUnderline {
        display: none;
      }
    
      #newsletterFooter {
        background-color: #eef2f5;
        text-align: center;
      }
    
      #newletterFooterInner {
        padding: 3%;
      }
    
      #neverMissTextFooter {
        font-weight: 600;
        margin-bottom: 0%;
        margin-top: 9%;
        margin-bottom: 9%;
      }
      
      #linksFooter {
        width: 60%;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 2%;
      }
    
      #iconFooter {
        padding-top: 27%;
      }
    
      .footerImage {
        text-align: center;
        margin-right: auto;
        margin-left: auto;
      }
    
      .labelTextFooter {
        text-align: center;
        color: white;
        font-weight: 400;
      }
    
      #footerContainer {
        background-color: #000000;
      }
    
      #directLinksFooter {
        margin-top: 3%;
      }
    
      #directLinksFooter > h4 {
        color: #f5f6f6;
        text-align: center;
      }
    
      #copyrightFooter > h5 {
        color: #7e8b93;
        text-align: center;
        margin-top: 9%;
        margin-bottom: 14%;
        font-size: 16px;
      }
    }
    
    /* DESKTOP & LAPTOP CSS */
    
    @media only screen and (min-width: 600px) {
		p.woocommerce-LostPassword.lost_password {
			margin-bottom: 0px;
		}
		
      .products.columns-5 img {
        height: 91.06px;
        max-width: 147.41px;
      }
    
      #desktopBanner {
        display: flex !important;
      }
    
      #headerNavMenu {
        display: block !important;
      }
    
      #headerNavMenuMobile {
        display: none !important;
      }
    
      #tab-description {
        padding-left: 8.5%;
      }
    
      .product-category {
        width: 17.9% !important;
        margin-right: 1.8% !important;
        margin-bottom: 1.236em !important;
      }
    
      #searchBar {
        display: none;
      }
      #mobileBanner {
        display: none;
      }
    
      #content {
        /* width: 80%; */
        margin-right: auto;
        margin-left: auto;
      }
    
      header {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
      }
    
      #headerImage {
        display: inline-block;
      }
    
      #float-right-items {
        display: inline-flex;
        float: right;
      }
    
      #headerLink {
        width: 60%;
      }
    
      #searchHeader {
        width: 33%;
      }
    
      #createAccountLoginHeader {
        width: 50%;
        text-align: center;
        margin-top: auto;
        margin-bottom: auto;
        max-width: 150px !important;
      }
    
      /*.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image img {*/
      /*max-height: 150px;*/
      /*}*/
    
      .product-slider .slick-arrow {
        top: 25%;
      }
    
      #redUnderline {
        width: 2%;
        background-color: #b00032;
        height: 4px;
        margin-right: auto;
        margin-left: auto;
      }
    
      #newsletterFooter {
        background-color: #eef2f5;
        text-align: center;
      }
    
      #newletterFooterInner {
        padding: 3%;
      }
    
      #neverMissTextFooter {
        font-weight: 600;
        margin-bottom: 0%;
      }
    
      .iconLabelsFooter {
        display: inline-block;
        margin-top: 7%;
      }
      .iconLabelsFooterEmail {
        width: 49%;
      }
    
      .iconLabelsFooterMobile,
      .iconLabelsFooterFacebook {
        width: 25%;
      }
    
      #linksFooter {
        margin-bottom: 20px;
      }
    
      #linksFooter a {
        display: inline-block;
        background-color: #d3d3d3;
        color: #000;
        padding: 10px 20px;
        margin: 10px;
        text-decoration: none;
        border-radius: 5px;
        text-align: center;
        line-height: 1.5;
      }
    
      #iconsFooter {
        align-items: center;
        margin-top: 20px;
      }
    
      #socialMediaFooter {
        display: flex;
        align-items: center;
      }
    
      .footerIcon {
        width: 24px;
        height: 24px;
        margin-right: 10px;
      }
    
      #copyrightText {
        font-size: 16px;
      }
      
      .footerTXLogo {
        width: 24px;
        height: 24px;
      }
    
      .footerImage {
        text-align: center;
        margin-right: auto;
        margin-left: auto;
      }
    
      .footerLogoImage {
        width: 60%;
        display: block;
        margin: 0 auto;
        padding-top: 20px;
        padding-bottom: 20px;
      }
    
      .labelTextFooter {
        text-align: center;
        color: white;
        font-weight: 400;
      }
    
      #footerContainer {
        background-color: #000000;
        padding: 20px;
        text-align: center;
      }
    
      #logoFooter {
        margin-bottom: 20px;
      }
    
      #directLinksFooter {
        margin-top: 3%;
      }
    
      #directLinksFooter > h4 {
        text-align: center;
        display: inline-block;
        width: 33%;
      }
    
      #directLinksFooter > h4 > a {
        color: #72818a;
      }
    
      #copyrightFooter > h5 {
        color: #7e8b93;
        text-align: center;
        margin-top: 2%;
      }
    }
    
    .wp-post-image,
    .jetpack-lazy-image {
      border-radius: 10px !important;
    }
    .wp-post-image,
    .ht-product-image > a > .jetpack-lazy-image {
      border-radius: 10px !important;
    }
    
    .attachment-woocommerce_thumbnail {
      border-radius: 4px !important;
    }
    
    .xoo-wsc-img-col > a > .attachment-woocommerce_thumbnail {
      border-radius: 7px;
    }
    
    .product_meta {
      display: none;
    }
    
    .wc-tabs-wrapper {
      padding-top: 0%;
    }
    
    .entry-summary {
      margin-bottom: 0% !important;
    }
    
    /* TABLET CSS */
    
    @media only screen and (max-width: 1024px) and (min-width: 768px) {
      #mega-menu-wrap-primary
        #mega-menu-primary
        > li.mega-menu-item
        > a.mega-menu-link {
        padding: 0px 17px 0px 17px;
      }
    
      #mega-menu-wrap-primary {
        display: inline-block;
        margin-top: 4%;
      }
    
      .mega-menu-item > .mega-menu-link {
        padding: 0px 25px 0px 25px;
      }
    
      #headerImage {
        width: 100% !important;
      }
    
      #headerLink {
        display: inline-block;
      }
    
      #float-right-items {
        display: inline-block;
      }
    }
    
    @media only screen and (max-width: 1480px) {
      #mega-menu-wrap-primary
        #mega-menu-primary
        > li.mega-menu-item
        > a.mega-menu-link {
        padding: 0px 35px 0px 35px !important;
      }
    }
    
    @media only screen and (max-width: 768px) {
      #mega-menu-wrap-primary
        #mega-menu-primary
        > li.mega-menu-item
        > a.mega-menu-link {
        padding: 0px 10px 0px 10px !important;
      }
    }
    
    .stripe-amex-icon {
      display: none !important;
    }
    
    /* Tooltip container */
    .tooltip {
      margin-left: 5px;
      position: relative;
      display: inline-block;
      border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
    }
    
    /* Tooltip text */
    .tooltip .tooltiptext {
      visibility: hidden;
      width: 200px;
      margin-left: 3px;
      background-color: black;
      color: #fff;
      text-align: center;
      padding: 5px;
      border-radius: 6px;
      position: absolute;
      z-index: 1;
    }
    
    @media only screen and (max-width: 768px) {
      .tooltip .tooltiptext {
        top: -5px;
        right: 105%;
      }
    }
    
    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltip:hover .tooltiptext {
      visibility: visible;
    }
    
    .custom-product-layout {
      display: flex;
      justify-content: space-between;
    }
    
    .product-description {
      width: 48%;
      margin-right: 2%;
    }
    
    .product-tandc {
      width: 65%;
    }
    
    .storefront-full-width-content .site-main ul.products.columns-4 li.product {
      width: 23.4%!important;
      margin-right: 1.5%!important;
      background: white;
      padding: 14px;
      border-radius: 10px;
      min-height: 240px;
    }

	.storefront-full-width-content .site-main ul.products.columns-4.related li.product {
		width: 22%!important;
		padding: 0px;
		min-height: auto;
		margin-right: 1% !important;
	}

	@media only screen and (max-width: 768px) {
		.products.columns-4.related {
			display: block !important;
		}

		.storefront-full-width-content .site-main ul.products.columns-4.related li.product {
			width: 100% !important;
			margin-bottom: 20px;
    	}
	}

	.storefront-full-width-content .site-main ul.products.columns-4.related li.product .product-image {
		height: auto;
	}

	.storefront-full-width-content .related.products>h2:first-child {
		margin-bottom: 0px;
		text-align: center;
	}
    
    @media only screen and (max-width: 768px) {
      .product-description {
        width: 100%;
        margin-bottom: 20px;
      }
    
      .product-tandc {
        width: 100%;
      }
    
      .woocommerce-tabs.wc-tabs-wrapper {
        flex-direction: column;
      }
      
      .storefront-full-width-content .site-main ul.products.columns-4 li.product {
        width: 100%!important;
        margin-right: 0!important;
      }
    }
    
    .woocommerce-loop-product__title {
      text-align: left;
      margin: 10px auto 16px;
    }
    
    .price {
     text-align: left;
    }
    
    .single-product div.product {
      background: none;
    }
    
    .custom-add-to-cart {
      display: flex;
        position: absolute;
        right: 10px;
      bottom: -20px;
    }
    
    ul.products li.product img {
      margin: 0 auto!important;
      max-height: 155px;
        width: auto;
    }
    
    .product-image {
      display: flex;
        align-items: center;
        justify-content: center;
      height: 150px;
    }

.woocommerce-form-row .woocommerce-Button.button {
    border-radius: 9999px;
    padding: 6px 24px;
}

.see-the-range-button .button {
    border-radius: 9999px;
    padding: 6px 24px;
}

.woocommerce-product-gallery__image > a {
    display: flex;              
    justify-content: center;
}

.woocommerce-product-gallery__image > a img {
    max-height: 400px!important;
    width: auto;
}

.related-products-grid {
	display: flex;
    flex-wrap: wrap;
    gap: 30px;
    width: 30%;
    height: 100%;
    top: -30px;
    left: -15px;
	max-width: 240px;
    position: relative;
    margin: 0 auto;
}