/*
Theme: IVGZ
Version: 1.0
Theme_URI: https://www.lemon.nl
Date: 11/2025
Author: Roeland ten Holder | Lemon
Author URI: roeland@lemon.nl
*/

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

/*
thumbnail - 240 x 240
medium - 800 x 800
medium_large - 768 x 0
large - 1200 x 1200
1536x1536 - 1536 x 1536
2048x2048 - 2048 x 2048
header - 1920 x 720
*/

/*************** FONTS ****************/

/*
Avenir Next LT Pro   'avenir-next-lt-pro'
font-weight: 400; font-style: normal; font-style: italic;
font-weight: 500; font-style: normal; font-style: italic;
font-weight: 700; font-style: normal; font-style: italic;
font-weight: 800; font-style: normal;
*/

h1, h2, h3, h4, h5, h6,
.navbar-nav li a	 		{ color: var(--blue); }
.headerwrapper h1,
.headerwrapper h3 			{ color: var(--white); }
.caption, .small, .small a	{ color: var(--darkgrey); }
body, .content, .toolkit,
.card-body.content, .card 	{ color: var(--darkblue); }

.headerwrapper h1			{ font-size: 50px; line-height: 1.20em; font-weight: 700; font-style: normal; font-family: 'Montserrat', Arial, Helvetica, Verdana, sans-serif; margin: 0 0 0.15em 0; }
h1							{ font-size: 38px; line-height: 1.25em; font-weight: 700; font-style: normal; font-family: 'Montserrat', Arial, Helvetica, Verdana, sans-serif; margin: 0 0 0.5em 0; }
h2, .accordion-title		{ font-size: 38px; line-height: 1.25em; font-weight: 700; font-style: normal; font-family: 'Montserrat', Arial, Helvetica, Verdana, sans-serif; margin: 0 0 0.5em 0; }
h3, .faq-title, h4.big		{ font-size: 30px; line-height: 1.25em; font-weight: 700; font-style: normal; font-family: 'Montserrat', Arial, Helvetica, Verdana, sans-serif; margin: 0 0 0.15em 0; }
h4 							{ font-size: 19px; line-height: 1.25em; font-weight: 600; font-style: normal; font-family: 'Montserrat', Arial, Helvetica, Verdana, sans-serif; margin: 0 0 0 0; }
h4.quote, blockquote		{ font-size: 36px; line-height: 1.25em; font-weight: 700; font-style: normal; font-family: 'Montserrat', Arial, Helvetica, Verdana, sans-serif; margin: 0 0 4px 0; }
h5 							{ font-size: 20px; line-height: 1.30em; font-weight: 700; font-style: normal; font-family: 'Montserrat', Arial, Helvetica, Verdana, sans-serif; margin: 0 0 0 0; }
h6							{ font-size: 24px; line-height: 1.30em; font-weight: 600; font-style: normal; font-family: 'Montserrat', Arial, Helvetica, Verdana, sans-serif; margin: 0 0 4px 0; }
.quote h6, .large			{ font-size: 20px; line-height: 1.60em; font-weight: 500; font-style: normal; font-family: 'Montserrat', Arial, Helvetica, Verdana, sans-serif; margin: 0 0 0 0; }
body, .content				{ font-size: 20px; line-height: 1.40em; font-weight: 400; font-style: normal; font-family: 'Montserrat', Arial, Helvetica, Verdana, sans-serif; }
.toolkit,
.card-body.content, .card	{ font-size: 17px; line-height: 1.40em; font-weight: 300; font-style: normal; font-family: 'Montserrat', Arial, Helvetica, Verdana, sans-serif; }
.has-footer-menu a, .page-numbers,
.footer p, .topfooter p,
.news-card .date, .date,
.caption, .small, .small a 	{ font-size: 14px; line-height: 1.40em; font-weight: 400; font-style: normal; font-family: 'Montserrat', Arial, Helvetica, Verdana, sans-serif; }
.navbar-nav li a 			{ font-size: 16px; line-height: 1.60em; font-weight: 600; font-style: normal; font-family: 'Montserrat', Arial, Helvetica, Verdana, sans-serif; padding: 0; text-decoration: none; }
.gform_button, .btn 		{ font-size: 19px; line-height: 1.35em; font-weight: 600; font-style: normal; font-family: 'Montserrat', Arial, Helvetica, Verdana, sans-serif; }
.btn.small 					{ font-size: 16px; }
.content a i 				{ font-size: 0.7em; vertical-align: middle; }
blockquote::before 			{ font-size: 99px; }
blockquote strong 			{ font-size: 30px; font-style: italic; }
.tag, .readmore 			{ font-size: 12px; line-height: 1.40em; }
.event-datetime .month 		{ font-size: 12px; line-height: 1.70em; font-weight: 600; }
.event-datetime .day 		{ font-size: 46px; line-height: 1.25em; font-weight: 700; }
a.event p.date				{ font-size: 16px; line-height: 1.50em; font-weight: 400; font-style: normal; letter-spacing: -0.1px; }
a.event h4 					{ font-size: 19px; line-height: 1.30em; font-weight: 600; font-style: normal; }
a.event p 					{ font-size: 15px; line-height: 1.60em; font-weight: 400; font-style: normal; }
.title-with-icon i 			{ font-size: 96px; }
.has-card .has-sector-icon 	{ font-size: 110px; }
.sector-card .card-footer-item span { font-size: 11px; line-height: 14px; }

