/*
Theme Name:     Layout
Version:        1.0.0
Description:    Theme for berglodgegoms.ch
Author:         artesmedia.ch
Author URI:     https://artesmedia.ch/
Template:       enfold
*/


#top #main .frontpage-headline-rotator h1 {
		font-size:60px;
}
@media only screen and (min-width: 566px) {
	#top #main .frontpage-headline-rotator h1 {
		font-size:60px;
	}
}
@media only screen and (max-width: 565px) {
	#top #main .frontpage-headline-rotator h1 {
		font-size:30px;
	}
}



#top #main .av-magazine article {
	margin-bottom:50px;
	border-bottom:2px solid black;
    border-bottom-color: black;
}


.av-masonry-date,
.av-magazine-time {
	display:none;
}

.av-masonry 
.flag-container {
    display: none;
}

/* max width website
--------------------------------------------------------------*/
#wrap_all,
#header {
	margin:0 auto;
	max-width:2560px;
}

@media only screen and (min-width:1600px) and (max-width:2560px) {
.html_stretched #header,
.html_stretched #main {
	padding-left:50px;
	padding-right:50px;
	background:#fff;
	}
}

/* END max width website
--------------------------------------------------------------*/

/* generalia
--------------------------------------------------------------*/
.avia-image-container-inner, 
.avia_image,
.av-image-caption-overlay {
    border-radius:0px;
}
img,
.team-img-container,
.avia-content-slider .slide-image,
.avia-content-slider .slide-image img,
.avia-image-container-inner,
.avia_image,
.av-image-caption-overlay {
    border-radius:0px;
}
.container_wrap {
    border-top-width:0px;
}
.image-overlay {
    background-color: transparent!important;
}
.image-overlay-inside {
	display:none;
}
.avia-fullwidth-slider.avia-shadow {
    box-shadow:none;
}
/* END generalia
--------------------------------------------------------------*/


/* header
--------------------------------------------------------------*/
#header_main .avia-menu-text {
    font-size: 18px;
	font-weight:bold;
}
#top .main_menu .menu > li > a {
    line-height: 270px;
}
/* END header
--------------------------------------------------------------*/


/* button -> standard
--------------------------------------------------------------*/
#top #main .avia-button.avia-color-theme-color.avia-icon_select-no.avia-size-small {
	border:2px solid #000;
	color:#000;
}
#top #main .avia-button.avia-color-theme-color.avia-icon_select-no.avia-size-small:hover {
	display:block;
	background:rgba(0,0,0,0.7);
	color:#fff;
}
.avia-button.avia-position-left {
    float:none!important;
    display:inline-block;
}
.avia-button.avia-size-small {
    padding:9px;
    font-size:16px;
    min-width:80px;
	background-color:transparent;

}

#top #main .avia-button {
    padding:10px;
    font-size:16px;
	color:#000;
    min-width:90px;
	border:2px solid #000!important;
	border-radius:0px;
	background:transparent;

} 
#top #main .avia-button:hover {
	color:#fff;
	background:#000;
} 
/* END button -> standard
--------------------------------------------------------------*/



/* h1 -> frontpage
--------------------------------------------------------------*/
#top #main #h1-frontpage h1 {
	display:inline-block; 
	font-size:19px;
	font-weight:normal;
	text-transform:none;
	letter-spacing:0px;
	line-height:33px;
}
/* END h1 -> frontpage
--------------------------------------------------------------*/


/* h1-element
--------------------------------------------------------------*/
#top #main .h1-gitterreihe-medium {
    max-width:1490px;
    margin:0 auto;
	padding:0 0px 0px 0px;
	max-width:1430px;
	width:100%;
}
#top #main .h1-gitterreihe-medium {
	margin-top:30px;
}
#top #main .h1-gitterreihe-medium .flex_cell {
	padding-bottom:0px;
}
/* END h1-element
--------------------------------------------------------------*/


/* blog
--------------------------------------------------------------*/
.avia-post-nav {
	display:none;
}
.av-magazine .av-magazine-content-wrap .av-magazine-title {
    font-size: 25px;
    line-height: 1.3em;
    text-transform: none;
    letter-spacing: normal;
    padding: 0;
        padding-bottom: 0px;
    margin: 0;
}
.av-magazine-content-wrap {
    overflow: hidden;
    border-bottom:0px solid;
    border-bottom-color: currentcolor;
    min-height: 61px;
}
.blog-content-farbsektion .av-special-heading,
.blog-content-farbsektion .avia_textblock {
	margin:0px auto;
	max-width:80%;	
	}
