/*
Theme Name: Increase Estate
Theme URI: https://www.increasedigital.eu
Description: Increase Estate Theme
Tags: increase, estate, realestate, portfolio, building, blog, clean, elegant, modern, design
Author: Increase Digital
Author URI: https://www.increasedigital.eu
Version: 1.0
License: GNU General Public License
License URI: licence/GPL.txt
Text Domain: increase
Domain Path: /languages

CSS changes can be made in files in the /assets/css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/

/***** FONTS *****/

@font-face {
    font-family: Bodoni72;
    src: url(../../../wp-content/themes/increaseestate/assets/fonts/Bodoni_italic.ttf);
}

@font-face {
    font-family: GothamBold;
    src: url(../../../wp-content/themes/increaseestate/assets/fonts/Gotham-Bold.otf);
}

@font-face {
    font-family: GothamBook;
    src: url(../../../wp-content/themes/increaseestate/assets/fonts/Gotham-Book.otf);
}

@font-face {
    font-family: GothamLight;
    src: url(../../../wp-content/themes/increaseestate/assets/fonts/Gotham-Light.otf);
}

h1 {
    font-family: "Bodoni72", serif;
}

@media  screen and (max-width: 992px) {
    h1 {
       font-size: 3.5rem;
    }

    h2 {
        font-size: 1.5rem;
    }

}

h2 {
    font-family: "GothamBold", sans-serif;
}

.crol_bodoni {
    font-family: "Bodoni72", serif;
    font-size: 26px;
}

.crol_gotham {
    font-family: "GothamBook", sans-serif;
}

#crol_container > .vc_column_container > .vc_column-inner > .wpb_wrapper {
    display: flex;
    justify-content: center;
    padding-top:25px;
    padding-bottom:25px;
    flex-wrap: wrap;
}

#crol_container > .vc_column_container > .vc_column-inner > .wpb_wrapper > .vc_row {
    margin-left: 40px;
    margin-right:40px;
}

@media screen and (max-width: 992px)  {
    #crol_container > .vc_column_container > .vc_column-inner > .wpb_wrapper > .vc_row:not(:last-child) {
        padding-bottom:20px;
    }
}

p {
    font-size: 1.25rem;
}

.font32 {
    font-size: 2rem;
}

.font40 {
    font-size: 2.5rem;
}



/***** BODY *****/

#hero_container {
    height: 100vh !important;
    background-position: 30% !important;
    display: flex;
    align-items: center;
    min-height: 800px;
}

@media screen and (max-width: 992px){
    #hero_container {
        background-image: url("../../../wp-content/uploads/2022/01/BKG-Mobile.png") !important;
        background-position:  center !important;
        display: block;
        /*height: 100vh !important;*/
        min-height: 700px;

    }




}

@media screen and (max-width: 540px){
    #bloc_container {
        position: absolute !important;
        bottom:0;
        left:0;
    }
}



.flex-plan{
    display:flex;
    justify-content: space-between;
    text-transform: uppercase;
    font-family: "GothamLight", sans-serif;
}

.flex-plan:not(.bold)  {
    border-bottom:1px solid #c49a6c ;
}

.bold {
    font-family: "GothamBold", sans-serif;
}

.img-plan-bottom {
    border:1px solid #888a8f;
    padding: 20px;
    display: inline-block;
}

.plan-item {
    z-index:0;

}

.img-plan-bottom img {
    width:10vw;
}

.hover-bg {
    position: absolute;
    z-index: 1000;
    top:0;
    left:0;
    width:100%;
    height: 100%;
}

.hover-bg:hover {
    cursor:pointer;
    background-color: #c49a6c;
    opacity: 0.3;
}

.plan_selected {
    background-color: #c49a6c;
    opacity: 0.3;
}

.slick-next::before {
    content: url("../../../wp-content/uploads/2022/01/arrow_right.png");
}

.slick-prev::before {
    content: url("../../../wp-content/uploads/2022/01/arrow_left.png");
}

.slick-next, .slick-prev {
    z-index: 1000 !important;
    top:210px;
    width:30px !important;
    height: 61px !important;
}

@media screen and (max-width: 576px){
    .slick-next {
        right: 0 !important;
    }

    .slick-prev {
        left: 0 !important;
    }

    .slick-next, .slick-prev {
        top:210px;
    }
}

#cf7md-form .mdc-text-field--textarea:not(.mdc-text-field--disabled) {
    background-color: #ffffff !important;
}

#cf7md-form .mdc-text-field:not(.mdc-text-field--disabled) {
    background-color: #ffffff !important;
}

.mdc-text-field {
    border:1px solid #888a8f;
}

.cf7md-item {
    padding-bottom: 20px;
}

#cf7md-form .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon {
    color:#c49a6c !important;
}

.boemia-button {
    font-family: GothamBook, sans-serif !important;
    font-size: 18px !important;
    padding:30px 100px !important;
    line-height: 1.2 !important;
}

.border-form {
    border-right: 1px solid #b4b5b8;
}

@media screen and (max-width: 992px){
    .border-form {
        border-right: unset;
    }

    .boemia-button {
        width: 100%;
    }

}