/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */
html, body {
	/* any div up to fullscreen-cont must have this
    in this case html and body */
    height:100%;
	min-height:100%;
	margin:0;
}

a:link, a:visited {
	text-decoration:none;
}
#breadcrumb, .region-menu-inner h2.block-title, div.feed-icon, .not-logged-in #field-news-page-add-more-wrapper, .not-logged-in .filter-guidelines-item li:first-child, .not-logged-in .filter-help {
	display:none;
}
img, embed, object, video {
	max-width:100%;
	height:auto;
}
img[usemap] {
	border: medium none;
	height: auto;
	max-width: 100%;
	width: auto;
}
.context-news .menu-714 a, .context-activities .menu-2141 a {
	color:#000!important;
}

body {
	background: #fff;
	color: #000;
	font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	line-height:24px!important;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h2.block-title {
	color:#8c1f7d;
	letter-spacing:0.06em;
	font-size:14px;
}
header{
	margin-top:20px;
}
.front #block-system-main, .front #page-title {
	display:none;
}
#region-content .region-content-inner {
	border: solid 0px #8c1f7d;
}
#section-content {
    margin-bottom: 50px;
}
.region-postscript-first, .region-postscript-second, .region-postscript-third {
	border-right: solid 1px #8c1f7d;
	border-width: 1px;
	border-color:#8c1f7d;
	/*-moz-border-image: url(/sites/all/themes/marlon/img/line3.png)  0 1 0 0 ;
	-webkit-border-image: url(/sites/all/themes/marlon/img/line3.png)  0 1 0 0 ;
	-o-border-image: url(/sites/all/themes/marlon/img/line3.png)  0 1 0 0 ;
	border-image: url(/sites/all/themes/marlon/img/line3.png)  0 1 0 0;*/
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background:#FFF;
	margin-right:0px
}
.region-postscript-first-inner, .region-postscript-second-inner, .region-postscript-third-inner {
	margin-right: 10px;
}
.region-postscript-first, .region-postscript-second, .region-postscript-third {
	border-left:0px;
}
.region-postscript-second, .region-postscript-third, .region-postscript-fourth {
/*	margin-left:0px!important;*/
	
}
#block-system-main .block-inner {
/*padding:0 10px;*/
}
#zone-content {
	line-height: 20px !important;
	min-height:500px;
}
#zone-menu-wrapper {
	/*background:  #8c1f7d;*/
	margin-top:25px;
}
#zone-menu {
	/*background:url('/sites/all/themes/marlon/img/bg_header.png') no-repeat right top #8c1f7d;*/
	height:67px;
}

.front #zone-menu-wrapper{
	/*height:200px;*/
}
#zone-header {
	text-align:center;
	margin-top:5px;
}

