/*
Theme Name: Erich Fried Literatur Festival
Theme URI: http://afterimagedesigns.com/wp-bootstrap-starter/
Version: 13052017-2
Description: wp-bootstrap-starter child theme von togger.org
Author:       Helmut heiland
Author URI:   http://togger.org
Template:     wp-bootstrap-starter
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/**
rot: #ef2454
**/
.resp-video{
	display:block;
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.resp-video iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.acf-row .col p:first-child:empty{
	display: none;
}
.acf-row .video-container{
	padding-top: 0;
}
body{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 17px;
/* 	font-size: 1rem; */
	color: #000;
}
header#masthead {
    box-shadow: none;
    margin-bottom: 0;
}
.page-content, .entry-content, .entry-summary {
    margin: 1em 0 0;
}
p {
    margin-bottom: 1em;
}
/** Serifen Schrift **/
h1, h2,h3,
.navbar-organisation{
	font-family: 'Sorts Mill Goudy', serif;	
}
.h1, h1 {
    font-size: 2.4rem;
}
h1 span{
	display: inline-block;
	max-width: 90%;
}
h1, h2{

	font-weight: 400;
	color: #ef2454;
}
.h2, h2 {
    font-size: 1.8rem;
}
.widget h3{
	color: #ef2454;	
}
h3, h4{
	font-size: 1.5rem;
}
h4{
	font-size: 1.2rem;
	margin-bottom: 5px;
}
hr{
	border-bottom: 4px dotted #ccc;
	color: transparent;
	border-top: none;	
}
a{
	color: #ef2454;
	border-bottom: 1px dotted;
}

.widget_media_image a{
	border: none;
}
.btn-danger {
    color: #fff;
    background-color: #ef2454;
    border-color: #ef2454;
	font-family: 'Sorts Mill Goudy', serif;
	font-weight: bold;
	font-size: 150%;
	line-height: 1;
	padding-bottom: 0.2rem;
	width: 100%;
	letter-spacing: 0.05em;
}
.btn-danger:hover {
    color: #ef2454;
    background-color: #ededed;	
    border-color: #ccc;
    
}
h2 a{
	border-bottom: none;
}

a[href$= ".pdf"]::after{
	font-family: FontAwesome;
	content:"\f1c1";
	color: #666;
	margin-left: 5px;
}
.social.fa{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}
.social.fa:before{
	font: normal normal normal 16px/1 FontAwesome;
	margin-right: 5px;
	color: #666;
	font-weight: 500;
}
.site-content dl, .site-content ol, .site-content ul {
	margin-bottom: 1.8em;
}
#content.site-content {
    min-height: 70vh;
}
.image-caption{
	font-size: 0.8rem;
}
footer#colophon{
	color: #fff;
	text-align: left;
}
/** social icons **/
/* .cn-fa-icon a{
	border-radius: 50% !important;	
} */
ul.cnss-social-icon li.cn-fa-icon a.cnss-instagram {
	background: #f09433; 
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
	background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.flex-container {
    display: flex;
    justify-content: space-between;
    margin: 0 -10px;
}
.flex-container > div {
    padding: 0;
}
.flex-50 {
    width: 50%;
}
.flex-container .footer-menu{
	text-align: right;
	padding-top: 10px;
}

.entry-content ul{
	list-style-type: none;
	padding-left: 20px;
}
.entry-content ul li{
	margin-bottom: 0.5em;
	position: relative;
}
.entry-content ul li:before{
	content: '•';
	margin-left: -20px;
	font-size: 2.0rem;
	position: absolute;
	top: -13px;
	color: #ef2454;
}

.widget-area .wp-caption.alignnone {
	margin: 0;
}
.widget-area .wp-caption {
    background: none;
    border: none;
    max-width: 96%;
    padding: 0;
    text-align: left;
}
.widget-area .wp-caption-text{
	display: none;
}
/** Navigation **/

.navbar a{
	border: none;
	text-transform: uppercase;
}
.dropdown-menu .dropdown-item {
    text-transform: none;
}
.navbar-brand img{
	max-height: 140px;
}
#masthead .navbar-nav > li > a{
	color: #666;	
	font-size: 1.75rem;
	font-weight:500;
}
.navbar-collapse .navbar-nav{
	margin-left:-0.5rem;
}
#masthead .navbar-nav > li.active > a{
	color: #ef2454;	
}
.navbar-organisation{
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-size: 1.5rem;
	text-align: center;
	color: #ef2454;
}

