/*
Theme Name: SHREECOM
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face { 
    font-family: 'SF Pro Display Bold';
    src: url('fonts/SFProDisplay-Bold.eot');
    src: url('fonts/SFProDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/SFProDisplay-Bold.woff2') format('woff2'),
        url('fonts/SFProDisplay-Bold.woff') format('woff'),
        url('fonts/SFProDisplay-Bold.ttf') format('truetype'),
        url('fonts/SFProDisplay-Bold.svg#SFProDisplay-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display Medium';
    src: url('fonts/SFProDisplay-Medium.eot');
    src: url('fonts/SFProDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/SFProDisplay-Medium.woff2') format('woff2'),
        url('fonts/SFProDisplay-Medium.woff') format('woff'),
        url('fonts/SFProDisplay-Medium.ttf') format('truetype'),
        url('fonts/SFProDisplay-Medium.svg#SFProDisplay-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display Regular';
    src: url('fonts/SFProDisplay-Regular.eot');
    src: url('fonts/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/SFProDisplay-Regular.woff2') format('woff2'),
        url('fonts/SFProDisplay-Regular.woff') format('woff'),
        url('fonts/SFProDisplay-Regular.ttf') format('truetype'),
        url('fonts/SFProDisplay-Regular.svg#SFProDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display SemiboldItalic';
    src: url('fonts/SFProDisplay-SemiboldItalic.eot');
    src: url('fonts/SFProDisplay-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/SFProDisplay-SemiboldItalic.woff2') format('woff2'),
        url('fonts/SFProDisplay-SemiboldItalic.woff') format('woff'),
        url('fonts/SFProDisplay-SemiboldItalic.ttf') format('truetype'),
        url('fonts/SFProDisplay-SemiboldItalic.svg#SFProDisplay-SemiboldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

body{font-family:  "SF Pro Display Regular",  sans-serif !important;}
.nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a {font-family:  "SF Pro Display Regular", sans-serif !important;}
h1,h2,h3,h4,h5,h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: "SF Pro Display Bold", sans-serif!important;}
.alt-font{font-family: "SF Pro Display Regular", sans-serif!important;}


#masthead .nav-left {justify-content: center;}
#masthead .nav-left .searchform input[type="search"] { background:#f0f0f0 !important; /* New background color */
	height: 3.4em;padding: 0 1.50em; border:1px solid #353535}
#Top_bar .searchform-wrapper input[type="text"]{ color: red !important; }
#Top_bar #searchform i { color: red !important: }

#masthead .searchform-wrapper.form-flat .flex-col:last-of-type { margin-left: -3.5em;}
#masthead .header-nav .header-wishlist-icon i.wishlist-icon:after,#masthead .header-nav .cart-item .icon-shopping-cart:after { background:#ede729 !important; color:#000}
#masthead .header-nav.nav-right a.button { color:#000; background:#FFF}
#masthead .header-nav.nav-right a.button:hover {background:#ede729;box-shadow: none;}

#wide-nav .header-nav li {margin: 0 45px;}
#wide-nav .header-nav li a { font-size:16px;}


