/*
Theme Name: SL Supplies & Tech WordPress Theme
Theme URI: https://webconsultantgeek.com
Description: Custom WordPress Theme For SL Supplies & Tech
Author: Web Consultant Geek
Author URI: https://webconsultantgeek.com
Version: 1.0.0
Template: Divi
*/

/* ---FONTS--- */
@font-face {
    font-display: swap;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url('../sl-supplies-wp-theme/fonts/inter-v13-latin-regular.woff2') format('woff2'),
         url('../sl-supplies-wp-theme/fonts/inter-v13-latin-regular.woff') format('woff');
  }

@font-face {
    font-display: swap;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    src: url('../sl-supplies-wp-theme/fonts/inter-v13-latin-600.woff2') format('woff2'), 
         url('../sl-supplies-wp-theme/fonts/inter-v13-latin-600.woff') format('woff');
  }

@font-face {
    font-display: swap;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    src: url('../sl-supplies-wp-theme/fonts/inter-v13-latin-700.woff2') format('woff2'), 
         url('../sl-supplies-wp-theme/fonts/inter-v13-latin-700.woff') format('woff');
  }

html {
    font-size: 62.5%;
}

body {
    font-family: 'Inter', sans-serif;
}

.wcg h1 {
    font-weight: 700;
    line-height: 1.2em;
}

.wcg h2,
.wcg h3,
.wcg h4,
.wcg.et_pb_button {
    font-weight: 600;
    line-height: 1.2em;
}

.wcg h1 {
    font-size: clamp(3rem, calc(3rem + ((1vw - 0.32rem) * 1.5)), 5.4rem);
}

.wcg h2 {
    font-size: clamp(2.4rem, calc(2.4rem + ((1vw - 0.32rem) * 0.75)), 3.6rem);
}

.wcg h3 {
    font-size: clamp(2rem, calc(2rem + ((1vw - 0.32rem) * 0.75)), 3.2rem);
}

.wcg h4 {
    font-size: clamp(1.6rem, calc(1.6rem + ((1vw - 0.32rem) * 0.125)), 1.8rem);
}

.wcg p,
.wcg a, 
.wcg li {
    font-size: clamp(1.6rem, calc(1.6rem + ((1vw - 0.32rem) * 0.125)), 1.8rem);
    font-weight: 400;
    line-height: 1.5em;
}

.wcg.w600 p {
    font-weight: 600;
}

.wcg-footer-credit .et_pb_text_inner {
    font-size: clamp(1.2rem, calc(1.2rem + ((1vw - 0.32rem) * 0.125)), 1.4rem);
    font-weight: 400;
}

/* ---UTILITY STYLES--- */
span.wcg-primary-highlight-text {
    color: #913232;
}

.wcg-full-height-img,
.wcg-full-height-img .et_pb_image_wrap {
    height: 100%;
}

.wcg-full-height-img.square img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

/* ---WOOCOMMERCE STYLE CHANGES--- */
.wcg-column-border {
    border: 2px solid transparent;
    transition: border .3s ease-in;
}

.wcg-column-border:has(.et_pb_shop:hover) {
    border-color: #913232;
}

.et_pb_gutters2 .et_pb_column_2_3 .wcg.et_pb_shop_grid .woocommerce ul.products li.product,
.et_pb_gutters2.et_pb_row .et_pb_column .wcg.et_pb_shop_grid .woocommerce ul.products li.product {
    margin: 0;
    width: 100%;
}

.wcg .woocommerce ul.products li.product, 
.woocommerce-page .wcg ul.products li.product {
    margin-bottom: 0;
}

.woocommerce-page .wcg ul.products li.product .price del {
    color: #913232 !important;
}

.woocommerce-page .wcg.woo-grid ul.products li.product .price del,
.woocommerce-page .wcg.woo-grid-tablet ul.products li.product .price del,
.woocommerce-page .wcg.woo-flex ul.products li.product .price del {
    font-size: clamp(2.4rem, calc(2.4rem + ((1vw - 0.32rem) * 0.75)), 3.6rem);
}

.woocommerce-page .wcg.shop-pg ul.products li.product .price del {
    font-size: clamp(1.6rem, calc(1.6rem + ((1vw - 0.32rem) * 0.125)), 1.8rem);
}

.wcg.woo-grid a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    display: grid;
    grid-template-columns: 1fr 400px;
}

.wcg.woo-grid .woocommerce ul.products {
    margin: 0;
}

.wcg.woo-grid span.et_shop_image {
    display: inline;
    grid-area: 1 / 2 / span 3 / auto;
}

.wcg .woocommerce ul.products li.product a img {
    border-radius: 2em;
    margin: 0 !important;
}