#zone-branding-wrapper {
	/* border-bottom:1px solid #8C1F7D; */
	/*background:url('/sites/all/themes/mar lon/img/bg_nav.png') repeat-x #dcb7d8;
	min-height:50px;
	max-height:250px;
	overflow:hidden;*/
}
.site-name-slogan {
	margin: 10px 0;
	margin-left: 5px;
}
.site-name {
	margin:0px;
}
h1.site-name a, h2.site-name a {
	color: #8C1F7D;
	font-size: 44px;
	font-weight: normal;
	letter-spacing: 1px;
}
.site-slogan {
	color:#ebd7e8;
	font-size:12px
}
.zone {
}
#zone-branding {
	padding-top: 15px;
}
#zone-user {
	padding-top:0px;
}
#zone-menu {
}
nav.navigation {
	/*background:url('/sites/all/themes/marlon/img/line.png') no-repeat left bottom;
	padding-bottom:3px;*/
	padding-top:20px;
	margin-bottom:20px;
}
.menu li {
	padding-top:0px;
}
#main-menu li{
	padding:0 1.2em;
	border-right:solid 1px #8c1f7d;
}
#main-menu a, .menu a, #block-block-8 a {
	color:#000;
	text-decoration:none;
	font-size:12px;
}
#main-menu a {
	font-weight:500;
	font-size:14px;
}
#main-menu a:hover, #main-menu a.active, #main-menu a.active-trail, .menu a:hover, .menu a.active, .menu a.active-trail {
	color:#8c1f7d;
}
.menu li {
	list-style:none;
}
#region-menu .menu li {
	display:inline-block;
}
#block-block-8 {
	position:fixed;
	right:10px;
	top:8px;
	text-align:right;
}
#block-block-8 p {
	margin:0px;
}
#block-block-8 p:first-child {
	/* background:url('/sites/all/themes/marlon/img/line2.png') no-repeat bottom left;
	width:190px;
	padding-bottom:2px; */
}
#block-views-banner-block {
	clear:both;
	padding-top:3px;
}
.navigation {
	margin-bottom:23px;
}
#zone-menu .block-menu-block-2 {
	top:36px;
}
.block-menu-block-2, .block-menu-block-7 {
	position:absolute;
}
.views-field-field-bannerfoto {
	text-align:center;
}
.view-Banner .views-field-field-tekst, .view-Banner .views-field-field-bannerfoto {
	display:inline-block;
}
.view-Banner .views-field-field-bannerfoto {
	max-width:600px;
	margin-left:300px;
}
.front .view-Banner .views-field-field-bannerfoto {
	max-width:640px;
	margin-left:280px;
}
.view-Banner .views-field-field-tekst {
	max-width:280px;
}
#zone-postscript, #zone-content {
	background:#FFF;
	padding-top:20px;
}
/******** faq **********/
.views-accordion-header.ui-state-active {
	background: #8C1F7D;
}
.views-accordion-header.ui-state-active a {
	color:#FFF;
}
/************************/
.node ol, .node ul {
	padding-left: 2em;
}
.context-task-groups h1#page-title {
	display:none;
}
.views-label {
	text-transform:uppercase;
	margin-bottom:15px;
	display:block;
}
.views-field-field-recentactivities, #region-postscript-first .block-views, #region-sidebar-first section {
	margin-bottom:15px;
}
.view li {
	list-style:disc;
	margin:0px;
}
.date, .submitted {
	font-style:italic;
	font-size:0.8em;
	text-align:right;
	display:block;
}
.block-views-news-block .views-field-title a, .field-name-field-author, .view-news .views-field-title, h2.node-title {
	font-size:14px;
	font-weight:bold;
}
.block-views-news-block-1 .views-field-title a, .block-views-news-block .views-field-title a{
	font-weight:normal;
}
a:hover {
	color:#2284c2;
}
#region-sidebar-first .view-news .views-row {
	border-bottom:solid 1px;
	padding-top:10px;
	padding-bottom:10px
}
nav.links {
	margin-top:10px;
}
.view-news .views-row:first-child {
}
/*span[rel="sioc:has_creator"] {
	display:none;
}*/

.morelink {
	text-align:right;
	display:block
}
#user-login-form input {
	border:solid 1px #8c1f7d;
	width:100%;
}
#user-login-form input[type=submit] {
	text-transform:uppercase;
	background:#8c1f7d;
	border: solid 1px#8c1f7d;
	border-radius: 0;
	color: #fff;
	cursor: pointer;
	font: bold 12px/1.2 Arial, sans-serif;
	outline: 0 none;
	overflow: visible;
	padding: 3px 10px 4px;
	max-width:120px;
}
input[type="submit"] {
    background: #8c1f7d;
    border: 1px solid #8c1f7d;
    text-shadow: none;
    color: #fff;
}
.form-actions input:hover {
    color: #8c1e7d;
}
#edit-actions {
	text-align:left;
    margin-top: 13px;

}
#user-login-form label {
	font-weight: normal;
	text-transform:uppercase;
	color:#8c1f7d;
	font-size:0.7em;
	line-height:7px;
}
.marker {
	color: #8c1f7d;
}
.form-required{
	color: #000;
}
.form-required::after{
	content: '*';
	margin-left: 5px;
	color: #8c1f7d;
}
a.block-title {
	font-size: 18px;
	margin: 0;
}
#block-user-login {
	margin-top:15px;
}
.region-postscript-fourth-inner .block-views {
	margin-bottom:15px;
}
.view-board-members{
	padding-top:20px;
}
.view-board-members .bm {
	display:inline-table;
	height:220px;
	overflow:hidden;
}
.bm div {
	text-align:center;
	width:130px;
}
.italic {
	font-style:italic;
}
.webform-container-inline label, .webform-component-select label {
	display: inline-block;
	font-size: 10px;
	font-weight: normal;
	margin-right: 1em;
	width: 125px;
}
.form-type-checkbox label {
	width:auto;
}
.webform-client-form p {
	font-weight:bold;
}
.region-postscript-first a, .views-field-field-tgle-mail .field-content {
	overflow:hidden;
	text-overflow:ellipsis;
}
.views-field-field-date h3{
	text-align:right;
	color:#666;
	font-style:italic;
	font-size:12px;
}

