/* FONT */

@font-face {
    font-family: Montserrat-Light;  
    src: url(/wp-content/themes/unat/fonts/Montserrat-Light.ttf);
    font-weight: normal;  
}

@font-face {
    font-family: Montserrat-Thin;  
    src: url(/wp-content/themes/unat/fonts/Montserrat-Thin.ttf);
    font-weight: normal;  
}

@font-face {
    font-family: Montserrat-Regular;  
    src: url(/wp-content/themes/unat/fonts/Montserrat-Regular.ttf);
    font-weight: normal;  
}

@font-face {
    font-family: Montserrat-Medium;  
    src: url(/wp-content/themes/unat/fonts/Montserrat-Medium.ttf);
    font-weight: normal;  
}


@font-face {
    font-family: Montserrat-Bold;  
    src: url(/wp-content/themes/unat/fonts/Montserrat-Bold.ttf);
    font-weight: normal;  
}

@font-face {
    font-family: Montserrat-Black;  
    src: url(/wp-content/themes/unat/fonts/Montserrat-Black.ttf);
    font-weight: normal;  
}



/* GLOBAL */

header li,
footer li {
    list-style: none;
}

body {
    font-family: 'Montserrat',sans-serif!important;
}

textarea,
input {
    font-family: 'Montserrat',sans-serif!important;
    font-weight: bold;
    border: none;
    background-color: #f9f9f9;
}

.box {
    width: 1100px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}

p {
    margin: 0;
}

a {
    color: #605e5e;
    text-decoration: underline;
    font-family: 'Montserrat',sans-serif!important;
    font-weight: bold;
}

a:hover {
    text-decoration: underline!important;
    color: black;
}

h1 {
    font-size: 42px;
    line-height: 1.2em;
    text-align: center;
    color: #605e5e;
    font-family: 'Montserrat-Bold',sans-serif;
}

h2 {
    color: #605e5e;
    width: 100%;
    text-align: center;
    margin: 40px auto;
    font-size: 42px;
    letter-spacing: 4px;
    line-height: 1.2em;
    font-family: 'Montserrat-Bold',sans-serif;
}


h3 {
    color: black;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    font-family: 'Montserrat-Regular',sans-serif;
}

h3 span {
    border-top: 3px solid #cc2929;
    width: 33px;
    position: absolute;
    top: -5px;
}

h4 {
    text-transform: uppercase;
    color: black;
    font-size: 20px;
    font-family: 'Montserrat-Bold',sans-serif;
}


/* HEADER */

header {
    background-color: #cc2929;
    z-index: 4;
    margin-bottom: 100px;
}

header a {
    font-family: 'Montserrat-regular',sans-serif!important;
    font-weight: 400;
}

header .box .site_header_menu {
    display: flex;
    height: 70px;
    padding: 0;
    margin: 0;
    transition: all 0.3s;
}

header .box .site_header_menu li {
    margin-right: 40px;
    position: relative;
}

header .box .site_header_menu li:nth-child(4){
   visibility: hidden;
   width: 130px;
}

header .box .site_header_menu li:last-child{
    margin-right: 0px;
}

header .box .site_header_menu li a {
    line-height: 70px;
    color: white;
    font-size: 18px;
    transition: all 0.3s;
    text-decoration: none;
}

header .box .logo {
    position: absolute;
    top: 32px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.fixed {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}

.fixed .box .logo {
    top: 0px;
    z-index: 9;
}

/* CONTENT */

.content {
    width: 1000px;
    margin: auto;
}

.content p {
    color: #605E5E;
    font-size: 15px;
    line-height: 1.5em;
}

/* HOME */

.home header {
    margin-bottom: 0!important;
}

.home h1 {
    width: 70%;
    margin: 80px auto 40px auto;
}

.home h2 {
    margin: 80px auto 40px auto;
}

.block_img {
    min-height: 550px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: contain;
    background-position: 50% 0px;
    width: 100%;
}

.home .actu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


.home .actu a {
    width: 30%;
    padding: 10px;
    border: 1px solid #e1e1e1;
    text-decoration: none;
}

.home .actu a:hover {
    text-decoration: none!important;
}

.home .actu a:hover h3 {
    color: #cc2929;
    
}

.home .actu a .image {
    overflow: hidden;
}

.home .actu a img {
    width: 100%;
    height: auto;
    transition: all .4s linear;
}

.home .actu a:hover img {
    transform: scale(1.2);
}

.home .actu .bouton {
    width: 100%;
    text-align: center;
    margin-top: 60px;
}

.home .contact {
    margin: 50px 0;
    display: flex;
    flex-wrap: wrap;
    background-color: #e1e1e1;
}

.home .contact .form {
    width: 50%;  
}

.home .contact .form .top_label {
    display: flex!important;
    flex-wrap: wrap;
}

.home .form textarea,
.home .form input {
    background: white;
}

.home .gform_footer input {
    background: #cc2929;
}

.home .gform_footer input:hover {
    background: #a53737;
}

.home .contact .form .top_label .gfield {
    width: 49%;
}

.home .contact .form .top_label #field_2_3,
.home .contact .form .top_label #field_2_4 {
    width: 100%;
}

