/*
Theme Name: 	Arkin - Clientenraad
Theme URI: 		https://www.lemon.nl
Description: 	04/2024
Author: 		Roeland ten Holder | Lemon
Author URI: 	roeland@lemon.nl
Version: 		2.1
Template:		Arkin
*/

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

/*
.content p:last-of-type { margin-bottom: 0; }
*/

:root {
	--geel: 			rgba(237, 197,   0, 1); /* #edc500 */
	--geel-hover: 		rgba(214, 161,   0, 1); /* #d6a100 */
	--grijs: 			rgba(150, 143, 130, 1); /* #968f82 */
	--grijs-hover: 		rgba(118, 113, 103, 1); /* #767167 */
	--blauw: 			rgba( 29, 113, 184, 1); /* #1d71b8 */
	--blauw-hover: 		rgba(  6,  80, 143, 1); /* #06508f */
	--lichtblauw: 		rgba(131, 208, 245, 1); /* #83d0f5 */
	--zwart: 			rgba( 51,  51,  51, 1); /* #333333 */
}

.logo {
	margin: -3px 0 18px;
}

.date { color: var(--geel); }

.colored hr {
	opacity: 0.5;
}

.gform_wrapper .gform_footer input.button, 
.gform_wrapper .gform_footer input[type=submit], 
.gform_wrapper .gform_page_footer input.button, 
.gform_wrapper .gform_page_footer input[type=submit] {
	background-color: var(--blauw);
}

.gform_wrapper .gform_footer input.button:hover, 
.gform_wrapper .gform_footer input[type=submit]:hover, 
.gform_wrapper .gform_page_footer input.button:hover, 
.gform_wrapper .gform_page_footer input[type=submit]:hover {
	background-color: var(--blauw-hover);
}

#responsive-menu-additional-content .button.main2bg,
a.button.main2bg,
.button.main2bg {
	color: #333333 !important;
	font-weight: 600;
}

h6, .medium, .cta-group li.btn,
.widget_nav_menu li a {
	color: #012c50;
}

#breadcrumb, #breadcrumb a {
	color: var(--zwart);
}

.colored .navbar-inverse .navbar-nav>li>a:hover, 
.colored .nav .sub-menu>li>a:hover, 
.colored .nav .dropdown-menu>li>a:hover, 
.colored .nav .children>li>a:hover {
    color: #ffffff !important;
	text-decoration: underline;
}

.panel-default>.panel-heading, 
.panel-primary>.panel-heading, 
.button-primary, .footer, 
.marker.main2::before {
	background-color: var(--blauw);
	
}

.panel-default>.panel-heading,
.panel-default,
.panel-primary>.panel-heading,
.panel-primary {
	border-color: var(--blauw);
}

.footertop h5 {
	content: " ";
	width: 220px;
	height: 35px;
	background-image: url(images/Samen-Sterker.png);
	background-size: 220px auto;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999999999px;
}

.colored .footer,
.colored .footer h3,
.colored .footer a {
	color: #333333;
}

.colored .footer .panel,
.colored .footer .panel p,
.colored .footer .panel h3,
.colored .footer .panel a {
	color: #ffffff;
}

.footerwrapper.has-cta .panel.panel-footer {
	margin-top: -112px;
	padding-top: 11px;
	padding-bottom: 12px;
	border-top-right-radius: 112px !important;
	border-bottom-left-radius: 112px !important;
}

.Verwijzers .spotlight.hightext li {
	background-color: var(--blauw);
	font-size: 16px;
	line-height: 24px;
	min-height: 50px;
}

.Verwijzers .spotlight.hightext li:first-of-type {
	background-color: var(--geel);
	background: var(--geel) url('images/verwijzers-tile.png?v=2') center right no-repeat;
	background-size: cover;
	min-height: 120px;
}

.verwijsblok {
	margin: 10px 0 34px;
	padding: 15px 15px 1px;
	border-radius: 4px;
	background: #fafafa;
}

.verwijsblok span {
	display: block;
	font-size: 18px;
	line-height: 24px;
}

.verwijsblok p {
	margin: 16px 0;
}

.colored .verwijsblok hr {
	border-color: #dddddd;
}

.Verwijzers .spotlight.hightext {
	opacity: 1;
	transition: all 0.15s ease-in-out;
}

.Verwijzers .spotlight.hightext:hover {
	opacity: 0.85;
	transition: all 0.15s ease-in-out;
}

.Verwijzers .spotlight.hightext li:first-of-type h3 {
	font-size: 21px;
	line-height: 30px;
	max-width: 90%;
	padding-left: 8px;
	padding-right: 8px;
}

.Verwijzers .widget_text,
.Verwijzers .info-block {
	margin-bottom: 20px;
	background: #eeeeee;
	padding: 15px 15px 1px;
	margin-top: 10px;
	border-radius: 4px;
}


