/*
    Theme Name:   Grand Circulaire Paris
    Description:  Grand Circulaire Paris Theme
    Author:       Acatus
    Version:      1.0.0
    License:      GNU General Public License v2 or later
    License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/*
* FONTS
*/

body{
    font-family: 'Poppins', sans-serif;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

#page-content, #singular-content {
    flex-grow:1;
}

.bouton-bleu {
    font-family: 'Poppins', sans-serif;
    font-weight: 700!important;
    font-size: 19px!important;
    height: 54px;
    background-color: #0E3192!important;
    border-color: #0E3192!important;
    padding: 10px 38px!important;
    margin-left: 30px;
    line-height: 33px!important;
}

.bouton-rouge {
    font-family: 'Poppins', sans-serif;
    font-weight: 700!important;
    font-size: 19px!important;
    height: 54px;
    background-color: #A00630!important;
    border-color: #A00630!important;
    padding: 10px 38px!important;
    margin-left: 30px;
}

.bouton-blanc {
    font-family: 'Poppins', sans-serif;
    font-weight: 700!important;
    color: #0E3192!important;
    border-color: #0E3192!important;
    font-size: 19px!important;
    height: 54px;
    background-color: #FFF!important;
    padding: 12px 38px!important;
    margin-left: 30px;
}

.bouton-gris {
    font-family: 'Poppins', sans-serif;
    font-weight: 700!important;
    font-size: 19px!important;
    height: 54px;
    background-color: #484848!important;
    border-color: #484848!important;
    padding: 10px 38px!important;
    margin-left: 30px;
    opacity: 1!important;
}


.bouton-bleu:hover,
.bouton-bleu:focus{
    background-color: #0d6efd!important;
    border-color: #0d6efd!important;
}

.bouton-rouge:hover,
.bouton-rouge:focus{
    background-color: #dc3545!important;
    border-color: #dc3545!important;
}

.bouton-gris:hover,
.bouton-gris:focus{
    background-color: #6c757d!important;
    border-color: #6c757d!important;
}

.bouton-blanc:hover,
.bouton-blanc:focus{
    color: #FFF!important;
    border-color: #FFF!important;
    background-color: #092B4E!important;
}


@media screen and (max-width: 1365px){
    .fa-user:hover:before{
        content: '\f090';
        transition: ease-in;
    }
}

@media screen and (max-width: 1024px){
    .fa-user:hover:before{
        content: "\f007";
        transition: ease-in;
    }
}


/*Style Titre*/
.title_container{
    width: max-content!important;
    padding-bottom: 0.5rem;
}

@media screen and (max-width: 500px) {
    .title_container{
        max-width: fit-content;
        max-width: -webkit-fill-available;
    }

    h1{
        font-size: 25px!important;
    }
}


h1,
h2{ 
    display: inline-block;
    /* font-size: 70px!important; */
    font-family: 'Poppins-Bold', 'Poppins'!important;
    font-weight: 700!important;
    color: #092B4E!important;
    text-transform: uppercase;
}

h1,
h2.underline{
    position: relative;
    padding-bottom: 20px;
}

h1{
    font-size: 40px!important;
}

h2{
    font-size: 30px!important;
}

.text-italic{
    font-style: italic;
}

.title_container h2{
    margin-bottom: 0;
}

h3 {
    font-family: 'Poppins-SemiBoldItalic', 'Poppins';
    font-size: 25px!important;
    color: #3a3a3a!important;
    font-weight: 600!important;
    font-style: italic;
}

h5,
.title_addon {
    color: #3a3a3a;
    font-size: 24px!important;
    font-family: 'Poppins-ExtraLightItalic', 'Poppins';
    font-style: italic;
    text-decoration: none;
    font-weight: 200;
    text-transform: uppercase;
}

h5{
    font-size: 20px!important;
}


.title_addon {
    margin-bottom: 0.5rem;
}

h1:before,
h2.underline:before{
    content: "";
    width: 100%;
    height: 1px;
    background: lightgray;
    position: absolute;
    bottom: 8px;
}

h1:after,
h2.underline:after{
    content: "";
    width: 171px;
    height: 16px;
    background: linear-gradient(90deg, #00519e 0%, #4cacdd 100%);
    position: absolute;
    left: 0;
    bottom: 0;
}

.container-body {
    margin: 64px 125px;
}


.acf-notice.-error.acf-error-message[role=alert]{
    background-color: #FFE6E6!important;
    color: #CC2727!important;
}
.acf-notice.-error[role=status]{
    background-color: #C83E3E!important;
    color: #FFF!important;
}
.acf-required{
    color: #EC130E!important;
}

@media screen and (max-width: 1024px) {
    .container-body {
        margin: 26px 19px;
    }

    .bouton-bleu{
        margin: 0;
    }
}

@media screen and (max-width: 500px) {
    h1{
        font-size: 25px!important;
    }
    h2,
    .home .footer-infos h2{
        font-size: 20px!important;
    }
    .page-template-default ul li{
        word-break: break-word;
    }
    .bouton-bleu{
        padding: 10px 15px!important;
    }
}

@media (min-width: 992px){
    .col-lg-6 {
        width: 50%!important;
    }
}

body > .screen-reader-shortcut:focus {
    left: 6px;
    top: 7px;
    height: auto;
    width: auto;
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding: 15px 23px 14px;
    background: #f0f0f1;
    color: #2271b1;
    z-index: 100000;
    line-height: normal;
    text-decoration: none;
}
body > .screen-reader-shortcut{
    position: absolute;
    top: -1000em;
}

.cli-modal-close,
.cli-tab-footer .wt-cli-privacy-accept-btn{
    border: 1px solid transparent;
}
.cli-modal-close:hover,
.cli-modal-close:focus,
.cli-tab-footer .wt-cli-privacy-accept-btn:hover,
.cli-tab-footer .wt-cli-privacy-accept-btn:focus{
    border: 1px solid #000;
}