/*

Theme Name: Transparency International Nederland
Theme URI: #
Author: SKNDAL
Author URI: http://skndal.com
Description: TI-NL responsive e-commerce compatible NGO website theme designed by SKNDAL based on the X framework. 
Version: 1.1.6
Template: x

*/

/*
** GENERAL
*/
a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
.x-comment-time:hover, #reply-title small a, .comment-reply-link:hover, .x-comment-author a:hover,
.x-recent-posts a:hover .h-recent-posts {
	color: #3695d8;
}
a:hover, #reply-title small a:hover {
	color: #d7190e;
}
.x-main a, .x-main h1 a:hover, .x-main h2 a:hover, .x-main h3 a:hover, .x-main h4 a:hover, .x-main h5 a:hover, .x-main h6 a:hover,
.x-main .x-comment-time:hover, .x-main #reply-title small a, .x-main .comment-reply-link:hover, .x-main .x-comment-author a:hover,
.x-main .x-recent-posts a:hover .h-recent-posts {
	text-decoration: underline; 
}
.x-main a:hover, .x-main #reply-title small a:hover {
	text-decoration: underline; 
}	
.x-main h1, .x-main .h1 { font-weight: 500; margin-top: 1.2em; margin-bottom: 0.4em; font-size: 2.7em; line-height: 1.2; }
.x-main h2, .x-main .h2 { font-weight: 500; margin-top: 1em; margin-bottom: 0.3em;font-size: 2.3em; line-height: 1.2; }
.x-main h3, .x-main .h3 { font-weight: 500; margin-top: 0.8em; margin-bottom: 0.2em;font-size: 1.9em; line-height: 1.5; }
.x-main h4, .x-main .h4 { font-weight: 500; margin-top: 0.6em; margin-bottom: 0.2em;font-size: 1.6em; line-height: 1.5; }
.x-main h5, .x-main .h5 { font-weight: 500; margin-top: 0.4em; margin-bottom: 0.1em;font-size: 1.3em; line-height: 1.8; }
.x-main h6, .x-main .h6 { font-weight: 500; margin-top: 0.4em; margin-bottom: 0.1em;font-size: 1.15em; line-height: 1.8; text-transform: none; }

/*
** LAYOUT
*/

/* HEADER */
.x-topbar .x-social-global i {
	line-height: 1.6;
}
.x-topbar .x-social-global a {
	text-decoration: none;
	border: 2px solid transparent;
	background: transparent;
}
.x-topbar .x-social-global a:hover {
	color: #fff;
	border: 2px solid #fff;
}

