/*
Theme Name: Brüglhuberhof
Theme URI: http://www.brueglhuberhof.de
Description: Theme für die Ferienwohnung der Familie Strell vom Brüglhuberhof
Author: Sebastian Grassl
Author URI: http://www.werbung-ms.de
Template: sg-parent-theme
Version: 1.0
Tags: 
Date: 10.10.2016
*/

@import url('css/menus.css');

/* noto-serif-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/noto-serif-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/noto-serif-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-serif-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-serif-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-serif-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-serif-v21-latin-regular.svg#NotoSerif') format('svg'); /* Legacy iOS */
}
/* noto-serif-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/noto-serif-v21-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/noto-serif-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-serif-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-serif-v21-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-serif-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-serif-v21-latin-700.svg#NotoSerif') format('svg'); /* Legacy iOS */
}
/*
  Farben ---------------------------------------------------------------------
  rot         : 6a220f , rgb(106, 34, 15);
  dunkelgrau  :
  grün        : aba913 #109010
  
  Fonts ----------------------------------------------------------------------
  Fliesstext      : Droid Serif
  Ueberschriften  : Droid Serif
  
*/

body {
    font: 400 100%/1.4  'Noto Serif', "times new roman", serif;
    color : #000;
    background : #fbf4e9;
}

h1, h2, h3 { 
  font-family: 'Noto Serif', sans-serif;
  font-weight : 400; 
text-align : center; 
position : relative;
}
  
