/*
Theme Name: Persiluhr v3.8 (2022)
Theme URI: http://www.cssigniter.com/ignite/themes/sixtyone
Author: Sebastian Auferoth
Author URI: http://www.cssigniter.com/
Description: Persiluhr Theme — Verbesserungen: bessere User Experience
Version: 3.8
License: GNU General Public License
*/

/* fira-sans-regular - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/fira-sans-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/fira-sans-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/fira-sans-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/fira-sans-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/fira-sans-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/fira-sans-v16-latin-regular.svg#FiraSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/fira-sans-v16-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/fira-sans-v16-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/fira-sans-v16-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/fira-sans-v16-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/fira-sans-v16-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/fira-sans-v16-latin-italic.svg#FiraSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-500 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/fira-sans-v16-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/fira-sans-v16-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/fira-sans-v16-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/fira-sans-v16-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/fira-sans-v16-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/fira-sans-v16-latin-500.svg#FiraSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-600 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/fira-sans-v16-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/fira-sans-v16-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/fira-sans-v16-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/fira-sans-v16-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/fira-sans-v16-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/fira-sans-v16-latin-600.svg#FiraSans') format('svg'); /* Legacy iOS */
}

:root {
    --color-orange-main: #FAB700;
    --color-orange-side: #F09F19;
    --color-orange-light: #eece6a;
    --color-accent-light: #FFEDCB;
    --color-green-side: #95B329;
    --color-green-main: #6EA901;
    --color-green-light: #d9de49;
    --color-grey-light: #d3d0cd;
    --green-dark: #4D7501;
    --color-text-main: #383838;
    --color-text-light: #DFE0DF;
    
    --h1: 48px;
    --h2: 36px;
    --h3: 24px;
    --h4: 18px;
    --h5: 16px;
    --normal: 16px;
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out; 
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body{
    background: #fff;
    color: var(--color-text-main);
    font-family: "Fira Sans", Arial, sans-serif;
    line-height: 1.5;
}

/* test: mobile-bottom-menu */
#test_mobile-bottom-menu {
    display: none; z-index: 10000000; position: fixed; bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: rgba(0,0,0,.3) 2px 2px 10px;
    background: rgba(0,0,0,0.95);
    border-radius: 100px;
    color: white;
    padding: 13px 26px;
}
    


/* =start
------------------------------------------------------------------------------------------*/


ol, ul { list-style: none;}

p {
    font-size: var(--normal);
	color: var(--color-text-main);
	line-height: 1.5;
	margin: 0 0 20px 0;
    padding: 0 
}

strong, b {font-weight: 500; letter-spacing: normal !important;}

ul.circle {
    list-style-position: inside;
    list-style: disc;
    margin-bottom: 20px;
    font-size: var(--normal);
}


::selection { background: var(--color-orange-main); color: #fff; }
::-moz-selection { background: var(--color-orange-main); color: #fff; }
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.entry {margin-top: 30px; display: block;}

.entry ul, p ul {
    list-style-type: square;
    float: none;
    margin: 0 0 15px 20px;
}

.entry ol, p ol{
    list-style-type: decimal;
    float: none;
    margin: 0 0 15px 20px;
}

.entry ul li, p ul li, .entry ol li, p ol li{
    float: none;
    background: none;
    width: auto;
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 10px 0;}

h1{ 
    font-size: var(--h1);
    line-height: 1.5;
    font-weight: 500;
}

h2{
    font-size: var(--h2);
    line-height: 1.2;
    font-weight: 400;
}

h3{
    font-size: var(--h3);
    margin: 0 0 15px 0;
    line-height: 1;
    font-weight: 500;
    color: var(--color-green-main);
}

h4{
    font-size: var(--h4);
    color: var(--color-text-main);
    line-height: 1.3;
    font-weight: 500;
}

h5{
    font-size: var(--normal);
    color: var(--color-text-main);
    font-weight: normal;
    line-height: 1.2;
    text-transform: uppercase;
}

h6{
    font-size: var(--normal);
    color: #fff !important;
    font-weight: 500;
    display: inline-block;
    text-transform: uppercase;
    padding: 5px;
    line-height: 1;
    background: var(--color-orange-main);
}

.grid {display: grid; grid-gap: 20px;}
.grid-5-1, .grid-5-2, .grid-5-3,.grid-5-4, .grid-5-5 {grid-template-columns: repeat(5, 1fr);}
.grid-4-1, .grid-4-2, .grid-4-3,.grid-4-4 {grid-template-columns: repeat(4, 1fr);}
.grid-3-1, .grid-3-2, .grid-3-3 {grid-template-columns: repeat(3, 1fr);}
.grid-2-1, .grid-2-2 {grid-template-columns: repeat(2, 1fr);}
.grid-1-1 {grid-template-columns: repeat(1, 1fr);}

.row .row{margin: 0;}

.four.columns + .eight.columns, .eight.columns + .four.columns{
    padding: 0 0 0 30px
}

#lightbg {
	background: rgba(20,20,20,.03);
	margin: 0px 0 20px 0;
	padding: 20px 0;}

#greybg {
	background: var(--color-grey-light);
	margin: 0px 0 20px 0;
	padding: 20px 0;}

*{
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none; 
}

.logo {height: 110px !important;color: white; font-size:24px;text-align:center;text-transform:uppercase;
  position: absolute;
  top: 0;
  left: 0;
    z-index:100 !important;}

#footer_mobile, .footer_phone {display:none;}

#unterbooking {
	background: #ace0ac !important; 
	margin: 10px 0px !important;
	border: 1px solid green !Important;
	border-radius: 5px;
	width:100%;
    clear: none;
    float: left;"
}


/* = HOME
------------------------------------------------------------------------------------------*/

#welcome{
    padding: 50px 20px;
    margin: 50px 0;
    background-color: var(--color-green-side);
    background-image: url("img/global/bg-pattern.svg");
    background-size: 600px 600px;
    text-align: center;display: flex;
