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

/*************** ADD CUSTOM CSS HERE.   ***************/

.no-margin {margin: 0 !important}
.no-margin > * {margin: 0 !important}
.no-paddding {padding: 0 !important}
.no-paddding > *{padding: 0 !important}
.absolute-footer {display: none !important;}

:root {
    --primary-color: #C6102E;
    --secondary-color: #cfac31;
    --base-color: #565969;
    --heading-color: #000;
    --border-color: #e5e5e5;
    --white-color: #fff;
    --gray-color: #888;
    --font-fira: "Fira Sans", sans-serif;
}

.title-website h2 {margin-bottom: 10px; font-size: 30px; font-weight: 700;}
.title-website p {color: var(--gray-color); font-size: 16px; margin-bottom: 0;}
.title-website-2 h2{font-size: 25px; margin-bottom: 20px;}
.btn-view-more {min-height: auto !important; line-height: unset !important; color: var(--heading-color) !important; font-family: var(--font-fira); font-weight: 700; transition: all .3s ease;}
.btn-view-more i {color: var(--primary-color);}
.btn-view-more:hover {color: var(--primary-color); letter-spacing: 2px;}

.stuck .header-main .nav > li > a {line-height: unset !important;}
.header-main {border-bottom: 1px solid var(--border-color);}
.header-bottom .flex-col.flex-center {margin: unset;}
.searchform input {box-shadow: unset; height: 50px; border-right: 0; padding-left: 15px; font-size: 16px;}
.searchform input:focus {box-shadow: unset;}
.searchform input::placeholder {font-size: 16px;}
.searchform button[type="submit"] {height: 50px; border: 0; width: 100px; background: var(--primary-color) !important;}
.cart-img-icon {width: 25px;}
.wishlist-icon {font-size: 23px !important; color: var(--heading-color);}
.text-banner h3 {font-size: 30px; text-transform: uppercase; font-weight: 700;}
.text-banner p {font-size: 14px; font-weight: 700;}