a.event p.location 			{ font-weight: 600; }
.content ol li 				{ margin-left: 0; margin-bottom: 15px; }
b, strong 					{ font-weight: 600; }
a.col, .modal-body a,
.content a:not(.btn) 		{ font-weight: 400; color: var(--black); text-decoration: none; }
a.col:hover .link,
.modal-body a:hover,
.content a:not(.btn):hover 	{ font-weight: 400; color: var(--blue); text-decoration: none; }
a.underline 				{ text-decoration: underline; }

.content a:not(.btn)		{ color: var(--darkblue); text-decoration: underline;  }
.content a:hover:not(.btn)	{ color: var(--darkblue-hover); text-decoration: underline;  }
.has-footer-menu a			{ color: var(--white); text-decoration: none;  }
.has-footer-menu a:hover 	{ color: var(--white); text-decoration: underline;  }
h1 a, h2 a, h3 a, 
h4 a, h5 a, h6 a 			{ text-decoration: none; }
h1 span 					{ font-weight: 500; }


.nav-links {
	margin: 0 auto var(--fullmargin);
}

.page-numbers {
	margin: 0 5px;
	opacity: 0.4;
	text-transform: uppercase;
}
.page-numbers.current {
	opacity: 1;
}

blockquote {
	margin-bottom: var(--fullmargin);;
	border: none;
	background: none;
	padding-left: var(--fullmargin);
	padding-right: var(--fullmargin);
}

blockquote::before {
	content: "‘’";
	display: block;
	letter-spacing: -5px;
	margin-bottom: -26px;
	margin-left: -4px;
	margin-top: var(--fullmargin);
	opacity: 0.35;
}
	
/* Naam onder quote */
blockquote strong {
	font-style: italic;
}
blockquote strong::before {
	content: "-";
}






/************* CONTAINERS *************/

body, html {
	max-width: 100vw !important;
	overflow-x: hidden !important;
}
body.admin-bar {
	/* padding-top: 32px; */
}

.pagewrapper 		{ width: 100%; margin-left: auto; margin-right: auto; }
.headerwrapper 		{ width: 100%; max-width: 100%;   padding: 0; margin-left: auto; margin-right: auto; margin-bottom: 0px; }
.fullcontainer 		{ width: 100%; max-width: 100%;   padding-left: 0; padding-right: 0; }
.widthcontainer 	{ width: 100%; max-width: 1440px; padding-left: var(--halfmargin); padding-right: var(--halfmargin); margin-left: auto; margin-right: auto; }
.container 			{ width: 100%; max-width: 1280px; padding-left: var(--halfmargin); padding-right: var(--halfmargin); margin-left: auto; margin-right: auto; }
.smallcontainer 	{ width: 100%; max-width: 1060px; padding-left: var(--halfmargin); padding-right: var(--halfmargin); margin-left: auto; margin-right: auto; }


.home .header {
	aspect-ratio: 2/0.8;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
	position: relative;
}

