/*
 Theme Name:   PRIORISE
 Theme URI:    https://priorise.com
 Description:  Thème PRIORISE
 Author:       STUDIO WBM
 Author URI:   https://priorise.com
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light
 Text Domain:  priorise_theme
*/


/**************************
         BODY
***************************/
body.home div.site main.site-main{
    padding-top: 0;
    padding-bottom: clamp(10vh, 14vh, 20vh);
    overflow-x: hidden;
}
body.sidebar-open{
    overflow: hidden;
}
/**************************
         MAIN
***************************/

div.site {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

div.site main.site-main {
    width: 100%;
    min-height: 80vh;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    padding-top: clamp(160px, 15vh, 20vh);
}
.home div.site main.site-main{
    padding-top: 0;

}

/**************************
          LOADER
***************************/



/**************************
       MAIN CONTENT
***************************/


.container-custom {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (min-width: 360px) {
    .container-custom {
        padding-right: 0px;
        padding-left: 0px;
    }
    .display-tag{
        display: flex;
    }
    .hidden-tag{
        display: none;
    }
}
@media only screen and (min-width: 576px) {
    
    .container-custom {
        max-width: 540px;
        padding-right: 15px;
        padding-left: 15px;
    }
    
   
}

@media only screen and (min-width: 768px) {
    .container-custom {
        max-width: 720px;
    }
}

@media only screen and (min-width: 992px) {
    .container-custom {
        max-width: 960px;
    }
}

@media only screen and (min-width: 1280px) {
    .container-custom {
        max-width: 1200px;
    }
}

@media only screen and (min-width: 1600px) {
    .container-custom, .container {
        max-width: 1440px;
    }

}


/****** contact page ******/

section.block-top-page.contact-page{
    padding-bottom: clamp(20vh, 24vh, 28vh);  
    min-height: fit-content;
}
section.block-top-page.contact-page .icon-cat{
    max-width: 120px;
}
section.block-contact-form.contact-page-tabs{
    margin-top: clamp(-18vh,-20vh,-25vh);
}


/****** 404 ******/
body.error404 main#primary{
    color: var(--themePrimaryColor);
    height: 80vh;
}
body.error404 main#primary section, body.error404 main#primary section div.container{
    height: 100%;
}
body.error404 main .row-404{
    height: 100%;
    flex-direction: column;
    align-items: center;
    gap: 60px;
}
body.error404 main .row-404 h1{
    font-size: 15rem;
    color: var(--themeMarinePurple);
    line-height: 1;
    margin-bottom: 0px;
    text-align: center ;
}
body.error404 main .row-404 p{
    font-size: 32px;
    text-align: center ;
    margin-bottom: 80px;
}
body.error404 main .back-home{
    display: flex;
    justify-content: center;
}
body.error404 main .back-home button{
    width: fit-content;
}

@media only screen and (max-width: 1280px) {
    body.error404 main#primary {

        height: 95vh;
    }
    body.error404 main .row-404 h1 {
        font-size: 12rem;
    }
    body.error404 main .row-404 p {
        font-size: 24px;
        margin-bottom: 60px;
    }
}
@media only screen and (max-width: 575px) {
    /* 404 */
    body.error404 main#primary{
        padding-top: 0;
    }
    body.error404 main .row-404 h1 {
        font-size: 8rem;
    }
    body.error404 main .row-404 {
        justify-content: center;
    }
    body.error404 main .row-404 p {
        font-size: 18px;
        margin-bottom: 30px;
    }
}

