/*!
Theme Name:Jorenta
Author: Mju
Version: 1.0
*/



:root{
    
	
	--kie-green:#7D8F69;
	--kie-lgreen :#b8caad;
	--kie-greenhov:#5b684c;
    --kie-midgreen: #d5dad0f5;
	--kie-gold:#ba8e1a;


	--jor-dgray:#282828;
	--jor-dyel:#865c1b;
	--jor-lyel:#e4b461;

   







    --site-wrapper-width:1400px;

}


.hidden {
	display: none !important;
	visibility: hidden;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}


body {

	font-family: "Source Sans 3", sans-serif;
	font-optical-sizing: auto;
	background:#282828;
	color:#dad9d9;
	font-size:16px;
	font-size:1rem;
    font-weight:300;
    line-height: 1.8em;

}


h1,h2,h3,h4,h5,h6{
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;

}
h1 {
	font-size: 4rem;
	line-height: 5rem;
	margin: 0 0 0.67em 0;
    text-transform: uppercase;
	font-weight: 800;
	
}

h2 {
	font-size: 2.5rem;
	line-height: 3rem;
	margin: 0 0 2em 0;
    text-transform: uppercase;
	font-weight: 800;
	color:var(--jor-lyel);
	position:relative;
	
}



h2::after{
	content: '';
	width: 100px;
	height: 8px;
	background: var(--jor-lyel);
	position: absolute;
	bottom: -18px;
	margin:0 auto;
	left:0;
	right:0;
}

h3 {
	font-size: 1.75rem;
	line-height: 2.5rem;
	margin: 0 0 0.67em 0;
    text-transform: uppercase;
	font-weight: 800;
	color:var(--jor-lyel);
	
}

h4 {
	font-size: 1.2rem;
	line-height: 1.5rem;
	margin: 0 0 0.2em 0;
	text-transform: uppercase;
	color:var(--jor-lyel);
	font-weight: 800;

	
}

h5 {
	font-size: 1rem;
	line-height: 1.4rem;
	margin: 0 0 0.2em 0;
	text-transform: none;
	color:var(--jor-lyel);
	font-weight: 700;

	
}

h2.image-block-title{
	text-align:center;
	margin: 6% 0 2em 0;
}
/***************************************************
/* Links
/****************************************************/
a {
	color: #fff;
	font-weight:700;
	text-decoration:none;
	transition:color ease 0.4s;
	text-decoration: underline;
}

a:after {
    content: '\E807';
    font-family: 'Fontello';
    margin: 0em 0 0 0.4em;
    display: inline-block;
    vertical-align: middle;
}

a:visited {
	color: #fff;
}

a:focus,
a:active {
	color:#fff;
}

a:focus {
	outline: thin dotted;
}

a:hover {
 	color:var(--jor-dyel);
	outline: 0;
}

a.some-footer{
	font-size:2rem;
	color:var(--jor-lyel);
	
}
a.some-footer:hover{
	font-size:2rem;
	color:var(--jor-dyel);
	
}
a.some-footer:after{
	display:none;
	content:'';
}

a.some-top{
 font-size: 2rem;
  display: block;
  color: var(--jor-lyel);
  position: absolute;
  margin: 0;
  padding: 0;
  line-height: normal;
  top: 13px;
  right: 4%;
}
	

a.some-top:hover{
	font-size:2rem;
	color:var(--jor-dyel);
	
}
a.some-top:after{
	display:none;
	content:'';
}

a.link-btn{
	text-transform:uppercase;
	font-family: 'IM Fell Great Primer', serif;
	background-color:var(--kie-green);
    display: inline-block;
   color:#fff;
    margin-top: 10px;
    margin-bottom: 30px;
    padding: 10px 45px 11px;
    font-size: 16px;
    font-weight: 600;
    line-height: 29px;
	transition: background-color ease 0.5s;
	text-decoration:none;
}

a.link-btn:hover{
	text-decoration:none;
	background-color:var(--kie-greenhov);
}
a.link-btn:after{
	content:'';
	display:none;
}
/***************************************************
/* Header
/***************************************************/
.site-header{
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 1;
    margin: 0;
    padding: 0 4%;
    width: 92%;
    height: 70px;
}

