/*
Theme Name: leskinen
Author: Labo
Version: 1.0
*/

html, body{

	min-height:100%;
	min-width:100%;
	font-size: 62.5%; 
	font-weight:400;
    font-family: 'Roboto Slab', serif;

	
}

body{

	background:#fff;
	color: rgba(0,0,0,0.7);
	line-height: 2.3rem;
	font-size:1.4rem

}



.site-header {
	width:100%;
	background-color:transparent;
	text-align:right;
	padding: 16px 4% 0%;
	position:relative;
	z-index:1000;
	background:#000;
	height: 110px;
	z-index: 11000;
	border-bottom: 1px solid #dda024;
}



.site-content{
	padding:0px 0 0 0;
}
.site-content.padded{
	padding:90px 0 0 0;
}


body.page-id-836 .site-content{
	padding:120px 0 0 0;
}

#site-branding{
	padding: 25px 0 0 0;
	position: relative;
	margin: 0;
	float: left;
	transition:width ease 0.5s;
		
	}
	
#site-branding img{
	display:block;
	width:200px;
	transition: all .4s ease-in-out; 
	transform: scale(1); 
}


.site-header.fixed {

	position:fixed;
	height:60px
 
 }
 
 .site-header.fixed #site-branding img {
	transform: scale(0.8); 
 }
 
 
 .site-header.fixed .main-navigation ul {
	 margin: 0px auto 0;
 }
 
 .site-header.fixed #site-branding{
	 padding:0;
 }


#main-banner {
    background:#f1f1f1;
    margin: 0 auto;
    width: 100%;
    padding: 0 ;
    position: relative;
    height:600px; 
    overflow:hidden;
    background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}


.content-wrapper {

    padding: 0 4%;
    max-width:1200px;
   	box-sizing: content-box;
    margin-left: auto;
    margin-right: auto;
}



/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#site-navigation{
	position:relative;
	text-align: right;
	margin: 0;
	padding: 0 1em 0 2em;
}


.main-navigation ul {
	margin: 31px auto 0;
	left: 0;
	right: 0;
	width:auto;
	float:right;
	

}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	margin: 0;
	padding: 1.6em 1em;
	position: absolute;
	top: 100%;
	left: -9999em;
	z-index: 99999;
	width:240px;
	text-align:left;
	background:#fff;
}


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

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



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


.main-navigation li:first-child{
	padding: 0 0.8em 0em 0;
} 
.main-navigation li:last-child{
	padding: 0  0em 0 0.8em;
} 

.main-navigation li a {
	display: block;
	text-decoration: none;
	color: #fff;
   font-weight: 400;
  letter-spacing: 0.08em;
  transition: all ease-in-out 0.4s;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
}



.main-navigation ul ul li {
	display: block;
    position: relative;
    padding: 0em 0 0.4em;
    margin: 0;

}

.main-navigation ul ul li a {
	display: block;
	text-decoration: none;
	color:#fff;
	font-weight: 400;
	letter-spacing: 0.06em;
	border:0;
 	 transition:all .4s ease-in-out;
	  padding: 0;
	  font-size: 1.2rem;
	  text-transform:none;
	  border:0;
	
}





.main-navigation ul li a::after {
    border-bottom: 3px solid #dda024;
    content: "";
    display: block;
    position: relative;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out 0s;
    margin: 0px 0 0 0;
}

.main-navigation ul li a:hover::after {
    transform: scaleX(1);
}




.main-navigation ul li.current-menu-item a{
	color:#fff;
}

.main-navigation ul li.current-menu-item a::after {
    transform: scaleX(1);
}

/**** Mobile menu ***/
#responsive-menu-container #responsive-menu, #responsive-menu-container #responsive-menu ul {
    padding: 20px 0 0 0;
}

#responsive-menu li.responsive-menu-item a{
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
}

/* Small menu. */


@media screen and (max-width: 970px) {
	
	.main-navigation > ul {
		display: none;
	}
}



/* FOR MOBILE */
.rmp-menu-item{
	text-transform:uppercase!important;
}

.rmp-submenu  .rmp-menu-item{
	text-transform:none!important;
}

#rmp-container-794 {
background:#000;
}

#rmp-menu-title-794 .rmp-menu-title-image {
    width: 80px;
	height:80px;
display: block;
margin: 0 auto 2em;
}