/* PARTNER PAGE */
.partner-gutenberg-block.block-centered{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
}
.partner-gutenberg-block.block-centered h2{
    color: var(--themeMarine);
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}
.partner-gutenberg-block.block-centered h2 strong{
    color: var(--themePurple);
    text-align: center;
    font-size: 52px;
    font-style: normal;
    font-weight: 900;
    line-height: 100%;
}
.partner-gutenberg-block.block-centered p{
    max-width: 900px;
    color: var(--themeMarine);
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.partner-gutenberg-block.block-centered p strong{ 
    color: var(--themePurple);
    text-align: center;
    font-weight: 900;
}

/**************************/

/**************************
        WP_BLOCKS 
***************************/
.wp-block-group.container h2{
    font-style: normal;
    font-weight: 700;
    font-size: 60px;
    line-height: 82px;
    text-transform: uppercase;
    color: var(--themeLightGrey);
}
.wp-block-group.container h4{
    font-weight: 600;
    font-size: 20px;
    line-height: 135.5%;
    display: flex;
    align-items: center;
    text-align: right;
}
.wp-block-group.container p{
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 17px;
    line-height: 163.68%;
    color: var(--themePrimaryColor);
    column-count: 2;
    column-gap: 30px;
}
.wp-block-group.container .btn-primary-filled a{
    display: inline;
    border-radius: 0px;
    position: inherit;
    padding: 0;
    background-color: transparent;
    color: var(--themePrimaryColor);
} 

.wp-block-group.container-custom.block-2-colums-form-with-icons h2{
    color: var(--themeMarinePurple);
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 30px;
}
.wp-block-group.container-custom.block-2-colums-form-with-icons p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 0;
    max-width: 600px;
}
.wp-block-group.container-custom.block-2-colums-form-with-icons img {
    width: 48px;
}
.wp-block-group.container-custom.block-2-colums-form-with-icons .wp-block-buttons{
    margin-top: 20px;
}
.wp-block-group.container-custom.block-2-colums-form-with-icons form{
    display: flex;
    width: 100%;
    padding: 20px 30px 10px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}
.wp-block-group.container-custom.block-2-colums-form-with-icons form p{
    width: 100%;
}
.wp-block-group.container-custom.block-2-colums-form-with-icons form input[type="text"], .wp-block-group.container-custom.block-2-colums-form-with-icons form input[type="password"], .wp-block-group.container-custom.block-2-colums-form-with-icons form input[type="email"], .wp-block-group.container-custom.block-2-colums-form-with-icons form input[type="tel"], .wp-block-group.container-custom.block-2-colums-form-with-icons form textarea{
    border: none;
    box-shadow: none;
    font-size: 15px;
    min-width: auto;
}
.wp-block-group.container-custom.block-2-colums-form-with-icons form input[type="submit"]{
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: var(--themeMarine);
    text-align: center;
    font-style: normal;
    font-weight: 400;
    color: #FFFFFF;
    line-height: normal;
    border: none;
    width: 100%;
    padding: 15px 25px;
    font-size: 15px;
    text-align: center;
    width: fit-content;
    margin: 10px auto 0;
}
.wp-block-group h2{
    font-size: 52px;
    color: var(--themeMarinePurple);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 30px;
}
.wp-block-group p{
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 0;
}
.wp-block-group .wp-block-buttons{
    margin-top: 30px;
}

/* RESPONSIVE */