.seminars .views-field-body, .seminars .views-field-field-seminar-picture{
	float:left;
}
.seminars .views-field-body{
	width:480px;
	margin-right:5px;
}
.seminars .views-field-nothing{
	clear:both;
}
.entity-field-collection-item .field-name-field-category{
	color: #8c1f7d;
	font-weight:bold;
}
.context-activities article .field-name-field-type{
	display:none;
}
.entity-field-collection-item .field-name-field-presentation .field-label, .entity-field-collection-item .field-name-field-paper .field-label{
	font-weight:normal;
	font-size:0.8em;
}

.mailchimp-signup-subscribe-form{
	border:solid 1px #CCC;
	padding:5px;
}
.mailchimp-signup-subscribe-form label{
	font-weight:normal;
}
.mailchimp-signup-subscribe-form input{
	width:100%;
}
.region-sidebar-second-inner section{
	border-bottom:solid 1px #000;
	padding-bottom:20px;
	padding-top:20px;
}
#region-sidebar-second .block p {
    border-bottom: solid 1px #000;
    padding-bottom: 20px;
    padding-top: 0px;
}
#region-sidebar-second ul {
    padding-left: 20px;
}
#region-sidebar-first ul{
	margin-left:20px;
}
#block-block-17, .branding-data{
	/* position:absolute; */
}
#block-block-17{
	color:#FFF;
	margin-left:10px;
	margin-top:38px;
	text-shadow: 2px 2px #666;
	font-size:18px;
	letter-spacing:0.03em;
	width:100%;
	text-align:center;
}
/* View ongoing projects */
.view-id-ongoing_projects.view-display-id-page .views-row {
    margin-bottom: 20px;
}

/* SLIDESHOW op FRONT */
#block-views-slideshow-startpagina-block{
	margin-bottom: 25px;
	height:auto!important;
	max-height:400px;
	overflow:hidden;
}
.view-slideshow-startpagina, #views_slideshow_cycle_main_slideshow_startpagina-block, .views-slideshow-cycle-main-frame, .views-slideshow-cycle-main-frame-row{
	width:100%!important;
	max-height:400px;
	height:auto;!important;
	overflow:hidden;
}


.views-field-field-overlay-tekst
{
/* background-color: rgba(252, 201, 84, 0.6);*/ /* PMS 135 */
float: right;
height: 40px;
margin-top: -60px;
position: absolute;
width: 100%;
/* Fallback for IE */
/*background-color: rgba(252, 201, 84, 0.6);

background: -webkit-linear-gradient(left, rgba(252, 201, 84, 0.4) , rgba(252, 201, 84, 0.8)); 
background: -o-linear-gradient(right, rgba(252, 201, 84, 0.4), rgba(252, 201, 84, 0.8)); 
background: -moz-linear-gradient(right, rgba(252, 201, 84, 0.4), rgba(252, 201, 84, 0.8)); 
background: linear-gradient(to right, rgba(252, 201, 84, 0.4) , rgba(252, 201, 84, 0.8)); */
}

