/**
 * @file
 * Subtheme specific CSS.
 */
#node-activiteit-edit-form label, #node-activiteit-edit-form .fieldset-legend, #node-activiteit-form legend, #node-activiteit-form label{
	color:#1D84C3;
	font-style:italic;
	font-size:120%;
}
#node-activiteit-edit-form .fieldset-legend, #node-activiteit-form .fieldset-legend{
	font-size:90%;
}
#node-activiteit-edit-form .form-check-label, #node-activiteit-form .form-check-label{
	font-style:normal;
	color:#000;
}
#edit-field-korte-omschrijving-0-format, #edit-field-lange-omschrijving-0-format, #edit-field-extra-info-blda-0-format, #edit-field-activiteit-gaat-niet-door-0-format, #edit-field-hoe-inschrijven-0-format{
	display:none;
}
#edit-field-korte-omschrijving-0--description, #edit-field-lange-omschrijving-0--description{
	margin-top:-15px;
	color:#cc0000;
	font-style:italic;
	text-align:left;
	font-size:90%;
}
.views-field, .views-field a{
	color:#000;
}
.views-field a:hover{
	color:#cc0000;
}
#edit-submit-overzicht-maand{
	background-color:#1d84c3;
	padding: 8px 16px; /* Pas de padding aan zoals nodig */
    font-size: 14px; /* Pas de lettergrootte aan zoals nodig */
	border:0;
}
#edit-reset{
	background-color:#cc0000;
	padding: 8px 16px; /* Pas de padding aan zoals nodig */
    font-size: 14px; /* Pas de lettergrootte aan zoals nodig */
	border:0;
}

/*opmaak van alle events*/
.view-id-overzicht_ .views-field-edit-node a{
    display: inline-block;
    text-indent: -9999px; /* Verberg de tekst */
    width: 17px; /* Pas aan op basis van je pictogramgrootte */
    height: 17px; /* Pas aan op basis van je pictogramgrootte */
    background: url('/sites/default/files/pen-to-square-regular.svg') no-repeat center center; /* Voeg het pad naar je pictogram toe */
}
.view-id-overzicht_ .views-field-delete-node a{
    display: inline-block;
    text-indent: -9999px; /* Verberg de tekst */
    width: 17px; /* Pas aan op basis van je pictogramgrootte */
    height: 17px; /* Pas aan op basis van je pictogramgrootte */
    background: url('/sites/default/files/trash-can-regular.svg') no-repeat center center; /* Voeg het pad naar je pictogram toe */
}
/*export button*/
.view-id-overzicht_ .feed-icon{
	width:180px;
	height:40px;
	margin-bottom:10px;
	position:absolute;
	top:160px;
	left:15px;
}
/*filters*/
.featured-top .block-facet--dropdown{
	float:left;
	width:auto;
	margin-top:10px;
}
.featured-top .facets-dropdown{
	height:45px;
	padding:0 10px;
}
.featured-top .facets-dropdown option{
	padding:10px
}
/*navigatie kalender*/
.calendar-view-pager__reset{
	position:absolute;
	top:15px;
	right:15px;
}
.calendar-view-pager__reset a{
	color:#1d84c3;
	background-color:#fff;
	padding:5px 10px;
	margin:0;
	border-radius:3px;
}
.calendar-view-pager{
	width:260px;
	list-style:none;
	position:absolute;
	top:50px;
	right:5px;
}
.pager__current{
	padding-top:16px;
}
.region-featured-top{
	position:relative;
}
#block-bootstrap-barrio-subtheme-reset .facet-summary-item--clear, #block-bootstrap-barrio-subtheme-resetweek .facet-summary-item--clear{
	list-style:none;
	position:absolute;
	top:65px;
	left:20px;
	z-index:9999;
}
#block-bootstrap-barrio-subtheme-reset .facet-summary-item--clear a, #block-bootstrap-barrio-subtheme-resetweek .facet-summary-item--clear a{
	text-decoration:none;
}

/*kleuren van animatoren op maand/weekoverzicht*/
.views-field-field-initialen .field-content{
	color:#cc0000;
	font-size:85%;
}



