@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* general
-------------------------------------------------------------- */
* {
    margin: 0px;
    padding: 0px;
}
*:focus {
    box-shadow: none;
    border: none;
    outline: none;
}
a{

   color: #d5ac79;
}

a:hover{

 text-decoration: none !important;
}



a i{

   color: #666;
      -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a i:hover{

    margin-top:-20px;
}


body, html{

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:#848484;
    font-weight: 500;
     font-family: 'Poppins', sans-serif;
    font-size:17px !important;
    line-height:1.6em!important;
    background-color: #fff;
    width: 100vw;
    overflow-x: hidden;
    background-color: #fff;
}


/* A title styled as an h1 without being one (docs/decisions.md). Every h1 rule
   below also names div:where(.dls-h1), which has the same specificity as h1, so
   the two win and lose the same contests. Bootstrap's h1 line-height is the one
   earlier declaration nothing here overrides. */
div:where(.dls-h1){line-height:1.2}

h1,
div:where(.dls-h1) {
    font-family: 'Poppins', serif;
      font-size: 42px !important;
      color:#2f6169;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom:10px;
}


h2{

     font-family: 'Poppins', serif;
      font-size: 36px !important;
      line-height: 1.5em;
      color:#2f6169;

    font-weight: 600;
}

h3{

    font-family: 'Poppins', serif;
      font-size: 27px !important;
      color:#717587;
    font-weight: 300;
}

h4 {
  font-family: 'Poppins', serif;
    font-size: 19px;
 font-weight: 300;
 color:#717587;
 line-height: 1.4em;
}

h5 {
     font-family: 'Poppins', serif;
    font-size:16px;
    font-weight: normal;


}


.gdpr {
    position: fixed;
    padding: 15px;
    background-color:#2c353f;
    color: #fff;
    width: 100%;
    bottom: 0px;
    z-index: 99999;
    border-top:2px #ccc solid;
    -webkit-box-shadow: 0px -5px 5px rgba(50, 50, 50, 0.35);
 -moz-box-shadow: 0px -5px 5px rgba(50, 50, 50, 0.35);
 box-shadow: 0px -5px 5px rgba(50, 50, 50, 0.35);
 visibility: hidden;
}

#gdpr_more{




}



.page{
  padding-top:90px;
}

.small-text{

    font-size:14px;
}
.shadow {

    text-shadow: 2px 2px #000;
}

.whitetxt{

    color:#fff;
}

.font-normal{

    font-weight: normal !important;

}

.font-bold{

    font-weight: 700 !important;

}

.uvodni-text{
  text-align:center;
}


li{
  list-style-position: outside;

}

.main li{
  list-style-position: outside;
  padding-bottom: 5px;
  padding-top:5px;
  margin-left:0px;
  border-bottom: 1px solid #ccc;
  list-style-type: none;
}


.break{
  display:none;
}



.mfp-title{
  color:#333!important;
}
.mfp-counter{
  color:#333!important;
}


.map-icon img{

  max-width:150px;
  margin-bottom:20px;

}


.panel-title {
line-height:1.3em !important;
}

.panel-title .tz-naslov {
  margin-left: 90px;
  display: block;
  margin-top: -40px;
  height: 50px;


}

.acc-detail{

  display:block;
  width:100%;
  margin-left:20px;
}

.acc-detail span{
  position: relative;
  top: -5px;
  left:10px;
}
.acc-detail i{
color: #d5ac79;
}

.acc-detail-title span{
  position: relative;
  top: -25px;
  left:10px;
}

.acc-detail-title i{
color: #d5ac79;
}

.item-bullet{
  margin-left:15px;
}

.accommodation-form input, .accommodation-form textarea{
  background-color: #f6f6f6;
  border:0px transparent;
  border-bottom:1px solid #ccc;

}

.error{
  color:#fd0000;
}


.shw-menu {
    position: fixed;
    top: -65px;
    left: 0px;
    margin-top: 65px;
    transition: all 0.4s ease-out;
    width:100%;
    min-height:65px;
}


/*Card
-----------------------------------*/

.card {
    font-weight: 400;
    border: 0;
    -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 9%), 0 2px 4px 0 rgb(0 0 0 / 7%);
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 9%), 0 2px 4px 0 rgb(0 0 0 / 7%);
}

.card-title{
  font-size:18px;
  font-weight:600;
}