#cta{
	background-color: var(--kie-green);
    padding: 5px 15px;
    /* float: right; */
    font-size: 0.8rem;
    font-family: 'IM Fell Great Primer', serif;
    margin: -33px 0 0 0;
    position: absolute;
    right: 0;

}
#cta a{
	color:#fff;
	text-decoration:none;
}


.head-wrapper *:not(.wrapper),
.wrapper *:not(.wrapper) {
    box-sizing: border-box;
}


.head-wrapper{
    box-sizing: content-box;
    display:flex;
    justify-content: space-between;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0 4%;

}


#site-branding{
    display: block;
    margin: 0;
    padding: 0;
    max-width: 200px;
    padding: 0em 0 0 0;
    line-height: 0em;
}


#site-branding img{
    width:100%;
	
    padding: 0.4em 0 0 0;
}

#site-branding a{
	text-decoration: none;
	text-transform: uppercase;
}


#site-branding a:after{
content:'';
display:none;	
}

.site-branding{
	display:block;
	margin:0;
	padding:0;
	width:40%;
}
/***************************************************
/* Navigation
/****************************************************/
.main-navigation {
    display: flex;
    width: auto;
    padding: 1.5em 0 0 0;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;

}

.main-navigation ul ul {
	float: left;
    position: absolute;
    top: 100%;
    left: -9999em;
    z-index: 99999;
    padding: 25px 0em 0;
    margin: 0em 0 0 0px;
    border-bottom: 4px solid var(--kie-gold);
}

.main-navigation ul ul  li{
	background: #fff;
    margin: 0;
    padding: 0.4em 0.6em;
    display: block;
}

.main-navigation ul ul  li:first-child{
	padding: 1em 0.6em 0.4em;
}
.main-navigation ul ul  li:last-child{
	padding: 0.4em 0.6em 1em 0.6em;
}


.main-navigation ul ul li a{
	color: #627351f5;
	font-size: 1rem;
	text-transform:none;
	line-height:1.4rem;
	font-weight:400;
	padding: 0 1em;
	display:block;
}



.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
	display:inline-block;
    padding: 0 1em;
}

.main-navigation a {
    color:var(--kie-green);
    font-weight: 400;
    text-transform: uppercase;
	text-decoration: none;
    padding: 0;
	font-family: 'IM Fell Great Primer', serif;

}



.main-navigation li a:after {
    border-bottom:2px solid var(--kie-gold);
    content: "";
    display: block;
    position: relative;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out 0s;
    margin:0px 0 0 0;
}
.main-navigation li a:hover:after { 
	transform: scaleX(1);
}

.main-navigation ul ul li a:hover:after {
	transform: none;
}




.main-navigation li.current-menu-item a::after,
.main-navigation li.current-menu-ancestor a::after {
	border-bottom:2px solid var(--kie-gold);
	transform: scaleX(1);

} 

.main-navigation li.current-menu-ancestor ul li a:after,
.main-navigation  ul ul li a:after,
.main-navigation ul ul li.current-menu-item a::after,
.main-navigation li.current-menu-item ul li a::after,
.main-navigation li.current-page-ancestor ul li a::after{
	border:0!important;
}

.main-navigation ul ul li a:hover {
	color:var(--kie-gold);
}

.main-navigation ul ul li.current-menu-item a,
.main-navigation ul ul li.current-menu-ancestor a {
	color:var(--kie-gold);
}

.main-navigation ul li.menu-item-has-children:after {
    content: '\E805';
    font-family: 'Fontello';
    margin: 0;
    /* display: inline-block; */
    vertical-align: middle;
    color: var(--kie-green);
    position: absolute;
    top: 0;
    right: 0;
}

.submenu-wrap{
	width: 100%;
    background: var(--zn-green);
    display: block;
    margin: 0 auto;
    width: 92%;
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    max-width: 1400px;
}