/*loginscherm*/
#block-bootstrap-barrio-subtheme-gebruikerslogin {
	margin-bottom:60px;
}
#block-bootstrap-barrio-subtheme-gebruikerslogin #user-login-form, #block-bootstrap-barrio-subtheme-gebruikerslogin{
	margin:0 auto;
	text-align:center;
}
#user-login-form .login-title{
	background-color:#1D84C3;
	color:#fff;
	padding:10px 0
}
#user-login-form {
	border-color:#1D84C3;
}
#user-login-form .form-type-password{
	width:80%;
}
#user-login-form #edit-submit{
	background-color:#1D84C3;
	border-color:#1D84C3;
}
#user-login-form #edit-name{
	width:48%;
	background-color:#fff;
	color:#000;
}
#user-login-form #edit-pass{
	width:60%;
	background-color:#fff;
	color:#000;
}
#block-bootstrap-barrio-subtheme-gebruikerslogin .item-list{
	margin:10px 0 60px 0;
}
#block-bootstrap-barrio-subtheme-gebruikerslogin .list-group-item{
	border:0; !important
}

/*opmaak van de titels met kleuren volgens hun locatie*/
.schoppeke{
	color:#e30513;
	font-size:120%;
}
.waaier{
	color:#f39200;
	font-size:120%;
}
.kroon{
	color:#eb608a;
	font-size:120%;
}
.komeet{
	color:#55bbb1;
	font-size:120%;
}
.rosmolen{
	color:#18ade4;
	font-size:120%;
}
.spv-popup-content {
  display: none;
  position: absolute;
  background: #fff;
  padding: 5px;
  border-radius: 10px;
  transition: opacity 0.2s;
  z-index: 9999999;
  border: 1px solid #000000;
  width: 1000px;
  box-shadow: 0px 0px 1px 1px;
}

@media (max-width: 480px) {
/*algemene info layout*/
	.column50{
		width:99%;
		float:left;
	}
	.site-footer{
		background-color:#ffffff;
	}
	.nav-item{
		color:#cc0000;
	}

/*opmaak van de pagina medewerkers*/
	.view-id-medewerkers table thead th{
		color:#333;
	}
	.js .dropbutton-widget{
		width:85%;
	}
	caption {
		caption-side: initial;
		font-size: 120%;
		color:#1D84C3;
		font-weight:bold;
	}

/*opmaak van de weekview*/
	tr.odd{
		background-color:#FFFFFF;
	}
	tr.even{
		background-color:#FFFFFF;
	}

/*opmaak van activiteiten, zowel formulier als view mode*/
	.node--type-activiteit .field__label{
		color:#1D84C3;
		font-style:italic;
	}
/*opmaak categorieen*/
	.view-id-categorieen table thead th{
		color:#333;
	}
	
/*opmaak van oplijsting van activiteiten*/
	.view-id-overzicht_ .views-field {
		text-decoration:none;
	}

	.form-item-field-datum-extern-value-min label, .form-item-field-datum-extern-value-max label{
		display:none;
	}
}

@media (min-width: 481px) {
  
}

@media (min-width: 769px) {
/*algemene info layout*/
	.column50{
		width:48%;
		margin:1%;
		float:left;
	} 
	.nav-item a{
		color:#cc0000;
	}
	
	/*navigatie*/
	
	#block-bootstrap-barrio-subtheme-main-menu a{
		color:#fff;
		padding-right:25px;
	}
	/* Stijl voor submenu-items */
	#block-bootstrap-barrio-subtheme-main-menu .dropdown-item a{
  		color: #cc0000; 
		text-decoration:none;
	}
	#CollapsingNavbar {
    	justify-content: flex-start !important;
		margin-left:20px;
	}	
	 
/*opmaak van de pagina medewerkers*/
	.view-id-medewerkers table thead th{
		color:#333;
	}
	
	caption {
		caption-side: initial;
		font-size: 120%;
		color:#1D84C3;
		font-weight:bold;
	}
/*opmaak van de weekview*/
	tr.odd{
		background-color:#FFFFFF;
	}
	tr.even{
		background-color:#FFFFFF;
	}
/*opmaak van activiteiten, zowel formulier als view mode*/
	.node--type-activiteit .field__label{
		color:#1D84C3;
		font-style:italic;
	}
/*opmaak categorieen*/
	.view-id-categorieen table thead th{
		color:#333;
	}	
}

@media (min-width: 1025px) {

}

@media (min-width: 1201px) {

}