/*
Theme Name: Sober Child Theme
Theme URI: http://uix.store/sober/
Author: UIX Themes
Author URI: http://uix.store
Description: Sober is a fully responsive Premium WordPress Theme with a pixel perfect design and extensive functionality
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sober
Tags: one-column, two-columns, right-sidebar, custom-colors, custom-menu, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Template: sober
*/
/* Style font heading */
:root {
    --primary-color: #e49424;
    --second-color: #634835;
}

h1, h2, h3, h4, h5, h6{
    /* font-family: Inter !important; */
}
.woocommerce .related{
    padding: 40px 0 0;
}
.title-size, .woocommerce .related h2{
    font-size: 1.8em;
    line-height: 1.3em;
    margin-bottom: 40px;
}
.text-white {
    color: #fff;
}

/* product */
.sober-product-grid__load-more .button{
    color: #fff;
}
.sober-product-grid__load-more .button:hover{
    color: #111114;
    background-color: #FFF;
    border: 1px solid #111114;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    padding: 20px !important;
}
.woocommerce-breadcrumb.breadcrumb{
    font-family: Inter !important;
}

/* Style section review */
.testimonial-content ul{
    display: flex;
    list-style-type: none;
    justify-content: center;
    padding: 1rem;
    border-radius: 1rem;
    position: relative;
    background-color: #FFF;
    top: -4rem;
    width: max-content;
    box-shadow: 0 7px 12px -4px rgba(0,0,0,.22);
}
.sober-testimonial{
    border-radius: 0.5rem;
    box-shadow: 0 7px 12px -4px rgba(0,0,0,.22);
    padding: 0 0 1.8rem;
}
.sober-testimonial .author-photo{
    border-radius: 0;
    width: 100%;
    height: 100%;
}
.sober-testimonial .author-photo img{
    border-radius: 0 !important;
    width: 100%;
    max-height: 100%;
    object-fit: cover;
}
.sober-testimonial .testimonial-content{
    font-size: 1.6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: -4rem 0 0;
}

/* Responsive image section */
@media screen and (max-width: 500px){
    .sober-banner4 .banner-content{
        width: 100%;
        height: 100%;
    }
    .sober-banner4 .banner-content .banner-text h1{
        font-size: 2rem;
    }
    .sober-banner4 .banner-content .banner-text p{
        font-size: 12px;
    }
    .sober-banner4 .banner-content .banner-text h3{
        font-size: 1.5rem;
    }
    .sober-banner4 .banner-content .button{
        min-width: 5rem;
        width: 12rem;
        height: 4rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

/* Style map contact section */
.wpb_gmaps_widget.vc_map_responsive .wpb_map_wraper{
    padding-bottom: 100%;
}
/* -------------------------------------------------- */
/* ---------- Custom button ---------- */
.button, .btn, .wpcf7-form .wpcf7-submit {
    background-color: var(--second-color);
    color: #fff;
}
.button:hover, .btn:hover, .wpcf7-form .wpcf7-submit:hover, .wpcf7-form .wpcf7-submit:focus {
    background-color: var(--primary-color);
}
a.button:visited {
    color: #fff;
}
/* ---------- End custom button ---------- */

/* ---------- Custom header ---------- */
.header-sticky-smart .site-header.headroom {
    position: absolute;
}
.site-header {
    padding: 18px 0;
}
.site-branding .logo .logo-light {
    filter: brightness(10) invert(0);
}
/* ---------- End custom header ---------- */

/* ---------- Custom footer ---------- */
.footer-logo {
    display: flex;
    width: auto;
    height: 125px;
    margin-bottom: 1.5rem;
    justify-content: center;
}
#colophon .widget ul.menu li>a{
    position: relative;
}
#colophon .widget ul.menu li>a::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -6px;
    transition: all .5s;
    width: 0;
    height: 2px;
    background-color: #23232c;
}
#colophon .widget ul.menu li:hover>a::before, 
#colophon .widget ul.menu li.current-menu-item>a::before {
    width: 100%;
    left: 0;
}
.footer-widgets .menu .sub-menu {
    display: none;
}
.sober-post-grid .hentry {
    margin-bottom: 50px;
}
.sober-post-grid .entry-title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sober-post-grid .post-thumbnail {
    position: relative;
    width: 100%;
    padding-top: 66.5%;
}
.sober-post-grid .post-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ---------- End custom footer ---------- */

/* ---------- Custom home ---------- */
.m-sec-banner .tp-leftarrow, .m-sec-banner .tp-rightarrow {
    background: var(--second-color) !important;
}
.m-sec-banner .tp-leftarrow:hover, .m-sec-banner .tp-rightarrow:hover {
	background: var(--primary-color) !important;
}
.m-sec-banner .tparrows, .m-sec-banner .tp-bullet {
	transition: .3s;
}
.m-sec-subcribe .form-group.form-footer .button-submit .wpcf7-submit {
    font-size: 12px;
}
.sober-banner4 .banner-content .banner-text {
    text-shadow: 0 0 10px #777;
}
.sober-collection-carousel__item-title {
    margin-top: 60px;
}
.sober-collection-carousel__item-button {
    margin-top: 15px;
}
.vc_custom_heading a:hover {
    opacity: 1;
    color: var(--primary-color);
}
@media only screen and (min-width: 768px) {
    .m-sec-campains {
        display: flex;
    }
    .m-sec-campains .wpb_column .vc_column-inner, 
    .m-sec-campains .wpb_column .wpb_wrapper, 
    .m-sec-campains .wpb_column .sober-banner4 {
        height: 100%;
    }
    .m-sec-campains .wpb_column .sober-banner4 img {
        height: 100%;
        object-fit: cover;
    }
}