@media only screen and (max-width: 1600px) {
    
}
@media only screen and (max-width: 1280px) {
    .wp-block-group h2, .wp-block-group.container-custom.block-2-colums-form-with-icons h2 {
        font-size: 44px;
    }
    .wp-block-group h2{
        margin-bottom: 20px;
    }
    .wp-block-group p, .wp-block-group.container-custom.block-2-colums-form-with-icons p {
        font-size: 16px;
        line-height: 22px;
    }
    .wp-block-group.container-custom.block-2-colums-form-with-icons img {
        width: 40px;
    }
    /* PARTNER PAGE */
    .partner-gutenberg-block.block-centered h2, .partner-gutenberg-block.block-centered p{
        font-size: 28px;
    }
    .partner-gutenberg-block.block-centered h2 strong {
        font-size: 42px;
    }
}
@media only screen and (max-width: 1024px) {
    .wp-block-group.container p{
        font-size: 16px;
        column-count: 1;
    }
   
}
@media only screen and (max-width: 992px) {
    .wp-block-group.container-custom.block-2-colums-form-with-icons .wp-block-columns.wp-container-core-columns-is-layout-3{
        flex-wrap: wrap!important;
    }
    .wp-block-group.container-custom.block-2-colums-form-with-icons .wp-block-columns .wp-block-column{
        flex-basis: 100%!important;
    }
    .wp-block-group.container .wp-container-2.wp-container-2 {
        flex-wrap: wrap;
    }
    .wp-block-group.container-custom.block-2-colums-form-with-icons h2, .wp-block-group h2 {
        font-size: 36px;
        margin-bottom: 20px;
    }
    .wp-block-group.container-custom.block-2-colums-form-with-icons form p{
        max-width: 100%;
    }
    .wp-block-group .wp-block-columns.wrap-992{
        flex-wrap: wrap!important;
    }
    .wp-block-group .wp-block-columns.wrap-992 .wp-block-column{
        flex-basis: 100%!important;
    }

    /* Contact page */
    section.block-contact-form.contact-page-tabs {
        margin-top: clamp(-20vh,-22vh,-25vh);
    }
}
@media only screen and (max-width: 820px) {
    .wp-block-group.container h2 {
        font-size: 52px;
        line-height: 62px;
    }
}
@media only screen and (max-width: 767px) {
    .wp-block-group.container-custom.block-2-colums-form-with-icons h2, .wp-block-group h2 {
        font-size: 28px;
        margin-bottom: 15px;
    }
    .wp-block-group p {
        font-size: 15px;
        line-height: 20px;
    }
    .wp-block-group.container-custom.block-2-colums-form-with-icons img {
        width: 32px;
    }
    .wp-block-group.container-custom.block-2-colums-form-with-icons figure {
        margin: 0 0 0.25rem;
    }
    .wp-block-group .wp-block-buttons {
        margin-top: 20px;
    }
    /* PARTNER */
    .partner-gutenberg-block.block-centered h2, .partner-gutenberg-block.block-centered p, .partner-gutenberg-block.block-centered h2, .partner-gutenberg-block.block-centered p{
        font-size: 24px;
    }
    .partner-gutenberg-block.block-centered h2 strong {
        font-size: 32px;
    }

}
@media only screen and (max-width: 575px) {
    .wp-block-group.container .wp-block-group.wp-container-1{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .wp-block-group__inner-container{
        padding: 0 15px;
    }
    .wp-block-group.container h2 {
        font-size: 36px;
        line-height: 120%;
        text-align: center;
    }
    .wp-block-group.container h4 {
        font-weight: 600;
        font-size: 18px;
        line-height: 130%;
        text-align: center;
    }
    section.block-top-page.contact-page .icon-cat {
        max-width: 75px;
    }
    .wp-block-group.container-custom.block-2-colums-form-with-icons form {
        padding: 15px 15px 0px;
    }
    /* PARTNER */
    .partner-gutenberg-block.block-centered h2, .partner-gutenberg-block.block-centered p, .partner-gutenberg-block.block-centered h2, .partner-gutenberg-block.block-centered p {
        font-size: 20px;
    }
    .partner-gutenberg-block.block-centered h2 strong {
        font-size: 28px;
    }
    .partner-gutenberg-block.block-centered img{
        max-width: 320px;
    }

}
@media only screen and (max-width: 420px) {
    .wp-block-group.container .wp-block-group.wp-container-1 {
        justify-content: center;
    }
}

/**************************
        RECAPTCHA
***************************/

.grecaptcha-badge {
    display: none !important;
    opacity: 0;
    visibility: hidden;
}


/**************************
     LEGAL NOTICE
***************************/

div.legal-notice {
    margin-top: clamp(-20vh,-24vh,-28vh);
    padding-bottom: 15vh;
    margin-bottom: 0px !important;
    z-index: 9;
}
body.privacy-policy section.block-top-page.position-relative{
    z-index: 8;
}
div.legal-notice h2 {
    color: var(--themeMarinePurple);
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    margin: 30px 0;
}

div.legal-notice h3 {
    color: var(--themeMarinePurple);
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    margin: 25px 0;
}
div.legal-notice ul {
    margin: 1rem 0 1rem 0.5rem;
}
div.legal-notice p, div.legal-notice li {
    color: var(--themeFontColor);
    font-style: normal; 
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
}
div.legal-notice a {
    color: var(--themeBluePurple);
}
div.legal-notice .wp-block-table{
    margin: 1rem 0 1rem;
}
@media only screen and (max-width: 1200px) {
    div.legal-notice h2 {
        color: var(--themeMarinePurple);
        font-size: 32px;
    }
    div.legal-notice h3 {
        font-size: 24px;
    }
}
@media only screen and (max-width: 1024px) {
    div.legal-notice p, div.legal-notice li{
        font-size: 16px;
    }
    div.legal-notice h2 {
        color: var(--themeMarinePurple);
        font-size: 28px;
    }
}
@media only screen and (max-width: 992px) {
    div.legal-notice {
        margin-top: clamp(-10vh,-14vh,-18vh);
    }
    div.legal-notice h2 {
        font-size: 28px;
    }
    div.legal-notice h3 {
        font-size: 24px;
    }
    .wp-block-table td, .wp-block-table th {
        min-width: 250px;
    }
}
@media only screen and (max-width: 768px) {
    div.site main.site-main {
        padding-top: clamp(100px, 10vh, 180px);
    }
}
@media only screen and (max-width: 575px) {
    div.site main.site-main{
        min-height: 100vh;
        padding-top: clamp(100px, 10vh, 120px);
    }

    div.legal-notice p, div.legal-notice li {
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 20px;
    }
    div.legal-notice h2 {
        font-size: 24px;
    }
}

@media only screen and (max-width: 420px) {
    div.legal-notice h2 {
        font-size: 22px;
        margin: 30px 0px;
    }
    div.legal-notice h3 {
        font-size: 20px;
        margin: 20px 0px;
    }
    div.legal-notice p, div.legal-notice li {
        font-size: 15px;
        margin: 0 0 0px;
    }
}


/**************************
     NOTICES WRAPPER
***************************/

.notices-wrapper .notice-message, .notices-wrapper .notice-error, .notices-wrapper .notice-info {
    top: 150px;
    right: 0;
    font-size: 15px;
    background: #006E72;
    border: none;
    position: fixed;
    max-width: calc(100% - 30px);
    width: 400px;
    display: flex;
    transform: translateX(150%);
    -webkit-transform: translateX(150%);
    -moz-transform: translateX(150%);
    -ms-transform: translateX(150%);
    -o-transform: translateX(150%);
    align-items: center;
    z-index: 9999;
    overflow: hidden;
    font-weight: 400;
    color: white;
    box-shadow: 0 4px 18px rgba(54, 8, 18, 0.11);
    padding: 20px 20px 20px 80px;
    min-height: 90px;
    animation: slide 5s;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.fixed-header .notices-wrapper .notice-message,
.fixed-header .notices-wrapper .notice-error,
.fixed-header .notices-wrapper .notice-info {
    top: 90px;
}

.notices-wrapper .notice-message a, .notices-wrapper .notice-error a, .notices-wrapper .notice-info a {
    display: none;
    opacity: 0;
    visibility: hidden;
}

@-webkit-keyframes slide {
    0% {
        transform: translateX(150%);
        display: none;

    }
    20% {
        transform: translateX(0%);
        display: block;
    }
    80% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(150%);
        display: none !important;
    }
}

@media only screen and (max-width: 991px) {

    .fixed-header .notices-wrapper .notice-message,
    .fixed-header .notices-wrapper .notice-error,
    .fixed-header .notices-wrapper .notice-info {
        top: 0;
    }

    .notices-wrapper .notice-message, .notices-wrapper .notice-error, .notices-wrapper .notice-info {
        top: 0;
        left: 0;
        right: 0;
        max-width: 100%;
        max-height: 70px;
        min-height: 70px;
        width: 100%;
        margin: 0;
        z-index: 20;
        transform: translateY(-70px);
        -webkit-transform: translateY(-70px);
        -moz-transform: translateY(-70px);
        -ms-transform: translateY(-70px);
        -o-transform: translateY(-70px);
        padding: 0 15px 0 60px;
        animation: mob-slide 6s ease-in-out;
    }

    .notices-wrapper .notice-message::before, .notices-wrapper .notice-error::before, .notices-wrapper .notice-info::before {
        left: 10px;
    }

    @-webkit-keyframes mob-slide {
        0% {
            transform: translateY(-80px);
            display: none;

        }
        20% {
            transform: translateY(80px);
            display: block;
        }
        80% {
            transform: translateY(80px);
        }
        100% {
            transform: translateY(-80px);
            display: none !important;
        }
    }
}