#rmp-menu-wrap-794 .rmp-menu-item-link {
    height: 50px;
    line-height: 40px;
    font-size: 18px;
	font-family: 'Montserrat', sans-serif;
      border-bottom: 0px solid #1d4354;
    text-align: center;
    background-color: #000000;
    font-weight: 400;
    letter-spacing: 0.04em;
    display: block;
 text-transform: uppercase;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: background-color 0.5s, border-color 0.5s, 0.5s;
    padding: 0 ;
   padding-right:0
}

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

#rmp-menu-wrap-216 .rmp-submenu .rmp-menu-item-link{
	margin:0 auto!important;
	text-align:center!important;
}

#rmp_menu_trigger-216{
	position:absolute!important;
	top:45px!important;
}

 #rmp_menu_trigger-216.fixed{
	position:fixed!important;
	top:8px!important;
}
#rmp_menu_trigger-216:hover{
	border:0!important;
} 




#responsive-menu-additional-content{
	padding:5%!important; 
	font-weight:500;
}

ul#responsive-menu,
ul#menu-rightmenu{
	list-style:none;
	text-align:center;
	font-weight:500;
}
ul.responsive-menu-submenu{
	list-style:none;
	text-align:center!important;
	font-weight:400;


}


#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item .responsive-menu-item-link {
    font-size: 14px!important;
    text-align: center!important;
    margin: 0!important;
	padding: 0!important;
	

}
ul#responsive-menu li,
ul#menu-rightmenu li{
	list-style:none;
}

ul#responsive-menu li a,
ul#menu-rightmenu li a{
	font-size:1rem!important;
	color:#fff;
	line-height: 40px;
border-bottom: 1px solid #212121;
color: #ffffff;
background-color: #212121;
height: 40px;
}



.main-video {
    background-position: center center;
	height: 600px;
	overflow: hidden;
	position: absolute;
	width: 100%;
	top: 0;


}

.main-video video {
    height: auto;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: auto;
    z-index: -100;
}

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


#main-banner {
	margin: 0 auto;
	width: 100%;
	padding: 6em 0 0 0;
	position: relative;
	text-align: center;
	overflow: hidden;
	height: 600px;
}

#main-banner h1,
#main-banner h2,
#main-banner h3,
#main-banner h4,
#main-banner h5{
	color:#fff;

}


#main-banner h1{
    font-size: 4.8rem;
    line-height: 6rem;
    letter-spacing: 0.06rem;
    font-weight: 700;
}


.page-header{
	width:100%;
	margin:0 auto;
	position:relative;
	min-height: 320px;
	overflow:hidden;
	background-size:cover;
	padding:2% 0;
	background-position:center;
	background-repeat:no-repeat;
}
.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;
}




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



.header-text {
    color: #fff;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
   top: 49%;
    transform: translateY(-50%);
    width: 80%;
    z-index: 100;
    
}

.header-text h1,
.header-text h2,
.header-text h3{
	font-weight:400;
	
}

.header-text h1{
 	color: #fff;
    font-size: 3em;
    line-height: 1em;
    margin: 0 0 0.4em;

}

.header-text h2{
	font-size: 1.8em;
	line-height: 1.2em;
    margin: 0em 0 0.2em 0;;
    padding:0;
     color:#fff;

}

.header-text img {
    display: block;
    max-width: 100px;
}




/*******************************************
*************** MAIN BOXES *****************
*******************************************/

#mainboxes {
    display: block;
    margin: 0 auto;
    padding: 0 0 2%;
    position:relative;
    width:100%;
    z-index:9000;
	background:#fff;
}

.box-title{
	background:rgba(255,255,255,1);
	padding: 16px 10% 11px;
	color:#fff;
	font-size: 2rem;
	font-weight:600;
	font-family: 'Montserrat', sans-serif;

}

.box-icon{
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 0;

}

.box-icon img{
	width:32px;
	height:auto;

}

.title-txt{
	display:inline-block;
}

.box-content{
	padding: 6% 10%;
	display:block;
	position:relative;
	overflow:hidden;
	color:#333;
	background:#fff;
	text-align:center;
	margin: 0 0 2em;
	

}
.btn-wrap{
	position:relative;
	text-align:center;
	width:100%;
	


}
a.box-btn{
	display: inline-block;
    text-align: center;
    padding: 2% 6%;
	text-decoration: none;
	text-transform:uppercase;
	color:#fff;
	font-weight:700;
	transition:background-color ease 0.4s;
	letter-spacing: 0.06em;
	margin: 0 0 1.6em;

}

.btn-yellow{
	background-color:rgba(212,191,13,1);
}

