/*
Theme Name:         Mannaz Wordpress Theme
Theme URI:          http://foundationpress.olefredrik.com
Github Theme URI:   https://github.com/olefredrik/FoundationPress
Description:        FoundationPress is a WordPress starter theme based on Foundation 6 by Zurb
Version:            2.9.2
Author:             Ole Fredrik Lie
Author URI:         http://olefredrik.com/

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

/* ----------------------------------------------------------------------------

  Unfortunately WordPress will require a style.css file
  located in the theme's root folder for stuff to work.

  However, we will not be using vanilla CSS. We're using Sass.

  Sass is a superset of CSS that adds in amazing features
  such as variables, nested selectors and loops. It's also
  the easiest way to customize Foundation.

  All Sass files are located in the /assets/scss folder.
  Please note that none of your scss files will be compiled to /stylesheets/foundation.css before you run
  'npm run watch' or 'npm run build'.

  Please read the README.md file before getting started. More info on how
  to use Sass with Foundation can be found here:
  http://foundation.zurb.com/docs/sass.html

  If you for some reason would like to write plain css instead of using Sass,
  you could just enqueue this file (style.css) to the header and add your styles in this file

---------------------------------------------------------------------------- */
.eo-booking-date #eo-booking-select-date{
	display:block !important;
}
.sp-service-container .sp-service {   
    border-radius: 50%;
    overflow: hidden;
    height: 0;
	padding-bottom:24%;
    background-color: rgba(49, 93, 113, 0.9);
    color: #fff;
	position:relative;
}
.sp-service-container .sp-service img{
	height: 265px;
    width: 265px;
	transition: opacity 0.3s ease-out;
}
.sp-service-container .sp-service span{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    height: 4rem;
    font-family: "Lobster Two", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.6rem;
    text-shadow: 0 0 5px rgb(0 0 0 / 30%);
	display: flex;
    align-items: center;
    justify-content: center;
}
.sp-service-container .sp-service:hover img{
	opacity:0;
}
.tnp-subscription .haet-cleverreach .haet-cleverreach-field-wrap.type-policy_confirm{
  display:flex;
  align-items:baseline;
}
.tnp-subscription #haet-cleverreach-submit{
	width:100%;
}
.tnp-subscription .message-success{
	text-align:center;
	padding: 1rem 2rem;
    background: #fff;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
}
.entry-content blockquote{	
    font-style: italic;	
	border:none;
}
.entry-content blockquote p{
	color:inherit;
	margin-bottom:0;
}
#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-title1{
	opacity:0 !important;
}
.fp-subjectfocus,
.fp-member{
	padding:2rem 0;
}
.fp-rezensionen{
	box-shadow:none;
}
.subjectfocus-container,
.recent-events-container{
	margin-top:1.5rem;
}
.subjectfocus-wrapper .row,
.recent-events-wrapper .row,
.blog .main-wrap{
	display:flex;
	flex-wrap:wrap;	
	justify-content:space-between;
}
.subjectfocus-wrapper .row::before, .subjectfocus-wrapper .row::after,
.recent-events-wrapper .row::before, .recent-events-wrapper .row::after{
	content: none;
}
.recent-events-wrapper .row .recent-event-slide{
	flex: 0 0 auto;
	width:100%;	
	margin-bottom:2rem;
	background-position:0 0;
	background-size:cover;
	background-repeat:no-repeat;
}
.recent-events-wrapper .row .recent-event-slide .inner{		
	background-color:rgba(42, 79, 96, 0.9);	
}

.subjectfocus-wrapper .row .subjectfocus-item{
	margin-bottom:2rem;
	flex: 0 0 auto;
	width:100%;
	/*box-shadow:0 0px 30px rgb(0 0 0 / 10%);*/
	overflow:hidden;
	position:relative;
	padding-top:78%;
	background-position:0 0;
	background-size:100%;
	background-repeat:no-repeat;
}
.subjectfocus-wrapper .row .subjectfocus-item .inner{
	background-color:rgba(255,255,255,0.85);
	height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;   
    transition: transform 500ms;
    transform: translate3d(0, 100%, 0);
}
.subjectfocus-wrapper .row .subjectfocus-item:hover .inner,
.subjectfocus-wrapper .row .subjectfocus-item:focus .inner{	  
	 transform: translate3d(0, 0, 0);	
}
.subjectfocus-wrapper .row .subjectfocus-item a:not(.button){
	color:#315d71;
	display:block;
}
.subjectfocus-wrapper .row .subjectfocus-item header{
	padding:1rem 2rem 1.5rem;
	display: block;    
    background-color:rgba(255,255,255,0.85);	
    transform: translate3d(0, -100%, 0);
    transition: transform 500ms;
}