.home .contact .form .gform_wrapper {
    width: 400px;
    margin: 35px 85px;
    float: right;
}

.home .contact .form .gform_wrapper .gform_title {
    display: none;
}

.home .contact .groupe {
    width: 50%;
}

.home .contact .groupe .groupe_box {
    width: 365px;
    margin: 0 85px 35px;
}

.home .groupe .groupe_box h2 {
    text-align: center;
    font-size: 42px!important;
}




/* PAGE SIMPLE */

.page .content .titre_principal {
    text-align: left;
    position: relative;
    color: #cc2929;
}

.page .content .titre_principal span {
    border-top: 7px solid #cc2929;
    width: 115px;
    position: absolute;
    top: -11px;
}

.page .bloc_image_texte .groupe .groupe_box h2 {
    font-size: 28px;
}

/* PAGE DOCUMENTATION */

.page-template-documentation .content .items-documents {
    margin-top: 50px;
}

.page-template-documentation .content .items-documents .item-document {
    display: flex;
    background: #f9f9f9;
    padding: 20px 35px;
    margin-bottom: 20px;
}

.page-template-documentation .content .items-documents .item-document .left {
    width: 75%;
}

.page-template-documentation .content .items-documents .item-document .left h3 {
    margin-top: 0;
}

.page-template-documentation .content .items-documents .item-document .bouton {
    margin: auto;
}

.page-template-documentation .content .items-documents .item-document .bouton a {
    background-color: #cc2929;
    padding: 15px;
    color: white;
    text-decoration: none;
}

/* SINGLE SIMPLE */

.single .content .image {
    margin-top: 50px;
    text-align: center;
    width: 100%;
}

.single .content .image img {
    max-width: 100%;
}

.single .content .titre_principal {
    text-align: left;
    position: relative;
    color: #cc2929;
}

.single .content .titre_principal span {
    border-top: 7px solid #cc2929;
    width: 115px;
    position: absolute;
    top: -11px;
}

/* PAGE RESIDENCES */

.page-template-residences .carte_residence {
    width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.page-template-residences .carte_residence a {
    text-decoration: none;
}

.page-template-residences .carte_residence a:hover {
    text-decoration: none!important;
}

.page-template-residences .carte_residence #listing-residence {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.page-template-residences .carte_residence #listing-residence form {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.page-template-residences .carte_residence #listing-residence form h3 {
    color: #cc2929;
}

.page-template-residences .carte_residence #listing-residence form div {
    width: 100%;
}

.page-template-residences .carte_residence #listing-residence form div ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.page-template-residences .carte_residence #listing-residence form div ul li {
    list-style-type: none;
    margin-bottom: 12px;
    margin-right: 5px;
}

.page-template-residences .carte_residence #listing-residence form div ul .checked {
    position: relative;
    margin-right: 20px;
    
}

.page-template-residences .carte_residence #listing-residence form div ul li a {
    margin-right: 20px;
    
}

.page-template-residences .carte_residence #listing-residence form div ul .checked a::after {
    content: "x";
    position: absolute;
    color: #cc2929;
    right: 5px;
}

.page-template-residences .carte_residence #listing-residence form div ul .checked a:hover::after {
    color: black;
}

.page-template-residences .carte_residence #listing-residence form div ul .checked a {
    color: #cc2929;
    font-family: 'Montserrat-Bold', sans-serif!important;
}

.page-template-residences .carte_residence #listing-residence form div ul .checked a:hover {
    color: black;
}

.page-template-residences .carte_residence #listing-residence form div ul li a:hover {
    color: #cc2929;
}

.page-template-residences .carte_residence #listing-residence .nb_residence {
    width: 100%;
    text-align: center;
    margin: 30px auto;
}

.page-template-residences .carte_residence #listing-residence .map {
    width: 50%;
    height: auto;
    z-index: 0;
}

.page-template-residences .carte_residence #listing-residence .item-residences {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: auto
}

.page-template-residences .carte_residence #listing-residence .item-residences .item-residence {
    width: 23%;
    background: #f9f9f9;
    height: max-content;
    margin-bottom: 20px;
}

.page-template-residences .carte_residence #listing-residence .item-residences .item-residence:hover {
    background: #e1e1e1;
}