.btn-yellow:hover{
	background-color:rgba(212,191,13,0.8);
}





a.link-btn{

	background-color:#dda024;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	border:0;
	color:#fff;
	padding: 0.6em 3em;
	border-radius: 2px;
   transition: background-color 0.4s ease;
   font-weight:600;
   font-family: 'Montserrat', sans-serif;
   text-decoration:none;
}

a.link-btn:hover{
	background-color:#ffb92a;

}



#mainboxes p{
	margin:0;
	padding:0;
}




#mainboxes .section {
	clear: both;
	padding: 0%;
	margin: 0px;
	position: relative;
	/*white-space: nowrap;*/
}



#mainboxes .span_1_of_3{
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
	width:32%;
	

}

.boxes .col,
.boxes .col:first-of-type{
 margin:-64px 0.5% 0 ;

}


/*--------------------------------------------------------------
## Columns
--------------------------------------------------------------*/



.section {
	
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover;
	clear: both;
	padding:2% 0%;
	margin: 0px;
	position: relative;
	white-space: nowrap;
	
}

.section.main-boxes{
	margin:0;
	padding:0;
	 border: 1px solid #fff;
}



.section.grey{
	background-color:#f1f1f1;
	margin:0;
	padding: 2% 0%;

}


.section.beige{
	background-color:#fef5e3;
	margin:0;
	padding: 2% 0%;
	

}

.section.dark{
	background-color:#21201e;
	margin:0;
	padding: 2% 0%;
	color:#fff;
	
}







.section.beige h1,
.section.beige h2,
.section.beige h3,
.section.beige h4,
.section.beige h5{
  	padding: 0;
	margin: 0;
}

.section.dark h1,
.section.dark h2,
.section.dark h3,
.section.dark h4,
.section.dark h5{
  	color: #dda024;
}

.section.light,
.section.light h1,
.section.light h2,
.section.light h3,
.section.light h4,
.section.light h5{
	color:#fff!important;

}

.section.fullsection{
	padding: 0%;

}

.fullsection .col{
margin: 0%;

}

.fullsection .span_1_of_2{
	width:50%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	min-height: 360px;

}


.span_1_of_2.lefttext{
  	padding:0 2% 0 0;
  	width:46%;
}




.colbg{
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    position: absolute;
    top: 0;
    left:0;
    right:0;
}


.colbg.imgleft {
    left: 0;
    right: 50%;
}

.colbg.imgright {
    left: 50%;
    right: 0;
}




.colbg-color{
    background-color:#fff;
    bottom: 0;
    position: relative;
    top: 0;
    left:0;
    right:0;
}