.footer-menu{
	float: right;
}
.footer-menu ul{
    list-style: none;
}
.footer-menu ul li{
	display: inline-block;
	margin-right: 10px;
}
.footer-menu ul li:last-child{
	margin-right: 0;
}
/** extra navigation **/
.site-content .extra-nav ul{
	margin: 0;
	padding: 0;
}
#main .container.extra-nav{
	padding-top: 0;
	margin-bottom: 15px;
	border-bottom: 2px dotted #ccc;
}
.extra-nav{
	padding: 5px 0;
	background-color: transparent;
}
.extra-nav li {
    display: inline-block;
	padding-right: 10px;
    font-size: 16px;
}
.extra-nav li.prefix{
	font-weight: bold;
}
.extra-nav li:after {
	content: '•';
	color: #ef2454;
	margin-left: 10px;
}
.extra-nav li:last-child:after {
	display: none;
}
.extra-nav li a {
	font-weight: normal;
	color: #ef2454;
	border-bottom: none;
	text-decoration: underline;
}
.extra-nav li.active a {
	color: #666;
	font-weight: normal;
	text-decoration: none;
}
/* Responsive Videos */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 0;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/** Blog **/
header.blog-posts{
	margin-bottom: 1rem;	
}
.archive .page-header{
	border-bottom: 4px dotted #ccc;
	padding-bottom: 0.5rem;	
	margin-bottom: 1rem;	
}
.blog-header{
	border-bottom: 4px dotted #ccc;
	padding-bottom: 0.5rem;	
    margin-bottom: 1rem;
}
.type-post h2{
	margin-bottom: 0;
	clear: none;
	font-size: 1.8rem;
}
.type-post .entry-content{
	margin-top: 0.3em;	
}

.post.hentry.type-post {
	border-bottom: 4px dotted #ccc;
	padding-bottom: 0.5rem;
    margin-bottom: 1.5rem;
}

.post-thumb-area{
    margin-bottom: 0.5rem;	
}
.type-post .attachment-blog-preview {
	float: left;
	margin-right: 20px;	
	width: 25%;
}
.read-more-area{
	clear: left;
	text-align: right;
	padding-right: 1em;
}

/** single post **/
.navigation.post-navigation {
	padding-top: 20px;
}
.single .type-post .entry-content{
	margin-top: 1em;	
}
.single .post.hentry.type-post{
	border: none;
	padding-top: 0;
}
.single h1{
	margin: 0;
}
.widget_recent_entries{
	margin-bottom: 0.5em;
}
.widget_recent_entries ul{
	margin-bottom: 0;
}
.widget_recent_entries .nav-link{
	display: inline;
	padding: 0;
}
.widget_recent_entries .nav-item{
	margin-bottom: 0.5em;
}
.widget_recent_entries .post-date::before{
	content: ' • ';
	color: #ef2454;
}

.wp-caption {
    background: none;
    border: none;
    max-width: 100%;
    padding: 0;
    text-align: left;
}
.wp-caption .wp-caption-text {
    font-size: 0.8rem;
    line-height: 1.063rem;
    margin: 0;
    padding: 0.2rem 0;
    text-align: left;
}
.nav-item.blog a::after{
/* 	content: '!'; */
/* 	font-family: 'Sorts Mill Goudy', serif; */
/* 	margin-left: 0.2rem; */
}
/** bootstrap **/
.row {
	margin-bottom: 15px;
}
.row.no-bottom-margin,
.row.no-bottom-margin p:last-child{
	margin-bottom: 0;
}

