/* -- MENU -- */

  .navbar { 
    /*font-family:"Nunito Sans",sans-serif;*/
    font-family:"Alegreya",sans-serif;
    /*background-color:#3c3641;*/
    color:#fff;
    height:3.4rem;
  }

  .navbar li {
    /*text-transform:uppercase;*/
    font-weight:500;
    /*letter-spacing:1.5px;*/
    /*font-size:0.9rem;*/
    font-size:1.2rem;
  }

  .navbar li ul.dropdown-menu {
    border-radius:0;
  }

  .navbar li ul.dropdown-menu li {
    /*font-size:0.8rem;*/
    font-size:1.2rem;
    letter-spacing:0;      
  }

  .navbar li ul.dropdown-menu li a.dropdown-item {
    font-weight:600;
  }

  .navbar li ul.dropdown-menu li a.cottage-hi {
    font-weight:900;
  }

  body.en-gb .navbar li ul.dropdown-menu li a.en-hi {
    font-weight:900;
  }

  body.cy .navbar li ul.dropdown-menu li a.cy {
    font-weight:900;
  }

  .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
    color:#fff; 
    font-weight:900;
  }

  .nav-link { 
    margin-right:1.2rem;
  }

  .nav-link:link, .nav-link:visited {
    color:#fff;
  }

  .nav-link:focus, .nav-link:hover, .nav-link:active {
    color:aqua;
    color:#dc3545;
  }

  .cc-logo {
    width:9.6%;       
    /*position:absolute;*/
    position:relative;
    display:inline-block;
    z-index:999;
    /*top:0.7rem; left:0.8rem;*/
    /*top:2rem;*/
    margin-top:2% !important;
  }

  .cc-logo img {
    max-width:100%;
  }

  

  
@media (max-width: 1149px) and (min-width: 992px) {
    .navbar li {     
      /*letter-spacing:0.25px;
      font-size:0.8rem;*/
      font-size:1.1rem;
    }

    .nav-link { 
      margin-right:0.4rem;
    }
  }

  @media (max-width: 1306px) and (min-width: 1150px) {
    .navbar li {     
      /*letter-spacing:1.2px;
      font-size:0.85rem;*/
      font-size:1.2rem;
    }

    .nav-link { 
      margin-right:0.6rem;
    }
  }  








/* -- BANNER -- */

.page-title {
  position:absolute;
  bottom:0;
  background-color: #3c364150; 
  /*opacity:0.6;*/
  color:#fff;
  width:100%;  
}

.page-title-top {
  position:absolute;
  top:0;
  background-color: #3c364150; 
  /*opacity:0.6;*/
  color:#fff;
  width:100%;  
}

.style2 {
  background-color: #3c364150; 
  color:#fff;
  width:100%;  
  margin-left:-100px;
  text-align:center;
  font-family: 'Alegreya', serif;
  font-size:40px;
  line-height:28px;
  padding-top:0.6rem;
  padding-bottom:0.6rem;
  text-transform:uppercase;
  font-weight:400 !important;
  opacity:1;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.44),-1px -1px 3px rgba(0, 0, 0, 0.44);  
  top:-1px;
}

.style3 {
  background-color: #3c364150; 
  color:#fff;
  width:100%;  
  /*margin-right:-100px;*/
  text-align:center;
  font-family: 'Alegreya', serif;
  font-size:40px;
  line-height:28px;
  padding-top:0.6rem;
  padding-bottom:0.6rem;
  text-transform:uppercase;
  font-weight:400 !important;
  opacity:1;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.44),-1px -1px 3px rgba(0, 0, 0, 0.44);  
  top:-1px;
}

.page-title h2 {
  text-align:center;
  font-family: 'Alegreya', serif;
  font-size:40px;
  line-height:28px;
  padding-top:0;
  padding-bottom:0;
  margin:0;
  text-transform:uppercase;
  font-weight:400 !important;
  opacity:1;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.44),-1px -1px 3px rgba(0, 0, 0, 0.44);  
  top:-1px;
}

.page-title a {
  text-decoration:none !important; 
  color:#fff !important;
  font-weight:400 !important;
}

.page-title a:link, .page-title h2 a:visited {
  border-bottom:none;
}

