*{outline:none;}
html {
scroll-behavior: smooth;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
html,
body{
padding:0;
margin:0;
height:100%;
width:100%;
min-height:100%; 
font-family: "PT Serif", serif;
font-optical-sizing: auto;
font-weight: 300;
font-style: normal;
}
body {
color: #000000;
font-size: 15px;
line-height: 21px; font-weight: 300; 
}
a {
color: #000000; text-decoration: none; text-underline-offset: 4px;  transition: 0.4s
}
a:visited  {
color:#000000;
}
a:hover {
text-decoration: none; color: #F2ECDE
}
a img ,img{
border: none;
}	
a:focus, a:hover, a:active {
outline: none;
}
a.more-link{display:none;}
img,fieldset{border:none;}
img{max-width: 100%;}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.sticky{}
.screen-reader-text{}
.gallery-caption{}
.bypostauthor{}
.wp-caption{}
.wp-caption-text{}
select {
-webkit-appearance: none;
}
input {
-webkit-appearance: none;
}
hr{height: 1px; background-color: #F2ECDE; border: none; width: 20%; margin-left: uto; margin-right: auto; margin-bottom: 15px;} h1,h2,h3,h4,h5{
padding-top: 0;
padding-right: 0;
padding-left: 0;
padding-bottom: 12px;
margin: 0;
font-family: "PT Serif", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal; 
}
h1{font-size: 70px; line-height:70px; letter-spacing: -3px }
.page-template-page_home  h1{font-size: 17px;
line-height: 23px; font-weight: 300; letter-spacing: 0.5px} 
h2{font-size: 70px; line-height:70px;  letter-spacing: -3px }
h3{font-size:60px; line-height:60px;   letter-spacing: -1px}
h4{font-size:40px; line-height:40px;   letter-spacing: -1px}
p{
padding: 0;
margin: 0px; padding-bottom: 15px; letter-spacing: 0.5px
} 
li{
padding: 0;
margin-top: 0;
margin-right: 0;
margin-left: 0;
}
ul,ol{padding-left: 0px; margin-top: 0px}
ul.widget{
list-style:none;
padding:0;
margin:0;
}
b,strong{
font-weight:700; 
}
blockquote{
padding-top: 0;
padding-bottom: 10px;
font-family: "PT Serif", serif;
color: #2D2658; font-weight: 400; font-size: 2vw; line-height:2.5vw; margin: 0px!important
} .wrap{	 
max-width: 100%;     margin: 0 auto; padding-left: 10%; padding-right:10%
}
.wrap:after{display: table; clear:both; content:'';}
#wrapper{
background:none;
padding:0;
margin:0;
width:100%;
box-shadow:none;
}
#mainbody{ max-width:100%; margin-left: auto; margin-right: auto;} #headercontactwrap{width: 100%;
max-width: 100%;
display: block;
padding-top: 8px;
padding-bottom: 10px; background-color: #F2ECDE; text-align: center;  
}
#headercontactwrap .wrap{
position: relative;     padding-left: 15px;
padding-right: 15px;
}
#headercontactwrap li{
list-style: none
}
#headercontactwrap p{
font-family: "Lato", sans-serif;
font-weight: 400;
font-style: normal; font-size: 13px; padding-bottom: 0px
}
#headerwrap{width: 100%;
max-width: 100%;
display: block;
padding-top: 12px;
padding-bottom: 12px; background-color: #3C3D36
}
#headerwrap .wrap{
position: relative;     padding-left: 35px;
padding-right: 35px;
}
#centredlogo{
float: left; width: 25%
}
#centredlogo a{display: block}
#centredlogo img{  height: 90px; width: auto; }
.scrolled{ }
#header-cta{float: left;  width: 50%; text-align: center; padding-top: 8px}
#header-cta li{list-style: none}
#header-cta-mob{ text-align: center; width: 100%; background-color: #3C3D36; }
#header-cta-mob li{list-style: none} #main-nav{
margin: 0 auto; display:block; float:left;  text-align: right;   width: 25%; 
}
#main-nav ul{
list-style:none;
padding:0;
margin:0;
}
#main-nav ul li{
display:inline-block;
margin-left: 3px; margin-right: 3px; 
}
#main-nav ul li a{
font-size: 16px;
color: #ffffff;
padding: 0px; margin-left: 18px; font-weight: 400; line-height: 46px;
display: block; text-decoration:none;  font-family: "PT Serif", serif; font-weight: normal;
font-style: normal;
}
#main-nav ul li a:hover{
color: #cccccc
}
#main-nav ul li.current-menu-item a{
color: #cccccc;
} #main-nav li ul{position: absolute;width: 200px;
z-index: 9999;
background-color: #1A2637;
visibility: hidden;
opacity: 0;  margin-top: -1px; margin-left: 1px; padding-top: 12px; padding-bottom:12px;border-bottom-color: #ffffff; border-bottom-width: 3px; border-bottom-style: solid}
#main-nav li ul li{    float: none; text-align: left; 	margin-left: 0px; margin-right: 0px; display: block;}
#main-nav li ul li a{
font-size: 15px;
padding-top: 5px;
padding-right: 18px;
padding-left: 18px;
padding-bottom: 5px;
margin: 0px;
border: none!important;
color: #ffffff; line-height: 20px
}
#main-nav li ul li a:hover {border-radius:0!important;color: #C6CAEA;  border: none!important; }
#main-nav li ul li:hover{border-radius:0!important; border: none!important;}
#main-nav li ul li.current-menu-item a{color: color: #C6CAEA;; border: none!important;}
#main-nav li ul li.current-menu-item a:hover{color: #C6CAEA!important; border: none!important;}
#main-nav li:hover ul{visibility:visible; opacity:1;} #banner{
position: relative;
width: 100%; height: auto; 
}
#banner img{
width: 100%; height: auto; min-width: 100%
}
#banner-home{position:relative; }
#banner-home img{width:100%; display:block;}
.flexslider .slides > li{ height: 70vh;}
#banner-home .flex-control-nav{display :none}
.flex-direction-nav{display:none;}
.show-mob,.close-mob{display:none;}
#new-sub-banner {
height: 70vh; position: relative; z-index: 9; 
}
#new-sub-banner .wrap{
position: relative;
}
#banner-overlay {
height: 70vh; display: flex;
align-items: center;
justify-content: center;
}
#banner-overlay img {
max-width: 400px; height: auto; width: 400px
}
.page-template-page-with-large-banner #new-sub-banner {
height: 100vh; 
} #footer{padding-top: 70px; padding-bottom: 	90px;}
#footer-inner{border-bottom-color: #3C3D36; border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 8px}
#footer p{color: #000000; font-size: 14px; letter-spacing: 0px; padding-bottom: 0px }
#footer li{list-style: none; color: #000000}
#footer-left{float: left; width: 20%;  text-align: left;}
#footer-centre{float: left; width: 60%; text-align: center; }
#footer-right{float: right; width: 20%; text-align: right;}
#footer-left img{width: 40px; height: auto}
#footer-centre li a{color: #000000; font-size: 14px; margin-left: 10px; margin-right: 10px}
#footer-right p{color: #000000;  font-family: "Lato", sans-serif; font-weight: 400} .wpcf7-form-control-wrap input[type=text], .wpcf7-form-control-wrap input[type=email] {
border-radius: 0px;
margin-top: 0;
margin-right: 0;
margin-left: 0;
margin-bottom: 12px;
max-width: 100%;
width: 98%;
color: #ffffff;
font-size: 15px;
background-color: #02425F;
line-height: 46px;
border-bottom-width: 1px;
border-bottom-color: #ffffff;
border-bottom-style: solid;
border-top-width: 0px;
border-right-width: 0px;
border-left-width: 0px;  font-family: "PT Serif", serif;
}
textarea.wpcf7-form-control.wpcf7-textarea {
border-radius: 0px;
margin-top: 0;
margin-right: 0;
margin-left: 0;
margin-bottom: 7px;
max-width: 100%;
width: 98%;
color: #ffffff;
font-size: 15px;
line-height: 22px;
background-color: #02425F;
margin-top: 0px; line-height: 46px;  font-family: "PT Serif", serif;  height: 70px;  border-bottom-width: 1px;
border-bottom-color: #ffffff;
border-bottom-style: solid;
border-top-width: 0px;
border-right-width: 0px;
border-left-width: 0px;
}
.wpcf7-form input[type=submit] {
background-color: #ffffff;
color: #072B3B;
padding-top: 11px;
padding-right: 16px;
padding-left: 16px;
padding-bottom: 11px;
text-decoration: none;
font-size: 13px; display: inline-block; text-transform: uppercase; letter-spacing: 2px; margin-top: 20px;   font-family: "PT Serif", serif;
font-optical-sizing: auto;
font-weight: 600; border: none
}
.wpcf7-list-item{margin-left: 0px!important}
.wpcf7-form input[type=checkbox] {
border: 1px solid #ffffff; width: 15px; height: 15px;    -webkit-appearance: auto;
}
.wpcf7-form p {
font-size: 12px; line-height: 21px
}
input::placeholder, textarea::placeholder {
color: #ffffff
} .paddingtoplarge{padding-top: 80px}
.paddingbottomlarge{padding-bottom: 80px}
.paddingtop{padding-top: 50px}
.paddingbottom{padding-bottom: 50px}
.paddingtopsmall{padding-top: 40px}
.paddingbottomsmall{padding-bottom: 25px}
.margintop{margin-top: 70px}
.marginbottom{margin-bottom: 70px}
.nobottommargin{margin-bottom: 0px!important}
.greenbackground{background-color: #3C3D36}
.whitetext p, .whitetext a, .whitetext h1, .whitetext h2, .whitetext h3, .whitetext h4{color: #ffffff}
.darktext p{color: #072B3B}
.roundedcorners{border-radius: 7px; }
.box{padding: 70px}
.smallbox{
margin-top: 300px;
margin-bottom: 15px!important;
padding-top: 30px;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 10px;
margin-left: -8px
}
.tealbackground{background-color: #78909A}
.creambackground{background-color: #F7F3EB}
.greybackground{background-color: #3C3D36}
.whitebutton a, a.whitebutton{
background-color: transparent;
color: #ffffff;
padding-top: 7px;
padding-right: 18px;
padding-left: 18px;
padding-bottom: 8px;
text-decoration: none;
font-size: 12px; display: inline-block; text-transform: uppercase; letter-spacing: 2px; margin-top: 20px;   font-family: "Lato", sans-serif;
font-weight: 600; border-style: dashed; border-width: 1px; border-color: #ffffff; margin-right: 10px
}
.whitebutton a:hover, a.whitebutton:hover{
border-color: #727759;
color: #ffffff;
}
.darkbutton a, a.darkbutton{
background-color: transparent;
color: #000000;
padding-top: 7px;
padding-right: 18px;
padding-left: 18px;
padding-bottom: 8px;
text-decoration: none;
font-size: 12px; display: inline-block; text-transform: uppercase; letter-spacing: 2px; margin-top: 20px;   font-family: "Lato", sans-serif;
font-weight: 600; border-style: dashed; border-width: 1px; border-color: #000000; margin-right: 10px
}
.darkbutton a:hover, a.darkbutton:hover{
border-color: #F2ECDE;
color: #000000;
}
.flexrow {
position: relative;
z-index: 9;
display: flex;
}
.imagesquares{border-color: #CBCBCB; border-style: dashed; border-width: 1px; padding: 7px}
.mobile-only{display:none!important}
.desktop-only{display: block!important}
.dark-underline::after{
content: " ";  height:43px; width: 100%;  position: absolute; bottom: 50px; background-image: url(//www.kingandqueenlongcot.co.uk/wp-content/themes/kandq/images/dark-underline.svg); left: 30px; right:30px
}
.white-underline::after{
content: " ";  height:43px; width: 100%;  position: absolute; bottom: 50px; background-image: url(//www.kingandqueenlongcot.co.uk/wp-content/themes/kandq/images/white-underline.svg); left: 30px; right:30px
}
.bannerrow{min-height: 500px; position: relative; overflow: visible!important
}
.bannerh2{position: absolute; bottom:-36px}
.bookingform{background-color: #FAFAF8; border-color: #707070; border-width: 1px; border-style: dashed; border-radius: 15px; padding: 25px; overflow: hidden }
.bookingform legend{display: none}
.bookingform .reservation{width: 46%; float: left}
.bookingform .rtb-contact{width: 46%; float: left}
.bookingform .add-message{display: none}
.bookingform input, .bookingform select{
background-color: #FAFAF8;
max-width: 100%!important;
border-width: 0px 0px 1px 0px; width: 100%
}
.bookingform button[type=submit] {
background-color: transparent;
color: #000000;
padding-top: 11px;
padding-right: 18px;
padding-left: 18px;
padding-bottom: 13px;
text-decoration: none;
font-size: 12px; display: inline-block; text-transform: uppercase; letter-spacing: 2px; margin-top: 20px;   font-family: "Lato", sans-serif;
font-weight: 500; border-style: dashed; border-width: 1px; border-color: #000000; margin-right: 10px
}
.roombox{
background-color: #ffffff;
margin-top: 350px;
margin-right: 25%;
margin-bottom: 40px!important;
padding-top: 25px;
padding-right: 25px;
padding-left: 25px;
padding-bottom: 10px;
border-radius: 0px 7px 7px 0px;
margin-left: -8px
}
.room-rounded-corners .vc_column-inner{border-radius: 7px; }
.logotitledark h1, .logotitledark h2{padding-right: 120px; background-image: url(//www.kingandqueenlongcot.co.uk/wp-content/themes/kandq/images/kq-logo-dark.svg); background-repeat: no-repeat; background-size: contain; background-position: right; display: inline-block}
.logotitlewhite h1, .logotitlewhite h2{padding-right: 120px; background-image: url(//www.kingandqueenlongcot.co.uk/wp-content/themes/kandq/images/kq-logo-white.svg); background-repeat: no-repeat; background-size: contain; background-position: right; display: inline-block}
.cky-notice .cky-title {display: none!important}
.cky-notice-des a{color: #ffffff; text-decoration: underline}
.cky-notice-des p{
padding-bottom: 5px!important; padding-top: 5px!important
}
.wpb_image_grid .wpb_image_grid_ul .isotope-item {
width: 22.7%; margin: 1%!important
}
.wpb_image_grid .wpb_image_grid_ul img {
width: 95% !important;
margin-bottom: 15px;
border-color: #CBCBCB;
border-style: dashed;
border-width: 1px;
padding: 7px;  margin-bottom: 0px!important
}
.wpb_image_grid .wpb_image_grid_ul img {
transition: opacity 0.3s ease-in-out; }
.wpb_image_grid .wpb_image_grid_ul img:hover {
opacity: 0.8;
} .holdingbox img{position: relative; margin-top: -120px}
.holding-background{background-image: url(//www.kingandqueenlongcot.co.uk/wp-content/themes/kandq/images/holding-background.jpg); background-repeat: no-repeat; background-size: cover}
.page-template-page-standard #headerwrap{display: none}
.page-template-page-standard #footer{display: none}
.page-template-page-standard p{color: #ffffff}
.page-template-page-standard #headercontactwrap{display: none}
.page-template-page-standard #header-cta-mob{display: none!important}@media only screen and (max-width:3000px) {
.show-mob{display:block;padding-top:25vh;padding-left: 30px; padding-right: 30px}
.mobile-nav{ float: right;
font-size: 28px;
cursor: pointer;
color: #2F245B; margin-top: 35px; padding-left: 0px; background-image: url(//www.kingandqueenlongcot.co.uk/wp-content/themes/kandq/images/menu-hamburger.svg); background-repeat: no-repeat; height: 45px; width: 45px; transition: 0.4s; background-size: 80%}
.mobile-nav:hover{ background-image: url(//www.kingandqueenlongcot.co.uk/wp-content/themes/kandq/images/menu-hamburger-over.svg); background-repeat: no-repeat; height: 45px; width: 45px}
.mobile-nav .fa-bars{display: none}
#main-nav{
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 2000000;
display: none;
width: 100vw;
height: 100vh;
padding: 0;    transition: opacity 400ms ease 0s; margin-left: 0px; margin-right: 0px
}
#main-nav ul li{float:none; display: block; font-family: "Lato", sans-serif;
font-optical-sizing: auto;
font-weight: 600;
font-style: normal; letter-spacing: 3px;  padding-bottom: 7px; margin-bottom: 7px; list-style: none; font-size: 13px}
#main-nav ul li a{text-align:center; 
display: block;
margin-left: 0px;
margin-right: 0px;
padding-top: 0px;
padding-bottom: 0px;  border: none;color: #ffffff;     font-family: "Lato", sans-serif;
font-weight: 400;
font-style: normal;     text-transform: uppercase;
letter-spacing: 3px; font-size: 16px; line-height: 26px }
#main-nav ul li a:hover,#main-nav li.current-menu-item a,#main-nav ul li a:focus{color:#cccccc}
#main-nav li ul li a {
font-size: 14px;
padding: 0px;
margin: 0px;
border-bottom: none!important;
}
#main-nav ul li a:hover {
border: none
}
#main-nav li ul li a {
color: #666666; padding-right: 17px;
padding-left: 17px;
}
.menu-header{display:none; padding-top:50px;}
.close-mob{       position: fixed;
left: auto;
top: 0;
right: 0;
bottom: auto;
z-index: 60000;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 40px;
height: 40px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: opacity .2s;
transition: opacity .2s;
cursor: pointer; padding-top: 13px; padding-right: 22px }
.close-mob img{width:45px;}
.menuin{position: relative;
z-index: 500;
overflow-y: auto;
width: 100%;
height: 100%;
background-color:#3C3D36; transition: 0.4s; float: right }
#main-nav li ul{
position: relative;
width: inherit;
padding-top: 0;
padding-right: 0;
padding-left: 0px;
padding-bottom: 0;
visibility: visible;
opacity: 1;
margin-left: 0px; border: none!important;
background:none;
}
.mobmenu-header {margin-bottom:30px;}
}
@media only screen and (max-width:1400px) {
h1 {
font-size: 60px;
line-height: 60px;
letter-spacing: -2.5px;
}
h2 {
font-size: 60px;
line-height: 60px;
letter-spacing: -2.5px;;
}
.logotitledark h1, .logotitledark h2 {
padding-right: 100px;
}
.logotitlewhite h1, .logotitlewhite h2 {
padding-right: 100px;
}
.bannerrow {
min-height: 400px;
}
.smallbox {
margin-top: 250px;
}
.bookingform .reservation {
width: 44%;
}
.bookingform .rtb-contact {
width: 44%;
}
.paddingtoplarge{padding-top: 70px}
.paddingbottomlarge{padding-bottom:70px}
.paddingtop{padding-top: 40px}
.paddingbottom{padding-bottom: 40px}
.paddingtopsmall{padding-top: 30px}
.paddingbottomsmall{padding-bottom: 20px}
.darkbutton a, a.darkbutton {
padding-top: 6px;
padding-right: 15px;
padding-left: 15px;
padding-bottom: 7px;
font-size: 11px;
}
.roombox {
margin-top: 250px;
}
}
@media only screen and (max-width:1112px) {
.flexslider .slides > li {
height: 55vh;
}
#banner-overlay {
height: 55vh;
}
#new-sub-banner {
height: 55vh;
}
.wrap {
padding-left: 5%;
padding-right: 5%;
}	
h1 {
font-size: 53px;
line-height: 53px;
}
.smallbox {
margin-top: 210px; padding-top: 23px;
padding-right: 23px;
padding-left: 23px;
}
.roombox {
margin-top: 200px;
}
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:850px) {
.menuin {
width: 100%;
}
.mobile-only{display:block!important}
.desktop-only{display: none!important}
}
@media only screen and (max-width:767px) {
.holding-background{background-color: #3C3D36!important; background-image: none!important}
.holdingbox img{position: relative; margin-top: -10px}
.box{
padding-top: 30px;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 30px
}
#banner-overlay img {
max-width: 340px;
width: 340px;
}
}
@media only screen and (max-width:568px) {
.page-template-page_home h1 {
font-size: 15px;
line-height: 21px;
}
#headercontactwrap p {
font-size: 11px;
line-height: 16px
}
#headerwrap .wrap {
padding-left: 15px;
padding-right: 15px;
}
#centredlogo img {
height: 70px;
}
.mobile-nav{ background-size: 70%; position: absolute; right: 5px; top:5px; margin-top: 0px}
.mobile-nav:hover{ background-size: 70%;}
.whitebutton a, a.whitebutton {
padding-top: 6px;
padding-right: 16px;
padding-left: 16px;
padding-bottom: 6px;
font-size: 11px;
margin-top: 0px;
}
#centredlogo {
float: none;
width: 100%; text-align: center
}
.flexslider .slides > li {
height: 50vh;
}
#banner-overlay {
height: 50vh;
}
#new-sub-banner {
height: 50vh;
}
#banner-overlay img {
max-width: 240px;
width: 240px;
}
#footer {
padding-top: 30px;
padding-bottom: 30px;
}
#footer-left {
float: none;
width:100%;
text-align: center;
}
#footer-centre {
float: none;
width:100%;
text-align: center; margin-bottom: 8px
}
#footer-right {
float: none;
width:100%;
text-align: center;
}
#footer-centre li a {
font-size: 12px;
margin-left: 6px;
margin-right: 6px;
}
.paddingtoplarge{padding-top: 60px}
.paddingbottomlarge{padding-bottom:60px}
.paddingtop{padding-top: 30px}
.paddingbottom{padding-bottom: 30px}
.paddingtopsmall{padding-top: 20px}
.paddingbottomsmall{padding-bottom: 15px}
h2 {
font-size: 45px;
line-height: 45px;
letter-spacing: -2px;
}
h3 {
font-size: 40px;
line-height: 40px;
letter-spacing: -0.5px;
}
.bannerrow {
min-height: 250px;
}
.smallbox {
padding-top: 22px;
padding-right: 22px;
padding-left: 22px;
}
.bookingform .reservation {
width: 90%;
}
.bookingform .rtb-contact {
width: 90%;
}
}
@media only screen and (max-width:480px) {
.holdingbox img {
width: 130px; height: 130px
}
.wrap {
padding-left: 5%;
padding-right: 5%;
}
#footer {
padding-top: 20px;
padding-bottom: 20px;
}
body {
font-size: 14px;
line-height: 20px;
}
.bookingform {
padding: 15px;
}
h1 {
font-size: 50px;
line-height: 50px;
letter-spacing: -2px;
}
.logotitledark h1, .logotitledark h2 {
padding-right: 90px;
}
}
@media only screen and (max-width:320px) {
.darkbutton a, a.darkbutton {
padding-top: 5px;
padding-right: 12px;
padding-left: 12px;
padding-bottom: 5px;
font-size: 10px;
}
}