body {
background: #CABD9D;
font-family: Open Sans;
font-size: 12pt;
margin: 0;
}
/* GDPR Styling */
.termsfeed-com---nb {
border: 1px solid black !important;
max-width: 100% !important;
}
.termsfeed-com---nb .cc-nb-main-container {
padding: 25px !important;
}
/* pretty pre */
pre {
border: 1px solid #DBDBDB;
border-radius: 4px;
background: #EEEEEE;
padding: 15px;
width: 100%;
font-family: arial;
font-size: 13px;
word-wrap: break-word;
white-space: pre-wrap;
text-align: left;
margin: 20px auto;
line-height: 22px;
}
/* add box sizing to everything */
*, *:before, *:after {
box-sizing: border-box;
}
.bodyNoScroll {
overflow: hidden;
}
.fa-heart {
margin-right: 5px;
}
p {
line-height: 2em;
}
.topText {
margin-top: 20px;
}
.a3AccommName {
font-weight: normal;
background: #608a45;
font-family: 'Francois One', sans-serif;
font-size: 24pt;
margin: auto;
border-radius: 5px;
text-align: center;
color: white;
padding: 10px;
border-radius: 0;
margin-left: -30px;
width: CALC(100% + 60px);
margin-top: 10px;
}
.checkAvailabilityText {
color: white;
font-size: 30pt;
width: 100%;
text-align: center;
font-family: 'Gochi Hand', cursive;
font-weight: normal !important;
padding: 7px;
}
/* favourite styling */
.favourites {
font-size: 15px;
color: #4285F4;
width: 100%;
text-align: right;
padding-right: 20px;
margin-top: 12px;
font-weight: bold;
cursor: pointer;
}
.favourites a:link, .favourites a:active, .favourites a:visited {
font-weight: bold;
text-decoration: underline;
color: #3071db;
}
.favourites a:hover {
color: #ed3636;
}
.mobileFavourites {
display: none;
}
.bigHeader {
}
/* Header styling */
.numberContainer {
max-width: 1200px;
margin: 10px auto 10px auto;
font-size: 25pt;
color: #E2FBF2;
display: flex;
display: -webkit-flex;
flex-direction: row;
justify-content: center;
align-items: center;
position: absolute;
bottom: 0;
right: 10px;
z-index: 20;
border: 1px solid white;
}
.headerRow1 {
}
.headerRow2 {
margin-top: 6px;
}
.availabilityHeaderContainer {
background: #486A16;
background: linear-gradient(#2D6C01,#245900);
width: 100%;
box-sizing: border-box;
padding: 12px 0 16px 0;
}
.availabilityHeaderRight i {
font-size: 0.7em;
margin-right: 10px;
display: inline-block;
}
.availabilityHeaderRight a {
display: flex;
text-decoration: none;
margin: 10px;
font-size: 24pt;
color: #7AB16A !important;
align-items: center;
font-weight: normal !important;
}
.availabilityHeaderRight a:hover {
text-decoration: none;
color: white;
}
.availabilityHeaderContainerInner {
max-width: 1200px;
position: relative;
margin: auto;
display: flex;
justify-content: space-between;
}
.logoAndSubText {
max-width: 365px;
text-align: center;
}
h4.logoSubText {
font-family: 'Gochi Hand', cursive;
margin-left: 0;
color: white;
font-size: 16pt;
margin: 0;
padding: 0;
color: #8aba6a;
margin-top: -5px;
word-spacing: 0.25em;
font-weight: normal !important;
margin-left: 12px;
}
.availabilityHeader2 {
max-width: 1200px;
margin: auto;
text-align: left;
}
.aboutContactTop {
display: flex;
flex-direction: row;
position: absolute;
right: 10px;
top: 0;
}
.aboutTop, .contactTop {
padding: 14px 20px;
background: #608c21;
border-radius: 0 0 15px 15px;
margin: 0 4px;
color: white;
}
.mobileNumTop {
z-index: 1010;
position: relative;
display: flex;
-webkit-flex-direction: row;
font-size: 16px;
font-weight: bold;
padding: 5px;
width: 100%;
text-align: center;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
color: #918156 !important;
box-sizing: border-box;
display: none;
font-size: 18px;
font-weight: bold;
}
.mobNum {
font-weight: bold;
}
/* Left panel styling */
/* Left menu styling */
.leftMenuHeader {
background: white;
width: 100%;
border-radius: 20px 20px 0 0;
padding: 10px 20px;
box-sizing: border-box;
margin-bottom: 4px;
background: #9c875f;
color: white;
text-align: center;
font-weight: bold;
font-size: 20px;
}
.leftMenuPanel {
margin-bottom: 20px;
background: white;
width: 100%;
/*height: 100%;*/
border-radius: 0 0 20px 20px;
padding: 15px;
box-sizing: border-box;
}
.breadcrumbsContainer {
width: 100%;
background: #9c875f;
margin-bottom: 0;
}
.breadcrumbsContainerMobile {
display: none;
}
.breadcrumbs {
max-width: 1200px;
margin: auto;
list-style: none;
overflow: hidden;
}
.breadcrumbs li {
float: left;
}
.breadcrumbs li a {
color: white;
text-decoration: none;
padding: 8px 0 8px 55px;
background: brown; /* fallback color */
background: #9c875f;
position: relative;
display: block;
float: left;
font-weight: normal;
}
.breadcrumbs li a::after {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
border-bottom: 50px solid transparent;
border-left: 30px solid #9c875f;
position: absolute;
top: 50%;
margin-top: -50px;
left: 100%;
z-index: 2;
}
.breadcrumbs li a::before {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
border-left: 30px solid white;
position: absolute;
top: 50%;
margin-top: -50px;
margin-left: 1px;
left: 100%;
z-index: 1;
}
.breadcrumbs li:first-child a {
padding-left: 30px;
}
.breadcrumbs li:nth-child(2) {
padding-left: 0;
}
.breadcrumbs li a:hover {
background: #b39c70;
}
.breadcrumbs li a:hover:after {
border-left-color: #b39c70 !important;
}
.breadcrumbs li:nth-child(1) a {
/*margin-left: -50px;*/
}
/* Button Styling */
.readMoreButtonContainer {
margin-top: 10px;
width: 100%;
text-align: right;
}
.readMoreButton {
color: white;
display: inline-block;
font-size: 14px;
padding: 8px 14px;
border-radius: 10px;
color: white;
background: #FF8C1C;
text-align: center;
font-weight: bold;
border: 0;
}
.readMoreButton:hover {
background: #ff7811;
cursor: pointer;
}
/* Link styling */
/* Default link styling */
a {
color: #714128;
font-weight: bold;
text-decoration: none;
transition: all 0s;
}
a:hover {
color: #451906;
text-decoration: underline;
}
li.contentMenuLI a {
font-weight: normal;
}
a.topLinks:visited, a.topLinks:active, a.topLinks:active, a.topLinks:hover {
text-decoration: none;
}
a.callCentreBox:visited, a.callCentreBox:active, a.callCentreBox:active, a.callCentreBox:hover {
color: #F9EDD5;
text-decoration: none;
}
.contactTop:hover, .aboutTop:hover {
background: #849b1b;
}
/* back to top button styling */
/* clear stuff off i as font awesome uses it */
i {
border: none;
background: none;
}
.backToTop {
position: fixed;
bottom: 2em;
right: 0px;
text-decoration: none;
border-radius: 10px 0 0 10px;
color: #000000;
background-color: rgba(235, 235, 235, 0.80);
font-size: 20px;
padding: .7em;
box-shadow: -3px 3px 3px rgba(0,0,0,.15);
-moz-box-shadow: -3px 3px 3px rgba(0,0,0,.15);
-webkit-box-shadow: -3px 3px 3px rgba(0,0,0,.15);
display: none;
z-index: 200;
}
.backToTop:hover {
/*background-color: rgba(135, 135, 135, 0.50);*/
}
/* Main layout styling */
.mainContainer {
max-width: 1200px;
display: flex;
display: -webkit-flex;
margin: auto;
margin-top: 18px;
flex-direction: row;
-webkit-flex-direction: row;
}
.leftCol {
width: 17%;
}
.rightColFullWidth {
width: 100%;
}
.rightColWhiteBG, .leftColInner, .rightColWhiteBGStay {
width: 100%;
background: white;
border-radius: 4px;
padding: 10px 30px 30px 30px;
box-sizing: border-box;
}
.leftCol {
width: 17%;
margin-right: 20px;
}
.rightCol {
width: 83%;
}
.lastUpdated {
background: #FAEFD7;
padding: 20px;
font-size: 17px;
width: calc(100% + 60px);
margin-left: -30px;
margin-top: 20px;
margin-bottom: 20px;
}
/* Newsletter styling */
/* MailChimp Form Embed Code - Slim - 08/17/2011 */
#mc_embed_signup form {
display: block;
position: relative;
text-align: left;
padding: 10px 0 10px 3%;
}
#mc_embed_signup h2 {font-weight: bold; padding: 0; margin: 15px 0; font-size: 1.4em; }
#mc_embed_signup input { border: 1px solid #ababab; -webkit-appearance: none; }
#mc_embed_signup input[type=checkbox]{ -webkit-appearance: checkbox; }
#mc_embed_signup input[type=radio]{ -webkit-appearance: radio; }
#mc_embed_signup input:focus { border-color: #799877; }
#mc_embed_signup .button {
display: block;
background-color: #FF8C1C;
padding: 0;
margin: 0 auto;
border: 0 none;
border-radius: 8px;
color: #fff;
cursor: pointer;
font-size: 14px;
width: 100%;
max-width: 100%;
width: 400px;
height: 36px;
line-height: 36px;
font-weight: bold;
text-align: center;
text-decoration: none;
vertical-align: top;
}
#mc_embed_signup .button:hover {
background-color: #ff7811;
}
#mc_embed_signup .button:active {
top: 2px;
border-bottom-width: 1px;
}
#mc_embed_signup label {
display: block;
font-size: 13px;
padding-bottom: 7px;
color: white;
font-weight: normal;
}
#mc_embed_signup input.email {
display: block;
padding: 14px 4px;
box-sizing: border-box;
margin: 0 4% 10px 0;
text-indent: 5px;
color: #818181;
font-size: 1.0em;
background: #f3f3f3;
width: calc(100% - 4px);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
outline: none;
border: 0;
}
.clear {
width: 100%;
max-width: 100%;
}
/* Link styling */
A.phoneNumberLink:link, A.phoneNumberLink:visited, A.phoneNumberLink:active, A.phoneNumberLink:hover {
/*color: #FAEFD7;*/
text-decoration: none;
}
a[href^="tel"] {
color: inherit; /* Inherit text color of parent element. */
text-decoration: none; /* Remove underline. */
/* Additional css `propery: value;` pairs here */
}
/* Loading overlay */
#overlay {
display: flex;
align-items: center;
justify-content: center;
opacity: 0.5;
background: #fff;
width: 100%;
height: 100%;
z-index: 3000;
top: 0;
left: 0;
position: fixed;
visibility: hidden;
}
#loadingText {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
z-index: 3100;
position: fixed;
visibility: hidden;
}
/* Tick style */
/* List styling */
.uniqueSellingPoint, .uniqueSellingPoint ul {
margin-top: 0;
padding-left: 1.8em;
list-style-type: none;
font-size: 13pt;
}
.uniqueSellingPoint li:before {
position: absolute;
margin-left: -1.3em;
font-weight: bold;
}
.uniqueSellingPoint li:before {
content: "\2713";
color: #68b70e;
}
/* Footer Styling */
.footer {
width: 100%;
padding: 30px;
background: linear-gradient(#486A16,#314c09);
margin-top: 40px;
box-sizing: border-box;
}
.footer li {
margin-top: 10px;
}
.footerInner {
max-width: 1200px;
display: flex;
display: -webkit-flex;
flex-direction: row;
-webkit-flex-direction: row;
margin: auto;
}
.copyright {
color: #ffffff;
margin: 40px 0;
background: #8F7D53;
padding: 20px;
width: 100%;
text-align: center;
box-sizing: border-box;
font-size: 14pt;
}
.companyInfo {
font-size: 0.8em;
margin-top: 20px;
line-height: 2.2em;
}
.footerItem {
width: 25%;
margin: 20px;
color: white;
}
.footerHeader {
font-size: 20px;
font-weight: bold;
color: #90c168;
margin-bottom: 10px;
}
ul.footer {
color: white;
list-style: none;
margin: 0;
padding: 0;
background: none;
}
.fa-facebook, .fa-instagram {
font-size: 50px;
color: white;
margin: 10px;
}
a.footerLink:link, a.footerLink:visited, a.footerLink:active {
text-decoration: none;
font-weight: bold;
color: white;
}
a.footerLink:hover {
color: #9dce75;
}
/*
##########################################
Media Queries
##########################################
*/
@media only screen and (max-width: 1200px) {
.mainContainer, .headerContainer {
margin: 10px;
}
.availabilityHeaderContainer {
padding-left: 20px;
}
}
@media only screen and (max-width: 900px) {
.a3AccommName {
font-size: 19pt;
padding: 8px;
border-radius: 0;
margin-left: -30px;
width: CALC(100% + 60px);
margin-top: -10px;
}
.navBarContainer {
display: none;
}
.body {
display: none;
}
.newCalBox:nth-child(1) {
background: red;
width: 100%;
}
.newCalBox:nth-child(2) {
background: red;
width: 25%;
}
.newCalBox:nth-child(4) {
background: red;
width: 25%;
}
.newCalBox:nth-child(5) {
background: red;
width: 25%;
}
.breadcrumbsContainer {
font-size: 8pt;
font-size: 1.5vw;
}
}
.availabilityMessage {
padding: 20px;
margin-top: 20px;
background: #e3f2ed;
border: 1px solid #9c875f;
}
.foundNum {
font-family: 'Francois One', sans-serif;
font-size: 20pt;
font-weight: bold;
color: #5282ce;
margin: auto;
text-transform: uppercase;
}
.sortByBox {
padding: 0;
width: 100%;
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-justify-content: center;
margin: auto;
}
.sortBy1, .sortBy2, .sortBy3 {
text-align: center;
padding: 0;
width: 33%;
}
.sortBy3 {
text-align: right;
}
.sortBy3 select.availBoxSelect {
width: 70%;
margin-right: 0;
}
select.sortBySelect {
border-radius: 4px;
/*display: block;*/
padding: 10px 40px 10px 13px !important;
max-width: 100%;
height: auto !important;
border: 0;
border: 1px solid #6b9b88;
background: url('down-arrow.png');
background-repeat: no-repeat;
background-position: calc(100% - 10px) 50%;
/*background-color: #DFDFDF;*/
color: black;
font-size: 14px;
line-height: 16px !important;
appearance: none;
/* this is must */ -webkit-appearance: none;
-moz-appearance: none;
}
/* for IE and Edge */
select.sortBySelect::-ms-expand {
display: none;
}
select.sortBySelect:disabled::-ms-expand {
background: pink;
}
.headerRow2 {
margin: 0;
margin-bottom: 10px;
}
@media only screen and (max-width: 1200px) {
.sortByRight select.availBoxSelect {
margin: auto;
}
.foundNum {
font-size: 18pt;
}
}
@media only screen and (max-width: 850px) {
.sortByRight select.availBoxSelect {
width: 90%;
}
.mobileNumTop {
display: block;
}
.bigHeader {
display: none;
}
.burgerNav {
display: block;
}
.navBarContainer {
display: none;
}
.sortBy3 select.availBoxSelect {
display: block;
margin: auto;
width: 100%;
}
.availabilityHeaderContainer {
padding: 0;
}
}
@media only screen and (max-width: 700px) {
.sortByBox {
flex-direction: column;
-webkit-flex-direction: column;
}
.sortBy1 {
width: 100%;
}
.sortBy3 select.availBoxSelect {
width: 100%;
}
.foundNum {
font-size: 20pt;
}
}
@media only screen and (max-width: 600px) {
.sortBy3 {
width: 80%;
}
.foundNum {
font-size: 19pt;
margin: 10px auto 0 auto;
}
.uniqueSellingPoint, .uniqueSellingPoint ul {
margin-top: 0;
padding-left: 1.5em;
list-style-type: none;
font-size: 14pt;
font-weight: bold;
}
.mainContainer {
flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
}
.leftCol {
width: 100%;
margin-bottom: 10px;
margin-top: 10px;
margin: 0;
display: none;
}
.rightCol {
width: 100%;
clear: both;
display: block;
margin: 0;
}
/* Burger menu */
.orion-menu {
display: block;
margin-top: 5px;
}
.headerContainer {
/*border: 1px solid black;*/
margin: 0;
}
.headerNumber, .headerFreeToCall {
width: 50%;
/*border: 1px solid black;*/
text-align: center;
}
.availabilityHeaderContainer {
padding: 5px;
text-align: center;
/*border: 1px solid black;*/
}
.availabilityHeader2 {
/*border: 1px solid black;*/
text-align: center;
width: 80%;
}
.checkAvailabilityText {
padding: 0;
font-size: 26pt;
margin-top: 10px;
}
.favourites {
border: 1px solid #d1d1d1;
padding: 8px;
border-radius: 12px;
width: 80%;
text-align: center;
margin: 0 auto 14px auto;
}
.mobileFavourites {
display: block;
}
.desktopFavourites {
display: none;
}
.footer {
margin-top: 0;
}
.footerItem {
width: 100%;
margin: 20px 0;
}
.footerInner {
flex-direction: column;
-webkit-flex-direction: column;
}
.pageMobile {
background: white;
padding: 5px;
box-sizing: border-box;
box-shadow: -4px 4px 4px rgba(0,0,0,0.2);
-moz-box-shadow: -4px 4px 4px rgba(0,0,0,0.2);
-webkit-box-shadow: -4px 4px 4px rgba(0,0,0,0.2);
border-radius: 30px;
}
.paginationItem {
font-size: 20px;
}
.availabilityMessage {
background: white;
border-radius: 20px;
}
.headerContainer {
border: 10px solid red;
}
.sbDropDown {
width: 100%;
}
.rightColWhiteBG {
background: none;
padding: 0;
border: none;
}
.newCalBox {
min-width: 33%;
}
.sortBy1 {
font-size: 20px;
}
.newCalBox {
min-width: 50%;
}
.uniqueSellingPoint, .uniqueSellingPoint ul {
margin-top: 0;
padding-left: 1.8em;
list-style-type: none;
}
.a3AccommName {
font-size: 18pt;
width: CALC(100%);
margin-left: -30px;
border-radius: 0;
}
}
/* Disable wireframe */
.sbText, .sbDropDown {
border: none;
}
@media only screen and (max-width: 400px) {
.uniqueSellingPoint, .uniqueSellingPoint ul {
padding-top: 30px;
font-size: 12pt;
}
}
@media only screen and (max-width: 300px) {
.mobileNumTop {
font-size: 11pt;
}
}