.breadcrumb-divider {
  position:relative;
  top:-4px;
  padding-left:1rem;
  padding-right:1rem;
}







/* -- COLOURS -- */

body.kitchen-blue {
  background-color:#d8e4e5;
  /*background-color:#9cb8b9;*/
  color:#26242B;
}

div.kitchen-darker-blue {
  background-color:#bfdadf;  
  color:#26242B;
}


body.your-space-ochre {
  background-color: #F9EDDF;  
  color:#2D170A;
}

div.freetobook {
  background-color: #8298A9;
  margin-top:0; margin-bottom:0;
}








/* -- CORE -- */

.core {
  font-family:"Alegreya Sans",sans-serif;
  font-family:"Alegreya",sans-serif;
  /*width:55%;*/
  margin-top:2rem;  
  font-size: 26px;
}

.core p { 
  margin-bottom:1.6rem !important;
}

.c {
  text-align:center;
}

.facilities-shell {
  clear:both;
  width:74%;
  width:82%;
  /*width:55%;*/
  margin-right:auto;
  margin-left:auto;
  
}

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



.facilities-shell .card {
  border-radius:0;
  -webkit-box-shadow: 0px 10px 3px -5px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 10px 3px -5px rgba(0,0,0,0.3);
  box-shadow: 0px 10px 3px -5px rgba(0,0,0,0.3);  
  overflow:visible;
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}

.facilities-shell .card .img {
  border-radius:0;
  padding:10px;
}

.facilities-shell .card-img-top {
  padding:0 !important;
  padding:6px 6px 6px 6px !important;
  margin-bottom:-7px !important;
}

.facilities-polaroid {
  background-color:#fff;
  padding:12px 12px 0 12px;
}

.facilities-shell .card-text {
  padding:0 0.25rem;  
  margin-top:-4px;  
}

.facilities-shell .card-body {
  margin-top:0 !important; 
}

.facilities-shell .card-text {
  font-family:"Alegreya",sans-serif;
  font-size:1.25rem;
  text-align:center;
  font-weight:400;
  color:#000 !important;
  line-height:135%;
  margin-bottom:0 !important;
}

.facilities-form {
  position:relative;
}

.facilities-form textarea {
  font-family:"Alegreya",sans-serif;
  font-size:1.25rem;
  text-align:center;
  font-weight:400;
  color:#000 !important;
  line-height:135%;
  border-radius:0;
  padding:0 3px;  
  margin-top:-10px;
  border:1px solid #3c364150;
}

.facilities-form textarea.form-control:focus {
  box-shadow: none !important;
  background-color:#ffffee;
  border:1px solid #3c364150;
}

.facilities-form input.form-control {
  font-family:"Alegreya",sans-serif;
  font-size:1.3rem;
  text-align:center;
  font-weight:400;
  color:#000 !important;
  line-height:135%;
  border-radius:0;
  padding:1rem 1rem 1.5rem 1rem;  
  border:1px solid #3c364150;
}

.facilities-form input.form-control:focus {
  box-shadow: none !important;
  background-color:#ffffee;
  border:1px solid #3c364150;
}

.slant0 {
  rotate:-1.5deg;
}

.slant1 {
  rotate:-1.25deg;
}

.slant2 {
  rotate:-1deg;
}

.slant3 {
  rotate:0;
}

.slant4 {
  rotate:1deg;  
}

.slant5 {
  rotate:1.25deg;  
}

.slant6 {
  rotate:1.5deg;
}

@media (max-width: 991.98px) {
  .slant0, .slant1, .slant2, .slant3, .slant4, .slant5, .slant6 {
    rotate:0deg !important;
  }
}


img.bordered {  
  padding:3rem;
  padding:1rem;
  padding:16px;
  padding:0.8333vw;
  padding:1vw;
  background-color:#fff;
  border:1px solid #00000080;
  box-shadow: 0px 14px 14px -7px rgba(0,0,0,0.38);
}

span.bordered {  
  display:inline-block;
  width:100%;
  height:7vw;  
  padding:1vw;
  background-color:#ffffff50;
  border:1px dashed #00000050;
  box-shadow: 0px 14px 14px -7px rgba(0,0,0,0.38);
}