@media only screen and (max-width: 767px) {
	.blog-content-farbsektion .av-special-heading,
	.blog-content-farbsektion .avia_textblock {
		max-width:100%;
	}
}
.read-more-link {
	text-align:right;
}
.main_color .container .av-inner-masonry-content, #top .main_color .container .av-masonry-load-more, #top .main_color .container .av-masonry-sort, .main_color .container .av-masonry-entry .avia-arrow {
    background-color:#fff;
}
/* END blog
--------------------------------------------------------------*/


/* booking-buttons -> frontpage, footer
--------------------------------------------------------------*/
.html_av-overlay-side-classic #top .av-burger-overlay li a {
    border-bottom-style: solid;
    border-bottom-width: 0px;
	border:none;
}


/* booking-buttons -> frontpage, footer
--------------------------------------------------------------*/
.booking-buttons-special a.avia-button {
	width:140px;
}
.booking-buttons-special a.avia-button:nth-child(3) {
	display:none;
}
@media only screen and (max-width: 767px) {
.booking-buttons-special a.avia-button:nth-child(3) {
	display:inline-block;	
	}
}
/* END booking-buttons -> frontpage, footer
--------------------------------------------------------------*/


/* logo svg -> header
--------------------------------------------------------------*/
.logo a {
    display: flex;
}
.logo img[src$=".svg"] {
    margin-top:20px;
	height: 160px;
}
@media only screen and (max-width: 767px) {
.responsive .logo a {
    display: flex;
    vertical-align: middle;
	}
}
/* END logo svg -> header
--------------------------------------------------------------*/


/* gitterreihe für bilder -> breite content
--------------------------------------------------------------*/
.gitterreihe-bilder-small.av-layout-grid-container {
	margin:0 auto;
	max-width:1290px;
	width:100%;
	padding:0 50px;
	padding-bottom:10px;
}
@media only screen and (max-width:767px){
	.responsive #top .gitterreihe-bilder-small.av-layout-grid-container {
		max-width:85%;
		padding:0px;
		padding-bottom:10px;
	}
}	
.gitterreihe-bilder-small .flex_cell:first-child {
	border-right:5px solid #fff;
}
.gitterreihe-bilder-small .flex_cell:nth-child(2) {
	border-left:5px solid #fff;
}
.gitterreihe-bilder-small .avia-image-container {
    display: block;
    margin: 0 auto 0 auto;
    margin-top: 0px;
    text-align: center;
    clear: both;
}
.gitterreihe-bilder-small .avia-image-container-inner,
.rasterzeile-bilder-small .avia_image,
.rasterzeile-bilder-small .av-image-caption-overlay {
    border-radius: 0px;
    display: block;
    position: relative;
    max-width:100%;
}
.gitterreihe-bilder-small .avia_textblock p {
	font-size:14px;
	margin-top:5px;
	line-height:18px;	
	padding:0 5px 0px 5px;
}
@media only screen and (max-width:767px){
	.responsive #top #wrap_all .gitterreihe-bilder-small.av-flex-cells .no_margin {
		display:inline-block;
		margin:0;
		width:50%;	
	}	
}
/* END gitterreihe für bilder -> breite content
--------------------------------------------------------------*/


/* gitterreihe für bilder -> breite bildschirm
--------------------------------------------------------------*/
.gitterreihe-bilder.av-layout-grid-container {
	max-width:2560px;
	margin:0 auto;
	width:100%;
	padding:0;
	border-bottom:10px solid #fff;
	border-right:10px solid #fff;
	border-left:10px solid #fff;
}
@media only screen and (max-width:767px){
	.responsive #top .gitterreihe-bilder.av-layout-grid-container {
		max-width:85%;
		padding:0px;
		padding-bottom:10px;
	}
}
.gitterreihe-bilder .flex_cell {
	border-right:10px solid #fff;
	border-bottom:10px solid #fff;	
}
.gitterreihe-bilder .avia-image-container {
    display: block;
    margin: 0 auto 0 auto;
    margin-top: 0px;
    text-align: center;
    clear: both;
}
.gitterreihe-bilder .avia-image-container-inner,
.rasterzeile-bilder .avia_image,
.rasterzeile-bilder .av-image-caption-overlay {
    border-radius: 0px;
    display: block;
    position: relative;
    max-width:100%;
}
.gitterreihe-bilder .avia_textblock p {
	font-size:14px;
	margin-top:5px;
	line-height:18px;	
	padding:0 5px 0px 5px;
}
@media only screen and (max-width:767px){
	.responsive #top #wrap_all .gitterreihe-bilder.av-flex-cells .no_margin {
		display:inline-block;
		margin:0;
		width:50%;	
	}	
}
/* gitterreihe für bilder -> breite bildschirm
--------------------------------------------------------------*/