.subjectfocus-wrapper .row .subjectfocus-item:hover header{
	transform: translate3d(0, 0, 0);
	background-color:transparent;
}
.recent-events-wrapper .row .recent-event-slide header{
	padding:1rem 2rem;
}
.recent-events-wrapper .row .recent-event-slide header h3,
.subjectfocus-wrapper .row .subjectfocus-item header h3{
	font-size: 1.4rem;
    margin-bottom: 0;
    line-height: 1.8rem;
}
.recent-events-wrapper .row .recent-event-slide header h3,
.recent-events-wrapper .row .recent-event-slide .content *{
	color:#fff;
}
.subjectfocus-wrapper .row .subjectfocus-item .content,
.recent-events-wrapper .row .recent-event-slide .content{	
	padding:0rem 2rem 1rem;
}
.subjectfocus-wrapper .row .subjectfocus-item .content .more-wrap{
	margin-top:1rem;
	padding-right:0;
}
.subjectfocus-wrapper .row .subjectfocus-item.flip-card {
  background-color: transparent;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
  padding-top:0;
  overflow:visible;
}
.subjectfocus-wrapper .row .subjectfocus-item.flip-card header{
	transform: translate3d(0, 0, 0);
	background-color: transparent;
}
.subjectfocus-wrapper .row .subjectfocus-item.flip-card .front-card header{
	background-color:rgba(255,255,255,0.85);
	position:absolute;
	width:100%;
	bottom:0;
}
.subjectfocus-wrapper .row .subjectfocus-item.flip-card:hover .front-card header{
	opacity:0;
}
.subjectfocus-wrapper .row .subjectfocus-item .flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;  
  transition: transform 0.8s;
  transform-style: preserve-3d;
  box-shadow:0 0px 30px rgb(0 0 0 / 10%);
}
/* Do an horizontal flip when you move the mouse over the flip box container */
.subjectfocus-wrapper .row .subjectfocus-item.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.subjectfocus-wrapper .row .subjectfocus-item  .flip-card-front, .subjectfocus-wrapper .row .subjectfocus-item .back-card {
  position: absolute;
  top:0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.subjectfocus-wrapper .row .subjectfocus-item .front-card {
  background-color:rgba(42, 79, 96, 1);
}
.subjectfocus-wrapper .row .subjectfocus-item .front-card img{
	width:100%;
}
/* Style the back side */
.subjectfocus-wrapper .row .subjectfocus-item .back-card {  
  transform: rotateY(180deg);
  background-color:rgba(255,255,255,0.85);
  display:flex;
  flex-wrap:wrap;
  align-items:center;
}
.subjectfocus-wrapper .row .subjectfocus-item .back-card header{

}
.more-button{
	position:relative;
	padding-right:2rem;
}
.more-button::after {
    content: '';
    position: absolute;
    height: 8px;
    width: 8px;
    transform: rotate(135deg);
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-top: 1px solid;
    border-left: 1px solid;
    transition: all .2s ease-in-out;
}

.blog .blogpost-entry{
	margin-bottom:2rem;
	flex: 0 0 auto;
	width:100%;
	box-shadow:0 0px 30px rgb(0 0 0 / 10%);
} 
.blog .blogpost-entry .newsteaser-text{
	margin-top:0.5rem;
	padding:1rem 2rem;
}
.newsteaser-excerpt p{
	margin-bottom:0.125rem;
}
.blog .blogpost-entry footer{
   padding:0 2rem;
}

.more-wrap{
	text-align:right;
	padding-right: 1.5rem;
}
.more-link{
	position:relative;
	display:inline-block;
}
.more-link::after{
	content: '';
    position: absolute;
    height: 8px;
    width: 8px;
    transform: rotate(135deg);
    right: -15px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-top: 1px solid;
    border-left: 1px solid;
	transition:  all .2s ease-in-out;
}
.more-link:hover::after{
	right:-20px;
}
.more-wrap.big-more{
	text-align: center;
    display: block;
    width: 100%;
    padding-right: 0;
}
.more-wrap.big-more .more-button.button{
	font-size:1.1rem;
}
.fp-section.fp-newsletter .haet-cleverreach{
	max-width:480px;
	margin:0 auto;
}
.single-post .single-header-text{
	position: absolute;
    bottom: 0;
	width:100%;
}
.recent-news-section{
	background-color: #315d71;
    color: #fefefe;
	text-align:left;
}
.recent-news-section .section-title {
    color: #91aa9d;
}
.recent-news-section .latest-news-item h3{
	font-size:1.6rem;
}
@media print, screen and (min-width: 480px){
	.recent-events-wrapper .row .recent-event-slide{
		flex: 0 0 auto;
		width:100%;
		overflow:hidden;
		position:relative;
		padding-top:78%;
		margin-bottom:2rem;
		background-position:0 0;
		background-size:cover;
		background-repeat:no-repeat;
	}
	.recent-events-wrapper .row .recent-event-slide .inner{	
		background-color:rgba(42, 79, 96, 0.9);
		height: 100%;
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;   
		transition: transform 500ms;
		transform: translate3d(0, 100%, 0);
	}
	.recent-events-wrapper .row .recent-event-slide:hover .inner,
	.recent-events-wrapper .row .recent-event-slide:focus .inner{	  
		 transform: translate3d(0, 0, 0);	
	}
	.recent-events-wrapper .row .recent-event-slide header{
		padding:1rem 2rem 1.5rem;
		display: block;    
		background-color:rgba(42, 79, 96, 0.9);		
		transform: translate3d(0, -100%, 0);
		transition: transform 500ms;
	}
	.recent-events-wrapper .row .recent-event-slide:hover header{
		transform: translate3d(0, 0, 0);
		background-color:transparent;
	}
}
@media print, screen and (min-width: 40em){
   .site-header .top-bar .top-bar-left {
   	 	width: 182px;
   }
   .site-header .top-bar .top-bar-right, .site-header .top-bar .main-sub-menu{    
	   width: calc(100% - 190px - 2rem);
	   top:0;
	}
	.sp-service-container .sp-service {
		padding-bottom: calc(48% - 5px);
	}
	.blog .blogpost-entry h2{
		line-height: 2.2rem;
	}

}
@media print, screen and (min-width: 64em){
	.sp-service-container .sp-service {
		width: 24%;		
		padding-bottom: 24%;
	}
	.recent-events-wrapper .row .recent-event-slide{
		width:32%;
	}
	
}
@media print, screen and (min-width: 768px){
	.eo-booking-ticket-picker .eo-booking-ticket-row{
		display:table-row !important;
	}
	.blog .main-wrap{
		padding: 0 2rem;
	}
	
	.recent-events-wrapper .row .recent-event-slide,
	.blog .blogpost-entry{		
		width:49%;
	} 
	
	.blog .blogpost-entry:nth-child(even){
		margin-left:2%;
	}
	.subjectfocus-wrapper .row .subjectfocus-item{
		padding-top:37%;
	}
	.recent-events-wrapper .row .recent-event-slide{
		padding-top:48%;
	}
}
@media print, screen and (min-width: 992px){
	.subjectfocus-wrapper .row .subjectfocus-item{
		width:49%;
	}
}

@media print, screen and (min-width: 1220px){
	.blog .main-wrap{
		padding: 0;
	}
	.recent-events-wrapper .row{
		max-width:85rem;
	}
	.recent-events-wrapper .row .recent-event-slide{
		width:32%;
	}
	.recent-events-wrapper .row .recent-event-slide{
		padding-top:38%;
		background-position:center center;
	}
	.recent-events-wrapper .row .recent-event-slide header h3,
	.subjectfocus-wrapper .row .subjectfocus-item header h3{
		font-size:1.6rem;
	}
}
@media print, screen and (min-width: 1400px){
	.recent-events-wrapper .row .recent-event-slide{
		padding-top:30%;
	}
	.recent-events-wrapper .row .recent-event-slide header{
		padding:1rem 2rem;
	}
	.recent-events-wrapper .row .recent-event-slide:hover header{
		transform: translate3d(0, 0, 0);
		background-color:transparent;
		padding-top:2rem;
	}
	
}
@media print, screen and (max-width: 1219px){
	.subjectfocus-wrapper .row,
	.recent-events-wrapper .row{
		padding:0 1.5rem;
	}
}
@media print, screen and (max-width: 767px){
	.subjectfocus-wrapper .row,
	.recent-events-wrapper .row{
		padding:0 1.5rem;
	}
	.pinned{
		display:none !important;
	}
	.eo-booking-ticket-picker .eo-booking-date{
		display:block !important;
	}
	.eo-booking-form-element-ticketpicker table.responsive td:first-child{
		display:block !important;
		border-bottom:none;
		width:100%;
	}
	.eo-booking-form-element-ticketpicker div.table-wrapper div.scrollable{
		margin-left:0;
	}	
	input[type="number"]{
		max-width:50px;
	}
	#eo-booking-form-element-wrap-ticketpicker div.table-wrapper{
		border-right:none;
	}
	#eo-booking-form-element-wrap-ticketpicker table thead,
	#eo-booking-form-element-wrap-ticketpicker table tbody{
		border:none;
	}
	.eo-booking-ticket-picker,
	.eo-booking-ticket-picker thead,
	.eo-booking-ticket-picker tbody,
	.eo-booking-ticket-picker tr,
	.eo-booking-ticket-picker td,
	.eo-booking-ticket-picker th{
		display:block !important;
		width:100%;
	}
	.eo-booking-ticket-picker thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.eo-booking-ticket-picker tr {
		border-top: 1px solid #ccc;
	}
	.eo-booking-ticket-picker td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;		
	}
	.eo-booking-ticket-picker .eo-booking-ticket-price,
	.eo-booking-ticket-picker .eo-booking-ticket-qty,
	.eo-booking-ticket-picker .eo-booking-total,
	 .eo-booking-ticket-picker .eo-booking-qty{
		display:inline-block !important;
		width:49%;
		border-bottom:none;
	}
	.eo-booking-ticket-picker tbody tr.eo-booking-date{
		display:flex !important;
		flex-wrap:wrap;
		width:95%;
		border:none;
	}
	.eo-booking-ticket-picker tbody tr.eo-booking-date td{
		order: 2;
		flex: 0 0 auto;
		width: 100%;
	}
	.eo-booking-ticket-picker tbody tr.eo-booking-date td#eo-booking-select-date{
		order: 1;
		flex: 0 0 auto;
		width: 100%;
	}
	#event-swiper .inner header h3,
	.fp-service #service-slider .swiper-slide .inner header h3	{       
        font-size: 3rem;
    }
	.fp-section.fp-newsletter .haet-cleverreach{
		padding:0 2rem;
	}
	.rezensionen-swipe .swiper-slide .inner, 
	.news-swipe .swiper-slide .inner {
		padding: 1rem 2rem;
	}
	.archive-events .eo-event-search-form li{
		width:30%;
	}
	
}
@media print, screen and (max-width: 599px){
	.archive-events .eo-event-search-form ul{
		float: none;
		display: block;		
		width: 74%;
		margin:0 auto;
	}
	.archive-events .eo-event-search-form li {		
		float: none;		
		width: auto;	
		box-sizing:border-box;		
	}
	.archive-events .eo-event-search-form ul li input, .search ul li select{
		width:100%;
	}
	.archive-events .eo-event-search-form ul li input.event-search-datepicker{
		float:none;
	}
	.archive-events .eo-event-search-form label{
		text-align:left;
	}
	.archive-events .eo-event-search-form .eo-submit-search-btn{
		width:100%;
	}
	.blog .main-wrap{
		padding:0;
	}
	.blog .main-wrap .entry-content{
		padding:0;
	}
}
@media print, screen and (max-width: 479px){
	.subjectfocus-wrapper .row .subjectfocus-item .front-card img {
		width: auto;
		max-width: none;
		height: 100%;
	}
	.subjectfocus-wrapper .row .subjectfocus-item .front-card {	  
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
}

/* Landingpage Styles */
html{
	height:100%;
}
body.page-template-landingpage {
	height:100%;
}
.page-wrap{
	max-width: 768px;
	min-width:360px;
    margin: 0 auto;
    background: #315d71;   
	min-height:100%;
    padding: 3rem 0 1rem;
	overflow: hidden;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
}
.page-wrap header, .page-wrap main, .page-wrap footer{
	background: #fff; 
	padding:2rem 0;	
}
.page-wrap main{
	padding-top:0;
}
.page-wrap header{
	padding:10% 0 7%;
}
.page-wrap header,
.page-wrap footer{
	position: relative;
}
.page-wrap footer{
	background-color: #315d71;
}
.page-wrap header::before{
    content: '';
    position: absolute;
    background-image: url(assets/images/border-shape.svg);
    height: 100%;
    z-index: 2;
    width: 102%;
    background-repeat: no-repeat;
    background-size: 100%;
    top: -32%;
    left: -5px;
    transform: scaleX(-1) rotate(3deg);
}
.page-wrap .landingpage-logo{
	display:block;
}
.page-wrap main{	
	margin-top:-1px;
	margin-bottom:-1px;
}
.page-wrap footer::before{
    content: '';
    position: absolute;
    background-image: url(assets/images/border-shape-white.svg);
    height: 165%;
    z-index: 2;
    width: 102%;
    background-repeat: no-repeat;
    background-size: 100%;
    top: -40px;
    left: -5px;
    transform: rotate(3deg);
}
.logo-wrap{  
    text-align: center;
	position: relative;
    z-index: 3;
}
.logo-wrap a svg{
    width: 60%;
    max-width: 300px;
}
.page-wrap h2.landingpage-head{
	font-family: "Lobster Two", cursive;
    font-size: 1.7rem;
    text-align: center;
}
.page-wrap .cta-links-box {
    padding: 2rem 2rem 0;
    max-width: 400px;
    margin: 0 auto;
}
.page-wrap .cta-links-box .cta-btn{
    display: block;
    text-align: center;
    width: 100%;
    font-family: "Lobster Two", cursive;
    font-size: 1.6rem;
    color: #7C171D;
    border: 2px solid #315d71;
    border-radius: 30px;
    padding: 0.75rem;
    line-height: 1.6rem;
    margin-bottom: 2rem;	
	cursor:pointer;
	transition:  all .2s ease-in-out;
}
.page-wrap .cta-links-box .cta-btn:hover,
.page-wrap .cta-links-box .cta-btn:focus{
	box-shadow:0 5px 10px rgba(0,0,0,0.1);
	transform:scale(1.01);
}
.page-wrap .cta-links-box .cta-btn.newsletter-open-btn{
	background-color:#7C171D;
	border-color:#7C171D;
	color:#fff;
}
.cta-btn-wrap{
	position:relative;
}
.page-wrap .newsletter-form-box{
	display:none;
	position:absolute;
	top:100%;
	background-color:#7C171D;
	border-color:#7C171D;
	border:2px solid;
	border-radius:30px;
}
.page-wrap .cta-links-box .haet-cleverreach-field-wrap.label-top.type-text{
	display:none;
} 
.page-wrap .cta-links-box .haet-cleverreach .haet-cleverreach-field-wrap p {   
    line-height: 1.3rem;
    font-size: 0.82rem;
    color: #fff;
}
.newsletter-form-box #haet-cleverreach-submit{
	display:block;
	width:100%;
}