ul.submenu{

	list-style: none;
    color: #fff;
    text-align: center;
    margin: 0;
    padding: 0;

}

ul.submenu li{
	display:inline-block;
	padding: 0.4em 0.8em 0;
}

ul.submenu li a:hover:after { 
	transform: scaleX(1);
}

ul.submenu li a{
	text-decoration:none;
	color:#fff; 
    font-size: 1rem;
    font-weight: 400;
	display:block;
	padding: 0.4em 0;

}

ul.submenu li.current_page_item a {
    border-bottom: 4px solid;
}




.rmp-container .rmp-menu-title{
	font-family: 'IM Fell Great Primer', serif!important;
	margin: 0 0 1em!important;

}

.rmp-container .rmp-menu-title .rmp-menu-title-image {
		width:150px;
		margin-bottom:2em;
}

#rmp-menu-wrap-331{
	font-family: 'IM Fell Great Primer', serif!important;

}

#rmp-menu-wrap-331 .rmp-menu-item-link{
	text-transform: uppercase;

}

#rmp-menu-wrap-331 .rmp-submenu  .rmp-menu-item-link{
	text-transform: none;

}

#rmp-menu-wrap-331 .rmp-submenu .rmp-menu-item-link:hover,
#rmp-menu-wrap-331 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link,
#rmp-menu-wrap-331 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link:hover{
	color:var(--kie-gold);
}
	


#rmp-menu-wrap-331 .rmp-submenu{
	background-color: #fff;
}

#rmp_menu_trigger-331.is-active .responsive-menu-pro-inner, #rmp_menu_trigger-331.is-active .responsive-menu-pro-inner::before, #rmp_menu_trigger-331.is-active .responsive-menu-pro-inner::after {
    background-color: #fff!important;
}


/***************************************************
/* CONTENT
/***************************************************/
#page{
	box-sizing: content-box;
    margin: 0 auto;

    padding: 0;
 

}
.wrapper{
    box-sizing: content-box;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	max-width:1200px;

}

.wrapper.narrow{

	max-width: 800px;
}




#main-banner {

    position: relative;
    height: 550px;
    background: #fff;
    overflow: hidden;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
	border-bottom: 4px solid var(--jor-dyel);

}
#main-slider {
    background:#f1f1f1;
    margin: 0 auto;
    width: 100%;
    padding: 0 ;
    position: relative;
    height:700px; 
    overflow:hidden;
}


#page-banner {
	position: relative;
	height: 400px;
	background: #fff;
	overflow: hidden;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-bottom: 8px solid var(--kie-green);
}




#page-banner.high {

	height: 700px;

}

#banner-text{
	color:#fff;
    display:block;
	position:absolute;
	top: 50%;
    transform: translateY(-50%);
	z-index:3;

} 

#banner-text.left{
	text-align: left;
    width: 50%;
    left: 6%;

}

#banner-text.center{
	width: 60%;
    margin: 0 auto;
    left: 0;
    right: 0;
	text-align:center;


}

#banner-text.right{
	text-align: right;
    width: 50%;
    right: 6%;


}

#banner-text h1,
#banner-text h2,
#banner-text h3,
#banner-text p{
	color:#fff;
    margin: 0;
	text-shadow: 3px 3px rgba(0,0,0,0.6);
}


.page-title-wrapper{
	box-sizing: content-box;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	position:relative;
	display: flex;
	justify-content: center;
	align-items: center;

}
.page-title{
    position: absolute;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    background: var(--kie-green);
    color: #fff;
    font-size: 2rem;
	font-weight:400;
    top: -55px;
    z-index: 10;
    padding: 0.4em 3em;
	text-transform:uppercase;
	font-family: 'IM Fell Great Primer', serif;


}


.page-header{
	width:98%;
	margin:1% auto 0;
	position:relative;
	min-height: 350px;
	overflow:hidden;
	background-size:cover;
	padding:2% 4%;
	background-position:center;
	background-repeat:no-repeat;
	border-radius: 8px;
}
.page-header img {
    display: block;
    height: auto;
    width: 100%;
}

