@charset "UTF-8";
/*
Theme Name: AVOSAX
Author: das parsmedia Team
Author URI: http://parsmedia.info/
Description: AVOSAX
Template: dorayaki
Version: 1.0.2
*/

/* latin-ext */
@font-face {
  font-family: 'Domine';
  font-style: normal;
  font-weight: 400;
  src: local('Domine'), local('Domine-Regular'), url(fonts/Domine-Regular.ttf) format('truetype');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Domine';
  font-style: normal;
  font-weight: 400;
  src: local('Domine'), local('Domine-Regular'), url(fonts/Domine-Regular.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Domine';
  font-style: normal;
  font-weight: 700;
  src: local('Domine Bold'), local('Domine-Bold'), url(fonts/Domine-Bold.ttf) format('truetype');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Domine';
  font-style: normal;
  font-weight: 700;
  src: local('Domine Bold'), local('Domine-Bold'), url(fonts/Domine-Bold.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(fonts/Lato-Regular.ttf) format('truetype');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(fonts/Lato-Regular.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(fonts/Lato-Black.ttf) format('truetype');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(fonts/Lato-Black.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.mobi {
	font-style: normal;
}

@media screen and (max-width: 640px) {
	.mobi {
		display: none;
	}
}

#site-title {
	max-width: 500px;
    border-top: none !important;
}

#colophon #site-info ul.credit li {
	padding-right: 1em;
}

h1, h2, h3, h4, h5, h6 {
    color: #0a3e65;
	word-wrap: normal;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
 -ms-hyphens: manual;
 -webkit-hyphens: manual;
 -moz-hyphens: manual;
 hyphens: manual;
}

#footerwidget-wrap .widget-area {
    border-top: 5px solid #083E65;
	
}

body {
 -ms-hyphens: auto;
 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 hyphens: auto;
}

body .responsive-slider.flexslider .flex-control-nav li a:hover {
    background: #ffffff none repeat scroll 0 0 !important;
    border: 1px solid #ffffff;
	color: white !important; 
}

body .responsive-slider.flexslider .slide-title a:hover {
	color: white !important;
}

.entry-content p.wp-caption-text, .gallery-item .gallery-caption{
	text-transform: none;
}

.entry-content ul li, .entry-content ol li {
	margin-bottom: 0;
}

.footerlabel-description {
	text-transform: none;
}

#flyerform {
	width: 100%;
	max-width: 320px;
}

#anmeldung,
.textbox {
	padding: 1em;
	background: #eaeaea;
	margin-bottom: 2em;
}

@media screen and (min-width: 640px) {
	#anmeldung,
	.textbox {
		padding: 2em;
	}
}

#anmeldung select,
#anmeldung [type="text"] {
	width: 100%;
	background: white;
	border-color: #ccc;
	box-shadow: 0 0 2px 0 rgba( 0, 0, 0, .2  ) inset;
}

#anmeldung [type="text"]:hover {
	background: #fafafa;
}

#anmeldung p,
.textbox p {
	font-family: "Lato","Helvetica Neue",Arial,sans-serif;
	font-size: 1em;
}

#anmeldung p:last-child,
.textbox p:last-child {
	margin-bottom: 0;
}

#anmeldung label {
	display: block;
	margin-bottom: 0.5em;
}

#anmeldung [type="submit"] {
	width: 100%;
}

@media screen and (min-width: 768px) {
	#anmeldung select,
	#anmeldung [type="text"] {
		width: calc( 100% - 140px );
		float: left;
	}
	
	#anmeldung label {
		width: 140px;
		float: left;
		line-height: 43.6px;
		padding-right: 1em;
		/* text-align: right; */
		margin-bottom: 0;
	}

	#anmeldung .legal label {
		line-height: 24px;
	}
}


#anmeldung .legal {
	margin-bottom: 1em;
}

#anmeldung h3,
.textbox h3 {
	margin-top: 0;
	margin-bottom: 2em;
}