h1 { font-size : 28px; margin-bottom : 30px;  }
h2 { font-size : 22px; margin : 30px 0 30px; }
h3 { font-size : 18px; text-align : left; color : #6a220f; }
h1:after { position : absolute; width : 20%; height : 2px; background : #6a220f; content : ''; left:40%; bottom:-5px; }
h2:after { position : absolute; width : 20%; height : 1px; background : #6a220f; content : ''; left:40%; bottom:-2px; }

/* .columns.twelve h1, */
.columns.twelve h2 { text-align : left; }
/* .columns.twelve h1:after, */
.columns.twelve h2:after { width : 30%; left:0; }

strong { font-weight : 700; }


header {
  position: relative;
  margin-top : 60px;
}

.header_wrapper { 
  box-sizing: border-box;
  max-width : 1020px; margin: 0 auto; position: relative; }

.logo { width : 100%;  text-align:center; padding: 10px 0 0; }
.logo img { width: 100%; height: auto; max-width : 280px; }
.contact_menu_container { position : absolute; top:0; right:0; background : #6a220f; }
.container {
    max-width: 1020px;
}
.container.textcontent + .container.textcontent { padding-top: 0;}
.container.textcontent h2 { margin : 0 0 30px; }
.container.gallery { background : rgba(106, 34, 15, 1);    padding: 30px 30px 10px; }
/* For devices larger than 750px */
@media (min-width: 750px) {
}

@media (min-width: 960px) {
  header {
    margin-top : 0;
  }
  .header_container {max-width: 1200px; }
  
  img.responsive { width : 100%; height:auto;}
}

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

   Content
   
   -------------------------------------------------------------------------- */
.content-wrapper { max-width: 1020px; background: rgba(241, 229, 207, 0.92); margin : 30px auto; box-sizing: border-box; position : relative; top : 0; 
  transition: all 0.7s ease-in-out;
  /*-webkit-transition-delay: 1s; */
}
.content-wrapper.down::before {    
    font-family: 'dashicons'; /* 'FontAwesome'; */
    content: '\f343 '; /* f077 chevron-up */
    position : absolute;
    top:-100px;
    left:50%;
    opacity : 0.5;
    color : #fff;
    font-size : 100px;
    cursor : pointer;
}

.content ul { padding-left:20px; list-style:none; }
.content li { margin-bottom:4px; }
.content li:before {    
    font-family: 'FontAwesome';
    content: '\f0da'; /* kreis offen f10c ; square mit haken f046 , square offen f096, square gefüllt f0c8  */
    margin:0 5px 0 -15px;
    color : #6a220f;
    font-size : 13px;
    vertical-align : middle;
}

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

   Gallery
   
   -------------------------------------------------------------------------- */
   
   /* xxx alt
.gallery-columns-2 .gallery-item { width : 48%; margin : 0 4% 20px 0; }
.gallery-columns-2 .gallery-item:nth-child(2n) { margin-right : 0; }
.gallery-columns-4 .gallery-item { width : 24%; margin : 0 1.333333% 20px 0; }
.gallery-columns-4 .gallery-item:nth-child(4n) { margin-right : 0; }
.gallery-columns-6 .gallery-item { width : 15.833333333%; margin : 0 1% 20px 0; }
.gallery-columns-6 .gallery-item:nth-child(6n) { margin-right : 0; }
*/

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

   Gallery
   
   -------------------------------------------------------------------------- */
  .gallery-item {
    width : 48%;
    margin : 0 4% 20px 0;
    text-align: center;
    float : left;
  }
  .gallery-item:nth-child(2n) { margin-right : 0; }
    
  .gallery-item img { width : 100%; height : auto; }
  
@media (min-width: 780px) {
  .gallery-item { width : 24%; margin : 0 1.333333% 20px 0; }
  .gallery-item:nth-child(2n) { margin-right : 1.333333%; }
  .gallery-item:nth-child(4n) { margin-right : 0; }
}

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

   footer
   
   -------------------------------------------------------------------------- */
footer {
  color : #000;
}
footer .partner_logos { text-align : center; margin-left:0; width:100% !important; }

/*
@media (min-width: 550px) {
  footer .partner_logos { width:52% !important; }
}
*/
footer .partner_logos {
  margin-bottom: 25px;
}
footer .partner_logos img { max-height : 80px; width : auto; margin-right : 12px;
  vertical-align : middle;
 -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
footer .partner_logos img:hover {
 -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
footer .partner_logos img.port { max-height : 70px; }
footer .partner_logos img.land { max-height : 70px; }

h3.widget-title { font-size: 16px; }

.footer_wrapper {
  max-width: 1020px;
  padding: 0;
  box-sizing: border-box;
  background : rgba(255,255,255, 0.9);
  
}

footer { font-size : 14px; }
footer h2 { font-size : 16px; font-weight: 300; }

@media (min-width: 550px) {
    footer .column, footer .columns {
        margin-left: 2%;
    }
}

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

   Formulare
   
   -------------------------------------------------------------------------- */

   input, textarea, select, option { font: 300 16px/20px 'Noto Serif', verdana, sans-serif;
  padding : 8px; background : #f0f0f0; border : 1px solid transparent; box-sizing: border-box;
  width : 100%;
  outline : none;
}
input[type="submit"] {background: #a0be17; color : #fff; width:100%; text-align:center; cursor:pointer; border:1px solid transparent; padding: 15px 0; }
input[type="submit"]:hover {border-color : #808080; }
input[type="submit"]:active {box-shadow: 0 0 0 transparent; }

input:focus, textarea:focus { border-color : #a0be17; }
label { cursor : pointer; float : left; display: inline-block; }
textarea { width: 100%;  }

.mc4wp-form input[type="email"] {
    background : #e8e8e8;
}

.wpcf7 { position : relative; }
.wpcf7-mail-sent-ok { border : 0 !important; }
.wpcf7-mail-sent-ok:before { content : '\f046'; font-family: FontAwesome; font-size : 20px; vertical-align:middle; padding-right:20px; color :  #a0be17; }
.wpcf7-validation-errors { border : 0 !important; }
.wpcf7-validation-errors:before { content : '\f071'; font-family: FontAwesome; font-size : 20px; vertical-align:middle; padding-right:20px; color :  #c13f2e; }
.wpcf7-checkbox { clear : left; }
input[type="checkbox"] { float : left; width: 30px; display : inline-block; }

/* Hide the browser's default checkbox */
.checkbox_wrapper input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  width : inherit;
  z-index : 100;
  height : 30px;
  width : 30px;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  cursor : pointer;
}

/* On mouse-over, add a grey background color */
.checkbox_wrapper .columns:hover .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox_wrapper.selected .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox_wrapper.selected .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox_wrapper .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}




/* hide original loader */
div.wpcf7 img.ajax-loader {
    display: none;
}
/* style for custom loader
   '1s' for speeding up animation */
i.fa.fa-refresh.fa-spin.ajax-loader-cusom {
    -webkit-animation: fa-spin 1s infinite linear;
    animation: fa-spin 1s infinite linear;
    position : relative;
    z-index:10;
    top:-41px;
    left:20px;
    color : #fff;
    font-size: 30px;
}
.wpcf7-submit { position : relative; display : block; }

.wpcf7-form .container { padding : 0; }
div.wpcf7 {
	margin: 0 0 15px;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 0;
	padding: 0 1em;
}

div.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
	margin: 0;
	padding: 0;
	border: 0;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-not-valid { border-color : #c13f2e; }
span.wpcf7-not-valid-tip {
	color: #f00;
	font-size: 1em;
	display: block;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	border: 1px solid #ff0000;
	background: #fff;
	padding: .2em .8em;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
	clear : left;
	display : block;
}

.wpcf7-display-none {
	display: none;
}
.wpcf7-list-item-label { float : left; }
div.wpcf7 div.ajax-error {
	display: none;
}

div.wpcf7 .placeheld {
	color: #888;
}

#belegungsplan {
    width: 100%;
    height: 250px;
    border: 0;
}

.full_width_image_with_text, .full_width_image {
  padding : 0;
  position : relative; 
  z-index : 10;
}

  .full_width_image_with_text .text_overlay {
    width : 100%;
    padding : 15px;
    background-color : rgba( 255,255,255,0.8);
  }
  .full_width_image_with_text .text_overlay h2 {
    margin : 0 0 15px;
  }
@media (min-width: 550px) {
  .full_width_image_with_text .text_overlay {
    position : absolute;
    top: 40px;
    width : 50%;
    z-index : 1000;
    height : 75%;
  }
  .full_width_image_with_text .text_overlay.right {     right : 4%; }
  .full_width_image_with_text .text_overlay.left {    left : 4%; }
}
@media (min-width: 800px) {
  .full_width_image_with_text .text_overlay {
    top: 30px;
    width : 33%;
  }
  .full_width_image_with_text .text_overlay.wide {    width : 50%; }
}
.full_width_image_with_text h2:after { display : none !important; }

.call_to_action {
    margin: 30px auto;
    width: 80%;

text-align : center; font-size: 1.5em; }

.call_to_action a {
    border: 3px solid rgba(106, 34, 15, 0.61);
    padding: 10px;
    border-radius: 7px 0 8px 0;
    text-decoration: none;
    display: block;
    background: rgba(106, 34, 15, 0.26);
    transition: all 0.7s ease-in-out;
}

.call_to_action a:hover {
  color : #fff;
    background : rgba(106, 34, 15, 0.5);
}

.overlay { background : #fff; padding : 30px; }

#my_popup {
  transform: scale(0.8);
}
.popup_visible #my_popup {
  transform: scale(1);
}

.open_popup { display : block; text-align:center; }

.container + .container.popup_container { padding-top : 0; }

.handwritten {
  font: 400 28px/1.4  "Kaushan Script", "times new roman", serif;
  color : #6a220f;
}

/* -- DTV Bewertungen ---------------------------------------------------- */
.dtv_bewertung:after {    content: '';
    background: url(images/dtv-sterne.svg);
    width: 56px;
    display: inline-block;
    position: relative;
    height: 13px;
    background-size: cover;
    top: -2px;
}

h1 .dtv_bewertung:after {  
    width: 80px;
    height: 20px;
    top: -13px;
}

.highlight {
    background-color: #ffffff;
    padding: 20px;
    margin: 20px auto;
    border-left: 5px solid #6a220f;
    font-style: italic;
    width: 80%;
}

/* -- Belegungsplan ------------------------------------------------------ */
#slider1 h3 { text-align : center; }
.wrapper { text-align : center; }
.content li.wrapper:before { content : none; }
.kalendarium { clear : both ; }
.kalendarium div, .headline div { width : 24px; height : 20px; float:left; border : 1px solid #fff; text-align : center; padding: 3px 0; }
.headline div { background : #f0f0f0; }
.headline div:nth-child(6), .headline div:nth-child(7) { background : #d0d0d0; }
.kalendarium div:nth-child(7n+8) { clear : left; }
.grey { background : #e0e0e0; }
.green { background : #a0be17; }

.wechselrg { 
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a0be17+0,a0be17+50,da5025+51,da5025+100;Blue+Gloss+%235 */
  background: #a0be17; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #da5025 0%, #da5025 50%, #a0be17 51%, #a0be17 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #da5025 0%,#da5025 50%,#a0be17 51%,#a0be17 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #da5025 0%,#da5025 50%,#a0be17 51%,#a0be17 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da5025', endColorstr='#a0be17',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.wechselgr { background : #faa; 
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a0be17+0,a0be17+50,da5025+51,da5025+100;Blue+Gloss+%235 */
  background: #a0be17; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #a0be17 0%, #a0be17 50%, #da5025 51%, #da5025 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #a0be17 0%,#a0be17 50%,#da5025 51%,#da5025 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #a0be17 0%,#a0be17 50%,#da5025 51%,#da5025 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0be17', endColorstr='#da5025',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.red { background : #da5025; }
.spare { background : #fff; }

.single_event + h3 { margin-top : 20px; }
.single_event { padding : 10px; background : #fff;border-left: 5px solid #6a220f;     margin: 0 0 2px 0; }
.event_name { font-weight : 700; font-size: 1.1em; }
.em-wrapper .ort { font-size:0.9em; }
.em-wrapper .ort:before {    
    font-family: 'FontAwesome';
    content: '\f041';
    margin-right : 10px;
}
.em-wrapper .event_datum {
    font-size: 2.5em;
    font-weight: 700;
    color: #929292;
    float: left;
    padding: 3px;
    line-height: 1;
    margin: 0 11px 0 0;
}

.em-pagination {
    display: block;
    margin-top: 20px;
}
.page-numbers { text-decoration : none; background : #6a220f; color:#fff !important; width: 30px; height:30px; display:inline-block; text-align:center; line-height:30px; }
a.page-numbers:hover { background : #e0e0e0; color : #000 !important; } 
.page-numbers.current { background : #606060; color:#fff; }

div.hc-widget.hc-widget-large { width : 100% !important; }

div.hc-widget.hc-widget-grey div.hc-widget-content-box span.hc-widget-quote-body { font-size: 14px !important; color : #000 !important; font-weight : 400 !important; }
div.hc-widget.hc-widget-grey div.hc-widget-content-box span.hc-widget-quote-author { font-size: 12px !important; color : #000 !important; font-weight : 400 !important; }