.card-img, .card-img-top {
    border-top-left-radius: calc(0.15rem - 1px);
    border-top-right-radius: calc(0.15rem - 1px);
}
.card-img, .card-img-top, .card-img-bottom {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
}
.card-text{
  font-size:14px;
}


.sticker-path{
  fill:#fff;
}


/* section

-------------------------------------------------------------- */
.section-bg-gray{
  background-color:#f6f6f6;;
  padding:90px;
}

.section-bg-white{
  background-color:#fff;;
  padding:90px;
}

.section-bg-dark{
  background-color:#2c353f;;
  padding:90px 50px;
  color:#8f94ac!important;
}

.section-bg-dark h1,
.section-bg-dark div:where(.dls-h1){
  color:#8f94ac;
}





/*----------slidebar menu ----------*/
.slidebar{
  padding-left:15px;
}

.slidebarmenu {

  line-height: 2.8em;
  border-bottom:1px #ccc solid;
}
.slidebarmenu a{

 transition: all 1s;
}
.slidebarmenu i{
  font-size:15px;
}

.slidebar h5{
  font-weight:bold;
  font-size:22px;
  margin-bottom:25px;
}

.slidebarmenu a:hover {
margin-left:15px;

}

/*----------tab ----------*/


.nav-link{
  font-size:20px;
  color: #000 !important;
  background-color: #d5ac79;
  margin:10px;
  border: 1px #d5ac79 solid;
}

.nav-link.active{
  background-color: #fff;
}

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

.icon{
  max-width:130px;
  margin-bottom:30px;
}


/* header
-------------------------------------------------------------- */


.header {

    width: 100%;

    z-index: 100;
}



.rev-title1 {
    color: #fff;

    font-family: 'Poppins', sans-serif;
    font-size: 74px ;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
    line-height: 1.3em !important;
    font-weight: 600;


}

.rev-title-mobile{
    font-family: 'Poppins', sans-serif;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
    line-height: 1.1em !important;
}

.rev-title2 {
    color: #fff;
    font-size: 30px;
      font-family: 'Poppins', sans-serif;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
    line-height: 1.3em !important;

}




.scrolldown {
    margin-top: 0px;
    z-index: 1;
    color: red;
    position: relative;
}

.sticker {
    position: absolute;
    bottom: 100%;
    left: 50%;
    z-index: 10;
    margin-left: -96px;
    margin-bottom: -12px;
}

.down-arrow--bubble {
    bottom: 100%;
    margin-bottom: -16px;
}


.down-arrow {
    position: absolute;
    left: 50%;
    z-index: 100;
    display: block;
    width: 80px;
    height: 80px;
    margin-left: -40px;
    opacity: 1;
    cursor: pointer;
}

.down-arrow--bubble {
    bottom: 100%;
    margin-bottom: -16px;
}

.down-arrow .arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 20;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.down-arrow--bubble .arrow {
    width: 16px;
    height: 16px;
    margin-left: -8px;
    margin-top: -8px;
    border-right: 3px solid #2D2A26;
    border-bottom: 3px solid #2D2A26;
}

.social-header{

  position:absolute;
  right:10px;

}

.social-header i{
  font-size:19px;
  color:#fff;
  margin-left:10px;
}

.social-footer i{
  font-size:29px;
  color:#fff;
  margin-left:10px;

}

.sticky .social-header i{
  font-size:15px;
  color:#000;
  margin-left:10px;
}


/* ************* button **************************/


 .btn {
    text-transform: uppercase;
    border-radius: 0;
    font-size: 15px;
    line-height: 15px;
    text-shadow: none;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    padding: 15px 25px;
    -webkit-box-shadow: none;
    box-shadow: none;
    vertical-align: baseline;
    display: inline-block;
    white-space: normal;
    word-break: break-word;
    max-width: 100%;
    margin: 15px 0;
    box-shadow: none;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    color: #000 !important;
    background-color: #fff;
    border: 1px #d5ac79 solid;
    /* border: 2px solid white !important; */
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.btn:hover {
      background-color: #d5ac79;
      color:#fff!important;
}






/***************** swiper more ****************************/

#plugin .swiper-container {
   width: 100%;
   height: 200px;
   margin-left: auto;
   margin-right: auto;
   position: relative;
 }

#plugin .swiper-slide {
   background-size: cover;
   background-position: center;
 }