justify-content: center;
}
#welcome #message {
    background: white;
    padding: 50px;
    max-width: 850px;
}
#welcome #message p {text-align: left;}
#welcome img.direktion {height: 150px; width: 150px; border-radius: 120px; border: 4px solid white; box-shadow: 5px 5px 15px rgba(0,0,0,.2); }

#home-slideshow {width: 100%; height: 650px; display: block; position: relative; overflow: hidden;}
#home-slideshow img {object-fit: cover; width: 100%; height: 650px; filter: brightness(0.9);}
#home-slideshow img.center {object-position: center;}
#home-slideshow img.left {object-position: left;}
#home-slideshow img.right {object-position: right;}
#home-slideshow ul li.clone::after {position: absolute;
    content:"";
    height:100%;
    width:100%;
    top:0;
    left:0;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); /* W3C */}

#home-slideshow #overlay {
    color: white;
    text-shadow: 0px 0px 5px rgba(0,0,0,.5);
    text-align: center;
    position: absolute;
    bottom: 0px;
    padding-top: 100px;
  padding-bottom: 200px;
    width: 80%;
  left: 50%;
  transform: translate(-50%, 0);}

#home-slideshow h1, #home-slideshow h3 {color: white !important; font-weight: 500;}

#booking-overlay {padding: 0px 0; position: relative; top: -50px; background: white; box-shadow: 10px 10px 20px rgba(0,0,0,.1); display: block; color:var(--color-green-side); max-width: 850px; margin: 0 auto;}

#booking-overlay .booking {padding: 20px; background: var(--color-orange-light);}

#wis2-panel .wis2-panel{background: #f3ce56 !important;font-size: 14px !important;color: #000 !important}
#wis2-panel .wis2-button--primary {padding: 5px 20px 5px 20px !important;font-weight: 500; border-radius: 3px; background: var(--color-green-side) !important; border: 1px solid var(--color-green-main) !important; }
#wis2-panel .wis2-button--primary:hover {
    background: var(--color-green-main) !important;box-shadow: 1px 1px 10px rgba(0,0,0,.1) inset;}
#wis2-panel #wis2-checkin:hover, #wis2-panel #wis2-checkout:hover {border: 1px solid rgba(0,0,0,.4); }
#wis2-panel #wis2-checkin, #wis2-panel #wis2-checkout {}

#wis2-panel .wis2-input{background: white !important;}

#infobox-corona {padding: 20px !important; background: #eeeeee; color: #333; border-radius: 20px; box-shadow: 5px 5px 30px rgba(0,0,0,0.1);}
#dreig {
        width: 100px;
        height: 100px;
        border: 5px solid white;
        box-shadow: 5px 5px 15px rgba(0,0,0,.1);
        border-radius: 15px;
        display: block;
        animation: dreig 10s;
        animation-iteration-count: infinite;
        position: relative;
        float: left;
        background: white; margin-right: 25px;
    }
    #dreig img {
        width: 90px;
        height: 90px;
        position: absolute;
        margin: 0 !important; padding: 0 !important;}

#features {padding: 20px 0; display: block; overflow-x: scroll;}

.feature {text-align: center;}
.fa-2x {color:var(--color-green-side); }

/* -----------------------------------------
	Own Style
----------------------------------------- */

.booking-bar {float:clear !important; margin: 20px 0 0px 0; text-align: center; position: relative; top: -50px;}

#rating-overview {box-shadow: 5px 5px 20px rgba(0,0,0,.1); padding: 25px;}
#rating-overview h3 {font-weight: normal;}
#rating-overview img {height: 20px; display: block;}
#rating-overview .avg {font-weight: 500; font-size: 48px; line-height: 1;}
#rating-overview .outof {font-size: 12px;}
#rating-overview .total {font-size: 12px; margin-bottom: 15px;}

#testimonial {
    padding:25px;
    box-shadow: 5px 5px 20px rgba(0,0,0,.1);
    border-radius: 0px;
    border-bottom: 3px solid var(--color-orange-main);
    margin: 0 5px;
}
#testimonial:hover {
    
    box-shadow: 5px 5px 25px rgba(0,0,0,.15);
    border-radius: 0px;
    border-bottom: 13px solid var(--color-orange-main);
    margin: 0 5px;
}

#testimonial img {height: 20px;}

.testimonial-line {
    width: 180px;
    background: #efefef;
    height: 8px;
    display:inline-block;
    border-radius: 10px;
    margin-bottom: 2px;
}
.avg-rating {font-size: 12px; font-weight: 500; width: 20px !important; margin: 0px 10px; display: inline-block;}
.provider {font-size: 13px;}
.testimonial-line-filled {
    background: var(--color-orange-main);
    height: 8px;
    display:block;
    border-radius: 10px;
    z-index: 2;
}

.testimonial-title {
    font-size: 20px;
    font-weight: 500;
    padding-bottom:10px;}
.testimonial-rating {
    color: var(--color-green-light);
    font-size: 24px; }
.testimonial-content {
    color: var(--color-orange-main);
    font-size: 13px;}
.testimonial-source {
    margin-top: -10px;
    text-align:left;
    color: #999;
    font-size: 12px;}
.testimonial-source > img {height: 15px !important; position: relative; top: 3px;}
.testimonial-source > img.holidaycheck {height: 15px !important; position: relative; top: 6px;}
.testimonial-source > img.facebook, .testimonial-source > img.zoover {height: 10px !important; position: relative; top: 0px;}
.testimonial-link {
    text-transform: uppercase;
    color: var(--color-grey-main);
    font-size: 13px;}
.testimonials{
    margin: -20px auto 50px auto;
}
#platform {box-shadow: 5px 5px 20px rgba(0,0,0,.1); border-radius: 5px; padding: 30px; margin:0 20px; text-align: center;
  position: relative; border: 1px solid white;}