#page-slider {
    background:#f1f1f1;
    margin: 0 auto;
    width: 100%;
    padding: 0 ;
    position: relative;
    height:320px; 
    overflow:hidden;
}


.video{
 display:block;
 margin:0 auto;
 max-width:100%;
}

.bgvideo{
	position: absolute;
	right: 0;
	bottom: 0;
	top:0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-color: #fff; 
	background-position: center center;
	background-size: contain;
	object-fit: cover;
}


.header-mask {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}


/***************************************************
/*  SECTIONS 
/****************************************************/
.section {
	clear: both;
	padding: 4% 4%;
	margin: 0px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.section.white {
	background:#fff;

}

.section.black {
	background:#000;

}


.section.lyel{
	background:var(--jor-lyel);
		background-image: url(_img/jorenta_texture_yel.jpg);
    background-size: cover;

}

.section.dyel{
	background:var(--jor-dyel);

}


.section.dgray {
	background:var(--jor-dgray);
	background-image: url(_img/jorenta_texture.jpg);
    background-size: cover;

}


.section.footer{
	background:var(--jor-dgray);
	padding: 2% 4% 0;
	text-align:center;

}



.section .hilitbox{
    background-color: rgba(255,255,255,.85);
    color: #000;
    display: block;
    padding: 7%;
    max-width: 70%;
    margin: 0 auto;
    line-height: 1.4em;
    text-align: center;
	border-radius:8px;
}

.section.grey p,
.section.grey h1,
.section.grey h2,
.section.grey h3,
.section.grey h4,
.section.grey h5{

	color:#000;
}

.section.lyel p,
.section.lyel h1,
.section.lyel h2,
.section.lyel h3,
.section.lyel h4,
.section.lyel h5,
.section.lyel a,
.section.dyel p,
.section.dyel h1,
.section.dyel h2,
.section.dyel h3,
.section.dyel h4,
.section.dyel h5,
.section.dyel a{


	color:#fff;
}

.section.lyel h2::after,
.section.dyel h2::after{
	background: #fff;

}
.section.lyel a:hover,
.section.dyel a:hover{
 	color:var(--jor-dyel);
}

.section.imgblock .col.middle{
	vertical-align:middle;
	margin:0;
	position:relative;
}

.section.imgblock .span_1_of_2{
	width:50%;
}

.container {
	display: grid;
	grid-template-columns: 1fr 1fr;
  }
  
  .column {
	position:relative;
}
  

  .column.txt {
	padding: 10%;
  }

  .column.txt.rgth {
	padding: 10% 0 10% 10%;
  }
  
  .column.txt.lft {
	padding: 10% 10% 10% 0%;
  }
  .column img.full {
    position: absolute;
    left: 0;
    top: 0;
	right:auto;
    width: 100%;
    max-width: none;
    height: 100%;
    object-fit: cover;
	transform: none;
}

.column img {
	position: relative;
    left: 0;
	right:0;
    top:45%;
	bottom:0;
	margin: 0 auto;
    width: auto;
    max-width: 100%;
    height: auto;
	transform: translateY(-50%);
}


.section.call .col,
.section.newsletter .col{
	margin: 2% 0%;
	text-align:center;
}

.section.footer .col {
	margin:  0%;

}

.col {
	display: inline-block;
	margin: 1% 0 1% 4%;
	vertical-align:top;
}

.col.align-top{
	vertical-align:top;
}

.col:first-child { margin-left: 0; }

.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 { width: 100%;}
.span_1_of_2 { width: 48%;}

/*  GRID OF THREE  */
.span_2_of_3 { width: 65.33%; }
.span_1_of_3 { width: 30.66%; }

.span_1_of_3.news-right {
    padding: 2% 4%;
    box-sizing: border-box;
	border-left: 1px solid var(--kie-green);
	background:#f9f9f9;
}

/*  GRID OF FOUR  */
.span_3_of_4 { width: 74%;}
.span_2_of_4 { width: 48%;}
.span_1_of_4 { width: 22%;}



@media only screen and (max-width: 800px) {
	.col { 
		margin: 1% 0 1% 0%;
	}

	.span_2_of_2, .span_1_of_2 { width: 100%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }



}




.columns-header{

	text-align:center;
	margin: 0 0 6em;

}

/***************************************************
/* CONTENT BLOCKS
***************************************************/

.lead{

    font-size: 1.5rem;
	line-height: 2rem;
    max-width: 1000px;
    margin: 0 auto;

}

.single-col{

 
    max-width: 100%;
    margin: 0 auto;

}



/* BOXES
---------------------------------*/

.box-header{
	display:block;
	text-align:center;
	margin:0 0 6em;
}

.boxes{
	display:grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
	margin:0 4%;
	grid-auto-rows: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.box{
/*	display: flex;
    flex-flow: column;*/
    position: relative;
    background:#fff;
    text-align: center;
    overflow: hidden;


}

.box-img{
display: block;
    width: 100%;
    height: 300px;
}
.box-img > img{
	display: block;
    margin: 0 auto 2em;
    object-position: center;
    object-fit: cover;
    border-bottom: 6px solid var(--jor-dyel);
    height: 100%;
    width: 100%;
}

.box-title{
	color:var(--jor-dgray);
	font-size:1.75rem;
	font-weight:800;
	display:block;
	text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
	margin: 1em 0;
}

.box-txt{

	font-size:1.25rem;
	min-height: 150px;
	font-weight:400;
	
}

.box-txt p{
	color:#000!important;

}







.box-content{
	padding:2% 6%;
	min-height: 200px;

}


.box-btn{
	text-transform:uppercase;
	font-family: "Montserrat", sans-serif;
	background-color:var(--jor-lyel);
    display: inline-block;
   color:#fff;
    margin-top: 10px;
    margin-bottom: 30px;
    padding: 10px 45px 11px;
    font-size: 16px;
    font-weight: 600;
    line-height: 29px;
	transition: background-color ease 0.5s;
	border-radius: 30px;
}


a.box {
	text-decoration:none;
	color:#000;
}

a.box:hover > .box-btn{
	text-decoration:none;
	background-color:var(--jor-dyel);
}

a.box:after{
	content:'';
	display:none;
}



/* news boxes
----------------------*/

.box.main-news{
	border-left:4px solid var(--kie-green);
	text-align: left;
	padding:0em 1.4em;
	border-radius:0;
}

.box.main-news .box-title{
	
	font-size:1.375rem;
	margin: 0 0 0.4em;
	

}

.box.main-news .box-title::after{
	content:'';
	display:none;
   }


/* SERVICES
---------------------------------*/
.services{
	display:grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
	margin:0;
}

.service-card{
	display: flex;
    flex-flow: column;
    position: relative;
    background:#fff;
    padding:0;
    overflow: hidden;
	color:#000;

}

h3.service-cat{

	grid-column-start: 1;
	grid-column-end: 4;
	display: flex;
	margin: 0;
}


.service-card-content{
	padding: 1em 2em 0 2em;
}

.card-title{
	color:var(--kie-gold);
	border-bottom:2px solid var(--kie-green);
	font-size:1.375rem;
	padding: 0 0 0.6em ;
	margin:1em 0 0 0;
}

.card-img{
    background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height:250px;
	overflow:hidden;


}

.read-more{
    font-size: 1.125rem;
    color: var(--kie-gold);
    font-weight: 400;
    text-align: right;
    margin: 1em 0;
    display: block;
	text-decoration: none;

}

.read-more:after{

    content: '\E80C';
    font-family: 'Fontello';
    display: inline-block;
    background-color: var(--kie-gold);
    color: #fff;
    border-radius: 50%;
    margin: 0 0 0 0.6em;
    width: 36px;
    height: 35px;
    line-height: 36px;
    padding: 0 12px 0 0;
}




/* News
---------------------------------*/
.news{
	display:grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
	margin:0;
}

.news-card{
	display: flex;
    flex-flow: column;
    position: relative;
   background:#f9f9f9;
  padding:2em;
    overflow: hidden;
	color:#000;


}

.news-title{
	color:var(--kie-green);
	font-size:1.5rem;
	padding:0;
	margin:0 0  0.6em;
}

.news-img{
    background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height:250px;
	overflow:hidden;


}

.news-content{

	padding: 2%

}
.news-date{
	padding: 0 0 0 2%;
}

.news-more{
    font-size: 0.9rem;
    color: var(--kie-gold);
    font-weight: 400;
    text-align: left;
    margin: 0 0 0 2%;
	text-decoration: none;
	text-transform:uppercase;
	font-family: 'IM Fell Great Primer', serif;


}

.news-more:hover{
	color:var(--kie-goldhov);
}

.news-more:before{

    content: '\E80C';
    font-family: 'Fontello';
    display: inline-block;
    color: var(--kie-green);
    margin: 0 10px 0 0;
    padding: 0 0 0 0px;
}

a.back-btn{
	font-size: 1.125rem;
    font-weight: 400;
    text-align: right;
    margin: 0;
	text-decoration: none;
	font-family: 'IM Fell Great Primer', serif;


}
a.back-btn:before{

	content: '\E80B';
    font-family: 'Fontello';
    display: inline-block;
    color: var(--kie-green);
    border-radius: 50px;
    margin: 0 0.4em 0 0;
    width: 29px;
    height: 29px;
    line-height: 30px;
    padding: 0 4px 0 0;
}


.single-footer{

	border-top:1px solid var(--kie-green); 
; 
	padding:2em 0;
}

.share-btns{
	float:right;
}


a.link-list{
	display: block;
    font-size: 1.1rem;
    padding: 0;
    margin: 0 0 0.4em 0;
    text-decoration: none;
}

a.link-list::before{
    content: '\E80C';
    font-family: 'Fontello';
	color:var(--kie-green);
    position: relative;
    font-size: 0.8rem;
    line-height: 2em;
    margin: 0 10px 0 0;
}

a.link-list:hover{
	color:var(--kie-green);

}

h3.list-header{
	font-size: 1.25rem;
    line-height: 2.5rem;
    margin: 0 0 0.67em 0;
 
}

	

/* LIST SUBPAGES
---------------------------------*/
ul.subpage-list{
	list-style: none;
	max-width:500px;
	margin:0 auto;
	padding: 0;

}

ul.subpage-list li{

	list-style: none;
	margin: 0 0 0.2em;
	padding:0;
	position:relative;

}

ul.subpage-list li a{
	background-color:var(--kie-gold);
	color: #fff;
    font-size: 1.5rem;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    padding: 0.4em 1em;
    display: block;
	transition: background-color ease 0.4s;
	text-decoration: none;

}

ul.subpage-list li a:after{
	content: '\E80C';
    font-family: 'Fontello';
    color: #fff;
    position: absolute;
    top: 0em;
    bottom: 0;
    right: 1em;
    font-size: 1.5rem;
    border-left: solid 2px var(--zn-dbeige);
    padding: 0 0 0 1em;
    line-height: 2em

}
ul.subpage-list li > a:hover{
	background-color:var(--kie-green);

}


/***** EVENTS *****/

.em-list {
    display: block;
    margin: 0 auto;
	max-width:1000px;
}

.event-item {
    display: block;
    position: relative;
	padding: 0 0 1em;

    text-align: left;
    overflow: hidden;
    color: #000;
    font-weight: 300;
    background-color: #ffffff;

}

.event-info{
    padding: 0 0 0 0em;
	position: relative;
	background: var(--kie-green);
	padding: 0.4em 1em;

}


.event-desc{
padding: 0 1em;
}

.event-date{
	font-size: 1.4rem;
    font-weight: 600;
 display:inline-block;
    color: #fff;
	vertical-align: middle;
}
.event-time{
	font-weight: 600;
	color: #fff;
	display:inline-block;
	vertical-align: middle;
  }
  .time-sep{
	display:inline-block;
	vertical-align: bottom;
    margin: 0 0.6em;
  }

  h3.event-title {
    font-size: 1.25rem;
    margin: 0.6em 0 0 0;
    text-transform: uppercase;
    line-height: 2rem;
	color:#6a4b36
}


/* FORMS
---------------------------------*/

div.wpcf7{
margin:0;
}


label {
    cursor: default;

}


.wpcf7-not-valid-tip {
    font-size: 1em;
    font-weight: normal;
    display: block;
    background: #cfba2d;
    color: #fff;
    padding: 0 1em;
}


.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #cfba2d;
	color:#fff;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: transparent;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    background-color: #3cba0c;
}



#form-wrapper{
	max-width: 900px;
    margin: 0 auto;
	text-align: left;
}