#plugin .gallery-top {
   height: 500px;
   width: 100%;
   background-size: cover;
 }

#plugin .gallery-thumbs {
   height: 150px;
   box-sizing: border-box;
   padding: 10px 0;
 }

#plugin .gallery-thumbs .swiper-slide {
   width: 25%;
   height: 100%;
   opacity: 0.4;
 }

#plugin .gallery-thumbs .swiper-slide-thumb-active {
   opacity: 1;
 }



/* map
-------------------------------------------------------------- */

#map {

    width: 100%;
    height: 500px;
}



/* footer
-------------------------------------------------------------- */


.logoFooter{

  width: 200px;
  margin-top:20px;

  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;


}



.footer li {

    list-style-type: none;

}


.footer{

  background-image: url('../images/footer.png');
  background-repeat: repeat-x;
  background-position: top;





}





.footer-top {

    padding: 30px;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;



}



.footer-middle {

    padding: 80px;

    font-size:14px;
    color:#999;

}


.footer-middle h2{

    font-size:19px!important;
    color:#ccc;
}



.footer-bottom {

    padding: 20px;
    background-color:#333;
    margin-top:-9px;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;


}


.footer a {

    color: #000;

}


.footer a:hover {

    color: #000;

}

.footer hr {

    border: 1px #333 solid;
}

.footer-address{

    text-align: right;
    margin-top:15px;
}

.footer-txt{
  color:#fff;
  line-height: 1.4em;
  font-size: 16px;
  margin-top:20px;
}

.footer-txt img{

  margin-top:10px;
}

.footer-txt span{
  font-size:24px;
  color:#fff;
  line-height: 1.4em;
}

.footer-txt a{
  color:#fff !important;
}


.follow-us {

    color: #fff;
    margin-right:15px;
}








/*

swiper

*/
.swiper-wrapper {
min-height: 100%;
}



 .swiper-header .swiper-slide:before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  /*background: rgba(19,66,94,.6); */
      z-index: 2;
}


    .swiper-header {
      width: 100%;
      min-height: 100%;
        overflow: hidden;

    }

 .swiper-header .swiper-slide {
     position:relative;
      font-size: 18px;
      color:#fff;
      -webkit-box-sizing: border-box;
     box-sizing: border-box;
     background-size: cover;
     margin-top: -30px;
     height: auto !important;
     display: flex;
     justify-content: center; /* align horizontal */
     align-items: center;
     z-index: 1;

    }



.swiperimgtopleft{
  background-position: top left  !important;
}

.swiperimgtopright{
  background-position: top right !important;
}

.swiperimgtopcenter{
  background-position: top center !important;
}

.swiperimgcenterleft{
  background-position: center left  !important;
}

.swiperimgcenterright{
  background-position: center right !important;
}

.swiperimgcentercenter{
  background-position: center center !important;
}
.swiperimgbottomleft{
  background-position: bottom left  !important;
}

.swiperimgbottomright{
  background-position: bottom right !important;
}

.swiperimgbottomcenter{
  background-position: bottom center !important;
}




 .swipertopleft{

  position:absolute!important;
  top:10%;
  left:10%;
  text-align: left;

}
.swipertopright{

 position:absolute!important;
 top:10%;
 right:10%;
 text-align: right;

}

.swipertopcenter{

 position:absolute!important;
 top:10%;
 text-align: right;

}

.swipermiddlecenter{

}

.swipermiddleleft{
  position:absolute!important;
  left:10%;
  text-align: left;
}

.swipermiddleright{
  position:absolute!important;
  right:10%;
  text-align: right;
}

.swipermiddlecenter{
  position:absolute!important;
  text-align: center;
}


.swiperbottomleft{

 position:absolute!important;
 bottom:10%;
 left:10%;
 text-align: left;

}
.swiperbottomright{

position:absolute!important;
bottom:10%;
right:10%;
text-align: right;

}

.swiperbottomcenter{

position:absolute!important;
bottom:10%;
text-align: center;

}





.swiper-opacity {
  position: relative;
}

.swiper-opacity:after {
  content: " ";
  z-index: 10;
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;

}



.slide-content{

  z-index: 50;
 text-align: center;
  padding:20px;
  /*
  border: 1px rgba(255,255,255,0.8) solid;
  background-color: rgba(0,0,0,0.3);
  */

}