.feedback {  
  font-family: Alegreya, sans-serif;
  font-weight:400;
  font-style:italic;
  font-size:42px;
  text-align:center;
  display:block;
}





.feedback-kitchen-blue {
  background-color:#1f2c3b;
  color:#d8e4e5;
}

.reviewer-info {
  font-family:"Alegreya Sans",sans-serif;
  font-family:"Alegreya",sans-serif;
  font-size:28px;
  /*color:#d8e4e5;*/
  font-style:normal;
  font-weight:400;
  text-align:right;
}

.reviewer-name {
  font-weight:600;
}

/* BLOCK QUOTE FOR FEEDBACK
   SRC: https://stackoverflow.com/a/32911561 */

blockquote {
  position: relative;
  /* background: #ddd; */
}

blockquote:before {
  position: absolute;
  content: open-quote;
  font-size: 4em;
  margin-left: -0.6em;
  margin-top: -0.4em;
}

blockquote:after {
  position: absolute;
  content: close-quote;
  font-size: 4em;
  bottom: 0;
  right: 0;
  margin-right: -0.6em;
  margin-bottom: -0.8em;
}

blockquote p {
  display: inline;
}


div.comment-top-blue {
  width:100%;
  background-image:url(../img/d/msk/comment-top-blue.png);
  height:23px;
  background-color:transparent;
  margin-top:3rem;
  margin-bottom:0;
}


div.rip-start {
  width:100%;
  height:23px;
  /*background-image: url(../img/d/msk/comment-top-blue.png);*/
  display:block;
  position:relative;
  background-color:transparent !important;
  margin-top:1.8rem;
  padding-top:0;
  padding-bottom:0;
}

div.rip-end {
  width:100%;
  height:23px;
  /*background-image: url(../img/d/msk/comment-bottom-blue.png);*/
  display:block;
  position:relative;
  background-color:transparent !important;
  margin-bottom:1.8rem;
}

div.rip {
  background-color:#1f2c3b !important;
  color:white !important;
  padding-top:0;
  padding-bottom:0;
  margin-top:0;
  margin-bottom:0;
}



/*div.tpr:after {
  content:" ";
  display:block;
  height: 45px;
  background-image:url('../img/d/tpr/torn-border2.png');
  position:absolute !important;
  bottom:-15px;
  width:300%;
  width:100%;
  left:-500px; 
  left:0;   
}*/

div.comment-bottom-blue {
  width:100%;
  background-image:url(../img/d/msk/comment-bottom-blue.png);
  height:23px;
  background-color:transparent;
  margin-top:0; 
  margin-bottom:3rem;
}

h3 {
  font-family:"Nunito Sans",sans-serif;
  font-weight:bold;
  font-size:20px;
  letter-spacing:1.5px;
  color:#26242b;
  text-transform:uppercase;
}


h4 {
  font-family:"Alegreya",sans-serif;
  font-weight:400;
  font-size:2.5rem;  
  /*color:#26242b;*/
  opacity:0.9;
  text-align:center;
}



/* -- FLOORPLANS -- */
div.fp-hdr {
  font-family:"Nunito Sans",sans-serif;
  font-weight:bold;
  font-size:16px;
  letter-spacing:1.5px;
  background-color:#26242b;
  color:ivory;
  text-transform:uppercase;
  padding:0.5rem;
  text-align:center;
}

div.fp-bdy {
  padding:1rem;
  background-color:white;
  text-align:center;
  border:1px solid #26242b;
}

#floorplan01 {
  height:552px;
  min-height:552px;
  max-height:552px;
  width:465px;
  min-width:465px;
  max-width:465px;
}

@media (min-width: 1200px) {
  .fp-1-bdy {
    min-height:664px;
  }
}



/* -- FRONT ELEVATION -- */

.front-elevation {
 position:relative;
 margin-bottom:-16px; 
}

@media (max-width: 1199px) {
  .front-elevation {
    margin-top:50px;
  }
}

@media (min-width: 1200px) {
  .front-elevation {
    margin-top:200px;
  }
}


/*  -- FOOTER -- */