.header h4 {
	margin-bottom: 0;
	padding-right: 75px;
}

.has-header-nav {
	padding-top: 60px;
	padding-bottom: 60px;
}

.has-header-title {
	padding-top: 30px;
	padding-bottom: 60px;
}

.home .header .has-header-title {
	padding-top: 60px;
}

.headerwrapper h1,
.headerwrapper h2,
.headerwrapper h3,
.headerwrapper h4 {
	text-shadow: 0 0 10px rgba(0,0,0,.5);
}

.has-header-card {
	position: absolute;
	bottom: -90px;
	left: 0;
	right: 0;
}

.header-card {
	border-radius: 30px;
	border-top-left-radius: 0;
	border: 8px solid #ffffff;
	padding: var(--inbetweenmargin);
}





.toolkit {
	position: relative;
	border-radius: 20px;
	min-height: 200px;
	padding: 22px 25px 18px;
	margin-bottom: 20px;
	border-top-left-radius: 0;
}


.toolkit,
.toolkit p,
.toolkit h6 {
	color: #ffffff;
}


.toolkit-body {
	width: 65%;
	padding-right: 20px;
	display: block;
	text-decoration: none !important;
}


a.toolkit-body:hover .btn {
	background-color: var(--lightblue);
}


.toolkit-body h6,
.toolkit-body p {
	/* display: inline-block; */
	margin-bottom: 12px;
}



.toolkit-downloads {
	position: absolute;
	top: 8px;
	right: 8px;
	background-color: #ffffff;
	width: 35%;
	height: calc(100% - 16px);
	border-radius: 12px;
	color: var(--darkblue);
	padding: 19px 20px 12px;
}


.toolkit-downloads b,
.toolkit-downloads p {
	display: inline-block;
	margin-bottom: 12px;
}





a.news-item-main,
a.news-item {
	display: block;
	text-decoration: none !important;
	margin-bottom: 24px;
}

.news-item-main,
.news-header-img {
	aspect-ratio: 4/2.5;
}

.news-item-main .news-header,
.news-item .news-header {
	position: relative;
	border-radius: 20px;
	border-top-left-radius: 0;
	overflow: hidden;
}

.news-header-img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	transition: all 0.2s;
	background-color: rgba(0, 0, 0, 0.075);
}

.news-item-main .news-header h4 {
	font-weight: 600;
}

.news-item-main .news-header-content {
	position: absolute;
	bottom: 0;
	z-index: +1;
	padding: 30px 30px 30px 30px;
	transition: all 0.15s;
	color: var(--white);
}

.news-item:hover .news-header-img,
.news-item-main:hover .news-header-img {
	transform: scale(1.02);
	transition: all 0.15s;
}

.news-item .news-header {
	width: 33%;
	margin-right: 20px;
	float: left;
}

.news-item-content {
	padding-top: 2px;
	padding-right: 20px;
}




/*************** NAV ***************/

.header-nav {
	position: relative;
	padding: 10px var(--halfmargin);
	z-index: +2;
	background-color: var(--white);
	border-radius: 20px;

	
}

.navbar-brand.logo {
	width: 100%;
	max-width: 200px;
	padding-bottom: 2px;
}

.navbar {
	pointer-events: all;
}

.navbar-nav li.current_page_item > a,
.navbar-nav li a:focus,
.navbar-nav li a:hover {
	transition: all 0.05s ease;
	color: var(--green);
}

.navbar-nav > li > a {
	display: inline-block;
	padding: 20px 10px;
}

.navbar-nav > li.menu-item-has-children {
	position: relative;
}

.navbar-nav > li.menu-item-has-children > a {
	padding-right: 30px;
}

.navbar-nav > li.menu-item-has-children > a::after {
	position: absolute;
	right: 10px;
	top: 24px;
	color: var(--blue);
	font: var(--fa-font-solid);
	content: "\f078";
}


.navbar-nav li.menu-item-has-children a:hover::after,
.navbar-nav li.current_page_item.menu-item-has-children a::after {
	color: var(--green);
}