.colbg-color.beige{background-color:#fef5e3}
.colbg-color.white{background-color:#fff;}
.colbg-color.gray{background-color:#ebebeb;}


.col-wrap{
position: absolute;
top: 50%;
margin: 0 auto;
left: 0;
right: 0;
text-align: center;
    transform: translateY(-50%);
    width:70%;


}

.col-wrap-color{
	position: relative;
	margin: 0 auto;
	left: 0;
	right: 0;
	text-align: center;
	padding:2% 0;
    width:70%;
}


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

.section.imgblock .col{
	vertical-align:middle;
}
.col:first-child { margin-left: 0; }





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

.group{
	margin:0;
}


.span_1_of_1{ width: 100%; }

.one-col{max-width:800px;margin:0 auto;}

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

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 65.3333%; }
.span_1_of_3 { width: 30.6666%;}

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



.main-boxes .span_1_of_3 {
	background-size:cover;
	background-position:center;
	margin:0;
	 padding: 3% 2%;
	color:#fff;
	min-height:380px;
	position:relative;
	width: 33.3333%;

}

.section.single-info{
	margin: 0 0 6%;
	padding:0;
}
.section.single-info .col{
	margin: 0;
	text-align:center;
	font-family:'Montserrat', sans-serif;
	text-transform:uppercase;
	font-weight:400;
}

.section.single-info .span_1_of_3 { 
	border-right:1px solid #000;
	width: 33.333%;
}

.section.single-info .span_1_of_3:last-child{
	border-right:0;

}


/*  GO FULL WIDTH BELOW 800 PIXELS */
@media only screen and (max-width: 800px) {
    .section{white-space: normal;}
	.col {  display:block;margin: 4% 0 4% 0%; }
	.span_1_of_2, .span_2_of_2 { width: 100%; }
	.span_1_of_3, .span_2_of_3, .span_3_of_3 { width: 100%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
	.fullsection .span_1_of_2{ width: 100%; min-height:auto; }
	.span_1_of_2.lefttext{width: 100%;}

}


.leadtext{
	text-align:center;
	margin:0 auto;
	max-width:800px;
}


.leadtext p{
		font-size:1.3em;
		line-height: 1.8em;

}
.col-img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}

.columns-header{
    
  	text-align: left;
	display: block;
    padding: 1% 0;
    
}



/* COLORED GRID */
.colored-cols {
    padding: 0;
    margin: 0 0 0 -2%;
    overflow: hidden;
}


.colored-grid-header{

 	display: block;
	font-size: 1.8em;
    font-weight: 400;
    margin: 0 0 0.6em;
    margin: 0;
    padding: 1% 0;

}

.colored-item {
     display: block;
     border: 1px solid #e5e6e7;
    float: left;
    width:31.1%;
    margin: 1% 0% 2% 2%;
    overflow: hidden;
    position: relative;
    text-align: left;
    background: #f5f6f7;
    white-space: normal; 
    font-size:0.9em;
    
}

.colored-item.four {
    width:22.7%;
    
}





.item-img{
 	height:200px;
 	background:#dddddd;
 	position:relative;
 	background-size:cover;
 	background-position:top center;
 	background-repeat:no-repeat;

}

.item-txt {
    padding: 6%;
    display:block;
    
}


.colored-item p{
	line-height: 1.6em;
	margin:0 0 1em;
}
@media (max-width: 970px)  {
	.colored-item  {
		width: 47.7%!important;
	}

}


@media (max-width: 1200px) and (min-width: 970px) {
   .colored-item {
       /*    width:31.8% !important;*/
      
        
    }

}

@media (max-width: 800px) {
	.colored-cols {
		margin:0;
	}
 	.colored-item  {
    	 margin: 2% 0 0;
    	 width: 47.7%;
	}
	.colored-item.four  {
		margin: 4% 2% 0;
		width: 45.4%;

	}
	
}	

@media (max-width: 600px) {

 	.colored-item  {
    	 margin: 2% 0 0;
    	 width: 99.4%;
	}
	
	.colored-item.four  {
    	 margin: 2% 0 0;
    	 width: 99.4%;
	}
	
}	

.hilitbox{
	background-color:rgba(255,255,255,0.85);
 	color: #000;
    display: block;
    padding: 7%;
    vertical-align: middle;
    max-width:450px;
    margin:0 auto;
   line-height: 1.4em;
   text-align:center;

}


.hilitbox, .hilitbox h2, .hilitbox h3, .hilitbox h4, .hilitbox h5{

	color: #000!important;

}


/*** FEED THEM ***/

.fts-jal-fb-header {
	display:none;
 }
 
 .fts-jal-single-fb-post .fts-jal-fb-user-name {
	 display:none;
 
 }
 
 .fts-jal-fb-user-thumb{
	 display:none;
 }
 
 

 
 .fts-jal-single-fb-post {
	 border: 1px solid rgba(184, 184, 184, 0.3);
	 line-height: 17px!important;
	 margin-bottom: 0!important;
	 overflow: hidden!important;
	 padding: 0!important;
	 position: relative!important;
	 width: 23.7%!important;
	 background: #fff;
	  margin: 0 0.5% 4%!important;
	  height: 400px!important;
	 position: relative!important;
 }

 
 .fts-jal-fb-link-wrap {
	 border-radius: 0;
	 display: block;
	 height: 250px;
	 margin-top: 10px;
	 overflow: hidden;
	 transition: all 0.3s ease-in-out 0s;
	 
 }
 
 .fts-jal-fb-post-time:before {
	   content: "\F30C";
	 font-family:'Fontello';
	 background-color: #dda024;
	 border-radius: 20px;
	 color: #fff;
	 font-size: 1em;
	 line-height: 1.8em;
	 margin: 0 15px 0 0;
	 padding: 4px 8px;
	 vertical-align: middle;
 }

 .fts-jal-fb-top-wrap {

    margin-bottom: 0px;
    text-align: left;

}
 
 .fts-jal-fb-post-time {
	 color: #999;
	 display: block;
	 font-size: 12px;
	 line-height: 10px;
	 padding: 4%;
	  border-bottom: 1px solid rgba(184, 184, 184, 0.3);
	  margin: 0;
 }
   
   .fts-jal-fb-message {
	 line-height: 21px;
	 padding: 3% 6%;
	 word-wrap: break-word;
	 height: 110px;
	 position: absolute;
	 bottom: 40px;
	 overflow:hidden;
 }
 
 .fts-likes-shares-etc-wrap{
	position:absolute;
	bottom:15px;
	padding: 0 6%;

 }
 .fts-album-photos-wrap img{
	 display:none!important;
 }
 .fts-jal-fb-link-wrap{
	height:180px;
	 position:relative;
margin-top: 0;
background-position: top center;
background-size: cover;
 }
 
 
 
 
 .fts-jal-fb-picture {
	 display: block;
	 height: 180px;
	 left: 0;
	 margin: 0;
	 position: absolute;
	 right: 0;
	 top: 0;
	 width: 100%;
	 z-index:100;
	 overflow: hidden;
 }
 
 /* fb-video */
 .fts-fluid-videoWrapper-html5{
	 height: 250px;
	 margin-top: 0;
	 width: 100%;
 }
 
 .fts-fluid-videoWrapper-html5 video {
	 margin-bottom: 0 !important;
	 object-fit: cover !important;
	 width:100%!important;
	 height:100%!important;
 }
 
 .fts-jal-fb-description-wrap{
	 display:none!important;
 
 }
 



 /************************************/
/************ INSTAGRAM **********/
/************************************/
ul.gridlist.insta {
    padding: 0;
    margin: 0;
    overflow: hidden;
}


ul.gridlist.insta li {
    display: inline-block;
    height: 220px;
    margin: 0%;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 16.666%;
    cursor:pointer;
    background-size: cover;
    background-position: 50% center;
    background-repeat: no-repeat;
	transition:all ease 0.4s;
	vertical-align: bottom;
   
}
ul.gridlist.insta li:hover {
    opacity:0.7;
}

ul.gridlist.insta li a{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
}

ul.gridlist.insta img{display:none;}







@media (max-width: 800px) {
 	 ul.gridlist.insta li {
    	width: 33.333% !important;
	}
	
}	


@media (max-width: 480px) {
	ul.gridlist.insta li{
		width: 50% !important;
		margin: 0;
		height:150px;
	}
}


/**************************************
********** TOUR DES BIERES************
**************************************/


.year-header{
    
  text-align: left;
  display: block;
  border-bottom: 1px solid #dda024;
	padding: 0;
  
}

.beer-list-item{
	display:block;
	margin:0 0 0.4em;
}
.beer-nbr{
	font-weight:600;
	display:inline-block;
	vertical-align:top;
	width:9%;
}

.beer-title{
	font-weight:400;
	display:inline-block;
	vertical-align:top;
	width:90%;
}



/**************************************
********** UNTAPPD ********************
**************************************/
/*
#menu-filter{
	list-style:none;
	margin:0;
	padding: 0.8% 0;
	text-align:center;
	background-color:#dda024;
}

#menu-filter a{
	display:inline-block;
	margin:0;
	font-weight:600;
	padding:0;
	color:#fff;
	text-transform:uppercase;
	padding: 0% 2%;
	text-decoration:none;
	font-family: 'Montserrat', sans-serif;
	letter-spacing:0.03em;

} */
#menu-filter{
	list-style:none;
	margin: 2% 0 1%;
	text-align:center;

}
#menu-filter a{
	display:inline-block;
	margin: 0 1% 2%;
	font-weight:600;
	color:#fff;
	text-transform:uppercase;
	padding: 0.8% 2%;
	text-decoration:none;
	font-family: 'Montserrat', sans-serif;
	letter-spacing:0.03em;
	background-color: #dda024;
	border-radius: 4px;
	font-size: 1.2rem;
	transition:background-color ease 0.4s;
}