.swiper-header  .swiper-slide h1,
.swiper-header  .swiper-slide div:where(.dls-h1) {

    color:#fff;
    font-size:60px !important;
     text-shadow: 2px 2px  rgba(0,0,0,0.4);
     font-weight:500;
    font-family: 'Roboto Condensed', serif;

  }
  .swiper-header  .swiper-slide h2 {

    color:#fff;
    text-shadow: 2px 2px rgba(0,0,0,0.4);
  font-family: 'Roboto Condensed', serif;

  }



  .shadowbox
{
    position:relative;
    background-color: rgba(0,0,0,0.2);
    padding:30px 50px;
}






/*************************************************************/


.container-fluid-box{
    padding: 100px 100px 0px 100px;

}


.itemias{
  margin-bottom:20px;
}

.itemias h1,
.itemias div:where(.dls-h1){

font-family: 'Poppins', sans-serif;
  font-size:25px !important;
  color:#666;
  padding-top:15px;

}
.itemias a{
  margin-bottom:20px;
  color:#333;
}
.itemias a i{
color: #d5ac79!important;
}

.itemias .datum{
color: #d5ac79!important;
}


/**************************** preloader *********************************/

#loading {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  opacity: 0.7;
  background-color: #fff;
  z-index: 99;
}

#loading-image {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left:-250px;
  margin-top:-91px;
  z-index: 100;
}

.logo-box{
  display:block;
}

.insert-image{
  padding:0px !important;
}


@media (min-width: 1200px) {

  .lml-20{
  margin-left:20px;
  }

}

@media (max-width: 1199.98px) {

  .shw-menu {
      position: fixed;
      top: -65px;
      left: 0px;
      margin-top: 65px;
      transition: all 0.4s ease-out;
      width:100%;
      min-height:65px;
  }

}


@media (max-width: 991.98px) {

  .panel-title i{
    display:none;
  }

  .logo-box{
    display:inline;
  }

  .footer-logo{
    margin-top:20px;
  }

}


@media (max-width: 767.98px) {

  .panel-title .tz-naslov {
    margin-left: 90px;
    display: block;
    margin-top: -40px;
    height: 50px;
    width:80%;


  }


  .page{
    margin-top:60px;
  }

.social-header{
  display:none;
}
  .panel-title i{
    display:none;
  }

  .more-inquiry{

    padding:0px 30px;
  }

.footer-address{
  margin-top:20px;
}


.footer-middle {

    padding: 30px;

    font-size:14px;
    color:#999;

}


}


@media (max-width: 575.98px) {

  .panel-title .tz-naslov {
    margin-left: 90px;
    display: block;
    margin-top: -40px;
    height: 50px;
    width:70%;


  }


  .page{
    margin-top:40px;
  }

  .social-header{
    display:none;
  }

  .section-bg-dark {
    padding: 80px 20px;
}

.section-bg-light {
  padding: 30px 20px;
}

.section-bg-gray {

    padding: 20px;
}

.more-inquiry{

  padding:0px 30px;
}

.footer-address{
  margin-top:20px;
}

.panel-title i{
  display:none;
}

.footer-middle {

    padding: 30px;

    font-size:14px;
    color:#999;

}





}

@media (max-width: 369px) {

  .lml-20{
    margin-left:0px;
  }

  .footer-address a{
    margin-bottom:15px;
  }

  .page{
    margin-top:40px;
  }



}

/* ---- Header slider (replaces the legacy Revolution Slider) ---- */
.dls-header-slider{position:relative;width:100%;overflow:hidden}
/* The legacy slider stopped 20px short of the fold, which is what lets the
   scroll-down mound read against the page below it. */