#platform .provider {
    position: relative;
  top: 50%;
  transform: translateY(-50%);}
#platform img {margin: 0; padding: 0; max-width: 80%;}
#platform:hover {border: 1px solid var(--color-green-light);}

#persiluhr-popup .container {
    background: url("img/global/persilur-white.png"), url("img/global/popup-full.jpg");
    
    background-position: right center, left center;
    background-repeat: no-repeat, no-repeat;
    background-attachment: scroll;
    -webkit-background-size: contain, cover;
    -moz-background-size: contain, cover;
    -o-background-size: contain, cover;
    background-size: contain, cover;
}

.welcomeback {
    background: url("img/global/persilur-white.png"), url("img/global/popup-full.jpg");
    background-position: right center, left center;
    background-repeat: no-repeat, no-repeat;
    background-attachment: scroll;
    -webkit-background-size: contain, cover;
    -moz-background-size: contain, cover;
    -o-background-size: contain, cover;
    background-size: contain, cover;
}

#header-image {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 450px;
	position: relative;
    text-align:center;}
h1.header-image {
    font-size: var(--h1);
    color: #fff;
    text-align:center;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
text-transform: uppercase;
text-shadow: 0px 0px 15px rgba(0,0,0,0.5);}

#header-half {max-height: 400px; width: 100%; position: relative;}
#header-half img {max-height: 400px; object-fit: cover; filter: brightness(75%);width: 100%;}

/* Post Type: ERLEBEN */
#header-full {max-height: 600px; width: 100%; position: relative;}
#header-full img {max-height: 600px; object-fit: cover; filter: brightness(75%);width: 100%;}
#header-full h1, #header-full h3, #header-half h1, #header-half h3 {color: white; text-shadow: 1px 1px 15px rgba(0,0,0,1);}

#header-full h3 {font-family: "Hurricane" !important;}

hr.line {
  margin: 1.5em auto;
    display: block;
  height: 3px;
  width: 250px;
  border: transparent;
  overflow: visible;
    background-image: url(img/global/line.svg);
    background-size: cover ;
    
    
}

hr.persiluhr {
  margin: 1.5em auto;
  position: relative;
  height: 45px;
  width: 10px;
  border: transparent;
  overflow: visible;
  background-image: url(img/global/uhr-grau.png);
    background-size: cover ;
}
hr.persiluhr:before {
    position: absolute;
    height: 10px;
    width: 90px;
    content: '';
    background-image: url('data:image/svg+xml;utf8,<svg width="90" height="10" viewBox="0 0 9 9" xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="80" y2="0" style="stroke:rgb(200,200,200);stroke-width:1"/></svg>');
    left: -110px;
    top: 20px;
  }
  
hr.persiluhr:after {
    position: absolute;
    height: 10px;
    width: 90px;
    content: '';
    background-image: url('data:image/svg+xml;utf8,<svg width="90" height="10" viewBox="0 0 9 9" xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="80" y2="0" style="stroke:rgb(200,200,200);stroke-width:1"/></svg>');
    right: -70px;
    top: 20px;
  }

#erleben-single {
    box-shadow: 5px 5px 15px rgba(0,0,0,.1);
    display: block;
    position: relative;
}

#erleben-single .content { padding: 20px; display: block; width: 100%;}
#erleben-single h3 {margin-bottom: 0 !important; display: block; width: 100%;}
#erleben-single:hover {background: var(--color-green-light); color: white;}
#erleben-single:hover h3 {color: white;}
#erleben-single h3::after {
    content:'\f105'; 
    font-family: "FontAwesome";
    position: relative;
    right: 0px;
    float: right;
}

details {
    max-width: 800px;
    margin: 30px auto;}

details summary::-webkit-details-marker {display: none;}

details summary {
    box-shadow: 5px 5px 20px rgba(0,0,0,.1);
    padding: 20px 40px;
    position: relative;
    cursor: pointer;
    list-style: none;
}
details summary:hover {
    background: var(--color-green-light);
    color: white;
}
details summary:hover p, details summary:hover h3 {color: white;}

details summary:after {
  content: "\f107";
    font-family: "FontAwesome";
  color: black;
  position: absolute;
  font-size: 1.75rem;
  line-height: 0;
  margin-top: 0.75rem;
  right: 40px;
    bottom: 50%;
  font-weight: 200;
  transform-origin: center;
}
details[open] summary:after {
  transform: rotate(180deg);
  font-size: 2rem;
}
details summary {
  outline: 0;
}
details summary h3 {margin:0; padding: 5px 0; color: var(--color-text-main);}
details summary p {margin:0; padding: 5px 0; font-style: italic; color: var(--color-green-main);}
details p {
  margin: 0 40px;
  padding-top: 20px;
}

#attraction_single {margin: 20px 0;}

#booking-wide {width: 100%; clear: both; background: #f3ce56; padding: 0px 80px; margin-bottom: 30px;}
#booking-room {float:clear !important; margin: 20px 0 50px 0; text-align: center;}
.onlymobile {display:none!important;}
.home-booking-content {
	text-align: center;
	position: absolute;
  vertical-align: middle;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);}
.home-booking-bar {
    margin-top: 100px; 
    width: 700px !important;
    vertical-align: middle;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);}
.home-booking-head {
	color: white;
	font-size:36px;
	text-shadow: 0px 0px 20px black;
	font-weight: 500;
	margin-bottom: 20px;
	}
.home-booking-support {
    font-size: 18px;
}

#slider{ max-width: 100% !important; overflow: hidden;}
#slider, .flexslider, .slides {-webkit-box-sizing:border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.description {color: var(--color-text-main); position: absolute; bottom: 10px; left:10px; font-size: 14px; background: rgba(255,255,255,0.9); color: var(--color-text-main); padding: 5px 10px; box-shadow: 2px 2px 10px rgba(0,0,0,.1); border-radius: 3px;}