.navbar-nav li .sub-menu {
	position: absolute;
	padding: 0 20px;
	margin-left: -10px;
	display: block;
	opacity: 0;
	max-height: 0;
	min-width: 300px;
	background-color: #fff;
	overflow: hidden;
	transition: all 0.2s;
	border-radius: 20px;
}

.navbar-nav li:hover .sub-menu {
	opacity: 1;
	padding-top: 5px;
	padding-bottom: 5px;
	max-height: 600px;
	transition: max-height 0.5s ease-out;
	z-index: +1;
}

.navbar-nav > li li > a {
	display: block;
	padding: 12px 15px 11px 0;
	border-bottom: 1px solid var(--lightblue30);
}

.navbar-nav > li li:last-of-type > a {
	display: block;
	border-bottom: none;
}


li.search.menu-item {
	position: relative;
	width: 22px;
	margin-left: 20px;
}

li.search.menu-item a {
	text-indent: -9999px;
	color: var(--white);
	font-size: 0;
}

li.search.menu-item::after {
	position: absolute;
	right: 0px;
	top: 22px;
	color: var(--blue);
	font-size: 22px !important;
	font: var(--fa-font-solid);
	content: "\f002";
}




.has-card {
	margin-bottom: 25px;
}

a.card, 
.card {
	text-decoration: none !important;
	border-radius: 20px;
	border-top-left-radius: 0;
	overflow: hidden;
}

a.card,
a.card:hover,
.card .card-header,
.card .card-body,
.card .card-footer,
.card:hover .card-header,
.card:hover .card-body,
.card:hover .card-footer {
	border: none;
	transition: all 0.2s;
}