.page-template-residences .carte_residence #listing-residence .item-residences .item-residence h4 {
    padding: 0 20px;
}

.page-template-residences .carte_residence #listing-residence .item-residences .item-residence div {
    padding: 5px 20px;
}

.page-template-residences .carte_residence #listing-residence .item-residences .item-residence div span {
    font-family: 'Montserrat-Bold', sans-serif;
    color: black;
}

.page-template-residences .carte_residence #listing-residence .item-residences .item-residence .date {
    background: white;
    width: fit-content;
    padding: 10px 20px;
    font-family: 'Montserrat-Bold', sans-serif;
    color: #cc2929;
}

.page-template-residences .carte_residence #listing-residence .item-residences .item-residence .commune,
.page-template-residences .carte_residence #listing-residence .item-residences .item-residence .loyer {
    color: #cc2929;
}

.page-template-residences .carte_residence #listing-residence .item-residences .item-residence .loyer span{
    color: #cc2929;
    font-size: 25px;
}

.page-template-residences .carte_residence #listing-residence .item-residences .item-residence .ref {
    background-color: #404040;
    margin-top: 20px;
    color: white;
}



/* SINGLE RESIDENCES */

.single-residence .content div {
    color: #605e5e
}

.single-residence .content div span {
    font-family: 'Montserrat-Bold', sans-serif;
    color: black;
}

.single-residence .content .top {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.single-residence .content .top .left {
    width: 75%;
}

.single-residence .content .top .left h1 {
    margin-bottom: 0;
}

.single-residence .content .top .left .ref {
    font-size: 20px;
    font-family: 'Montserrat-Bold', sans-serif;
}

.single-residence .content .top .right {
    padding-left: 55px;
    margin-top: 34px;
    border-left: 1px solid black;
}

.single-residence .content .top .right .loyer {
    font-family: 'Montserrat-Bold', sans-serif;
    color: #cc2929;
    font-size: 21px;
}

.single-residence .content .top .right .loyer .loyer_texte {
    font-family: 'Montserrat', sans-serif;
    color: #cc2929;
    font-size: 21px;
}

.single-residence .content .fond_gris {
    background-color: #f9f9f9;
    padding: 20px 0 10px 0;
}

.single-residence .content .middle {
    display: flex;
    flex-wrap: wrap;
}

.single-residence .content .middle .date {
    font-family: 'Montserrat-Bold', sans-serif;
    color: #cc2929;
    margin-right: 60px;
    font-size: 21px;
    padding: 10px 30px;
    background: white;
}

.single-residence .content .middle .commune {
    color: #cc2929;
    font-size: 21px;
    align-self: center;
    text-transform: uppercase;
}

.single-residence .content .bottom {
    display: flex;
    flex-wrap: wrap;
    margin: 40px 0;
    font-size: 20px;
    padding-left: 30px;
}

.single-residence .content .bottom .surface {
    width: 50%;
    color: black;
}

.single-residence .content .bottom .dispo {
    color: black;
}

.single-residence .content .info_plus h2 {
    text-align: left;
    padding-bottom: 5px;
    border-bottom: 2px solid #e1e1e1;
    font-size: 20px;
}

.single-residence .content .info_plus div {
    margin-bottom: 10px;
}

.single-residence .content .form h2 {
    text-align: left;
    font-size: 35px;
}

.single-residence .content .form .gform_fields {
    display: flex;
    flex-wrap: wrap;
}

.single-residence .content .form .gsection {
    width: 100%;
}

.single-residence .content .form .gfield_contains_required {
    width: 49%;
}

.single-residence .content .form #field_1_9 {
    width: 100%;
}

.single-residence .content .form #field_1_10 {
    width: 100%;
}

/* PAGE CONTACT */

.page .content .gform_wrapper h2 {
    text-align: left;
}

.page .content .gform_wrapper .gform_fields {
    display: flex;
    flex-wrap: wrap;
}

.page .content .gform_wrapper .gsection {
    width: 100%;
}

.page .content .gform_wrapper .gfield_contains_required {
    width: 49%;
}

.page .content .gform_wrapper .gfield--width-full {
    width: 49%;
}

.page .content .gform_wrapper #field_3_14 {
    width: 100%;
}


/* NAVIGATION */

.pagination {
    width: 100%;
    text-align: center;
    margin: 45px auto 15px auto;
}

.pagination .current {
    border: 1px solid black;
    padding: 5px;
    margin-right: 7px;
}

.pagination a {
    color: #cc2929;
    font-weight: 700;
    border: 1px solid black;
    padding: 5px;
    margin-right: 7px;
}

/* FORM */



.gform_footer {
    text-align: center;
    margin-top: 35px;
}