/* lightbox -> container, font-color
--------------------------------------------------------------*/
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
    background: rgba(255,255,255,1);
}
div.avia-popup .mfp-close {
    width: 40px;
    height: 40px;
    right: -13px;
    text-align: center;
    border-radius: 100px;
    border: 0px;
    line-height: 38px;
    padding: 0;
    top: -5px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-family: Arial, Baskerville, monospace !important;
    background: transparent;
    opacity: 1;
    color: black;
}
div .mfp-title {
    line-height: 1.4em;
    font-size: 16px;
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #000;
    word-wrap: break-word;
    padding-right: 36px;
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
	display:none;
}
div.avia-popup button.mfp-arrow::before {
    opacity: 1;
    color: #000;
}
/* END lightbox -> container, font-color
--------------------------------------------------------------*/


/* cookie-popup
--------------------------------------------------------------*/
.avia-cookie-consent.avia-cookiemessage-bottom {
padding:0em;
padding:5px;
}
.avia-cookie-consent .avia-cookie-consent-button,
.avia-popup .avia-cookie-consent-button {
    cursor: pointer;
    display: inline-block;
    background-color: #fff;
    border: 2px solid transparent;
    color: #000;
    padding: 10px;
    min-width: 80px;
    border-radius: 3px;
    text-decoration: none;
    transition: all 0.3s ease-in;
    line-height: 1;
    white-space: nowrap;
    margin: 0 0 0 6px;
}
.avia-cookie-consent p {
    line-height:16px;
    padding:10px 0;
}
/* END cookie-popup
--------------------------------------------------------------*/



#h1-gitterreihe {
	margin:80px 0;
}
@media only screen and (max-width:450px) {
	#h1-gitterreihe {
		margin:20px 0;
	}
}
#top #main .av-special-heading h1 {
	font-size:40px;
	text-transform:none;
}
#top #main .av-special-heading h2 {
	font-size:40px;
	text-transform:none;
}




/* booking-element -> frontpage
--------------------------------------------------------------*/

#booking-frontpage {
	padding:0px 0 0px 0;
}
/* END booking-element -> frontpage
--------------------------------------------------------------*/


/* galerie -> gitterreihe
--------------------------------------------------------------*/
.gitterreihe-galerie {
	display:grid;
	margin:0 auto;
	padding:0 20px 80px 20px;
	max-width:1470px;
	width:100%;
	grid-gap:2% 1%;
	grid-template-columns:auto;
	height:auto;
	align-content:center;
	border:0px solid black;
}
#top .gitterreihe-galerie > div.flex_cell {
	width:100%;
	background:transparent;
}
.bild-01 {
	grid-column-start:1;
	grid-column-end:2;
	margin-top:5%!important;
}
.bild-02 {
	grid-column-start:2;
	grid-column-end:4;
	margin-top:0%!important;		
}
.bild-03 {
	grid-column-start:4;
	grid-column-end:5;
	margin-top:3%!important;
}
.bild-04 {
	grid-column-start:1;
	grid-column-end:3;
	margin-top:-20%!important;
}
.bild-05 {
	grid-column-start:3;
	grid-column-end:5;
	margin-top:-25% !important;
}
.bild-06 {
	
}
@media only screen and (max-width:450px) {
	.gitterreihe-galerie {
		max-width:450px;
		padding:0px 10px;
	}
}
/* END galerie -> gitterreihe
--------------------------------------------------------------*/


/* gitterreihe small
--------------------------------------------------------------*/
.gitterreihe-small {
	margin:0px auto;
	padding:0 0px 50px 0px;
	max-width:1290px;
	width:100%;
}
.gitterreihe-medium {
    max-width:1490px;
    margin:0 auto;
	padding:0 0px 0px 0px;
	max-width:1430px;
	width:100%;
}
@media only screen and (max-width:767px) {
	.gitterreihe-medium {
		display:flex!important;
		flex-wrap:wrap!important;
	}
	.gitterreihe-medium .flexfirst {
		order:2!important;	
	}
	.gitterreihe-medium .flexlast {
		order:1!important;	
	}
}
/* END gitterreihe small
--------------------------------------------------------------*/


/* online buchen -> formular
--------------------------------------------------------------*/
#top #main input.skd-widget-form-control.skd-checkin {
	margin-bottom:0px;
}
#top #main .skd-widget .skd-widget-alert-warning {
    background-color: #fff;
    border-color: #000;
    color: #8a6d3b;
}
.skd-footer,
.skd-footer-hotel,
.skd-footer-seekda {

}
#top #main .skd-widget .skd-widget-btn-default {
    color:#fff;
    background-color:#fff;
    border-color:#ccc;
}