.card.sector-card .card-header			{ background-color: var(--lightblue); }
.card.sector-card .card-body			{  }
.card.sector-card .card-footer			{ background-color: #0118a8; min-height: 55px; opacity: 0.75; }

.card.sector-card:hover .card-header	{ background-color: var(--lightblue-hover); }
.card.sector-card:hover .card-body		{ background-color: var(--lightblue-hover); }
.card.sector-card:hover .card-footer	{ background-color: var(--blue-hover); }


.card.sector-card {
	background: var(--lightblue);
	
	/* background: linear-gradient(145deg, var(--blue) 10%, var(--lightblue) 50%, var(--green) 90%); */

	background-image: linear-gradient(145deg, #1a4aa3 10%, #7bc1ec 50%, #13bfab 90%);

	background-position: 0 0;
	background-size: 1200px 360px;
}

@media (min-width: 992px) {
	.card.sector-card 			{ background-size:     1200px  400px; }
	.card1 .card.sector-card	{ background-position:    0px    0px; }
	.card2 .card.sector-card	{ background-position: -300px    0px; }
	.card3 .card.sector-card	{ background-position: -600px    0px; }
	.card4 .card.sector-card	{ background-position: -900px    0px; }
	.card5 .card.sector-card	{ background-position:    0px -200px; }
	.card6 .card.sector-card	{ background-position: -300px -200px; }
	.card7 .card.sector-card	{ background-position: -600px -200px; }
	.card8 .card.sector-card	{ background-position: -900px -200px; }
}

@media (max-width: 991.98px) {
	.card.sector-card 			{ background-size:      900px  600px; }
	.card1 .card.sector-card	{ background-position:    0px    0px; }
	.card2 .card.sector-card	{ background-position: -300px    0px; }
	.card3 .card.sector-card	{ background-position: -600px    0px; }
	.card4 .card.sector-card	{ background-position:    0px -200px; }
	.card5 .card.sector-card	{ background-position: -300px -200px; }
	.card6 .card.sector-card	{ background-position: -600px -200px; }
	.card7 .card.sector-card	{ background-position:    0px -400px; }
	.card8 .card.sector-card	{ background-position: -300px -400px; }
}

@media (max-width: 767.98px) {
	.card.sector-card 			{ background-size:      700px  800px; }
	.card1 .card.sector-card	{ background-position:    0px    0px; }
	.card2 .card.sector-card	{ background-position: -350px    0px; }
	.card3 .card.sector-card	{ background-position:    0px -200px; }
	.card4 .card.sector-card	{ background-position: -350px -200px; }
	.card5 .card.sector-card	{ background-position:    0px -400px; }
	.card6 .card.sector-card	{ background-position: -350px -400px; }
	.card7 .card.sector-card	{ background-position:    0px -600px; }
	.card8 .card.sector-card	{ background-position: -350px -600px; }
}

@media (max-width: 575.98px) {
	.card.sector-card 			{ background-size:      500px 1400px; }
	.card1 .card.sector-card	{ background-position:    0px    0px; }
	.card2 .card.sector-card	{ background-position:    0px -175px; }
	.card3 .card.sector-card	{ background-position:    0px -350px; }
	.card4 .card.sector-card	{ background-position:    0px -525px; }
	.card5 .card.sector-card	{ background-position:    0px -700px; }
	.card6 .card.sector-card	{ background-position:    0px -875px; }
	.card7 .card.sector-card	{ background-position:    0px -1050px; }
	.card8 .card.sector-card	{ background-position:    0px -1225px; }
}


.sector-card .card-body {
	padding: 10px 17px;
	transition: all 0.2s;
	min-height: 100px;
	display: flex;
	align-items: center;
}

.sector-card .card-body h4 {
	color: #ffffff;
	z-index: +1;
}


.sector-card .card-footer-item {
	text-align: center;
	padding: 4px 0;
}

.sector-card .card-footer-item span {
	display: inline-block;
}


.card.sector-card .card-body {
	position: relative;
}


.old-cards .card.sector-card .card-body::before {
	position: absolute;
	content: " ";
	width: 125px;
	height: 125px;
	top: 15px;
	right: 10px;
	opacity: 0.7;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 500px 250px;
	background-image: url('images/iconen-sprite.png');
}

.card1 .card.sector-card .card-body::before { background-position: 0 0; }
.card2 .card.sector-card .card-body::before { background-position: -125px 0; }
.card3 .card.sector-card .card-body::before { background-position: -250px 0; }
.card4 .card.sector-card .card-body::before { background-position: -375px 0; }
.card5 .card.sector-card .card-body::before { background-position: 0 -125px; }
.card6 .card.sector-card .card-body::before { background-position: -125px -125px; }
.card7 .card.sector-card .card-body::before { background-position: -250px -125px; }
.card8 .card.sector-card .card-body::before { background-position: -375px -125px; }


.has-card {
	position: relative;
}

.has-card .has-sector-icon {
	position: absolute;
	right: 22px;
	top: 20px;
	z-index: 1;
	color: #0036b1;
	opacity: 0.7;
	pointer-events: none;
}




.card.news-card {
	height: calc(100% - 26px);
	margin-bottom: 26px;
}

.news-card .date {
	color: var(--grey);
}

.news-card .link {
	font-weight: 500;
	text-decoration: underline;
	color: var(--blue);
}

.news-card .card-header {
	position: relative;
	background-color: var(--darkblue);
	aspect-ratio: 1/0.65;
	padding: 0;
	overflow: hidden;
	border-top-left-radius: 0;
}

.news-card .card-header-content {
	position: absolute;
	bottom: 0;
	padding: 17px 20px;
}

.news-card .card-header h4 {
	color: #ffffff;
	text-shadow: 0 0 10px rgba(0,0,0,.7);
}

.news-card .card-header-img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	aspect-ratio: 1/0.65;
	transition: all 0.2s;
	padding: 17px 20px 17px;
}

.news-card .card-body {
	padding: 17px 20px 17px 20px;
	transition: all 0.2s;
	color: var(--blue);
}

.news-card .card-body p {
	margin-bottom: 10px;
}

a.has-news-card:hover,
a:hover .news-card p,
a:hover .news-card h4,
a:hover .news-card span,
a.has-news-card,
a .news-card p,
a .news-card h4,
a .news-card span {
	color: #ffffff !important;
	text-decoration: none !important;
}

a.news-card:hover .card-header-img {
	transform: scale(1.04);
	transition: all 0.2s;
}


.title-with-icon {
	position: relative;
}

.title-with-icon h1 {
	margin-left: 118px;
	line-height: 1.1em;
}

.title-with-icon i {
	position: absolute;
	left: -10px;
	top: 8px;
	color: #ffffff;
	text-shadow: 0 0 10px rgba(0,0,0,.5);
}





/*************** PARTNER LOGOS ***************/

.has-partnerlogos {
	text-align: center;
}
.partnerlogo,
a.partnerlogo {
	display: inline-block;
}

.partner-logo {
	display: inline-block;
	width: 120px;
	height: 90px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 0.7;
	transition: all 0.2s;
	margin: 8px 19px;
}

.partner-logo:hover,
a.partnerlogo:hover .partner-logo {
	opacity: 1;
	transition: all 0.2s;
	width: 132px;
	height: 100px;
	margin: 3px 13px;
}



/*************** EVENTS ***************/

.lmn-event-container {
	margin: 0;
	display: block;
	position: relative;
	
}

.home .lmn-event-container {
	margin: 0 auto;
	max-width: 588px;
}

.events-sidebar {
	border-radius: 20px;
	margin-top: 20px;
	padding: 10px 20px 20px;
}

.tag.lmn_event-tag {
	background-color: var(--green);
}

a.event {
	text-decoration: none !important;
	width: 100%;
	max-width: 600px;
	margin-bottom: 16px;
	display: block;
}

.event-datetime {
	top: 42px;
	margin-right: 24px;
	width: 84px;
}

.events-sidebar a.event {
	transform: scale(0.9);
	width: 110%;
	transform-origin: top left;
}

.events-sidebar .event-datetime {
	margin-right: 14px;
}


.event-details {
	width: calc(100% - 115px);
}

.event-datetime::before,
.event-datetime::after {
	top: -10px;
	width: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	height: 10px;
	background-color: #2557b5;
}
.event-datetime::before {
	left: 15px;
}
.event-datetime::after {
	right: 15px;
}

.event-datetime .month,
.event-datetime .day {
	width: 84px;
}

.event-datetime .month {
	background-color: #2557b5;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	padding: 4px 2px 2px;
}

.event-datetime .day {
	background-color: #4d96db;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	padding: 0px 2px 3px;
}


a.event p.date {
	color: var(--blue);
	opacity: 0.7;
}

a.event h4 {
	color: var(--blue);
	padding: 0px 0 0 0;
	margin-top: -2px;
}

a.event p {
	color: var(--blue);
	padding: 0;
	margin: 0;
}


a.event:hover .event-datetime::before,
a.event:hover .event-datetime::after,
a.event:hover .event-datetime .month { background-color: #1848a1; }
a.event:hover .event-datetime .day { background-color: #438bcf; }


.tag,
.readmore {
	background-color: grey;
	color: #fff;
	font-weight: 500;
	padding: 3px 10px 3px;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	margin: 0 2px 4px 0;
}







/******************* FOOTER ****************/

.topfooter p {
	padding-right: 50px;
}

.logo-footer img,
.logo-mvws img,
.logo-ecp img {
	max-height: 64px;
}

.footer .logo {
	max-width: 220px;
	margin-bottom: 20px;
}

.has-footer-menu-4 h6 {
	opacity: 0;
}


/******************* BUTTONS ****************/

.btn,
#gform_submit_button_1,#gform_submit_button_2,#gform_submit_button_3,#gform_submit_button_4,#gform_submit_button_5,
#gform_submit_button_6,#gform_submit_button_7,#gform_submit_button_8,#gform_submit_button_9,#gform_submit_button_10,
#gform_submit_button_11,#gform_submit_button_12,#gform_submit_button_13,#gform_submit_button_14,#gform_submit_button_15,
#gform_submit_button_16,#gform_submit_button_17,#gform_submit_button_18,#gform_submit_button_19,#gform_submit_button_20,
.gform-theme .gform_button.button,
.btn-blue {
	color: var(--white);
	background-color: var(--blue);
	padding: 16px 40px;
	border: none;
	border-radius: 20px;
	text-decoration: none !important;
	transition: all 0.1s;
	margin: 10px 20px 10px 0;
}

.btn.big,
.btn.width,
.btn.wide,
.btn.full,
.btn.btn-full {
	width: 100%;
	max-width: 480px;
}

.btn:hover, .btn:focus, .btn:active, :not(.btn-check)+.btn:active,
#gform_submit_button_1:hover,#gform_submit_button_2:hover,#gform_submit_button_3:hover,#gform_submit_button_4:hover,#gform_submit_button_5:hover,
#gform_submit_button_6:hover,#gform_submit_button_7:hover,#gform_submit_button_8:hover,#gform_submit_button_9:hover,#gform_submit_button_10:hover,
#gform_submit_button_11:hover,#gform_submit_button_12:hover,#gform_submit_button_13:hover,#gform_submit_button_14:hover,#gform_submit_button_15:hover,
#gform_submit_button_16:hover,#gform_submit_button_17:hover,#gform_submit_button_18:hover,#gform_submit_button_19:hover,#gform_submit_button_20:hover,
.gform-theme .gform_button.button:hover,
.btn.btn-blue:hover,
.btn.btn-blue:focus,
.btn.btn-blue:active {
	transition: all 0.1s;
	color: #ffffff;
	background-color: var(--blue-hover);
}

.btn.btn-lightblue:hover,
.btn.btn-lightblue:focus,
.btn.btn-lightblue:active {
	color: #ffffff;
	background-color: var(--lightblue-hover);
}

.btn.btn-darkblue:hover,
.btn.btn-darkblue:focus,
.btn.btn-darkblue:active {
	color: #ffffff;
	background-color: var(--darkblue-hover);
}

.btn.small {
	border-radius: 10px;
	padding: 7px 30px;
	margin: 7px 10px 5px 0;
	background: var(--darkblue);
	width: unset;
}



.has-toolkit_download .toolkit_download {
	position: relative;
	padding: 20px 90px 20px 20px;
	color: #fff !important;
	display: block;
	margin-bottom: 20px;
	border-radius: 20px;
	border-top-left-radius: 0;
	text-decoration: none;
}

a.has-toolkit_download,
a.has-toolkit_download * {
	text-decoration: none !important;
	color: #fff;
}

.download-icon {
	position: absolute !important;
	right: 15px;
	font-size: 48px;
}



/* SEARCH */
#searchbox {
	position: relative;
	overflow: hidden;
	max-height: 0px;
	transition: all 0.05s;
}

.search-results #searchbox,
#searchbox.open {
	z-index: +1;
	max-height: 100px;
	transition: max-height 0.2s;
	margin-bottom: var(--halfmargin);
}

input#s {
	width: calc(100% - 110px);
	padding: 10px 20px;
	border-radius: 20px;
	border: none;
}

