#tinymce { background-color: #fff; }
.ui-widget-overlay {     background-color: #fff;   }
body { font-family: 'open sans', sans-serif; }

header img { display: block;     text-align: center;     margin: 0px auto; }
.homepage header img {display: none; }

nav {     padding-top: 20px;     background-color: #3e4440;     padding-bottom: 20px;}
nav .container { padding-left: 0px; }
.primary-menu .menu, .primary-menu .menu a { margin: 0px auto; }
.primary-menu, .small-hidden-menu ul li  
{ background-image: none;  margin-left: 0px; margin-right: 0px; background-color: #3e4440; line-height: 55px;  text-transform: uppercase; }
    .primary-menu a, .primary-menu a:visited { color:#fff; padding-top:10px; }
    .menu a:hover { color:#d0d290; text-decoration:none;}
    .menu a.active { color:#d0d290; }

/*mobile menu hamburger*/
.fa-bars:before { color: #fff;  font-size: 2rem; }
.small-hidden-menu .xs-opener { color: #fff; border: none;  background-color:#3e4440; margin-top: 30px; margin-right: 20px;  padding: 13px 15px 0px;   }
.small-hidden-menu .xs-opener:hover { color: #d0d290;     background-color: #000;}

/*mobile menu*/
.small-hidden-menu .details-slide.menu { right: 10px; left: unset; width: 60%; bottom: unset; margin-top: 170px; }
.small-hidden-menu .details-slide.opened {     background-color: #3e4440; }
.small-hidden-menu ul li { text-align: left; padding-left: 0px; }
.small-hidden-menu ul li > a:after  { display: none; }
.primary-menu .menu li {     margin: 0 10px;     display: block; }

.details-slide a.primary-menu-item:hover, .small-hidden-menu .xs-opener:hover  { color: #d0d290; }

#content-top img, #content-bottom img, .slick-slide img, #content-top { width:100%; }
#content-bottom {margin-bottom: -10px; }

/*.slick-slide img { display: block; margin-left: auto;  margin-right: auto; }*/
#slide_show_responsive_full { background-color: #dcdcd4; }

.accommodation header img {display: none; }

#main-content {  background-color: #fff; }

h1, h2, h3 {font-family: 'trirong', serif; }
p { color: #535d70;  font-size: 1.1rem; line-height: 1.9; margin-bottom: 1.3rem; }
ul li, ol li  { color: #535d70; line-height: 1.9; margin-bottom: 0.7em; font-size: 1.1rem;}
.intro { font-size: 1.4em; margin-top: 1em; margin-bottom: 2em; color: #535d70;}

h1 { font-size:2.4em; color:#4e6043; font-weight:400; margin-bottom:0.233em; line-height: 1.4; padding-top: 0.5em;}
h1 a, h1 a:visited { color:#4e6043; }
h2 { font-size:1.9em; color:#4e6043; font-weight:400; margin-bottom:0.5em; margin-top:0.8em; line-height: 1.4;}
h2 a, h2 a:visited { color:#4e6043; }
h3 { font-size:1.4em; color:#4e6043; font-weight:500; margin-bottom:0.4em; line-height: 1.4; padding-top: 0.5em;}
h3 a, h3 a:visited { color:#4e6043; }
h4 { font-size:1.4em; color:#8e8066; font-weight:400; margin-bottom:0.4em; line-height: 1.4; padding-top: 0.5em;}
h4 a, h4 a:visited { color:#8e8066; }
h5 { font-size:1.2em; color:#4e6043;  font-weight:600; margin-bottom:0.4em; line-height: 1.4;}
h5 a, h5 a:visited { color:#4e6043;  }
h6 { font-size:1.15em; color:#8e8066; font-weight:700; margin-bottom:0.4em; margin-top: 0.8em; line-height: 1.4;}
h6 a, h6 a:visited { color:#8e8066; }

a:hover, h1 a:hover, h2 a:hover,  h3 a:hover,  h4 a:hover,  h5 a:hover,  h6 a:hover { text-decoration:none; color:#978002; }

legend { font-size:1.2em; color:#4e6043;  background-color:transparent;}
dt label { color:#4e6043; }

.small { font-size:0.625em ; }
.highlight { color:#535d70; }
strong { color: #535d70; }

a { color:#0473a2; text-decoration:none; }
a:hover { text-decoration:underline; color:#978002;  }
a:visited { color:#0473a2; }

/* CLASSES */

.button {   border: 2px solid #e3e3e3; padding: 10px 10px; background-color: #ececec; width: 100%; text-align: center;}
.button a, .button a:visited   { text-decoration:none;}
.button:hover  { background-color:#dcdcd3; border: 2px solid #d0d0c2;}
.button a:hover  { color:#0392eb; }


.background { padding: 8px 13px 8px 13px; background-color: #dcdcd4;  text-align: center; display:block; margin-bottom: -1.1em;}
.background a, .background a:visited   { text-decoration:none;}
.background a:hover  { color:#0392eb; }


.rule { border-bottom: 1px solid #535d70; padding-bottom: 10px; margin-bottom: 10px;}
.rule a, .rule a:visited   { text-decoration:none; }
.rule a:hover { color:#0392eb; text-decoration:none;}


.paddingnone { padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px; padding-top: 0px; }
blockquote {   font-weight:500;  font-size:1.2rem; margin: 0.5em 0 1.5em 0;  padding-left: 30px; border-left: 4px solid ##a09f9f; }


#h2-error .btn.green { border: solid; border-radius: 60px; color: #fff;  background-color: #028553;}

.btn.green {  color: #028553;  border: 2px solid #028553; background-color: #fff;     border-radius: 20px; }
.btn.green:active {background-color: #028553; border: 2px solid #028553; color: #fff; }
.btn.green:hover {background-color: #028553; border: 2px solid #028553; color: #fff;}

.bootstrap-modal-btn:hover { color: #428bca; }
.bootstrap-modal-btn:before { color: #084c71; font-family: "Font Awesome 5 Pro", sans-serif; content: "\f055"; margin-right: 5px; font-size: .9em; }

.details-opener.opened h1:before, .details-opener.opened h2:before, .details-opener.opened h3:before, .details-opener.opened h4:before, .details-opener.opened h5:before, .details-opener.opened h6:before, .details-opener.opened p:before { color: #028553; font-family: "Font Awesome 5 Pro", sans-serif; content: "\f056"; margin-right: 5px;}
.details-opener h1:before, .details-opener h2:before, .details-opener h3:before, .details-opener h4:before, .details-opener h5:before, .details-opener h6:before, .details-opener p:before { color: #095a8c; font-family: "Font Awesome 5 Pro", sans-serif; content: "\f055"; margin-right: 5px; }

.googlemaps {  overflow:hidden;     padding-bottom:56.25%;     position:relative;     height:0; }
.googlemaps iframe{     left:0;     top:0;     height:100%;     width:100%;     position:absolute; }

#totop a.btn {     padding: 3px 4px 3px 5px; }

#footer, #footer .container { background-color: #dcdcd4; }
#footer p { color: #434853; font-size: 0-8em; }
#footer { padding-bottom: 500px; }

/* remove gallery captions and re-position the X */
.lightbox-caption { display:none }

#ui-lightbox-button-close {  top: 5px; }