:root {
--blue: #153B57;
--green: #25454A;
--lt-green: #175661;
--dark: #1C2A31;
--light: #FFF2E6;
--pink: #814648;
}  h1, h2, h3, h4, h5, h6 {margin-top: 0;margin-bottom: 2rem; font-weight: 700; font-family: miller-display, serif; color:var(--dark);}
h1 { font-size: 4.0rem; line-height: 1.2; margin-bottom: 3.5rem; }
h2 { font-size: 4.0rem; line-height: 1.3;}
h3 { font-size: 2.8rem; line-height: 1.3;}
h4 { font-size: 1.8rem; line-height: 1.35;}
h5 { font-size: 1.6rem; line-height: 1.5;}
h6 { font-size: 1.6rem; line-height: 1.6;}
.nonscript {font-family: miller-display, serif;}
p { margin-top: 0; font-size: 1.4rem; line-height: 2.1rem;} @media (min-width: 550px) {
h1 { font-size: 4.0rem;}
h2 { font-size: 5.0rem;}
h2.feature {font-size: 14rem;}
p { margin-top: 0; font-size: 1.6rem; line-height: 2.6rem;}
} a {color: rgba(113,113,113,1); text-decoration: none; font-weight:600;}
a:hover {border-bottom: solid 1px var(--dark);} .button, a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
display: inline-block;
background-color:var(--blue);
margin:0;
height: 50px;
padding: 0 20px 0 20px;
color: #fff;
text-align: center;
font-size: 14px;
font-weight: 600;
line-height: 44px;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
border-radius: 3px;
border: solid 3px var(--blue);
cursor: pointer;
box-sizing: border-box;
}
.button:hover, a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
color: var(--blue);
background-color:transparent;
outline: 0;
border: solid 3px var(--blue);
}
.button.button-light, button.button-light,input[type="submit"].button-light, input[type="reset"].button-light, input[type="button"].button-light {color: var(--blue);background-color: var(--light); border-color: var(--light); }
.button.button-light:hover, button.button-light:hover, input[type="submit"].button-light:hover, input[type="reset"].button-light:hover, input[type="button"].button-light:hover {color: var(--light); background-color: transparent; border-color: var(--light); }
.button.button-pink, button.button-pink,input[type="submit"].button-pink, input[type="reset"].button-pink, input[type="button"].button-pink {color: var(--light);background-color: var(--pink); border-color: var(--pink); }
.button.button-pink:hover, button.button-pink:hover, input[type="submit"].button-pink:hover, input[type="reset"].button-pink:hover, input[type="button"].button-pink:hover {color: var(--pink); background-color: transparent; border-color: var(--pink); }
.button.button-green, button.button-green,input[type="submit"].button-green, input[type="reset"].button-green, input[type="button"].button-green {color: var(--light);background-color: var(--green); border-color: var(--green); }
.button.button-green:hover, button.button-green:hover, input[type="submit"].button-green:hover, input[type="reset"].button-green:hover, input[type="button"].button-green:hover {color: var(--green); background-color: transparent; border-color: var(--green); } input[type="email"],
input[type="date"], 
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
color:rgba(0,0,0,0.6);
width:100%;
font-size:1.8rem;
height: 38px;
font-weight:400;
padding: 6px 10px; border: solid 1px rgba(0,0,0,0.3); 
background-color:#fff;
border-radius: 0px;
box-shadow: none;
box-sizing: border-box; } input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
textarea {
min-height: 65px;
padding-top: 6px;
padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
border: 1px solid #33C3F0;
outline: 0; }
label,
legend {
display: block;
margin-bottom: .5rem;
font-weight: 200; 
font-size:1.6rem;}
fieldset {
padding: 0;
border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
display: inline; }
label > .label-body {
display: inline-block;
margin-left: .5rem;
font-weight: 200; } ul {
list-style: circle inside; }
ol {
list-style: decimal inside; }
ol, ul {
padding-left: 0;
margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
margin: 1.5rem 0 1.5rem 3rem;
font-size: 90%; }
li {
margin-bottom: 1rem; } th,
td {
padding: 12px 15px;
text-align: left;
border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
padding-left: 0; }
th:last-child,
td:last-child {
padding-right: 0; } button,
.button {
margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
margin-bottom: 2.5rem; }  section {margin:0 0 2rem 0; transition:1s all;}
a.block-link {position:absolute; top:0; left:0; width:100%; height:100%; }
a.block-link:hover {border: none;}
.block-link {position: absolute; top:0; left:0; width:100%; height:100%; z-index: 1;}
nav ul {list-style:none;}
.pad-small {padding:0 2rem 0 0;}
.has-background {padding:3vh 0;}
.border-left-light {position:relative;}
.border-left-light::before {content:""; position: absolute; height:100%; display: block; left:-35px; border-left:1px solid var(--light);}
.no-gutter {gap:0;}
.has-e-dark-background-color {background-color:var(--dark);}
.has-e-green-background-color {background-color:var(--green);}
.has-e-light-color {color:var(--light);}
.color-pink {color:var(--pink)}
#wrapper {margin-top:5rem;}
.content-wrapper {padding:3vh 0;}
.script {font-family: miller-display, serif; font-style: italic; } @media (min-width: 400px) {} @media (min-width: 550px) {
} @media (min-width: 750px) {
.narrow, .width-narrow {width:50%; margin-left:auto; margin-right: auto;}
section {margin:0 0 6rem 0;}
.marque {height:40px; width:auto;}
blockquote p {font-size:2rem; font-weight:100;}
#wrapper {margin-top:6rem;}
.has-background {padding:6vh 0;}
.content-wrapper {padding:6vh;}
} @media (min-width: 1000px) {
} @media (min-width: 1500px) {
#wrapper {margin-top:8rem;}
}  .wp-block-group {margin-bottom:3vh;}
.wp-block-columns.is-layout-flex {flex-wrap:wrap; align-content: stretch; align-items: stretch;}
.wp-block-group.relax-box {padding-bottom:90px; position: relative;}
.wp-block-group.relax-box::after {content:""; display:block; position: absolute; bottom:0; right: 10%; width: 70px; height: 70px; background-image: url(//www.eltermere.co.uk/wp-content/themes/eltermere2023/assets/images-23/interface/e-stag.png); background-size: contain; background-repeat: no-repeat;}
.wp-block-button__link {background-color:var(--blue); color:var(--light); border-radius:3px; border:solid var(--blue) 3px; font-size:14px; text-transform: uppercase;}
.light-green-buttons .wp-block-button__link {background-color:var(--light); color:var(--green); border-color:var(--light);}
.on-page-nav .wp-block-button__link {background-color:transparent; color:var(--dark); font-weight:500; text-transform:uppercase; font-size:1.5rem; border: none; border-radius: 0; border-bottom: 3px solid transparent; }
.on-page-nav .wp-block-button__link:hover {border-bottom: 3px solid var(--blue);}
.wp-block-columns.has-background {padding:0;}
.wp-block-column.page-hd-intro {color:var(--light); }
.wp-block-column.page-hd-intro .content-wrapper {padding-top:0; padding-bottom:0;}
.menus-nav h2 {font-size:4rem;}
.menus-nav a {color:var(--light);}
.menus-nav a:hover {border-color:var(--light);}
.word-carousel h2 {font-size:70px;}
.testimonials-slider h2 {}
.testimonials-slider blockquote {font-family: miller-display, serif; color:var(--blue); }
.testimonials-slider blockquote p {font-size:30px; line-height: 1.3; font-weight:300;} @media (min-width: 400px) {} @media (min-width: 550px) {
} @media (min-width: 750px) {
.wp-block-group {margin-bottom:6vh;}
.wp-block-group.relax-box {padding-bottom:10%; position: relative;}
.word-carousel h2 {font-size:100px;}
.wp-block-group.relax-box::after { width:150px; height: 150px;}
} @media (min-width: 1000px) {
} @media (min-width: 1200px) {
}  header {display:flex; flex-flow:row wrap; justify-content:flex-end; align-content: center; align-items: center; height:50px; top:0rem; left:0rem; width: 100%; position: fixed; z-index: 9999; background:#FFF2E6; transition: 0.5s all ease-out; box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);}
header .logo {flex:0 0 80px; display: flex; justify-content: center; align-content: center; align-items: center; height:100px; width:100px; position:absolute; top:-10px; left:2rem; border-radius: 999px; background-color:#FFF2E6; box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16); }
header .logo .mask {background-color:var(--light); position:absolute; width:180px; height:50px; top:10px;}
header .navigation {flex:0 0 auto; margin-right: 2rem;}
header .logo img {width:65%; height:auto; position:absolute; top: 50%; left:50%; transform:translate(-50%, -50%);} @media (min-width: 400px) {} @media (min-width: 550px) {
} @media (min-width: 750px) {
header {height:60px;}
header .logo {flex:0 0 120px; height:120px; width:120px; }
header .logo .mask { width:180px; height:60px; top:10px;}
} @media (min-width: 1000px) {
} @media (min-width: 1200px) {
header {height:80px;}
header .logo {flex:0 0 160px; height:160px; width:160px; }
header .logo .mask { width:180px; height:80px; top:10px;}
} @media (min-width: 1500px) {
}  footer.site-footer {padding:2rem 0; color:var(--blue); border-top: 1px solid var(--green);}
footer.site-footer .row {padding:2rem 0;}
footer.site-footer .logo {width:30%; margin-bottom: 1rem;}
footer.site-footer #main-menu {-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; height:105px;}
footer.site-footer #main-menu li {}
footer #social-links {margin:2rem 0;}
footer #privacy-menu li, footer #social-menu li {display:inline; margin: 0 15px 0 0;}
footer.site-footer .button {background-color:#222;} footer.site-footer .button:hover {background-color:rgba(255,255,255,1); color:rgba(134,201,68,1); }
footer.site-footer ul {list-style: none; margin: 0; font-size:1.4rem; column-count: 2;}
footer.site-footer ul li {margin:0 0 0.5rem 0;}
footer.site-footer a { font-weight: 400; color:var(--blue);}
footer.site-footer h4 { font-weight: 600; color:var(--blue); font-size:3rem;}
footer.site-footer h3 { font-weight: 100;}
footer.site-footer h3 a { }
footer.site-footer .factory-logo {width:120px; display:inline-block; transform: translatey(3px);}
footer.site-footer a:hover {border:none; color: #fff;}
footer #menu-gdpr li {display:inline-block; margin-right: 15px;}
footer p {font-size:1.4rem;}
footer #social-links {font-size:2.5rem; color:#222;}
footer #social-links li {display:inline-block;margin-right: 1rem;}
footer #social-links li i {font-size:1.8rem;}
footer #social-links a {color:#004a43;}
footer #social-links a:hover {border: none; color:#fff;}
footer #accreditations li {display: inline-block; margin-right:1rem;}
footer #accreditations li img {height:80px; width:auto;}
footer#base {background: var(--blue); font-size:1.5rem;}
footer#base a {color:rgba(255,255,255,0.6); font-weight:300; font-size:1.5rem;} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
footer.site-footer .logo {width:40%;}
} @media (min-width: 1000px) {
footer.site-footer {padding:2rem 0;}
} @media (min-width: 1200px) {
}  #mega-menu-wrap-primary2023 #mega-menu-primary2023[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-primary2023 
#mega-menu-primary2023[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);}
#mega-menu-wrap-primary2023 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-box {align-self:center;}
#mega-menu-wrap-primary2023 #mega-menu-primary2023 > li.nav-blue-button > a.mega-menu-link {background-color:var(--blue); color:#fff;}
#mega-menu-wrap-primary2023 #mega-menu-primary2023 > li.nav-green-button > a.mega-menu-link {background-color:var(--green); color:#fff;} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
} @media (min-width: 1000px) {
} @media (min-width: 1400px) {
}  #page-title .row {padding:5rem 3rem 3rem 3rem; border-bottom: 1px solid var(--green);  text-align: center; font-weight: 400; }
#page-title h1 {margin:0; font-weight: 600;	}
#page #hero .background-image {height:400px;}
.offer-form {width:auto !important; margin-top: 100px !important;} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
.offer-form {width:30% !important; margin-top: 40px !important;}
} @media (min-width: 1000px) {
} @media (min-width: 1200px) {
}  #rooms-archive {margin:60px 0 0 0;}
#rooms-archive .room-button {position:relative; text-align: center;}
#rooms-archive .room-button h2 {font-size:3rem; color:#000;  margin: 2rem 0 1rem 0; font-weight: 700;}
#rooms-archive .room-button .image {aspect-ratio:16/9; background-position: center; background-size:cover;} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
#rooms {margin:150px 0 0 0;}
} @media (min-width: 1000px) {
} @media (min-width: 1200px) {
}  #rooms {margin:60px 0 0 0;}
#rooms .room-types {list-style: none;}
#rooms .room-carousel {margin-bottom: 0rem;}
#rooms .info, #rooms .other-rooms {margin: 4rem 0;}
#rooms .room-carousel .room-slide {background-size:cover; background-position:center; height: 280px;}
#rooms .style-image {position:absolute; top:500px; left:0; z-index: 999; height:400px; border:#fff 9px solid; display: none;}
#rooms .room-tile {width:32%; margin-right:2%; height:190px; position: relative; background-position: center; background-size:cover; float: left; text-align: center; color:#fff;}
#rooms .room-tile:nth-child(3n+1) {margin-right:0;}
#rooms .room-tile .title {margin:140px 0 0 0; background: rgba(0,0,0,0.8); display: block; padding: 4px 0; color:#fff;}
#rooms .room-tile:hover .title {background:rgba(255,255,255,1); color:#000;}
#rooms .room-carousel .slick-prev::before, #rooms .room-carousel .slick-next::before {font-size: 40px;  color:rgba(0,0,0,0.9)}
#rooms .room-carousel .slick-prev {left:10px; width:40px; height:40px;z-index: 99;}
#rooms .room-carousel .slick-next {right:10px; width:40px; height:40px;z-index: 99;}
#type-nav ul {display:block; margin: 0 auto; list-style: none; padding: 0; text-align: center;}
#type-nav ul li {display:inline-block; margin: 0 0rem 1rem 0;}
#type-nav ul li a {padding:10px 18px; text-transform: uppercase; font-weight: 400; color:#000;}
#type-nav ul li a.active {background:#222; color:#fff;}
.booking-form {border-top:3px solid var(--blue); border-bottom:3px solid var(--blue); padding: 2rem;}
.booking-form form {margin-bottom:0;}
.booking-form label {display: inline-block; font-size: 1.8rem;}
.booking-form input {width:auto; margin: 0 1rem 1.5rem 0; display:block;} .room-header {position:relative; padding: 0 0 200px 0;}
.room-header .header-bg {background-color:var(--green); position: absolute; height: 90%; width:100%; top:0; left:0;}
.room-header .header-bg::after {content:""; display:block; width:85px; height: 109px; position:absolute; bottom:0; right:2%; background-image: url(//www.eltermere.co.uk/wp-content/themes/eltermere2023/assets/images/stag-w.png); background-size: contain; background-repeat: no-repeat; background-position: bottom;}
.room-header h1 {color:var(--light); padding: 3rem 0; text-align: center; margin: 0;}
.room-header .room-carousel {width:80%; margin: 0 auto; position:relative; top:150px; }
#rooms .room-header .room-carousel .room-slide {height:75vh;}
#rooms .room-carousel .slick-prev::before, #rooms .room-carousel .slick-next::before {color:var(--light);}
#rooms .info, #rooms .other-rooms {margin: 3rem 0;}
#rooms .room-sup-image {width:100%; height:auto; position: relative; top:-200px; border:solid 15px var(--light);}
#rooms .features-block {background-color:var(--dark); padding: 3rem 0; color:var(--light);}
#rooms .features-block p {margin:0; padding: 0; line-height: 2;}
#rooms .features-block h2 {color:var(--light); margin: 0;}
.footnote {text-align:center; font-size:2.5rem; margin: 2rem 0;}
.flex {display:flex; justify-content: center; align-content: stretch; align-items: stretch; flex-flow:row wrap; gap:2%;}
.e-posts {position: relative; color:var(--light);}
.e-offers-block .feature-tile {flex:0 1 80%; position:relative; text-align: left; margin: 0 0 3rem 0; }
.e-offers-block img  {width:100%; height:auto;}
.content-wrapper {padding:3rem; }
.content-wrapper p:last-child {margin-bottom:0;}
.e-tiles-block h2 {color:var(--light); font-size: 3rem;}
.feature-tile h3 {font-size:2rem; }
.offers {}
.offers h2 {text-align:center;}
#rooms .testimonials h2 {text-align: center;}
#rooms .book-for-dinner {background-color:var(--green); text-align: center; }
#rooms .book-for-dinner h2 {text-align: center; color:var(--light); font-weight:300;} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
#rooms .room-carousel .room-slide {height: 650px;}
#rooms .style-image {display: block;}
#rooms .info, #rooms .other-rooms {margin: 10rem 0;}
#rooms .room-carousel .slick-prev {left:-50px; width:40px; height:40px;}
#rooms .room-carousel .slick-next {right:-50px; width:40px; height:40px;}
#type-nav ul li {display:inline-block; margin: 0 1.5rem;}
.booking-form input {width:auto; margin: 0 1rem 1.5rem 1rem; display:inline-block;}
.e-offers-block .feature-tile {flex:0 1 48%;}
.e-tiles-block h2 {color:var(--light); font-size: 5rem;}
} @media (min-width: 1000px) {
#rooms .features-block { padding: 6rem 0;}
.e-offers-block .feature-tile {flex:0 1 31%;}
} @media (min-width: 1200px) {
#rooms .features-block { padding: 8rem 0;}
}  #hero {position:relative; min-height: 600px; background-color:var(--blue); background-color:#25454A;  color:var(--light);}
#hero .slide {padding:0 2rem 0 0;}
h2.large {font-size:5rem; line-height: 1; color:var(--light); margin-bottom: 3rem;}
#hero h2 {}
#hero {min-height:95vh;}
.home-carousel .slide {height:95vh;}
.home-carousel {width:100%; overflow: hidden;}
.home-carousel .slide { background-size:cover; background-position: center;}
.home-carousel .slide img {height:100%; width:auto;}
#hero .overlay {background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.50) 100%); position: absolute; bottom:0; left: 0; width:100%; height:50%; display: flex; flex-flow:row wrap; align-content:flex-end;}
#hero .content-wrapper {padding:0 3rem 6rem 3rem;}
.covid {background:#222; color:#fff; text-align: center; padding: 15px 0; position:relative; transform: translateY(-100%); animation: slide-in 0.5s forwards; animation-delay: 1s;}
@keyframes slide-in {100% { transform: translateY(0%); }}
@-webkit-keyframes slide-in {100% { -webkit-transform: translateY(0%); }}
.covid img {height:20px; width:auto; display: inline-block; vertical-align: middle; margin: 0 20px } @media (min-width: 400px) {} @media (min-width: 550px) {
} @media (min-width: 750px) {
#hero .slide {padding:0; }
#hero .right-side {flex:0 1 58%; padding:0%; overflow: hidden; max-height:80%; }
h2.large, h1.large {font-size:8rem; margin-bottom: 5rem;}
#hero .content-wrapper {padding:0 3rem 6rem 3rem; width:60%;}
} @media (min-width: 1000px) {
h2.large, h1.large {font-size:7rem;}
#hero .content-wrapper {padding:6rem;}
#hero .overlay {background: rgb(0,0,0); background: linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.50) 100%); position: absolute; bottom:0; left: 0; width:50%; height:100%; display: flex; flex-flow:row wrap; align-content: center;}
#hero {min-height:94vh;}
.home-carousel .slide {height:94vh;}
} @media (min-width: 1200px) {
h2.large, h1.large {font-size:9rem;}
} @media (min-width: 1600px) {
h2.large, h1.large {font-size:11rem;}
}
#introduction .images {margin:0 0 3rem 0; position: relative;}
#introduction .intro-image-1 {width:40%; display:block; position: relative; left:3rem; border:#fff 9px solid;}
#introduction .intro-image-2 {width:50%; display:none; position: absolute; right:3rem; top:4rem; border:#fff 9px solid;}
#introduction .intro-image-3 {width:55%; display:block; position: absolute; right:3rem; bottom:10rem; border:#fff 9px solid;}
@-webkit-keyframes arrow-scale {
0%   { transform: scale(1); }
50% { transform: scale(1.2); }
100% { transform: scale(1); }
}
@-moz-keyframes arrow-scale {
0%   { transform: scale(1); }
50% { transform: scale(1.2); }
100% { transform: scale(1); }
}
@-o-keyframes arrow-scale {
0%   { transform: scale(1); }
50% { transform: scale(1.2); }
100% { transform: scale(1); }
}
@keyframes arrow-scale {
0%   { transform: scale(1); }
50% { transform: scale(1.2); }
100% { transform: scale(1); }
}
#food .food-carousel {}
#food h2 {text-align:center;}
#food .food-carousel .slide {height:300px; background-size: cover; background-position: center; position: relative; margin: 0 2rem; }
#food .food-carousel .slick-arrow {z-index: 9;}
#food .food-carousel .slick-prev {left:100px; width:40px; height:40px; display: none!important;}
#food .food-carousel .slick-next {right:100px; width:40px; height:40px; display: none !important;}
#food .food-carousel .slick-prev::before, #food .food-carousel .slick-next::before {font-size: 40px;  color:rgba(255,255,255,0.7)}
#food .food-carousel .overlay {width:100%; height:auto; margin: 200px auto 0 auto; background-color:rgba(0,0,0,0.7); color:#fff; text-align: center;}
#food .food-carousel .overlay h2, #food .food-carousel .overlay h4 {color:#fff;}
#food .food-carousel .overlay .wrapper {padding:1rem;}
#food .food-carousel .overlay .wrapper p {display:none;}
#food .food-carousel .overlay h2 {color:#fff;}
#offers {background:#154943; padding: 4rem;}
#offers h2 {text-align: center; color: #fff;}
#offers .image {width:100%; height:260px; background-size: cover; background-position: center;}
#offers .offer {position:relative; margin-bottom: 2rem;}
#offers .legend {position:absolute; width:80%; left:10%; top:73%;  height:30%; background-color: #fff; text-align:center; z-index: 99; transition: all 0.5s ease-out; overflow: hidden;}
#offers .legend h3 {padding:1rem 0 0 0; margin: 0; font-size: 1.8rem;}
#offers .legend i {font-weight:400; font-size:3rem; color:#154943;     margin-top: -0.5rem;}
#offers .legend .info p {padding:2rem; font-size:1.4rem; margin: 0 0 2rem 0; opacity: 0; transition: all 0.5s ease-out;}
#offers .legend:hover {height:110%;}
#offers .legend:hover .info p {opacity: 1;}
#testimonials {text-align:center; position: relative;}
#testimonials .stag {position: absolute; right:5rem; bottom:0; width: 30%; opacity: 0.3;}
#testimonials .testimonials-carousel blockquote p {color:#154943; font-size:2rem; line-height: 4rem;}
#activities .activities-carousel img {width:100%;}
.room-image-carousel .slick-dots {position:relative; width: 100%; border-right:1px solid #222; column-count: 3;}
.room-image-carousel .slick-dots li {display:block; width:100%; text-align: left; margin-bottom:1.5rem;}
.room-image {width:100%; height:250px; position: relative; background-size: cover; background-position: center;}
.explore {position:absolute; left:0%; bottom:0rem; transform: scale(0.7) translateX(0) !important;}
#instagram {position: relative; display: none;}
#instagram .row {}
#instagram .pic {background-size: cover; background-position:center; height:250px; margin-bottom: 4rem;} 
#instagram .instagram-logo {font-family: "rollerscript-smooth";  font-size: 2rem; line-height: 2.4rem; position:absolute; z-index: 99; left:50%; top:50%; color:#fff; text-align: center; padding:30px 15px; width:150px; background:#154943; border:10px solid #fff; transform: translate(-50%, -50%);} @media (min-width: 400px) {
} @media (min-width: 550px) {
#introduction .intro-image-1, #introduction .intro-image-2, #introduction .intro-image-3 {display:block;}
#introduction .intro-image-1 {position:relative; width:70%;}
#introduction .intro-image-2 {position:relative; left:3rem; margin-top:3rem; width: 70%;}
#introduction .intro-image-3 {position:relative; left:3rem;  margin-top:7rem; bottom: auto; width: 70%;}
} @media (min-width: 750px) {
#videoWrapper {display:none; margin-top: -200px;} #videoReplacement {display:block;}
.hero-vide .video-overlay .container {height:550px;}
.hero-vide h2 {color:#fff; font-size: 4rem;}
header button#responsive-menu-button {position: absolute; right:8rem; top: 1.5rem; transition: 0.5s all ease-out;}
#instagram {display: block;}
#food .food-carousel .slide {height:460px; background-size: cover; background-position: center; position: relative; margin: 0 2rem; }
#food .food-carousel .slick-prev { display: block !important;}
#food .food-carousel .slick-next {display: block !important;}
#food .food-carousel .overlay {width:60%; min-height:300px; margin: 80px auto 100px auto; background-color:rgba(0,0,0,0.7); color:#fff; text-align: center;}
#food .food-carousel .overlay .wrapper {padding:4rem;}
#food .food-carousel .overlay p {margin-bottom:0;}
#food .food-carousel .overlay .wrapper p {display:block;}
.room-image-carousel .slick-dots {position:absolute; top:0; left:-45%; width: 36%; border-right:1px solid #222;  column-count: 1;}
.room-image-carousel .slick-dots li {display:block; width:100%; text-align: left; margin-bottom:1.5rem;}
.room-image {width:100%; height:450px; position: relative; background-size: cover; background-position: center;}
} @media (min-width: 1000px) {
.hero-vide { overflow:hidden;}
#introduction .intro-image-1 {width:43%; display:block;  left:3rem;  margin-bottom: 0rem; top:9rem;}
#introduction .intro-image-2 {width:39%; display:block; position: absolute; left: auto; right:9rem; top:auto; bottom:-5rem; }
#introduction .intro-image-3 {width:70%; display:block; position: absolute; left:auto; right:1.5rem; bottom:auto; top:0; margin-top: auto;}
} @media (min-width: 1300px) {
#introduction .intro-image-1 {width:43%; display:block;  left:3rem;  margin-bottom: 0rem; top:9rem;}
#introduction .intro-image-2 {width:39%; display:block; position: absolute; left: auto; right:9rem; top:auto; bottom:-5rem; }
#introduction .intro-image-3 {width:75%; display:block; position: absolute; left:auto; right:1.5rem; bottom:auto; top:0; margin-top: auto;}
#offers .legend h3 {padding:2rem 0 0 0; margin: 0; font-size: 2.4rem;}
}  #page-welcome {}
.image-wrapper {position:relative; width:100%; float: left;}
.intro-image-1 {position:relative; width:40%; float: left;}
.intro-image-2 {position:absolute; bottom:0; right:0; width:60%;}
.intro-image-3 {position:relative; bottom:40%; right:0; width:50%;}
#page-welcome img {border:#fff 9px solid;}
#hotel-bedrooms {background-color:rgba(0,0,0,0.1); padding:2rem;}
.hotel-acc .su-spoiler-title {font-size:1.6rem;}
.aged-button.script.rooms-button {margin:2rem 0; transform: scale(1.3);} @media (min-width: 400px) {} @media (min-width: 550px) {
} @media (min-width: 750px) {
#hotel-intro .image-wrapper {position:absolute; left: 0; top:0; height:100%; width: 55%; float: none;}
#hotel-intro .intro-image-1 {position:relative; width:55%; float: right;}
#hotel-intro .intro-image-2 {position:absolute; bottom:0; left:0; width:50%;}
#hotel-more-info .intro-image-3 {position:absolute; top:0%; left:15%; width:20%;}
#hotel-bedrooms {background-color:rgba(0,0,0,0.1); padding:6rem;}
.aged-button.script.rooms-button {margin:5rem 0; transform: translateX(-50%) ;}
} @media (min-width: 1000px) {
} @media (min-width: 1200px) {
}  .overlay-carousel {}
.overlay-carousel .slide {height:400px; background-size: cover; background-position: center; position: relative; margin: 0 2rem; }
.overlay-carousel .slick-arrow {z-index: 9;}
.overlay-carousel .slick-prev {left:20px; width:20px; height:20px; display:none !important;}
.overlay-carousel .slick-next {right:20px; width:20px; height:20px; display:none !important;}
.overlay-carousel .slick-prev::before, .overlay-carousel .slick-next::before {font-size: 40px;  color:rgba(0,0,0,0.5)}
.overlay-carousel .overlay {position: absolute; top:0; left: 0; width:100%; height:100%; background-color:rgba(0,0,0,0.4); color:#fff; text-align: center;}
.overlay-carousel .overlay p {font-size: 1.6rem;}
.overlay-carousel .overlay .wrapper {width: 80%; padding:4rem 0; margin: 20px auto 0 auto;}
.overlay-carousel .overlay h2 {color:#fff;}
.aged-button {display: inline-block; height:100px; width:100px; background-image:url(//www.eltermere.co.uk/wp-content/themes/eltermere2023/assets/images/interface/aged-circ-button.svg); background-position: center; background-size: contain; background-repeat: no-repeat; color:#fff; vertical-align: middle; font-weight: 600; text-align: center; transform: scale(0.8);}
.aged-button:hover {border:0; cursor: pointer;}
.aged-button span {display: block;transform: translateY(-50%);margin-top: 50%; padding: 0 15px; line-height: 1.5rem;}
.aged-button.script {font-family: "rollerscript-smooth";}
#food_offers {background:rgba(21,73,67,0);  }
#food_offers .container {border-top: 1px solid #154943; padding: 4rem;}
#food_offers h2 {text-align:center}
#food_offers .image {width:100%; height:260px; background-size: cover; background-position: center;}
#food_offers img {width:100%;}
#food_offers .offer {position:relative;}
#food_offers .legend {position:absolute; width:80%; left:10%; bottom:0;  height:30%; background-color: #fff; text-align:center; z-index: 99; transition: all 0.5s ease-out; overflow: hidden;}
#food_offers .legend h3 {padding:2rem 0 0 0; margin: 0;}
#food_offers .legend .info p {padding:2rem; font-size:1.4rem; margin: 0 0 2rem 0; opacity: 0; transition: all 0.5s ease-out;}
#food_offers .legend:hover {height:110%;}
#food_offers .legend:hover .info p {opacity: 1;}
#menus {text-align:center;}
#menus .container {border-top: 1px solid #154943; padding: 4rem;}
#menus .menu-row {margin-bottom: 3rem;}
#menu-nav ul {display:block; margin: 0 auto; list-style: none; padding: 0; text-align: center;}
#menu-nav ul li {display:inline-block; margin: 0 0 1rem 0;}
#menu-nav ul li a {padding:10px 18px; text-transform: uppercase; font-weight: 400; color:#000;}
#menu-nav ul li.current_page_item a {background:#222; color:#fff;} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
.overlay-carousel .slide {height:600px;}
.overlay-carousel .overlay {position: absolute; top:0; left: 0; width:100%; height:100%; background-color:rgba(0,0,0,0.4); color:#fff; text-align: center;}
.overlay-carousel .overlay p {font-size: 2.3rem;}
.overlay-carousel .overlay .wrapper {width: 40%; padding:4rem; margin: 185px auto 0 auto;}
.overlay-carousel .overlay h2 {color:#fff;}
.aged-button {transform: scale(1) }
.overlay-carousel .slick-prev {left:100px; width:40px; height:40px; display:block;}
.overlay-carousel .slick-next {right:100px; width:40px; height:40px; display:block;}
#menu-nav ul li {display:inline-block; margin: 0 1.5rem;}
} @media (min-width: 1000px) {
} @media (min-width: 1200px) {}  #blog {}
.post {text-align:center; border-bottom: 1px solid #154943; margin-bottom: 4rem;}
.post img {width:100%; height:auto;}
.post h2 {padding:19px 40px; color:#154943; display: inline-block; margin: 4rem 0; font-weight: 600;}
.post p {font-size:2rem; line-height: 3.9rem;}
.post .description {display:block; width:100%; margin: 0 auto;} 
.offer-form-button {display: inline-block; font-size:3rem; padding:1rem 3rem; margin:2rem 0;font-family: "rollerscript-smooth"; color:#fff; background:#154943; }
.offer-form-button:hover {cursor: pointer; background:#0cad9a;}
.offer-form {text-align: center; background-color:#fffffd !important; background-image: url(//www.eltermere.co.uk/wp-content/themes/eltermere2023/assets/images/interface/noise-grunge-background-light.jpg) !important;}
.offer-form input[type="text"], .offer-form input[type="email"] {text-align:center; border: solid 1px rgba(0,0,0,0.3); background-color:#fff;}
.offer-form-container a {display: inline-block; font-size:3rem; padding:1rem 3rem; margin:2rem 0;font-family: "rollerscript-smooth"; color:#fff; background:#154943; border-radius: 0; font-weight: 300;}
.offer-form-container a:hover {cursor: pointer; background:#0cad9a;} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
} @media (min-width: 1000px) {
} @media (min-width: 1200px) {}  #plan-your-stay #introduction img {width:100%}
#plan-your-stay #introduction .pys-image-1 {width:100%; display:block; position: relative; right:1rem; border:#fff 9px solid;}
#plan-your-stay #introduction .row {margin-bottom: 8rem;}
#things-to-do {border-top:solid 1px #222; padding: 8rem 0;}
#things-to-do img {width:100%;}
#things-to-do .image {height:auto; overflow: hidden;}
#things-to-do a {color:#154943} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
#things-to-do .image {height:400px;}
} @media (min-width: 1000px) {
} @media (min-width: 1200px) {}   @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
} @media (min-width: 1000px) {
} @media (min-width: 1200px) {}  #page-brand {background:#3D4647; padding:5rem 0;}
#page-brand .logo {height:150px; margin-bottom: 7rem; text-align: center;}
#page-brand .logo img {height:100%; width:auto;}
#page-brand .competition-title h1 {text-align: center; color:#fff;}
#section-title {text-align:center;}
.slates-competition h2 {font-weight:600; color: #3D4647;}
.slates-comp-form {padding:2rem; background-color:#C62F14; color:#000; border-radius: 4px;}
.slates-comp-form h2 {color:#fff; font-weight: 600;}
.slates-comp-form input, .slates-comp-form textarea {background: transparent; color:#fff; border: none; border-bottom: 2px solid #fff;}
.slates-comp-form textarea {height:300px;}
.slates-comp-form input[type="submit"] {background:#fff; color:#C62F14;}
.slates-comp-form input[type="submit"]:hover {background:#000;}
.slates-comp-form label {color:#fff; font-family: "rollerscript-smooth"; font-weight: 600; font-size: 2rem;}
.sketch-graphic {float:right; width:70px;} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
#page-brand {background:#3D4647; padding:10rem 0;}
.slates-comp-form {padding:5rem;}
} @media (min-width: 1000px) {
} @media (min-width: 1200px) {}  #brand {background:#3D4647; padding:5rem 0;} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
#brand {background:#3D4647; padding:10rem 0;}
} @media (min-width: 1000px) {
} @media (min-width: 1200px) {}  #single {text-align:left;}
#single ul {font-size:1.7rem; list-style: disc; list-style-position: outside; margin-left: 3rem;}
#careers .job-item {border-bottom:1px solid #ccc;} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
#brand {background:#3D4647; padding:10rem 0;}
} @media (min-width: 1000px) {
} @media (min-width: 1200px) {}  .circle-feature {position:absolute; top: -3%; right: 3%; transform: rotate(10deg); background-color:#fefefc; width:250px; border-radius:999px; box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.2); border:solid 3px #154943; display:none;}
.circle-feature::after {display:block; content: ""; padding-bottom:100%;}
.circle-feature .inner {display: flex; align-content: center; text-align: center; justify-content: center; flex-flow:row wrap; position:absolute; top:0; left:0; width:80%; padding:10%; height:90%;border-radius:999px; font-size:2rem;}
.circle-feature .inner p:last-child {margin:0;} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
.circle-feature {display:block;}
.hero-vide .video-overlay {bottom:10rem; top:auto;}
} @media (min-width: 1000px) {
.circle-feature {position:absolute; top: -3%; right: 3%; transform: rotate(10deg); background-color:#fefefc; width:250px; border-radius:999px; box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.2); border:solid 3px #154943;}
} @media (min-width: 1200px) {}  #careers .logos {margin-bottom:2rem;}
#careers .logos img {max-width:140px;}
.job .pic {height:400px; background-size: cover; background-position: center; margin-bottom: 2rem;}
.job .description {padding:0 2rem 0 0; border-right:1px solid #154943;}
.job .job-logos img {width:100%; height:auto;}.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:1;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==)}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}