/*
	Theme Name: Psykedelisk Samfund
	Author: Thomas Jacobsen	
	Text Domain: blankwp
	Domain Path: /languages
*/
@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond:300,400|Roboto+Condensed:300,400,700');
body.admin-bar header, body.admin-bar header ul.nav{top: 32px;}
.row{max-width: 1230px;}
.relative{position: relative;}
:focus{outline: 0;}
.wow{visibility: hidden;}
.shadow{
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow:    0px 0px 6px 0px rgba(0, 0, 0, .1);
	box-shadow:         0px 0px 6px 0px rgba(0, 0, 0, .1);
}
.border-radius{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.circle{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.transition-all, a{-webkit-transition: all .3s; transition: all .3s;}
.hover-scale:hover{-ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}
.hover-scale-small:hover{-ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}

iframe{width: 100% !important;}

/**
 * Responsive embeds 
 */
.responsive-embeds{
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-bottom: 51%;
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}
.responsive-embeds iframe,
.responsive-embeds object,
.responsive-embeds embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/**
 * Read more / toggle 
 */
.read-more-content{display: none;}

/**
 * Colors 
 */
body, .body-bg{background-color: #e4e5df;}
.sand{color: #f7f8f2;} .sand-bg{background-color: #f7f8f2;}
.yellow{color: #f9d46b;} .yellow-bg{background-color: #f9d46b;}
.green{color: #287c82;} .green-bg{background-color: #287c82;} 
.label{background-color: #e7e7e7; color: #333;}

/**
 * Typography 
 */
html, body, .theme-font-1, h1, h2, h3, h4{font-family: 'Roboto Condensed', sans-serif; font-weight: 400;}
.theme-font-2{font-family: 'Cormorant Garamond', serif; font-weight: 400;}
a{color: #c74848;}
a:hover, a:focus, a:active{color: #913131; text-decoration: underline;}

h1{font-weight: 700; color: #1c191a; line-height: 1.2;}
h2{font-weight: 700; color: #414141; font-size: 24px;}
h3{font-size: 18px; font-weight: 700;}

.button{background-color: #f9d46b; color: #333;}
.button .yellow{background-color: #f9d46b; color: #333; font-weight: 700;}
.button:hover, a.button:focus{text-decoration: none; background-color: #e3c05e; color: #333;}

/**
 * WooCommerce 
 */
.woocommerce .woocommerce header, .scrolled .woocommerce header{position: relative; background-color: transparent;}
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{background-color: #f9d46b; color: #333;}
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{text-decoration: none; background-color: #e3c05e; color: #333;}
.woocommerce div.product .product_title{margin: 12px 0;}
a.added_to_cart.wc-forward{display: block;}
.tabs{border: 0;}
label{font-size: 18px;}
abbr{text-decoration: none !important;}
.woocommerce h3{font-size: 26px; margin: 20px 0 10px 0;}
.related.products{background-color: #fff;}
.woocommerce-message{border-top: 0;}
.woocommerce span.onsale{
    padding: 0 10px; background-color: #f9d46b; color: #333;
    margin: -10px 0 0 -10px;
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;    
}
.woocommerce ul.products li.product .onsale.wc-memberships-member-discount{right: -15px; top: -5px;}

.woocommerce ul.products li.product{
    display: none; padding: 20px 20px 80px 20px; background-color: #f7f8f2; 
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
    text-align: center;
}
.woocommerce ul.products li.product a img{width: auto; max-height: 150px; margin: 10px auto 20px auto;}
.woocommerce a.button{background-color: #f9d46b;}
.woocommerce ul.products li.product .button{width: 100%; position: absolute; bottom: 0; left: 0;}
.woocommerce .quantity .qty{height: 45px !important;}

.woocommerce-account .addresses .title .edit, .woocommerce-account ul.digital-downloads li .count{float: none;}
.woocommerce-account .addresses .title h3{border-bottom: 1px solid #ddd; display: block; float: none;}

nav.woocommerce-MyAccount-navigation{margin: 0 0 30px 0;}
nav.woocommerce-MyAccount-navigation ul{list-style: none; margin: 0;}
nav.woocommerce-MyAccount-navigation ul li a{display: block; margin: 0 10px 0 0; border-bottom: 1px solid #eee; color: #333; padding: 3px 0; font-size: 16px;}
nav.woocommerce-MyAccount-navigation ul li.is-active a{font-weight: 700;}
nav.woocommerce-MyAccount-navigation ul li a:hover{text-decoration: none; background-color: #f7f7f7;}
header.title, .woocommerce-order-details header, .middle header{position: relative !important;}

.woocommerce .coupon .input-text{width: 100px !important; height: 44px !important;}

mark{background-color: #f9d46b; color: #333; display: none;}

/**
 * Credit card logos 
 */
.card-logos{}
footer .card-logos{margin: 25px 0 0 0;}
.card-logos img{height: 30px; display: inline-block; background-color: #fff; 
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.page-card-logos{margin: 0 0 20px 0; display: none;}
.woocommerce-cart .page-card-logos, .woocommerce-checkout .page-card-logos{display: block;}
.page-card-logos img{height: 20px;}

/**
 * Images 
 */
img.alignright{max-width: 50%; margin: 0 0 20px 20px; float: right}
img.alignleft{max-width: 50%; margin: 0 20px 20px 0; float: left;}

/**
 * Breadcrumbs 
 */
.breadcrumbs, .woocommerce .woocommerce-breadcrumb{color: #ccc; font-weight: 400; margin: 0 0 30px 0;}
.breadcrumbs a,
.woocommerce .woocommerce-breadcrumb a{color: #f9d46b; font-weight: 700;}

/**
 * Header 
 */
header{position: fixed; top: 0; right: 0; left: 0; z-index: 999;}
header .content{height: 40px; position: relative; z-index: 999;}
.scrolled header{background-color: rgba(36, 111, 126, .7);}
.scrolled header .content{height: 60px; padding-bottom: 10px;}
a.logo-link{display: block; position: absolute; left: 20%; right: 20%; top: 0; bottom: 0;}
.nav-toggle, a.search-trigger, header .cart{position: absolute; bottom: 0; z-index: 9999; display: inline-block;}
.nav-toggle{left: auto; right: 8px;}
a.search-trigger{right: 55px; color: #fff; bottom: 3px; font-size: 30px; width: 26px; height: 28px; background: url('images/search.png') no-repeat center center;}
.scrolled .nav-toggle, .scrolled .search-trigger{top: auto; bottom: 13px;}

header .cart{color: #fff; right: 100px; bottom: 4px;}
header .cart:hover{text-decoration: none;}
header .cart span{display: inline-block; font-size: 14px; margin: 0 0 0 5px; width: 28px; height: 28px; line-height: 28px; background-color: rgba(255, 255, 255, .6); color: #000; text-align: center;}
.scrolled header .cart{top: auto; bottom: 15px;}

/**
 * Search bar 
 */
.search-bar{
    position: fixed; z-index: 99999; top: 0; right: 0; left: 0; color: #fff; background-color: rgba(255,255,255,.2); padding: 50px 0 15px 0;
    transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%);
}
.scrolled .search-bar{background-color: rgba(36, 111, 126, .9);}
.search-bar.visible{transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%);}
.search-bar form{margin: 0;}
.search-bar label{color: #fff;}
#s, #searchsubmit{height: 70px; font-size: 20px;}
.search-bar #s{width: 70%; background-color: #f7f8f2; color: #333; border: 0; text-indent: 10px;}
#searchsubmit{width: 27%; background-color: #f9d46b; color: #333; font-size: 20px; border: 0; float: right; text-align: center;}
.search-bar .search-close{display: inline-block; position: absolute; right: 15px; top: 0; margin-top: -40px;}
.search-bar .search-close .fa{font-size: 40px; color: #fff; margin-right: 32px;}

.search-results-wrap{background-color: #f7f8f2;}
.middle #searchsubmit{float: left;}
.search-result{padding: 20px 0; border-bottom: 1px solid #ddd;}
.search-result a.image{margin: 0 0 20px 0; display: block;}
.search-result .title{font-weight: 700; font-size: 1.3em;}
.search-result .excerpt{clear: both;}

 /**
  * Header nav 
  */
header ul.nav{
	list-style: none; padding: 0; margin: 0; padding: 30px;
	position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 2;
    overflow-y: scroll; -webkit-overflow-scrolling: touch;
    -webkit-transition: all 200ms cubic-bezier(.75, 0, .29, 1.01); transition: all 200ms cubic-bezier(.75, 0, .29, 1.01);
    -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%);
}
header ul.nav.visible{
    -ms-transform: translateX(10%); -webkit-transform: translateX(10%); transform: translateX(10%);
    background-color: rgba(36, 111, 126, .7);    
}
header ul.nav ul{list-style: none; margin: 0;}
header ul.nav ul li{padding: 0; margin: 0;}
header ul.nav li a{display: block; font-size: 22px; line-height: 1.5; color: #fff;}
header ul.nav > li{float: left; padding: 0 0 20px 0; margin: 0 10px 20px 0; max-width: 50%; width: 280px; border-bottom: 1px dashed #ccc;}
header ul.nav > li:nth-child(3), header ul.nav > li:nth-child(5), header ul.nav > li:nth-child(7){clear: left;}
header ul.nav > li > a{font-size: 32px;}

/**
 * Header nav hamburger
 */
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
    width: 35px;
    height: 30px;
    position: relative;
    -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;
    cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {top: 0px;}
#nav-icon1 span:nth-child(2) {top: 12px;}
#nav-icon1 span:nth-child(3) {top: 24px;}

#nav-icon1.open span:nth-child(1) {top: 12px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
#nav-icon1.open span:nth-child(2) {opacity: 0; left: -60px;}
#nav-icon1.open span:nth-child(3) {top: 12px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}

/**
 * Top 
 */
.top{
    text-align: center; overflow: hidden; border-bottom: 5px solid #f9d46b;
    background: no-repeat center center; background-size: cover;
}
a.top{display: block;}
.top img.logo{display: inline-block; max-height: 100%; max-width: 90%;}
.top.large{height: 200px; background-image: url('images/top-large.jpg');}
.top.small{height: 120px; background-image: url('images/top-small.jpg');}

/**
 * Text splash section 
 */
.text-splash{padding: 65px 0; position: relative; border-bottom: 1px solid #dedfd9;}
.text-splash{font-size: 30px; color: #403d3d; text-align: center; font-weight: 300; line-height: 1.2; margin: 0;}
.text-splash .sub{color: #414141; font-size: 20px; margin: 10px 0 0 0;}
.text-splash:after{
    content: ""; position: absolute; z-index: 1; bottom: -23px; width: 44px; height: 23px; background: url('images/arrow-down.png');
    -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);
}

/**
 * About texts / read more teaser 
 */
.read-more-teaser{
    position: relative; background-color: #fff; text-align: center; font-size: 18px; color: #403d3d; font-weight: 300;
    padding: 50px 0; border-bottom: 1px solid #dedfd9;
}
.read-more-teaser .columns{margin-bottom: 20px;}
.read-more-teaser .title{font-size: 28px; font-weight: 700; color: #c74848; margin: 0 0 5px 0;}

a.read-more-teaser-link{
    display: inline-block; position: absolute; width: 100%; z-index: 1; background-color: #287c82; font-size: 24px; color: #f7f8f2; text-align: center; 
    line-height: 70px; padding: 0 75px; font-weight: 700; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -40px;
}
a.read-more-teaser-link:hover{text-decoration: none; background-color: #257278;}

.read-more-teaser.cookie{padding: 0; border-bottom: 0;}
.read-more-teaser.cookie .texts{display: none;}

/**
 * Board members 
 */
.page-template-board_members .page-content{}
.page-template-board_members .middle{padding-bottom: 0;}
.board-members{margin: 20px 0 0 0; padding: 50px 0; background-color: #f7f7f7;}
.board-member{text-align: center; padding-bottom: 50px;}
.board-member .image{width: 280px; height: 280px; background: #f4f4f4 no-repeat center center; background-size: cover;  display: inline-block; margin: 0 0 10px 0; border: 10px solid #fff;}
.board-member .name{font-weight: 700; font-size: 1.3em; color: #266f84;}
.board-member .title{font-weight: 700; font-style: italic; color: #bbb;}
.board-member .description{margin: 10px 0 0 0;}
.board-member a{color: #1b6979;}

/**
 * Member 
 */
.member-button-wrap{height: 0;}
a.member-button{display: inline-block; position: relative; z-index: 1; background-color: #f9d46b; font-size: 20px; font-weight: 400; color: #414141; line-height: 57px; padding: 0 30px;}
a.member-button:hover{text-decoration: none;}
a.member-button.large-top{margin-top: -4px; transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%);}
a.member-button.small-top{
    position: fixed; right: -57px; top: 305px;
    -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);    
}
a.member-button.large-top:hover{
    padding-bottom: 10px;
    -webkit-box-shadow: 5px -5px 6px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow:    5px -5px 6px 0px rgba(0, 0, 0, .1);
    box-shadow:         5px -5px 6px 0px rgba(0, 0, 0, .1);
}
a.member-button.small-top:hover{background-color: #e8c563;}

 /**
  * Sub pages and posts
  */
.middle{background-color: #fff; position: relative; min-height: 300px; padding: 30px 0;}
.middle, .middle p{color: #414141; font-size: 20px; font-weight: 300; line-height: 1.4;}
.middle p{margin: 0 0 30px 0;}

.post-image{height: 200px; background: no-repeat center center; background-size: cover; margin: 0 0 30px 0;}
.post-gallery{margin: 0 0 30px 0; background-color: #f7f7f7;}
.post-gallery img{width: 100%;}
.image-description{text-align: right; background-color: #f7f8f2; padding: 7px 10px; font-size: 20px; font-weight: 300; color: #aaaaaa;}

.single-meta{display: inline-block; background-color: #f7f8f2; line-height: 55px; padding: 0 20px; font-size: 20px; color: #aaaaaa; font-weight: 400; margin: 0 15px 10px 0;}
.single-meta ul.post-categories{list-style: none; margin: 0; display: inline-block;}
.single-meta ul.post-categories li{display: inline-block; margin: 0;}
.single-meta ul.post-categories li a{display: block; margin-right: 2px;}
.single-author{display: inline-block; font-size: 20px; color: #aaaaaa; font-weight: 400;}
.single-content{margin: 20px 0 0 0;}

.related{background-color: #f7f8f2; padding: 50px 0 0 0;}
.related-title{font-size: 40px; font-weight: 700; line-height: 1.1em; color: #414141;}
.related-link{font-size: 20px; font-weight: 300; display: block; margin: 5px 0 20px 0;}
.related .list-entries .item{margin: 0 0 30px 0; clear: none;}
.related .list-entries .item .title{font-weight: 300;}
.related .list-entries .item .image{width: 100%; height: 130px;}

.also-read{padding: 30px 0; font-size: 30px; text-align: right;}

.middle h1{margin: 0 0 20px 0; clear: both;}
.middle .social-shares{display: inline-block; position: relative; top: 0; margin: 0 0 20px 0;}
.middle .social-shares.fixed{position: fixed; top: 80px; z-index: 1;}
.middle .social-shares a{
    display: block; float: left; text-align: center; color: #fff; width: 48px; max-width: 100%; height: 48px; line-height: 48px;
    -webkit-transition: all .3s; transition: all .3s;
}
.middle .social-shares a:hover{-ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}
.middle .social-shares a i{font-size: 24px;}
.social-shares .facebook-sharer{background-color: #435697;}
.social-shares .twitter-sharer{background-color: #469ef0;}
.social-shares .printer-sharer{background-color: #758a8d;}
.social-shares .google-sharer{background-color: #dd4b39;}
.social-shares .linkedin-sharer{background-color: #007bb5;}

.sidebar-box{background-color: #f7f8f2; padding: 15px;}

 /**
  * Encyclopedia 
  */
.encyclopedia-slider-wrap{background-color: #fff; padding: 50px 0; position: relative; border-bottom: 1px solid #dedfd9;}
.encyclopedia-slider-wrap .slide{text-align: center;}
.encyclopedia-slider-wrap .image{height: 200px; position: relative; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.encyclopedia-slider-wrap .image.fallback{background: url('images/kemi-fallback.png') no-repeat center center;}
.encyclopedia-slider-wrap .image img{
    max-width: 100%; max-height: 100%; position: absolute; 
    top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);    
}
.encyclopedia-slider-wrap .title{color: #c74848; font-size: 28px; font-weight: 700;}
.encyclopedia-slider-wrap .excerpt{font-weight: 300; font-size: 18px; color: #414141;}
.encyclopedia-slider-wrap .arrow{
    color: #414141; position: absolute; z-index: 2; 
    top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); 
    font-size: 50px; cursor: pointer;
}
.encyclopedia-slider-wrap .prev{left: 20px;}
.encyclopedia-slider-wrap .next{right: 20px;}

.encyclopedia-all-terms a{display: inline-block; margin: 0 1px;}
.encyclopedia-sidebar-terms{padding: 20px;}
.encyclopedia-sidebar-terms a{display: block;}
.encyclopedia.page-content{border-bottom: 1px solid #eee; margin: 0 0 30px 0;}
.encyclopedia-articles{}
.encyclopedia-list-article{padding-bottom: 30px;}
.encyclopedia-list-article > a{font-size: 20px; font-weight: 700;}
.encyclopedia-list-article p{margin: 0; font-size: 16px;}
.encyclopedia-list-article a.button{margin: 10px 0 0 0;}
.encyclopedia-list-article a.read-more{font-weight: 400; font-size: 16px; color: #333;}
.encyclopedia-inspiration{background-color: #fff; border-top: 1px solid #eee; text-align: center; padding: 30px 0 0 0;}
.encyclopedia-inspiration .title{font-size: 30px; font-weight: 300;}

/**
 * Library 
 */
/* Movies & podcasts */
.movie-list{margin: 0 -5px;}
.movie-list-category{width: 100%;}
.movie-list-category .wrapper{margin: 0 5px 5px 5px; padding: 15px; background-color: #f7f8f2;}
.movie-list-category ul li{margin: 0; padding: 0; line-height: 1.2;}
.movie-list-category a{display: block; font-size: 17px;}
.library.responsive-embeds{margin: 0 0 30px 0;}

.library-no-single-list-item{margin-bottom: 25px; clear: both;}
.library-no-single-list-item .title{font-size: 20px;}
.library-no-single-list-item .date{font-size: 16px; font-weight: 700; margin: 3px 0 5px 0; color: #ccc; text-transform: uppercase;}
.library-no-single-list-item .source{display: block; margin: 0 0 10px 0;}
.library-no-single-list-item .description, .library-no-single-list-item .description p{font-size: 17px;}
.library-no-single-list-item p{margin: 0 0 10px 0;}
.library-no-single-list-item img{max-width: 100%; margin: 0 0 15px 0;}
.library-no-single-list-item a.download{font-weight: 700; float: right; margin: 0 0 20px 20px;}
.library-no-single-list-item a.download i{margin-right: 5px;}
.library-no-single-list-item a.source{font-size: .8em;}
.library-no-single-list-item .read-more-toggle{display: block; margin: 0 0 15px 0;}

 /**
  * News and events (front page) 
  */
.news-and-events{padding: 100px 0 60px 0; text-align: center;}
.news-and-events h2{font-size: 44px; font-weight: 300; color: #403d3d; margin: 0 0 20px 0;}

/**
 * Latest posts and events
 */
.news-and-events .list-entries{margin: 75px 0 20px 0;}
.list-entries{text-align: left;}
.list-entries .archive-link{font-size: 20px; font-weight: 300;}
.list-entries .item{text-align: left; margin-bottom: 35px; clear: left; overflow: hidden;}

.list-entries .item .image{height: 110px; width: 110px; float: left; margin: 0 10px 0 0; background: no-repeat center center; background-size: cover; position: relative;}
.list-entries .item .image:hover{
    -ms-transform: scale(1.03); -webkit-transform: scale(1.03); transform: scale(1.03);
    -webkit-transition: all .5s; transition: all .5s;
}
.list-entries .item .image:hover:after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(47,115,134,.3);}
.list-entries .date{color: #aaaaaa; display: inline-block; font-size: 14px;}
.list-entries .dot{display: inline-block; padding: 0 8px; color: #c74848;}
.list-entries ul.post-categories{list-style: none; margin: 0; display: inline-block;}
.list-entries ul.post-categories li{padding: 0; margin: 0 10px 0 0; display: inline-block;}
.list-entries ul.post-categories li a{font-weight: 300; font-size: 14px;}
.list-entries a.event-type{display: inline-block;}
.list-entries a{display: block;}
.list-entries a.title{color: #403d3d; font-size: 16px; font-weight: 300; line-height: 1.2;}
.list-entries a.title:hover{text-decoration: none; color: #c74848;}

.list-entries.first-large .item:first-child{}
.list-entries.first-large .item:first-child .image{height: 200px; width: 100%; margin: 0 0 8px 0;}
.list-entries.first-large .item:first-child .date{font-size: 16px;}
.list-entries.first-large .item:first-child ul.post-categories{}
.list-entries.first-large .item:first-child ul.post-categories li{}
.list-entries.first-large .item:first-child ul.post-categories li a{font-size: 16px;}
.list-entries.first-large .item:first-child a.title{font-size: 32px; font-weight: 400; margin: 5px 0 0 0;}
.list-entries.first-large .item:first-child a.title span{font-weight: 700;}

/**
 * Events 
 */
.events .member-button-wrap{height: auto; margin: 0 0 50px 0;}
ul.event-filters{list-style: none; display: block; text-align: center; margin: 0 0 40px 0;}
.event-filters li{display: inline-block;}
.event-filters li a{color: #aaa; display: block; font-size: 20px; font-weight: 300; margin: 0 7px;}
.event-filters li a.selected, .event-filters li a:hover{color: #403d3d; border-bottom: 4px solid #ccc; text-decoration: none;}

.event-info{text-align: center; font-weight: 700; padding: 30px 0 40px 0;}
.event-date{}
.event-venue{margin: 30px 0 0 0; font-weight: 400;}
.event-info .button{margin: 30px 0 0 0; font-size: 22px;}

.before-event-meta{}
.after-event-meta{margin: 40px 0 0 0;}

.tribe-events-cal-links a.tribe-events-button{display: inline-block; margin: 0 10px 0 0;}

.event-map{margin: 20px 0 0 0;}

/**
 * Event tickets 
 */
h2.tribe-events-tickets-title{margin: 0 0 20px 0 !important; padding: 0 0 20px 0 !important; text-align: center; border-bottom: 1px solid #f9d46b;}
table.tribe-events-tickets,
table.tribe-events-tickets tbody,
table tbody tr:nth-child(even){background-color: transparent !important; border: 0 !important;}
table.tribe-events-tickets tbody tr, table.tribe-events-tickets tbody td{border: 0 !important; padding: 0 0 10px 0 !important;}
table.tribe-events-tickets input{height: 50px; margin: 0 !important; background-color: transparent !important;}
table.tribe-events-tickets td.tickets_name{font-size: 16px !important; font-weight: 700; text-align: center;}
table.tribe-events-tickets td.tickets_price{text-align: right;}
table.tribe-events-tickets button{
    width: 100% !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    background: #f9d46b !important; 
    -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; 
    border-radius: 0 !important;
    color: #333 !important; 
    font-weight: 400 !important;
    padding: 15px 20px !important;
    font-size: 16px !important;
}

.tribe-link-tickets-message{text-align: center; padding: 0 0 30px 0;}
body.single-tribe_events .woocommerce .tribe-tickets-remaining{display: none;}

/**
 * Quotes slider 
 */
.quotes{
    position: relative; background: url('images/quotes-bg.jpg') no-repeat center center; background-size: cover;
    font-family: 'Cormorant Garamond', serif; font-weight: 300; color: #f7f8f2; text-align: center;
}
.quotes-slider{position: relative;}
.quotes .quote{padding: 40px 0;}
.quotes .short{font-size: 32px; line-height: 1.2em;}
.quotes .medium{font-size: 26px; line-height: 1.2em;}
.quotes .long{font-size: 20px; line-height: 1.2em;}
.quotes .name{font-size: 16px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; margin: 10px 0 0 0;}
.quotes .slick-arrow{display: none !important; position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 50px; cursor: pointer;}
.quotes .prev{left: 20px;}
.quotes .next{right: 20px;}

/**
 * Social links 
 */
.social-links{border-left: 1px solid #d2d3ce; display: inline-block;}
.social-links a{display: block; width: 89px; line-height: 37px; color: #403d3d; text-align: center; border-right: 1px solid #d2d3ce; margin: 0; float: left;}
.social-links a i{-webkit-transition: all .3s; transition: all .3s; font-size: 20px;}
.social-links a:hover{background-color: #f9d46b;}
.social-links a:hover i{-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);}

 /**
  * Loop 
  */
h1.archive{font-size: 44px; font-weight: 300; color: #403d3d; text-align: center; margin: 0 0 20px 0;}
.page-content.archive{text-align: center; margin: 0 0 40px 0; font-size: 18px;}

.category-buttons{text-align: center; margin: 0 0 30px 0;}
.category-buttons a{display: inline-block; padding: 5px 10px; background-color: #f9d46b; color: #fff; margin: 0 1px 1px 0; color: #333;}
.category-buttons a:hover{text-decoration: none; background-color: #e3c05e;}

.list-item{padding: 0 0 70px 0; position: relative;}

.list-item .post-categories{float: right; display: inline-block; margin: 0; list-style: none;}
.list-item .post-categories li{float: left; padding: 0; margin: 0;}
.list-item .post-categories a{padding: 5px 10px; font-size: 14px; margin: 0 0 0 1px; display: block; background-color: #f7f7f7;}
.list-item .post-categories a:hover{text-decoration: none; background-color: #e7e7e7;}

.list-item-top{clear: both; position: relative; overflow: hidden; display: block; background: no-repeat center center; background-size: cover; height: auto;}
.list-item-top.with-image{height: 250px;}
.list-item-top .info{position: relative;}
.list-item-top.with-image .info{position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;}
.list-item .title{background-color: rgba(61, 58, 59, .9); color: #fff; font-size: 30px; font-weight: 300; line-height: 1.1; padding: 40px 20px;}
.list-item .date{background-color: #cb4949; color: #fff; font-size: 30px; font-weight: 700; text-align: center; line-height: 1; text-transform: uppercase; position: absolute;}
.list-item.small .date{top: -50px; left: 0; font-size: 14px;}
.list-item.small .date .relative{width: 50px !important; height: 50px !important;}
.list-item.small .title{padding: 20px !important; font-size: 20px;}
.list-item .date .vertical{position: absolute; width: 100%; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.list-item .excerpt{font-size: 20px; font-weight: 300; color: #414141; margin: 30px 0 0 0;}
.list-item .excerpt p{margin: 0;}
.list-item .meta{font-size: 14px; font-style: italic; color: #aaa; margin: 10px 0 0 0;}
.list-item a.read-more{display: block; margin: 15px 0 30px 0; font-weight: 700;}
.list-item-top:after{    
    content: "\f105"; font-family: FontAwesome; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; font-size: 60px; color: #fff; text-align: center; background-color: rgba(0,0,0,.2);
    transform: translateY(100%); -ms-transform: translateY(100%); -webkit-transform: translateY(100%);
    -webkit-transition: all .2s; transition: all .2s;
    padding-top: 170px;
}
.list-item-top:hover:after{
    transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0);
}

.pagination{border-top: 1px solid #f9d46b; padding: 30px 0 0 0;}
.pagination h2{display: none;}
.pagination .nav-links .page-numbers{display: inline-block;}
.pagination .nav-links .page-numbers.current{background-color: #f9d46b; color: #333;}
.pagination .nav-links .page-numbers:hover{background-color: #333; color: #fff; text-decoration: none;}

/**
 * Slick slider 
 */
ul.slick-dots{list-style: none; margin: 0; padding: 0;}
ul.slick-dots li{display: inline-block; line-height: 100%; width: 15px; margin: 0 1px 0 0;}
ul.slick-dots li.slick-active button{background-color: #999;}
ul.slick-dots button{text-indent: -3000px; width: 100%; height: 15px; background-color: #eee; padding: 0;}

.main-slider{}
.main-slider .item{height: 400px; background-size: cover; background-position: center center;}
.main-slider .item .slide-title{}
.main-slider .item .slide-content{}
.main-slider .item .slide-link{}

/**
 * Comments 
 */
ol.comment-list{list-style: none; margin: 0;}
.comment-list .comment{}
.comment-list .comment .comment-body{background-color: #f7f7f7; margin-bottom: 10px; padding: 10px;}
.comment-list .comment.bypostauthor .comment-body{background-color: #eee;}
.comment-list ol.children{list-style: none; margin: 0 0 0 30px;}
.comment-list ol.children .comment{margin: 10px 0;}

/**
 * Footer 
 */
footer .main{border-top: 80px solid #f7f8f2; padding: 70px 0 80px 0; background: url('images/footer-bg.jpg') no-repeat center center; background-size: cover;}

footer ul.nav{list-style: none; padding: 0; margin: 70px 0; text-align: center;}
footer ul.nav ul{padding: 0; margin: 0; list-style: none;}
footer ul.nav li{padding: 0;}
footer ul.nav a{font-size: 18px; font-weight: 300; color: #f7f8f2; display: block; line-height: 1.8;}
footer ul.nav > li{float: left; width: 50%; padding: 0 0 30px 0;}
footer ul.nav > li > a{color: #ea9c69; font-size: 20px; font-weight: 700;}

.newsletter-signup{font-weight: 300; color: #f7f8f2; text-align: center; line-height: 1.3;}
.newsletter-signup .title{font-size: 20px;}
.newsletter-signup .sub-title{font-size: 14px; font-weight: 400;}
.newsletter-signup .memberform{margin: 25px 0 0 0; text-align: center;}
.newsletter-signup .name, .newsletter-signup .email{text-indent: 10px;}
.newsletter-signup .name, .newsletter-signup .email, .newsletter-signup button{
    display: block; width: 100%; height: 55px; font-size: 20px; border: 0; font-weight: 400; box-shadow: none; margin: 0 0 2px 0;
}
.newsletter-signup .email{width: 99%; float: right;}
.newsletter-signup button{background-color: #3eab77; color: #fff; text-align: center;}
.newsletter-signup button:hover{background-color: #359567;}

.member-signup{padding: 60px 0; background-color: #ea9c69; font-weight: 300; color: #f7f8f2; text-align: center; line-height: 1.3; font-size: 14px; font-weight: 400;}
.member-signup .title{font-size: 20px;}
.member-signup .sub-title{margin: 10px 0;}
.member-signup .price{color: #555; margin: 15px 0;}
.member-signup .sub-form{margin: 20px 0 0 0;}
.member-signup form{margin: 0;}
.member-signup form input{text-indent: 10px; box-shadow: none;}
.member-signup form input, .member-signup button{width: 99%; float: left; border: 0; height: 55px; font-size: 20px; margin: 0 0 4px 0;}
.member-signup button{background-color: #3eab77; color: #fff; text-align: center;}
.member-signup button:hover{background-color: #359567;}

.contact{padding: 60px; background-color: #2b2828; text-align: center; color: #f7f8f2;}
.contact .title{font-size: 44px; font-weight: 300; margin: 0 0 10px 0;}
.contact .contact-info{font-size: 20px;}
.contact .contact-info div, .contact .contact-info span{display: block;}
.contact .contact-info span{margin: 0 7px; display: none;}
.contact .contact-info .name{text-transform: uppercase; letter-spacing: 2px; margin: 0 14px 0 0;}
.contact .contact-info a{color: #f7f8f2;}

.credit-card-logos{margin: 10px 0 0 0;}

.copyright{padding: 40px 0; background-color: #181716; color: #555452; text-align: center; font-size: 16px;}
.copyright, .copyright .icon, .copyright .social-links, .copyright .social-links a{line-height: 35px; vertical-align: middle;}
.copyright .icon{font-size: 30px; transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.copyright .text{display: inline-block; padding-left: 10px;}
.copyright .social-links{border-left: 1px solid #222;}
.copyright .social-links a{border-right: 1px solid #222;}

.to-top{position: fixed; z-index: 2; right: 20px; bottom: 20px; font-size: 30px; display: none; color: #f9d46b;}
.to-top.show{display: block;}

/* Small only */
@media screen and (max-width: 39.9375em) 
{
    /* Member button */
	a.member-button.large-top{
        position: fixed; right: -30px; top: 180px; font-size: 16px; line-height: 40px; padding: 0 10px;
        -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);
    }

    /* WooCommerce */
    .woocommerce ul.products li.product{width: 100% !important; margin: 0 0 40px 0 !important; padding-bottom: 50px;}
}

/* Medium and up */
@media screen and (min-width: 40em) 
{
	/* Typography */
    h1{font-size: 40px;}
    h2{font-size: 22px;}
    h3{font-size: 18px;}

    /* Header */
    header .content{height: 96px;}
    .nav-toggle{left: 45px; right: auto;}
    a.search-trigger{right: 45px; left: auto; bottom: 0;}
    header .cart{bottom: 1px; right: 90px;}

    header ul.nav.visible{-ms-transform: translateX(30%); -webkit-transform: translateX(30%); transform: translateX(30%);}

    .middle{padding: 85px 0;}
    .middle .with-shares{padding-left: 95px; position: relative;}
    .middle .with-shares.min-height{min-height: 200px;}
    .middle .social-shares{position: absolute; z-index: 2; margin-left: -80px; margin-top: 8px;}
    .middle .social-shares a{display: block; float: none;}

    .post-image{height: 320px;}

    /* Related */
    .related .list-entries{padding: 0;}
    .related .list-entries .item{float: left; width: 50%; margin: 0; padding: 0 15px; height: 280px;}

    /* Top */
    .top.large{height: 400px;}
    .top.small{height: 170px;}

    /* About texts */
    .read-more-teaser{padding: 75px 0;}
    .read-more-teaser .columns{margin-bottom: 0;}
    .read-more-teaser a{width: auto;}

    /* List entries */
    .list-entries .item .image{height: 110px; width: 200px; margin: 0 30px 0 0;}
    .list-entries.first-large .item:first-child .image{height: 330px;}
    .list-entries a.title{font-size: 24px;}

    /* Quotes */
    .quotes .quote{padding: 70px 0;}
    .quotes .short{font-size: 50px;}
    .quotes .medium{font-size: 39px;}
    .quotes .long{font-size: 34px;}
    .quotes .name{font-size: 20px;}
    .quotes .slick-arrow{display: block !important;}

    /* Newsletter */
    .newsletter-signup .title{font-size: 44px;}
    .newsletter-signup .sub-title{font-size: 20px;}
    .newsletter-signup button{width: 99%; float: right;}

    /* Member signup */
    .member-signup .title{font-size: 44px;}
    .member-signup .sub-title{font-size: 20px;}
    .member-signup button{width: 100%;}

    /* Loop */
    .list-item-top.with-image{height: 460px;}

    /* Events */
    .event-filters li a{font-size: 24px;}

    /* Footer */
    footer ul.nav > li{width: 33.3%;}
    .contact .contact-info div, .contact .contact-info span{display: inline-block;}    

    /* Movies and podcasts */
    .movie-list-category{width: 50%;}

    /* WooCommerce */    
    .woocommerce ul.products li.product a img{}

    /* Credit card logos */
    .page-card-logos{float: right; margin: -5px 0 0 0;}
    .page-card-logos img{height: 25px;}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Below large */
@media screen and (max-width: 63.9375em) 
{
 	
}

/* Large and up */
@media screen and (min-width: 64em) 
{
    .post-image{height: 450px;}

    /* Related */
    .related .list-entries{padding: 0;}
    .related .list-entries .item{width: 25%; margin: 0 0 30px 0; padding: 0 20px; height: auto;}        

    /* Top */
    .top.large{height: 643px; max-height: 70vh;} 

    /* Text splash section */
    .text-splash{font-size: 44px;}

    /* Footer */
	footer .columns{margin-bottom: 0;}
    footer ul.nav > li{width: 16.6%; padding: 0;}
    .copyright .social-links{margin: 0 0 0 35px; }

    /* Quotes */
    .quotes .quote{padding: 100px 0;}

    /* Movies and podcasts */
    .movie-list-category{width: 33.3%;}

    /* WooCommerce */    
    .woocommerce ul.products li.product{}
    .woocommerce ul.products li.product a img{height: 220px; width: auto; max-height: 100%; max-width: 100%;}
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}