html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video, main {
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
}
#page-intro-text a {color: #fff!important; font-style: italic; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
display:block;
}
body {
line-height:1;
}
ol, ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
content:'';
content:none;
}
table {
border-collapse:collapse;
border-spacing:0;
}
button, input, select, textarea {
width:auto;
overflow:visible;
margin:0;
font-size:100%;
vertical-align:baseline;
}
textarea {
overflow:auto;
vertical-align:text-top;
}
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
} body {
color: #514f47;
font-family: 'Avenir', 'times new roman', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 62.5%;
font-weight: 400;
line-height: 1.5em;
}
h1 {
text-transform: uppercase;
}
h1 {
font-size: 2.5em;
}
h2 {
font-size: 2.2em;
font-weight: 500;
text-transform: capitalize;
}
}
h3 {
font-size: 2em;
}
h4, h5, h6 {
font-size: 1.7em;
}
a {
text-decoration: none;
}
.wrapper-inner-content {
clear: both;
max-width: 1200px;
margin: 0 auto;
}
a.gv-link {
background-color: #86754d;
padding: 8px;
color: #FFFFFF;
text-decoration: none;
transition: all 0.5s ease-in-out;
}
a.gv-link:hover {
background-color: #bea313;
} .videoWrapper {
position: relative;
padding-bottom: 25%;
padding-top: 25px;
height: 0;
margin-bottom: 25px;
width: 49%;
float: left;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.videoWrapper:nth-child(even) {margin-right: 2%;}
.videoWrapper:nth-child(odd) {margin:0px;} header {
background: #fff;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#wrapper-header-inner {
max-width: 1200px;
padding: 40px 0;
margin: 0 auto;
clear: both;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#wrapper-header-social-desc {
float: left;
}
#header-social li {
float: left;
margin-right: 5px;
margin-bottom: 15px;
font: 0/0 a;
}
#header-social li a {
display: block;
height: 37px;
width: 37px;
color: transparent;
}
#header-social li.fb a {
background: url(//www.hadleypark.co.uk/images/icon-social-fb.png) no-repeat center center;
}
#header-social li.fb a:hover {
background: url(//www.hadleypark.co.uk/images/icon-social-fb-inv.png) no-repeat center center;
}
#header-social li.tw a {
background: url(//www.hadleypark.co.uk/images/icon-social-tw.png) no-repeat center center;
}
#header-social li.tw a:hover {
background: url(//www.hadleypark.co.uk/images/icon-social-tw-inv.png) no-repeat center center;
}
#header-social li.insta a {
background: url(//www.hadleypark.co.uk/images/icon-social-insta.png) no-repeat center center;
}
#header-social li.insta a:hover {
background: url(//www.hadleypark.co.uk/images/icon-social-insta-inv.png) no-repeat center center;
}
#header-strapline {
clear: left;
color: #86754d;
font-size: 2.2em;
line-height: 1.2em;
opacity: 1;
visibility: visible;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#wrapper-header-contact-menu {
float: right;
}
#header-menu-toggle {
float: right;
margin-left: 30px;
margin-top: 30px;
}
#header-menu-toggle a {
display: block;
width: 52px;
padding-top: 52px;
background: url(//www.hadleypark.co.uk/images/icon-menu.png) no-repeat center top;
color: #bea313;
text-transform: uppercase;
font-size: 1.5em;
line-height: 2em;
text-align: center;
}
#header-menu-toggle a:hover {
background: url(//www.hadleypark.co.uk/images/icon-menu-inv.png) no-repeat center top;
color: #86754d;
}
#header-contact {
float: left;
visibility: visible;
margin-top: 0;
text-align: right;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#header-contact p {
color: #86754d;
font-size: 1.4em;
line-height: 1.5em;
text-transform: uppercase;
}
#header-contact p em {
font-size: 1.6em;
}
#header-contact p a {
color: #86754d;
}
#header-contact img {
display: inline-block;
margin-bottom: 10px;
margin-left: 16px;
}
header a#logo-link {
display: block;
margin: 0 auto;
width: 192px;
height: 103px;
background: url(//www.hadleypark.co.uk/images/logo.png) no-repeat center center;
}
header a#logo-link:hover {
background: url(//www.hadleypark.co.uk/images/logo-inv.png) no-repeat center center;
}
#header-booking-bar {
clear: both;
padding: 10px 0;
background-color: #514f47;
color: #fff;
}
#header-booking-bar .booking-form {
max-width: 1200px;
margin: 0 auto;
}
#ui-datepicker-div {
z-index: 99999!important;
}
.booking-form input[type="text"] {
float: left;
border: none;
width: 22%;
height: 25px;
padding: 0 6px;
margin-right: 1%;
font-size: 1.2em;
line-height: 25px;
}
.booking-form .booking-select {
float: left;
width: 8%;
margin-right: 1%;
}
.booking-form select {
border: none;
width: 100%;
height: 25px;
font-size: 1.2em;
line-height: 25px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.booking-form input[type="submit"] {
float: left;
border: none;
width: 13%;
height: 25px;
background: #fff;
font-size: 1.2em;
line-height: 25px;
text-transform: uppercase;
}
.booking-form input[type="submit"]:hover {
cursor: pointer;
background: #bea313;
color: #fff;
}
body .ui-widget {
font-size: 1.3em;
}  @media screen and (max-width: 768px) {
.page-contact-details-phone {
display: none!important;
}
.page-contact-details {
display: none!important;
}
}
#wrapper-header-menu {
display: none;
overflow: hidden;
background: #86754d url(//www.hadleypark.co.uk/images/bg-menu.png) no-repeat right bottom;
background-size: contain;
color: #fff;
}
#wrapper-header-menu .wrapper-inner-content {
padding: 30px 0;
}
#menu-wrapper-1,
#menu-wrapper-2,
#menu-wrapper-3 {
float: left;
width: 23%;
margin-right: 2%
}
#wrapper-header-menu .wrapper-inner-content > div > .widget {
margin-bottom: 30px;
}
#wrapper-header-menu .widget_nav_menu h2 {
margin-bottom: 1em;
text-transform: none;
}
#wrapper-header-menu .widget_nav_menu li {
font-size: 1.5em;
line-height: 1.7em;
text-transform: uppercase;
}
#wrapper-header-menu .widget_nav_menu li a {
display: inline-block;
padding: 0 5px;
color: #fff;
}
#wrapper-header-menu .widget_nav_menu li a:hover,
#wrapper-header-menu .widget_nav_menu li.active a {
background: #bfa414;
}
#menu-wrapper-4 {
clear: both;
}
#menu-wrapper-4 .widget {
margin-bottom: 0!important;
}
#menu-wrapper-4 .widget p:last-of-type {
margin-bottom: 0;
}
#menu-wrapper-4 .widget.widget-first {
float: right;
text-align: right;
}
#menu-wrapper-4 .widget.widget-last {
padding-top: 20px;
position: relative;
}
#menu-wrapper-4 .widget.widget-last:before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 170px;
height: 1px;
background: #fff;
}
#menu-wrapper-4 p {
margin-bottom: 1em;
font-size: 1.5em;
line-height: 1.5em;
}
#menu-wrapper-4 p a {
color: #fff;
} #slider {
width: 100%;
height: 585px;
position: relative;
overflow: hidden;
z-index: 200;
}
#slider-inner {
width: 100%;
height: 585px;
background: no-repeat center center;
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
#slider.post {
max-width: 1200px;
height: 450px!important;
margin: 0 auto;
}
#slider.post img {
min-width: 100%;
height: auto;
}
#slider div.royalControlNavOverflow {
padding: 0 14px;
bottom: 20px;
}
#slider div.royalControlNavContainer,
#slider div.royalControlNavCenterer {
background: none;
}
.royalSlider.default .royalControlNavOverflow a {
background-image: none!important;
background-color: #86754d!important;
width: 20px!important;
height: 20px!important;
margin: 0 4px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
opacity: 1!important;
}
#slider a.arrow {
width: 42px;
height: 43px;
margin-top: -21px;
border-radius: 0;
-ms-filter: none;
filter: none;
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
#slider a.arrow.left {
background: url(//www.hadleypark.co.uk/images/slider-arrow-prev.png) no-repeat 0 0;
}
#slider a.arrow.right {
background: url(//www.hadleypark.co.uk/images/slider-arrow-next.png) no-repeat 0 0;
}
#slider a.arrow.left:hover {
background: url(//www.hadleypark.co.uk/images/slider-arrow-prev-inv.png) no-repeat 0 0;
}
#slider a.arrow.right:hover {
background: url(//www.hadleypark.co.uk/images/slider-arrow-next-inv.png) no-repeat 0 0;
} #slider.header-map img {
max-width: none;
} main#content {
max-width: 1200px;
margin: 0 auto;
padding: 30px 0;
clear: both;
}
article h1 {
position: relative;
padding-bottom: 25px;
margin-bottom: 30px;
line-height: 1.2em;
}
article h1:after {
position: absolute;
bottom: 0;
left: 0;
content: " ";
height: 3px;
width: 50px;
background: #514f47;
}
article h2, article h3 {
margin-bottom: 0.5em;
line-height: 1.2em;
font-size: 2.5em;
}
article p, article li, article dt, article dd {
font-size: 1.7em;
line-height: 1.2em;
}
article li li, article li p, article dt dt, article dd dd {
font-size: inherit;
line-height: inherit;
}
article p {
margin: 0 0 1.5em;
}
article ul {
padding-left: 20px;
margin: 0 0 1.5em;
list-style: disc;
}
article ol {
padding-left: 20px;
margin: 0 0 1.5em;
list-style: decimal;
}
article dl {
margin: 0 0 1.5em;
}
article a {
color: #c5ad2b;
text-decoration: underline;
}
article a:hover {
text-decoration: none;
}
article strong {
font-weight: bold;
}
article em {
font-style: italic;
}
article img {
max-width: 100%;
height: auto;
}
article .alignleft {
float: left;
margin: 0 20px 20px 0;
}
article .alignright {
float: right;
margin: 0 0 20px 20px;
}
article .aligncenter {
display: block;
margin: 0 auto 20px;
} article.page {
padding-bottom: 30px;
}
#page-intro {
background: #7ba1a7 url(//www.hadleypark.co.uk/images/bg-page-intro.png) no-repeat bottom right;
background-size: auto 100%;
} #page-intro + #content {
padding-bottom: 0;
}
#page-intro + #content > article {
padding-bottom: 0;
}
#page-intro + #content > article > h1 {
padding-bottom: 0;
}
#page-intro + #content > article > h1:after {
display: none;
}
#wrapper-inner-page-intro {
margin: 0 auto;
max-width: 1200px;
background-repeat: no-repeat;
background-position: bottom right;
background-size: auto 95%;
color: #fff;
}
#page-intro-text {
min-height: 200px;
padding: 30px 0;
float: left;
width: 55%;
}
#page-intro-text h2 {
margin-bottom: 1em;
line-height: 1.4em;
text-transform: none;
font-weight: bold;
}
#page-intro-text p {
margin-bottom: 1em;
font-size: 1.7em;
line-height: 1.4em;
}
#page-intro-buttons {
float: left;
clear: left;
width: 55%;
}
#page-intro-buttons li {
float: left;
margin-right: 4%;
margin-bottom: 20px;
font-size: 2em;
line-height: 1.5em;
}
#page-intro-buttons li a {
display: block;
padding: 20px;
background: #5e7c7f;
color: #fff;
text-transform: uppercase;
}
#page-intro-contact-details {
float: left;
clear: left;
width: 55%;
margin-top: 1em;
margin-bottom: 2em;
font-size: 1.7em;
line-height: 1.4em;
}
#page-intro-contact-details a {
color: #fff;
}
.page-contact-details {
position: relative;
z-index: 1;
float: left;
margin: 5px 0 10px 5px;
color: #fff;
font-size: 2em;
padding: 10px 10px;
background-color: #86754d;
}
.page-contact-details a {
color: #fff;
text-decoration: none;
}
.page-contact-details:hover {
background-color: #5e5d58;
}
.page-contact-details-phone {
position: relative;
z-index: 1;
float: left;
margin: 5px 0 10px 5px;
color: #000;
font-size: 2em;
padding: 10px; font-weight: 400;
}
.page-contact-details-phone a {
color: #000;
text-decoration: none;
}
.page-go-back {
clear: both;
margin-bottom: 30px;
text-align: center;
font-weight: bold;
font-size: 2em;
line-height: 2.6em;
text-transform: uppercase;
}
.page-go-back a {
display: block;
background: #999 url(//www.hadleypark.co.uk/images/icon-arrow-back.png) no-repeat 1% 50%;
color: #fff;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.page-go-back a:hover {
background-color: #808080;
} #wedding-wrapper-inner {
float: left;
width: 59.6%;
margin-bottom: 20px;
}
#wedding-aside {
float: right;
width: 39.4%;
padding: 20px;
margin-bottom: 20px;
border: 2px solid #514f47;
}
#wedding-aside h1 {
padding-bottom: 0;
}
#wedding-aside h1:after {
display: none;
}
#wedding-photos-list li {
float: left;
width: 19.2%;
margin-right: 1%;
margin-bottom: 10px;
}
#wedding-photos-list li.wedding-photo-5,
#wedding-photos-list li.wedding-photo-10,
#wedding-photos-list li.wedding-photo-15,
#wedding-photos-list li.wedding-photo-20,
#wedding-photos-list li.wedding-photo-25,
#wedding-photos-list li.wedding-photo-30 {
margin-right: 0;
}
#wedding-photos-list li a {
display: block;
position: relative;
}
#wedding-photos-list li a:focus {
outline: none;
}
#wedding-photos-list li a:before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
opacity: 0;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#wedding-photos-list li a:hover:before {
opacity: 1;
}
#wedding-photos-list li a:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
margin-top: -13px;
margin-left: -13px;
width: 26px;
height: 26px;
background: url(//www.hadleypark.co.uk/images/icon-plus.png) no-repeat center center;
}
#wedding-photos-list li a img {
display: block;
max-width: 100%;
height: auto;
} .gallery .gallery-item {
width: 32%!important;
margin-top: 0!important;
margin-right: 2%;
margin-bottom: 20px!important;
}
.gallery .gallery-item:nth-of-type(3n+0) {
margin-right: 0;
}
.gallery .gallery-icon a {
display: block;
position: relative;
}
.gallery .gallery-icon a:focus {
outline: none;
}
.gallery .gallery-icon a:before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
opacity: 0;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.gallery .gallery-icon a:hover:before {
opacity: 1;
}
.gallery .gallery-icon a:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
margin-top: -13px;
margin-left: -13px;
width: 26px;
height: 26px;
background: url(//www.hadleypark.co.uk/images/icon-plus.png) no-repeat center center;
}
.gallery .gallery-icon img {
border: none!important;
display: block;
}
#cboxTitle {
display: none!important;
} div.wpcf7 ul {
list-style: none;
}
div.wpcf7 ul li {
margin-bottom: 8px;
}
div.wpcf7 label {
display: inline-block;
width: 160px!important;
}
div.wpcf7 input[type="text"],
div.wpcf7 input[type="email"],
div.wpcf7 textarea {
padding: 2px;
width: 300px;
border: 1px solid #bea313;
font-family: 'Avenir', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
}
div.wpcf7 select {
width: 300px;
border: 1px solid #bea313;
}
div.wpcf7 input[type="submit"] {
background: #bea313;
border: 1px solid #bea313;
color: #fff;
} article.contact {
padding-bottom: 20px;
}
#contact-address { padding: 20px;
margin-bottom: 20px;
min-height: 261px;
background-color: #86754d;
color: #fff;
}
#contact-address .contact-details {
float: left;
width: 66%;
}
#contact-address .contact-satnav {
float: right;
width: 32%;
}
#contact-address .contact-details-address {
position: relative;
margin-top: 15px;
padding-top: 15px;
}
#contact-address .contact-details-address:before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 2px;
background: #fff;
}
#contact-address > div.contact-satnav > p.contact-details-address > a {
background-color: #fff;
padding: 3px 5px;
color: #86754d;
text-transform: uppercase;
font-weight: 700;
display: inline-block;
margin-top: 5px;
text-decoration: none;
}
#contact-address h1 {
padding-bottom: 0;
margin-bottom: 0.8em;
font-size: 2.2em;
}
#contact-address h1:after {
display: none;
}
#contact-address h2 {
margin-bottom: 0.8em;
}
#contact-address p {
margin-bottom: 0;
line-height: 1.5em;
}
#contact-address a {
color: #fff;
}
#contact-map {
clear: both;
}
#contact-map .mapp-layout {
border: none!important;
margin: 0!important;
}
#contact-map .mapp-directions {
font-size: 1.4em;
line-height: 1.5em;
}
#contact-form {
clear: both;
margin-bottom: 20px;
padding: 20px;
background: #514f47;
color: #fff;
}
#contact-form h1 {
margin-bottom: 1em;
line-height: 1.5em;
}
#contact-form .contact-fields-1 {
width: 49%;
float: left;
}
#contact-form .contact-fields-2 {
width: 49%;
float: right;
}
#contact-form .contact-fields-3 {
width:100%;
float:left;
}
#contact-form ul li {
margin-bottom: 20px;
}
#contact-form ul li.contact-submit {
margin-bottom: 0;
text-align: right;
}
#contact-form div.wpcf7 input[type="text"],
#contact-form div.wpcf7 input[type="email"],
#contact-form div.wpcf7 textarea {
padding: 0 2px;
width: 100%;
border: none;
color: #514f47;
line-height: 2em;
}
#contact-form div.wpcf7 textarea {
height: 75px;
}
#contact-form div.wpcf7 input[type="submit"] {
padding-right: 40px;
background: #514f47;
background: transparent url(//www.hadleypark.co.uk/images/icon-plus.png) no-repeat 90% 50%;
color: #fff;
border: none;
font-size: 18px;
line-height: 2em;
text-transform: uppercase;
}
#contact-form div.wpcf7 input[type="submit"]:hover {
cursor: pointer;
background-color: #bea313;
}
#contact-form div.wpcf7 .ajax-loader {
display: none;
}
#contact-form span.wpcf7-not-valid-tip {
font-size: 1.4em;
}
#contact-form div.wpcf7-response-output {
margin: 0!important;
padding: 0!important;
font-size: 1.4em;
}
#contact-form .wpcf7-form {
width:100%;
}
#contact-form .contact-gdpr label {
width:100% !important;
font-size:16px;
}
#contact-form .contact-gdpr p {
font-size:14px;
}
#contact-form .contact-gdpr span.wpcf7-list-item {
margin-left:0;
}
#contact-form .contact-gdpr p a {
color:white;
text-decoration:underline;
} #slider-home {
position: relative;
overflow: hidden;
} #slider-home h1 {
position: absolute;
top: 45%;
left: 5%;
width: 90%;
color: #fff;
text-shadow:
-1px -1px 0 #000000,
1px -1px 0 #000000,
-1px 1px 0 #000000,
1px 1px 0 #000000;
text-align: center;
line-height: 1.3em;
}
#slider-home h1 strong {
font-weight: bold;
}
#slider-home iframe {
width: 100vw;
height: 56.25vw; min-height: 100%;
min-width: 177.77%; position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#slider-home .scroll {
position: absolute;
bottom: 110px;
left: 5%;
width: 90%;
color: #fff;
text-shadow:
-1px -1px 0 #000000,
1px -1px 0 #000000,
-1px 1px 0 #000000,
1px 1px 0 #000000;
text-align: center;
font-size: 1.8em;
line-height: 1.3em;
text-transform: uppercase;
display: none;
}
#slider-home .scroll:before {
width: 42px;
height: 42px;
background: url(//www.hadleypark.co.uk/images/icon-arrow-scroll-stroke.png) no-repeat center center;
display: block;
content: " ";
margin: 0 auto 10px;
}
#slider-home.no-buttons .scroll {
bottom: 30px;
}
#slider-home #slider-home-buttons {
position: absolute;
bottom: 20px;
width: 1200px;
left: 50%;
margin-left: -600px;
}
#slider-home #slider-home-buttons li {
float: left;
width: 19.2%;
margin-right: 1%;
}
#slider-home #slider-home-buttons li.slider-home-button-5 {
margin-right: 0;
}
#slider-home #slider-home-buttons li a {
display: block;
padding: 10px 0;
border: 2px solid #fff;
color: #fff;
text-align: center;
font-size: 2em;
line-height: 1.6em;
text-transform: uppercase;
text-shadow:
-1px -1px 0 #000000,
1px -1px 0 #000000,
-1px 1px 0 #000000,
1px 1px 0 #000000;
}
#slider-home #slider-home-buttons li a:hover {
background-color: #bfa414;
text-shadow:
-1px -1px 0 #bfa414,
1px -1px 0 #bfa414,
-1px 1px 0 #bfa414,
1px 1px 0 #bfa414;
}
#room-availability {
float: right;
width: 32%;
min-height: 261px;
padding: 22px;
margin-bottom: 20px;
background: #514f47;
color: #fff;
}
#room-availability .booking-form input[type="text"] {
float: none;
width: 100%;
margin-right: 0;
margin-bottom: 23px;
}
#room-availability .booking-form .booking-select {
width: 48%;
margin-right: 0;
margin-bottom: 23px;
}
#room-availability .booking-form .booking-select-last {
float: right;
}
#room-availability .booking-form input[type="submit"] {
float: none;
width: 60%;
}
#home-ctas li {
margin-bottom: 20px;
}
#home-ctas li.home-cta-1 {
float: left;
width: 49%;
}
#home-ctas li.home-cta-1 a {
padding-bottom: 75%;
}
#home-ctas li.home-cta-2 {
width: 49%;
float: right;
clear: right;
}
#home-ctas li.home-cta-3 {
width: 49%;
float: left;
clear: left;
}
#home-ctas li.home-cta-4 {
width: 49%;
float: right;
clear: right;
}
#home-ctas li.home-cta-2 a,
#home-ctas li.home-cta-3 a,
#home-ctas li.home-cta-4 a  {
padding-bottom: 75%;
}
#home-ctas li a {
display: block;
position: relative;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
color: #fff;
}
#home-ctas li a p {
position: absolute;
top: 45%;
left: 0;
width: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 1.7em;
line-height: 2em;
text-transform: uppercase;
text-align: center;
}
#home-ctas li a p span {
display: inline-block;
max-width: 90%;
padding: 0 5%;
background-color: #86754d;
color: #fff;
}
#home-ctas li a div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
opacity: 0;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#home-ctas li a:hover div {
opacity: 1;
} h1.post-index {
margin-bottom: 30px;
line-height: 2em;
}
#post-filter {
margin-top: 20px;
margin-bottom: 20px;
}
#post-filter li {
float: left;
width: 49%;
margin-right: 2%;
margin-bottom: 30px;
font-size: 1.8em;
line-height: 1.3em;
text-transform: uppercase;
font-weight: bold;
} #post-filter.menus li {
width: 23.5%;
} #post-filter.offers li {
width: 23.5%;
} #post-filter.activities li {
width: 32%;
}
#post-filter li.last {
margin-right: 0;
}
#post-filter li a {
position: relative;
display: block;
padding: 25px 0;
display: block;
background-color: #7ba1a7;
color: #fff;
text-align: center;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#post-filter li a:hover {
background-color: #68878c;
}
#post-filter li a:after {
position: absolute;
left: 50%;
bottom: -30px;
height: 0;
width: 0;
margin-left: -25px;
border-top: 15px solid #7ba1a7;
border-right: 25px solid transparent;
border-bottom: 15px solid transparent;
border-left: 25px solid transparent;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#post-filter li a:hover:after {
border-top: 15px solid #68878c;
} #post-filter li.post-filter-events a { background-color: #9e9863;	}
#post-filter li.post-filter-events a:hover { background-color: #858054; }
#post-filter li.post-filter-events a:after { border-top: 15px solid #9e9863;}
#post-filter li.post-filter-events a:hover:after { border-top: 15px solid #858054; } #post-filter.menus li a { background-color: #7a7038; }
#post-filter.menus li a:hover { background-color: #61592d; }
#post-filter.menus li a:after { border-top: 15px solid #7a7038; }
#post-filter.menus li a:hover:after { border-top: 15px solid #61592d; }  #post-filter li.post-filter-offer-restaurant a { background-color: #7d7b69; }
#post-filter li.post-filter-offer-restaurant a:hover { background-color: #636254; }
#post-filter li.post-filter-offer-restaurant a:after { border-top: 15px solid #7d7b69; }
#post-filter li.post-filter-offer-restaurant a:hover:after { border-top: 15px solid #636254; } #post-filter li.post-filter-offer-room a { background-color: #7ba1a7; }
#post-filter li.post-filter-offer-room a:hover { background-color: #68878c; }
#post-filter li.post-filter-offer-room a:after { border-top: 15px solid #7ba1a7; }
#post-filter li.post-filter-offer-room a:hover:after { border-top: 15px solid #68878c; } #post-filter li.post-filter-offer-wedding a { background-color: #9e9863; }
#post-filter li.post-filter-offer-wedding a:hover { background-color: #858054; }
#post-filter li.post-filter-offer-wedding a:after { border-top: 15px solid #9e9863; }
#post-filter li.post-filter-offer-wedding a:hover:after { border-top: 15px solid #858054; } #post-filter li.post-filter-offer-business a { background-color: #8d9b8e; }
#post-filter li.post-filter-offer-business a:hover { background-color: #768277; }
#post-filter li.post-filter-offer-business a:after { border-top: 15px solid #8d9b8e; }
#post-filter li.post-filter-offer-business a:hover:after { border-top: 15px solid #768277; } #post-filter li.post-filter-activity-favourites a { background-color: #7d7b69; }
#post-filter li.post-filter-activity-favourites a:hover { background-color: #636254; }
#post-filter li.post-filter-activity-favourites a:after { border-top: 15px solid #7d7b69; }
#post-filter li.post-filter-activity-favourites a:hover:after { border-top: 15px solid #636254; } #post-filter li.post-filter-activity-doorstep a { background-color: #8d9b8e; }
#post-filter li.post-filter-activity-doorstep a:hover { background-color: #768277; }
#post-filter li.post-filter-activity-doorstep a:after { border-top: 15px solid #8d9b8e; }
#post-filter li.post-filter-activity-doorstep a:hover:after { border-top: 15px solid #768277; } #post-filter li.post-filter-activity-drive a { background-color: #949aab; }
#post-filter li.post-filter-activity-drive a:hover { background-color: #7e8391; }
#post-filter li.post-filter-activity-drive a:after { border-top: 15px solid #949aab; }
#post-filter li.post-filter-activity-drive a:hover:after { border-top: 15px solid #7e8391; }
body.blog #post-filter li.post-filter-news a:after,
body.category #post-filter li.post-filter-news a:after,
body.post-type-archive-event #post-filter li.post-filter-events a:after,
body.tax-event-category #post-filter li.post-filter-events a:after,
body.tax-event-category #post-filter li.post-filter-events a:after,
body.tax-menu_type.term-breakfast #post-filter li.post-filter-menu-breakfast a:after,
body.tax-menu_type.term-lunch #post-filter li.post-filter-menu-lunch a:after,
body.tax-menu_type.term-afternoon-tea #post-filter li.post-filter-menu-afternoon-tea a:after,
body.tax-menu_type.term-dinner #post-filter li.post-filter-menu-dinner a:after,
body.tax-menu_type.term-wedding #post-filter li.post-filter-menu-wedding a:after,
body.tax-menu_type.term-conference #post-filter li.post-filter-menu-conference a:after,
body.tax-menu_type.term-christmas #post-filter li.post-filter-menu-christmas a:after,
body.tax-menu_type.term-drinks #post-filter li.post-filter-menu-drinks a:after,
body.tax-offer_type.term-restaurant #post-filter li.post-filter-offer-restaurant a:after,
body.tax-offer_type.term-room #post-filter li.post-filter-offer-room a:after,
body.tax-offer_type.term-wedding #post-filter li.post-filter-offer-wedding a:after,
body.tax-offer_type.term-business #post-filter li.post-filter-offer-business a:after,
body.tax-local_activity_type.term-our-favourites #post-filter li.post-filter-activity-favourites a:after,
body.tax-local_activity_type.term-on-the-doorstep #post-filter li.post-filter-activity-doorstep a:after,
body.tax-local_activity_type.term-30-minute-drive #post-filter li.post-filter-activity-drive a:after
{
content: " ";
}
article.post-index {
float: left;
width: 32%;
margin-right: 2%;
margin-bottom: 20px;
}
article.post-index:nth-of-type(3n+0) {
margin-right: 0;
}
article.post-index:nth-of-type(3n+1) {
clear: both;
}
article.post-index a {
position: relative;
display: block;
padding: 20px;
min-height: 317px;
background-color: #7ba1a7;
background-position: -900px -900px;
background-repeat: no-repeat;
color: #fff;
text-decoration: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
article.post-index a:after {
content: " ";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: url(//www.hadleypark.co.uk/images/icon-plus.png) no-repeat 5% 95%;
}
article.post-index a:hover {
background-color: #68878c;
} body.post-type-archive-event article.post-index a,
body.tax-event-category article.post-index a {
background-color: #9e9863;
}
body.post-type-archive-event article.post-index a:hover,
body.tax-event-category article.post-index a:hover {
background-color: #858054;
} body.post-type-archive-menus article.post-index a,
body.tax-menu_type.term-breakfast article.post-index a {
background-color: #99c1c1;
}
body.tax-menu_type.term-lunch article.post-index a {
background-color: #7a7038;
}
body.tax-menu_type.term-afternoon-tea article.post-index a {
background-color: #27555b;
}
body.tax-menu_type.term-dinner article.post-index a {
background-color: #5f6db2;
}
body.tax-menu_type.term-wedding article.post-index a {
background-color: #bfa414;
}
body.tax-menu_type.term-conference article.post-index a {
background-color: #2e7e89;
}
body.tax-menu_type.term-christmas article.post-index a {
background-color: #aa9c61;
}
body.tax-menu_type.term-drinks article.post-index a {
background-color: #7ba1a7;
} body.post-type-archive-offers article.post-index a,
body.tax-offer_type.term-restaurant article.post-index a {
background-color: #7d7b69;
}
body.tax-offer_type.term-wedding article.post-index a {
background-color: #9e9863;
}
body.tax-offer_type.term-business article.post-index a {
background-color: #8d9b8e;
}
article.post-index h1 {
font-size: 2em;
}
article.post-index h1:after {
background: #fff;
} body.blog article.post-index a,
body.post-type-archive-event article.post-index a,
body.post-type-archive-offer article.post-index a,
body.tax-offer_type article.post-index a,
body.post-type-archive-menus article.post-index a,
body.tax-menu_type article.post-index a,
body.tax-local_activity_type article.post-index a,
body.post-type-archive-local-activities article.post-index a,
body.post-type-archive-weddings article.post-index a {
min-height: 0;
padding: 0 0 75% 0;
background-color: #7d7b69;
background-position: center center;
background-size: cover;
}
body.blog article.post-index a:after,
body.post-type-archive-event article.post-index a:after,
body.post-type-archive-offer article.post-index a:after,
body.tax-offer_type article.post-index a:after,
body.post-type-archive-menus article.post-index a:after,
body.tax-menu_type article.post-index a:after,
body.tax-local_activity_type article.post-index a:after,
body.post-type-archive-local-activities article.post-index a:after,
body.post-type-archive-weddings article.post-index a:after {
display: none;
}
body.blog article.post-index .post-index-excerpt,
body.post-type-archive-event article.post-index .post-index-excerpt,
body.post-type-archive-offer article.post-index .post-index-excerpt,
body.tax-offer_type article.post-index .post-index-excerpt,
body.post-type-archive-menus article.post-index .post-index-excerpt,
body.tax-menu_type article.post-index .post-index-excerpt,
body.tax-local_activity_type article.post-index .post-index-excerpt,
body.post-type-archive-local-activities article.post-index .post-index-excerpt,
body.post-type-archive-weddings article.post-index .post-index-excerpt {
display: none;
}
body.blog article.post-index h1,
body.post-type-archive-event article.post-index h1,
body.post-type-archive-offer article.post-index h1,
body.tax-offer_type article.post-index h1,
body.post-type-archive-menus article.post-index h1,
body.tax-menu_type article.post-index h1,
body.tax-local_activity_type article.post-index h1,
body.post-type-archive-local-activities article.post-index h1,
body.post-type-archive-weddings article.post-index h1 {
position: absolute;
top: 50%;
left: 0;
width: 100%;
margin: 0;
padding: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 1.7em;
line-height: 2em;
text-transform: uppercase;
text-align: center;
}
body.blog article.post-index h1:after,
body.post-type-archive-event article.post-index h1:after,
body.post-type-archive-offer article.post-index h1:after,
body.tax-offer_type article.post-index h1:after,
body.post-type-archive-menus article.post-index h1:after,
body.tax-menu_type article.post-index h1:after,
body.tax-local_activity_type article.post-index h1:after,
body.post-type-archive-local-activities article.post-index h1:after,
body.post-type-archive-weddings article.post-index h1:after {
display: none;
}
body.blog article.post-index h1 span,
body.post-type-archive-event article.post-index h1 span,
body.post-type-archive-offer article.post-index h1 span,
body.tax-offer_type article.post-index h1 span,
body.post-type-archive-menus article.post-index h1 span,
body.tax-menu_type article.post-index h1 span,
body.tax-local_activity_type article.post-index h1 span,
body.post-type-archive-local-activities article.post-index h1 span,
body.post-type-archive-weddings article.post-index h1 span {
display: inline-block;
max-width: 90%;
padding: 0 5%;
background-color: #86754d;
color: #fff;
}
body.blog article.post-index div.cover,
body.post-type-archive-event article.post-index div.cover,
body.post-type-archive-offer article.post-index div.cover,
body.tax-offer_type article.post-index div.cover,
body.post-type-archive-menus article.post-index div.cover,
body.tax-menu_type article.post-index div.cover,
body.tax-local_activity_type article.post-index div.cover,
body.post-type-archive-local-activities article.post-index div.cover,
body.post-type-archive-weddings article.post-index div.cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
opacity: 0;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
body.blog article.post-index a:hover div.cover,
body.post-type-archive-event article.post-index a:hover div.cover,
body.post-type-archive-offer article.post-index a:hover div.cover,
body.tax-offer_type article.post-index a:hover div.cover,
body.post-type-archive-menus article.post-index a:hover div.cover,
body.tax-menu_type article.post-index a:hover div.cover,
body.tax-local_activity_type article.post-index a:hover div.cover,
body.post-type-archive-local-activities article.post-index a:hover div.cover,
body.post-type-archive-weddings article.post-index a:hover div.cover {
opacity: 1;
}
.ajax-load-more-wrap,
.alm-btn-wrap {
clear: both;
}
.alm-btn-wrap button {
margin-top: 60px;
margin-bottom: 30px;
width: 100%;
background: #999 url(//www.hadleypark.co.uk/images/icon-plus.png) no-repeat 1.5% 50%;
color: #fff;
border: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
text-align: center;
font-weight: bold;
font-size: 2em;
line-height: 2.6em;
text-transform: uppercase;
outline: none;
}
.alm-btn-wrap button:hover {
cursor: pointer;
background-color: #808080;
}
article div.thumb-wrap {
float: left;
width: 150px;
}
article div.thumb-wrap a {
display: block;
}
article div.thumb-wrap a img {
display: block;
}
article div.text-wrap.has-thumb {
float: left;
width: 850px;
}  #page-submenu {
margin-bottom: 20px;
}
#page-contact #page-submenu {
margin-bottom: 20px;
}
#page-submenu li {
float: left;
width: 23.5%;
margin-right: 2%;
}
#page-submenu li.menu-item-4 {
margin-right: 0;
}
#page-submenu li a {
display: block;
padding: 25px 0;
color: #fff;
text-align: center;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#page-submenu li.menu-item-1 a {
background-color: #7d7b69;
}
#page-submenu li.menu-item-1 a:hover {
background-color: #636254;
}
#page-submenu li.menu-item-2 a {
background-color: #7ba1a7;
}
#page-submenu li.menu-item-2 a:hover {
background-color: #68878c;
}
#page-submenu li.menu-item-3 a {
background-color: #9e9863;
}
#page-submenu li.menu-item-3 a:hover {
background-color: #858054;
}
#page-submenu li.menu-item-4 a {
background-color: #8d9b8e;
}
#page-submenu li.menu-item-4 a:hover {
background-color: #768277;
}
#page-submenu li a p.prefix {
font-size: 1.5em;
line-height: 1.3em;
}
#page-submenu li a p.title {
font-size: 2em;
line-height: 1.3em;
text-transform: uppercase;
} #page-ctas li {
float: left;
width: 32%;
margin-right: 2%;
}
#page-ctas li.page-cta-3 {
margin-right: 0;
}
#page-ctas li a {
position: relative;
display: block;
height: 0;
padding-bottom: 75%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
#page-ctas li a div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
opacity: 0;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#page-ctas li a:hover div {
opacity: 1;
}
#page-ctas li a p {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 1.7em;
line-height: 2em;
text-transform: uppercase;
text-align: center;
}
#page-ctas li a p span {
display: inline-block;
max-width: 90%;
padding: 0 5%;
background-color: #86754d;
color: #fff;
}
#standard-ctas li {
float: left;
width: 32%;
margin-right: 2%;
margin-bottom: 20px;
}
#standard-ctas li.standard-cta-3,
#standard-ctas li.standard-cta-6,
#standard-ctas li.standard-cta-9,
#standard-ctas li.standard-cta-12,
#standard-ctas li.standard-cta-15 {
margin-right: 0;
}
#standard-ctas li a {
position: relative;
display: block;
padding-bottom: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
color: #fff;
}
#standard-ctas li a > div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
opacity: 0;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#standard-ctas li a:hover > div {
opacity: 1;
}
#standard-ctas li a p {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 1.7em;
line-height: 2em;
text-transform: uppercase;
text-align: center;
}
#standard-ctas li a p span {
display: inline-block;
max-width: 90%;
padding: 0 5%;
background-color: #86754d;
color: #fff;
}
#standard-ctas li.special a {
background-color: #86754d;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#standard-ctas li.special a:hover {
background-color: #6e603e;
}
#standard-ctas li.special a p {
opacity: 1;
top: 44%;
}
#standard-ctas li.special a p:before {
width: 56px;
height: 58px;
margin-bottom: 30px;
background: url(//www.hadleypark.co.uk/images/icon-leaf.png) no-repeat center center;
}
#standard-ctas li.special a p strong {
font-weight: bold;
}
#standard-ctas li.special a p em {
display: inline-block;
margin-top: 20px;
padding: 0 10px;
background: #fff;
color: #86754d;
font-size: 0.8em;
} footer {
margin: 0 auto;
clear: both;
}
#footer-upper {
padding: 40px 0 30px;
}
#footer-contact {
padding: 10px 0;
display: table;
margin-left: auto;
margin-right: auto;
width: 0;
text-align: center;
width: 100%;
}
#footer-accreditations {
padding: 10px 0;
display: table;
margin-left: auto;
margin-right: auto;
width: 0;
}
#footer-accreditations a {
display: inline-block;
}
#footer-accreditations img {
max-height: 80px;
margin-left: 10px;
width: auto;
}
#footer-contact p {
padding: 10px;
color: #fff;
font-size: 2.0em;
line-height: 2em;
width: 100%!important;
background-color: #7d7b69;
background: #7d7b69 url(//www.hadleypark.co.uk/media/2020/01/call-to-bg.jpg) no-repeat bottom center;
margin-bottom: 20px;
}
#footer-contact p a {
color: #fff;
}
#footer-contact p a:hover {
color: #f0f0f0;
}
#footer-contact .widget_nav_menu li {
float: left;
margin-right: 5px;
font-size: 1.3em;
line-height: 2em;
}
#footer-contact .widget_nav_menu li:after {
margin-left: 5px;
content: "/";
}
#footer-contact .widget_nav_menu li.last-menu-item:after {
content: "";
}
#footer-contact .widget_nav_menu li a {
padding: 0 2px;
color: #86754d;
}
#footer-contact .widget_nav_menu li a:hover {
background: #86754d;
color: #fff;
}
#footer-lower {
padding: 20px 0 60px 0;
background-color: #86754d;
color: #fff;
}
#newsletter-social > .newsletter-link {
float: left;
width: 50%;
margin-top: 10px;
text-align: center;
}
#newsletter-social > .newsletter-link a {
display:inline-block;
padding:15px;
background:white;
font-size:14px;
line-height:1;
font-weight:bold;
color:#86754d;
} #page-newsletter-signup .wpcf7-form {
width:100%;
}
#page-newsletter-signup .wpcf7-form-control-wrap {
width:100%;
}
#page-newsletter-signup .wpcf7-form-control-wrap input {
width:100%;
padding:10px;
}
#newsletter {
padding:0;
width:100%;
}
#newsletter .newsletter-gdpr {
margin-top:15px;
}
#newsletter input[type="email"] { }
#newsletter input[type="submit"] {
display: block;
width:100%;
padding: 0 10px;
background-color: #86754d;
color: white;
font-size: 1.7em;
line-height: 2em;
}
#newsletter input[type="submit"]:hover {
cursor: pointer;
background-color: #bea313;
border: 1px solid #bea313;
}
#footer-social-list {
float: left;
width: 50%;
padding-left: 5%;
border-left: 1px solid #fff;
}
#footer-social-list li {
float: left;
width: 50%;
font-size: 1.7em;
line-height: 1.2em;
}
#footer-social-list li a {
padding-left: 64px;
padding-top: 10px;
display: block;
min-height: 56px;
position: relative;
color: #fff;
}
#footer-social-list li a:hover {
color: #bea313;
}
#footer-social-list li a:before {
position: absolute;
top: 0;
left: 0;
height: 56px;
width: 56px;
border: 1px solid #fff;
-webkit-border-radius: 28px;
-moz-border-radius: 28px;
border-radius: 28px;
text-align: center;
line-height: 56px;
}
#footer-social-list li a:hover:before {
background-color: #bea313;
color: #fff;
}
#footer-social-list li.fb a:before {
content: "F";
}
#footer-social-list li.tw a:before {
content: "T";
}
#footer-social-list li.i a:before {
content: "I";
}
#footer-social-list li.p a:before {
content: "P";
}
#footer-credits {
border-top: 1px solid #fff;
margin-top: 20px;
padding-top: 20px;
}
#footer-credits p {
font-size: 1.7em;
line-height: 1.2em;
text-align: center;
}
#footer-credits p a {
color: #fff;
}
#footer-credits p a:hover {
color: #bea313;
}
form.wpcf7-form {
margin: 0 auto;
display: inline-block;
} .clearfix:after {
content: "\0020";
display: block;
height: 0;
clear: both;
overflow: hidden;
visibility: hidden;
max-height:0;
}
.clearfix {
zoom: 1; }
div.wpcf7-response-output {
border: 0!important;
} #commentform div.error,
#commentform label.error {
color: red;
font-size: 15px;
}
#commentform input.error,
#commentform textarea.error {
background-color: red;
color: #fff!important;
} ::-webkit-input-placeholder { color: inherit;
}
:-moz-placeholder { color: inherit;
opacity: 1;
}
::-moz-placeholder { color: inherit;
opacity: 1;
}
:-ms-input-placeholder { color: inherit;
} a[href^=tel]{
color:inherit;
text-decoration:none;
} textarea,
input[type=text],
input[type=email],
input[type=image],
input[type=submit] {
-webkit-appearance: none;
-webkit-border-radius:0px;
} @media only screen and (max-device-width: 800px) {
h1,h2,h3,h4,h5,h5,p,li,dt,dd {
background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
background-repeat:repeat;
}
} @font-face {
font-family: 'Avenir';
src: url(//www.hadleypark.co.uk/css/fonts/avenir-book-webfont.eot);
src: url(//www.hadleypark.co.uk/css/fonts/avenir-book-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.hadleypark.co.uk/css/fonts/avenir-book-webfont.ttf) format('truetype'),
url(//www.hadleypark.co.uk/css/fonts/avenir-book-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
} html.ie7 article li li,
html.ie7 article li p,
html.ie7 article dt dt,
html.ie7 article dd dd {
font-size: 13px;
} @media (max-width: 1200px) {
#wrapper-header-inner,
#header-booking-bar,
#wrapper-header-menu .wrapper-inner-content,
main#content,
#footer-upper,
#footer-lower,
#wrapper-inner-page-intro {
padding-right: 2%;
padding-left: 2%;
}
.booking-form input[type="text"] {
width: 21%;
}
.booking-form input[type="submit"] {
width: 16%;
} #post-filter li {
font-size: 1.6em;
}
article.post-index a {
min-height: 335px;
} #slider.post {
height: auto!important;
}
#slider.post img {
width: 100%;
height: auto;
} #slider-home #slider-home-buttons {
width: 96%;
left: 2%;
margin-left: 0;
}
#room-availability .booking-form input[type="submit"] {
width: 100%;
} #contact-map {
width: 100%;
}
#contact-map .mapp-layout {
width: 100%!important;
}
#contact-address h1,
#contact-address h2 {
font-size: 1.8em;
}
#contact-address p {
font-size: 1.5em;
}
} @media (max-width: 1020px) { #header-strapline {
font-size: 1.8em;
}
#header-contact p em {
font-size: 1.4em;
}
#wrapper-header-social-desc {
margin-top: 18px;
}
#header-social li {
margin-bottom: 9px;
}
#header-contact img {
max-height: 37px;
margin-top: 12px;
width: auto;
}
#header-menu-toggle {
margin-left: 16px;
}
.booking-form input[type="text"] {
width: 19%;
}
.booking-form input[type="submit"] {
width: 20%;
}
.booking-form .booking-select {
width: 9%;
}
#menu-wrapper-1,
#menu-wrapper-2,
#menu-wrapper-3 {
width: 28%;
}
#slider,
#slider-inner,
#slider > div.royalSlider {
height: 400px!important;
}
#slider aside.home-slider-summary {
top: 35px;
left: 6%;
width: 200px;
height: 200px;
margin-left: 0px;
}
#slider aside.home-slider-summary h1 {
font-size: 2em;
}
#slider aside.home-slider-summary p {
font-size: 1.8em;
}
#slider div.royalControlNavOverflow {
left: 5%;
top: 279px;
margin-left: 0;
}
#slider div.royalHtmlContent {
display: none;
} #page-intro-buttons li {
font-size: 1.6em;
}
#standard-ctas li a p {
font-size: 1.7em;
} #post-filter {
margin-top: 10px;
}
#post-filter li {
margin-bottom: 20px;
font-size: 1.1em;
}
article.post-index {
margin-bottom: 14px;
}
article.post-index a {
min-height: 385px;
}
body.blog article.post-index h1,
body.post-type-archive-event article.post-index h1,
body.post-type-archive-offer article.post-index h1,
body.tax-offer_type article.post-index h1,
body.post-type-archive-menus article.post-index h1,
body.tax-menu_type article.post-index h1,
body.tax-local_activity_type article.post-index h1,
body.post-type-archive-local-activities article.post-index h1,
body.post-type-archive-weddings article.post-index h1 {
font-size: 1.4em;
line-height: 1.5em;
}
body.blog article.post-index h1 span,
body.post-type-archive-event article.post-index h1 span,
body.post-type-archive-offer article.post-index h1 span,
body.tax-offer_type article.post-index h1 span,
body.post-type-archive-menus article.post-index h1 span,
body.tax-menu_type article.post-index h1 span,
body.tax-local_activity_type article.post-index h1 span,
body.post-type-archive-local-activities article.post-index h1 span,
body.post-type-archive-weddings article.post-index h1 span {
padding: 5px 5%;
}
.alm-btn-wrap button {
margin-top: 30px;
margin-bottom: 0;
font-size: 1.6em;
}
.page-go-back {
font-size: 1.6em;
} #page-submenu li a p.title {
font-size: 1.4em;
}
#page-ctas li a p {
font-size: 1.5em;
} #newsletter-social > div.wpcf7 {
width: 40%;
}
#footer-social-list {
width: 50%;
}
#footer-social-list li {
width: 50%;
margin-bottom: 10px;
}
#footer-social-list li a {
padding-left: 50px;
padding-top: 0px;
}
#footer-social-list li a:before {
height: 40px;
width: 40px;
line-height: 40px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#footer-accreditations img {
margin-bottom: 22px;
}
}
@media (max-width: 767px) {
#headerdivider {
display: none!important;
}
.home-cta-4 {
display: none!important;
}
#header-booking-bar {        
display: none;    
} #wrapper-header-inner {
padding: 50px 2% 60px;
position: relative;
}
#wrapper-header-social-desc {
float: none;
margin-top: 0;
}
#header-social {
position: absolute;
top: 5px;
left: 2%;
}
#header-strapline {
display: none;
}
#wrapper-header-contact-menu {
float: none;
margin: 0;
}
#header-contact {
position: absolute;
bottom: 5px;
left: 2%;
width: 96%;
text-align: center;
}
#header-menu-toggle {
position: absolute;
top: 5px;
right: 2%;
margin-top: 0;
}
#header-menu-toggle a,
#header-menu-toggle a:hover {
width: 37px;
height: 37px;
background-size: 100%;
color: transparent;
font: 0/0 a;
}
#header-contact img {
display: none;
}
#header a#logo-link {
background: url(//www.hadleypark.co.uk/media/2019/12/4-star-hotel-telford-logo.png) no-repeat center center;
}
.booking-form input[type="text"] {
width: 49%;
margin-right: 0;
}
.booking-form #book-widget-arrival {
margin-bottom: 5px;
}
.booking-form #book-widget-departure {
float: right;
margin-bottom: 5px;
}
.booking-form .booking-select {
width: 49%;
margin-right: 0;
margin-bottom: 5px;
}
.booking-form .booking-select-first {
clear: left;
}
.booking-form .booking-select-last {
float: right;
}
.booking-form input[type="submit"] {
width: 49%;
float: right;
}
#menu-wrapper-1,
#menu-wrapper-2,
#menu-wrapper-3 {
width: 100%;
}
#menu-wrapper-4 .widget.widget-first {
float: none;
text-align: left;
margin-bottom: 20px;
}
#slider,
#slider-inner,
#slider > div.royalSlider {
height: 350px!important;
}
#slider div.royalControlNavOverflow,
#slider a.arrow {
display: none;
}
#slider aside.home-slider-summary {
height: 190px;
left: 3%;
} #page-intro {
background-size: auto 55%;
}
#wrapper-inner-page-intro {
background-size: auto 45%;
}
#page-intro-text {
float: none;
width: auto;
min-height: 0;
}
#page-intro-buttons li {
font-size: 1.4em;
}
#page-intro-buttons li a {
padding: 10px;
}
#page-intro-buttons{
width: 100%;
} #slider-home-buttons,
#slider-home h1 {
display: none;
}
#slider-home .scroll {
bottom: 10px;
} .gallery .gallery-item {
margin-bottom: 8px!important;
} #contact-address,
#contact-address .contact-details,
#contact-address .contact-satnav {
float: none;
width: 100%;
}
#room-availability {
display: none;
}
.contact-satnav br {
display: none;
}
.mapp-canvas {
height: 250px!important;
}
#contact-form .contact-fields-1,
#contact-form .contact-fields-2 {
float: none;
width: 100%;
} #post-filter li {
width: 100%!important;
margin-right: 0!important;
margin-bottom: 10px;
font-size: 1.4em;
}
#post-filter li a:after {
bottom: 50%;
left: 0;
margin-left: 0;
margin-bottom: -15px;
border: none;
border-top: 15px solid transparent!important;
border-right: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid #fff;
}
article.post-index {
float: none;
width: auto;
margin-right: 0;
margin-bottom: 10px;
}
article.post-index a {
min-height: 0;
padding-bottom: 30px;
}
.alm-btn-wrap button {
background-position: 5% 50%;
} #wedding-wrapper-inner,
#wedding-aside {
float: none;
width: auto;
}
#wedding-photos-list li {
width: 32%;
margin-right: 2%!important;
}
#wedding-photos-list li:nth-of-type(3n+0) {
margin-right: 0!important;
} #page-submenu li {
width: 49%;
margin-bottom: 5px;
}
#page-submenu li.menu-item-2 {
margin-right: 0;
}
#page-submenu li a p.title {
font-size: 1.5em;
}
#page-ctas li {
float: none;
width: auto;
max-width: 400px;
margin: 0 auto 7px!important;
}
#standard-ctas li {
width: 100%;
max-width: 400px;
float: none;
margin: 0 auto 10px!important;
}
#standard-ctas li a > div,
#standard-ctas li a p {
opacity: 1;
}
#home-ctas li {
margin-bottom: 5px;
}
#home-ctas li.home-cta-1 {
float: none;
width: 100%;
} #footer-upper {
padding-top: 0;
}
#footer-accreditations {
float: none;
}
#footer-contact p {
margin-bottom: 15px;
}
#newsletter-social > div.wpcf7 {
float: none;
width: 300px;
margin: 0 auto 20px;
}
#footer-social-list {
float: none;
width: 280px;
margin: 0 auto 20px;
padding-left: 0;
border-left: none;
}
#footer-social-list li {
font-size: 1.4em;
}
#footer-accreditations {
text-align: center;
}
#footer-accreditations img {
margin-bottom: 10px;
margin-right: 5px;
margin-left: 5px;
max-height: 40px;
}
}
@media (max-width: 640px) { #slider,
#slider-inner,
#slider > div.royalSlider {
height: 300px!important;
}
#slider aside.home-slider-summary {
width: 160px;
height: 155px;
top: 37px;
}
#slider aside.home-slider-summary h1 {
font-size: 1.7em;
}
#slider aside.home-slider-summary p {
font-size: 1.4em;
}
}
@media (max-width: 540px) { #slider,
#slider-inner,
#slider > div.royalSlider {
height: 250px!important;
}
#page-ctas li {
float: none;
width: auto;
margin-right: 0;
margin-bottom: 7px;
}
}
@media (max-width: 440px) { #slider,
#slider-inner,
#slider > div.royalSlider {
height: 200px!important;
}
#slider aside.home-slider-summary {
width: 88%;
height: auto;
top: auto;
bottom: 5px;
padding: 5px 2%;
}
#slider aside.home-slider-summary h1 {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
font-size: 1.5em;
}
#slider aside.home-slider-summary p {
display: none;
}
.videoWrapper {
padding-bottom: 54%;
width: 100%;
float: none;
}
}
@media (max-width: 319px) {  #slider,
#slider-inner,
#slider > div.royalSlider {
height: 150px!important;
}
#slider aside.home-slider-summary {
display: none;
}
}
@media (max-width: 240px) { }
.checkbox-gdpr label {
position:relative;
}
.checkbox-gdpr input {
position:absolute;
top:0;
left:0;
}
.checkbox-gdpr span.wpcf7-list-item-label {
float:left;
margin-left:25px;
line-height:20px;
}
.star-rating {
float:left;
width:100%;
margin:0 0 30px;
padding:0;
list-style:none;
}
.star-rating li {
display:none;
float:left;
width:30px;
height:30px;
margin-right:10px;
background:url(//www.hadleypark.co.uk/images/star-rating.svg) no-repeat center;
background-size:30px;
}
.stars-1 li:nth-child(1) { display:block; }
.stars-2 li:nth-child(-n+2) { display:block; }
.stars-3 li:nth-child(-n+3) { display:block; }
.stars-4 li:nth-child(-n+4) { display:block; }
.stars-5 li:nth-child(-n+5) { display:block; }
.post-index .star-rating {
margin:0 0 20px;
}
.post-index .star-rating li {
width:20px;
height:20px;
background-size:20px;
} @import url("https://fonts.googleapis.com/css?family=Pinyon+Script");
.book-button a {
font-size: 22px;
background-color: #a81111;
padding: 10px 20px 10px 20px;
color: #fff;
margin: 50px 0 50px 0;
text-decoration: none;
line-height: 70px;
}
#page-copy {
background: url(//www.hadleypark.co.uk/media/2021/07/hadley-park-hotel-bg.jpg) no-repeat bottom center; 
background-color: #f0f0f0;
background-size: auto 65%;
margin-top: 20px;
padding:  5% 10% 5% 10%;
border-top: 10px #84a7ad solid;
} #page-copy + #content {
padding-bottom: 0;
}
#page-copy + #content > article {
padding-bottom: 0;
}
#page-copy + #content > article > h1 {
padding-bottom: 0;
}
#page-copy + #content > article > h1:after {
display: none;
}
#wrapper-inner-page-copy{
margin: 0 auto;
max-width: 1200px;
background-repeat: no-repeat;
background-position: bottom right;
background-size: auto 95%;
color: #666;
}
#page-copy-text {
min-height: 200px;
padding: 0 0 30px 0;
float: left;
width: 100%;
}
#page-copy-text h2 {
font-size: 4em;
margin-bottom: 0.5em;
margin-top: 1.5em;
line-height: 1.2em;
text-transform: none;
font-weight: 300;
//	font-family: 'Pinyon Script';
}
#page-copy-text h3 {
font-size: 3em!important;
margin-bottom: 0.5em;
margin-top: 1.5em;
line-height: 1em;
text-transform: none;
font-weight: 300;
//	font-family: 'Pinyon Script';
clear: both;
}
#page-copy-text p {
margin-bottom: 1em;
font-size: 1.7em;
line-height: 1.4em;
clear: both;
}
#page-copy-text p a{
color: #666;
font-style: italic;
text-decoration: underline;
}
ul #page-copy-buttons {
float: left;
clear: both;
width: 100%;
}
#page-copy-buttons li {
float: left;
margin-right: 4%;
margin-bottom: 40px;
font-size: 1.4em;
line-height: 1.5em;
}
#page-copy-buttons li a {
display: block;
padding: 5px 20px;
background: #5e7c7f;
color: #fff;
text-transform: uppercase;
}
#page-copy-contact-details {
float: left;
clear: left;
width: 55%;
margin-top: 1em;
margin-bottom: 2em;
font-size: 1.7em;
line-height: 1.4em;
}
#page-copy-contact-details a {
color: #fff;
} #page-intro-footer {
margin-top: 40px;
}
#page-intro-footer-text p {
font-size: 1.7em;
line-height: 1.2em;
padding: 0 0 20px 0;
}
#page-intro-footer-text p a {
color: #c5ad2b;
text-decoration: underline;
}
#page-intro-footer-text h2 {
margin: 0 0 30px 0;
}#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background:url(//www.hadleypark.co.uk/plugins/jquery-colorbox/themes/theme8/images/overlay.png) repeat 0 0;}
#colorbox{outline:0; font: 12px Tahoma, Arial,sans-serif;}
#cboxTopLeft{width:21px; height:21px; background:url(//www.hadleypark.co.uk/plugins/jquery-colorbox/themes/theme8/images/controls.png) no-repeat -100px 0;}
#cboxTopRight{width:21px; height:21px; background:url(//www.hadleypark.co.uk/plugins/jquery-colorbox/themes/theme8/images/controls.png) no-repeat -129px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(//www.hadleypark.co.uk/plugins/jquery-colorbox/themes/theme8/images/controls.png) no-repeat -100px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(//www.hadleypark.co.uk/plugins/jquery-colorbox/themes/theme8/images/controls.png) no-repeat -129px -29px;}
#cboxMiddleLeft{width:21px; background:url(//www.hadleypark.co.uk/plugins/jquery-colorbox/themes/theme8/images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(//www.hadleypark.co.uk/plugins/jquery-colorbox/themes/theme8/images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(//www.hadleypark.co.uk/plugins/jquery-colorbox/themes/theme8/images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(//www.hadleypark.co.uk/plugins/jquery-colorbox/themes/theme8/images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(//www.hadleypark.co.uk/plugins/jquery-colorbox/themes/theme8/images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(//www.hadleypark.co.uk/plugins/jquery-colorbox/themes/theme8/images/loading.gif) no-repeat center center;} #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(//www.hadleypark.co.uk/plugins/jquery-colorbox/themes/theme8/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(//www.hadleypark.co.uk/plugins/jquery-colorbox/themes/theme8/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(//www.hadleypark.co.uk/plugins/jquery-colorbox/themes/theme8/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}