/*
Style Responsive
Version: 1.0
Theme_URI: https://www.lemon.nl
Date: 05/2025
Author: Roeland ten Holder | Lemon
Author URI: roeland@lemon.nl
*/

/** ******************************** **/
/**      _____                       **/
/**    _(  _  )__________________    **/
/**   ( | (___)     | ____ |  _  |   **/
/**   |_|_______|_|_|______|_| |_|   **/
/**                                  **/
/**            www.lemon.nl          **/
/**                                  **/
/** ******************************** **/

/************* RESPONSIVE *************/
.desktop 		{ display: block; }
.desktop-inline { display: inline-block; }
.mobile,
.mobile-inline	{ display: none; }


.navbar-toggler {
	display: none;
	padding: 0 10px;
	border: 0;
	position: fixed;
	top: 53px;
	right: 15px;
	color: #fff !important;
	z-index: +2;
	font-size: 30px;
	width: 60px;
	height: 60px;
	border-radius: 30px;
	background-color: transparent;
	transition: all 0.2s;
}



@media (max-width: 1221.98px) {
	.max1200 {
		display: none;
	}

	.navbar-nav > li > a {
		display: inline-block;
		margin: 0 25px 0 0;
	}


	.owl-carousel .owl-nav button.owl-prev, .navs .prev {
		left: -10px;
	}

	.owl-carousel .owl-nav button.owl-next, .navs .next {
		right: -10px;
	}



}


/* Bootstrap Breakpoint - Large devices (desktops, 992px and up) */
@media (max-width: 991.98px) {
	.desktop,
	.desktop-inline	{ display: none; }
	.mobile 		{ display: block; }
	.mobile-inline 	{ display: inline-block; }

	h1, h2                  { font-size: 72px; }
	.headerwrapper h1       { font-size: 100px; }
	.col-6 h2               { font-size: 72px; }
	h3                      { font-size: 27px; }
	h4                      { font-size: 22px; }
	h5                      { font-size: 16px; }
	h6                      { font-size: 16px; }
	h7                      { font-size: 14px; }
	h8                      { font-size: 14px; }
	body                    { font-size: 20px; }
	.intro                  { font-size: 22px; }
	.footer                 { font-size: 13px; }
	.small, .small a        { font-size: 14px; }
	.date                   { font-size: 14px; }
	.navbar-nav li a, .btn  { font-size: 15px; }
	#gform_submit_button_1  { font-size: 15px; }


	.footer.has-background-image {
		background-position: center;
	}
	
	#mainmenu {
		position: fixed;
		top: 0px;
		padding-top: 0px;
		left: 0;
		width: 100%;
		z-index: +1;
	}

	.navbar-toggler {
		display: unset;
	}

	.navbar-toggler .open 	{ display: inline-block; }
	.navbar-toggler .close 	{ display: none; }
	.navbar-toggler[aria-expanded="true"] .open { display: none; }
	.navbar-toggler[aria-expanded="true"] .close { display: inline-block; }
	.navbar-brand img {
		width: 300px;
		max-height: 61px;
	}

	.naavbar {
		position: absolute;
		left: 0;
		width: 100%;
		z-index: +1;
	}

	.navbar-nav li,
	.navbar-nav li.btn {
		background-color: var(--darkblue);
		border-bottom: 1px solid rgba(255,255,255,0.2);
		border-radius: 0;
		text-align: left;
		padding: 0;
	}
	
	.navbar-nav li a,
	.navbar-nav li.btn a {
		padding-top: 14px;
		padding-bottom: 14px;
		padding-right: 6px;
    	padding-left: 6px;
		display: block;
		margin: 0 25px;
		border-radius: 0;
		text-align: left;
	}

	.navbar-nav li.has-logo a {
		height: 150px;
		text-indent: -9999px;
		background-image: url('images/logo.svg');
		background-position: 5px 69px;
		background-repeat: no-repeat;
		background-size: 300px 60.94px;
	}

	body .navbar-toggler.scroll1,
	body .navbar-toggler.scroll2 {
		color: var(--blue);
		background-color: rgba(40,40,106,0.5);
		transition: all 0.2s;
	}

	body .navbar-toggler[aria-expanded="true"].scroll1,
	body .navbar-toggler[aria-expanded="true"].scroll2 {
		background-color: transparent;
	}


}

