/* Template Body and Backgrounds */
@media (max-width: 991px) {
  .layout-boxed .body-innerwrapper {background: transparent;}
  #sp-menu {background: url('/images/light-background-offset-right.jpg') 50% 0/cover no-repeat scroll #FFFFFF;}
  #sp-component {background: url('/images/light-background-offset-right.jpg') 50% 0/cover no-repeat scroll #FFFFFF;}
}
@media (min-width: 992px) {
  body.site {background: url('/images/dark-background.jpg') 50% 0/contain no-repeat scroll #FFFFFF;}
  .layout-boxed .body-innerwrapper {box-shadow: inset 4px 4px 4px 4px rgba(136,136,136,0.4); border-top-left-radius: 15px; border: 1px solid #000000; margin: 50px auto; background: url('/images/light-background-offset-left.jpg') 50% 0/cover no-repeat scroll #FFFFFF;}
}

/* Header */
#sp-header {background: transparent; box-shadow: none; height: inherit;}
#sp-header .container {padding: 0; max-width: 100%;}
@media (max-width: 991px) {
  #sp-header #sp-logo {width: 100%;}
  #sp-header #sp-menu {width: 100%;}
}
@media (min-width: 992px) {
  #sp-header #sp-logo {width: 33.3333%;}
  #sp-header #sp-menu {width: 66.6666%;}
}

/* Logo */
#sp-header #sp-logo > .sp-column > .logo {display: none;}
#sp-header #sp-logo img.logo {margin: 20px auto 30px; padding-right: 8px; width: 32%; height: auto; display: block;}
#sp-header #sp-logo img.text {margin: 0 auto; width: 80%; height: auto;}
@media (max-width: 991px) {
  #sp-header #sp-logo {padding-bottom: 30px;}
}
@media (min-width: 992px) {
  #sp-header #sp-logo {padding-bottom: 100px;}
}

/* Default Header Images */
@media (max-width: 991px) {
  #sp-menu {background: url('images/headers/header_accommodation.jpg') center center/cover no-repeat scroll; height: 500px; width: 100%;}
}
@media (min-width: 992px) {
  #sp-menu {background: url('images/headers/header_accommodation.jpg') center center/cover no-repeat scroll; min-height: 100%;}
}

/* Menu */
@media (max-width: 991px) {
  #offcanvas-toggler.offcanvas-toggler-right {position: absolute; z-index: 999; top: 5px; right: 40px; float: none !important; margin-left: 0;}
  #offcanvas-toggler > .fa {font-size: 2rem;}
}
@media (min-width: 992px) {
  #sp-menu .sp-megamenu-wrapper {position: absolute; z-index: 999; bottom: 25px; background-color: rgba(255,255,158,0.8); width: 100%; right: 0;}
  #sp-menu .sp-megamenu-parent {float: left; margin-left: 14.1%;}
  #sp-menu .sp-megamenu-parent > li {border-left: 1px solid #bebfc9; margin: -6px 0;}
  #sp-menu .sp-megamenu-parent > li:last-of-type {border-right: 1px solid #bebfc9; margin: -5px 0;}
  #sp-menu .sp-megamenu-parent > li > a {line-height: 34px; margin: 15px 0; background-color: #FFFF9F;}
  #sp-menu .sp-megamenu-parent > li.active > a {line-height: 34px; margin: 15px 0; background: url('/images/menu-hover.png') center center/contain no-repeat scroll #FFFF9F;}
  #sp-menu .sp-megamenu-parent > li:last-child > a {padding-right: 15px;}
}

/* Swap order of sidebar and main body on Mobile */
@media (max-width: 991px) {
  #sp-left {order: 2;}
  #sp-component {order: 1;}
}

/* Sidebar */
#sp-left {background-color: rgba(3,0,32,0.85); color: #FFFFFF;}
#sp-left .sp-module {border: none; padding: 50px 35px 100px;}
#sp-left table {margin: 50px auto 0;}
#sp-left table tr td {color: #949494; padding: 10px 10px 10px 0; vertical-align: top;}
#sp-left table tr td:last-child {color: #FFFFFF; padding: 10px 0;}
@media (min-width: 992px) and (max-width: 1199px) {
  #sp-left table {font-size: 12px;}
  #sp-left table h3 {font-size: 1.2rem;}
}
@media (min-width: 1200px) {
  #sp-left table {font-size: 15px;}
}
#sp-left table a {color: #FFFFFF;}
#sp-left .sp-module h3 {text-transform: uppercase;}
#sp-left .sp-module h4 {margin-left: 20px; text-transform: uppercase;}
#sp-left .sp-module ul {margin-bottom: 20px;}
#sp-left .sp-module ul > li {cursor: pointer; border-bottom: none; margin-left: 40px;}
#sp-left .sp-module ul > li > a {line-height: 24px; color: #cccccc;}
#sp-left .sp-module ul > li > a:hover {color: #ffffff;}
#sp-left .sp-module .sp-module-title {border-bottom: none; margin: 0;}
#sp-left .sp-module .menu.member-menu a {color: #ffffff;}
#sp-left .sp-module .menu.member-menu a:hover {font-weight: bold;}
#sp-left .sp-module .menu.member-menu a:active {font-weight: bold;}

/* Main Body */
#sp-component {padding: 40px 50px;}

/* Typography */
h1 {font-size: 2.4rem;}
h1 {font-size: 1.8rem;}
h3 {font-size: 1.4rem;}
h4 {font-size: 1rem;}
.page-header h1 {text-transform: uppercase; color: #000000;}
#sp-component {color: #59595a;}

/* Tabs and Sliders */
div.jwts_toggleControlContainer {margin-bottom: 15px;}
div.jwts_toggleControlContainer a.jwts_toggleControl {background: rgba(0, 0, 0, 0) linear-gradient(#FDFDAF,#EDED9F) repeat scroll 0 0; font-size: 18px;}
div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleControlTitle {background-position-y: 6px;}
div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlTitle {background-position-y: -140px;}
div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlNotice {display: none;}
div.jwts_toggleContent {margin-bottom: 15px; background: #ffffff;}
div.jwts_toggleContent h2 {margin-top: 8px;}
div.jwts_content {margin-top: -15px;}
div.jwts_content p:first-child {margin-top: 0.5rem;}
div.jwts_content p {margin-bottom: 0.5rem;}

/* Easy Folder Listing Pro */
.eflpro_standard img, .eflpro_standard img {display: inline-block;}

/* Bootstrap Buttons */
@media (min-width: 992px) {
.btn-primary, .sppb-btn-primary {border-color: rgba(3,0,32,0.85) !important; background-color: rgba(3,0,32,0.85) !important;}
.btn-primary:hover, .sppb-btn-primary:hover {border-color: rgba(3,0,32,0.7) !important; background-color: rgba(3,0,32,0.7) !important;}
}

/* Initially Hide Content that can be Toggled */
.targetDiv {display:none;}

/* Bottom */
#sp-bottom .sp-module {margin-bottom: 0;}
@media (max-width: 991px) {
  #sp-bottom {background-color: rgba(3,0,32,0.85); color: #ffffff;}
  #sp-bottom1 {text-align: center; padding: 20px 50px 0;}
  #sp-bottom2 {text-align: center; padding: 20px 50px 0;}
  #sp-bottom3 {text-align: center; padding: 20px 50px;}
  #sp-bottom3 a {font-weight: bold;}
}
@media (min-width: 992px) {
  #sp-bottom {position: relative;}
  #sp-bottom:before {content: ''; position: absolute; background-color: #bebfc9; width: calc(100% - 70px); height: 1px; z-index: 999; margin-left: 35px; margin-right: 35px;}
  #sp-bottom {background: transparent;}
  #sp-bottom1 {background-color: rgba(3,0,32,0.85); color: #949494; padding: 20px 50px;}
  #sp-bottom2 {color: #59595a; padding: 20px 50px;}
  #sp-bottom3 {text-align: right; color: #59595a; padding: 20px 50px;}
  #sp-bottom3 a {color: #0345bf; font-weight: bold;}
  #sp-bottom3 a:hover {color: #044cd0; font-weight: bold;}
}

/* Footer */
#sp-footer {display: none;}

/* Disable front end editing of articles in the front-end */
.article-details .article-can-edit {display: none !important;}