img .headerimg, .headerimg img, .headerimg{width:100%; height:360px !important; object-fit: cover;}

#room_gallery img{margin-right: 5px;}
#room_gallery img:hover{opacity:0.9;}

#prefooter {margin: 0 0 40px 0;}
#prefooter h3 {text-align: left !important;  font-weight: normal; text-transform: uppercase;}
#prefooter p {font-size: 15px; line-height: 1.5em;}

#meta_roomlinks {display: block; clear: left; padding-top: 0px;}
#beliebt {padding: 10px 0; font-size: 12px; }
img.beliebt {width: 15px; margin-right: 5px; float: left;}

.contact li {
    list-style: outside none none;
    padding:0px 10px 10px 10px; 
    display: table-cell;
    vertical-align: middle;    }
.contact li:first-child {text-align:center; width:50px !important;}
.contact > ul {float: none; display: table;}
.contact ul{margin-left:50px;}
.contact a {font-weight:normal; color: var(--color-text-main);}

.homepage_widget {text-align: justify !important; font-size: 15px; font-weight: normal;}
.homepage_widget_h3 {text-align: center !important; 
  color: white !important;
  font-size: 22px; 
  font-weight: 500 !important;
  text-shadow: 0px 0px 20px black;
  text-transform: uppercase !important;
  }
span.overimage {
  cursor: pointer;
  position: absolute;
    bottom: 0px;
    left: 50%;
	transform: translate(-50%, -50%);
  opacity:1;
  font-size: 16px !important;
width: 100%;text-align:center;}

.excerpt {font-size: 16px; color: white;text-transform:uppercase; font-weight: normal;
  text-shadow: 0px 0px 20px black;width: 100%;text-align:center; display:block;padding: 0px 10px;}

span.overimage span {
  display: table-cell;
  text-align: center;
  text-transform:uppercase;
  font-size: 16px;
  font-weight: normal;
}

.bottom-left {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

/* Top left text */
.top-left {
  position: absolute;
  top: 0px;
  left: 0px;
}

/* Top right text */
.top-right {
  position: absolute;
  top: 0px;
  right: 0px;
}

.copyright {color: var(--color-text-main); position: absolute; font-size: 6px; color:white; padding: 1px 3px; text-shadow: 0px 0px 2px rgba(0,0,0,.5);background: rgba(0,0,0,0.2); opacity: 0.7;}


/* Bottom right text */
.bottom-right {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
    max-width: 100%;
  transform: translate(-50%, -50%);
}

.ci_widget_room {
    position: relative;
    text-align: center;}
.ci_widget_room a:hover {
  opacity: 1;}
.ci_widget_room a:hover img {
  filter: brightness(70%);
  object-fit: cover;
  }
.ci_widget_room a {color: white; text-shadow: 0px 0px 10px rgba(0,0,0,1);}
.ci_widget_room .title {font-size: 24px; text-transform: uppercase; font-weight: 500!important;}

#testimonials {background: #fab700; padding: 20px; margin: 20px 0 20px 0; height: 200px; vertical-align: middle;}
#testimonials_in {width:60%;margin: auto;}
#room_single {padding: 0px 0 20px 0; box-shadow: 0px 0px 20px rgba(0,0,0,.1); border-radius: 3px; background: white;overflow: hidden;}
#room_single h3 {font-weight: 500;font-size: 20px; text-align: left; text-transform: none;}
#room_single .content {padding: 15px 25px 5px 25px;}
#room_single .image {height: 220px; overflow: hidden;background: black;}
#room_single:hover {box-shadow: 0px 0px 30px rgba(0,0,0,.2);}
#room_single:hover .image img {opacity: 0.8;}
#room_single:hover h3 {color: var(--color-green-main);}
#room_single a.button2 {text-transform: none;}

#offers {padding: 20px;}
#offers ul {
  align-items: flex-start;
  display: flex;
  flex-wrap: nowrap;
  list-style: none;
  margin: 1rem 0;
  overflow-x: scroll;
  padding: 0 0 0 1rem;
  scroll-padding-left: 1rem;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
        -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS */
}
#offers ul::-webkit-scrollbar {
  display: none;
}
#offers ul li {
  padding: 0 1rem 0 0;
  scroll-snap-align: start; /* or: center */
  scroll-snap-stop: always;
        flex: 0 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
}
#offers ul li div.offer_single {
  width: 300px;
}

#offers #prev, #offers #next {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
background-color: white;
border-radius: 3px;
border: none;
font-size: 0.8rem;
padding: 0.8rem;
box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.1);
cursor: pointer;
}

#offers #prev {left: 4px;}
#offers #next {right: 4px;}
#offers #prev:hover, #offers #next:hover {background: var(--color-green-light); color: white; transition: all 200ms ease-in;}

/* Hide scrollbar */
::-webkit-scrollbar {display: none;}

#offer_single {padding: 0px 0 20px 0; box-shadow: 0px 0px 20px rgba(0,0,0,.1); border-radius: 3px; background: white;overflow: hidden;}
#offer_single h3 {font-weight: 500;font-size: 18px; text-align: left; text-transform: none;}
#offer_single .content {padding: 15px 20px 5px 20px;}
#offer_single p {font-size: 13px;}
#offer_single .image {height: 220px; overflow: hidden;background: black;}
#offer_single:hover {box-shadow: 0px 0px 30px rgba(0,0,0,.2);}
#offer_single:hover .image img {opacity: 0.8;}
#offer_single:hover h3 {color: var(--color-green-main);}
#offer_single a.button2 {text-transform: none;}

#meeting_single {margin-bottom: 50px;}

