/* 
* Merchr Custom Feature Styles 
*/

/* My-account Page */
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    width: 48%;
    max-width: 48%;
}

@media screen and (max-width: 768px) {
    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
    .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
        width: 100%;
        max-width: 100%;
    }
}
.woocommerce .woocommerce-Input {
    padding: 10px 5px;
}
.woocommerce .woocommerce-form-login,
.woocommerce .woocommerce-form-register {
    font-family: latoregular, Helvetica, Arial, sans-serif!important;
}
#customer_login h2 {
    color: #000000;
    font-family: "Lato", Sans-serif;
    font-size: 45px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 60.75px;
    letter-spacing: 0.5px;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce .woocommerce-form-register .woocommerce-form-register__submit {
    padding: 15px 40px;
    background: #278eb0;
    color: #ffffff;
    font-weight: 400;
    font-family: latoregular, Helvetica, Arial, sans-serif;
    border-radius: 100px;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover,
.woocommerce .woocommerce-form-register .woocommerce-form-register__submit:hover {
    padding: 15px 40px;
    background: #278eb0;
    color: #ffffff;
    font-weight: 400;
    font-family: latoregular, Helvetica, Arial, sans-serif;
    border-radius: 100px;
    opacity: 0.85;
}

/*Button width*/
.each_cat button.elementor-button {
	width: 222px;
	background-color: #A59FEF;
}
/*slick-next slick-prev*/
.slick-next:before, .slick-prev:before {
	font-size: 16px;
}

/* Home page best sellers */
.best-sellers-title {
    position: absolute!important;
    /*display: block;*/
    /*left: 40px!important;
    width: 99.5%!important;
    padding: 16px 30px 16px 30px;
    transform: translateX(-100%) rotate(-90deg);
    transform-origin: right;
    margin-top: -39px;*/
    width: calc(100% - 0px);
    padding: 16px 25px 16px 25px;
    transform: translateX(-100%) rotate(-90deg);
    transform-origin: top right;
    font-size: 35px!important;
    font-weight: 900;
}
.best-sellers-title a {
    font-family: lato, Helvetica, Arial, sans-serif;
}
#best-sellers-bottles {
    background: rgb(68, 128, 228, 0.45);
}
#best-sellers-bags {
    background: rgb(210, 109, 121, 0.45);
}
#best-sellers-notebooks {
    background: rgb(248, 127, 4, 0.45);
}
#best-sellers-apparel {
    width: 99.75%;
    background: rgb(0, 36, 26, 0.45);
}

#best-sellers-pens {
    /*width: 100%;
    margin-top: -40px;
    left: 39px!important;*/
    background: rgb(246, 234, 96, 0.45);
}



/* Best sellers Footer Slider */
.best-sellers-footer-slider-wrapper {}
.best-sellers-footer-slider .swiper-slide > .e-child {
    padding: 0;
}
.best-sellers-footer-slider .best-sellers-title { 
    /*left: 39px!important;*/
    width: calc(100% + 2px)!important;
}
.swiper-wrapper {
	display:flex;
}

@media screen and (max-width: 768px) {
    .best-sellers-title {
        left: 0;
        bottom: calc(50% - 45px)!important;
        width: calc(100% - 0px)!important;
        padding: 14px 0 14px 0!important;
        transform: none!important;
        transform-origin: unset!important;
        margin-top: 0!important;
        text-align: center;
    }
    .best-sellers-title a {
        font-size: 35px!important;
    }
    #best-sellers-notebooks,
    #best-sellers-apparel,
    #best-sellers-pens {
        /*bottom: calc(50% - 35px)!important;*/
        width: calc(100% - 0px)!important;
        left: 0!important;
    }
    .best-sellers-footer-slider .best-sellers-title,
    .best-sellers-footer-slider #best-sellers-notebooks,
    .best-sellers-footer-slider #best-sellers-apparel,
    .best-sellers-footer-slider #best-sellers-pens    { 
        left: 0px!important;
        bottom: calc(50% - 45px)!important;
        width: 100%!important;
    }
}

@media (max-width: 767px) {
    .hover-gallery-boxs.hover-gallery-boxs.hover-gallery-box-active {
        width: 100%;
        max-width: 100%;
    }
    .hover-gallery-boxs.hover-gallery-boxs {
        width: 100%;
        max-width: 100%;
		min-height: 8%;
    }
}