#anmeldung p.small {
	font-size: 0.8125rem;
	margin-top: 1.25rem;
	color: #8f8f8f;
	margin-bottom: 0;
}

#anmeldung p.small strong {
	color: #3f3f3f;
}

#anmeldung .legal label {
	width: 100%;
	text-align: left;
}

.pm-form .form-element {
	position: relative;
	width: 100%;
	margin-bottom: 1.5em;
}

.pm-form .form-element br,
.pm-form .legal label br {
	display: none;
}

.pm-form .form-element input {
	width: 100%;
}

.pm-form select {
	display: block;
	padding: 8px 2%;
	
	background: transparent;
	border: 1px solid #3f3f3f;
	color: #3f3f3f;
	font-size: 1rem;
}

.pm-form .form-element input[type="radio"] {
	width: auto;
}

.pm-form .form-element.radio p {
	margin-bottom: 0;
}

.pm-form .form-element.radio label {
	padding-right: 2em;
}

.pm-form .form-element input.non-validate,
.pm-form .form-element select.non-validate {
	background: #FEE !important;
}

.pm-form .warning {
	display: none;
	margin-top: 1em;
	
	color: #bf2626;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 700;
}

.pm-form .form-element.required {
	display: none;
}

.pm-form hr {
	margin: 1.5em 0;
}

.pm-form p {
	margin-bottom: 1em;
}

#flyerform .small-btn {
	font-size: 12px;
	font-size: 0.75rem;
	
	padding: 10px 12px;
	text-transform: none;
	width: auto;
}

.pm-form #cost p {
	display: none;
}
.pm-form #cost.vortrag p.vortrag,
.pm-form #cost.workshop p.workshop,
.pm-form #cost.default p.default {
	display: block;
}

input[type=checkbox] {
	-webkit-appearance: checkbox;
}

.frame {
	position: relative;
	overflow: hidden;
	padding-bottom: 100%;
	margin-bottom: 2em;
}

.frame .block {
	border: 0;
	background: url('graphics/grid-min.png') top left repeat transparent;
	color: white;
	font-size: 24px;
	text-shadow: 0 0 3px rgba( 0,0,0,.3 );
	font-weight: bold;
	
	display: block;
	height: 100%;
	width: 100%;
	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	
	-webkit-transition: all ease 0.4s;
	-moz-transition: all ease 0.4s;
	transition: all ease 0.4s;
}

.frame .block.hide {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0);
}

#map-canvas  {
	width: 100%;
	height: 100%;
	
    position: absolute;
    top: 0;
    left: 0;
}

#map-search {
	margin-bottom: 2em;
}

#map-search .form-element {
	width: auto;
	float: left;
	margin: 15px 0;
}

#map-search .small-btn {
	width: auto;
	float: left;
	padding: 11px 4px;
}

.infowindow p,
.infowindow address {
	font-size: 1em;
	margin-bottom: 1em;
	font-style: normal;
}

.infowindow p:last-child {
	margin-bottom: 0;
}

.infowindow h3 {
	margin: 0 0 0.5em;
}

.error-reporting {
	clear: both;
}

@media screen and (min-width: 1260px) {
	#site-nav > div > ul > li {
		margin-right: 16px;
	}
	
	#site-nav > div > ul > li.last {
		margin-right: 0;
	}
	
	#site-nav li a {
		font-size: 13px;
		font-size: 0.8125rem;
	}
}


.suche {
    padding: 0.5em 1em;
    position: fixed;
    right: 0;
	top: 199px;
	z-index: 1000;
	
    background: #cd2729 none repeat scroll 0 0;
    box-shadow: -2px -2px 4px 1px rgba(30, 30, 30, 0.3);
    color: #ffffff;
	
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom 0;
    -moz-transform-origin: right bottom 0;
    transform-origin: right bottom 0;
}

.suche:hover {
	background: #eb4547;
	color: white;
}
	
@media screen and (min-width: 500px) {
	.suche {
		top: 240px;
	}
}
	
@media screen and (min-width: 1024px) {
	.suche {
		top: 250px;
	}
}