#menu-filter a:hover {
    background-color:#ffb92a;
}

#menu-filter a.active {
    background-color:#ffb92a;
}

#menu-filter a.active span {
    border-bottom: 1px solid #fff;
}

/*
#menu-filter a.active:after {
    transform: scaleX(1);
}


#menu-filter a::after {
    border-bottom: 3px solid #fff;
    content: "";
    display: block;
    position: relative;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out 0s;
    margin: 0px 0 0 0;
}

#menu-filter a:hover::after {
    transform: scaleX(1);
}
*/
.menu-header{
	text-align:center;
	margin:0 0 2em;
}

.menu-header h2{
	font-size:2.6rem;
}

.beermenu{
	display:none;
}

.product{
	display: inline-block;
	width: 32%;
	margin: 0 0.5% 1%;
	background: #f1f1f1;
	padding: 1% 2% 1% 0;
	vertical-align: top;
	border-radius:6px;
	box-sizing: border-box;
	border: 1px solid rgba(0,0,0,0.07);
}

h3.product-section{
	font-size: 2rem;
	border-bottom: 1px solid #dda024;
	padding: 1.2em 0 0.2em;

}
.prod-img{
	max-width:60px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 2%;
}

.prod-img img{
	width:100%;
}

.prod-info{
	display: inline-block;
	line-height: 1.8rem;
	width: 76%;
	padding: 0 0 0 4%
}

