/*
Theme Name: Schipholweg 1
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/




/*** FONTS ***/
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700&display=swap');





:root {
	/*** COLORS ***/
    --primary-color: #83AE9A;				/* green */
    --primary-color-darker: #83AE9A;
    --primary-color-lighter: #83AE9A;

    --secondary-color: #000;				/* black */
    --secondary-color-darker: #000;
    --secondary-color-lighter: #000;

    --focus-color: #83AE9A;					/* green */
    --focus-color-darker: #83AE9A;

    --nav-bar-color: #000;				/* black */

    --headings-color: #000;				/* black */
    --subheadings-color: #83AE9A;			/* blue */
    --text-color: #616161;					/* dark gray */
    --text-color-light: #AFAFAF;			/* light gray */

    --line-color: #ECECEC;					/* light yellow/gray */
    --divider-color: #ECECEC;

	--background-color: #ffffff;			/* white */
	--box-background-color: #fff;					/* white */
	--card-background-color: #fff;					/* white */
	--form-background-color: #fff;		       /* white */
	--field-background-color: #FBFBFB;		       /*  light gray */
    --field-line-color: #ECECEC;                /*  light gray */

	--footer-background-color: #000;		/* black */
	--footer-line-color: #2C2C2C;

	--border-radius: 2px;
	--border-width: 1px;
}







/*** TEXT * HEADINGS ***/

body {
	font-family: 'Nunito Sans';
	/* font-size: 16px; */
    font-size: 1.125rem;   /* 18px */
	color: var(--text-color);
	line-height: 150%;
	font-weight: 400;
	background-color: var(--background-color);
}

.hidden-desktop {
    display: none !important;
}

p {
	margin-bottom: 1.5rem;
}

b,
strong {
	font-weight: 700;
}

hr {
	color: var(--line-color);
	background-color: var(--line-color);
	border-color: var(--line-color);
	border-style: solid;
	border-width: 1px;
	border-bottom: 0;
	margin: 20px 0 20px 0;
}

h1, h2, h3, h4, h5, h6 {
	/* font-family: 'mitrmedium' !important;
	font-weight: normal; */
	text-transform: uppercase;
	font-family: 'Nunito Sans';
	font-weight: 700;
	color: var(--headings-color);
	line-height: 110%;
}

.elementor-widget-heading .elementor-heading-title {
	line-height: 110%;
}

/*
h1 {
	font-size: 3.5rem;
	margin-bottom: 0 !important;
}

h2 {
	font-size: 2.5rem;
}

h3 {
	font-size: 1.5rem;
}

h4 {
	font-size: 1.25rem;
}

h5 {
	font-size: 1rem;
}

h6 {
	font-size: 1rem;
}
*/

h1 {
	font-size: 3.25rem;
	margin-bottom: 0 !important;
}

h2 {
	font-size: 2.5rem;
}

h3 {
	font-size: 1.5rem;
}

h4 {
	font-size: 1.25rem;
}

h5 {
	font-size: 1rem;
}

h6 {
	font-size: 1rem;
}


h4.elementor-icon-box-title {
	font-size: 1rem;
}

.pre-heading {
    margin-bottom: 10px !important;
}

.pre-heading h3,
.pre-heading h4,
.pre-heading h5 {
    color: var(--primary-color);
}



.large-text,
.intro {
	font-size: 1.50rem;
	line-height: 125%;
	font-weight: 400;
    color: var(--primary-color);
	margin-bottom: 0 !important;
}













/*** LINKS ***/

a {
	color: var(--primary-color);
}

a:hover {
	color: var(--primary-color);
}









/** HEADER **/


#nav-bar {
	color: #fff;
    width: 100% !important;
    /* min-height: 100px; */
    transition-duration: 0.01s !important;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

#nav-bar > .elementor-container.elementor-column-gap-default {
    transition-duration: 0.01s !important;
}

#nav-bar .elementor-container.elementor-column-gap-default .elementor-widget-wrap.elementor-element-populated {
    padding-top: 0;
    padding-bottom: 0;
}

#nav-bar .elementor-nav-menu {
	border: 0;
}

