@charset "utf-8";
/* CSS Document */
/* Theme Name: Hollin House
Theme URL: https://www.hollinhouse.co.uk
Description: Hollin House. 
Version: 1
Tags: WP Theme
Author: IK 
Created on 4 November 2019
Email: digital@greatnationalhotels.com
Copyright 2019 Great National Hotels. All rights reserved */


/* HEADER*/
.main_header {top: -128px; position: relative;}
.clear {margin: 0px; padding: 10px; clear: both;}
header.fl-theme-builder-header-shrink {background-color: rgba(66,66,64,0.90) !important;}
header {width: 100%;}
.fl-widget .fl-widget-title {border-bottom: 2px solid #99b2b7; padding-bottom: 5px; max-width: 70%; color: #424240;}
/* TOP NAV*/
#top_links {text-align: right;}
#top_links ul#menu-top-nav li {display: inline-block;}
#top_links a {font-family: "Assistant", sans-serif; font-weight: normal; color: #fff; font-size: 14px; margin: 0 5px}
#top_links a:hover {color: #B79958; text-decoration: none;}
.fl-node-5c10db7d422ac .sub-menu {margin-top: 2px;}
ul#menu-top-nav.menu {margin: 0;}
ul#menu-top-nav li:after {content:"|";color: #fff;padding:0 8px}
ul#menu-top-nav li:last-child:after{content: none}
li#menu-item-8506::before {content: "\f781"; font-family: 'Font Awesome\ 5 Free'; font-weight: 900; margin-right: 2px; color: #fff; font-size: 12px}
li#menu-item-7678::before {content: "\f095"; font-family: 'Font Awesome\ 5 Free'; font-weight: 900; margin-right: 2px; color: #fff; font-size: 12px}
li#menu-item-6772::before {content: "\f06b"; font-family: 'Font Awesome\ 5 Free'; font-weight: 900; margin-right: 2px; color: #fff; font-size: 12px}
.pp-advanced-menu-horizontal.pp-toggle-arrows .pp-has-submenu-container a span {padding-right: 18px !important;}
/* TEXT*/
.home-description {font-size: 16px; color: #878787}
.top-description {font-size: 16px; color: #878787; text-align: center}
/* PARALLAX */
.fl-row-content-wrap {backface-visibility: hidden;}
/* BOOKING ENGINE */
.quickbookheader {width: 400px; text-align: center; margin-bottom: 30px;}
#c5QuickBookWithOccupancy {width: 400px;}
td#promo_links {border-top: 1px solid #606060; padding-top: 20px;}
ul.quickbooklinks {list-style-type: none; color: #fff; text-align: center;}
ul.quickbooklinks li::before { content: "\f00c"; font-family: 'Font Awesome\ 5 Free'; font-weight: 900; margin-right: 5px;}
label {margin: 20px 0; padding: 0;
text-align: center; font-size: 20px; color: #89b5e1; line-height: 25px; display: block; text-transform: uppercase; font-weight: bold;}
#ci_m_wo {width: 120px; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; color: #878787; height: 28px; padding: 0;}
#ci_d_wo {width: 120px; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; color: #878787; height: 28px; padding: 0;}
#ci_y_wo {width: 120px; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; color: #878787; height: 28px; padding: 0;}
td#nights_stay {padding-top: 20px; font-size: 14px; color: #B79958; line-height: 25px; text-transform: uppercase;font-weight: bold;}
#nightsWithOccupancy { width: 160px; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; color: #606060; height: 28px; padding: 0; float: right;}
td#number_of_rooms {padding-top: 20px; font-size: 14px; color: #B79958; line-height: 25px; text-transform: uppercase;font-weight: bold;}
#multiRoomWithOccupancy { width: 160px; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; color: #606060; height: 28px; padding: 0; float: right;}
td#total_adults {padding-top: 20px; font-size: 14px; color: #B79958; line-height: 25px; text-transform: uppercase;font-weight: bold;}
#totalAdultsWithOccupancy { width: 160px; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; color: #606060; height: 28px; padding: 0; float: right;}
td#total_children {padding-top: 20px; font-size: 14px; color: #B79958; line-height: 25px; text-transform: uppercase;font-weight: bold;}
#totalChildrenWithOccupancy { width: 160px; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; color: #606060; height: 28px; padding: 0; float: right;}
td#total_infants {padding: 20px 0; font-size: 14px; color: #B79958; line-height: 25px; text-transform: uppercase;font-weight: bold;}
#totalInfantsWithOccupancy { width: 160px; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; color: #606060; height: 28px; padding: 0; float: right;}
button#c5QuickBookButton  {background-color: #B79958; border-radius: 4px; padding: 8px 14px; font-weight: 400; text-transform: uppercase; margin-top: 20px; width: 100%;}
/* FOOTER */
#custom_footer a {color: #fff !important; text-decoration: none;}
#custom_footer a:hover {color: #B79958 !important; text-decoration: none;}
#custom_footer i.fas {padding: 0 15px 10px 0; font-size: 20px; color: #B79958;}
.footer_text {font-family: "Open Sans", sans-serif; font-size: 12px; font-weight: normal; color: #fff; letter-spacing: 0.5px; padding: 0 10px 0 0; text-align: center; line-height: 20px;}
.fl-page-footer { border-top: 1px solid #fff; padding-bottom: 40px;}
/* HOME PAGE */
.home_cards .pp-hover-card-description {padding: 0 20px;}
.home_cards .pp-hover-card {outline: 1px solid rgba(255,255,255,0.50); outline-offset: -30px;}
#pin_icon { position: relative; z-index: 99;}
/* ROOM PAGES */
.other_rooms .info-banner-wrap {outline: 1px solid rgba(255,255,255,0.50); outline-offset: -15px;}
/* EXPLORE PAGE */
.explore_card .pp-hover-card-container .pp-hover-card-description {padding: 10px 20px 20px;}
button {line-height: 1.6; padding: 9px; width: 150px;}
button a:hover {text-decoration: none;}
/* SPECIAL OFFERS */
.custom_posts .pp-content-post {border-bottom: 25px solid #424240;}
/* SLIDING WIDGETS */
#wpbs__cont_box_1571229521591 { padding: 0; background-color: #424240;}
.icon_label_box_1571229521591 { padding: 14px; font-weight: 400; text-align: center; font-size: 18px; border-radius: 0;}
.sliding_text {font-size: 14px; padding: 10px; text-align: center;}
.sliding_button { font-size: 12px; text-align: center; text-decoration: none; line-height: 30px; border-radius: 5px; border: 1px solid #e3e3e3; width: 100px; background: #b79958; margin: 0 auto;}
.sliding_button a {text-decoration: none; color: #fff;}
.sliding_button:hover {background: #99B2B7 !important;}
#wpbs__cont_box_1571229654634 { padding: 0; background-color: #424240;}
.icon_label_box_1571229654634 {padding: 14px; font-weight: 400; text-align: center; font-size: 18px; border-radius: 0;}
#wpbs__cont_box_1571229739497 { padding: 0; background-color: #424240;}
.icon_label_box_1571229739497 {padding: 14px; font-weight: 400; text-align: center; font-size: 18px; border-radius: 0;}
/* CUSTOM FORMS */
.custom_form {margin: 0 0 0 100px;}
.custom_form .display {width: 100%;}
.custom_form .display_email {width: 70%;}
.custom_form .display_info {margin: 20px 0 10px;}
.custom_form .display_info label {text-align: left; margin: -22px 50px 0 40px; color: #fff; font-size: 16px; text-transform: none; font-weight: 300;}
.custom_form label.wrap {text-align: left; width: 70%; float: left; font-size: 16px; font-weight: normal; color: #fff; margin: 5px;}
.custom_form imput {float: right; margin: 20px; border-radius: 0 !important;}
.custom_form h2 {color: #B79958;}
.custom_form input[type=submit]#btnsubmit {border-radius: 0px; padding: 10px 20px; font-size: 16px; font-weight: bold;}

@media screen and (max-width: 991px) {
header.fl-builder-content.fl-builder-content-5201 { position: fixed; z-index: 100; width: 100%}
#top_navigation { background-color: #606060;}
#wpbs_slider_box_1571229521591 {width: 200px; left: calc(50% - 305px)}
#wpbs__cont_box_1571229521591 { width: 200px;}
.icon_label_box_1571229521591 {font-size: 16px;}
#wpbs_slider_box_1571229654634 {width: 200px; left: calc(50% - 100px)}
#wpbs__cont_box_1571229654634 {width: 200px;}
.icon_label_box_1571229654634 {font-size: 16px;}
#wpbs_slider_box_1571229739497 {width: 200px; left: calc(50% + 105px)}
#wpbs__cont_box_1571229739497 {width: 200px;}
.icon_label_box_1571229739497 {font-size: 16px;}
}
@media (max-width: 768px) {
.text5 {font-size: 40px; padding: 0;}
.text6 { font-size: 36px; padding: 0;}
.text9 { font-size: 56px; padding: 0;}
.text10 { font-size: 56px; padding: 0;}
#fl-to-top { bottom: 55px;}
#wpbs_slider_box_1571229521591 { width: 160px; left: calc(50% - 242px);}
#wpbs__cont_box_1571229521591 { width: 160px;}
.icon_label_box_1571229521591 {padding: 18px 10px; font-size: 14px; font-weight: normal;}
#wpbs_slider_box_1571229654634 { width: 160px; left: calc(50% - 80px);}
#wpbs__cont_box_1571229654634 { width: 160px;}
.icon_label_box_1571229654634 { padding: 18px 10px; font-size: 14px; font-weight: normal;}
#wpbs_slider_box_1571229739497 {width: 160px; left: calc(50% + 82px);}
#wpbs__cont_box_1571229739497 { width: 160px;}
.icon_label_box_1571229739497 {padding: 18px 10px; font-size: 14px; font-weight: normal;}
}
@media (max-width: 480px) {
#top_links a {font-size: 11px; margin: 0 3px}
.text4 { font-size: 40px; padding: 0; line-height: 40px;}
.text5 { font-size: 34px; padding: 0;}
.text6 { font-size: 26px; padding: 0;}
.text7 { font-size: 40px; padding: 0;}
.text9 { font-size: 42px; padding: 0;}
.text10 { font-size: 42px; padding: 0; line-height: 32px;}
.quickbookheader {  width: 250px;}
.quickbookheader img { max-height: 60px;}
#avvioQuickBookWithPromo { width: 250px;}
#avvioQuickBookWithPromo input { width: 180px; border-radius: 0;}
select.nightsSelectBox { width: 50px; margin-left: 10px;}
div.date { width: 150px;}
div.nights {width: 70px;}
ul.quickbooklinks {margin-left: -20px;}
#ui-datepicker-div.ui-datepicker { left: 0!important; width: 100% !important;}
.ui-datepicker-calendar .ui-state-default { border: 1px solid #fff !important;}
.ui-datepicker td span, .ui-datepicker td a { padding: 0.2em !important}
.main_header {top: 0;}
.dual_button { position: fixed; z-index: 99; bottom: 0px; right: 0; left: 0; max-height: 60px !important;}
.dual_button .pp-font-icon {padding-right: 10px;}
.fl-node-5c2c9eaa2ae2b .pp-dual-button-content .pp-dual-button-1 a.pp-button {position: fixed !important; left: 0 !important; width: 49.9% !important; bottom: 0 !important;}
.fl-node-5c2c9eaa2ae2b .pp-dual-button-content .pp-dual-button-2 a.pp-button {position: fixed !important; right: 0 !important; width: 49.9% !important; bottom: 0 !important;}
#wpbs_slider_box_1571229521591 {display: none;}
#wpbs_slider_box_1571229654634 {display: none;}
#wpbs_slider_box_1571229739497 {display: none;}
}