/*
    Theme Name: Updated Difiaba
    Theme URI: https://www.pacific54.com
    Author: Cosmin M.
    Author URI: https://www.pacific54.com
    Description: 
    Tags: simple, cosmetics
    Version: 1.0
    Requires PHP: 7.1
*/



/* new page color keep */
html {
    scroll-behavior: smooth;
}

.main-banner-colorkeep div.container {
    height: 395px !important;
}

.half-center-block {
    padding: 48px 0 !important;
}

.half-center-block div.title h1 {
    margin: 0 0 24px 0 !important;
}

.half-center-block div.container div.text>* {
    margin: 0 !important;
}

.half-center-block div.container div.text p {
    margin: 0 0 48px 0 !important;
}

.half-center-block h1 {
    max-width: 716px;
}

.half-center-block h1 > b {
    font-weight: 700;
}

.half-center-block p {
    max-width: 580px;
}

.half-center-block div.container div.text .center-btn {
    margin: 0 auto !important;
    max-width: 100% !important;
}

.half-center-block .center-btn > a {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 834px;
    width: 100%;
    font-weight: 900;
    line-height: 16px;
    padding: 8px 50px 8px;
}

.half-center-block .center-btn > a > img {
    margin: 0 26px 0 0;
    width: 45px;
    height: 31px;
    object-fit: cover;
}

.half-width-block {
    padding: 72px 0 !important;
}

.half-width-block .container {
    justify-content: center;
}

.half-width-block div.image {
    flex-basis: 406px !important;
    max-width: 406px;
    height: 406px !important;
}

.half-width-block div.image > img {
    width: 100%;
}

.half-width-block div.text {
    flex-basis: 591px !important;
    padding-left: 48px !important;
}

.half-width-block div.container div.text>* {
    margin: 0 !important;
}

.half-width-block div.title h1 {
    font-size: 24px;
    line-height: 36px;
    margin: 0 0 32px 0 !important;
}

.half-width-block div.title h1 > b {
    font-size: 40px;
    font-weight: 700;
}

.half-width-block div.container div.text p {
    margin: 0 0 56px 0 !important;
}

.half-width-block div.container div.text .text-link {
    margin: 0 !important;
}

.half-width-block div.text .text-link > a {
    padding: 8px 70px 8px;
    font-weight: 900;
    line-height: 16px;
    width: 100%;
    max-width: 525px;
}

.half-width-block div.text .text-link > a > img {
    margin: 0 24px 0 0;
    width: 45px;
    height: 31px;
    object-fit: cover;
}

.single-title-center {
    padding: 157px 0 0 0 !important;
}

.single-title-center div.title h1 {
    text-align: center;
}

.products-color-keep {
    padding: 54px 0 151px 0 !important;
}

.mobtext-keep-color {
    display: none;
}

@media (max-width: 1200px) {
    .main-banner-colorkeep div.container {
        height: 310px !important;
    }
}

@media (max-width: 1020px) {
    .half-width-block div.image {
        flex-basis: 40% !important;
        max-width: 100%;
        height: 300px !important;
    }
    .half-width-block div.text {
        flex-basis: 60% !important;
        padding-left: 28px !important;
    }
}

@media (min-width: 722px) and (max-width: 1020px) {
    .half-width-block div.title h1 {
        font-size: 19px;
        line-height: 24px;
    }
    .half-width-block div.title h1 > b {
        font-size: 30px;
    }
    .half-width-block div.text .text-link > a {
        padding: 8px 15px 8px;
    }
    .half-width-block div.text .text-link > a > img {
        margin: 0 15px 0 0;
        width: 40px;
        height: 26px;
    }
    .single-title-center {
        padding: 91px 0 0 0 !important;
    }
    .products-color-keep {
        padding: 54px 0 80px 0 !important;
    }
}

@media (max-width: 722px) {
    .half-center-block {
        padding: 32px 0 !important;
    }
    .half-center-block h1 {
        max-width: 440px;
    }
    .half-center-block div.title h1 {
        margin: 0 0 16px 0 !important;
        font-size: 26px !important;
    }
    .half-center-block p {
        max-width: 100%;
    }
    .half-center-block div.container div.text p {
        margin: 0 0 32px 0 !important;
        font-weight: 700;
        color: #54595F;
    }
    .half-center-block .center-btn > a {
        padding: 10.5px 15px;
        max-width: 100%;
        font-weight: 700;
        letter-spacing: 2.40px;
    }
    .half-center-block .center-btn > a > img {
        margin: 0 16px 0 0;
        width: 35px;
        height: 24px;
    }
    .video-color-keep div.container a:after {
        width: 56px !important;
        height: 56px !important;
    }
    .mobtext-keep-color {
        display: block;
        padding: 48px 0 35px 0 !important;
    }
    .mobtext-keep-color div.container div.text div.title h1 {
        font-weight: 500;
        font-size: 18px !important;
        line-height: 26px;
        color: #1A1A1A;
        text-transform: uppercase;
    }
    .mobtext-keep-color div.container div.text div.title h1 > b {
        font-size: 26px;
        font-weight: 800;
    }
    .half-width-block {
        padding: 0 0 32px 0 !important;
    }
    .half-width-block div.container div.image img {
        height: 100% !important;
        max-height: 375px;
    }
    .half-width-block div.container div.text {
        margin-top: 28px;
    }
    .half-width-block div.container .title {
        display: none;
    }
    .half-width-block div.container div.text p {
        margin: 0 0 32px 0 !important;
        color: #54595F;
        font-weight: 700;
    }
    .half-width-block div.image {
        flex-basis: 100% !important;
        max-width: 100%;
    }
    .half-width-block div.text {
        padding-left: 0px !important;
    }
    .half-width-block div.text .text-link > a {
        padding: 10.5px 15px;
        max-width: 100%;
    }
    .half-width-block div.text .text-link > a > img {
        margin: 0 10px 0 0;
        width: 35px;
        height: 24px;
    }
    .single-title-center {
        padding: 71px 0 0 0 !important;
    }
    .single-title-center div.container div.text div.title h1 {
        font-size: 32px !important;
        line-height: 36px;
        font-weight: 500;
        color: #474747;
        max-width: 260px;
        margin: 0 auto;
    }
    .products-color-keep {
        padding: 32px 0 58px 0 !important;
    }
}


@media (max-width: 340px) {
    .main-banner-colorkeep div.container {
        height: 200px !important;
    }
    .half-center-block div.title h1 {
        font-size: 22px !important;
    }
    .half-center-block .center-btn > a {
        padding: 10.5px 10px;
        letter-spacing: 1px;
    }
    .half-center-block .center-btn > a > img {
        margin: 0 8px 0 0;
        width: 25px;
        height: 18px;
    }
    .half-width-block div.text .text-link > a {
        padding: 10.5px 10px;
        letter-spacing: 1px;
        font-size: 13px;
    }
    .half-width-block div.text .text-link > a > img {
        margin: 0 8px 0 0;
        width: 25px;
        height: 18px;
    }
    .mobtext-keep-color div.container div.text div.title h1 {
        font-size: 16px !important;
        line-height: 20px;
    }
    .mobtext-keep-color div.container div.text div.title h1 > b {
        font-size: 22px;
    }
}