#nav-bar .elementor-widget-nav-menu {
    margin-bottom: 0;
}


#nav-bar .elementor-widget-search-form,
#nav-bar .elementor-menu-toggle {
	 /* margin-top: 6px; */
     padding: 0;
}

#nav-bar .elementor-widget-search-form .elementor-search-form__toggle i,
#nav-bar .elementor-search-form--skin-full_screen .elementor-search-form__toggle i,
#nav-bar .elementor-menu-toggle {
	color: #fff;
	background-color: transparent;
	font-size: 60px;
    text-align: center;
}

#nav-bar .elementor-widget-search-form .elementor-search-form__toggle i,
#nav-bar .elementor-search-form--skin-full_screen .elementor-search-form__toggle i {

}



#site-logo  {
	display: block;
    height: 60px;
    margin-left: 20px;
}

#site-logo .elementor-image,
#site-logo img {
    width: auto;
    height: 60px;
    transition: all .01s ease-in-out !important;
}


#site-logo .elementor-image:after {
	content: "";
	height: 0;
	display: none;
}

#nav-bar.not-transparent {
	background-color: #fff;
}

#nav-bar.she-header .elementor-widget-search-form .elementor-search-form__toggle,
#nav-bar.she-header .elementor-widget-search-form .elementor-search-form__toggle i,
#nav-bar.she-header .elementor-search-form--skin-full_screen .elementor-search-form__toggle i,
#nav-bar .elementor-menu-toggle,
#nav-bar.she-header .elementor-menu-toggle,
#nav-bar.not-transparent .elementor-menu-toggle,
#nav-bar.not-transparent .elementor-widget-search-form .elementor-search-form__toggle i {
	color: var(--nav-bar-color);
    height: 50px;
    margin-right: 20px;
}

#nav-bar .elementor-menu-toggle i.eicon-menu-bar {
    height: 50px;
    line-height: 32px;
}

#nav-bar .elementor-menu-toggle i.eicon-menu-bar:before,
#nav-bar .elementor-menu-toggle i.eicon-menu-bar:before {
    font-size: 32px;
    line-height: 32px;
    height: 50px;
}



#nav-bar .elementor-nav-menu {
	/* margin-top: -9px; */
}

#nav-bar .elementor-widget-nav-menu {

}


#nav-bar .elementor-nav-menu--main .elementor-nav-menu a,
#nav-bar .elementor-nav-menu--main .elementor-nav-menu a.highlighted,
#nav-bar .elementor-nav-menu--main .elementor-nav-menu a:focus,
#nav-bar .elementor-nav-menu--main .elementor-nav-menu a:hover {
    padding-top: 10px;
    padding-bottom: 10px;
}


#nav-bar .elementor-nav-menu a {
    color: var(--nav-bar-color);
    font-size: 0.875rem;
    font-weight: 600;
	text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 100%;
}

#nav-bar .elementor-nav-menu a:hover {
    color: var(--focus-color);
}

#nav-bar .elementor-nav-menu .btn a,
#nav-bar .elementor-nav-menu .btn a:hover {
    margin-bottom: 0;
    background-color: transparent;
    padding-top: 9px;
    padding-bottom: 9px;
    border: 1px solid #fff;
    margin-left: 10px;
}

#nav-bar .elementor-nav-menu .btn a:hover {
    background-color: rgba(255, 255, 255, 1);
}



#nav-bar .elementor-nav-menu--dropdown {
	background-color: var(--background-color);
    padding: 40px 20px 80px 20px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}


#nav-bar .elementor-widget-nav-menu .elementor-nav-menu--dropdown li {

}

#nav-bar .elementor-widget-nav-menu .elementor-nav-menu--dropdown li a {
	display: inline-block;
	border-bottom: 0;
}


#nav-bar .elementor-widget-nav-menu .elementor-nav-menu--dropdown li.current-menu-item a.elementor-item-active,
#nav-bar .elementor-widget-nav-menu .elementor-nav-menu--dropdown li.menu-item a {
	color: var(--nav-bar-color);
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 100%;
	border-bottom: 0;
	background-color: transparent;
}



