/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 04 2020 | 20:04:00 */
/* Make sure contact headers are styled correctly */
.contact-block .widget-title {
  font-weight: 300;
  color: #424342;
}

/*fix consent checkbox full width*/
.nf-form-cont .label-right .checkbox-wrap .nf-field-label {
    width: 100%;
}

/*change default submit button to match other button style*/
input[type="button"] {
    width: auto !important;
    font-weight: 400;
    font-size: 16px;
    border-radius: 4px;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #ffffff;
    color: #fff;
    background-color: #73c8d5;
}

input[type="button"]:hover, input[type="button"]:focus {
    color: #73c8d5;
    border-color: #73c8d5;
    background-color: #fff;
}

/*Tilburg Noord buttons*/
.contact-block.active .contact-btn#btn-tilburgnoord a.elementor-button {
    color: #ffffff !important;
    background-color: #73c8d5 !important;
}

.contact-block.active .contact-btn#btn-tilburgnoord a.elementor-button:hover {
    color: #73c8d5 !important;
    background-color: #ffffff !important;
}

/*Tilburg Reeshof buttons*/
.contact-block.active .contact-btn#btn-tilburgreeshof a.elementor-button {
    color: #ffffff !important;
    background-color: #e42487 !important;
}

.contact-block.active .contact-btn#btn-tilburgreeshof a.elementor-button:hover {
    color: #e42487 !important;
    background-color: #ffffff !important;
}

#contact-tilburgreeshof input[type="button"] {
    background-color: #e42487;
}

#contact-tilburgreeshof input[type="button"]:hover, #contact-tilburgreeshof input[type="button"]:focus {
    color: #e42487;
    border-color: #e42487;
    background-color: #fff;
}

/*Berkel Enschot buttons*/
.contact-block.active .contact-btn#btn-berkelenschot a.elementor-button {
    color: #ffffff !important;
    background-color: #4dae48 !important;
}

.contact-block.active .contact-btn#btn-berkelenschot a.elementor-button:hover {
    color: #4dae48 !important;
    background-color: #ffffff !important;
}

#contact-berkelenschot input[type="button"] {
    background-color: #4dae48;
}

#contact-berkelenschot input[type="button"]:hover, #contact-berkelenschot input[type="button"]:focus {
    color: #4dae48;
    border-color: #4dae48;
    background-color: #fff;
}

/*Moergestel buttons*/
.contact-block.active .contact-btn#btn-moergestel a.elementor-button {
    color: #ffffff !important;
    background-color: #cf2428 !important;
}

.contact-block.active .contact-btn#btn-moergestel a.elementor-button:hover {
    color: #cf2428 !important;
    background-color: #ffffff !important;
}

#contact-moergestel input[type="button"] {
    background-color: #cf2428;
}

#contact-moergestel input[type="button"]:hover, #contact-moergestel input[type="button"]:focus {
    color: #cf2428;
    border-color: #cf2428;
    background-color: #fff;
}

/*General styling when a form is active */
.contact-blocks.form-active {
    float: left;
    width: 33.333%;
}

.contact-block.active {
    width: 100%;
}

.contact-forms {
    width: 66.667% !important;
    float: right;
}

.form-active .elementor-widget-text-editor {
  width: 100%;
}

.form-active .contact-btn {
  width: 100%;
}

/*General styling when a form is active on tablets */
@media (max-width: 1024px) and (min-width: 768px) {
.contact-block.active {
    width: 100% !important;
}
  
 .contact-forms .elementor-inner-column {
   width: 100% !important;
  }
}

/*General styling when a form is active on mobile */
@media (max-width: 767px) {
  .contact-blocks.form-active {
    float: none;
    width: 100% !important;
}
  
  .contact-forms {
    width: 100% !important;
    float: none;
}
}