.grid-container-4-1 {display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 20px; margin: 10px 10px;}
    @media (min-width: 560px) {.grid-container-4-1 { display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 20px; margin: 10px 10px;}}
    @media (min-width: 960px) {.grid-container-4-1 { display: grid;grid-template-columns: repeat(4, 1fr); grid-gap: 10px; margin: 10px 0px;}}

.grid-container-4-2 {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 20px;}
    @media (min-width: 560px) {.grid-container-4-2 { display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 20px; margin: 10px 10px;}}
    @media (min-width: 960px) {.grid-container-4-2 { display: grid;grid-template-columns: repeat(4, 1fr); grid-gap: 10px; margin: 10px 0px;}}


.grid-container-3 {display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 20px; margin: 10px 10px;}
    @media (min-width: 560px) {.grid-container-3 { display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 20px; margin: 10px 0px;}}
    @media (min-width: 960px) {.grid-container-3 { display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 20px; margin: 10px 0px;}}

.room-entry {column-count: 2; column-gap: 60px; margin-top: 30px;}

#menu-fussmenue ul li, ul.menu li, #menu-footer-menu ul li {display: inline !important;}
#menu-footer-menu ul li a {padding: 5px; margin: 5px;}

.headerphoto {height: 600px; position: relative;top: 0px; }
.headerphoto imga {width:100%; position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%) translateX(-50%); overflow: hidden;}
.centered-and-cropped { object-fit: cover }
#room p {font-size:15px;}

.date {font-size: 12px; background: var(--color-green-side); padding: 4px 10px; display: inline-block; color: white; border-radius: 5px;}

#meta_room { 
	padding-bottom: 20px;
	text-align: center; 
  display: table;
  margin: 0 auto;
  width: 100%;}
#meta_roominfo {background: none; height: auto; width: 100% !important; display: block; }
.metaicon {text-align: center; background: none !important; width: 80px; float: left;}
.metaicon_room:hover, .metaicon_room_single:hover {color: #fab700;}
.metaicon_room {text-align: center; background: none !important; width: auto; float: left;
    display:inline-block; padding: 0 20px !important; font-size: 14px;}
.metaicon_room_single {text-align: center; background: none !important; width: auto; float: left;
    display:inline-block; padding: 0 20px !important; font-size: 15px;}

/* = HEADER
------------------------------------------------------------------------------------------*/

#header-mobile {display: none;}

#header {position: absolute; top: 0; z-index: 10000; left: 0; width: 100%; color: white;
background: linear-gradient(rgba(0,0,0,.5) 40%, rgba(0,0,0,0))}

#header .logo {
    width: 140px;
    position: relative;
    left: 0;
    z-index:100 !important;
    float: left;}

#line-one {display: block; border-bottom: 1px solid rgba(255,255,255,0.3); padding: 0px 0px 3px 15px;}
#line-one ul li {margin-right: 20px;}

#navigation {width:100%;}

#navigation ul{
    display: block;
    float: left;
    margin: 5px 0 0 0;
}

#navigation ul li{
    display: inline-block;
    text-transform: uppercase;
}

#navigation ul li a {
    padding: 10px 10px;
    margin: 0px 5px;
	color: white;
	font-weight: 400;
    font-size: 18px;
    text-shadow: 0px 0px 5px rgba(0,0,0,.5);
}
#navigation ul li a:hover, #navigation a:hover{
    padding-bottom: -10px;
    color: var(--color-green-light);
    border-bottom: 2px solid var(--color-green-light);
}

#navigation ul li ul{
    visibility: hidden;
  	opacity: 0;
    margin: 0; padding: 0;
    position: absolute;
  	font-size: 15px;
    background: rgba(255,255,255,0.95);
  	display: none;
    border-radius: 3px;}

#navigation ul li ul li{
    display: block;
    margin: 0px;
    padding: 0;}

#navigation ul li ul li a{
    color: var(--color-text-main);
    text-transform: none;
    display: block;
    font-size: 15px;
    text-shadow: none;
    margin: 0;
    padding: 5px 15px;
}
#navigation ul li ul:before{
    content:"\A";
    border-style: solid;
    border-width: 0px 5px 5px 5px;
    border-color: transparent transparent rgba(255,255,255,0.95) transparent;
    position: absolute;
    top: -5px;
    left: 40%;
}

#navigation ul li.menu-item-has-children > a:after{
	content: "\f107";
    font-family: FontAwesome;
    color: rgba(255,255,255,0.5);
    margin-left: 5px;}

#navigation ul li ul li a:hover{
    background: var(--color-green-light) !important;
    color: white;
    border-bottom: none;
    border-radius: 3px;
}

#navigation ul li:hover > ul,
#navigation ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}

#navigation ul li ul li {
    clear: both;
}

a.header-booking{
	font-size:14px;
	color: black !important;
	text-align:center;
	text-transform:uppercase;
	background: var(--color-green-light) !important;
  	position: fixed;
  	top: 0;
  	right: 0;
  	z-index: 10030;
  	padding: 25px 20px!important;
	}
a.header-booking:hover {
	background: var(--color-orange-main) !important;
	color: white !important;
	}

.header-booking-direct{
	font-size:11px;
	color: white !important;
	text-align:center;
    text-decoration: underline;
    padding: 1px 3px;
  	position: fixed;
  	top: 71px;
  	right: 0;
  	z-index: 10030;
  	margin: 8px 12px!important;
    text-shadow: 0px 0px 5px rgba(0,0,0,.8);
	}
.header-booking-direct:hover {
    cursor: help;
	}

.header-booking-reasons {display:none;}
.header-booking-direct:hover ~ .header-booking-reasons {
    display: block;
    position: fixed;
    background: white;
    text-align: left;
    text-shadow: none;
    color: var(--color-text-main);
  	top: 90px;
  	right: 0;
  	z-index: 10030;
    margin: 12px;
    padding: 5px;
	font-size:11px;
    border-radius: 2px;
  box-shadow: 0 0 10px rgba(0,0,0,.2);
}
ul#check {
     list-style: none;
}
ul#check li:before {
  content: '\f00c';
    font-family: 'FontAwesome';
    color: var(--color-green-main);
    margin-right: 5px;
}