#nav-bar .focus a,
#nav-bar .focus.current-menu-item a {
	color: #fff;
	/* background-color: var(--focus-color); */
	background-color: var(--primary-color);
	padding: 12px 20px 8px 20px;
	height: 40px;
	border-radius: 20px;
}

#nav-bar .focus a:hover {
	color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

#nav-bar.she-header .elementor-widget-nav-menu .focus a { /* sticky version */
	color: #fff;
}

#nav-bar .elementor-widget-nav-menu .elementor-nav-menu--dropdown li {
    text-align: center;
    margin-bottom: 10px;
    height: 40px;
}

#nav-bar .elementor-widget-nav-menu .elementor-nav-menu--dropdown li a {

}


#nav-bar .elementor-widget-nav-menu .elementor-nav-menu--dropdown li.menu-item.btn a {
    background-color: #fff;
    color: var(--focus-color);
    margin: 10px 0 0 0;
    height: 40px;
    line-height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
	/*  background-color: var(--focus-color) !important; */
}





@media screen and (max-width: 1024px) {

    /*
    #site-logo img {
        width: auto !important;
        height: 30px;
    }
    */
    #nav-bar {
        min-height: 80px;
    }

    #nav-bar #site-logo,
    #nav-bar #site-logo .elementor-image,
    #nav-bar #site-logo img {
        height: 40px;
    }

    #site-logo .elementor-image,
    #site-logo img {
        height: 40px;
    }

	#nav-bar .elementor-widget-search-form .elementor-search-form__toggle i,
	#nav-bar .elementor-menu-toggle i {

	}


}

@media screen and (max-width: 767px) {
    #nav-bar {
        min-height: 80px;
    }

    #site-logo {

    }

    #site-logo .elementor-image,
    #site-logo img {
		width: auto !important;
        height: 40px;
    }

    #nav-bar .elementor-column-wrap.elementor-element-populated {
        padding-top: 0;
        padding-bottom: 0;
    }

	#nav-bar .elementor-widget-search-form .elementor-search-form__toggle i,
	#nav-bar .elementor-menu-toggle i {
        /* width: 40px;
        height: 40px;
        font-size: 40px;
        line-height: 40px;
        */
    }


	#nav-bar .elementor-widget-search-form .elementor-search-form__toggle i,
	#nav-bar .elementor-menu-toggle i {

	}


}































/*** LAYOUT ***/

.one-col .elementor-column-wrap.elementor-element-populated {
	xpadding: 10px 20px 10px 20px !important;
}


.one-col > .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
	padding: 20px 20px 20px 20px;
}

.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
	margin-bottom: -10px;
}








/*** BUTTONS ***/

a.btn,
.elementor-widget-button .elementor-button,
input[type=submit],
button[type=button],
.jet-form button {
	font-size: 1rem;
	font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
	border-radius: 0 !important;
	background-color: #000;
	padding: 15px 30px;
	color: #fff;
	border: 0;
	box-shadow: 6px 10px 0 rgba(0, 0, 0, 0.15);
	margin-bottom: 10px;
}


.elementor-widget-button .elementor-button:hover,
input[type=submit]:hover,
input[type=button]:hover,
button[type=button]:hover,
.jet-form button:hover {
	box-shadow: 6px 10px 0 rgba(0, 0, 0, 0.25);
}

.elementor-widget-button .elementor-button:focus,
input[type=submit]:focus,
input[type=button]:focus,
button[type=button]:focus {
	background-color: #000;
	box-shadow: none;
}


.elementor-widget-button.elementor-button-info .elementor-button,
.bn-reset button[type=button] {
	border: 1px solid #C8E8D0;
	background-color: #fff;
	color: #4CA829;
	padding: 12px 29px;
}

.elementor-widget-button.elementor-button-success .elementor-button {
	background-color: var(--focus-color);
}




/*** DIVIDERS ***/

.elementor-divider-separator,
.elementor-divider {
	color: #C8E8D0;
}
















/*** PAGE TITLE ***/

#page-title-wrapper {


}