footer {
  display:block;
  margin:0;
  position:relative;
  margin-top:-19px;
  /*background-color: #1f2c3b;*/
  min-height:100px;
  z-index:199;  
  color:ivory;
  font-family:"Alegreya Sans",sans-serif;  
  padding-top:40px;
  font-size: 22px;
  padding-top:3rem;
  padding-bottom:0;
}

footer p {
  margin-bottom:1rem;
  font-size:1.2rem;
  letter-spacing:0.25px;

}

footer p.hdr {
  font-family:"Nunito Sans",sans-serif;
  font-family:"Alegreya",sans-serif;
  font-weight:400;
  font-size:1.5rem;
  color:ivory;
  text-transform:uppercase;
  padding-right:1rem;
  text-align:center; 
}

footer a { 
  text-decoration:none;
}

footer a:link { 
  color:ivory;
  border-bottom:1px dotted #fffff040;
}

footer a:visited {
  color:ivory;
  border-bottom:1px dotted ivory;
}

footer a:hover, footer a:focus, footer a:active {
  color:white;
  border-bottom:1px solid white;
}

footer div.intexta {
  text-align:right;
  padding-right:1rem;
  padding-bottom:0.75rem;
  font-family:"Nunito Sans",sans-serif;
  font-weight:600;
  font-size:0.8rem;
  letter-spacing:1.5px;    
  text-transform:uppercase; 
  margin-top:1.7rem; 
}


/* -- FREETOBOOK WIDGET -- */
/*div.ftb-widget { background-color:yellow !important; }*/


/* -- BOTANICALS -- */
.btn-b { margin-top:-6px; }

.b01-kitchen-blue { 
  background-image: url("../img/d/bg/bcl/bcl-A-kitchen-blue-light.jpg");
}

.b02-kitchen-blue { 
  background-image: url("../img/d/bg/bcl/bcl-B-kitchen-blue-light.jpg");
}

.b03-kitchen-blue { 
  background-image: url("../img/d/bg/bcl/bcl-C-kitchen-blue-light.jpg");
}

.b04-kitchen-blue { 
  background-image: url("../img/d/bg/bcl/bcl-D-kitchen-blue-light.jpg");
}

.b05-kitchen-blue { 
  background-image: url("../img/d/bg/bcl/bcl-E-kitchen-blue-light.jpg");
}


.b01-kitchen-darker-blue { 
  background-image: url("../img/d/bg/bcl/bcl-A-kitchen-blue-mid.jpg");
}

.b02-kitchen-darker-blue { 
  background-image: url("../img/d/bg/bcl/bcl-B-kitchen-blue-mid.jpg");
}

.b03-kitchen-darker-blue { 
  background-image: url("../img/d/bg/bcl/bcl-C-kitchen-blue-mid.jpg");
}

.b04-kitchen-darker-blue { 
  background-image: url("../img/d/bg/bcl/bcl-D-kitchen-blue-mid.jpg");
}

.b05-kitchen-darker-blue { 
  background-image: url("../img/d/bg/bcl/bcl-E-kitchen-blue-mid.jpg");
}

.hotpink {
  background-color:hotpink;
}

p.leader-blurb {
  text-align:center;
  font-family: 'Alegreya', serif;  font-size:1.8rem;
  /*font-family:"Alegreya Sans",sans-serif; font-size:26px;      */  
}


@media (max-width: 575.98px) {
  p.leader-blurb {
   font-size:1rem !important; 
   font-size:0.8rem !important;    
   line-height:120% !important;
   margin-bottom:0.75rem !important; 
   /*margin-top:-1rem !important;*/
   padding-top:0 !important; 
   padding-top:0.5rem !important;  
  }

  .page-title h2 {
    font-size:20px;
    line-height:12px;
  }


}

@media (max-width: 767.98px) {
  p.leader-blurb {
   font-size:1.5rem !important;     
   margin-bottom:0.75rem !important;  
  
  }
}

@media (max-width: 991.98px) {
  p.leader-blurb {
   font-size:1.55rem;   
   margin-bottom:0.75rem !important; 
  }
}

@media (max-width: 1199.98px) {
  p.leader-blurb {   
   margin-bottom:0.75rem !important; 
  }
}




