/*
 Theme Name:     Divi Child
 Author:         Reapp
 Template:       Divi
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */




.omschrijving h1 {
   background-color: #8FDBCF;
    background-image: linear-gradient(90deg, #8FDBCF, #3497ED);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-text-fill-color: transparent;
}

.euro .percent-value:before { content:'€ ';}

.sqm .percent-value:after { content:' sq m';}


.reapp_floordiv h4  {
  color: #6E8F9D!important;
}

.reapp_floor_desc {
    color: #ffffff!important;  
}

.reapp_floordiv {
  border-bottom: 1px solid #6e8f9e;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.overview h3 {
   background-color: #8FDBCF;
    background-image: linear-gradient(90deg, #1f374f, #3497ED);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-text-fill-color: transparent;
   
}

.kerngegevens h3 {
   background-color: #8FDBCF;
    background-image: linear-gradient(90deg, #8FDBCF, #3497ED);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-text-fill-color: transparent;
   
}


.mapboxgl-map {
    height: 100vh !important;   
}


.mapboxgl-popup-content {display: none;}
.mapboxgl-popup-tip {display: none;}



#knop-form {
border-radius: 60px;
padding: 16px 30px;
background: linear-gradient(90deg, #1f374f, #3497ED);
font-size: 20px;
color: #ffffff !important;
font-weight: extra-light;
letter-spacing: 1px;
transition: all 0.3s ease-out;
    border:0px!important;
}

#knop-form:hover {
background: #ffffff !important;
transition: all 0.3s ease-out;
color: #1f374f !important;

}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea,
.wpcf7 [type="submit"] {
font-family: 'futura-pt', Helvetica, Arial, sans-serif !important;
  
}

#custom-field {
margin-bottom: 15px !important;
padding: 10px !important;
color: #fff !important;
background: #1c384f !important;
border-bottom: none !important;
border-top: none !important;
border-left: none !important;
border-right: none !important;
    font-size:20px;
    width: 95% !important;
}

.reappcontactform input.text, .reappcontactform input.title, .reappcontactform input[type=email], .reappcontactform input[type=password], .reappcontactform input[type=tel], .reappcontactform input[type=text],.reappcontactform select, .reappcontactform textarea {

    margin-bottom: 15px !important;
    padding: 5px !important;
    color: #fff !important;
    background: #1c384f !important;
    border: none !important;
    font-size:20px !important;
    width: 95% !important;
}

.reappcontactform .formcontrol  {
  font-size:20px !important;
}

::placeholder {
color:#6e8f9d !important;
  
}

.reappcontactform .yourname  {
  display:none !important;
}

.reappcontactform .btn-primary {
border-radius: 60px;
padding: 16px 30px;
background: linear-gradient(90deg, #1f374f, #3497ED);
font-size: 20px;
color: #ffffff !important;
font-weight: extra-light;
letter-spacing: 1px;
transition: all 0.3s ease-out;
    border:0px!important;
}

.reappcontactform .btn-primary:hover {
background: #ffffff !important;
transition: all 0.3s ease-out;
color: #1f374f !important;

}

.reappcontactform .youremail  {
  display:none !important;
}

.reappcontactform .yourmessage  {
  display:none !important;
}




#ndabutton .btn-primary {
    background-color: #ffffff !important;
    border: none !important;  
    color:#5789fc !important;
}

#ndabutton a.btn-primary:hover {

    text-decoration: underline;
}


#reapp_nda_content {
background-color: #fbfbfb !important; 
    padding:25px;
    overflow: scroll !important;
    height: 40vh !important;
    border: 1px #bcbcbc solid !important;
    margin-top: 15px;
    border-radius: 5px !important;
}
#reapp_nda_content p {
font-size: 12px !important; 
line-height: 18px !important;
color:#000000 !important;
    font-weight:300 !important;
    padding-bottom: 0px !important;
}

#reapp_nda_content ul li {
font-size: 12px !important; 
line-height: 18px !important;
color:#000000 !important;
    font-weight:300 !important;
    padding-bottom: 0px !important;
  
}

#reapp_nda_content ul li::before {
content: "\2022";
  font-weight: bold;
  display: inline-block; 
  width: 8px;
  margin-left: 5px;
}


#reapp_nda_content ol li {
font-size: 12px !important; 
line-height: 18px !important;
color:#000000 !important;
    font-weight:300 !important;
    padding-bottom: 0px !important;
  list-style-type: decimal;
}


.column-tenants {
  float: left;
  width: 25%;
  padding: 10px; 
}


.row-tenants:after {
  content: "";
  display: table;
  clear: both;
}


.column-tenants h5{
    color:#ffffff !important;
    font-size:14px;
}


.tenant_accordion .et_pb_toggle_close 
{padding:0px!important;}

.tenant_accordion .et_pb_toggle_open 
{padding:0px!important;}



.rest-table-wrapper {  
overflow: scroll;
}

#resp-table {
min-width: 950px !important;   
    border-collapse: collapse;
}

.resp-table-row {
     border-top: 1px #77899d solid !important; 
}

.resp-table-header{
     border-top: 0px !important; 
    font-weight: 500;
}

.modelview_investment_tenants .table-body-cell{
    font-size: 12px !important;
}

.resp-table-row:hover {
      background-color:#77899d; 
}

.resp-table-header:hover{
 background-color:transparent; 
}

#reapp_nda_form input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
    
    border:0px;
    margin-bottom: 5px;
    padding: 5px;
    background-color: #dddddd !important;
    
}

#reapp_nda_form input::placeholder {
    color: #5f5f5f !important;
    font-size: 14px;
    
}

input#ipadres {
    display:none;
    
}



.btn-clearsign {
    background-color: #6e8f9d;
    margin-left: -54px;
        margin-top: -22px;
    border:0px;
}

.btn-clearsign:hover {
    background-color: #ffffff;
    color: #6e8f9d;
    border:1px solid #e4e4e4;
}


.btn-clearsign:hover {
    background-color: #ffffff;
    color: #6e8f9d;
    border:1px solid #e4e4e4;
}


.btn-signndanow {
    border:0px;
    font-size:16px;
background-color: #122a3c;
    
}

.btn-signndanow:hover {
    background-color: #ffffff;
    color:  #122a3c;
    border:1px solid #122a3c;
}

img.round {
    border-radius: 50%;
}

.fotoentekst {
    display: inline-block;
}