.page-title {
    margin: 5px 0 0 0 !important;
}

.page-title h1 {
    font-size: 2.25rem;
    /* line-height: 175% !important; */
    line-height: 150% !important;
    display: inline;
    background: var(--secondary-color);
    color: #fff;
    padding: 0;
    left: 10px;
    position: relative;
    margin: 0;
    box-shadow: 10px 0 0 var(--secondary-color), -10px 0 0 var(--secondary-color);
    /* white-space: nowrap; */
}

.page-title.focus h1 {
    background: var(--focus-color);
    box-shadow: 10px 0 0 var(--focus-color), -10px 0 0 var(--focus-color);
}


@media screen and (max-width: 1024px) {
    .page-title {
    	margin: 10px 0 0 0 !important;
    }

    .page-title h1 {

    }
}

@media screen and (max-width: 767px) {
    .page-title {
    	margin: 5px 0 0 0 !important;
    }

    .page-title h1 {
        font-size: 1.375rem;
    }
}













/*** FOOTER ***/




#footer {
	background-color: var(--footer-background-color);
    color: #fff;
}

#footer a {
	color: var(--focus-color);
	transition: all .1s ease-in-out;
}

#footer a:hover {
	color: var(--focus-color-darker);
}

#footer h3 {
	color: #fff;
}

#footer .elementor-nav-menu--dropdown {
	background-color: transparent !important;
}

#footer .elementor-share-btn__icon {
    background-color: var(--primary-color);
}

#footer-top {
	padding-top: 60px;
    padding-bottom: 40px;
}


#footer-top .menu-item a:after {
	content: "";
	display: none;
}

#footer-top .elementor-widget-icon-list li.elementor-icon-list-item {
    padding: 0;
}

#footer-top .elementor-widget-icon-list .elementor-icon-list-item a .elementor-icon-list-text {
	color: var(--primary-color);
}

#footer-top .elementor-widget-icon-list .elementor-icon-list-item a:hover .elementor-icon-list-text {
	color: var(--primary-color-darker);
}



#footer-bottom {
	border-top: 1px solid var(--footer-line-color);
	padding-top: 40px;
    padding-bottom: 40px;
}

#footer-bottom .elementor-icon-list-item {
    border: 0;
}

#footer-bottom .elementor-widget-icon-list .elementor-icon-list-item a {
    color: var(--primary-color);
    text-decoration: none;
    text-decoration-color: var(--primary-color);
}

#footer-bottom .elementor-widget-icon-list .elementor-icon-list-item a .elementor-icon-list-text {
    color: var(--primary-color);
}

#footer-bottom .elementor-widget-icon-list .elementor-icon-list-item a:hover .elementor-icon-list-text {
    color: var(--primary-color);
}




#footer .footer-contact-info {
	margin-bottom: 0 !important;
}

#footer .footer-contact-info p:last-of-type {
	margin-bottom: 0;
}


#footer .contact-info li {
	border: 0;
	padding: 0;
}

#footer .contact-info li a,
#footer .contact-info li a span {

}

#footer .contact-info li a:hover span {
	color: var(--secondary-color);
}

#footer .contact-info li a .elementor-icon-list-icon {
	width: 16px;
	text-align: center;
	margin-right: 10px;
	color: var(--secondary-color);
}




















/*** CARDS & BOXES ***/

.card {
	background-color: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	/* margin-bottom: 30px; */
}















/*** GEBOUWEN/BUILDING LISTING ***/

.gebouwen-listing {
    background-color: #fff;
    box-shadow: 8px 10px 0 rgba(0, 0, 0, 0.05);
    color: var(--text-color);
}

.gebouwen-listing .content-col {
    padding: 20px 40px;
}

.content-section.alternate .gebouwen-listing h1,
.content-section.alternate .gebouwen-listing h2,
.content-section.alternate .gebouwen-listing h3,
.content-section.alternate .gebouwen-listing h4,
.content-section.alternate .gebouwen-listing h5,
.content-section.alternate .gebouwen-listing h6 {
    color: var(--headings-color) !important;
}