#top #main .skd-widget-tooltip {
    background-color: #fff!important;
}

#top #main .skd-widget-tooltip-inner {
    color: #fff!important;
}

div.intl-tel-input.allow-dropdown input[type="tel"] {
	padding-left:50px!important;
}
/* END online buchen -> formular
--------------------------------------------------------------*/


/* scroll-top button
--------------------------------------------------------------*/
#scroll-top-link {
    position: fixed;
	border:2px solid black;
    border-radius: 0px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-decoration: none;
    text-align: center;
    opacity: 0;
    right: 50px;
    bottom: 150px;
    z-index: 1030;
    visibility: hidden;
}
/* scroll-top button
--------------------------------------------------------------*/

/* masonries offers
 --------------------------------------------------------------*/
#top #main .category-yoga .av-inner-masonry-content-pos {
	text-align:left;
}
#top #main .category-yoga h3 {
	font-weight:bold;
}
/* END masonries offers
 --------------------------------------------------------------*/

/* masonry offers
 --------------------------------------------------------------*/
.masonry-yoga .av-masonry-outerimage-container {

}
/* END masonry offers
 --------------------------------------------------------------*/




/* accordion-angebote -> single toggle
 --------------------------------------------------------------*/
#top .accordion-angebote .toggler {
	border-top-left-radius: 2px;
  	border-top-right-radius:20px;	
	border-color:#e564a4;
	background-color:#faedf4;
}
/* toggle
--------------------------------------------------------------*/

/* END toggle
--------------------------------------------------------------*/

/* accordion-angebote -> single toggle
 --------------------------------------------------------------*/


/* toggle
--------------------------------------------------------------*/
.js_active .toggler,
.js_active .toggler:link, 
.js_active .toggler:visited,
.js_active .toggler:active,
.js_active .toggler:hover,
.js_active .toggler:focus {
	box-shadow:none;
	outline:none;
}
.js_active .toggler.activeTitle,
.js_active .toggler.activeTitle:link,
.js_active .toggler.activeTitle:visited,
.js_active .toggler.activeTitle:active,
.js_active .toggler.activeTitle:hover,
.js_active .toggler.activeTitle:focus {
	box-shadow:none;
	outline:none;	
}
.toggle_icon {
	display:none;
}
#top .main_color .toggler {
	margin-bottom:5px; padding-left:50px;
	color:#000;
	font-size:25px;
	font-weight:bold;
	border:0px;
	border-bottom:2px solid #000;
	background:#fff url(https://berglodgegoms.ch/wp-content/uploads/toggle-icon-hover.png) no-repeat 10px center;
}
#top .main_color .toggler:hover {
	color:#000;
	background:#dadfd4;
	background:#dadfd4 url(https://berglodgegoms.ch/wp-content/uploads/toggle-icon-hover.png) no-repeat 10px center;

}
#top .main_color .toggler.activeTitle {
	color:#000;
	background:#dadfd4;
	background:#dadfd4 url(https://berglodgegoms.ch/wp-content/uploads/toggle-icon-active.png) no-repeat 10px center;			

}
#top .main_color .toggler.activeTitle:hover {
	color:#4a4a4a;
	background:#dadfd4;
	background:#dadfd4 url(https://berglodgegoms.ch/wp-content/uploads/toggle-icon-active-hover.png) no-repeat 10px center;	
}
#top .main_color .toggle_content {
    padding:0px 0px 20px 50px;
	border:none;
	border-left:1px solid #000;
	background:#f8f8f8;
}
/* END toggle
--------------------------------------------------------------*/


/* contact form
 --------------------------------------------------------------*/