.slide-subtitle,.slide-text {font-family: 'SF Pro Display Regular'!important;}
.slide-subtitle strong { color:#eaaf86; font-size:24px !important;}

.slide-title {font-family: 'SF Pro Display Bold'!important;}

.home-blk-2 { padding:0 !important}
.home-blk-2 .icon-box {display: flex;justify-content: center;align-items: center;flex-direction: column; padding:30px 20px 20px}
.home-blk-2 .icon-box .icon-box-img {order: 2; width:auto !important}
.home-blk-2 h4 { font-size:22px; line-height:30px; padding-bottom:20px;}

.home-blk-3 { padding:60px 0 0 0 !important}
.home-blk-3 .small-12 { padding-bottom:0 !important}
.home-blk-3 h2 { font-size:44px; line-height:52px;margin: 0 0 15px 0;}
.home-blk-3 h2 img { display:inline-block; margin:-16px 10px 0 0}
.home-blk-3 h5 { font-size:24px; line-height:32px;margin: 0 0 20px 0;}
.home-blk-3 .img img { max-width:752px; margin:60px 0 0 0}

.home-blk-4 { margin-top:30px !important}
.home-blk-4 p { padding:0; margin:0}
.home-blk-4 br { display:none}
.home-blk-4 h4 {padding:12px 0 8px; margin:0; font-size:22px; line-height:30px; color:#7b7c7c}
.home-blk-4 h3 {padding:0; margin:0;font-size:30px; line-height:38px;}
.home-blk-4 h3 strong.color-blue { color:#0375df}
.home-blk-4 h3 strong.color-green { color:#05c41b}
.home-blk-4 h3 strong.color-purple { color:#cc16e7}
.home-blk-4 a {font-family: 'SF Pro Display Bold'!important; display:block; padding:10px 0 40px 0}

.home-blk-5 .large-3 {flex-basis: 20%;max-width: 20%;}
.home-blk-5 h4 {font-size:24px; line-height:32px;}
.home-blk-5 p { line-height:22px;}
.home-blk-5 img { display:block; margin:50px auto 0;}

.home-blk-6 h4 {font-size:36px; line-height:42px; margin:0 0 10px 0}
.home-blk-6 h4.font26 {font-size:26px !important; line-height:34px !important;}
.home-blk-6 h4 img { display:inline-block; margin:-12px 0px 0 0;}
.home-blk-6 h5 {font-size:20px; line-height:28px; margin:0 0 10px 0;}
.home-blk-6 a {font-family: 'SF Pro Display Bold'!important;}

.woocommerce-account .account-register-inner .g-recaptcha-register-i13 { margin:0px 0 15px 0}
.woocommerce-account .account-login-inner .g-recaptcha-login-i13 { margin:0px 0 15px 0}
.single-product .product-gallery-slider img { max-width:450px; display:block; margin:auto;}
.single-product .single_add_to_wishlist {padding: 4px 10px !important;}
.single-product .single_add_to_wishlist svg,.single-product .yith-wcwl-wishlistaddedbrowse svg{ vertical-align:middle !important}
.yith-wcwl-share.social-icons { display:none}
.single-product.woo-variation-swatches.wvs-show-label .variations th label { font-size:14px !important;}
.single-product .product-summary .woocommerce-Price-currencySymbol { font-size:18px !important;}
.single-product .product-info .price { font-size:18px;}

.product-small.box {border-top: 1px solid rgba(0,0,0,0.05);}
.product-small.box .box-image img { max-width:200px; display:block}
.product-small.box .product-title a {color: #000; font-size:18px; line-height:24px;font-family: 'SF Pro Display Bold'!important;}
.product-small.box .price-wrapper .price { padding-top:12px;}
.product-small.box .price-wrapper .price span.amount {font-size: 12px;}
.related-products-wrapper .product-small.box {border: 1px solid rgba(0,0,0,0.05);}


.page-title-bar {border-bottom: 1px solid #ececec;border-top: 1px solid #ececec; padding:6px 0 !important}
.page-title-bar .page-title .page-title-inner { padding:0}
.page-title-bar .large-12 { padding-bottom:0}

.termspg ol {list-style-type: none;counter-reset: item;margin: 0;padding: 0;}
.termspg li {display: table;counter-increment: item;margin-bottom: 0.6em;}
.termspg li:before {content: counters(item, ".") ". ";display: table-cell;padding-right: 0.6em;}
.termspg li li { margin: 0; padding:0 0 10px 0;font-size:16px; line-height:24px; font-weight:400}
.termspg li li:before {content: counters(item, ".") " ";}
.termspg ol ol { padding:20px 0 0 0}

.page-title .large-12 { padding-bottom:0; padding-top:0}
.page-title .page-title-inner {padding-bottom:20px;}

.single-product .product-info.summary .social-icons { display:none;}



.footer-blk-top { padding:55px 0 5px 0 !important;}
.footer-blk-1 img { margin-bottom:30px;}
.footer-blk-2 .ux-menu-link__link { color:#FFF; border:none !important; min-height:0}
.footer-blk-2 .ux-menu-link__link:hover { color:#ede729}
.footer-blk-top .heading { padding-bottom:12px;}
.footer-blk-top .heading h4 { font-size:22px; line-height:30px; text-transform:uppercase}
.footeraddress ul {padding: 15px 0 0 0; margin: 0;}
.footeraddress ul li {padding: 0 0 25px 33px;margin: 0; display:block}
.footeraddress ul li:nth-child(1) {background: url(images/f-location.png) no-repeat 0 8px;}
.footeraddress ul li a { color:#FFF;}
.footeraddress ul li a:hover { color:#ede729;}
.footeraddress ul li:nth-child(2) {background: url(images/f-phone.png) no-repeat 0 0px;}
.footeraddress ul li:nth-child(3) { background: url(images/f-email.png) no-repeat 0 4px;}

.absolute-footer { padding:8px 0 4px; border-top:1px solid #424242}
.absolute-footer .copyright-footer { padding-top:10px; color:#FFF; font-size:14px; line-height:20px;}
.absolute-footer .social-icons {font-size:14px;}
.absolute-footer .social-icons a { margin:0 8px;}

@media only screen and (max-width:549px) {
.home-blk-2 .medium-2 {flex-basis:50%;max-width:50%;}	
.home-blk-1 { margin-bottom:30px !important}
}

@media only screen and (max-width:849px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.footer-blk-2 .col-inner { padding-left:0 !important}
.absolute-footer { padding-bottom:20px !important;}
.copyright-footer { padding-top:0 !important;}
.slide-subtitle strong { font-size:14px !important;}
.home-blk-5 .large-3 {flex-basis: 100%;max-width: 100%;}
.home-blk-6 br { display:none}
.home-blk-6 h4 {font-size:26px; line-height:34px;}
.home-blk-6 h4.font26 {font-size:22px !important; line-height:30px !important;}
.home-blk-6 h5 {font-size:16px; line-height:26px;}
}

@media only screen and (min-width:550px) and (max-width:848px) {
.home-blk-2 .medium-2 {flex-basis:50%;max-width:50%;}
.home-blk-4 .medium-4 {flex-basis:100%;max-width:100%;}	
}

@media only screen and (min-width:849px) and (max-width:1024px) {
.home-blk-2 .medium-2 {flex-basis:33.3333333333%;max-width:33.3333333333%;}	
.home-blk-5 .large-3 {flex-basis: 33.3333333333%;max-width:33.3333333333%;}
}


@media only screen and (min-width:850px) and (max-width:1199px) {
#wide-nav .header-nav li {margin: 0 25px;}
.home-blk-2 .medium-2 {flex-basis:33.3333333333%;max-width:33.3333333333%;}	
.home-blk-6 br { display:none}
.home-blk-6 h4 {font-size:26px; line-height:34px;}
.home-blk-6 h4.font26 {font-size:22px !important; line-height:30px !important;}
.home-blk-6 h5 {font-size:16px; line-height:26px;}	
}

@media only screen and (min-width:1200px) and (max-width:1600px) {
.home-blk-6 br { display:none}	
}