.gebouwen-listing .title {
    margin-bottom: 0;
}

.gebouwen-listing .title {
    margin-bottom: 0;
}
.gebouwen-listing .title h2 {
    margin-bottom: 0;
}

.content-section.alternate .gebouwen-listing .sub-heading h4 {
    color: var(--primary-color) !important;
    margin-top: 0;
    margin-bottom: 30px;
}

.gebouwen-listing .elementor-widget {
    margin-bottom: 0;
}

.gebouwen-listing .data {
    background-color: #000;
    color: #fff;
    padding: 20px;
}

.gebouwen-listing .data.number {
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 0;
}

.gebouwen-listing .data.type {
    padding-top: 0;
    margin-bottom: 30px;
}

.gebouwen-listing .usps ul {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}


.gebouwen-listing .usps li {
    margin-left: 0;
    list-style: none;
    padding-left: 30px;
    color: #000;
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 10px;
    background: url('/wp-content/themes/schipholweg1/assets/images/check.svg') no-repeat 0 3px;
    background-size: 16px 16px;
}


















/*** FORMS ***/

input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
select,
textarea {
	border: 1px solid var(--line-color);
	border-radius: 4px;
	color: #09361D;
	padding-left: 0.5rem;
}

label,
.field-label {
	font-weight: 600;
	color: var(--text-color);
}

.form-group {
	margin-bottom: 10px;
}


.form-actions {
	text-align: center;
}

.form-actions input[type=submit] {
	margin: 0 auto;
}


.jet-form__label-text {
	font-weight: 600;
}

.jet-form__field-label {
	font-weight: 400;
}

.jet-form .field-type-radio {
	margin: 10px 0;
}

.jet-form button {
	margin: 10px auto;
}









/*** LAYOUT ***/


.content-section {
    padding-top: 100px;
    padding-bottom: 100px;
}


.content-section.higher {
    padding-top: 180px;
    padding-bottom: 180px;
}

.content-section.higher-top {
    padding-top: 180px;
    padding-bottom: 40px;
}





.content-section.alternate {
    background-color: var(--primary-color);
    background-size: cover;
    color: #fff;
}

.content-section.alternate2 {
    background-color: #F2F2F2;
    padding-top: 60px;
    padding-bottom: 60px;
}

.content-section.alternate3 {
    background-color: #FEF9EF;
}





.content-section.alternate h1,
.content-section.alternate h2,
.content-section.alternate h3,
.content-section.alternate h4,
.content-section.alternate h5,
.content-section.alternate h6 {
    color: #fff !important;
}



.icon-bar {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: var(--secondary-color);
    color: #fff;
}


.icon-bar h4 {
    color: #fff;
}























/*** RESPONSIVE STUFF ***/


/* desktops */
@media screen and (min-width: 1024px) {

    .narrow {
		padding: 0 150px;
	}





}



/* tablets */
@media screen and (max-width: 1024px) {
    .hidden-desktop {
       display: block !important;
   }

   .gebouwen-listing .content-col {
       padding: 20px 20px 60px 20px;
   }

}




/* mobile */
@media screen and (max-width: 767px) {
    body {
        font-size: 1rem;   /* 16px */
    }

    .large-text,
    .intro {
        font-size: 1.125rem;
    }

   .content-section {
       padding-top: 60px;
       padding-bottom: 60px;
   }

    #footer-top {
        /* padding-top: 100px; */
    }



	#footer-top .elementor-column {
		padding-bottom: 0;
	}

    /*
	h1 {
        font-size: 2.5rem;
    }

    h2 {
        font-size: 2rem;
    }

    h3 {
        font-size: 1.5rem;
    }

    h4 {
        font-size: 1.25rem;
    }

    h5 {
        font-size: 1.125rem;
    }
    */


	h1 {
        font-size: 2.25rem;
    }

    h2 {
        font-size: 1.75rem;
    }

    h3 {
        font-size: 1.5rem;
    }

    h4 {
        font-size: 1.25rem;
    }

    h5 {
        font-size: 1.125rem;
    }

    #footer h3 {

    }

}