/* ---------- End custom home ---------- */

/* ---------- Custom page about us ---------- */
.mona-column-tu-van .vc_column-inner {
    padding: 0 120px !important;
}
@media (max-width: 767px) {
	.mona-column-tu-van .vc_column-inner {
		padding: 0 !important;
	}
}
.m-about-service .sober-icon-box img {
    width: 80px;
    height: 80px;
    object-fit: contain;
}
/* ---------- End custom page about us ---------- */

/* ---------- Custom product ---------- */
.woocommerce ul.products li.product .buttons-icon .wcboost-wishlist-button.added svg,
.woocommerce ul.products li.product .buttons-icon .wcboost-wishlist-button:hover svg,
.woocommerce div.product form.cart .wcboost-wishlist-button.added svg {
    fill: #f43636;
}
.woocommerce a.button {
    background-color: var(--second-color);
}
.woocommerce a.button:hover {
    background-color: var(--primary-color);
}
.woocommerce div.product div.images .woocommerce-product-gallery__image {
    width: 100%;
    padding-top: 75%;
    position: relative;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: contain;
}
.woocommerce button.button, .woocommerce button.button.alt, .woocommerce #respond input#submit {
    background-color: var(--second-color);
}
.woocommerce button.button:hover, .woocommerce button.button.alt:hover, 
.woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus {
    background-color: var(--primary-color);
}
.shop-toolbar .nav-filter {
    overflow-x: auto;
    padding-bottom: 10px;
}
.shop-toolbar .nav-filter::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background-color: #F5F5F5;
}
.shop-toolbar .nav-filter::-webkit-scrollbar-thumb {
    background-color: #777;
    border-radius: 5px;
}
.shop-toolbar .nav-filter .products-filter {
    width: max-content;
}

/* ---------- Custom form ------------- */
.wpcf7-form .wpcf7-submit {
    line-height: 3.5;
}
.wpcf7-form-control-wrap {
    display: block;
    position: relative;
    z-index: 0;
}
.wpcf7 .wpcf7-not-valid-tip {
    background-color: #f1f1f1;
    border-radius: 0;
    color: #b20000;
    line-height: 1.2em;
    opacity: .8;
    padding: 4px 5px;
    position: absolute;
    top: 100%;
    bottom: unset;
    width: 100%;
    text-align: right;
    font-size: .65em;
    margin-top: -1px;
    z-index: -1;
}
.wpcf7-form .button-submit {
    position: relative;
}
.wpcf7-form .wpcf7-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}
.wpcf7-form.invalid .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output {
    line-height: 1.5;
    padding: 10px 15px;
    margin: 2em 0;
    background-color: #ffcccc;
    border: 1px solid #ff9999;
    color: #d01313;
}
.form-group {
    display: flex;
    flex-wrap: wrap;
}
.form-group .form-row {
    width: 100%;
    position: relative;
}
.form-group .form-row + .form-row {
    margin-top: 20px;
}
.form-group.form-footer input[type="email"] {
    padding: 10px 3.5em 0 5px;
    border-bottom-width: 1px;
    font-weight: normal;
}
.form-group.form-footer .button-submit {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.form-group.form-footer .button-submit .wpcf7-submit {
    color: #23232c;
    background: transparent !important;
    width: auto;
    min-width: unset;
    font-size: 11px;
    line-height: 2.6;
    margin-top: 10px;
}
.form-group.form-footer .wpcf7-not-valid-tip {
    display: none;
}

/**/
.page-header .page-title {
    font-size: 6rem;
}
.header-sticky.header-transparent .site-header.sticky, .header-sticky.header-transparent .site-header.headroom--not-top,
.header-transparent.header-hoverable .site-header:hover{
    background: #f7f5f2;
}
.header-text-light .site-header .nav-menu>li>a:after{
    background: var(--primary-color)!important;
    height: 1px;
}
.header-sticky.header-transparent .site-header.headroom--not-top .nav-menu>li:hover > a,
.header-transparent.header-hoverable.header-text-light .site-header:hover .nav-menu>li:hover>a{
    color:var(--primary-color);
}
.header-sticky.header-transparent .site-header.headroom--not-top li.menu-item-cart span.count,
.header-transparent.header-hoverable.header-text-light .site-header:hover li.menu-item-cart span.count {
    background: var(--primary-color);
} 
footer.site-footer {
    background: #F8F5F2;
}
footer.site-footer h4.widget-title {
    color: var(--second-color);;
    font-size: 12px;
    font-family: inherit;
    font-weight: 500;
    margin-bottom: 15px;
}
.footer-widgets ul.menu li a:hover,
 #colophon .widget ul.menu li.current-menu-item>a {
    color: var(--primary-color);;
}
#colophon .widget ul.menu li>a::before{
    background-color: var(--primary-color);
    height: 1px;
}
.footer-info.footer-wrapped {
    border-top: 1px solid #dadada;
}
.footer-widgets ul li {
    margin-bottom: 5px;
}