.dls-header-swiper{width:100%;height:calc(100vh - 20px);min-height:480px}
.dls-header-slide{position:relative;background-size:cover;background-position:center center;display:flex;align-items:center;justify-content:center}
.dls-header-overlay{position:absolute;inset:0;background:#1e4842;pointer-events:none}
.dls-header-caption{position:relative;z-index:2;text-align:center;color:#fff;padding:0 20px;max-width:1100px}
/* The legacy slider ran in fullscreen mode: it scaled its caption by how
   much smaller the viewport was than its 1240x868 design grid, so the type
   is expressed the same way here (80px and 54px on a grid-sized screen). */
.dls-header-caption h1,.dls-header-caption div:where(.dls-h1){color:#fff;font-family:'Poppins',sans-serif;font-size:max(28px,min(80px,6.45vw,9vh))!important;font-weight:600;line-height:1.3em;text-transform:none;margin:0 0 4px;text-shadow:0 2px 2px rgba(0,0,0,.4)}
.dls-header-caption h2{color:#fff;font-family:'Poppins',sans-serif;font-size:max(17px,min(54px,4.35vw,6.2vh))!important;font-weight:400;line-height:1.3em;margin:0 0 18px;text-shadow:0 2px 2px rgba(0,0,0,.4)}
/* The caption sat above the middle of the slide, by 130 of those same grid
   units. Inner pages keep their shorter header centred. */
.dls-header-slider:not(.dls-header-slider--inner) .dls-header-caption{transform:translateY(-7vh)}
.dls-header-play{display:inline-block;color:#fff;font-size:58px;line-height:1;transition:transform .2s ease,color .2s ease}
.dls-header-play:hover,.dls-header-play:focus{color:#d5ac79;transform:scale(1.08)}
/* The legacy slider used Revolution's `gyges` arrows, which only appear on
   hover. Pointer-less devices, which have no hover, keep them visible. */
.dls-header-slider .swiper-button-next,.dls-header-slider .swiper-button-prev{color:#fff;opacity:0;transition:opacity .3s ease}
.dls-header-slider:hover .swiper-button-next,.dls-header-slider:hover .swiper-button-prev,
.dls-header-slider:focus-within .swiper-button-next,.dls-header-slider:focus-within .swiper-button-prev{opacity:1}
@media (hover:none){.dls-header-slider .swiper-button-next,.dls-header-slider .swiper-button-prev{opacity:1}}
@media (max-width:767px){.dls-header-swiper{height:60vh;min-height:340px}}

/* Caption animation, ported from the legacy slider's `data-frames`: the title
   is split into characters that fly in from the right one 0.05s after the
   other (1s in, 2s each), the subtitle rises out of its own mask at 2s. The
   text is plainly visible until header-slider.js marks the slider ready, so a
   script that never runs leaves a readable caption rather than a blank one. */
.dls-header-caption .dls-word{display:inline-block;white-space:nowrap}
.dls-header-caption .dls-char-mask{display:inline-block;overflow:hidden;vertical-align:top}
.dls-header-caption .dls-char{display:inline-block}
.dls-header-caption h1.dls-anim-chars,.dls-header-caption div:where(.dls-h1).dls-anim-chars{perspective:600px}
.dls-header-caption h2.dls-anim-rise{overflow:hidden}
.dls-header-caption .dls-rise{display:inline-block}
.dls-header-slider.is-anim-ready .dls-char{transform:translateX(105%) rotateX(45deg) rotateZ(90deg);opacity:0}
.dls-header-slider.is-anim-ready .dls-rise{transform:translateY(100%);opacity:0}
.dls-header-slider.is-anim-ready .dls-anim-rise-late{transform:translateY(30px);opacity:0}
.dls-header-slider.is-anim-ready .dls-header-caption.is-anim .dls-char{
  animation:dls-char-in 2s cubic-bezier(.86,0,.07,1) both;
  animation-delay:calc(1s + var(--dls-char-index,0) * .05s)}
.dls-header-slider.is-anim-ready .dls-header-caption.is-anim .dls-rise{
  animation:dls-rise-in 2s cubic-bezier(.86,0,.07,1) 2s both}
.dls-header-slider.is-anim-ready .dls-header-caption.is-anim .dls-anim-rise-late{
  animation:dls-fade-up 1.2s cubic-bezier(.86,0,.07,1) 3s both}
@keyframes dls-char-in{from{transform:translateX(105%) rotateX(45deg) rotateZ(90deg);opacity:0}to{transform:none;opacity:1}}
@keyframes dls-rise-in{from{transform:translateY(100%);opacity:0}to{transform:none;opacity:1}}
@keyframes dls-fade-up{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){
  .dls-header-slider.is-anim-ready .dls-char,
  .dls-header-slider.is-anim-ready .dls-rise,
  .dls-header-slider.is-anim-ready .dls-anim-rise-late{animation:none;transform:none;opacity:1}}

/* ---- Reset parent-theme chrome so the ported layout is full-bleed ----
   GeneratePress prints its own id-scoped rules inline, so these have to match
   that specificity to win. */
#page.site,#content.site-content,#primary.content-area,#main.site-main,
.site.grid-container,.site-content,.content-area,.site-main,.inside-article{
  max-width:none;width:100%;margin:0;padding:0;background:none;box-shadow:none;border:0}
.entry-content{margin-top:0}
#navik.navik-header{top:0}
body.page{padding-top:0}
#dubrovniklongstay.page.main{padding-top:0;width:100%;max-width:none}
.home #dubrovniklongstay.page.main > .row,
.home #dubrovniklongstay.page.main > div > .row{margin-left:0;margin-right:0}
.home #mainbox{padding-left:0;padding-right:0}
.home #dubrovniklongstay section{width:100%}

/* myPlugin.css hides #photomosaic until the plugin's own reveal path runs.
   That path does not complete here, so the gallery is shown explicitly;
   theme.js lays it out on DOM ready. */
#photomosaic{visibility:visible}

/* The legacy parallax band opened its image with two <br>, which kept the
   caption's 80px top margin from collapsing out of the image — without them
   the image slides down the band and the container's dark background shows
   above it. The block renderer does not reproduce those breaks, so the box
   holds the margin itself and the padding stands in for the two lines. */
.dzsparallaxer .divimage{display:flow-root;padding-top:54px}

/* Inner pages carry the same header as the home page, at a reduced height. */
.dls-header-slider--inner .dls-header-swiper{height:46vh;min-height:300px;max-height:460px}
.dls-header-slider--inner .dls-header-caption h1,.dls-header-slider--inner .dls-header-caption div:where(.dls-h1){font-size:clamp(24px,3.2vw,40px)!important}
.dls-header-slider--inner .dls-header-caption h2{font-size:clamp(16px,2vw,26px)!important}
@media (max-width:767px){.dls-header-slider--inner .dls-header-swiper{height:38vh;min-height:240px}}

/* ---- Single accommodation ----
   The gallery and the details sit in the eight column block the legacy page
   used, so `#plugin .gallery-top` above sizes the slider and the bullets keep
   the legacy list styling. Only the inquiry form's own pieces are new. */
/* GeneratePress pads form fields 10px/15px where the ported Bootstrap used
   .375rem/.75rem, which stretched every row of the legacy inquiry form. */
.accommodation-form .form-control{padding:.375rem .75rem}
.accommodation-single .dls-inquiry-check{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
.accommodation-single #message_post{margin-bottom:20px}
.accommodation-single label.error{display:block;margin:4px 0 0;font-size:13px;font-weight:400}
/* The listing title is the page's h1 but keeps the h2 it was drawn as: size and
   line height from the h2 rule, no capitals, Bootstrap's h2 margin. */
h1.acc-detail-title{font-size:36px!important;line-height:1.5em;text-transform:none;margin-bottom:.5rem}

/* ---- Single post: keep the lead image in proportion ---- */
.single-post .featured-image img,.single-post .post-image img{width:100%;height:auto;max-height:560px;object-fit:cover}

/* ---- Single article: legacy column layout ---- */
.main.page.news .datum{display:block;font-size:14px;color:#999;margin-bottom:18px}
.main.page.news .datum i,#list .itemias .datum i{display:inline-block;width:auto;height:auto;float:none;margin:0 6px 0 0;vertical-align:baseline}
.main.page.news h1.mb_40{margin-bottom:28px}
.main.page.news .img-thumbnail{margin-bottom:6px}
.separator{text-align:center;font-size:20px;color:#2c353f;position:relative}
.separator:before,.separator:after{content:"";display:inline-block;width:80px;height:1px;background:#ccc;vertical-align:middle;margin:0 14px}
#list .itemias{padding:14px 0;border-bottom:1px solid #eee}
#list .itemias a{color:inherit;text-decoration:none;display:block}
#list .itemias h1,#list .itemias div:where(.dls-h1){font-size:19px;margin:0 0 6px}
#list .itemias p{font-size:14px;color:#777;margin:0}
#list .itemias .datum{font-size:13px;color:#999;margin-bottom:6px}

/* ---- Cookie consent (CookieYes) ----
   The legacy banner set its heading at 36px in the site's teal; CookieYes
   ships an 18px title, so only the scale needs bringing back. Colours come
   from the banner settings, not from here. */
.cky-consent-container .cky-notice .cky-title{font-size:30px;line-height:1.15;margin-bottom:14px}
@media (max-width:767px){.cky-consent-container .cky-notice .cky-title{font-size:24px}}