.views-field-field-overlay-tekst a{
color: #FFFFFF;
float: right;
font-family: "lucida grande",helvetica,arial,sans-serif;
font-size: 14px;
line-height: 22px;
padding: 6px 20px;
text-decoration: none;
}
.views-field-field-fotoverantwoording
{
/* background-color: rgba(252, 201, 84, 0.6);*/ /* PMS 135 */
float: left;
height: 40px;
margin-top: -50px;
position: absolute;
padding-left:8px;
color: #FFFFFF;
font-family: "lucida grande",helvetica,arial,sans-serif;
font-size: 12px;
line-height: 22px;
}

#block-views-slideshow-block .views-slideshow-cycle-main-frame-row-item{}



#block-views-slideshow-block{
margin-bottom:0px;
}

.view-album a{
	display:none;
}
.view-album a:first-child{
	display:block;
	}
.view-album {
	text-align:center;
}

#block-views-album-block{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 5px 5px 5px #888;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-top: 20px;
    padding: 10px;
}

.front .region-sidebar-first section{
	border-bottom:solid 1px #000;
}
.front .region-sidebar-second section{
	border-top:solid 1px #000;
}
#block-menu-block-6, #block-block-4{
	display:block;
}
#block-block-4 p{
	margin-bottom:0px;
}

#main-menu{
	display:none;
}
#block-block-17 .block-inner{
	margin-top:-70px;
	color:#42053a;
	font-size:12px;
	text-shadow:none;
	display:none;
	
}
#button-mobile img {
	cursor:pointer;
	opacity:0.8;
}
#button-mobile img:hover {
	opacity:1
}

#block-menu-block-6 {
    background-color: #fcfcfc;
    border-right: 1px solid #b2d7ee;
    bottom: 0;
    box-shadow: -5px 5px 3px rgba(0, 0, 0, 0.8), 5px 5px 3px rgba(0, 0, 0, 0.3);
    display: none;
    left: -20px;
    padding-left: 26px;
    position: absolute;
    top: -20px;
    width: 200px;
    z-index: 105240;
	height:200px
}
.block-12 {
	margin-top:10px;
}
.not-logged-in .field-edit-link,.not-logged-in #edit-field-news-tags {
	display:none;
}
.view-title a {
    color: #8c1f7d;
    font-weight: 600;
    font-size: 15px;
}
#region-content .views-row {
   margin-bottom: 25px;
    padding: 10px;
}
#region-content .view-id-news .views-row-odd, #region-content .view-ongoing-projects .views-row-odd, .view-archive-blog .views-row-odd, .view-archive .views-row-odd  {
    background: whitesmoke;
    border-bottom: 1px solid #e0e0e0;
}
.page-node-add-news .field-type-taxonomy-term-reference, .page-node-add-news .field-type-menu-reference-link, .front #block-views-contact-block-1 .block-title{
	display:none;
}
.views-field-field-tglname h2{
	margin-bottom:0px;
}
#block-views-taskgroups-block-4{
	margin-bottom:15px;
}
.comment h3{
	font-size:14px;
}
.form-item-group-access-und, .edit-author--2{
	display:none;
}
.panels-flexible-region-inside {
    padding-left: 2em;!important
}

.panel-flexible .panel-separator {
	border-bottom: black solid 1px;
}

.panels-flexible-region-2-center {
	padding-right:20px;
}
form.comment-form {
	color:#666;
	font-size:0.8em;
	margin-top:20px;
	background:#E3E3E3;
	padding:20px;
}


/** 
** ELONISAS CSS **
*/

/* Header */
a.join-btn {
    padding: 14px;
    background: #8c1e7d;
    border-radius: 0 17px 0 0;
    color: #fff;
}
a.join-btn:hover {
    background: #fff;
    color: #8c1e7d;
    border: 1px solid #8c1e7d;
}

#section-header {
	margin-top: 0;
}