#header-widget.widget_search input {
    background: none !important;
    color: white !important;
    margin: 0; padding: 0;
    border: 0px !important;
    width: 100px;
    font-size: 12px;
}
#header-widget.widget_search input::placeholder {
    color: white !important;}

.widget_search input.searchsubmit{
   display: none;
}

#header.sticky {background: rgba(255,255,255,0.95); box-shadow: 0px 0px 20px rgba(0,0,0,.2);}
#header.sticky .logo{ width: 90px;}


#menu-main-menu-right {
  float: right;
}


/* =linkage
------------------------------------------------------------------------------------------*/
a {color: var(--color-grey-main);}
a:hover {color: var(--color-green-main);}

p a {
	color: var(--color-grey-main);
	text-decoration: underline;
    text-decoration-color:  var(--color-orange-main);
}

p a:hover, li.selected a{
    color: white;
	background: var(--color-orange-main);
	text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{
    border-bottom: none;
	text-decoration: none;
}

#home-rooms img:hover{transform: scale(1.05);}

a.button, a.button2{
    text-transform: uppercase;
    margin-top: 5px;
    background: var(--color-orange-main);
    color: #fff;
    padding: 6px 20px;
    cursor: pointer;
    border: 1px var(--color-orange-side) solid;
	display: inline-block;
    border-radius: 3px;
    position: relative;
    box-shadow:1px 1px 2px rgba(0,0,0,.1);
}

a.button:hover, a.button2:hover{
    text-decoration: none;
    color: white;
    background: var(--color-orange-side); /* Old browsers */
    border: 1px var(--color-orange-side) solid;
}

a.button.green, a.button2.green{
    background: var(--color-green-main);
    color: #fff;
    border: 1px var(--color-green-side) solid;
}

a.button.green:hover, a.button2.green:hover{
    color: white;
    background: var(--color-green-light); /* Old browsers */
    border: 1px var(--color-green-light) solid;
}

a.button.grey, a.button2.grey{
    background: white;
    color: var(--color-grey-light);
    border: 1px var(--color-grey-light) solid;
}

a.button.grey:hover, a.button2.grey:hover{
    color: white;
    background: var(--color-orange-light); /* Old browsers */
    border: 1px var(--color-orange-light) solid;
}

a.button-secondary {
    margin-top: 5px;
    color: var(--color-text-main);
    background: var(--color-green-light);
    padding: 6px 20px;
    cursor: pointer;
    border: 1px var(--color-green-light) solid;
	display: inline-block;
    border-radius: 3px;
    position: relative;
    box-shadow:1px 1px 2px rgba(0,0,0,.1);
}

a.button-secondary:hover {
    text-decoration: none;
    color: white;
    background: var(--color-orange-main); /* Old browsers */
    border: 1px var(--color-orange-main) solid;
}


/* =slider
------------------------------------------------------------------------------------------*/

#slider {
	margin: 0 0 0px 0;
	color: #FFF;
}

/* =booking
------------------------------------------------------------------------------------------*/
.booking-small {float: right; z-index:11; top:-290px; margin-bottom: -300px;}
.header_text {padding-top: 15px;}
#yellowbg{
    width: 100%;
    clear: both;
    background: #f3ce56; border-radius: 2px;
    padding: 0px 80px;
    min-height: 120px;
}

.booking_support {font-size: 11px; float: right;color: black;}

.bs1 { display:inline-block; width: 410px; height: 20px;vertical-align:top;}
.bs2 { display:inline-block; width: 165px; text-align: left;}
.booking_support a {font-weight: normal; color: black; text-decoration: underline;}
.booking_support a:hover {font-weight: normal; color: black; text-decoration: none;}

.full-booking {
	float: none;
	background: none;
	heihgt: auto;
}

ul#roomdetails li {font-size: 12px; display: inline; margin-right: 15px;}
ul#roomdetails img {height: 20px; top: 6px; position: relative;margin-right: 5px;}

.special_offer {padding: 0 0 10px 30px;}

.row.full{
    width: 100%;
    background-color: #f9f9f9;
    margin: 0 0 10px 0;
}

.prisoned{
    max-width: 1140px;
    margin: 40px auto 0 auto;
    overflow: hidden;
}

div.line{
	margin: 15px auto 25px auto;
	width: 100%;
    background: url(img/global/line.png) left center repeat-x;
    text-align: center;
    overflow: hidden;
}

.four.columns.vertical .room_intro{
    margin: 0 0 10px 0;
}
#abstand, .abstand {height: 20px; display: block;}

.room_vertical {padding: 0px 0 0px 0; box-shadow: 0px 0px 20px rgba(0,0,0,.1); border-radius: 3px; background: white;overflow: hidden; margin-bottom: 30px; height: 300px;}
.room_vertical h3 {font-weight: 500;font-size: var(--h3); text-align: left; text-transform: none;}
.room_vertical .content {padding: 15px 25px 25px 25px;}
.room_vertical .image { overflow: hidden;}
.room_vertical:hover {box-shadow: 0px 0px 30px rgba(0,0,0,.2);}
.room_vertical:hover .image img {filter: brightness(0.9); transform: scale(1.05);}
.room_vertical a.button2 {text-transform: none;}

.room_intro h3 {text-align: left; text-transform: uppercase;}
.room_intro p {font-size: 15px;}
.room_intro:hover img {
	transform: scale(1.05);}
.room_intro div{
    background-color: #fff;
    padding: 0 0 0 0;
}

.room_intro .offer {
    position: absolute;
    background: #fab700;
    text-align: center;
    top: 0px;
    color: #FFF;
    text-transform: uppercase;
    font-size: 13px !important;
    padding: 4px 7px;
    line-height: normal;
    left: 50%;
    margin-left: -65px; }
    