.x-topbar ul.tinl-topbarmenu {
	display: inline-block;
	list-style: none;
	margin: 5px 0 0;
	font-size: 13px;
	letter-spacing: 0;
	line-height: 1.5;
	color: #fff;		
}
.x-topbar ul.tinl-topbarmenu li { display: inline-block; margin-left: 15px; }
.x-topbar ul.tinl-topbarmenu li:first-child { margin-left: 0; }
.x-topbar ul.tinl-topbarmenu a { color: #fff; text-decoration: none; }
.x-topbar ul.tinl-topbarmenu a:hover { color: #fff; text-decoration: underline; }

/* MAIN */
.x-column .h-custom-headline:first-child,
.x-column h1:first-child,
.x-column h2:first-child,
.x-column h3:first-child,
.x-column h4:first-child,
.x-column h5:first-child,
.x-column h6:first-child {
	margin-top: 0;
}
input[type="submit"].x-btn-block { width: 100%; }

.x-main article.post .entry-featured {
	position: relative;
	margin-top: 0;
	border: none;
	padding: 0;
	background-color: #fff;
}
.x-main article.post .entry-title:before { display: none; }
.x-main article.post .entry-featured { overflow: hidden; }
.x-main article.post .entry-header .p-meta,
.x-main article.post .entry-header .p-meta a { color: #969696; }
.x-main article.post .entry-header .p-meta a:hover { color: #d7190e; }
.x-main .x-iso-container-posts article.post .entry-title { margin-top: 0; }
.x-main .x-iso-container-posts article.post .entry-wrap { padding: 0; }
.x-main .x-iso-container-posts article.post .entry-featured { max-height: 210px; }
.x-main .x-iso-container-posts article.post .entry-featured .entry-thumb { max-height: 210px; background-color: #969696; }
.x-main .x-iso-container-posts article.post .entry-header { padding: 30px 7% 15px; }
.x-main .x-iso-container-posts article.post .entry-header .entry-title a { text-decoration: none; }
.x-main .x-iso-container-posts article.post .entry-header .entry-title a:hover { color: #d7190e; }
.x-main .x-iso-container-posts article.post .entry-content { margin: 0; padding: 0 7% 30px; }
body.single-post .x-main article.post .entry-wrap { background: #fff; }
body.single-post .x-main article.post .entry-featured {
	max-height: 350px;
	display: flex;
	align-items: center;
}
body.single-post .x-main article.post .entry-featured .entry-thumb { width: 100%; }
body.single-post .x-main article.post .entry-header,
body.single-post .x-main article.post .entry-content { padding: 15px 45px; }
body.single-post .x-main article.post .entry-header .p-meta { font-size: 90%; margin: 15px 0 0; }
body.single-post .x-main article.post .entry-content { margin-top: 0; padding-bottom: 90px; }
body.single-post .x-main article.post .entry-footer {
	margin-top: 0;
	background: #636363;
	color: #fff;
	font-size: 88%;
}
body.single-post .x-main article.post .entry-footer i.x-icon-tags { margin-right: 5px; }
body.single-post .x-main article.post .entry-footer a { color: #fff; opacity: 0.8; }
body.single-post .x-main article.post .entry-footer a:hover { color: #d7190e; opacity: 1; }
body.single-post .x-main article.post .entry-footer a[rel="tag"] { margin-left: 5px; }

.x-main .x-column.introtext {
	padding: 45px 75px 35px 75px !important;
	box-shadow: 0 0 12px rgba(0,0,0,0.25);
	position: relative;
	bottom: 60px;
}
.x-main .x-column.introtext .x-text { font-size: 118%; }

/* SIDEBAR */
.x-sidebar {
	padding: 45px;
	background: #fff;
}

/* FOOTER */
.x-colophon.top {
	padding: 45px 0;
}

/*
** STYLING
*/
.site { background-color: #efefef; }
.x-scroll-top { border: 2px solid #fff; color: #fff; background: #3695d8; border-radius: 0; box-shadow: 0 0 4px rgba(0,0,0,0.25); }
.x-scroll-top:hover { border: 2px solid #3695d8; color: #3695d8; background: #fff; }
.x-scroll-top:active { border: 2px solid #fff; color: #d7190e; background: #fff; }
.x-scroll-top.in { opacity: 1; }

.x-btn, .button, [type="submit"] {
	border: 1px solid #3695d8;
	background-color: #3695d8;
	color: #fff;
	text-transform: uppercase;
	text-shadow: none !important;
	font-weight: 500;
}
.x-btn.x-btn-small, .x-btn.x-btn-mini { font-weight: 400; }
.x-btn:hover, .button:hover, [type="submit"]:hover {
	border-color: #d7190e;
	background-color: #d7190e;
	color: #fff;
	text-shadow: none;
}
.x-btn:active, .button:active, [type="submit"]:active {
	border-color: #3695d8;
	background-color: #fff;
	color: #3695d8;
}
.x-btn.red { background-color: #d7190e; border-color: #d7190e; }
.x-btn.red:hover { background-color: #fff; border-color: #d7190e; color: #d7190e; }
.x-btn.red:active { background-color: #d7190e; border-color: #fff; color: #fff; }
.x-btn.blue { background-color: #3695d8; border-color: #3695d8; }
.x-btn.blue:hover { background-color: #fff; border-color: #3695d8; color: #3695d8; }
.x-btn.blue:active { background-color: #3695d8; border-color: #fff; color: #fff; }
.x-btn.dblue { background-color: #267ac9; border-color: #267ac9; }
.x-btn.dblue:hover { background-color: #fff; border-color: #267ac9; color: #267ac9; }
.x-btn.dblue:active { background-color: #267ac9; border-color: #fff; color: #fff; }
.x-btn.lblue { background-color: #75b9e6; border-color: #75b9e6; }
.x-btn.lblue:hover { background-color: #fff; border-color: #75b9e6; color: #75b9e6; }
.x-btn.lblue:active { background-color: #75b9e6; border-color: #fff; color: #fff; }
.x-btn.grey { background-color: #636363; border-color: #636363; }
.x-btn.grey:hover { background-color: #fff; border-color: #636363; color: #636363; }
.x-btn.grey:active { background-color: #636363; border-color: #fff; color: #fff; }

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	height: 2.65em;
	margin-bottom: 9px;
	border: 2px solid #dedede;
	padding: 0 0.65em;
	font-size: 16px;
	line-height: normal;
	color: #5f5f5f;
	background-color: #fff;
}

/* HEADER */
body { background-color: #efefef; color: #393939; }
.x-topbar {
/*  position: fixed;
  width: 100%; */
	background-color: #3695d8;
	min-height: 40px;
	padding: 4px 0;
}

.x-navbar { background-color: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.25); }
/* .x-navbar, .x-navbar-fixed-top { top: 46px !important; } */

.x-navbar .desktop .x-nav > li > a:hover > span,
.x-navbar .desktop .x-nav > li.x-active > a > span,
.x-navbar .desktop .x-nav > li.current-menu-item > a > span {
	box-shadow: none !important;
}
.x-navbar .desktop .x-nav > li > a { color: #636363; transition: all 0.2s ease-in-out; }
.x-navbar .desktop .x-nav > li > a.x-btn-navbar-search {
	font-size: 20px;
	padding-top: 30px;
}
.x-navbar .desktop .x-nav > li > a:hover,
.x-navbar .desktop .x-nav > .x-active > a {
	color: #3695d8;
}
/* .x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
	padding-left: 0 !important;
	padding-right: 20px !important;
} */
.x-navbar .desktop .x-nav > .current-menu-item > a { color: #d7190e; }
.x-navbar .desktop .x-nav > .donate > a { background: #d7190e; color: #fff; font-weight: 700; }
.x-navbar .desktop .x-nav > .donate > a:hover { background: rgba(215, 25, 14, 0.5); color: #fff; }
.x-navbar .desktop .sub-menu { padding: 0; font-size: 14px; background-color: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.25); }
.x-navbar .desktop .sub-menu li > a { padding: 0.75em 1.5em; color: #636363; text-decoration: none; }
.x-navbar .desktop .sub-menu li > .sub-menu { padding-top: 0.25em; padding-bottom: 0.25em; }
.x-navbar .desktop .sub-menu li > .sub-menu li > a { padding: 0.25em 1.5em; }
.x-navbar .desktop .sub-menu li > a:hover { color: #fff; background: #3695d8; }
.x-navbar .desktop .x-nav li>ul>li>a>span:after {
	content: "\f100";
	margin-left: 0.35em;
}
.masthead-inline .x-navbar .desktop .sub-menu .sub-menu {
	right: 100%;
	top: 0;
}

.x-btn-navbar {
	background-color: #fff;
	border-radius: 0;
	box-shadow: none;
	border: 2px solid #3695d8;
	color: #3695d8;
}
.x-btn-navbar.collapsed {
	background-color: #3695d8;
	color: #fff;
	border: 2px solid #3695d8;
}
.x-btn-navbar:hover,
.x-btn-navbar.collapsed:hover {
	background-color: #d7190e;
	color: #fff;
	border: 2px solid #d7190e;
}
.x-navbar .mobile .x-nav li a {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.x-navbar .mobile .x-nav li>a {
	margin: 0 0 11px;
	border: 1px solid #3695d8;
	padding: 0.75em 0.95em;
	color: #fff;
	background-color: #3695d8;
}
.x-navbar .mobile .x-nav li.x-active>a {
	border: 1px solid #3695d8;
	color: #3695d8;
	background-color: #fff;
}
.x-navbar .mobile .x-nav li.donate>a {
	background-color: #d7190e;
	border-color: #d7190e;
}
.x-navbar .mobile .x-nav li a:hover {
	background-color: #d7190e;
	color: #fff;
	border-color: #d7190e;
}

/* PAGE TITLE */
.x-header-landmark {
	padding: 50px 0;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	border-left: none;
	border-right: none;
	background: #3695d8;
	background-size: cover;
	background-attachment: fixed;
	color: #fff;
}
.h-landmark {
	font-weight: 500 !important;
	text-transform: none;
}
.h-landmark, .entry-title.h-landmark {
	letter-spacing: -0.025em;
}

/* MAIN */
.x-main h1, .x-main h2, .x-main h3, .x-main h4, .x-main h5, .x-main h6,
.x-main .h1, .x-main .h2, .x-main .h3, .x-main .h4, .x-main .h5, .x-main .h6,
.x-main h1 a, .x-main h2 a, .x-main h3 a, .x-main h4 a, .x-main h5 a, .x-main h6 a,
.x-main .h1 a, .x-main .h2 a, .x-main .h3 a, .x-main .h4 a, .x-main .h5 a, .x-main .h6 a,
.x-main blockquote {
	color: #3695d8;
}
.x-main h1.accent, .x-main h2.accent, .x-main h3.accent, .x-main h4.accent, .x-main h5.accent, .x-main h6.accent,
.x-main .h1.accent, .x-main .h2.accent, .x-main .h3.accent, .x-main .h4.accent, .x-main .h5.accent, .x-main .h6.accent {
	color: #d7190e;
}
.x-main h1.accent span:before, .x-main h2.accent span:before, .x-main h3.accent span:before, .x-main h4.accent span:before, .x-main h5.accent span:before, .x-main h6.accent span:before,
.x-main .h1.accent span:before, .x-main .h2.accent span:before, .x-main .h3.accent span:before, .x-main .h4.accent span:before, .x-main .h5.accent span:before, .x-main .h6.accent span:before,
.x-main h1.accent span:after, .x-main h2.accent span:after, .x-main h3.accent span:after, .x-main h4.accent span:after, .x-main h5.accent span:after, .x-main h6.accent span:after,
.x-main .h1.accent span:after, .x-main .h2.accent span:after, .x-main .h3.accent span:after, .x-main .h4.accent span:after, .x-main .h5.accent span:after, .x-main .h6.accent span:after {
	display: none;
}
.x-main .colored h1, .x-main .colored h2, .x-main .colored h3, .x-main .colored h4, .x-main .colored h5, .x-main .colored h6,
.x-main .colored .h1, .x-main .colored .h2, .x-main .colored .h3, .x-main .colored .h4, .x-main .colored .h5, .x-main .colored .h6,
.x-main .colored h1 a, .x-main .colored h2 a, .x-main .colored h3 a, .x-main .colored h4 a, .x-main .colored h5 a, .x-main .colored h6 a,
.x-main .colored .h1 a, .x-main .colored .h2 a, .x-main .colored .h3 a, .x-main .colored .h4 a, .x-main .colored .h5 a, .x-main .colored .h6 a,
.x-main .colored blockquote {
	color: #fff;
}
.x-main .colored h1.accent, .x-main .colored h2.accent, .x-main .colored h3.accent, .x-main .colored h4.accent, .x-main .colored h5.accent, .x-main .colored h6.accent,
.x-main .colored .h1.accent, .x-main .colored .h2.accent, .x-main .colored .h3.accent, .x-main .colored .h4.accent, .x-main .colored .h5.accent, .x-main .colored .h6.accent {
	color: #dadada;
}

.x-main .colored,
.x-main .colored p,
.x-main .colored blockquote,
.x-main .colored ul li {
	color: #fff;
}
.x-main .colored a {
	color: rgba(255,255,255,0.85);
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
.x-main .colored a:hover {
	color: rgba(255,255,255,1);
}
.x-main .colored .x-btn,
.x-main .colored .button,
.x-main .colored [type="submit"] {
	border: 1px solid #fff;
	background-color: #fff;
	color: #636363;
	text-shadow: none !important;
}
.x-main .colored .x-btn:hover,
.x-main .colored .button:hover,
.x-main .colored [type="submit"]:hover {
	border-color: #fff;
	background-color: #636363;
	color: #fff;
	text-shadow: none;
}
.x-main .colored .x-btn:active,
.x-main .colored .button:active,
.x-main .colored [type="submit"]:active {
	border-color: #636363;
	background-color: #fff;
	color: #636363;
}
.x-main .colored .x-btn.red { background-color: #fff; border-color: #fff; color: #d7190e; }
.x-main .colored .x-btn.red:hover { background-color: #d7190e; border-color: #fff; color: #fff; }
.x-main .colored .x-btn.red:active { background-color: #fff; border-color: #d7190e; color: #d7190e; }
.x-main .colored .x-btn.blue { background-color: #fff; border-color: #fff; color: #3695d8; }
.x-main .colored .x-btn.blue:hover { background-color: #3695d8; border-color: #fff; color: #fff; }
.x-main .colored .x-btn.blue:active { background-color: #fff; border-color: #3695d8; color: #3695d8; }
.x-main .colored .x-btn.dblue { background-color: #fff; border-color: #fff; color: #267ac9; }
.x-main .colored .x-btn.dblue:hover { background-color: #267ac9; border-color: #fff; color: #fff; }
.x-main .colored .x-btn.dblue:active { background-color: #fff; border-color: #267ac9; color: #267ac9; }
.x-main .colored .x-btn.lblue { background-color: #fff; border-color: #fff; color: #75b9e6; }
.x-main .colored .x-btn.lblue:hover { background-color: #75b9e6; border-color: #fff; color: #fff; }
.x-main .colored .x-btn.lblue:active { background-color: #fff; border-color: #75b9e6; color: #75b9e6; }
.x-main .colored .x-btn.grey { background-color: #fff; border-color: #fff; color: #636363; }
.x-main .colored .x-btn.grey:hover { background-color: #636363; border-color: #fff; color: #fff; }
.x-main .colored .x-btn.grey:active { background-color: #fff; border-color: #636363; color: #636363; }

.x-main .x-btn, .x-main .button, .x-main [type="submit"],
.x-main .x-btn:hover, .x-main .button:hover, .x-main [type="submit"]:hover,
.x-main .x-btn:active, .x-main .button:active, .x-main [type="submit"]:active {
	text-decoration: none;
}

.x-text p span { color: #3695d8; }

.x-pagination a, .x-pagination span {
	float: left;
	margin: 0 3px;
	width: 36px;
	height: 36px;
	font-size: 15px;
	font-weight: 500;
	line-height: 36px;
	text-decoration: none;
	color: #3695d8;
	background-color: #fff;
	border-radius: 0;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.x-pagination a:hover {
	color: #fff;
	background-color: #d7190e;
	text-decoration: none;
}
.x-pagination span.current {
	color: #fff;
	background-color: #3695d8;
}
.x-pagination span.dots, .x-pagination span.expand {
	margin: 0;
	width: 24px;
	color: #636363;
	background-color: transparent;
	box-shadow: none;
}
.x-pagination a.prev-next {
	line-height: 33px;
	font-weight: 700;
}

.x-recent-posts * {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.x-recent-posts a {
	border: none;
	padding: 0;
	color: #393939;
	background-color: #fff;
	text-decoration: none;
}
.x-recent-posts a:hover {
	text-decoration: none;
}
.x-recent-posts .x-recent-posts-img {
	padding-bottom: 41.61%;
}
.x-recent-posts .x-recent-posts-img:after {
	background-color: #969696;
	border-radius: 0;
}
.x-recent-posts .x-recent-posts-content {
	padding: 15px;
	text-align: left;
}
.x-recent-posts .h-recent-posts,
.x-recent-posts .x-recent-posts-date {
	overflow: inherit;
	text-overflow: clip;
	white-space: normal;
}
.x-recent-posts .x-recent-posts-date {
	margin: 0;
	font-size: 12px;
	line-height: 1;
	text-transform: none;
	color: #d7190e;
}
.x-recent-posts .x-recent-posts-excerpt { margin-top: 10px; }
.x-recent-posts .x-recent-posts-excerpt p:last-child { margin-bottom: 0; }
.x-recent-posts a:hover .x-recent-posts-content { background: #3695d8; }
.x-recent-posts a:hover .x-recent-posts-content * { color: #fff; }
.x-recent-posts a:hover .x-recent-posts-content .x-recent-posts-excerpt p { color: #efefef; }

a.x-feature-box-link,
a.x-feature-box-link:hover {
	text-decoration: none;
}
.x-feature-box.agenda {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 3px solid #dadada;
	text-align: left;
}
a.x-feature-box-link:last-child .x-feature-box.agenda {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.x-feature-box.agenda * {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.x-feature-box.agenda .x-feature-box-graphic {
	padding-top: 15px;
}
.x-feature-box.agenda .x-feature-box-content {
	padding: 15px;
	background: #efefef;
}
a.x-feature-box-link:hover .x-feature-box.agenda .x-feature-box-content {
	background: #3695d8;
}
.x-feature-box.agenda .x-feature-box-content h4.x-feature-box-title {	
	font-size: 17px;
	line-height: 1.5;
	margin-bottom: 0.3em;
}
.x-feature-box.agenda .x-feature-box-content .x-feature-box-text {
	color: #393939;
	margin: 0;
}
.x-feature-box.agenda .x-feature-box-content .x-feature-box-text span {
	display: block;
	font-size: 12px;
	line-height: 1.8;
	color: #d7190e;
}
a.x-feature-box-link:hover .x-feature-box.agenda .x-feature-box-content h4.x-feature-box-title,
a.x-feature-box-link:hover .x-feature-box.agenda .x-feature-box-content .x-feature-box-text,
a.x-feature-box-link:hover .x-feature-box.agenda .x-feature-box-content .x-feature-box-text span {
	color: #fff;
}
a.x-feature-box-link:hover .x-feature-box.agenda .x-feature-box-content h4.x-feature-box-title {
	text-decoration: underline;
}
.x-feature-box.publication {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 3px solid #d9d9d9;
	text-align: left;
}
a.x-feature-box-link:last-child .x-feature-box.publication {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.x-feature-box.publication * {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.x-feature-box.publication .x-feature-box-graphic {
	padding-top: 15px;
}
.x-feature-box.publication .x-feature-box-content {
	padding: 0;
	background: transparent;
    width: 100%;
}
a.x-feature-box-link:hover .x-feature-box.publication .x-feature-box-content {
	background: #3695d8;
}
.x-feature-box.publication .x-feature-box-content h4.x-feature-box-title {	
	font-weight: 500;
    margin-top: 0.6em;
    margin-bottom: 0.2em;
    font-size: 1.6em;
    line-height: 1.5;
    letter-spacing: -0.005em;
	color: #636363;
}
.x-feature-box.publication .x-feature-box-content .x-feature-box-text {
	color: #393939;
	margin: 0;
}
.x-feature-box.publication .x-feature-box-content .x-feature-box-text span {
	display: block;
	font-size: 12px;
	line-height: 1.8;
	color: #d7190e;
}
.x-feature-box.publication .x-feature-box-content .x-feature-box-text a {
	display: block;
	margin: 15px auto 0 0;
    padding: 0.563em 1.125em 0.813em;
	font-size: 16px;
	line-height: 1.3;
    text-align: center;
    vertical-align: middle;
	border: 1px solid #3695d8;
    background-color: #3695d8;
    color: #fff;
    text-transform: uppercase;
    text-shadow: none !important;
	text-decoration: none;
    font-weight: 500;
    width: 50%;
    min-width: 240px;
    max-width: 420px;
}
.x-feature-box.publication .x-feature-box-content .x-feature-box-text a:hover {
	text-decoration: none;
	border-color: #d7190e;
    background-color: #d7190e;
    color: #fff;
}

/*
a.x-feature-box-link:hover .x-feature-box.publication .x-feature-box-content h4.x-feature-box-title,
a.x-feature-box-link:hover .x-feature-box.publication .x-feature-box-content .x-feature-box-text,
a.x-feature-box-link:hover .x-feature-box.publication .x-feature-box-content .x-feature-box-text span {
	color: #fff;
}
a.x-feature-box-link:hover .x-feature-box.publication .x-feature-box-content h4.x-feature-box-title {
	text-decoration: underline;
}
*/

blockquote {
	margin: 0;
	padding: 0 1em;
	border: none;
	font-family: "Roboto", sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.3;
	color: #3695d8;
}
.x-cite {
	display: block;
	margin-top: 0.75em;
	font-size: 0.725em;
	font-weight: 300;
	color: #969696;
}
q:before, blockquote:before {
	content: "\201c";
	display: block;
	font-size: 48px;
	position: relative;
	height: 0.65em;
	top: 0;
	left: -0.65em;
	text-align: left;
}
q:after, blockquote:after {
	content: "\201d";
	display: block;
	font-size: 48px;
	position: relative;
	height: auto;
	bottom: 0.325em;
	right: -0.325em;
	text-align: right;
}

.x-accordion-group {
	border: 0;
}
.x-accordion-heading a.x-accordion-toggle {
	text-decoration: none;
}
.x-accordion-heading .x-accordion-toggle {
	padding: 5px 30px;
	font-size: 100%;
	color: #636363;
	background-color: #c9c9c9;
	opacity: 0.5;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.x-accordion-heading .x-accordion-toggle.collapsed {
	padding: 15px 30px;
	font-size: 118%;
	color: #fff;
	background-color: #3695d8;
	opacity: 1;
}
.x-accordion-heading .x-accordion-toggle:hover {
	color: #fff;
	background-color: #d7190e;
	opacity: 1;
}
.x-accordion-heading .x-accordion-toggle:before,
.x-accordion-heading .x-accordion-toggle.collapsed:before,
.x-accordion-heading .x-accordion-toggle:hover:before,
.x-accordion-heading .x-accordion-toggle.collapsed:hover:before {
	color: inherit;
}
.x-accordion-inner {
	padding: 15px 0px;
	border-top: 2px solid #e5e5e5;
}
.x-main .colored .x-accordion-heading .x-accordion-toggle {
	color: #fff;
	border: 2px solid transparent;
	background-color: #393939;
}
.x-main .colored .x-accordion-heading .x-accordion-toggle.collapsed {
	color: #3695d8;
	border: 2px solid #fff;
	background-color: #fff;
}
.x-main .colored .x-accordion.red .x-accordion-heading .x-accordion-toggle.collapsed {
	color: #d7190e;
	border: 2px solid #fff;
	background-color: #fff;
}
.x-main .colored .x-accordion.blue .x-accordion-heading .x-accordion-toggle.collapsed {
	color: #3695d8;
	border: 2px solid #fff;
	background-color: #fff;
}
.x-main .colored .x-accordion.dblue .x-accordion-heading .x-accordion-toggle.collapsed {
	color: #267ac9;
	border: 2px solid #fff;
	background-color: #fff;
}
.x-main .colored .x-accordion.lblue .x-accordion-heading .x-accordion-toggle.collapsed {
	color: #75b9e6;
	border: 2px solid #fff;
	background-color: #fff;
}
.x-main .colored .x-accordion.grey .x-accordion-heading .x-accordion-toggle.collapsed {
	color: #636363;
	border: 2px solid #fff;
	background-color: #fff;
}
.x-main .colored .x-accordion-heading .x-accordion-toggle:hover {
	color: #fff;
	border: 2px solid #fff;
	background-color: #d7190e;
}
.x-main .colored .x-accordion.red .x-accordion-heading .x-accordion-toggle:hover {
	color: #fff;
	border: 2px solid #fff;
	background-color: #d7190e;
}
.x-main .colored .x-accordion.blue .x-accordion-heading .x-accordion-toggle:hover {
	color: #fff;
	border: 2px solid #fff;
	background-color: #3695d8;
}
.x-main .colored .x-accordion.dblue .x-accordion-heading .x-accordion-toggle:hover {
	color: #fff;
	border: 2px solid #fff;
	background-color: #267ac9;
}
.x-main .colored .x-accordion.lblue .x-accordion-heading .x-accordion-toggle:hover {
	color: #fff;
	border: 2px solid #fff;
	background-color: #75b9e6;
}
.x-main .colored .x-accordion.grey .x-accordion-heading .x-accordion-toggle:hover {
	color: #fff;
	border: 2px solid #fff;
	background-color: #636363;
}
.x-main .colored .x-accordion-inner {
	border-top: 2px solid #4d4d4d;
}

.overviewtree ul { list-style: none; margin-left: 0; }
.overviewtree ul li > ul { margin-left: 1.655em; }
.overviewtree ul li a {
	display: inline-block;
	margin: 0 5px 5px 0;
	padding: 5px 15px;
	background: #3695d8;
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	position: relative;
}
.overviewtree ul li a:hover {
	background: #d7190e;
	text-decoration: none;
}
.overviewtree ul li a:active {
	background: #fff;
	color: #3695d8;
	left: 5px;
}

.x-entry-share .x-share:hover { background-color: #d7190e; }

form.tinl-subscr-newsletter {}

/* SIDEBAR */
.x-sidebar .widget.widget_recent_entries ul li span.post-date {
	display: block;
	margin-top: 5px;
	font-size: 82%;
	color: #969696;
}

/* FOOTER */
.x-colophon .x-column .widget:first-child {
	margin-top: 0;
}
.x-colophon .h-widget {
	font-size: 138%;
}

.x-colophon.top {
	background-color: #c9c9c9;
}
.x-colophon.top .x-social-global a {
	margin-right: 15px;
	border: 2px solid transparent;
	width: 50px;
	height: 50px;
	line-height: 1.5;
	text-decoration: none;
	color: #636363;
}
.x-colophon.top .x-social-global a:hover {
	color: #fff;
	border: 2px solid #fff;
}
.x-colophon.top .x-social-global a i {
	font-size: 200%;
}
.x-colophon.top .wpcf7 textarea, 
.x-colophon.top .wpcf7 input[type="text"], 
.x-colophon.top .wpcf7 input[type="email"], 
.x-colophon.top .wpcf7 input[type="search"] { 
	width: auto;
}

.x-colophon.bottom {
	padding: 45px 0;
	font-size: 14px;
	line-height: 1.8;
	text-align: left;
	color: #393939;
	background-color: #dadada;
}
.x-colophon.bottom .x-column .widget:first-child {
	margin-top: 0;
}
.x-colophon.bottom .widget_nav_menu ul {
	border-bottom: none;
}
.x-colophon.bottom .widget_nav_menu ul>li {
	border-top: none;
	background: transparent;
}
.x-colophon.bottom .widget_nav_menu ul>li a {
	margin: 0;
	line-height: 1.8;
	color: #393939;
	text-decoration: none;
}
.x-colophon.bottom .widget_nav_menu ul>li a:hover {
	color: #3695d8;
}
.x-colophon.bottom .x-nav {
	margin: 0;
	text-align: right;
}
.x-colophon.bottom .x-nav li {
	color: #636363;
}
.x-colophon.bottom .x-nav li:before {
	content: "-";
}
.x-colophon.bottom .x-nav li a {
	letter-spacing: 0;
	text-transform: none;
	opacity: 1;
}
.x-colophon.bottom .x-nav li a:hover {
	opacity: 1;
}
.x-colophon.bottom .x-colophon-content {
	margin: 0;
	font-size: 12px;
	letter-spacing: 0 !important;
}

/*
** RESPONSIVE
*/

@media (max-width: 979px) {
	.x-topbar ul.tinl-topbarmenu {
		display: block;
	}
	.x-topbar .x-social-global {
		margin-bottom: 0;
		text-align: left;
	}
	.x-topbar .x-social-global a {
		margin: 0 1%;
	}
	.x-topbar .x-social-global a:first-child {
		margin: 0;
	}
}
@media (max-width: 767px) {
	.x-column.x-sm,
	.x-column.x-md {
		margin-top: 30px;
	}
	.x-column.x-sm:first-child,
	.x-column.x-md:first-child {
		margin-top: 0;
	}
}

/*
** MISC
*/
@media (min-width: 980px) {
	.x-columnize-three {
		-webkit-column-count: 3 !important;
		-moz-column-count: 3 !important;
		column-count: 3 !important;
	}
}
@media (max-width: 979px) {

	.x-main h1, .x-main .h1 { font-size: 2.2em; line-height: 1.2; }
	.x-main h2, .x-main .h2 { font-size: 1.9em; line-height: 1.3; }
	.x-main h3, .x-main .h3 { font-size: 1.6em; line-height: 1.4; }
	.x-main h4, .x-main .h4 { font-size: 1.4em; line-height: 1.5; }
	.x-main h5, .x-main .h5 { font-size: 1.2em; line-height: 1.6; }
	.x-main h6, .x-main .h6 { font-size: 1em; line-height: 1.6; text-transform: none; }
	
}
@media (max-width: 479px) {

	.x-main h1, .x-main .h1 { font-size: 1.8em; line-height: 1.4; }
	.x-main h2, .x-main .h2 { font-size: 1.6em; line-height: 1.4; }
	.x-main h3, .x-main .h3 { font-size: 1.4em; line-height: 1.5; }
	.x-main h4, .x-main .h4 { font-size: 1.2em; line-height: 1.5; font-weight: 600; }
	.x-main h5, .x-main .h5 { font-size: 1.1em; line-height: 1.6; font-weight: 600; }
	.x-main h6, .x-main .h6 { font-size: 1em; line-height: 1.6; font-weight: 600; text-transform: none; }
	.x-main h1, .x-main .h1, .x-main h2, .x-main .h2, .x-main h3, .x-main .h3, .x-main h4, .x-main .h4 { 
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
	blockquote {
		font-size: 1.2em;
		line-height: 1.7;
	}
	.x-cite {
		margin-top: 0.8em;
		font-size: 0.8em;
		color: #636363;
	}
	q:before, blockquote:before {
		font-size: 48px;
		height: 0.7em;
		top: 0;
		left: -0.7em;
	}
	q:after, blockquote:after {
		font-size: 48px;
		height: auto;
		bottom: 0.55em;
		right: -0.55em;
	}
	.x-main .x-column.introtext {
		padding: 30px !important;
		box-shadow: 0 0 12px rgba(0,0,0,0.25);
		position: relative;
		bottom: 30px;
	}
	/* .x-main .x-column.introtext .x-text { font-size: 100%; } */

}

.wpcf7-response-output:empty {
	display: none;
}

/*
** COOKIE NOTICE
*/
.cc-grower { border-bottom: 2px solid #eee; }
#cookie-notice, .cc-revoke, .cc-window { font-size: 14px !important; }
#cookie-notice .cookie-notice-container,
.cc-window.cc-banner {
	padding: 2em 3.6em !important;
	padding: 5vh 5vw !important;
	z-index: 3000;
	-ms-flex-direction: row;
	flex-direction: row;
	box-sizing: border-box;
	line-height: 1.5em;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	text-align: left;
}
#cookie-notice .cn-button, .cc-btn {
	font-size: 16px !important;
	padding: 0.4em 0.8em;
	margin-left: 0;
	transition: all 0.2s ease-in-out;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: justify;
	align-content: space-between;
}
#cookie-notice .cn-button:nth-child(n+3) { margin-left: 1.125em; }
#cn-notice-text, .cc-banner .cc-message { padding-right: 2.4em;-ms-flex: 1;flex: 1; }
#cn-accept-cookie.cn-button { background: rgb(100, 185, 30); color: #fff; font-weight: 700; font-size: 118%; }
#cn-accept-cookie.cn-button:hover { background: rgb(138, 223, 68); }
#cn-refuse-cookie.cn-button { padding: 0; font-weight: 700; font-size: 118%; }
#cn-more-info.cn-button, .cc-link { padding: 0 !important; }
.cc-revoke.cc-top {
	background-color: rgba(255,255,255,0.5) !important;
	border-radius: 0 !important;
	border-bottom: 1px solid #64b91e;
	color: #fff !important;
	font-weight:700;
	left: unset !important;
	right: 8%;
	font-size: 9.5px !important;
}
.cc-revoke.cc-top.cc-active {
	background-color: #64b91e !important;
}
@media (max-width: 767px) {
	.cc-revoke.cc-top {
		background-color: #fff !important;
		border-bottom: 1px solid #fff;
	}
	.cc-revoke.cc-top.cc-active {
		border: 0;
		background-color: #64b91e !important;
	}
	#cookie-notice .cookie-notice-container {
		flex-direction: column;
	}
	#cookie-notice .cn-button {
		margin-top: 0.65em;
	}
	#cookie-notice .cn-button:nth-child(n+2) {
		margin-left: 0;
	}
}