#section-header #zone-user-wrapper {
	background: white;
}

#section-header #zone-branding-wrapper {
	background: #f5f5f5;
    /* height: 115px; */
}

#zone-branding {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 20px;
}

img#logo {
    /* height: 0; */
    width: 250px;
    /* object-fit: cover; */
    /* display: none; */
}
.logo-img {
    /* float: left;
    margin-left: 10px;
    background-image: url(https://eurocris.elonisas.dev/sites/default/files/Eurocris-logo-met-text-def.svg);
    background-repeat: no-repeat;
    background-size: 251px;
    background-position: initial;
    height: 88px; */
}

#section-header #region-search {
	display: flex;
    justify-content: flex-end;
    align-items: end;
}

#section-header #region-search .region-inner {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
    align-items: baseline;
}

#section-header #region-search #block-block-8 {
	position: static;
	margin-right: 10px;
}

#section-header #region-search form.search-form > div {
	display: flex;
	flex-direction: row;
}

#section-header #region-search form.search-form input[type=text] {
	border: 1px solid #8c1f7d;
	border-right: transparent;
}

#section-header #region-search form.search-form input.form-submit {
	border-radius: 0;
    background: #fff;
	border: 1px solid #8c1f7d;
	border-left: transparent;
	color: #8c1f7d;
	height: 23px;
    box-sizing: border-box;
    padding: 2px 5px;
}

#section-header #zone-menu-wrapper {
	background: white;
	margin: 0;
/*
	border-top: 1px solid #8C1F7D;
	border-bottom: 1px solid #8C1F7D;
*/
}

#section-header #zone-menu {
	height: auto;
}

#zone-menu nav.navigation {
	margin: 0;
	padding: 10px 0;
}

#zone-menu #main-menu {
	margin: 0;
}

/* Footer */
footer#section-footer {
    background: #F5F5F5;
}
#zone-footer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#region-footer-first {
	width: 15%;
	color: white;
	margin: 0;
    display: flex;
    align-items: baseline;
    justify-content: center;
    padding-top: 30px;
}

#region-footer-second {
	width: 85%;
	color: #8d237f;
	margin: 0;
	padding: 30px 60px;
    box-sizing: border-box;
}

#region-footer-second a {
    font-size: 15px;
}

#region-footer-second .content a:hover {
    color: #8c1e7d;
}

#region-footer-second a:before {
    content: " • ";
    color: #8c1e7d;
    font-size: 20px;
    vertical-align: middle;
}

#region-footer-second a:hover:before {
    color: #000;
}

#region-footer-second .region-inner {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}

.region-footer-second .block {
    width: 33%;
}

.region-footer-second-inner section:nth-child(n+3) {
/*    margin-top: 25px;*/
}

#region-footer-second .block-title {
    text-transform: capitalize;
    font-size: 20px;
}

#region-footer-second ul.menu li,
#region-footer-second ul.menu li.leaf {
	list-style: none;
	list-style-image: none;
	margin: 0;

}

footer h2.block-title {
    color: #000;
}

#region-footer-second .content a {
	color: #000;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
	display: block;
	margin: 5px 0;
}

#region-footer-bottom {
	color: #000;
	margin: 0;
	padding: 15px 30px;
	width: 100%;
    border-top: 1px solid #e4e4e4;
}

#region-footer-bottom .region-footer-bottom-inner {
	display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}

#region-footer-bottom .region-footer-bottom-inner a {
	color: #000;
	margin-left: 0;
}

#region-footer-bottom .region-footer-bottom-inner a:hover {
    color: #8c1f7d;
}

#region-footer-bottom .region-footer-bottom-inner .block .content {
	display: flex;
}

#region-footer-bottom .follow-us-links {
	display: flex;
	margin: 0;
	list-style: none;
}

#region-footer-bottom .follow-us-links li {
    margin-left: 1rem;
}

ul.follow-us-links a {
    font-size: 20px;
}

#cookie-banner {
    right: 3%;
    left: 3%;
}