.prod-title{
	font-size: 1.6rem;
	font-weight: 700;
	display: block;
	margin: 0 0 0.2em;
	font-family: 'Montserrat', sans-serif;

	/*background: #dda024;
	color: #fff;
	padding: 0.2em;*/

}

.prod-style{
	font-size: 1.2rem;
	display: block;
	font-weight: 600;
	margin:0 0 0.6em;

}

.prod-brewery{
	font-size: 1.1rem;
	margin: 0;
	text-transform: uppercase;
	font-weight: 700;

}

.prod-desc{
	font-size:1.2rem;
	font-style: italic;

}




/* OLD*/
.ut-menu{
 
 }
 
 .menu-info p{
	 font-size:14px;
	 margin:1em 0 0 0!important;
 }
 
 .menu-nav div.menu-list {
	 list-style: none;
	 padding: 0;
	 margin-top: 1em;
	 margin-bottom: 1em;
	 text-align: center;
	 font-size: 1.4em !important;
	 text-transform: uppercase;
	 font-family: 'Raleway', Helvetica Neue, Helvetica, Arial, sans-serif !important;
	 font-weight: 800;
 }
 div.menu-list-item a.active{
 
	 border-bottom: #DCA123 solid 4px!important;
 
 }
 
 
 .ut-menu .menu-nav div.menu-list div.menu-list-item {
 
	 line-height: 2em;
 
 }
 
 .date-time{display:none;}
 
 .beer-name .item-title-color{
	 font-family: 'Raleway', Helvetica Neue, Helvetica, Arial, sans-serif !important;
	 font-size:17px!important;
 
 }
 .link-font-color{
	 font-size:14px!important;
	 font-family: 'Playfair Display', Helvetica Neue, Helvetica, Arial, sans-serif !important;
 
	 
 }
 
 
 .ut-menu-standard .menu-items-container .menu-item{
	 position:relative;
 
 }
 
 .ut-menu-standard .menu-items-container .menu-item .beer .beer-details .item-description {
	 line-height: 2em!important;
 }
 
 .ut-menu-standard .menu-items-container .menu-item .beer .beer-details .item-description p {
	 opacity: 1 !important;
	 font-size: 14px !important;
 
 }
 
 .ut-menu-standard .menu-items-container .menu-item .beer .beer-details .item-description p.show-less{
 
 }
 
 
 
 .item-meta.item-title-color{
	 font-size: 13px !important;
	 font-weight: 600;
	 line-height: 2em!important;
	 font-family: 'Raleway', Helvetica Neue, Helvetica, Arial, sans-serif !important;
 
 } 
 
 
 
 .beer-name span.beer-style {
	 padding-left: 4px;
	 font-weight: 400;
	 font-style: normal!important;
	 margin: 0;
	 color: #555;
	 font-size: 12px!important;
 }
 
 .ut-menu .pagination-container {
	 display:none;
 }
 
 
 .ut-menu-standard .section .section-heading .section-name {
	 font-size: 20px !important;
	 font-weight: 600 !important;
	 text-transform: capitalize;
	 text-align: center;
	 font-family: 'Raleway', Helvetica Neue, Helvetica, Arial, sans-serif !important;
	 padding: 0 0 1em;
	 border-bottom: 1px solid #252525;
	 color: #dca123;
	 line-height: 1.4em;
 
 }
 
 .ut-menu .h1 {
	 font-size: 32px!important;
	 font-weight: 600!important;
	 margin: 0;
	 text-transform: capitalize!important;
	 text-align: center;
 }
 
 ut-menu .padding-left,
 ut-menu .padding-right{
	 padding:0px!important;
 }
 
 
 .ut-more{
	 text-indent: -9999em !important;
	 float: right !important;
	 height: 20px;
	 overflow: hidden;
 
 }
 
 
 .ut-more:before{
	/* content: ' Lue lisää ';
	 position: absolute;
	 right: 0;
	 text-indent: 0;
	 width: 10%;
	 text-align: left; */
	 content: ' Lue lisää ';
	 position: relative;
	 right: 0;
	 text-indent: 0;
	 display: block;
	 height: 20px;
	 overflow: hidden;
 
 } 
 
 
 .ut-less{
	 text-indent: -9999em!important;
	 float: left;
 
 }
 
 .ut-less:before{
	 content: ' Sulje ';
	 position: relative;
	 left: 0;
	 text-indent: 0;
	 height: 20px;
	 width: 100px;
	 float: left;
 
 } 
 
 .no-price{
	 display:none;
 
 }
 
 
 
 /*********** EOF UNTAPPD **********/