.room_intro .item-thumb {
    position: relative; }
    
.room_intro .item-thumb > a {
      position: relative;
      display: block; }
.room_intro .item-thumb > a:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0);}

#recent-posts-2 ul li {display: block; border-bottom: 1px dotted rgba(0,0,0,.1); padding: 5px;}

/* =testimonials
------------------------------------------------------------------------------------------*/

a.arrow_up,
a.arrow_down{
    display: block;
    width: 24px;
    height: 12px
}

a.arrow_up{
    margin: 0 auto 25px auto;
}

a.arrow_down{
    margin: 15px auto 0 auto;
}

/* =location
------------------------------------------------------------------------------------------*/
.location{
    margin: 0 auto 50px auto;
}

.location_services_container{
    float: left;
    margin: 20px 0 20px 0    
}

.location_services{
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 25px 50px 20px 0px;    
}

.service{
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #efefef;    
}

.service:last-child{
    border-bottom: none;
}

dl dt{
    display: block;
    float: left;
    width: 10%;   
    padding: 30px 10px 0 0;
}

dl dd{
    display: block;
    float: right;    
    width: 90%;
}

/* =contact
------------------------------------------------------------------------------------------*/
.contact_form{
    float: left;
    width: 100%;
    margin: 0 0 50px 0;
}

.contact_form input,
.reply input{
    width: 45%;
    height: 45px;
    font-size: 14px;
    font-style: italic;
    background-color: #fff;
    color: var(--color-text-main);
    border: 1px solid #ebebeb;
    margin: 0 20px 20px 0;
    padding: 0 0 0 15px
}

input[type=button], input[type=submit] {
    background-color: var(--color-green-main);
    font-family: "Fira Sans", Arial, sans-serif;
    font-weight: 500;
    border-radius: 5px;
    border: none;
    color: white;
    font-size: 16px;
    padding: 15px 30px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
}
input[type=button]:hover, input[type=submit]:hover {background-color: var(--color-green-light);}

::-webkit-input-placeholder{
    color: #686868;
}
:-moz-placeholder{
    color: #686868;
}
input[placeholder], [placeholder], *[placeholder]{
    color:#686868!important
}


/* =blog
------------------------------------------------------------------------------------------*/

h1.center, h2.center, h3.center, h4.center, h5.center, p.center {
	text-align: center !important;}

#header-widget, #header-widget .widget {display: inline-block !important; font-size: 12px; }
#header-widget {text-align: right; bottom: 0;position:relative;}
#header-widget .widget {position:absolute; bottom:0px; right: 0px;}

.divider{
    clear: both;
    float: left;
    width: 100%;
    height: 50px;  
}

div.pagination{
    clear: both;
    float: left;
    width: 100%;   
    padding: 10px 0 0 0;
}

div.pagination div.centered{
    width: 340px
}

div.pagination span {
    float: left;
    width: 24px;
    height: 24px;
    margin: 0px 5px 0 0;
    text-align: center;
}

#paging, .pagination { margin-bottom: 50px; font-size: 12px; }

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float:right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 12px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}



/* =sidebar
------------------------------------------------------------------------------------------*/
aside{
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 1px;
}

.aside_container{
    float: left;
    width: 100%;
    padding: 20px 20px 20px 20px;
border-radius: 0px;
}

.aside_container h3{
    font-size: 16px;
    text-transform: uppercase;
    color: #fab700;
    font-weight: normal;
    text-align: center;
}

.aside_container  {
    font-size: 12px;
    color: #333;
    line-height: 1.5;
    margin: 0 0 0px 0;
}

.aside_container p+p{
    margin: 0;
}




aside .textwidget, aside .widget_about {
	font-style: normal;
}

aside .textwidget p {
	line-height: 1.5;
}

.widget_ci_book_room_widget .book-now-price {
	text-align: center;
	font-size: 14px;
}

.widget_ci_book_room_widget .book-now-price strong {
	font-weight: 500;
	font-size: 16px;
}

.book-now-action {
	font-style: normal;
}

.widget_ci_testimonials_slider_widget .line {
	margin: 10px 0;
}


.tul{
    font-size: 13px;
    color: var(--color-text-main);
}

.tul li{
    clear: both;
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #d2d2d2;
}

.tul li:last-child{
    border-bottom: none;
}

.tul span{
    float: left;
    width: 100%;
	color: #686868;
}



li.cat-item{
    font-size: 13px;
    padding: 10px 0;
    border-bottom: 1px solid #d2d2d2;
}

li.cat-item:last-child{
    border-bottom: none;
}



.widget_ci_room_widget h3,
.widget_ci_page_widget h3 {
	text-align: center;
	font-weight: normal;
}

.widget ul li {
	font-size: 12px; display: inline;
}




/* =footer
------------------------------------------------------------------------------------------*/
#footer{
    padding: 20px 20px;
    color: white;
    margin-top: 0;
    background-color: var(--color-green-side);
    background-image: url("img/global/bg-pattern.svg");
    background-size: 600px 600px;
    text-align: center;
}
#footer .twelve.columns {margin: 10px 0;}
#footer #contact {font-size: 14px;}
#footer #contact a {padding: 5px 10px;}
#footer #contact a:hover {color: white; text-decoration:none; background: var(--color-green-main);}
#footer ul#menu-footer-menu {color: white;}
#footer .footer-logo {display:block; }
#footer h3 {font-size: 18px; font-weight: normal; color: white; text-transform: uppercase;}
#footer #partner {
    display: table;
    text-align: center;
    margin: 0 auto;
}

#footer a.button {
    padding: 5px 20px !Important;
    border: none;
    margin-top: 10px;
    font-size: 16px !important;
    color: black;
    background: var(--color-green-light);
    display: inline-block;}