.gform_button {
    border: none;
    padding: 15px 25px;
    color: white;
    background-color: #cc2929;
    width: 100%;
    font-family: 'Montserrat-Regular', sans-serif!important;
    font-weight: 400;
}

.gform_button:hover {
    background-color: #a53737;
}

.gform_description {
    display: none;
}

.gform_required_legend {
    visibility: hidden;
}

.gform_required_legend span {
    visibility: initial;
}

.gfield_required {
    color: #605e5e !important;
}



/* BLOC UNE IMAGE + UN TEXTE */

.bloc_image_texte {
    display: flex;
    flex-wrap: wrap;
    background-color: #e1e1e1;
}

.bloc_image_texte .img {
    position: relative;
    background-repeat: no-repeat;
    background-attachment: fixed;
    width: 50%;
    background-size: contain;
}

.bloc_image_texte .groupe {
    width: 50%;
}

.bloc_image_texte .groupe .groupe_box {
    width: 370px;
    margin: 0 85px 35px;
}

.bloc_image_texte .groupe .groupe_box h2 {
    text-align: left;
}

.bloc_image_texte p {
    color: #605e5e;
}

.bloc_image_texte .white p {
    color: white;
}

.bloc_image_texte .black p {
    color: black;
}

.bloc_image_texte .groupe .bouton {
    text-align: center;
    margin: 40px 0;
}

/* BLOC UNE IMAGE FIXE + UN TEXTE */

.bloc_image_fixe_texte {
    display: flex;
    flex-wrap: wrap;
    background-color: #e1e1e1;
}

.bloc_image_fixe_texte .img {
    position: relative;
    background-repeat: no-repeat;
    width: 50%;
    background-size: cover;
}

.bloc_image_fixe_texte .groupe {
    width: 50%;
}

.bloc_image_fixe_texte .groupe .groupe_box {
    width: 370px;
    margin: 0 85px 35px;
}

.bloc_image_fixe_texte .groupe .groupe_box h2 {
    text-align: left;
}

.bloc_image_fixe_texte p {
    color: #605e5e;
}

.bloc_image_fixe_texte .white p {
    color: white;
}

.bloc_image_fixe_texte .black p {
    color: black;
}

.bloc_image_fixe_texte .groupe .bouton {
    text-align: center;
    margin: 40px 0;
}

/* BOUTON */

.bouton a {
    padding: 15px!important;
    color: #fff!important;
    background-color: #cc2929!important;
    text-decoration: none!important;
    border: none!important;
    font-family: 'Montserrat-Regular', sans-serif!important;
    font-weight: 400;
}

.bouton a:hover {
    background-color: #a53737!important;
}



/* BLOC UN TEXTE + GAELRIE - FOND NOIR */

.bloc_texte_images {
    display: flex;
    flex-wrap: wrap;
    background-color: #404040;
}

.bloc_texte_images .groupe {
    width: 50%;
}

.bloc_texte_images .groupe .groupe_box {
    width: 370px;
    margin: 0 85px 35px;
    float: right;
}

.bloc_texte_images .groupe h2 {
    text-align: left;
    color: white;
}

.bloc_texte_images .groupe .groupe_box p {
    color: white;
}

.bloc_texte_images .groupe .bouton {
    text-align: center;
    margin-top: 60px;
}

.bloc_texte_images .galerie {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
}

.bloc_texte_images .galerie .img {
    width: 50%;
    overflow: hidden;
}

.bloc_texte_images .galerie .img img {
    height: 100%;
}

/* BLOC CHIFFRES CLES */

.bloc_chiffre_cle {
    width: 1000px;
    margin: 50px auto;
    text-align: center;
}

.bloc_chiffre_cle .items_chiffres {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.bloc_chiffre_cle .item_chiffre {
    width: 33%;
}

.bloc_chiffre_cle .item_chiffre .chiffre {
    font-family: 'Montserrat-Bold', sans-serif;
    color: black;
    font-size: 30px;
}

.bloc_chiffre_cle .item_chiffre .titre {
    text-transform: uppercase;
    margin-top: 10px;
    color: black;
} 

/* BLOC GALERIE */

.bloc_galerie {
    margin: 50px auto;
    display: flex;
    flex-wrap: wrap;
}

.bloc_galerie .left {
    width: 50%;
    overflow: hidden;
}

.bloc_galerie .left img {
    height: 100%;
}

.bloc_galerie .right {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
}

.bloc_galerie .right .img {
    width: 50%;
    overflow: hidden;
}

.bloc_galerie .right .img img {
    height: 100%;
}


/* FOOTER */

footer {
    background-color: #cc2929;
    color: white;
    padding: 35px 0;
    margin-top: 40px;
}

footer a {
    color: white;
}

footer .mentions {
    margin-right: 200px;
}