.btn-search {
	margin: 0;
	padding: 12px 30px;
	border: none;
	float: right;
}


.search-result {
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
	display: inline-block;
	color: var(--darkblue);
}

.search-result h3 {
	text-decoration: none;
}

.search-result:hover p {
	text-decoration: underline;
}



/************** RESPONSIVE VIDEO ***************/
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 23px; }
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }





/*********** FAQ / Accordion item ***********/

.accordion-container,
.faq-container {
	width: 100%;
	padding: var(--fullmargin) 0;
}

.accordion,
.faq {
	width: 100%;
	position: relative;
	padding: 10px 40px 10px 0;
}

.accordion-title,
.faq-title {
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	margin-bottom: var(--quartmargin);
}

.accordion-title {
	color: var(--purple);
}

.accordion-title.active,
.accordion-title:hover ,
.faq-title.active,
.faq-title:hover {
	text-decoration: none;
}

.accordion-title .accordion-icon,
.faq-title .faq-icon {
	margin: 0;
	transition: all 0.1s;
	/* icon 32 34 */
	margin: 4px;
	position: absolute;
	right: 0;
	top: 10px;
	/* float: right; */
}

.accordion-title .accordion-icon {
	position: relative;
	top: 1px;
	margin-left: 20px;
}

.accordion-title.active .accordion-icon,
.faq-title.active .faq-icon {
	transform: rotate(-180deg);
	transition: all 0.1s;
	top: 12px;
}

.accordion-title.active .accordion-icon {
	top: 3px;
}

.accordion-answer,
.faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 1.0s ease-out;
}

.accordion-answer.active,
.faq-answer.active {
	height: auto;
	max-height: 1999px;
	transition: max-height 1.0s;
}

.accordion-answer.content.active,
.faq-answer.content {
	margin-bottom: 25px;
}