/** festival details tage **/
.festival_tag .entry-header{
	border-bottom: 4px dotted #ccc;
	padding-bottom: 10px;	
}
.time{
	position: relative;
	font-size: 2rem;
	font-weight: bold;
}
.time:before {
/*   content : ""; */
/*   position: absolute; */
/*   left    : 0; */
/*   bottom  : 0; */
/*   height  : 1px; */
/*   width   : 20%;  or 100px */
/*   border-bottom: 2px solid #ccc; */
}
h1.event-date,
.event-title-area h2,
.event-title-area h4{
/* 	margin-bottom: 0; */
}
.event h4{
/* 	font-size: 1em; */
}
.event, .entry-content .day-preview-item{
	border-bottom: 4px dotted #ccc;
	padding-bottom: 10px;	
	margin-bottom: 20px;	
}
.event-day-description{
	margin-top: 25px;
}
.event-description{
	
}
.festival_tag .location h3{
	font-size: 1.5rem;
	margin-bottom: 0;
}
.festival_tag .time h3,
.single-event-review time h3{
	font-size: 2rem;
}

h4.address{
	font-size: 1.2rem;
}

.extra-block{
	border-top: 4px dotted #ccc;
	padding-top: 10px;		
}

/** Biografien **/
/* .row.biography{
	border-top: 4px dotted #ccc;
	padding-top: 15px;	
} */
.biography {
    border-top: 4px dotted #ccc;
    padding-top: 15px;
}
.accordion .biography{
	border: none;
	padding-top: 0;
}
.card {
	border-top: none;
	border-left: none;
	border-right: none;
	background-color: transparent;
}
.accordion .card:last-child{
	border: none;
}
.card-header {
    padding: 0.25rem 0;
    margin-bottom: 0;
    background-color: transparent;
/*     border-bottom: 1px solid rgba(0,0,0,.125); */
	border-bottom: none;
}
.card-header:hover{
	background: rgba(0,0,0,.125);
}
.accordion .btn-link {
    font-weight: bold;
    color: #fff;
    border-radius: 0;
	border: none;
	font-family: 'Lato', sans-serif;
	font-size: 17px;
}

.accordion .btn-link.collapsed {
    color: #333;
}
.accordion .btn-link:hover,
.accordion .btn-link:focus  {
	border: none;
    text-decoration: none;
}
/* .accordion .btn-link::before {
	border: none;
	font-weight: bold;
	margin-right: 15px;
	content: ' - ';
}
.accordion .btn-link.collapsed::before {
	content: ' + ';
	border: none;
} */
.accordion .btn-link::after {
	border: none;
	position: absolute;
    right: 20px;
    font-family: FontAwesome;
    content: "\f0d8";
	color: #BF53B6;
}
.accordion .btn-link.collapsed::after {
    font-family: FontAwesome;
    content: "\f0d7";
}
/** Logo Bereich **/
.logo-container{
	padding-top: 25px;
/* 	border-top: 4px dotted rgba(0, 0, 0, 0.1); */
	margin-top: 25px;
	margin-left: 0;
	margin-right: 0;
}
.logo-area h3 {
    border-bottom: 4px dotted rgba(0, 0, 0, 0.1);
/*     margin-bottom: 20px; */
    padding-bottom: 10px;
}
.logo-area img {
    margin-right: 30px;
    margin-bottom: 30px;
}
.logo-area a{
    border: none;
}
/** bullets **/
.bullet{
	color: #ef2454;
} 
/** widget programm **/
.textwidget{
/* 	font-size: 0.9rem;	 */
}
.widget.hidden {
    display: none;
}
.widget.no-title .widget-title{
	display: none;
}
.widget.zitat .textwidget{
	font-size: 110%;
	border-bottom: 1px solid #ededed;
}
.widget .day-preview-item{
	border-top: 4px dotted #ccc;
	padding-top: 10px;
	padding-left: 5px;
}
.widget .day-preview-item h4{
	font-family: 'Sorts Mill Goudy', serif;
	font-size: 1.3rem;
	margin-bottom: 5px;
}
.psgal{
	margin: 0 0 15px 0;
	padding-bottom: 0 !important;
	opacity: 1;
}
.psgal.gallery-columns-4 figure{
	width: 25%;
}
.psgal.gallery-columns-3 figure{
	width: 33%;
}
.psgal.gallery-columns-2 figure{
	width: 50%;
}
.psgal figure figcaption {
    text-align: left;
    padding-top: 5px;
}
.psgal a {
    border: none;
}

