/*
Theme Name: 	Arkin - Unity
Theme URI: 		http://www.lemon.nl
Description: 	07/2024
Author: 		Roeland ten Holder | Lemon
Author URI: 	roeland@lemon.nl
Version: 		1.4.3
Template:		Arkin
*/

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

.gform_required_legend,
.hide_footer_insta .footerwrapper.instagram {
	display: none;
}






/*********** BACKTOTOP ***********/

.container.backtotop {
	text-align: right;
}

#back-to-top-focus {
	position: fixed;
	bottom: 75px;
	right: 35px;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	padding: 9px 8px 10px 7px;
	text-align: center;
	background-color: #e61b5b;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
	text-decoration: none;
	transition: all .5s;
}

#back-to-top-focus::after {
	display: block;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "FontAwesome";
	font-weight: 900;
	font-style: normal;
	font-size: 30px;
	line-height: 32px;
	color: #ffffff;
	content: "\f062";
}

#back-to-top-focus:hover {
	cursor: pointer;
	opacity: 0.65 !important;
}
#back-to-top-focus.show {
	opacity: 1;
	visibility: visible;
}





.hkz-keurmerk,
.arkin-logo-footer,
.qtranxs-available-languages-message,
.qtranxs-available-languages-message-nl {
	display: none;
}


.content #sb_instagram {
	border: 1px solid #ddd;
	border-radius: 3px;
	margin-bottom: 20px;
}
.content .sb_instagram_header  {
	padding: 12px 10px 12px 10px !important;
}
.content #sb_instagram #sbi_images {
	border-top: 1px solid #ddd;
	margin: 0 !important;
	border-bottom: 1px solid #ddd;
	padding: 0 !important;
}
.content #sb_instagram #sbi_load .sbi_follow_btn {
	margin: 10px 0 !important;
}

.footerwrapper.instagram {
	margin-top: 40px;
	text-align: center;
}

.footerwrapper.instagram img {
	display: inline-block;
}
.footerwrapper.instagram h3 {
	text-decoration: none;
	color: #000;
	line-height: 50px;
	display: inline-block;
}
.footerwrapper.instagram a {
	text-decoration: none;
}



.fa-icon-unity {
	position: relative;
	width: 40px;
	font-size: 20px;
	padding: 10px;
	height: 40px;
	border-radius: 20px;
	background-color: #e61b5b;
	color: #ffffff;
	margin: 5px;
}

/*
.content ul,
.content ol {
	padding-bottom: 0;
	margin-bottom: 0;
}
*/

.content ul + h1,
.content ul + h2,
.content ul + h3,
.content ul + h4,
.content ul + h5,
.content ul + h6,
.content ol + h1,
.content ol + h2,
.content ol + h3,
.content ol + h4,
.content ol + h5,
.content ol + h6 {
	margin-top: 23px;
}


.breadcrumb,
body { 
	font-size: 16px;
	font-family: 'Noto Sans', Arial, Helvetica, Verdana, sans-serif;
}

/* ivm groter font */
.search-input {
	width: 130px;
}


.table-striped th,
.table-striped td {
	padding: 10px 5px 5px;
}