.page-wrap .cta-links-box .cta-btn.contact-open-btn span{
	position: relative;
    padding-left: 2.8rem;
}
.page-wrap .cta-links-box .cta-btn.contact-open-btn span::before{
    content: '\f003';
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    font-size: 2rem;
}

.page-wrap .cta-links-box .cta-btn.podcast-open-btn span{
	position: relative;
    padding-left: 2.8rem;
}
.page-wrap .cta-links-box .cta-btn.podcast-open-btn span::before{
	content: '';
    background-image: url(assets/images/heart_logo_bright.svg);
    position: absolute;
    left: 0;
    width: 2.7rem;
    height: 2.7rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
}
.podcast-box h3{
	font-family: "Lobster Two", cursive;
    font-size: 1.6rem;
}
.podcast-box ul{
	list-style: none;
    margin: 1rem 0 0;	
}
.podcast-box ul > li{
	margin-bottom: 0.75rem;
}
.podcast-box ul > li a{
	margin-left: 0.5rem;
    font-size: 1.1rem;
}
.page-wrap .social-media{
	position:relative;
	z-index:3;
}
.page-wrap .social-media ul{
	list-style:none;
	display:flex;
	justify-content: center;
	margin:0;
}
.page-wrap .social-media ul > li{
	width: 75px;
}
.page-wrap .social-media ul > li a{
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    width: 3rem;
    height: 3rem;
    display: block;
    margin: 0 auto;
	color: #315d71;
    transition:  all .2s ease-in-out;
}
.page-wrap .social-media ul > li a:hover,
.page-wrap .social-media ul > li a:focus{
	opacity:0.7;
}
.page-wrap .social-media ul > li span{
	position: relative;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    width: 2rem;
    height: 2rem;
    display: block;
    text-align: center;
    border: 2px solid;
    border-radius: 100%;
    padding: 1.25rem;
}
.page-wrap .social-media ul > li span::before{
	position: absolute;
    font-family: FontAwesome;
    font-size: 1.5rem;
    line-height: 2.5rem;
    left: 0;
    top: 0;
    text-indent: 0;
    width: 100%;
}
.page-wrap .social-media ul > li span.facebook-icon::before{
    content: '\f09a';
}
.page-wrap .social-media ul > li span.instagram-icon::before{
	content: '\f16d';  
}
.page-wrap .social-media ul > li span.youtube-play-icon::before{
	content: '\f16a'; 
}
.page-wrap #menu-footernavigation-landingpage{
	padding:3rem 1.5rem 1rem;
	position: relative;
    z-index: 3;
}
html.is-reveal-open, html.is-reveal-open body{
	width:100%;
}
.newsletter-form-box .cleverreach-checkbox input{
	margin:0;
}