/** monarch social sharing **/
.widget_monarchwidget h3{
	display: none;
}
.et_monarch .et_social_networks div.et_social_network_label {
    font-size: 14px;
    display: none;
}
.et_monarch .et_social_networks .et_social_totalcount, .et_monarch .et_social_sidebar_networks_mobile .et_social_totalcount {
    display: none;
}
.widget.widget_monarchwidget {
    margin-bottom: 0.5em;
}
.et_monarch .et_social_autowidth li {
    margin: 5px 5px 0 0 !important;
}
.et_monarch .et_social_flip.et_social_top.et_social_autowidth li a {
    border-left: 2px solid rgba( 0, 0, 0, 0 );
    padding: 2px 2px 2px 0px;
}
.et_monarch .et_social_networks .et_social_icon, .et_monarch .et_social_networks .et_social_icon::before, .et_monarch .et_social_networks .et_social_icon::after {
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
.et_monarch .et_social_networks li, .et_monarch .widget_monarchwidget .et_social_networks li, .et_monarch .widget .et_social_networks li, .et_monarch .widget_text .et_social_networks li {
    min-height: 30px;
}
.et_monarch .widget_monarchwidget li.et_social_facebook {
    background-color: transparent !important;
}
.et_monarch .widget_monarchwidget li.et_social_twitter {
    background-color: transparent !important;
}
.et_monarch .widget_monarchwidget li.et_social_instagram {
    background-color: transparent !important;
}
.et_monarch .et_social_top .et_social_icon {
    background-color: rgba( 0, 0, 0, 0.2 );
}

/** Rückschau **/
.year-review-header{
	border-bottom: 4px dotted #ccc;	
	margin-bottom: 25px;
}
.event .psgal {
	padding-bottom: 0px;
	margin: 0;
	margin-bottom: 15px;
}
.read-more{
	text-align: right;
}

/** team **/
.team .entry-content .acf-row.num-cols-2{
	width: 50%;
	float: left;
	margin-bottom: 35px;
	padding-right: 10px;
	margin-right: 0;
	margin-left: 0;
	min-height: 180px;
}
.team .entry-content .acf-row.num-cols-2 .col{
	padding-right: 10px !important;
	padding-left: 0 !important;
	font-size: 95%;
}
.team .entry-content .acf-row.num-cols-2.top-row{
	margin-bottom: 20px;	
}
.acf-row.num-cols-1{
	width: 100%;
}
/** Desktop  **/

.container {
	width: 1200px!important;
	max-width:100%!important;
}
@media all and (min-width: 1200px) {
	.container {
    	width: 1200px;
	}
	#secondary{
		padding-left: 80px;
		padding-top: 20px;
	}
/* 	.row { */
	
/* 	    margin-right: 0; */
/* 	    margin-left: 0; */
	
/* 	} */
}
@media all and (min-width: 992px) {
	.navbar-collapse{
		position: absolute;
		text-align: left;
		left: 0;
		bottom: 10px;
	}
	.navbar-collapse .navbar-nav{
		position: absolute;
		left: 0;
	}
	#masthead .navbar-nav li{
		margin-right: 10px;
	}
	#masthead .navbar-nav li:last-child{
		margin-right: 0;
	}
	#masthead .navbar-nav > li > a {
	    font-size: 1.4rem;
	}
}