.wcg.cat.home-pg li.product-category {
    border: 2px solid transparent;
    border-radius: 2em;
    transition: all .3s ease-in;
}

.wcg.cat.home-pg li.product-category:hover {
    border: 2px solid #F5F3F3;
    padding: 16px;
}

.wcg.cat .woocommerce ul.products li.product .woocommerce-loop-category__title {
    font-size: clamp(1.6rem, calc(1.6rem + ((1vw - 0.32rem) * 0.125)), 1.8rem);
    text-align: center;
}

.wcg.cat.home-pg .woocommerce ul.products li.product .woocommerce-loop-category__title {
    color: #F5F3F3;
}

.wcg.cat.home-pg .woocommerce ul.products li.product .woocommerce-loop-category__title mark.count {
    background-color: transparent;
    color: #F5F3F3;
}

.wcg.cat.main-pg li.product-category {
    border: 2px solid transparent;
    border-radius: 2em;
    transition: all .3s ease-in;
}

.wcg.cat.main-pg li.product-category:hover {
    border: 2px solid #913232;
    padding: 16px;
}

.wcg.cat.main-pg .woocommerce ul.products li.product .woocommerce-loop-category__title mark.count {
    background-color: transparent;
}

.wcg.woo-flex a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    display: flex;
    flex-direction: column;
}

.wcg.woo-flex .woocommerce ul.products li.product .price, 
.woocommerce-page .wcg.woo-flex ul.products li.product .price {
    margin-bottom: 16px !important;
}

.wcg.shop-pg p.woocommerce-result-count {
    color: #3F3131;
}

.wcg.shop-pg .orderby {
    background-color: #F5F3F3;
    border: 1px solid #913232;
    color: #3F3131 !important;
    font-size: clamp(1.6rem, calc(1.6rem + ((1vw - 0.32rem) * 0.125)), 1.8rem);
    font-weight: 400;
}

.wcg.shop-pg .woocommerce nav.woocommerce-pagination ul,
.wcg.shop-pg .woocommerce nav.woocommerce-pagination ul li {
    border-color: #913232;
}

.wcg.shop-pg .woocommerce nav.woocommerce-pagination ul li span.current {
    background: #FFE6E6;
    color: #2E1010;
}

.wcg.shop-pg .woocommerce nav.woocommerce-pagination ul li a {
    color: #2E1010;
}

.wcg.shop-pg .woocommerce nav.woocommerce-pagination ul li a:hover {
    background-color: #FFE6E6;
}

/* ---HEADER--- */
.wcg .et_pb_searchsubmit {
    z-index: 10;
}

/* ---FACEBOOK REVIEWS WIDGET--- */
.wcg .ti-widget.ti-face .ti-widget-container {
    color: #3F3131;
}

.wcg .ti-widget.ti-face .ti-review-item>.ti-inner {
    background-color: #F5F3F3 !important;
    border-radius: 2em !important;
}

.wcg .ti-widget.ti-face .ti-widget-container .ti-name {
    color: #2E1010;   
}

.wcg .ti-widget.ti-face .ti-widget-container .ti-date {
    display: none;
}

.wcg .ti-widget .source-Facebook .ti-recommendation-icon.positive {
    background-image: url("https://sl-supplies.local/wp-content/uploads/2023/10/recommendation-positive.svg") !important;
}

/* ---ABOUT PAGE COUNTER MODULES--- */
.wcg span.percent-value {
    font-size: clamp(3rem, calc(3rem + ((1vw - 0.32rem) * 1.5)), 5.4rem);
    font-weight: 700;
}

/* ---SERVICES PAGE BLURB MODULES--- */
.wcg.benefit.et_pb_blurb_position_left .et-pb-icon {
    font-size: clamp(2rem, calc(2rem + ((1vw - 0.32rem) * 0.75)), 3.2rem);
}

.wcg.feature .et-pb-icon {
    font-size: clamp(3rem, calc(3rem + ((1vw - 0.32rem) * 1.5)), 5.4rem);
}

/* ---ARCHIVE PRODUCT PAGE FILTER--- */
.et-db #et-boc .et-l .et_pb_column .wcg h3,
.wcg .bapf_slidr_all {
    font-size: clamp(1.6rem, calc(1.6rem + ((1vw - 0.32rem) * 0.125)), 1.8rem);
}

.wcg .bapf_slidr_all {
    font-weight: 400;
}

.bapf_sfilter.bapf_ckbox input[type=checkbox] {
    accent-color: #913232;
}

.wcg .bapf_slidr_main.ui-widget-content .ui-slider-range {
    background: #913232;
}