/*--------------------------------------------------------------
## FOOTER
--------------------------------------------------------------*/
.site-footer{

	background:#000;
	color:#fff;
	border-top: 4px solid #dda024;
}
.site-info{
	font-size: 1rem;
    letter-spacing: 0.02em;
	background:#000;
	padding: 0 0 2% 0px;
	text-align:center;
}

a.madein{
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:800;
	color:#8f8f8f;
	display: block;
	font-size: 1.2rem;

}


.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4{
	text-transform: uppercase;
    color: #dda024;
    letter-spacing: 0.08em;
    font-weight: 600;
	font-size:100%;
	margin: 0 0 1em 0;

}

ul#footer-menu{
	list-style: none;
	margin: 2% 0 0 0;
	padding: 0;
	float:right;

}

ul#footer-menu li{
	margin: 0 0 0.4em;
   padding: 0 0 0 0;
   font-family: 'Montserrat', sans-serif;
   text-transform:uppercase;
	
}


ul#footer-menu li.current-menu-item a{
	color:#fff;
}





.site-footer a .icon-facebook,
.site-footer a .icon-instagram{
	font-size: 2rem;
    color: #fff;
	background-color: #dda024;
    border-radius: 30px;
	padding: 3px;
	margin-right:4px;
	transition:  background-color ease 0.4s;
	
}

.site-footer a .icon-facebook:hover,
.site-footer a .icon-instagram:hover{
    background-color:  #ffb92a;
	
}

/*--------------------------------------------------------------
## NEWS
--------------------------------------------------------------*/
.news-item{
	border-bottom:1px solid #ccc;
	margin: 0em 0 2em;
padding: 0 0 2em;

}
.entry-meta{
	font-weight: 700;
    letter-spacing: 0.02em;
    font-size: 1.2rem;
}

.read-more{
	font-weight: 700;
	letter-spacing: 0.02em;
	font-size: 1.2rem;

}

ul#archive-list{
	list-style:none;
	margin:0;
	padding:0;

}

ul#archive-list li{
	margin: 0 0 0.4em;
	padding:0;

}

/****************************************************
************** FLOW FLOW**********************
*****************************************************/

.ff-stream {
   background: #fef5e3!important;
  padding: 0!important;
}

.ff-name,
.ff-nickname{
	display:none!important;
}


.ff-loadmore-wrapper .ff-btn {

	background-color: #dda024!important;
    text-transform: uppercase!important;
    letter-spacing: 0.04em!important;
    border: 0!important;
    color: #fff!important;
    padding: 0.6em 3em!important;
    border-radius: 2px!important;
    transition: background-color 0.4s ease!important;
    font-weight: 800!important;
    font-family: 'Montserrat', sans-serif!important;
    text-decoration: none!important;
}

.ff-loadmore-wrapper .ff-btn:hover {
	background-color:#ffb92a!important;

}
/****************************************************
************** POST PAGINATION **********************
*****************************************************/
ul#post-pagination{
	margin: 30px 0;
    text-align: center;

}
ul#post-pagination li{
	display:inline-block;
	margin:0 0 0 0;

}

ul#post-pagination li a{
	border: 2px solid rgba(0,120,184,§);
	border-radius: 50%;
	color: #000;
	display: block;
	font-size: 1rem;
	font-weight: 700;
	height: 20px;
	line-height: 1.7em;
	text-align: center;
	transition: background 0.3s ease 0s;
	width: 20px;

}

ul#post-pagination li.active a {
    background-color:rgba(0,120,184,1);
    color:#fff;
  
}

ul#post-pagination li a:hover{
	    background-color:#ebebeb;
}
ul#post-pagination li.active a:hover {
	    background-color:rgba(0,120,184,1);

}