#top .wpcf7 {
	margin-top:0px;
}
#top .input-text.wpcf7-form-control,
#top input[type="text"].wpcf7-form-control,
#top input[type="input"].wpcf7-form-control,
#top input[type="password"].wpcf7-form-control,
#top input[type="email"].wpcf7-form-control,
#top input[type="number"].wpcf7-form-control,
#top input[type="url"].wpcf7-form-control,
#top input[type="tel"].wpcf7-form-control,
#top input[type="search"].wpcf7-form-control
#top input[type="checkbox"].wpcf7-form-control,
#top select.wpcf7-form-control {
	padding:3px 3px;
}
#top .main_color .input-text.wpcf7-form-control,
#top .main_color input[type="text"].wpcf7-form-control,
#top .main_color input[type="password"].wpcf7-form-control,
#top .main_color input[type="email"].wpcf7-form-control,
#top .main_color input[type="number"].wpcf7-form-control,
#top .main_color input[type="url"].wpcf7-form-control,
#top .main_color input[type="tel"].wpcf7-form-control ,
#top textarea.wpcf7-form-control {
	background:transparent;
	color:#000;
}
#top textarea.wpcf7-form-control {
	border:1px solid #ccc;
		padding:5px 5px;
}
#top .main_color .input-text.wpcf7-form-control::placeholder,
#top .main_color input[type="text"].wpcf7-form-control::placeholder,
#top .main_color input[type="password"].wpcf7-form-control::placeholder,
#top .main_color input[type="email"].wpcf7-form-control::placeholder,
#top .main_color input[type="number"].wpcf7-form-control::placeholder,
#top .main_color input[type="url"].wpcf7-form-control::placeholder,
#top .main_color input[type="tel"].wpcf7-form-control::placeholder {
	color:#e564a4;
}
span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 0.85em;
    font-weight: normal;
    display: block;
}
.form-inscription {
	border-bottom:0px solid #000!important;
}
.dispno {
    display:none;
}
p.p-select {
	margin:0!important;
	padding:0;
}
.et-kursnr input,
.et-kursbezeichnung input,
.firma-kursnr input,
.firma-kursbezeichnung input {
	font-weight:bold!important;
}
p.p-select select {
	font-weight:bold!important;
	border:1px solid #e564a4!important;
	color:#3893d4!important;
	background-color:transparent!important;
}
p.p-select select option {
	color:#000;
	padding:10px;
}
p.p-select-ft {
	color:#fff;
	background:#3893d4;
}
p.p-title {
	margin-top:15px;
	margin-bottom:0px;
	padding-top:20px;
	font-weight:bold;
	padding-bottom:0px;
}
table.quote-table {
    margin-bottom:0px;
    background:transparent;
    border-collapse:separate;
    border-spacing:2px 5px;
}
table.quote-table th  {
    padding:9px 0px;
	font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
    text-transform:none;
    font-size:14px;
    font-weight:bold;
    background:transparent;
    border:0px;
    letter-spacing:0px;
}
table.quote-table td {
    padding:3px 3px;
    font-size:1.1em;
    background:transparent;
	border:0px solid #ccc;
	border-bottom:1px solid #e564a4;
}
table.quote-table span {
    vertical-align:top;
}
table.quote-table input,
table.quote-table select {
    border:0px solid #ccc!important;
    margin:0px!important;
}
div.additional-infos {
	margin-top:0px;
	padding:5px 10px 5px 10px;
	border:1px solid #ccc;
	color:#333;
	font-size:0.9em;
}
table.message-table td {
	padding:3px 5px;
	margin:0px;
}
#top .message-table textarea {
	margin-bottom:0px;
}
#top .message-table {

	margin-top:20px;
}
#top .message-table td {
	border:0px solid silver;

}
table.message-table textarea {
    margin-bottom:0px;
    padding:8px 8px!important;
    height:150px;
    border:0px;
}
div.acceptance {
	margin-top:20px;
}
table.submit-table {
    margin:10px 0px;
    background:transparent;
    border-collapse:separate;
    border-spacing:2px 5px;
}
table.submit-table td {
    padding:3px 0px;
    font-size:1.1em;
    background:transparent;
	border:0px solid #ccc;
}

input[type="submit"], #submit, .button {
    padding: 20px 40px;
    cursor: pointer;
    border: none;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    -webkit-appearance: none;
    border-radius: 0px;    
}
#top input[type="submit"]:hover {
	background:#e4388e;
}
#top form.wpcf7-form {
margin-bottom:0px!important;
}
#top .wpcf7 form.sent .wpcf7-response-output {
  border-color: #e564a4;
}
/* END contact form
 --------------------------------------------------------------*/


/* footer
--------------------------------------------------------------*/
.page-id-640 #booking-footer {
	display:none;
}
.page-id-1140 #footer-adresse {
	display:none;
}	
#footer-page {
	margin-top:50px;
	}
#booking-footer {
}
#button-row-footer .avia-button {
	display:table;
}
#footer-page {
}
#footer-menu {
	margin:20px 0 0 0;
}
#footer-socket {
	font-size:15px;
}
#footer-socket {
	background:#000;
}
#footer-menu a:hover {
	color:#000;
}
#footer-socket .avia_textblock,
#footer-socket .avia_textblock a:link,
#footer-socket .avia_textblock a:visited {
	color:#fff!important;
}
/* END footer
--------------------------------------------------------------*/



#top #main .category-yoga h3 {
  font-weight: bold;
  font-size: 55px!important;