.form-col{
	display:inline-block;
	width:44%;
	vertical-align:top;
	
}

#form-wrapper .form-col:first-child{
	margin-right:6%;
}

/* FOOTER
---------------------------------*/




.site-footer{
	background-color: var(--kie-midgreen);
	border-top:solid 5px var(--kie-gold);
	color:#fff

}

.site-footer h3{
	color:#fff
}

.footer-info{

	background:#fff;
	border-top:8px solid var(--kie-green);
	padding:4%;
	font-family: 'IM Fell Great Primer', serif;

}

#footer-menu{
    list-style: none;
    margin: 0;
    padding: 0;
    width: auto;
    float: right;
	font-weight:400;

}

#footer-menu li{
	margin:1.4em 0 0 0;
	display:inline-block;
	padding:0 0  0 1em;

}

#footer-menu li a{
	color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1rem;

}

#footer-menu li a:hover{

	color:var(--kie-gold);
}
#footer-menu li ul  {
	display:none;
}
#footer-menu li.menu-item-has-children:after {
    display:none;
	content:'';
   
}

.copy{
	margin-top: 0em;
    padding: 1em 0 2em;
	font-size: 80%;
	

}

/*--------------------------------------------------------------
## KULTTUURIPOLKU
--------------------------------------------------------------*/