.blog-entry{
	    margin: 0 0 0em;
}


/* Remove padding from map in mobile view */
.span_1_of_2 .ums_map_opts {
    padding: 0px !important;
}





/* ====================================================================================================================
 * GALLERY
 * ====================================================================================================================*/
 #lightgallery{
	clear: both;
    display: block;
    float: left;
    margin: 0 0 30px;
    width: 100%;
} 
 
h2.gallery-title {
		margin: 0 0 30px !important;
	}



#gallery-wrapper{
	 display: block;
    margin: 50px 0 30px;
    width: 100%;

}



ul.gallery{
	display: block;
    list-style: outside none none;
    margin: 0 0 30px;
    padding: 0 0 0px;
    width: 100%;
}


ul.gallery img{
  display:block;

}
ul.gallery img:hover{
	cursor:pointer;
}


ul.gallery li{

 	display:block;
  	float:left;
  	padding: 8px 0px;
  	cursor:pointer;
   	width:19%;
 	margin:0 1% 1% 0;
 	height:200px;
 	position: relative;
 	background-size:cover;
 	background-repeat:no-repeat;
 	background-position: top center;
}



ul.gallery li div {
    align-items: center;
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    bottom: 0px;
    display: flex;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0%;
    text-align: center;
    top: 0;
}
.icon-search {
    border-radius: 50%;
    color: #ffffff;
    display: block;
    font-size: 2em;
    height: 50px;
    margin: 0 auto;
    padding: 0px;
    text-transform: uppercase;
    width: 50px;
}
ul.gallery li:hover div {
    opacity: 1;
}


.icon-search {
   
    border-radius: 50%;
    color: #ffffff;
    display: block;
    font-size: 2em;
    height: 50px;
    margin: 0 auto;
    padding: 10px;
    text-transform: uppercase;
    width: 50px;
}

.caption{
  background: #fff;
  bottom: 7%;
    display: block;
    font-size: 0.9em;
    margin-left: 2%;
    margin-right: 6%;
    padding: 5px 15px;
    position: absolute;

}

@media (max-width: 970px)  {
	ul.gallery li {
		width: 32% !important;
		height:200px!important;
	}


}


@media (max-width: 1200px) and (min-width: 970px) {
	ul.gallery li {
        width: 32% !important;
        	height:200px!important;
      
        
    }
    
	
	
}

@media (max-width: 800px) {
 	
	
}	




@media (max-width: 480px) {
	ul.gallery li {
		width: 48% !important;
		margin:1% 1%;
		 	height:130px!important;
	}
	
	
}




/*--------------------------------------------------------------
## MEDIA QUERIES 
--------------------------------------------------------------*/

@media (max-width:1200px) {

	site-header	#site-branding img {
    	max-width: 150px;
    	margin: 10px 0 0 0;
	}
	site-header.fixed	#site-branding img {
    	max-width: 150px;
    	margin: 3px 0 0 0;
	}

	.main-navigation li a{
		font-size:1.2rem;
	}
}

@media (max-width:1000px) {

	.prod-img{
		max-width:50px;
	}
	.fts-jal-single-fb-post {
		width: 48.05% !important;
	}
}

@media (max-width:970px) {

	.site-header,site-header.fixed{
		height:60px;
		position:fixed;
	}
	#site-branding img {
		max-width: 150px;
		margin: 5px 0 0 0;
	}
	#site-branding {
		padding:0;
	}
	.site-header.fixed #site-branding img {
		transform: scale(1);
	}
}

@media (max-width:900px) {

	.product {
		width: 49.6%;
		margin: 0 0 2%;
		padding: 12px 0;
	}
	#menu-filter a {
		font-size: 1.2rem;
	}

	
}



@media (max-width:800px) {
	body{
		font-size:14px;
	}
	.site-footer{
		text-align:center;
	}

	ul#footer-menu{
		float:none;
	}
	
}


@media (max-width:600px) {

	.flex-caption {
		width: 90%!important;
	}
	.flexslider h1{
		font-size: 3em !important;
		line-height: 1em !important;

	}

	.product {
		width:100%;
		margin: 0 0 2%;
		padding: 12px 0;
	}

	#menu-filter a {
		display:block;
		margin: 0 1% 3%;
		font-size: 1.2rem;
	}

}
@media (max-width:480px) {
	.fts-jal-single-fb-post {
		width: 100% !important;
	}


}