/* Bootstrap Breakpoint - Medium devices (tablets, 768px and up) */
@media (max-width: 767.98px) {
	h1, h2                  { font-size: 58px; }
	.headerwrapper h1       { font-size: 86px; }
	.col-6 h2               { font-size: 58px; }
	h3                      { font-size: 22px; }
	h4                      { font-size: 17px; }
	h5                      { font-size: 15px; }
	h6                      { font-size: 15px; }
	h7                      { font-size: 12px; }
	h8                      { font-size: 12px; }
	body                    { font-size: 18px; }
	.intro                  { font-size: 19px; }
	.footer                 { font-size: 11px; }
	.small, .small a        { font-size: 12px; }
	.date                   { font-size: 12px; }
	.navbar-nav li a, .btn  { font-size: 14px; }
	#gform_submit_button_1  { font-size: 14px; }

	.contentpadding-sm	{ padding-top: 	 calc(var(--quartermargin) / 2); 	padding-bottom: calc(var(--quartermargin) / 2); }
	.contentpadding		{ padding-top: 	 var(--quartermargin); 	padding-bottom: var(--quartermargin); }
	.contentpadding-md 	{ padding-top: 	 var(--halfmargin); 	padding-bottom: var(--halfmargin); }
	.contentpadding-lg	{ padding-top: 	 calc(var(--quartermargin) * 3); 	padding-bottom: calc(var(--quartermargin) * 3); }
	.contentpadding-xl	{ padding-top: 	 var(--fullmargin); 	padding-bottom: var(--fullmargin); }
	.contentpadding-xxl	{ padding-top: 	 calc(var(--quartermargin) * 5); 	padding-bottom: calc(var(--quartermargin) * 5); }
	.contentpadding-xxxl	{ padding-top: 	 calc(var(--halfmargin) * 3); 	padding-bottom: calc(var(--halfmargin) * 3); }
	.contentpadding-xxxxl	{ padding-top: 	 calc(var(--quartermargin) * 7); 	padding-bottom: calc(var(--quartermargin) * 7); }

	.tops-sm			{ margin-top: 	 calc(var(--quartermargin) / 2) !important; }
	.tops				{ margin-top: 	 var(--quartermargin) !important; }
	.tops-md 			{ margin-top: 	 var(--halfmargin) !important; }
	.tops-lg			{ margin-top: 	 calc(var(--quartermargin) * 3) !important; }
	.tops-xl			{ margin-top: 	 var(--fullmargin) !important; }
	.tops-xxl			{ margin-top: 	 calc(var(--quartermargin) * 5) !important; }
	.tops-xxxl			{ margin-top: 	 calc(var(--halfmargin) * 3) !important; }
	.tops-xxxxl			{ margin-top: 	 calc(var(--quartermargin) * 7) !important; }
	
	.bottoms-sm			{ margin-bottom: calc(var(--quartermargin) / 2) !important; }
	.bottoms			{ margin-bottom: var(--quartermargin) !important; }
	.bottoms-md 		{ margin-bottom: var(--halfmargin) !important; }
	.bottoms-lg			{ margin-bottom: calc(var(--quartermargin) * 3) !important; }
	.bottoms-xl			{ margin-bottom: var(--fullmargin) !important; }
	.bottoms-xxl		{ margin-bottom: calc(var(--quartermargin) * 5) !important; }
	.bottoms-xxxl		{ margin-bottom: calc(var(--halfmargin) * 3) !important; }
	.bottoms-xxxxl		{ margin-bottom: calc(var(--quartermargin) * 7) !important; }



	.container.header {
		padding-top: 90px;
		padding-bottom: 160px;
		margin-bottom: 40px;
	}
	.photo-col-5 {
		width: 100%;
		
	}
	.photo-col-7 {
		width: 100%;
		min-height: 400px;
	}
	.photocontainer .photo-col:nth-of-type(2) .photo-content,
	.photocontainer .photo-col:nth-of-type(1) .photo-content {
		padding-right: 30px;
		padding-left: 30px;
		float: unset;
	}

	table.striped {
		font-size: 16px;
	}
	.textwidget {
		margin-bottom: 30px;
	}

}

/* Bootstrap Breakpoint - Small devices (landscape phones, 576px and up) */
@media (max-width: 575.98px) {
	h1, h2                  { font-size: 48px; }
	.headerwrapper h1       { font-size: 48px; }
	.col-6 h2               { font-size: 48px; }
	h3                      { font-size: 22px; }
	h4                      { font-size: 17px; }

	.max1200 {
		display: inline-block;
	}

	.logo img {
		display: inline-block;
		max-width: 300px;
	}


}