/*--------------------------------------------------------------
## MEDIA QUERIES 
--------------------------------------------------------------*/
@media (max-width:1024px) {

	.site-header {
		position: fixed;
		width: 96%;
		z-index: 999;
		top: 0;
		margin: 0 auto;
		background: rgba(0, 0, 0, 1);
		left: 0;
		right: 0;
		padding:0 2%;
		height:60px;
	}

	.head-wrapper{
		height:60px;
	}
	
	a.some-top{
		top:10px;
		font-size:1.5rem;
	}
	
	#site-branding img {
  padding: 0.3em 0 0 0;
		
	}
.site-content{

	margin:60px 0 0 0;
}
	
	.main-navigation {
		display: none;
		
	}

	#main-banner{
		margin:60px 0 0 0;
	}
	
	.boxes,
	.services,
	.news {
		grid-template-columns: repeat(1, 1fr);
	
	}
	h3.service-cat {
		grid-column-start: 1;
		grid-column-end: 1;

	}

	
}

@media (max-width:800px) {

	.span_1_of_3.news-right {
	 border-left:0;
	}
	#banner-text.center{
		width:100%;
	}
	h1 {
		font-size: 3.5rem;
	
	}
	h2 {
		font-size: 1.8rem;
		line-height:2rem;
	}

	h3 {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.box-title {
		font-size: 1.4rem;
	}

	.columns-header {
		margin: 0 0 2em;
	  }

	  .box-header {
	
		margin: 0 0 3em;
	  }

	a.call-btn{
		font-size: 1.25rem;
	
	}


	.page-title {
		padding: 0.4em 1em;
	}

	.column {
		position: relative;
		min-height: auto;
	}
	.container {
		display: grid;
		grid-template-columns: 1fr;
		margin: 0 0 1em;
	}
	.column.txt {
		padding: 1em 0;
	}
	.column.txt.lft {
		padding: 1em 0;
	}
	
	.column img {
		position: relative;
		margin:0 auto;
	}

	.column img.full {
		position:relative;
	}

    .form-col {
        display: block;
        width: 100%;
    }
}