/* theme options */


/* custom CSS */
@media only screen and (max-width: 767px){
	h1{
			font-size: 40px;
			line-height: 45px;
	}

	h2{
			font-size: 35px;
			line-height: 40px;
	}
}

h6{
	text-transform:uppercase;
}

.bottomclose{
	margin-bottom: 2px;
}

blockquote{
	font-size:24px;
}

.style-simple .progress_icons .progress_icon.themebg {
    border-color: rgba(0,0,0,0);
    color: #F5C841;
}

.style-simple .progress_icons .progress_icon:not(.themebg) {
    border-color: rgba(0,0,0,0);
	  color: #e9e0d9;
}

.progress_icons {
    margin-bottom: 0px;
}

.progress_icons .progress_icon {
    font-size: 25px;
}


	

.p-title{
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:25px;
}

.oord-underline-bruin{ 
	text-decoration-line: underline;
	text-decoration-color: #d0a57a;
}

.oord-underline-groen{
	text-decoration-line: underline;
	text-decoration-color: #016440;
}

.oord-underline-geel{
	text-decoration-line: underline;
	text-decoration-color: #F5C841;
}

.oord-underline-paars{
	text-decoration-line: underline;
	text-decoration-color: #876EF0;
}

.oord-text-groen{
	color: #016440;
}

.oord-text-beige{
	color: #FFEBD6;
}

.oord-text-geel{
	color: #F5C841;
}

.oord-text-paars{
	color: #876EF0;
}

.oord-btn-groen{
	color:#FFFFFF !important;
	background-color: #016440 !important;
	border-color: #016440 !important;
}

.oord-btn-beige{
	color:#FFFFFF !important;
	background-color: #FFEBD6 !important;
	border-color: #FFEBD6 !important;
}

.oord-btn-geel{
	color:#016440 !important;
	background-color: #F5C841 !important;
	border-color: #F5C841 !important;
}

.oord-btn-paars{
	color:#FFFFFF !important;
	background-color: #876EF0 !important;
	border-color: #876EF0 !important;
	/*transition:color 0.3s ease-in, background-color 0.3s ease-in, border-color 0.3s ease-in;*/
}

.oord-btn-wit{
	color:#016440 !important;
	background-color: #FFFFFF !important;
	border-color: #FFFFFF !important;
}

.oord-btn-wit-outline{
	color:#FFFFFF !important;
	background-color: transparent !important;
	border-color: #FFFFFF !important;
}

/*.oord-btn-wit-outline:hover{
	color:#000000 !important;
	background-color: #FFFFFF !important;
	border-color: #FFFFFF !important;
}*/

.oord-btn-groen:hover, .oord-btn-geel:hover, .oord-btn-paars:hover, .oord-btn-beige:hover, .oord-btn-wit:hover, .oord-btn-wit-outline:hover {
	color:#FFFFFF !important;
	background-color: #0dbb7a !important;
	border-color: #0dbb7a !important;
}


/*button margins */
.content_wrapper .button, .content_wrapper button, .content_wrapper input[type="button"], .content_wrapper input[type="reset"], .content_wrapper input[type="submit"]{
    margin: 0 10px 10px 10px;
		line-height:21px;
}

/* small button size */
.button-custom .button_size_1 {
    transform: scale(0.8);
}

.column_attr .button{
	margin: 0 -10px 10px -10px;
}

/* Hoofdmenu 
#Top_bar .menu > li > a:hover{
	text-decoration-line: underline;
  text-decoration-thickness: 3px;
  text-decoration-color: #F5C841;
}*/




#Top_bar .menu > li.menu-item > a:hover{
	font-size:105%;
}

#Top_bar .menu > li.current-menu-item > a{
		text-decoration-line: underline;
    text-decoration-thickness: 3px;
    text-decoration-color: #876EF0;
		font-size:105%;
}

/* kleinere items in menu (foto / contact / winkelwagen) */

#Top_bar .menu > li#menu-item-957 > a{
		margin-top: 60px;
}

#Top_bar .menu > li#menu-item-957 > a, #Top_bar .menu > li#menu-item-881 > a, #Top_bar .menu > li#menu-item-1315 > a{
		font-size:90%;
		
		color: #FFEBD6;
}

#Top_bar .menu > li#menu-item-957 > a:hover, #Top_bar .menu > li#menu-item-881 > a:hover, #Top_bar .menu > li#menu-item-1315 > a:hover{
		font-size:95%;
}

#Top_bar .menu > li#menu-item-957 > a span, #Top_bar .menu > li#menu-item-881 > a span, #Top_bar .menu > li#menu-item-1315 > a span{
		border-bottom-width: 0px !important;
		line-height: 30px !important;
}


/*social media menu */
#Action_bar .social li a, #Header_creative .social li a, #Action_bar:not(.creative) .social-menu a {
    color: #FFEBD6;
    font-size: 1.5em;
}

/* social media footer */

.socialfooter a{
	text-decoration:none;
	font-size:1.4em;
}

/* blog post view */

.scale-with-grid.wp-post-image { border-radius: 20px; }

.post-desc-wrapper{
	background-color: #FFFFFF;
	/*border-radius: 0px 0px 20px 20px;*/
}

.post-item{
	border-radius: 20px;
}

.post-meta .author-date {
    display: none;
}

/* kleur lijntjes top/bottom */

.oord-deco-lines {
    border-top: 5px solid;
    border-image: linear-gradient(to right, #876ef0 50%, transparent 50%) 100% 1;
}

.oord-deco-lines {
    border-top: 5px solid;
    border-image: linear-gradient(to right, #876ef0 60%, transparent 60%) 100% 1;
}

.oord-deco-lines::after { 
    content:"";
		display:block;
    height:5px; 
    width:100%;
    background-color:#F5C841;
}

@media only screen and (min-width: 1240px){
	.bg-kenburns{
		animation:kenburns ease-out 50s forwards;
	}
	
	.bg-kenburns2{
		animation:kenburns2 ease-out 50s forwards;
	}
	
	.bg-kenburns3{
		animation:kenburns3 ease-out 50s forwards;
	}	
	
}

@keyframes kenburns {
  0% {
    background-position: 50% 70%;
		background-size: 130%;
  }
  50% {
    background-position: 30% 90%;
		background-size: 100%;  
	}
  100% {
    background-position: 50% 70%;
		background-size: 130%;
  }	
}

@keyframes kenburns2 {
  0% {
    background-position: 50% 45%;
		background-size: 130%;
  }
  50% {
    background-position: 30% 55%;
		background-size: 100%;  
	}
  100% {
    background-position: 50% 45%;
		background-size: 130%;
  }	
}

@keyframes kenburns3 {
  0% {
    background-position: 50% 20%;
		background-size: 130%;
  }
  50% {
    background-position: 30% 40%;
		background-size: 100%;  
	}
  100% {
    background-position: 50% 20%;
		background-size: 130%;
  }	
}

.oord-highlight-paars{
		background-color: #876EF0;
    color: #FFFFFF;
    padding: 0px 3px;
}

.oord-highlight-geel{
		background-color: #F5C841;
    color: #000000;
    padding: 0px 3px;
}

.oord-underline-paars{
    text-decoration-line: underline;
    text-decoration-thickness: 3px;
    text-decoration-color: #876EF0;
}

.oord-underline-geel{
	  text-decoration-line: underline;
    text-decoration-thickness: 3px;
    text-decoration-color: #F5C841;
}

h1 .oord-underline-geel,
h2 .oord-underline-geel,
h3 .oord-underline-geel,
h4 .oord-underline-geel,
h5 .oord-underline-geel,
h6 .oord-underline-geel,
h1 .oord-underline-paars,
h2 .oord-underline-paars,
h3 .oord-underline-paars,
h4 .oord-underline-paars,
h5 .oord-underline-paars,
h6 .oord-underline-paars{
	text-decoration-thickness: 10%;
}



.fill-gradient-instagram-wrap i.fa-instagram {
  background-clip: text;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  /* needed for browser support */
  -webkit-background-clip: text; 
  -webkit-text-fill-color: transparent;
}

.event-open {
    background-color: #c2d7c4;
    padding: 7px 12px;
    border-radius: 20px;
    color: #016440;
    font-weight: normal;
}

.event-volzet {
    background-color: #d9b4b4;
    padding: 7px 12px;
    border-radius: 20px;
    color: #950000;
    font-weight: normal;
}

.event-bubble{
		background-color: #ffffff;
    padding: 3px 8px;
    border-radius: 10px;
    margin-right: 10px;
		margin-bottom: 10px;
    border: 1px solid #8a71e7;
    font-weight: normal;
	 	white-space: nowrap;
}

.event-bubble-open{
    background-color: #009b62;
    color: #FFFFFF;
    font-weight: normal;
    padding: 3px 8px;
    border-radius: 10px;
    margin-right: 10px;
		margin-bottom: 10px;
		white-space: nowrap;
}

.event-bubble-volzet{
    background-color: #9b0000;
    color: #FFFFFF;
    font-weight: normal;
    padding: 3px 8px;
    border-radius: 10px;
    margin-right: 10px;
		margin-bottom: 10px;
		white-space: nowrap;
}

.event-bubble i{
    color: #8970ea;
}

.event-partner{
	color: #016440;
  font-size: 20px;
	margin-top:-12px;
}

.event-partner:before{
	  font-family: "Font Awesome 5 Free";
    content: "\f00d";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    font-size: 16px;
    margin: -3px 3px 0px -8px;
    color: #b5acd9;
}

.event-datum{
	  letter-spacing: normal;
    font-size: 16px;
}

h5.collab::before {
    content: "\1F7AD";
    display: block;
    margin: -5px 0px;
}



/* kalender extra styling */
.calcard img:first-of-type{
		width: 100%;
    max-height: 150px;
    object-fit: cover;
    border-radius: 10px;
    margin: -10px 0px 10px 0px;
}

h5.collab::before {
    content: "\1F7AD";
    display: block;
    margin: -10px 0px -5px 0px;
    color: #9cbdb1;
    font-size: 1.2em;
}

h5.collab {
    color: #016440;
}