.wcg .bapf_slidr_main.ui-widget-content .ui-slider-handle {
    background: #CBC3C3;
}

.wcg .bapf_sfilter.bapf_button_berocket .bapf_button {
    font-size: clamp(1.2rem, calc(1.2rem + ((1vw - 0.32rem) * 0.125)), 1.4rem);
    padding: 0.5em 2.5em;
    line-height: 1em;
    font-weight: 400;
    color: #F5F3F3;
    background-color: #913232;
    border-radius: 2em;
    transition: background-color .3 ease-in
}

.wcg .bapf_sfilter.bapf_button_berocket .bapf_button:hover {
    background-color: rgba(145, 50, 50, 0.9);
}

.bapf_limg {
    animation: animate-loader 1s infinite;
}

@keyframes animate-loader {
    0% {
        rotate: 0deg; 
    }
    100% {
        rotate: 360deg;
    }
}

/* ---SINGLE PRODUCT PAGE--- */
/* .woocommerce div.product .wcg-product-pg-img div.images img {
	max-width: 700px !important;
    max-height: 700px !important;
    aspect-ratio: 504 / 757;
    object-fit: cover;
}
 */
/* ---FORMINATOR FORMS--- */
.et-db #et-boc #wcg-forminator.wcg.general-styles.et_pb_module .forminator-ui.forminator-custom-form[data-design=flat] select.forminator-select2+.forminator-select .selection span[role=combobox].select2-selection--single .select2-selection__rendered, 
#wcg-forminator.wcg.general-styles .forminator-ui.forminator-custom-form[data-design=flat] select.forminator-select2+.forminator-select .selection span[role=combobox].select2-selection--single .select2-selection__rendered {
    padding: 10px;
}

#wcg-forminator.wcg.general-styles.et_pb_module .forminator-ui .forminator-input,
#wcg-forminator.wcg.general-styles.et_pb_module .forminator-ui .forminator-textarea,
#wcg-forminator.wcg.general-styles.et_pb_module .forminator-ui select.forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered,
#wcg-forminator.wcg.general-styles.et_pb_module .forminator-ui .forminator-button-submit {
	font-size: clamp(1.6rem, calc(1.6rem + ((1vw - 0.32rem) * 0.125)), 1.8rem);
    font-weight: 400;
}


.et-db #et-boc #wcg-forminator.wcg.general-styles.et_pb_module .forminator-ui.forminator-custom-form .forminator-button, 
#wcg-forminator.wcg.general-styles.et_pb_module .forminator-ui.forminator-custom-form .forminator-button {
    border-radius: 2em;
    padding: 0.5em 2.5em;
}

#wcg-forminator.wcg.general-styles.et_pb_module .forminator-ui .forminator-button-submit {
    text-transform: uppercase;
}

.et-db #et-boc #wcg-forminator.wcg.general-styles.et_pb_module .forminator-ui .forminator-button:hover,
#wcg-forminator.wcg.general-styles .forminator-ui .forminator-button:hover {
    box-shadow: none;
}

/* ---MEDIA QUERIES--- */
@media screen and (max-width : 1320px) {
	/* ---DIVI STYLE CHANGES - NAV MENU--- */
	.et_pb_column_0_tb_header {
		flex-wrap: wrap;
	}

	.et_pb_menu_0_tb_header.et_pb_menu {
		width: 100% !important;
		margin-bottom: 30px !important;
	}
	
	.et-db #et-boc .et-l .et_pb_search_0_tb_header,
	.et_pb_column_0_tb_header .et_pb_search_0_tb_header {
		width: 100% !important;
	}
}

@media screen and (max-width : 1280px) {
    /* ---WOOCOMMERCE STYLE CHANGES--- */
    .wcg.woo-grid a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
        grid-template-columns: 275px auto;
    }
}

@media screen and (max-width : 1235px) {
    /* ---HEADER--- */
    .et_pb_gutters1 .et_pb_column_0_tb_header.et_pb_column_4_4 .et_pb_module:first-child, 
    .et_pb_gutters1.et_pb_row .et_pb_column_0_tb_header.et_pb_column_4_4 .et_pb_module:first-child {
        margin-bottom: 20px;
    }

    .et_pb_column_0_tb_header {
        display: flex;
        flex-direction: column;
    }

    .et_pb_column_0_tb_header .et_pb_menu_0_tb_header.et_pb_menu,
    .et_pb_column_0_tb_header .et_pb_search_0_tb_header {
        width: 100%;
    }
}