@media all and (max-width: 991px) {
	.navbar-brand img {
    	max-height: 100px;
	}
	.navbar-organisation {
	    font-size: 1.3rem;
		right: 5%;
		bottom: 10px;
	}
	#organisation-link img{
		max-height: 60px;
	}
	#content.site-content {
	    padding-top: 25px;
	}

	.navbar-collapse.collapse.show,
	.navbar-collapse.collapsing {
	 	display: block;
		position: absolute;
		top: 120px;
		width: 100%;
		z-index: 2000;
		background-color: #fff;
		opacity: 0.9;
		border-top: 3px dotted #ccc;
		border-bottom: 3px dotted #ccc;
	}
	.navbar-toggler{
		z-index: 2000;
	}
	.widget.top-image{
		display: none;
	}
}
/** smaller **/
@media all and (max-width: 768px) {
	.navbar-brand img {
    	max-height: 80px;
	}	

	.navbar-organisation {
	    position: relative;
	    text-align: left;
	    padding-left: 30px;
	}
	.col-12{
		margin-bottom: 1em;
	}
	#organisation-link{
		position: absolute;
		right: 40px;
		margin-top: -65px;
		border: none;
	}

	.social-icons.flex-50 {
		width: 35%;
	}
	.footer-menu.flex-50 {
		width: 65%;
	}
}

@media all and (max-width: 576px) {
	#organisation-link{
		display: none;
/* 		position: absolute; */
/* 		right: 0; */
/* 		margin-top: -35px; */
/* 		border: none; */
	}	
	.footer-menu {
		float: none;
	}
	.footer-menu ul {
	    list-style: none;
	    padding: 0;
	    margin-top: 10px;
	}
	.team .entry-content  .acf-row.num-cols-2 {
	    width: 50%;
	    float: left;
	    margin-bottom: 5px;
	    padding-right: 10px;
	    margin-right: 0;
	    margin-left: 0;
	    min-height: 460px;
	}

	.site-content .extra-nav ul {
		margin: 0;
		padding: 0;
		width: 98%;
	}

	.extra-nav li {
		display: block;
		margin-bottom: 0;
		font-size: 18px;
		padding: 4px 10px;
		border-bottom: 1px solid#ededed;
		transition: 0.5s;	
	}
	.extra-nav li a{
		display: block;
	}
	.extra-nav li:hover{
		background-color: #ededed;
		border-bottom: 3px solid #ccc;
		font-size: 150%;
	}
	.extra-nav li.active:hover{
		background-color: #fff;
		font-size: 18px;
		border-bottom: 1px solid#ededed;
/* 		opacity: 0; */
	}
	.extra-nav li.prefix:hover {
		background-color: transparent;
		border-bottom: 1px solid#ededed;
		font-size: 18px;
	}
	.extra-nav li.active {
		background-color: #ededed;
		border-bottom: 3px solid #ccc;
	}
	.extra-nav li:last-child {
		border-bottom: none;	
	}
	.extra-nav li::after {
		content: '';
		margin-left: 0;
	}

	.flex-container .footer-menu{
		padding-top: 5px;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.page-rows .grid-spacing-10{
		margin:0px;
	}
	.page-rows .grid-spacing-10 .col{
		padding:0px;
		width:100%;
	}
	.page-rows .grid-spacing-10 .col:first-child{
		margin-bottom:20px;
	}
	#organisation-link{
		display: none;
	}
	.psgal figure figcaption {
		display: none;
	}
	.event .psgal {
		margin-bottom: 5px;
	}
	.extra-nav li {
	    display: block;
	    padding-right: 0;
	    font-size: 14px;
/* 	    margin-bottom: ; */
	    padding: 10px;
	}
		.team .entry-content  .acf-row.num-cols-2 {
	    width: 100%;
	    float: left;
	    margin-bottom: 5px;
	    padding-right: 0;
	    margin-right: 0;
	    margin-left: 0;
	    min-height: auto;
	}
	#colophon .flex-container{
		display: block;
	}

	.flex-container div{
		width: 100% !important;
	}
	.social-icons ul{
		text-align: center !important;
	}

	.flex-container .footer-menu {
		text-align: center;
		padding: 10px 0;
	}
}
@media only screen and (max-width : 420px) {
	.navbar-brand img {
    	max-height: 60px;
	}
}
/* Custom, iPhone Retina */ 
@media only screen and (max-width : 360px) {
	.type-post .attachment-blog-preview {
	    float: none;
	    margin-right: 0;
	    margin-bottom: 10px;
	    width: 100%;
	}
}