.goUp {padding: 10px 15px; margin: 0 auto; display: inline; position: relative; background: white; top: -40px; color: var(--color-text-main); box-shadow: 5px 5px 15px rgba(0,0,0,.1); border-radius: 3px;}
    .goUp:hover {margin: 0 auto; position: relative; background: var(--color-green-light); top: -40px; color: white; box-shadow: 5px 5px 15px rgba(0,0,0,.1); cursor: pointer;}

a.social {
    width: 50px; 
    height: 50px; 
    background: white;
    border-radius: 60px;
    margin: 0 20px;
    text-align: center;
    vertical-align: center;
    display: inline-block;
    color: var(--color-green-light);
    box-shadow: 5px 5px 10px rgba(0,0,0,.1);}
.social > i {font-size: 26px; color: var(--color-green-light); top:50%; position: relative; transform: translateY(-50%)}
a.social:hover {
    background: var(--color-green-main); transform: scale(1.1); color: white;}
a.social:hover > i {color: white;}

#footer .partner {background: white; 
    display: inline-block; 
    margin: 5px 10px;
    vertical-align: middle; 
    padding: 10px 15px 2px 15px; 
    border-radius: 5px; 
    box-shadow: 5px 5px 10px rgba(0,0,0,.1);
}
#footer a {margin: 0; padding: 0;}

.logos {background: white; 
    display: inline-block; 
    margin: 5px;
    vertical-align: middle; 
}

ul#menu-footer-menu{
    display: block;
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
    padding: 0;
    color: #fab700;
    font-size: 13px;    
    text-transform: uppercase;
}

ul#menu-footer-menu li{
    margin: 0 25px 0px 0;
    line-height: 3.0;
	display: inline !important;
}

/* =typo
------------------------------------------------------------------------------------------*/

.special_offer p{
	margin: 0 20px 20px 0;
}


ul#featured_list{
    display: block;
    float: left;
    margin: 0 0 25px 30px;
    padding: 0;
}

ul#featured_list li{
    font-size: var(--normal);
    margin: 0 0px 10px;
	display: block;
    padding-left: 10px;
    text-indent: -24px;
}
ul#featured_list li:before {
  content: "\f00c";
    font-family: 'FontAwesome'; 
    color: var(--color-green-side);
    margin-right: 10px;
}

ul#featured_list span{
    font-size: 16px;
    margin: 0 15px 10px 0;
	display: block;
}

blockquote p{
    font-size: 18px;
    text-align: center;
    margin: 0 0 10px 0;
    color: var(--color-text-main);
}

#amenities {display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 0px;margin: 10px 0;}
    @media (min-width: 560px) {#amenities { display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 20px; margin: 10px 10px;}}
    @media (min-width: 960px) {#amenities { display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 20px;margin: 20px 0;}}

#amenities .item {
    border-left: 1px solid #efefef;
    padding: 0 20px;
}
#amenities .item:first-child {border-left: none;}
#amenities h3 {font-size: 18px; font-weight: 500; color: var(--color-text-main);}
#amenities p {font-size: 13px; color: var(--color-text-main); padding-bottom: 0px;}
#amenities img {width: 36px; float: left; margin: 0 20px 50px 0;}

@media (max-width: 560px) {
    #amenities .item {
    border-left: 0px;
    padding: 0 10px;}
    #amenities .item:first-child {border-left: none;}
    #amenities h3 {font-size: 16px; font-weight: 500; text-align: left; margin-bottom: 5px;}
    #amenities p {font-size: 13px; padding-bottom: 0px;}
    #amenities img {width: 36px; float: left; margin: 0 20px 50px 0;}
}


/* =table
------------------------------------------------------------------------------------------*/


table{
    float: left;
    width: 94%;
    font-size: 13px;
    margin: 20px 3%;
}

th{
    border-bottom: 1px solid #686868;
    border-right: 1px solid #DEDCD3;
    color: var(--color-text-main);
    font-weight: normal;
    padding: 2%;
}

td{
    border-bottom: 1px solid #d7d7d7;
    border-right: 1px solid #DEDCD3;
    text-align: center;
		padding: 5px;
}

th:last-child,
td:last-child{
    border-right: none;
}

tr:last-child td{
    border-bottom: none;
}

/* =img
------------------------------------------------------------------------------------------*/
.img_left{
    float: left;
    margin: 0 30px 30px 0;
}


.img_center{
    float: none;
    display: block;
    margin: 0 auto 30px;
}



/*pagination links */
div.pagination a, .wp-pagenavi a, .wp-pagenavi a:visited, .wp-pagenavi span {
    float: left;
    display: inline-block;
    text-align: center;
    background-color: #fff;
    color: var(--color-text-main);
    font-size: 12px;
    margin: 0 5px 0 0 !important;
    padding: 7px 9px !important;
    line-height: 1;
		border: none !important;
}

div.pagination a:hover, .wp-pagenavi a:hover{
    background-color: #EFEFEF;
		border-bottom: none;
		text-decoration: none;
}

div.pagination a.selected, .wp-pagenavi span.current{
    background-color: var(--color-text-main);
    color: #fff;
}


.twelve.columns.flexslider{
	padding: 0 0px !important; /*ovverriding the default flexslider values and getting it back to our grid */
}


.carousel_container{
	position: relative;
	margin: 0px  !important;
	background: white;
	border-radius: 2px;
	padding: 10px !important; /*ovverriding the default flexslider values and getting it back to our grid */
}

#carousel{
	width: 100%;
	position: relative;
	top: 0;
	background-color: white;
	padding: 0px 0px;
	overflow: hidden;
}

.flexslider .slides li.carousel_item{
	margin: 10px 5px 0px 5px !important;
	cursor: pointer;}
	
.flexslider .slides li.carousel_item:first-child{
	margin-left: 0px !important;}
.flexslider .slides li.carousel_item:hover {
	opacity:0.75;}
}