.row-product-category > .col {padding-right: 5px !important; padding-left: 5px !important;}
.row-product-category > .col {padding-bottom: 10px !important;}
.row-product-category .full-height .col-inner,
.row-product-category .full-height .box-product-category,
.row-product-category .full-height .box-product-category .box-image,
.row-product-category .full-height .box-product-category div,
.row-product-category .full-height .box-product-category img {height: 100%;}
.row-product-category .space-between .col-inner {height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.box-product-category {position: relative;}
.box-product-category.space {margin-bottom: 10px;}
.box-product-category .box-text{padding: 0; position: absolute; left: 30px; top: 30px; width: auto;}
.box-product-category .box-text h4 {margin-bottom: 0; color: var(--white-color); font-weight: 700; text-transform: uppercase;}

.product-small.box img {object-fit: contain;}
.product-small.box .product-title a {font-size: 18px; font-weight: 700; font-family: var(--font-fira); color: var(--heading-color); display: inline-block; margin-bottom: 15px;}
.product-small.box .price bdi {font-size: 20px; font-weight: 700; font-family: var(--font-fira); color: var(--primary-color);}
.product-small.box .add-to-cart-button a {margin-top: 15px; background: var(--secondary-color) !important; color: var(--heading-color); padding: 12px 20px; display: inline-block; border-radius: 3px; line-height: 14px; margin-right: 0;}
.product-small.box .add-to-cart-button a:hover {background: var(--primary-color) !important; box-shadow: unset; color: var(--white-color);}
.added_to_cart.wc-forward {display: none !important;}

button.wishlist-button {margin: 0 !important; width: 1.5em !important; height: 1.5em !important; min-height: unset; min-width: unset !important; display: flex; align-items: center; justify-content: center; border-width: 1px !important;}
button.wishlist-button i {font-size: 0.8em !important; top: -9.5px; color: var(--heading-color);}
button.wishlist-button:hover i{color: var(--white-color);}
.wishlist-popup {display: none !important;}

.section-top-seller .section-bg.bg-loaded{ background-position: left;}

.product-seller.product-small.box {background: var(--white-color); border: 1px solid var(--border-color);}

.product-tabs li {margin-right: 0;}
.product-tabs ul {gap: 5px; margin-bottom: 50px;}
.product-tabs ul li a{background: var(--gray-color);font-weight: 500; border-radius: 2px; color: var(--white-color); min-width: 100px; display: inline-block; text-align: center;}
.product-tabs ul li a:hover {background: var(--primary-color); color: var(--white-color);}

.section-mid-banner .text-banner h3 {font-size: 30px;}

.row-fb-client:not(.is-selected) {opacity: 1 !important;}
.col-fb-client .col-inner {border: 1px solid var(--border-color);}
.fb-client .star-rating {margin-bottom: 25px;}
.fb-client .star-rating > span::before {color: #f1af07;}
.fb-client .icon-box-fb {align-items: center;}
.fb-client .icon-box-fb p {margin-bottom: 0;}
.fb-client .icon-box-fb .icon-inner img {border-radius: 99%;}
.fb-client .icon-box-fb .icon-box-text h3 {font-size: 16px; margin-bottom: 2px;}
.fb-client .icon-box-fb .icon-box-text p {font-size: 14px;}

.flickity-page-dots li {background: var(--white-color) !important; opacity: 1 !important;}
.flickity-page-dots li.is-selected {background: var(--primary-color) !important; border-color: var(--primary-color) !important;}

.post-item .is-divider{display: none;}
.post-item .post-title a {font-size: 24px; display: inline-block; font-weight: 700; }
.post-item .cat-label {margin-top: 20px; margin-bottom: 5px; font-size: 15px; color: var(--primary-color); text-transform: inherit; font-weight: 800;}
.post-item .post-meta {margin-top: 5px; font-size: 14px;}
.post-item:hover .post-title a {text-decoration: underline; color: var(--primary-color);}

.wpcf7-spinner {display: none;}
.form-email input {margin-bottom: 0; height: 50px; box-shadow: unset; border: 0; margin-bottom: 15px;}
.form-email input:focus {box-shadow: unset;}
.form-email button[type="submit"] {height: 50px; width: 100%; text-transform: inherit;}

#footer .text-logo p{color: #ccc; margin-bottom: 10px;}
#footer .text-contact p {margin-bottom: 0; color: #ccc;}
#footer .text-contact a {color: var(--white-color); font-weight: 800; font-size: 20px;}
#footer .title-footer h3 {font-size: 18px; font-weight: 700; color: var(--white-color); margin-bottom: 30px;}
#footer .menu-footer a {font-size: 16px; color: #ccc;}
#footer .social-icons a {margin-bottom: 0; background: #d6d6d6; border-color: #d6d6d6; margin-right: 10px;}
#footer .social-icons a:hover {background: var(--primary-color) !important; border-color: var(--primary-color) !important;}
#footer .social-icons a i {color: #3d3d3d;}
#footer .social-icons a:hover i {color: var(--white-color);}
#footer .text-copyright p{margin-bottom: 0; color: #ccc;}

/* md */
@media (min-width: 768px) {  
    .text-banner h3 {font-size: 50px;}
    .text-banner p {font-size: 18px;}
    .banner-hero .overlay{display: none !important;} 
    .box-product-category.space {margin-bottom: 0;}
    .col-btn-view-more .col-inner {text-align: right;}
    .title-website h2 {font-size: 34px;}
    .product-seller.product-small.box .add-to-cart-button a {background: transparent !important; padding-left: 0; padding-bottom: 0; border: 0;}
    .product-seller.product-small.box .add-to-cart-button a:hover {color: var(--primary-color);}
    .product-seller.product-small.box .product-title a {font-size: 16px; margin-bottom: 10px;}
    .product-seller.product-small.box .price bdi {font-size: 18px;}
    .product-seller.product-small.box .box-text {text-align: left;}
    .section-top-seller .section-bg.bg-loaded{ background-position: 50% 50%;}
    .section-mid-banner .text-banner h3 {font-size: 40px;}
    .section-mid-banner .overlay{display: none !important;} 
    .title-website-2 h2{ margin-bottom: 40px;}
    .form-email input {margin-bottom: 0;}
}

/* lg */
@media (min-width: 992px) { 
    .row-no-padding-bottom > .col{padding-bottom: 0 !important}
    .text-banner h3 {font-size: 80px;}
    .text-banner p {font-size: 20px;}
    .row-product-category > .col {padding-bottom: 0 !important;}
    .title-website h2 {font-size: 38px;}
    .section-mid-banner .text-banner h3 {font-size: 50px;}
    #footer .text-copyright p {text-align: right;}
}