#cookie-banner p {
    font-size: 12px;
}

#cookie-banner p a {
    color: #ff9cf1;
    font-size: 12px;
}

#cookie-banner p a:hover {
    color: #fff;
}

#cookie-banner .close {
    background: url("/sites/default/files/Accept-cookies-small.png");
    background-repeat: no-repeat;
    width: 45px;
    height: 35px;
    top: 15px;
    right: 15px;
}

#cookie-banner .close:hover, #cookie-banner .close:focus {
    background-position: 0;
}

@media screen and (max-width: 650px) {

	#region-footer-first, #region-footer-second {
		width: 100%;
	}

	#region-footer-second .block {
		width: 100%;
	}

	.region-footer-second-inner section:nth-child(n+2) {
		margin-top: 25px;
	}

	#region-footer-bottom .region-footer-bottom-inner {
		flex-direction: column;
	}

	#region-footer-bottom .region-footer-bottom-inner .block {
		width: 100%;
	}

	#region-footer-bottom .region-footer-bottom-inner .block .content {
		justify-content: center;
	}
}

/* SLICK SLIDER */
.slick--optionset--homepage-slider .slick__slider {
	display: flex;
	align-items: flex-end;
}
.slick--optionset--homepage-slider .slide__content {
	display: flex;
	flex-direction: row;
}

.slick--optionset--homepage-slider .slide__media {
	width: 100%;
}

.slick--optionset--homepage-slider .slide__caption {
	width: 250px;
	padding: 20px;
}

.slick--optionset--homepage-slider .slick-list,
.slick--optionset--homepage-slider .slick-slide {
	display: block;
    width: 700px;
}
@media screen and (max-width: 1218px) {
	.slick--optionset--homepage-slider .slick-list,
	.slick--optionset--homepage-slider .slick-slide {
		width: 560px;
	}
}
@media screen and (max-width: 978px) {
	.slick--optionset--homepage-slider .slick__slider {
		display: block;
	}
	.slick--optionset--homepage-slider .slick-list,
	.slick--optionset--homepage-slider .slick-slide {
		width: auto;
	}
}

.slick--optionset--homepage-slider .slick__slide {
	border: solid 1px #8c1f7d;
}

.slick--optionset--homepage-slider .slide__title {
	margin-bottom: 10px;
}
.slick--optionset--homepage-slider .slide__title,
.slick--optionset--homepage-slider .slide__title a {
	font-weight: bold;
	color: black;
}

.slick--optionset--homepage-slider .slide__link {
	margin: 10px 0 0 0;
}
.slick--optionset--homepage-slider .slide__link,
.slick--optionset--homepage-slider .slide__link a {
	font-weight: bold;
	color: #8c1f7d;
}

.slick--optionset--homepage-slider .slick-dots li.slick-active button:before {
    opacity: .75;
    color: #8c1f7d;
}
.slick--optionset--homepage-slider .slick-dots li button:before {
	opacity: .25;
    color: #8c1f7d;
}

.slick--optionset--homepage-slider .no-slick-dots {
	display: flex!important;
	margin: 0 0 4px 10px;
	width: 100px;
}
.slick--optionset--homepage-slider .no-slick-dots li {
	list-style: none;
}
.slick--optionset--homepage-slider .no-slick-dots li:not(:last-child) {
	margin-right: 5px;
}
.slick--optionset--homepage-slider .no-slick-dots button {
	background: transparent;
	color: #000000;
	font-size: 14px;
	border: 1px solid #8c1f7d;
	border-radius: 0;
	padding: 3px 8px;
	font-weight: 400;
}
.slick--optionset--homepage-slider .no-slick-dots button:active,
.slick--optionset--homepage-slider .no-slick-dots button:focus {
	box-shadow: none;
}
.slick--optionset--homepage-slider .no-slick-dots .slick-active button {
	background: #8c1f7d;
	color: white;
}

/* Placeholder block */
#block-block-40 {
    color: transparent;
}