.colored h1,
h1 	{ font-size: 24px; line-height: 30px; color: #e61b5b; }
h2 	{ font-size: 20px; line-height: 25px; color: #000000; padding-bottom: 5px; }
h3 	{ font-size: 18px; line-height: 23px; color: #777777; }
h4 	{ font-size: 16px; line-height: 20px; color: #000000; padding: 0; margin: 0; border: none; }
h5 	{ font-size: 15px; line-height: 18px; color: #777777; }

.related-posts h4 	{ font-size: 18px; line-height: 24px; color: #e61b5b; padding-bottom: 2px; margin: 0; border: none; }

.cta-group li.cta-title, .cta-group li.cta-title:hover, button, .button-default, .button-arrow i, a.people span, .people span, .marker.main1::before {
	background-color: #000000;
}

.navbar-inverse .navbar-collapse .navbar-nav>li:first-of-type>a {
	border-left: 1px solid #26193e !important;
}

.navbar-inverse .navbar-collapse .navbar-nav>li>a {
	border: none !important;
}


.nav.navbar-nav>li:hover>a {
	color: #ffffff !important;
}
.nav .sub-menu>li>a:hover, .nav .dropdown-menu>li>a:hover, .nav .children>li>a:hover {
	color: #26193e !important;
}


.nav.navbar-nav>li:hover>a,
.nav.navbar-nav>li.hoverexample.a,
.nav .dropdown-menu,
.nav .sub-menu,
.navbar-nav>.active>a, .navbar-nav>.active>a:focus, 
.navbar-nav>.active>a:hover, .navbar-nav>.open>a, 
.navbar-nav>.open>a:focus, .navbar-nav>.open>a:hover,
.navbar-nav>li>a:focus, .navbar-nav>li:hover>a, 
button:hover, .button-default:hover, .button-arrow:hover i, .button-arrow:hover .button-default { color: #cccccc; }

h2.unity { background-color: #293b9c; color: #ffffff; padding: 5px 10px; width: 100%; text-align: center; margin: 0 6px; }

.colored a, .colored .href,
.topmenu ul li.main1alt a, .colored .date	{ color: #e61b5b; }
.colored a:hover, .colored .hrefhov, .colored .href:hover { color: #b60c42; }

/* was for peer / not in use anymore? */
.trackingcode_footer { position: relative; }

/* no border under faq question */
.faq-container {
	border: 0;
}

.faq-title h2 { 
	font-size: 16px;
}

.faq-title {
	padding: 0 0 5px;
}

.faq-title .faq-icon {
    margin: 6px 10px 0 0;
}



#peer-icon { position: relative; cursor: pointer; width: 100%; }
#peer-icon img { position: absolute; bottom: 20px; right: 20px; width: 10px; }


.unity-drug-menu span {
	border-radius: 20px;
    background-color: #e61b5b;
    color: #fff;
    display: inline-block;
    width: 28px;
    height: 28px;
    text-align: center;
    margin-right: 8px;
    vertical-align: text-bottom;
}

ul.unity-drug-menu,
ol.unity-drug-menu {
	position: relative;
}

ol.unity-drug-menu li {
	counter-increment: unitycounter;
}

ul.unity-drug-menu li a,
ol.unity-drug-menu li a {
	min-height: 38px;
	padding-top: 6px;
}

ol.unity-drug-menu li a {
	padding-left: 42px;
}

ol.unity-drug-menu li::before {
	font: normal normal 16px/23px 'Palanquin', Arial, Helvetica, Verdana, sans-serif;
	position: absolute;
	top: 5px;
	left: 7px;
	content: counter(unitycounter);
	border-radius: 20px;
    background-color: #e61b5b;
    color: #fff;
    display: inline-block;
    width: 28px;
    height: 28px;
    text-align: center;
    margin-right: 8px;
    vertical-align: text-bottom;
}

ul.unity-drug-menu li::before {
	position: absolute;
	top: 5px;
	left: 7px;
    display: inline-block;
    width: 28px;
    height: 28px;
    text-align: center;
    margin-right: 8px;
    vertical-align: text-bottom;
}

ul.unity-drug-menu li img {
	width: 100%;
	max-width: 24px;
	height: auto;
	max-height: 24px;
	margin-right: 8px;
	float: left;
}


ul.unity-drug-menu li .icon {
	font-size: 22px;
    margin-right: 5px;
    margin-left: 1px;
	color: #e61b5b;
}




.widget_banner.spotlight li.main1altbg {
	background-color: #26193e;
}
.widget_banner.spotlight:hover li.main1altbg {
	background-color: #219191;
}


/* languages */
ul.qtranxs_language_chooser li {
	float: left;
	margin: -2px 0 0 7px;
}

ul.qtranxs_language_chooser li img {
	width: 18px;
	height: 12px;
}

/* Text shadow in header wat dikker */
h5.txtshadow {
    text-shadow: 4px 4px 6px rgba(0, 0, 0, 1), 0px 0px 6px rgba(0, 0, 0, 1);
}


/* Anchor linkjes lager ivm sticky menu */
body.parent-pageid-5687 a#wat,          body.parent-pageid-6204 a#wat,
body.parent-pageid-5687 a#what,         body.parent-pageid-6204 a#what,
body.parent-pageid-5687 a#effecten,     body.parent-pageid-6204 a#effecten,
body.parent-pageid-5687 a#effects,      body.parent-pageid-6204 a#effects,
body.parent-pageid-5687 a#dosering,     body.parent-pageid-6204 a#dosering,
body.parent-pageid-5687 a#dose,         body.parent-pageid-6204 a#dose,
body.parent-pageid-5687 a#werkingsduur, body.parent-pageid-6204 a#werkingsduur,
body.parent-pageid-5687 a#longevity,    body.parent-pageid-6204 a#longevity,
body.parent-pageid-5687 a#risicos,      body.parent-pageid-6204 a#risicos,
body.parent-pageid-5687 a#risks,        body.parent-pageid-6204 a#risks,
body.parent-pageid-5687 a#unity,        body.parent-pageid-6204 a#unity,
body.parent-pageid-5687 a#faq,          body.parent-pageid-6204 a#faq,
body.parent-pageid-5687 h2#wat,         body.parent-pageid-6204 h2#wat,
body.parent-pageid-5687 h2#what,        body.parent-pageid-6204 h2#what,
body.parent-pageid-5687 h2#effecten,    body.parent-pageid-6204 h2#effecten,
body.parent-pageid-5687 h2#effects,     body.parent-pageid-6204 h2#effects,
body.parent-pageid-5687 h2#dosering,    body.parent-pageid-6204 h2#dosering,
body.parent-pageid-5687 h2#dose,        body.parent-pageid-6204 h2#dose,
body.parent-pageid-5687 h2#werkingsduur,body.parent-pageid-6204 h2#werkingsduur,
body.parent-pageid-5687 h2#longevity,   body.parent-pageid-6204 h2#longevity,
body.parent-pageid-5687 h2#risicos,     body.parent-pageid-6204 h2#risicos,
body.parent-pageid-5687 h2#risks,       body.parent-pageid-6204 h2#risks,
body.parent-pageid-5687 h2#unity,       body.parent-pageid-6204 h2#unity,
body.parent-pageid-5687 h2#faq,         body.parent-pageid-6204 h2#faq {
	padding-top: 187px;
	margin-top: -187px;
}

body.parent-pageid-5687.fixed a#wat,          body.parent-pageid-6204.fixed a#wat,
body.parent-pageid-5687.fixed a#what,         body.parent-pageid-6204.fixed a#what,
body.parent-pageid-5687.fixed a#effecten,     body.parent-pageid-6204.fixed a#effecten,
body.parent-pageid-5687.fixed a#effects,      body.parent-pageid-6204.fixed a#effects,
body.parent-pageid-5687.fixed a#dosering,     body.parent-pageid-6204.fixed a#dosering,
body.parent-pageid-5687.fixed a#dose,         body.parent-pageid-6204.fixed a#dose,
body.parent-pageid-5687.fixed a#werkingsduur, body.parent-pageid-6204.fixed a#werkingsduur,
body.parent-pageid-5687.fixed a#longevity,    body.parent-pageid-6204.fixed a#longevity,
body.parent-pageid-5687.fixed a#risicos,      body.parent-pageid-6204.fixed a#risicos,
body.parent-pageid-5687.fixed a#risks,        body.parent-pageid-6204.fixed a#risks,
body.parent-pageid-5687.fixed a#unity,        body.parent-pageid-6204.fixed a#unity,
body.parent-pageid-5687.fixed a#faq,          body.parent-pageid-6204.fixed a#faq,
body.parent-pageid-5687.fixed h2#wat,         body.parent-pageid-6204.fixed h2#wat,
body.parent-pageid-5687.fixed h2#what,        body.parent-pageid-6204.fixed h2#what,
body.parent-pageid-5687.fixed h2#effecten,    body.parent-pageid-6204.fixed h2#effecten,
body.parent-pageid-5687.fixed h2#effects,     body.parent-pageid-6204.fixed h2#effects,
body.parent-pageid-5687.fixed h2#dosering,    body.parent-pageid-6204.fixed h2#dosering,
body.parent-pageid-5687.fixed h2#dose,        body.parent-pageid-6204.fixed h2#dose,
body.parent-pageid-5687.fixed h2#werkingsduur,body.parent-pageid-6204.fixed h2#werkingsduur,
body.parent-pageid-5687.fixed h2#longevity,   body.parent-pageid-6204.fixed h2#longevity,
body.parent-pageid-5687.fixed h2#risicos,     body.parent-pageid-6204.fixed h2#risicos,
body.parent-pageid-5687.fixed h2#risks,       body.parent-pageid-6204.fixed h2#risks,
body.parent-pageid-5687.fixed h2#unity,       body.parent-pageid-6204.fixed h2#unity,
body.parent-pageid-5687.fixed h2#faq,         body.parent-pageid-6204.fixed h2#faq {
	padding-top: 130px;
	margin-top: -130px;
}


.light1 .faq-title,
.light1 .faq-title h2 { color: #e61b5b; }

.light1 .faq-title:hover,
.light1 .faq-title:hover h2 { color: #b60c42; }



/*********** AGENDA ***********/

ul.agenda {
	list-style-type: none;
	padding-bottom: 0;
	margin-left: -5px;
}
ul.agenda li {
	list-style-type: none;
	margin: 0;
	display: inline-block;
	width: 100%;
	padding: 5px;
	border-radius: 3px;
}

ul.agenda li:hover {
	background-color: #f5f5f5;
}

.agenda_container {
	clear: both;
}
.agenda_date, .agenda_time, .agenda_details {
	float: left;
}
.agenda_date {
	width: 40px;
	height: 44px;
	background: url('images/calender.png') no-repeat 0 0;
	background-size: 40px 44px;
	position: relative;
	text-align: center;
	margin: 0 10px 0 0;
}
.agenda_month,
.agenda_day {
	position: absolute;
	width: 100%;
}
.agenda_month {
	top: 6px;
	color: #000000;
	font: normal 500 13px/18px 'Palanquin Dark', Arial, Helvetica, Verdana, sans-serif;
	letter-spacing: 0px;
	text-transform: uppercase;
}
.agenda_day {
	top: 22px;
	color: #ffffff;
	font: normal 500 15px/18px 'Palanquin Dark', Arial, Helvetica, Verdana, sans-serif;
	letter-spacing: 1px;
}

.agenda_details {
	font: normal 500 15px/18px 'Palanquin Dark', Arial, Helvetica, Verdana, sans-serif;
	max-width: calc(100% - 50px);
	margin: 0px 0 0 0;
}

.agenda_title {
	color: #e61b5b;
}

.agenda_location {
	font: normal normal 14px/23px 'Noto Sans', Arial, Helvetica, Verdana, sans-serif;
	color: #333333;
}

.agenda_link, .agenda_link a { text-decoration: none; }


.td_agenda_container {
	width: 70px;
	padding-bottom: 10px;
}

.td_agenda_item {
	padding-bottom: 10px;
}



/********** ICON SLIDER HOMEPAGE ***********/

/*.main2bg a.bx-prev,
.main2bg a.bx-next,*/
.main2bg.has-icon-slider h3 {
	color: #ffffff;
}


.has-icon-slider {
	background-color: #000;
}


ul.icon-slider {
	list-style: none;
}

.bx-wrapper {
	margin: 15px auto 25px !important;
}


.bx-viewport {
	overflow: hidden;
}

a.bx-prev,
a.bx-next {
	font-size: 32px;
	width: 30px;
	height: 41px;
	position: absolute;
	top: 35%;
}

.bx-prev { left: 15px; }
.bx-next { right: 15px; }

a.bx-prev:hover, 
a.bx-next:hover, 
a.carousel-control:hover {
	font-size: 36px;
	top: 34%;
}

.content ul.bxslider li {
	margin: 0;
}


.unity-icon {
	vertical-align: middle;
	margin: 5px 7px;
	width: 100px;
	height: 100px;
	display: inline-block;
	background-size: cover;
}

.unity-icon:hover {
	margin: 4px 3px;
	width: 102px;
	height: 102px;
}



/* extra spotlight icon buiten Arkin Icon Font om */
.icon-kopje {
	width: 86px;
    height: 86px;
    background-repeat: no-repeat;
	background-position: center;
	background-size: 76px 76px;
	background-image: url('images/icon-kopje.svg');
}



/* svg's */
.unity-icon-alcohol			{ background-image: url('images/icon-alcohol.svg'); }
.unity-icon-cannabis        { background-image: url('images/icon-cannabis.svg'); }
.unity-icon-ghb             { background-image: url('images/icon-ghb.svg'); }
.unity-icon-cocaine         { background-image: url('images/icon-cocaine.svg'); }
.unity-icon-xtc             { background-image: url('images/icon-xtc.svg'); }
.unity-icon-speed           { background-image: url('images/icon-speed.svg'); }
.unity-icon-psychedelica    { background-image: url('images/icon-psychedelica.svg'); }
.unity-icon-ketamine        { background-image: url('images/icon-ketamine.svg'); }
.unity-icon-overig          { background-image: url('images/icon-overig.svg'); }

/* png's */
.unity-icon-aansteker       { background-image: url('images/icon-aansteker.png'); }
.unity-icon-bier            { background-image: url('images/icon-bier.png'); }
.unity-icon-bong            { background-image: url('images/icon-bong.png'); }
.unity-icon-buis            { background-image: url('images/icon-buis.png'); }
.unity-icon-buisje          { background-image: url('images/icon-buisje.png'); }
.unity-icon-bullit          { background-image: url('images/icon-bullit.png'); }
.unity-icon-capsule         { background-image: url('images/icon-capsule.png'); }
.unity-icon-druppels        { background-image: url('images/icon-druppels.png'); }
.unity-icon-handspiegel     { background-image: url('images/icon-handspiegel .png'); }
.unity-icon-lepel           { background-image: url('images/icon-lepel.png'); }
.unity-icon-neusspray       { background-image: url('images/icon-neusspray.png'); }
.unity-icon-pack            { background-image: url('images/icon-pack.png'); }
.unity-icon-pas             { background-image: url('images/icon-pas.png'); }
.unity-icon-peyote          { background-image: url('images/icon-peyote.png'); }
.unity-icon-pijp_1          { background-image: url('images/icon-pijp_1.png'); }
.unity-icon-pijp_2          { background-image: url('images/icon-pijp_2.png'); }
.unity-icon-pijp_3          { background-image: url('images/icon-pijp_3.png'); }
.unity-icon-poppers         { background-image: url('images/icon-poppers.png'); }
.unity-icon-san_pedro       { background-image: url('images/icon-san_pedro.png'); }
.unity-icon-scheermes       { background-image: url('images/icon-scheermes.png'); }
.unity-icon-sleutel         { background-image: url('images/icon-sleutel.png'); }
.unity-icon-spuit           { background-image: url('images/icon-spuit.png'); }
.unity-icon-sterke_drank    { background-image: url('images/icon-sterke_drank.png'); }
.unity-icon-vaporizer       { background-image: url('images/icon-vaporizer.png'); }
.unity-icon-wijn_1          { background-image: url('images/icon-wijn_1.png'); }
.unity-icon-wijn_2          { background-image: url('images/icon-wijn_2.png'); }
.unity-icon-wijn_3          { background-image: url('images/icon-wijn_3.png'); }
.unity-icon-zegel           { background-image: url('images/icon-zegel.png'); }
.unity-icon-zegel,
.unity-icon-lsd             { background-image: url('images/icon-zegel.png'); }
.unity-icon-zip_bag         { background-image: url('images/icon-zip_bag.png'); }


@media all and (max-width: 991px) { .bx-wrapper { max-width: 720px !important; } }
@media all and (max-width: 820px) { .bx-wrapper { max-width: 600px !important; } }
@media all and (max-width: 700px) { .bx-wrapper { max-width: 480px !important; } }

@media all and (max-width: 580px) {
	.bx-wrapper { max-width: 360px !important; }
	.disclaimer {
		text-align: center;
		padding: 0 65px;
	}

	#peer-icon img {
		right: 25px;
		width: 20px;
	}
	

}

@media all and (max-width: 460px) { .bx-wrapper { max-width: 240px !important; } }



@media all and (max-height: 800px) {
	/* Submenu van drugs is te lang, over 2 kollomen uitsmeren */
	.menu-item-5694 ul.sub-menu {
		columns: 2;
	}
}