/*.blueback {
  background-color:#1F2C3B !important;
  background-image:none !important;
}*/

.no-background-image {
  background-image:none !important;
}

.footer-image {
  filter:blur(3px) saturate(85%) opacity(30%) brightness(40%);
}

.debug2 {  
  border-top:10px solid aqua;
  border-bottom:10px solid brown;

}

.slideshow-polaroid {
  -webkit-box-shadow: 0px 10px 3px -5px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 10px 3px -5px rgba(0,0,0,0.3);
  box-shadow: 0px 10px 3px -5px rgba(0,0,0,0.3);  
  overflow:visible;
}

div.beach-bg {
  background:url(../img/d/bg/beach-bg-001.jpg);
  width:100%;
  max-width:1350px;
  height:1153px;
  text-align:left;
  font-family:Alegreya,sans-serif;
  padding:50px;
  padding-left:100px;
  padding-right:35%;
  padding-top:150px;
  color:#fff;
}

div.beach-bg p {
  text-shadow: 2px 2px 1px rgba(0,0,0,0.5);
  margin-bottom:3rem;
  font-size:2rem;
}


div.cake-bg {
  background:url(../img/d/bg/cake-bg-001.jpg);
  /*width:100%;
  max-width:1350px;
  height:1153px;*/
  background-size:cover;
  text-align:left;
  font-family:Alegreya,sans-serif;
  padding:50px;
  padding-left:100px;
  padding-right:35%;
  padding-top:250px;
  color:#fff;
}

div.cake-bg p {
  text-shadow: 2px 2px 1px rgba(0,0,0,0.5);
  margin-bottom:3rem;
  font-size:2rem;
}

.display-panel { 
  font-family:Alegreya,sans-serif;
  font-size:1.3rem;
  color:#222;
 }

.display-polaroid {
  background-color:#fff;
  padding:20px 20px 0 20px; 
  -webkit-box-shadow: 0px 10px 3px -5px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 10px 3px -5px rgba(0,0,0,0.3);
  box-shadow: 0px 10px 3px -5px rgba(0,0,0,0.3);    
}

.display-polaroid img {
  width:100%;
  max-width:100%;
}

.display-panel .display-polaroid p {
  text-align:center;
  padding:1rem;
}

.display-panel .display-text {
  color:#fff;
  font-size:2rem;
  font-size:1.6rem;
  /*padding-top:5rem !important;*/
}

.display-panel .display-text h4 {
  margin-bottom:1.6rem; 
}


#dipText {
  font-size:2rem;
  padding:1rem;
  min-height:35vh;
  text-align:left;
}

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

.display-text a:link, .display-text a:visited {
  color:inherit !important;
  border-bottom-color:inherit !important;
  border-bottom-style:dotted;
  border-bottom-width:1px;
}

.display-text a:hover, .display-text a:focus, .display-text a:active { 
  border-bottom-style:solid; 
}

.beach-bg a { text-decoration:none; }

.beach-bg a:link {
  color:#fff;
  border-bottom:1px solid #ffffff50;
}

.beach-bg a:visited {
  color:#fff;
  border-bottom:1px solid #ffffff50;
}

.beach-bg a:hover {
  color:#488CDD;
  border-bottom:1px solid #488CDD;
}

.cottage {  
  font-family:Alegreya,sans-serif;
  font-size:1.3rem;
  color:#222;
}

.alegreya {
  font-family:Alegreya,serif !important;
  color:#222;
}

.dblfyc a { 
  text-decoration:none;
  font-weight:500;
}

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

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


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

.dblfyi a:hover img, .dblfyi a:focus img, .dblfyi a:active img {  
  border:1px solid #E6178180;
}

div.s {
  text-align:left;
}


@media (max-width: 991.98px) {
  .feedback {
    font-size:1.8rem;
  }

  .reviewer-info {
    font-size:1.25rem !important;
  }

  footer p {    
    font-size:0.9rem;
    letter-spacing:0.25px;  
  }

  .front-elevation {
    padding-right:10%;
    padding-left:10%;
  }

  img.bordered {      
    padding:2vw;    
  }

  h4 {
    /*margin-left:1rem;*/
    margin-right:1rem;    
  }

  

}