html { overflow-y: scroll; } /* PREVENT JUMP ON NON-SCROLLBAR PAGES */

.debug { background-color:pink; }

.banner { position:relative; }
.page-title { position:absolute; }

.icn-lng {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.bts-icn {
  display:inline-block;
  position:relative;
  top:-2px;
}

.bts-icn-2 {
  display:inline-block;
  position:relative;
  top:-1px;
}

.pshade { margin-bottom:12px !important; }
.shade { display:inline-block; margin:0 auto; text-align:center; padding:0.25rem 0.45rem; color:#fff; background-color:#000; font-size:0.8rem !important; border-bottom-left-radius:4px; border-bottom-right-radius:4px; line-height:120%; width:100%; }


.sld2-size-100 img { display:block; width:auto; height:auto; max-width:380px !important; max-height:auto !important;min-height:auto !important; }
.sld2-size-xl img { display:block; width:auto; height:auto; max-width:304px; max-height:228px; min-height:228px; }
.sld2-size-l img { display:block; width:auto; height:auto; max-width:252px; max-height:189px; min-height:189px; }
.sld2-size-m img { display:block; width:auto; height:auto; max-width:196px; max-height:147px; min-height:147px; }
.sld2-size-s img { display:block; width:auto; height:auto; max-width:144px; max-height:108px; min-height:108px; }
.sld2-size-xs img { display:block; width:auto; height:auto; max-width:88px; max-height:66px; min-height:66px; }

.sld2 { padding-left:0; padding-right:0;  }


.front { 
  background: url(../img/d/bg/caemorgan-front-001.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width:100vw;
  height:100vh;
  /*overflow:hidden;*/
  display:flex;  
  flex-direction:column; 
  flex:1;
}

.welcome {
  margin-top: 2.25rem;
}


.trio-info {
  margin-top: auto;
  font-family:"Alegreya Sans",sans-serif;
}

.trio-info div.card {
  background-color:#DFE4C2 !important;
  color:#000 !important;
}

.trio-info div.info {  
    background-color:#DFE4C2 !important;
    color:#000 !important;  
}

.trio-info h5.card-title {
  border-top:5px solid #496DA0;
  padding-top:8px;
  font-size:150%;  
}

.trio-info p.card-text {
  font-size:130%;
}

.btn-book-now {
  background-color:#0C51B2;
  font-family:"Nunito Sans",sans-serif;
  text-transform:uppercase;
  font-weight:700;
  color:#fff !important;
}

.fs-6 {
  font-size:124% !important;
}

.nunito {
  font-family:"Nunito Sans" !important;
}

.trio-info a {
  font-weight:bold;
}

.trio-info a:link {
  color:#0c51b2;
}

div.lang {
  position:absolute;
  right:10px;
  top:10px;
  z-index:999999999999;
}

.clear-both {
  clear:both;
}

div.s {
  /*overflow:auto !important;*/
  /*overflow:hidden !important;*/ /*REMOVED TO PREVENT CUTOFF OF DROPDOWNS BY SECTION DIV*/
  /*overflow:hidden !important;*/
}

div.cut-overflow {
  overflow:hidden !important;
}

div.s p {
  margin-bottom:0;
}

div.rip-start, div.rip-end {
 margin:0 !important;
 padding:0 !important;
}

span.section-title-shadow {
  text-shadow: 2px 2px 1px rgba(0,0,0,0.7);
}

.shell {
  width:55%;
  margin-right:auto;
  margin-left:auto;
 }

.shell-fluid {  
  margin-right:auto;
  margin-left:auto;
}

@media (max-width: 575.98px) {
  .shell-fluid {
    width:95%;
  }

  .shell {
    width:95%;
    margin-right:auto;
    margin-left:auto;
    font-size:75%;
    line-height:140% !important;    
   }  
}

@media (min-width: 576px) {
  .shell-fluid {
    width:95%;
  }

  .shell {
    width:95%;
    margin-right:auto;
    margin-left:auto;
    font-size:75%;
   }  
}

@media (min-width: 768px) {
  .shell-fluid {
    width:90%;
  }

  .shell {
    width:90%;
    margin-right:auto;
    margin-left:auto;
    font-size:90%;
   }  

   .display-panel {
    width:90% !important;
  }      
}

@media (min-width: 992px) {
  .shell-fluid {
    width:80%;
  }

  .shell {
    width:85%;
    margin-right:auto;
    margin-left:auto;
    font-size:inherit;
   }

   .display-panel {
    width:90% !important;
  }   

}
@media (min-width: 1200px) {
  .shell-fluid {
    width:70%;
  }

  .shell {
    width:70%;
    margin-right:auto;
    margin-left:auto;
    font-size:inherit;
   }

   .display-panel {
    width:84% !important;
  }   
  
}
@media (min-width: 1300px) {
  .shell-fluid {
    width:63%;
  }

  .shell {
    width:63%;
    margin-right:auto;
    margin-left:auto;
    font-size:inherit;
   }

   .display-panel {
    width:84% !important;
  }   
}

@media (min-width: 1400px) {
  .shell-fluid {
    width:63%;
  }

  .shell {
    width:63%;
    margin-right:auto;
    margin-left:auto;
    font-size:inherit;
   }

   .display-panel {
    width:74% !important;
  }
}

@media (min-width: 1600px) {
  .shell-fluid {
    width:55%;
  }

  .shell {
    width:55%;
    margin-right:auto;
    margin-left:auto;
    font-size:inherit;
   }

   .display-panel {
      width:55.5% !important;
   }
}




.text-drop-shadow {
  text-shadow: 2px 2px 1px rgba(0,0,0,0.7);
}

.nouc { 
  text-transform:none !important;
}

img.tick {
  top:-2px;
}

a.btn-cta {
  display:inline-block; 
  color: #fff;
  background-color: #dc3545;
  background-color:#E61781;
  border: 4px solid #dc3545 !important;
  border: 4px solid #E61781 !important;
  text-decoration:none;
  padding:1rem;
  font-size: 1.65rem;
  border-radius: 15.5rem;
  border-width:3px;
  font-weight:600;
  letter-spacing:0.25px;
  margin-top:1rem !important;
  margin-bottom:1rem;
}

a.btn-cta:hover {
  color:#fff;
  border:4px solid #fff !important;
}

.show-current {
  font-weight:800 !important;
}

.non-current {
  font-weight:400 !important;
}

.mansion-splash {
  font-family:Lora,serif;
  font-style:italic;
  font-size:1.6rem;
  background-color:ivory;
  text-align:center;
  border-top:1px solid #26242b50;
  border-right:1px solid #26242b50;
  border-left:1px solid #26242b50;
  background-color:#ffffffbb !important;
  /*width:100%;*/
}

.mansion-splash-photo {
  border-bottom:1px solid #26242b50;
  border-right:1px solid #26242b50;
  border-left:1px solid #26242b50;
  background-color:#ffffffbb !important;
}

.cottage-splash {
  font-family:Alegreya, serif;
  font-style:italic;
  font-size:1.8rem;  
  text-align:center;
  border-top:1px solid #26242b50;
  border-right:1px solid #26242b50;
  border-left:1px solid #26242b50;  
  background-color:#ffffffbb !important;
}

.cottage-splash-photo {
  border-bottom:1px solid #26242b50;
  border-right:1px solid #26242b50;
  border-left:1px solid #26242b50;
  background-color:#ffffffbb !important;
}

.overview-splash {
  font-family:"Lora", serif;
  text-transform:uppercase;
  font-size:1.5rem;
  text-align:center;
  font-weight:600;  
  border-top:1px solid #26242b50;
  border-right:1px solid #26242b50;
  border-left:1px solid #26242b50;  
  background-color:#ffffffbb !important;
}

.overview-splash-text {
  font-family:"Lora",serif;  
  font-size:1.4rem;
  text-align:center;
  font-weight:500;  
  border-bottom:1px solid #26242b50;
  border-right:1px solid #26242b50;
  border-left:1px solid #26242b50;  
  background-color:#ffffffbb !important;
}

.splash-container {
  padding-top:6rem;
}

.splash-logo {
  position:relative;
  margin-top:-7.8%;
  padding-bottom:1.6rem;
}

a.splash { text-decoration:none !important; }

a.splash:link, a.splash:visited { color:#0c51b2; }

a.splash:hover, a.splash:focus, a.splash:active {
  color:#E61781;
  border-bottom:1px solid #E6178150;
}

a.splash:link img, a.splash:visited img {
  border:1px dotted #0c51b250;  
}

a.splash:hover img, a.splash:focus img, a.splash:active img {  
  outline:4px solid #E61781;
  border:1px solid #E61781;
}


@media (max-width: 575.98px) {
  .overview-splash-text {
    font-size:1.05rem;
  }
  .mansion-splash {
    font-size:1.1rem !important;    
  }
  .cottage-splash {
    font-size:1.2rem !important;
    
  }
  .splash-logo {
    max-width:90%;
    padding-bottom:0.5rem;
  }
  .splash-welcome {
    font-size:1.2rem;
  }

}


.menu-to-front {
  z-index:9999;
}

@media (max-width: 991.98px) {

  .main-menu {
    margin-top:4px;
  }

  ul.navbar-nav {
    
  }

  ul.navbar-nav li a.nav-link {
    font-size:1.7rem;
    padding-top:1rem;    
    padding-bottom:1rem;
    position:relative;    
  }
}

@media (min-width: 992px) {
  .pf-logo {       
    padding-left:189px;    
  }

  .wf-logo {
    
  }
}



@media (max-width: 1200px) {
  .logo {
  max-width:150px;
  }

  .main-menu ul li a.dropdown-item {
    font-size:1.4rem;
  }
}

@media (max-width: 601px) {
  .logo {
  max-width:120px;
  }
}

@media (max-width: 400px) {
  .logo {
  max-width:100px;
  }
}

@media (max-width: 991.98px) {
  .main-menu {
    padding-top:30px;
  }
}

@media (max-width: 601.98px) {
  .main-menu {
    padding-top:10px;
  }
}

.c-logo {    
  z-index:99999;    
  margin-top:0;
}

.book-now {
  border-radius:100rem !important;
  position:relative;
  font-size:120%;
  top:0;
  padding:0.5rem 1rem !important;
  background-color:#E61781 !important;
  color:#fff !important;
  margin-left:0 !important;
  margin-right:1rem !important;
}

a.book-now:hover {
  background-color:#fff !important;
  color:#E61781 !important;
}

.book-now-icon {
  position:relative;
  top:-0.2rem;
}

.front-elevation-sketch {
  margin-bottom:-6px;
  max-width:578px;
  max-height:284px;
  max-width:100%;
}

.front-elevation-sketch-m {
  margin-bottom:4px;
  max-width:100%;  
  position:relative;
  left:-5px;
}

.container-footer {
  margin-top:-48px;
  background:url(../img/d/bg/slate-bg-003.jpg);
}


@media (max-width: 575.98px) {
  .book-now {
    margin-right:0 !important;
    margin-left:4.5rem !important;
  }
}

@media (max-width: 767.98px) {
  div.page-title h2 {
    line-height:100% !important;    
  }
}


@media (max-width: 767.98px) {
  div.rip-start {
    display:none !important;
  }
  div.rip-end {
    display:none !important;
  }
  .feedback {
    padding-top:1rem !important;
  }
  .reviewer-info {
    padding-bottom:1rem !important;
  }
}