@media screen and (min-width: 1260px) {
	.suche {
		top: 278px;
	}
}

ul.dorayaki-rp li.rp-box a.rp-thumb {
	max-width: 100%;
}

@media screen and (max-width: 767px) {
	ul.dorayaki-rp li.rp-box {
		width: 100%;
	}
}

form .legal {
	margin-bottom: 1em;
}

form .legal label {
	display: block;
	padding-left: 1.5em;
	position: relative;
}

form .legal label.non-validate {
	color: #bf2626 !important;
}

form .legal label [type="checkbox"] {
	position: absolute;
	top: 0.2em;
	left: 0;
}

#nowrap {
	display: inline;
	
	color: inherit;
	font-size: inherit;
	font-weight: inherit !important;
	
	white-space: nowrap;
}

.interstitial {
	display: none;
	width: 100%;
	/* padding: 0.25em; */
	
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 100;
	
	background: #C82F29;
	background: #006EB9;
	pointer-events: none;
	
	box-shadow: 0 0 30px -10px rgba(0,0,0,.5)
}

.js .interstitial {
	display: block;
	opacity: 0;
	transform: translate( 0, 100% );
	transition: all ease 1.5s;
}

.interstitial img {
	display: block;
	margin: 10px auto;
	width: 40%;
	vertical-align: middle;
}

.interstitial .text {
	display:block;
	padding: 0 0.25em 0.25em;
	width: 100%;
	vertical-align: middle;
}

.interstitial a {
	display: block;
	
	color: white !important;
}

.interstitial a:hover {
	text-decoration: none;
}

.interstitial .wrapper {
	width: 96%;
	max-width: 600px;
	margin: 0 auto;
}

.interstitial p {
	font-size: 1em;
	font-weight: 700;
	line-height: 1.5;
	margin: 0;
	color: white;
}

.interstitial p + p {
	margin-top: 20px;
}

.interstitial button {
	padding: 0;
	width: 1.5em;
	height: 1.5em;
	
	position: absolute;
	top: 0.3em;
	right: 0.3em;
	
	background: transparent;
	border: 2px solid white;
	border-radius: 50%;
	color: white;
	text-indent: -9999em;
	cursor: pointer;
	
	transform: scale(1.5);
	transform-origin: 100% 0;
}

.interstitial button:after {
	content: '';
	display: block;
	width: 0.9em;
	height: 2px;
	
	position: absolute;
	top: 50%;
	margin-top: -1px;
	left: 50%;
	margin-left: -0.45em;
	
	background: white;
	transform: rotate(45deg);
}

.interstitial button:before {
	content: '';
	display: block;
	width: 0.9em;
	height: 2px;
	
	position: absolute;
	top: 50%;
	margin-top: -1px;
	left: 50%;
	margin-left: -0.45em;
	
	background: white;
	transform: rotate(-45deg);
}

.interstitial.show {
	pointer-events: auto;
	opacity: .95;
	transform: translate( 0, 0 );
}

.interstitial.show.hide {
	opacity: 0;
	pointer-events: none;
	transform: translate(0,100%);
}

@media screen and (min-width: 400px) {
	.interstitial button {
		transform: scale(1.25);
	}
	
	.interstitial img {
		display: inline-block;
		width: 150px;
		margin: 0;
	}
	
	.interstitial .text {
		display: inline-block;
		width: 60%;
		padding: 0 20px;
	}
}

/* @media screen and (min-width: 420px) {
	.interstitial img {
		width: 24%;
	}
	
	.interstitial .text {
		width: 75%;
	}
} */

@media screen and (min-width: 500px) {
/* 	.interstitial {		
		width: 480px;
		left: 50%;
		margin-left: -240px;
	} */

	.interstitial p {
		font-size: 1.25em;
	}
}

/* @media screen and (min-width: 1024px) {
	.interstitial {
		bottom: auto;
		top: 1em;
	}
} */

.pm-popup p {
	font-size: 1.125em;
	line-height: 1.5;
}