.elementor-kit-1585{--e-global-color-primary:#00C2C9;--e-global-color-secondary:#084259;--e-global-color-text:#323437;--e-global-color-accent:#61CE70;--e-global-color-553bf56:#CEDEF2;--e-global-color-9a47841:#FFFFFF;--e-global-typography-primary-font-family:"Source Sans Pro";--e-global-typography-primary-font-size:35px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Source Serif Pro";--e-global-typography-secondary-font-size:18px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Source Serif Pro";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-1585 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.arrow-button5 {
    display: inline-flex;
    color: white;
    background-color: #00C2C9;
    
    border-radius: 15px;
    border: none;
    transition: all 0.3s ease;
    font-weight: bold;
    cursor: pointer;
    align-items: center;
    width:165px;
    height:40px;
    text-decoration: none; /* Ensure the link looks like a button */
    position: relative; /* For positioning the arrow */
}

.arrow-button5::after {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-right: 3px solid white;
    border-bottom: 3px solid white;
    position: absolute;
    right: 16px; /* Adjust according to padding */
    transition: all 0.3s ease;
    transform: rotate(-45deg);
}

.arrow-button5::before {
    content: '';
    display: block;
    background-color: currentColor;
    width:7px; /* Set the width to match the length of the arrow */
    height: 2px; /* Set the height to make the line thicker */
    position: absolute;
    bottom: 47%; /* Center vertically */
    right: 13px; /* Adjust according to padding */
    opacity: 0;
    transition: all 0.3s ease;
}

.arrow-button5:hover::after {
    transform: rotate(-45deg) translate(4px, 4px);
    border-color: white; /* Ensure the arrow color remains white on hover */
}

.arrow-button5:hover::before {
    opacity: 1;
}

.arrow-button5:hover {
    background-color: #084259;
    color: #fff;
    transform: rotate(-3deg);
}

.arrow-button-donker {
    display: inline-flex;
    color: white;
    background-color: #084259;
    
    border-radius: 15px;
    border: none;
    transition: all 0.3s ease;
    font-weight: bold;
    cursor: pointer;
    align-items: center;
    width:165px;
    height:40px;
    text-decoration: none; /* Ensure the link looks like a button */
    position: relative; /* For positioning the arrow */
}

.arrow-button-donker::after {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-right: 3px solid white;
    border-bottom: 3px solid white;
    position: absolute;
    right: 16px; /* Adjust according to padding */
    transition: all 0.3s ease;
    transform: rotate(-45deg);
}

.arrow-button-donker::before {
    content: '';
    display: block;
    background-color: currentColor;
    width:7px; /* Set the width to match the length of the arrow */
    height: 2px; /* Set the height to make the line thicker */
    position: absolute;
    bottom: 47%; /* Center vertically */
    right: 13px; /* Adjust according to padding */
    opacity: 0;
    transition: all 0.3s ease;
}

.arrow-button-donker:hover::after {
    transform: rotate(-45deg) translate(4px, 4px);
    border-color: white; /* Ensure the arrow color remains white on hover */
}

.arrow-button-donker:hover::before {
    opacity: 1;
}

.arrow-button-donker:hover {
    background-color: #CEDEF2;
    color: #fff;
    transform: rotate(-3deg);
}


.bottom{
    overflow: hidden;
}

/*GRAVITY FORMS CUSTOM STYLES*/

input#gform_submit_button_1.gform_button{
    background-color: #00C2C9;
    font-weight: bold;
    font-size: 18px;
} 

/* Form input and select styles */
select,
textarea,
input[type=text],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
.uneditable-input {
    display: inline-block;
    height: 2.5em !important;
    border: none !important;
    border-bottom: 2px solid rgb(0,194,201) !important;
    
    font-size: 18px !important;
    line-height: normal;
    background-color: #ffffff;
    border-radius: 3px;
     box-shadow: none !important;
    
   
}



body .gform_wrapper .gform_body .gform_fields .gfield:focus-within .gfield_label {
    color:  #00C2C9;

}

body .gform_wrapper .gform_body .gform_fields .gfield input[type=text]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=url]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=number]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=password]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield select:focus,
body .gform_wrapper .gform_body .gform_fields .gfield textarea:focus {
    border: 1px solid #00C2C9 !important;
    box-shadow: 0em 0.5em 2em 0em rgba(0,0,0,0.1) !important;
}


/* Form field labels */
body .gform_wrapper .top_label .gfield_label,
body .gform_wrapper .left_label .gfield_label,
body .gform_wrapper .right_label .gfield_label {
    color: rgb(0,194,201);
    font-size: 18px;
   font-weight: bold;
    position: absolute;
    
     padding: 10px;
    margin-top: -40px;
    margin-left: 5px;
    transition: color 0.3s ease;
    max-width: fit-content;
    border-bottom: none;
}



.gfield_required{
    display: none;
}





.gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 30px !important;
}


.gform_wrapper.gravity-theme input[type=color],
.gform_wrapper.gravity-theme input[type=date],
.gform_wrapper.gravity-theme input[type=datetime-local],
.gform_wrapper.gravity-theme input[type=datetime],
.gform_wrapper.gravity-theme input[type=email],
.gform_wrapper.gravity-theme input[type=tel],
.gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme input[type=time],
.gform_wrapper.gravity-theme input[type=url],
.gform_wrapper.gravity-theme input[type=week],
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
    padding: 1em !important;
}


.gform_wrapper.gravity-theme #field_submit .gform-button--width-full,
.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full {
    height: 4em;
  
    
}


.gform_wrapper.gravity-theme .gfield input.large,
.gform_wrapper.gravity-theme .gfield select.large {
    height: 4em;
}


#field_1_4, #field_1_3 {
    margin-top: 25px;
}


input#gform_submit_button_3.gform_button{
    background-color: #00C2C9;
    font-weight: bold;
    font-size: 18px;
}

input#gform_submit_button_2.gform_button{
    background-color: #00C2C9;
    font-weight: bold;
    font-size: 18px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.kirstencoachingentraining.nl/wp-content/uploads/2024/08/Roboto-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */