/*
Theme Name: Thema
Description: Template speciaal ontworpen voor Grenzkultur
Version: 1.0
Author: Bastian Blaauw | Statuur
Author URI: http://www.statuur.nl
License: Themeforest Split Licence
License URI: Bastian Blaauw | Statuur
Theme URI: www.kriesi.at/themes/enfold/
Template: enfold
*/
/*
@media only screen and (max-width: 989px) and (min-width: 768px){
.responsive #top #wrap_all .av_mobile_menu_tablet .main_menu {
		display: block;
		left:0px!important;
		right:auto!important;
	}
	
	.responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a {
		padding: 0px;
	}	
}
*/

@font-face {
    font-family: 'Bree';
    src: url('fonts/Bree-Thin.woff2') format('woff2'),
        url('fonts/Bree-Thin.woff') format('woff'),
        url('fonts/Bree-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Bree';
    src: url('fonts/Bree-Regular.woff2') format('woff2'),
        url('fonts/Bree-Regular.woff') format('woff'),
        url('fonts/Bree-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bree';
    src: url('fonts/Bree-Bold.woff2') format('woff2'),
        url('fonts/Bree-Bold.woff') format('woff'),
        url('fonts/Bree-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Bree';
    src: url('fonts/Bree-Oblique.woff2') format('woff2'),
        url('fonts/Bree-Oblique.woff') format('woff'),
        url('fonts/Bree-Oblique.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

.infowindow{
	font-family: "bree";
}

.infowindow div{
	font-weight:normal;
}

.infowindow a{
	padding:5px;
	
}

.infowindow a:link,.infowindow a:visited{
	background:#CE2D18;	
	color:#fff!important;
	float:right;
}

.infowindow a:active,.infowindow a:hover{
	background:#8E2B14;	
}

.labels{
	font-family: "bree";
	font-size:14px;
	max-width:150px;
	opacity:0.3;
}

.labels:hover{
	opacity:1!important;
}

#menu-icon > *{
	transition: 750ms ease-out all;
	fill:transparent;
}

.av-hamburger:hover #menu-icon > *{
	transform: translateX(0%)!important;
}

/*basis midden*/
#menu-icon .st0, 
#menu-icon .st1{
	transition: 750ms ease-out all;
	
}
 
.black .av-hamburger #menu-icon .st0, 
.black .av-hamburger #menu-icon .st1{
	fill:#fff;
}

.white .av-hamburger #menu-icon .st0, 
.white .av-hamburger #menu-icon .st1{
	fill:#000;
}

.black a:link, .black a:visited{
	color:#fff;
	text-decoration: none;
}

.white a:link, .white a:visited{
	color:#000;
	text-decoration: none;
}

#menu-icon .st2{
	transform: translateX(15%);
}

#menu-icon .st3{
	transform: translateX(20%);
}

#menu-icon .st4, #menu-icon .st5{
	transform: translateX(20%); 
}

#menu-icon .st6, #menu-icon .st7{
	transform: translateX(30%);
}

#menu-icon .st8{
	transform: translateX(-20%);
}

#menu-icon .st9{
	transform: translateX(-10%);
}

 #menu-icon .st10,  #menu-icon .st11, #menu-icon .st12{
	 transform: translateX(-40%);
 }

.av-hamburger:not(.is-active):hover #menu-icon .st0{fill:#349F9C;}
.av-hamburger:not(.is-active):hover #menu-icon .st1{fill:#CD2B17;}
.av-hamburger:not(.is-active):hover #menu-icon .st2{fill:#8D2B14;}
.av-hamburger:not(.is-active):hover #menu-icon .st3{fill:#CD2B17;}
.av-hamburger:not(.is-active):hover #menu-icon .st4{fill:#8D2B14;	}
.av-hamburger:not(.is-active):hover #menu-icon .st5{fill:#DA8C09;}
	
.av-hamburger:not(.is-active):hover #menu-icon .st6{fill:#E7D100;}
.av-hamburger:not(.is-active):hover #menu-icon .st7{fill:#C49818;}
.av-hamburger:not(.is-active):hover #menu-icon .st8{fill:#349F9C;}
.av-hamburger:not(.is-active):hover #menu-icon .st9{fill:#9EC7B1;}
.av-hamburger:not(.is-active):hover #menu-icon .st10{fill:#425924;}
.av-hamburger:not(.is-active):hover #menu-icon .st11{fill:#62BABB;}
.av-hamburger:not(.is-active):hover #menu-icon .st12{fill:#C0DDBA;}
.av-hamburger:not(.is-active):hover #menu-icon .st13{fill:#12100B;}
.av-hamburger:not(.is-active):hover #menu-icon .st14{fill:#12100B;}

.is-active #menu-icon > *, .is-active #menu-icon:hover *{
	fill:#fff
}

.is-active #menu-icon .st0{
	fill:#000	
}

.is-active #menu-icon .st1{
	fill:#000
}

.av-hamburger.is-active:hover #menu-icon .st2,
.av-hamburger.is-active:hover #menu-icon .st3, 
.av-hamburger.is-active:hover #menu-icon .st4, 
.av-hamburger.is-active:hover #menu-icon .st5, 
.av-hamburger.is-active:hover #menu-icon .st6{transform: translateX(10%)!important;}

.av-hamburger.is-active:hover #menu-icon .st8, 
.av-hamburger.is-active:hover #menu-icon .st9, 
.av-hamburger.is-active:hover #menu-icon .st10, 
.av-hamburger.is-active:hover #menu-icon .st11{transform: translateX(-10%)!important;}

.av-hamburger.is-active #menu-icon .el1, .av-hamburger.is-active #menu-icon .el2{
	transform: translateY(15%)!important;	
    fill:#000!important
}

.av-hamburger.is-active #menu-icon .el3, .av-hamburger.is-active #menu-icon .el4{
	opacity:0;
}

.av-hamburger.is-active #menu-icon .el5, .av-hamburger.is-active #menu-icon .el6{
	transform: translateY(-15%)!important;	
    fill:#000!important
}

.av-hamburger{
	transition: 750ms ease-out all;	
	font-family: 'Bree';
	font-size:21px;
	font-weight: 100;
    font-style: normal;
}

.black .av-hamburger{
	color:#fff;
}
.white .av-hamburger{
	color:#000;
}

.av-hamburger:hover::after{
	left:109px;
	color:#349F9C;
}
.av-hamburger::after{
	transition: 750ms ease-out all;
	content: attr(name);
	position:absolute;
	top:-3px;
	left:76px;
}

.av-hamburger.is-active::after{
	transition: 750ms ease-out all;
	content: attr(name-active);
	color:#000;
	left:76px;
}

/**********************************/
.black .logo-kultur{fill:#B97039;}
.black .logo-grenz{fill:#FFFFFF;}

.white .logo-kultur{fill:#CD2B17;}
.white .logo-grenz{fill:#000;}



#top .scroll-down-link {
	font-size:40px;
}

.av-burger-overlay-scroll{
	background:#fff;
	border:none;
}
.responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container {height:48px; line-height:48px;}

#home{
	background-size: contain;
}

#header{
	position: fixed!important;
	height:64px!important;
	z-index:998;
	
}

.white #header{
	background:rgba(255,255,255,.5);
}

.black #header{
	background: transparent!important;	
}

.html_header_top.html_header_sticky.html_bottom_nav_header #main{
	padding-top: 0px!important;
}

#header_main_alternate,  .header_bg{
	background: transparent!important;	
}
.content{
	padding-top:0px;
}
.title_container{
	margin-top:64px;
	border:none;
}

#top .fullsize .template-blog .post-title {
	font-size:48px;
	margin-top:32px;
	font-weight:normal;
}

.title_container h1{
	font-size:48px!important;
	font-weight: 100!important;
	margin:0px;
	padding:0px;
	line-height:48px!important;
}
#header_main{
	position: relative;
	top:0px!important;
}

.html_header_top #top .av_header_stretch .container {
	width:100%;
}

.av-language-switch-item{
	display: none;
}

#header_main .container {
    width: 100%;
    padding: 0px 48px;
}

h1, h2, h3{
	font-family: 'Bree';
	font-weight: 100;
	text-transform: none!important
}

.logo{
	margin-top:36px;
	width:115px;
}

#avia-menus{
	display:none!important;
}

.social-media-icons a:not(:last-child){
	margin-left:8px;
}

.social-media-icons a:last-child{
	margin-left:10px;
}

.social-media-icons a{
	font-size:18px;
	display: inline-block;
	min-width:16px;
	height:16px;
	line-height:16px;
	position: relative;
}

.black .social-media-icons .black a.language:hover{
	color:#fff!important;
}

.white .social-media-icons .white a.language:hover{
	color:#000!important;
}

.social-media-icons .sep{
	font-size:24px;
	position: absolute;
	margin-top:-2px;
	font-weight: 100!important;
}

.white .social-media-icons .sep{
	color:#867672;
}

.black .social-media-icons .sep{
	color:#fff;
}

.social-media-icons a.language{
	font-family: 'Bree';
	font-weight: 100;
	color:#867672!important;
}

.black .social-media-icons a.language.is-active{
	color:#fff!important;
	font-weight: normal;
}

.white .social-media-icons a.language.is-active{
	color:#000!important;
	font-weight: normal;
}

.social-msedia-icons a:last-child{
	margin-left:0px;
	padding-left:8px;
}

.social-mesdia-icons a:last-child:before{
	content:"/";	
	position:absolute;
	left:-5px;
}

.social-media-icons a svg{
	position:absolute;
	top:0px;

}

.black .smi{
	fill:#fff;
}


.white .smi{
	fill:#000;
}

.thema h1{
	font-size: 7vw;
	color:#fff;
	transform: translateY(100%);
}

/****** Projecten *******/

.category-taal .av-masonry-outerimage-container,
.category-sprache .av-masonry-outerimage-container{

	border: 3px solid rgba(52,159,146,0.75);
}

.category-ruimte .av-masonry-outerimage-container,
.category-raum .av-masonry-outerimage-container{
	border: 3px solid rgba(231,209,0,0.75);
}

.category-feiere .av-masonry-outerimage-container,
.category-vieren .av-masonry-outerimage-container{
   border: 3px solid rgba(205,43,23,0.75);
}

.category-ambachten .av-masonry-outerimage-container,
.category-handwerk .av-masonry-outerimage-container{
	border:3px solid rgba(218,140,9,0.75); 
}

.avia_desktop.avia_transform3d .av-masonry-outerimage-container{
	border-radius: 50%;
}

.avia_desktop.avia_transform3d .av-masonry-image-container {
	border-radius: 50%;
}

.av-fixed-size.av-large-gap .av-masonry-entry .av-inner-masonry-sizer {
	padding-bottom: calc(100% + 140px);/* + 80px*/
}

.av-fixed-size .av-masonry-entry .av-inner-masonry-content{
	top: calc(96%);
	bottom:auto;
    padding: 20px 5px 0 5px;
}

.av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry {
	bottom:172px;
}

.avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
}

#top .av-inner-masonry {
   overflow:visible; 
}

.av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry {
	right:32px;
}

#top div.container .av-masonry-sort{
	overflow: visible;
	margin-top:16px!important;
	text-align: left;
	text-transform: lowercase;
	color:#867672;
	font-family: 'Bree';
    font-weight: 100;
    font-size:14px!important;
    padding-left:0px;
   
}

.av-sort-by-term{
	width:40%;
	display: inline-block;
	overflow: visible!important;
	padding-left:40px!important;
	background: transparent!important
}

.av-sort-by-term::before{
	content: attr(data-title);
	position: absolute;
	z-index:4;
	margin-left:-40px;
}

.av-masonry-sort a{
	color:#867672!important;
	line-height: 14px;
	padding:2.5px;
}

.av-masonry-sort a.active_sort{
	font-weight: normal;
	color:#000!important;
}

.active_sort.all_sort_button{
	background:#f4d70b;
}


.active_sort{
	background-color:attr("data-color")!important; 
}
/*
.active_sort.ambachten_sort_button{
	background:rgba(218,140,9,0.75); 
}

.active_sort.ruimte_sort_button{
	background:rgba(231,209,0,0.75); 
}

.active_sort.vieren_sort_button{
	background:rgba(205,43,23,0.75); 
}

.active_sort.taal_sort_button{
	background:rgba(52,159,146,0.75); 
}
*/

.text-sep {
    padding: 0 ;
}

.av-masonry-entry-title{
	font-size:17.5px!important;
	font-family: 'Bree';
    font-weight: normal;	
}

.date-location, .post-meta-infos{
	color:#867672;
	font-size:14.5px!important;
	font-family: 'Bree';
}

.av-masonry-entry-content{
	text-align: justify;
}

.av-burger-overlay .flex_column{
	line-height:18px;
}

.av-burger-overlay a:link, .av-burger-overlay a:visited{
	color:#000;
}

.av-burger-overlay a:hover, .av-burger-overlay a:active{
	color:#CD2B17;
}

.container {
    max-width: 1310px;
}

.avia_desktop .av-hover-overlay-active .av-masonry-image-container {
	opacity: 1;
}

.av-burger-overlay h2{
	text-align: left;
}



#map_wrapper{
	width: 100%;
    margin:0px auto;
    position: relative;
	overflow: hidden;
	max-width:1310px;
	margin:0px auto;
}

#map_wrapper:before{
	content: "";
	display: block;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}

#map_wrapper > div{
	border-radius:50%;
	position:  absolute;
	height:100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius:50%;
	border: 4.5px solid #B97039;
}

#image_wrapper{
    width: 100%;
    margin:0px auto;
    position: relative;
	overflow: hidden;
}

#image_wrapper:before{
	content: "";
	display: block;
	padding-top: 50%; 	/* initial ratio of 1:1*/
}

#image_wrapper > div{
	border-radius:50%;
	position:  absolute;
	transform: translateY(-50%);
	height:200%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.single h1.post-title{
	text-align: left!important;
	font-size:3vw!important;
	font-weight: normal;
}

.single .entry-contents{
	    max-width: 100%!important;
}


#footer{
	padding:5px!important;
	border:none;
}
#footer section{
	margin:0px!important;
}

#footer h3{
	text-align: center;
	font-weight: 100;
	font-size:11px;
}

ul.xoxo{
	width:100%;
	text-align: center	
}

ul.xoxo li{
	display: inline-block;
	margin-right:16px;
}

ul.xoxo li a{
	width:auto;
	display: inline-block
}

ul.xoxo a img{
	height:27px;
	width:auto;
}