.col-10.main2bg.center.arrow,
.col-55.main2bg { 
	background-color: var(--blauw);
}

.col-10.main2bg.center.arrow:hover,
.col-55.main2bg:hover { 
	background-color: var(--blauw);
}

.arrowdown:after {
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #edf1f8;
	border-width: 30px;
	margin-left: -30px;
}


.arrowdown.light2bg:after 	{ border-top-color: #edf1f8; }
.arrowdown.grey1bg:after 	{ border-top-color: #c0bcb1; }
.arrowdown.grey2bg:after 	{ border-top-color: #dddddd; }
.arrowdown.grey3bg:after 	{ border-top-color: #eeeeee; }


.col-md-6.main1bg {
	margin: -16px 20px 16px;    
	width: calc(50% - 40px);
	padding: 16px 24px 6px; 
}

.verwijzers-icon {
	position: relative;
	background-color: #eeeeee;
	color: #ffffff;
	width: 210px;
	height: 210px;
	padding: 135px 0 0 0;
	text-align: center;
	border-radius: 200px;
	display: inline-block;
	margin: 16px;
	text-decoration: none;
}

.verwijzers-icon:hover {
	background-color: #d8e1f0;
	text-decoration: none;
}

.verwijzers-icon strong {
	font-size: 1.25em;
	letter-spacing: 1px;
}

.verwijzers-icon i {
	position: absolute;
	top: 25px;
	left: 50px;
	width: 110px;
	height: 110px;
	background-image: url('images/verwijzers_sprite.png?v=2');
	background-repeat: no-repeat;
	background-size: 330px 330px;
	background-position: 0 0;
}

.verwijzers-icon i.icon-child  { background-position:    0px -220px; }
.verwijzers-icon i.icon-adult  { background-position: -110px -220px; }
.verwijzers-icon i.icon-senior { background-position: -220px -220px; }


a.greenbg.important span { background-color: #00a09a !important; }
a:hover.greenbg.important span { background-color: #008681 !important; }

a.orangebg.important span { background-color: #f76900 !important; }
a:hover.orangebg.important span { background-color: #d75e04 !important; }


/* EVENTS */
.tribe-events-meta-group .tribe-events-single-section-title {
	font-weight: 500;
}

body.events-list .cta-header,
body.events-category .cta-header,
body.tribe_events-template-default .cta-header {
	display: none;
}

.tribe-events-loop .tribe-events-event-cost,	/* prijs in loop */
.tribe-events-loop .tribe-events-gmap,  			/* Google link in loop */
.single-tribe_events .tribe-events-schedule, 	/* datum + tijd op single event bovenin */
.single-tribe_events .tribe-events-sub-nav, 	/* next/prev op single event bovenin */
.nog-iets {
	display: none;
}

.tribe-events-list-separator-month+.type-tribe_events.tribe-events-first,
.tribe-events-list-separator-month {
	padding-top: 15px;
}

.tribe-events-list .type-tribe_events {
	padding: 15px 0;
}

/* Hide labels organizer (email/website/phone) */
.tribe-events-meta-group-organizer dt:nth-child(3),
.tribe-events-meta-group-organizer dt:nth-child(5),
.tribe-events-meta-group-organizer dt:nth-child(7) {
	display: none;
}
.tribe-venue a,
.tribe-events-meta-group-organizer dl a {
	pointer-events: none !important;
	color: #333333 !important;
}

.single-tribe_events .tribe-events-event-meta {
	background: transparent;
	border: none;
	margin: 0;
}

.single-tribe_events .tribe-events-venue-map {
	float: none;
	margin: 0 0 20px 0;
	width: 100%;
}

/* EVENT SHORTCODE LIST OUTPUT */
ul.ecs-event-list li {
	list-style-type: none;
	margin-left: 0;
	border-bottom: 1px solid #ddd;
	padding: 15px 0;
}





body.Cliëntenraad .hkz-keurmerk {
	display: none;
}

body.Cliëntenraad .navbar-inverse .navbar-collapse .nav>li>a {
    padding-left: 14px;
    padding-right: 14px;
}



@media all and (max-width: 991px) {
	.footerwrapper.has-cta .panel.panel-footer {
		padding: 2px 5px;
		border-top-right-radius: 90px !important;
		border-bottom-left-radius: 90px !important;
	}
}

@media all and (max-width: 850px) {
	.footerwrapper.has-cta .panel.panel-footer {
		border-top-right-radius: 72px !important;
		border-bottom-left-radius: 72px !important;
	}

	.colored .footer .social {
		padding-top: 5px;
	}
}

@media all and (max-width: 767px) {
	.footerwrapper.has-cta .panel.panel-footer {
		border-top-right-radius: 56px !important;
		border-bottom-left-radius: 56px !important;
	}
}