@media screen and (max-width : 1024px) {
	/* ---UTILITY STYLES--- */
	.wcg-full-height-img,
	.wcg-full-height-img .et_pb_image_wrap {
		height: auto;
	}

	.wcg-full-height-img.square img {
		aspect-ratio: auto;
	}
	
    /* ---WOOCOMMERCE STYLE CHANGES--- */
    .wcg.woo-grid a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
        grid-template-columns: 175px auto;
    }
}

@media screen and (max-width : 980px) {
    /* ---HEADER--- */
    .wcg.et_pb_menu .et_mobile_menu li a {
        font-size: clamp(1.6rem, calc(1.6rem + ((1vw - 0.32rem) * 0.125)), 1.8rem);
    }

    /* ---WOOCOMMERCE STYLE CHANGES--- */
    .wcg.woo-grid.et_pb_shop ul.products.columns-4 li.product,
    .wcg.woo-grid-tablet.et_pb_shop ul.products.columns-4 li.product {
        margin: 0 !important;
        width: 100% !important;
    }

    .wcg.woo-grid-tablet a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
        display: grid;
    }
    
    .wcg.woo-grid a.woocommerce-LoopProduct-link.woocommerce-loop-product__link,
    .wcg.woo-grid-tablet a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
        grid-template-columns: 1fr 350px;
    }

    .wcg.woo-grid-tablet span.et_shop_image {
        grid-area: 1 / 2 / span 3 / auto;
    }

    .wcg.woo-grid-tablet .woocommerce ul.products li.product a img, 
    .woocommerce-page .wcg.wcg.woo-grid-tablet ul.products li.product a img {
        margin: 0 !important;
    }

    .woocommerce-page .wcg ul.products li.product:nth-child(n) {
        margin: 0 4% 7.5% 0%!important;
        width: 48%!important;
    }

    .woocommerce-page .wcg ul.products li.product:nth-child(even) {
        clear: none;
        margin-right: 0 !important;
    }

    .woocommerce-page .wcg.woo-flex ul.products li.product:nth-child(n) {
        width: 100%!important;
    }

    .wcg.woo-flex .woocommerce ul.products {
        margin-bottom: 0;
    }

    .woocommerce-page .wcg.woo-flex ul.products li.product:nth-child(n) {
        margin: 0 !important;
    }
}

@media screen and (max-width : 810px) {
    /* ---WOOCOMMERCE STYLE CHANGES--- */
    .wcg.woo-grid a.woocommerce-LoopProduct-link.woocommerce-loop-product__link,
    .wcg.woo-grid-tablet a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
        grid-template-columns: auto 300px;
    }
}

@media screen and (max-width : 700px) {
    /* ---WOOCOMMERCE STYLE CHANGES--- */
    .wcg.woo-grid a.woocommerce-LoopProduct-link.woocommerce-loop-product__link,
    .wcg.woo-grid-tablet a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
        grid-template-columns: 1fr 200px;
    }
}

@media screen and (max-width : 600px) {
    /* ---WOOCOMMERCE STYLE CHANGES--- */
    .wcg.woo-grid span.et_shop_image,
    .wcg.woo-grid-tablet span.et_shop_image {
        width: 200px;
    }
}

@media screen and (max-width : 480px) {
    /* ---WOOCOMMERCE STYLE CHANGES--- */
    .wcg.woo-grid a.woocommerce-LoopProduct-link.woocommerce-loop-product__link,
    .wcg.woo-grid-tablet a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
        grid-template-columns: 100%;
    }

    .wcg.woo-grid span.et_shop_image,
    .wcg.woo-grid-tablet span.et_shop_image {
        grid-area: 3 / 1 / auto / auto;
        width: 100%;
    }

    .wcg.woo-grid-4-column.et_pb_shop ul.products.columns-4 li.product {
        width: 100% !important;
    }

    .woocommerce-page .wcg ul.products li.product:nth-child(n) {
        width: 100%!important;
    }

    .wcg.shop-pg .woocommerce .woocommerce-ordering, 
    .woocommerce-page .wcg.shop-pg .woocommerce-ordering {
        float: none;
    }

    .wcg.shop-pg .orderby {
        width: 100%;
    }

    /* ---SERVICES PAGE BLURB MODULES--- */
    .wcg.benefit.et_pb_blurb_position_left.et_pb_blurb .et_pb_image_wrap {
        margin-top: 5px;
    }
}

@media screen and (min-width : 981px) {
	.wcg-equal-height-img-wrapper,
	.wcg-equal-height-img-wrapper .et_pb_image_wrap {
	  height: 100%;
	}

	.wcg-equal-height-img-wrapper .et_pb_image_wrap {
	  position: absolute;
	}

	.wcg-equal-height-img-wrapper .et_pb_image_wrap img {
	  object-fit: cover;
	}
}