@import url('/assets/css/foundation.min.css');
@import url("https://use.typekit.net/wul7wqt.css");
@import url("https://use.typekit.net/wul7wqt.css");
@import url('/assets/css/tablet.css');
@import url('/assets/css/mobile.css');
@import url('/assets/css/slider.css');
@import url('/assets/css/components.css');


/*------ General site settings ---------- */

pre svg {
    width: 25px;
    height: 25px;
}

pre {
    background: #FFF;
}

u {
    text-decoration: none;
    border-bottom: 2px solid #6a7730;
    padding-bottom: 1px;
}

.text-snippet ul {
    list-style-type: none;
}

.text-snippet ul > li:before {
    content: "-";
    text-indent: -5px;
}

html {
 scroll-behavior: smooth;
}

body {
 font-family: europa, sans-serif;
 font-weight: 400;
 font-style: normal;
}

blockquote {
    font-size: 30px;
    font-weight: 100;
    margin: 0;
    text-align: left;
    margin-left: -100px;
}

@media only screen and (max-width: 800px) {

    blockquote {
        margin-left: 0px;
        font-size: 20px;
    }

}

blockquote:before {
    content: '\201C';
    font-family: auto;
    display: block;
    color: #b7d432;
    font-size: 3em;
    height: 50px;
    width: 30px;
}

.text-snippet ul {
    text-align: left;
}

.text-snippet ul li::before {
    color: #b7d432;
}

.text-snippet table {
    width: 100% !important;
}

#bumper {
 height: 182px;
}

.site-container {
 width: 100%;
}

.page-content {
  background: #FFF;
}

.staff-member-mobile {
    display: inline-block;
}

.grey-border-bottom {
  border-bottom: 1px solid lightgray;  
  padding: 20px 0px;
}

.grey-text {

}

.hero {
 position: relative;
 height: 500px;
 z-index: -9;
}

.flex h1, .hero a {
    text-shadow: 2px 1px 2px black;
}

h1 {
 letter-spacing: -1px;
}

.flex {
 display: flex;
 justify-content: center;
 align-items: center;
}

.flex-two {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

section.intro .row {
  max-width: 700px;
}

.height-of-parent {
 max-height: 100%;
 height: 100%;
}

ul.nav-menu, ul.footer-menu {
 padding: 0px;
}

ul.nav-menu li.menu-item {
 display: inline;
 padding: 0px 35px 0px 0px;
}

ul.footer-menu li.footer-menu-item {
  display: inline;
  padding: 0px 15px 0px 0px;
}

#site-footer a.footer-link:before {
    content: url(img/arrow.png);
    display: none;
}

#site-footer a.footer-link:hover {
  color: #FFF;
}

#site-footer a.footer-link:hover:before {
    display: inline-block;
    transform: rotate(-90deg);
    margin-left: -21px;
    margin-right: 10px;
}

ul.nav-menu li.has-children:after {
 content: url('img/arrow-dark.png');
 margin-left: 7px;
 display: inline-block;
 transition: all 250ms ease-in-out;
 -webkit-transition: all 250ms ease-in-out;
 -moz-transition: all 250ms ease-in-out;
 -o-transition: all 250ms ease-in-out;
}

ul.nav-menu li.has-children:hover:after {
 transform: rotate(180deg);
}

ul.nav-menu li.menu-item {
 padding-top: 1rem;
 padding-bottom: 4.3rem;
}

.dropdown-menu-close {
	display : block;
	text-align : right;
	cursor : pointer;
	margin-top : 20px;
}

#default-site-logo a svg, #signature-site-logo a svg {
    overflow: hidden;
    max-height: 80px;
}

.center {
 margin: 0 auto;
}

.border-top-grey {
 border-top: 1px solid lightgray;
 margin-top: 50px;
}

section.social-media-links {
    padding: 30px 0px !important;
}

#signature-holidays-button {
    background: transparent;
}

.signature-box {
    background: transparent;
    color: #FFF;
    border: 2px solid #FFF;
    border-radius: 0px;
    background: url(img/arrow.png) 96% / 15px no-repeat;
}

.signature-box option {
    color: black;
}

.btn-black {
 text-decoration: none;
 color: black;
 border: 2px solid black;
 padding: 20px 30px;
 text-align: center;
 font-size: 12px;
 letter-spacing: 1px;
 display: inline-block;
 vertical-align: middle;
 cursor: pointer;
  -webkit-transition: all 250ms ease-in-out;
 -moz-transition: all 250ms ease-in-out;
 -o-transition: all 250ms ease-in-out;
 transition: all 250ms ease-in-out;
}

.btn-green {
 text-decoration: none;
 /*
 color: #b7d432;
 border: 2px solid #b7d432;*/
 color: #6A7730;
 border: 2px solid #6A7730;
 
 padding: 15px 20px;
 font-size: 12px;
 letter-spacing: 1px;
 display: inline-block;
 border-radius: 0px;
 text-align: center;
 vertical-align: middle;
 cursor: pointer;
  -webkit-transition: all 250ms ease-in-out;
 -moz-transition: all 250ms ease-in-out;
 -o-transition: all 250ms ease-in-out;
 transition: all 250ms ease-in-out;
}

.btn-grey {
 text-decoration: none;
 color: gray;
 border: 2px solid gray;
 padding: 15px 20px;
 font-size: 12px;
 border-radius: 0px;
 letter-spacing: 1px;
 display: inline-block;
 text-align: center;
 vertical-align: middle;
 cursor: pointer;
  -webkit-transition: all 250ms ease-in-out;
 -moz-transition: all 250ms ease-in-out;
 -o-transition: all 250ms ease-in-out;
 transition: all 250ms ease-in-out;
}

.btn-green-background {
 border: 2px solid #6A7730;
 background: #6A7730;
 color: #FFF;
 padding: 15px 20px;
 font-size: 12px;
 letter-spacing: 1px;
 display: inline-block;
 vertical-align: middle;
 text-align: center;
 cursor: pointer;
  -webkit-transition: all 250ms ease-in-out;
 -moz-transition: all 250ms ease-in-out;
 -o-transition: all 250ms ease-in-out;
 transition: all 250ms ease-in-out;
}

.btn-white-outline {
 text-decoration: none;
 color: #FFF;
 border: 2px solid #FFF;
 padding: 15px 20px;
 font-size: 12px;
 letter-spacing: 1px;
 display: inline-block;
 vertical-align: middle;
 text-align: center;
 cursor: pointer;
  -webkit-transition: all 250ms ease-in-out;
 -moz-transition: all 250ms ease-in-out;
 -o-transition: all 250ms ease-in-out;
 transition: all 250ms ease-in-out;
}

.btn-white {
 text-decoration: none;
 color: #b7d432;
 background: #FFF;
 padding: 15px 20px;
 font-size: 12px;
 letter-spacing: 1px;
 display: inline-block;
 vertical-align: middle;
 text-align: center;
 cursor: pointer;
  -webkit-transition: all 250ms ease-in-out;
 -moz-transition: all 250ms ease-in-out;
 -o-transition: all 250ms ease-in-out;
 transition: all 250ms ease-in-out;
}

.btn-black-background {
 color: #FFF;
 background: black;
 text-decoration: none;
 padding: 15px 20px;
 font-size: 12px;
 letter-spacing: 1px;
 display: inline-block;
 vertical-align: middle;
 text-align: center;
 border-radius: 0px;
 cursor: pointer;
  -webkit-transition: all 250ms ease-in-out;
 -moz-transition: all 250ms ease-in-out;
 -o-transition: all 250ms ease-in-out;
 transition: all 250ms ease-in-out;
}

.text-top-left p a {
 color: #FFF;
}

.extra-padding-heading {
  padding-bottom: 20px;
}

.line-height {
 line-height: 35px;
}

.pt {
 padding-top: 15px;
}

.show-for-small {
 display: none;
}

div.show-for-small {
    display: none;
}

.border {
 border: 1px solid #c9cacc;
}

/* .hidden {
 display: none;
} */

.hide-it {
 display: none;
}

.show-for-small a.hide-for-small {
    display: block;
}

.hidden-container {
 display: none;
}

.hidden-container .hidden {
 display: none;
}

.intro .row {
 max-width: 500px;
}

.intro {
 border-bottom: 1px solid lightgray;
}


.blurred-text {
 width: 100%;
 position: absolute;
 bottom: 0;
 height: 40px;
 background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,1) 100%);
 background: -o-linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,1) 100%);
 background: -ms-linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,1) 100%);
 background: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,1) 100%);
 transition: background 0.5s ease-in-out;
 -webkit-transition: background 0.5s ease-in-out;;
 -moz-transition: background 0.5s ease-in-out;
 -o-transition: background 0.5s ease-in-out;
}

.the-team p a, .modal-content a {
  font-size: unset;
}

/*------------ Text settings --------------- */

.text-center {
 text-align: center;
}

p {
 font-weight: 400;
}

.text-right {
 text-align: right;
}

.text-left {
 text-align: left;
}

.dark-green {
 color: #4B5C00;
}

p.dark-green {
  color: #4B5C00 !important;   
}

.green {
 /*color: #b7d432;*/
 color: #6A7730;
}

#types-of-holiday .background-overlay .green,
.background-overlay .green {color: #b7d432;}

p.green {
  /*color: #b7d432 !important;   */
  color: #6A7730 !important; 
}

.white-text {
 color: #FFF;
}

.uppercase {
 text-transform: uppercase;
}

.nomargin {
 margin: 0px;
}

.nomargin-top {
 margin-top: 0px;
}

.nomargin-bottom {
 margin-bottom: 0px;
}

.text-uppercase {
 text-transform: uppercase;
}

.text-light {
 font-weight: 400;
}

.italic {
 font-family: miller-display, serif;
 font-weight: 400;
 font-style: italic;
}

.nopaddingright {
 padding-right: 0px;
}

.space-letters {
 letter-spacing: 1px;
}

.grey-text {
 color: gray;
}

.text-uppercase .grey-text {
 padding-right: 5px;
 padding-left: 5px;
}

/*------------ Header -------------- */

.heading-telno {
font-size: 24px;
font-weight : 700;
}

.heading-cta {
padding : 10px 20px;
background-color : #6a7730;
/*color : #4B5C00;*/
color: #FFF;
font-weight : 700;
    margin-left: 0px;
    margin-top: 10px;
	    font-size: 13px;
}

.heading-cta:hover {
    background: #333;
    color: #FFF;
}

.heading-cta__mobile { margin-top : 0;}
#toolbar {
 background: #232424;
 padding: 15px 0px;
}

#toolbar #search, .search-bar-mobile .search {
 background: transparent;
 border: none;
 border-bottom: 1px solid #4a4b4b;
 color: #FFF;
 font-style: italic;
 width: 100%;
 max-width: 230px;
 font-size: 13px;
 margin-left: -6px;
 padding-bottom: 10px;
}

#toolbar #search::placeholder {
 color: #FFF;
}

#toolbar .search .submit, .search-bar-mobile .submit {
 background: none;
 border: none;
 border-bottom: 1px solid #4a4b4b;
 background-image: url('img/magglass.png');
 background-repeat: no-repeat;
 color: transparent;
 padding-bottom: 10px;
 width: 100%;
 max-width: 50px;
 background-position: center center;
}

#toolbar .green {
color: #b7d432;
}

.search-bar-mobile .submit {
 border: 1px solid #4a4b4b;
}

.search-bar-mobile .search { 
 background: #FFF;
 color: black;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #FFF;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #FFF;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #FFF;
}
:-moz-placeholder { /* Firefox 18- */
  color: #FFF;
}

#site-nav {
 padding: 30px 0px 10px;
 transition: all 500ms ease-in-out;
 -webkit-transition: all 500ms ease-in-out;
 -moz-transition: all 500ms ease-in-out;
 -o-transition: all 500ms ease-in-out;
}

.toolbar_img {
  margin-top: -5px;
  margin-right: 10px;
}

.site-header {
 position: fixed;
 width: 100%;
 background: #FFF;
 z-index: 999;
}/*
.signature-header {
    background: #151616;
}

.signature-header .menu-item a {
    color: #FFF;
}

.signature-header .text-right {
    color: #FFF;
}*/

nav#site-nav.shrink {
 padding: 10px 0px;
 box-shadow: 0 4px 2px -2px #c9cacc;
}

nav#site-nav.shrink svg, nav#site-nav.shrink img {
    width: 150px;
    height: 60px;
}

img#site-logo {
  transition: all 250ms ease-in-out;
 -webkit-transition: all 250ms ease-in-out;
 -moz-transition: all 250ms ease-in-out;
 -o-transition: all 250ms ease-in-out;
}

#signature-site-logo {
    display: none;
}

img#site-logo.logo-sticky {
 width: 150px;
}

#site-header-mobile {
 display: none;
 background: black;
}

.menu-item a, a  {
 color: unset;
 text-decoration: none;
 font-size: 18px;
}

.menu-item a {
 font-weight: 700;
}

.menu-item a, a {
 color: black;
}

select::-ms-expand {
    display: none;
}

li.has-children .dropdown-menu {
     display: none; 
    opacity: 0;
    pointer-events: none;
    position: absolute;
    /* top: 182px; */
    top: 100%;
    left: 0;
	border-top: 2px solid #b7d432;
    z-index: 20000;
    width: 100%;
    box-sizing: border-box;
	background: #232424;
	transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
}

li.has-children div.dropdown-menu.sticky-height {
   top: 74px;
}

.dropdown-menu .row {
   max-width: 1000px;
}

ul.dropdown-sub-menu { 
   padding-left: 8.333333%;
   list-style-type: none;
   padding-top: 8.3333%;
}

li.has-children.is-active .dropdown-menu {
   opacity: 1;
   display:block;
   pointer-events: all;
}

li.has-children:hover .dropdown-menu {
   /*opacity: 1;*/
   pointer-events: all;
}

.dm-wrap {
 max-width: 1000px;
 margin: 0 auto;
}

.dd-menu-box {
 height: 150px;
 position: relative;
}

.dd-menu-box:hover {
}

.dd-caption {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 padding-left: 8.33333%;
 padding-bottom: 4.333333%;
 padding-top: 4.3333333%;
 background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
 background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
 background: -moz-linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
}

.dd-menu-padding {
 padding: 50px 20px 30px 20px;
}

ul.dropdown-sub-menu li a {
 color: #777979;
}

ul.dropdown-sub-menu li a:before {
 content: url(img/arrow.png);
 display: none;
}

ul.dropdown-sub-menu li:hover a:before {
  margin-right: 7px;
  display: inline-block;
  transform: rotate(-90deg);
  margin-left: -21px;
  margin-right: 10px;
}

ul.dropdown-sub-menu li:hover a {
  color: #FFF;
}

/*-------------- Footer ------------ */

#site-footer, .black-box {
 background: #232424;
 /*color: #777979;*/
 color: #8b8c8c;
 font-weight: 400;
}

#site-footer a {
    color: inherit;
}

#site-footer .footer-main {
 padding: 50px 0px;
}

.footer-main .row, #copyright-bar .row {
    max-width: 1250px;
}

.footer-section-menu p {
 margin-bottom: 0px;
 margin-top: 2px;
}

#site-footer .footer-section-heading {
 color: #FFF;
}

#site-footer #copyright-bar {
 background: #151616;
 padding: 20px 0px;
}

#copyright-bar a:hover {
    color: #FFF;
}

/* --------------- Slick Slider settings ----------------- */


#hero-container {
 position: relative;
}

#hero, .hero {
    border-left: 25px solid #FFF;
    border-right: 25px solid #FFF;
}

#hero div.slick-slide {
 height: 100vh;
 max-height: 800px;
 min-height: unset;
}

.page-content section.gallery {
    padding-top: 0px;
    padding-bottom: 0px;
}

button.slick-arrow {
 display: none !important;
}

#slick-for-mobile .slick-slide img {
 display: inline;
}

.slick-track {
 margin-bottom: 20px;
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-list.draggable {
    cursor: grab;
}

.slick-arrow {
 cursor: pointer;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: url('img/notactive.png');
    text-align: center;

    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    content: url('img/activedot.png');
    color: black;
}


/* ---- Homepage ----- */

#magglasshome {
  margin-right: 10px;
  margin-top: -5px;
}

.full-screen-image {
 position: relative;
}

.vd-text {
 position: absolute;
 bottom: 0;
 left: 0;
 padding-left: 8.3333%;
 padding-bottom: 8.3333%;
 opacity: 0;
 -webkit-transition: all 500ms ease-in-out;
 -moz-transition: all 500ms ease-in-out;
 -ms-transition: all 500ms ease-in-out;
 -o-transition: all 500ms ease-in-out;
 transition: all 500ms ease-in-out;
}

.center-div {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
 max-width: 450px;
 display: none;
}

section#five-reasons {
 border-bottom: 1px solid #c9cacc;
 padding-bottom: 10px;
}

section#five-reasons .circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  /*border: 3px solid #c9cacc;*/
  border: 3px solid #6a7730;
}

section#five-reasons .tee-info {
  max-width: 900px;
  font-weight: 400;
}

/* .tee-info img {
 margin-top: -10px;
} */

section.section-padding {
 padding: 50px 0px;
}

section.black-background {
  background: black;
}



.black-background h1, .black-background h2 {
    color: white;
}

.black-background #team h2,
.black-background #team p {
  color: #0a0a0a;
}

.black-background .white-text {
    color: white;
}

.black-background p {
    /*color: #777979;*/
    color: #e6e6e6;
}

.black-background .hotel-post.luxe-collection  p {
  color: #0a0a0a;
}

.background-image {
 background-position: center center !important;
 background-repeat: no-repeat !important;
 background-size: cover !important;
 position: relative;
 z-index: 9;
}

.background-image-tee-info {
 height: 250px;
}

.background-image-types {
 height: 515px;
}

.background-overlay {
 width: 100%;
 height: 100%;
 background: rgba(0,0,0,0.1);
 position: relative;
 -webkit-transition: all 500ms ease-in-out;
 -moz-transition: all 500ms ease-in-out;
 -ms-transition: all 500ms ease-in-out;
 -o-transition: all 500ms ease-in-out;
 transition: all 500ms ease-in-out;
 cursor: pointer;
}

.tile-text {
 position: absolute;
 width: 100%;
 bottom: 0;
 left: 0;
 padding-left: 8.3333%;
 padding-top: 4.333333%;
 padding-bottom: 4.333333%;
 background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
 background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
 background: -moz-linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
 padding-bottom: 4.3333%;
  -webkit-transition: all 250ms ease-in-out;
 -moz-transition: all 250ms ease-in-out;
 -ms-transition: all 250ms ease-in-out;
 -o-transition: all 250ms ease-in-out;
 transition: all 250ms ease-in-out;
}

section#explore {
 max-width: 1250px;
}

section#explore .row .columns {
 padding-left: .1000rem;
}

#types-of-holiday {
 background: #D8D8D9;
 max-width: 1300px;
 padding: 50px 25px;
}

#types-of-holiday .show-for-small {
 margin: 0 auto;
}

#types-of-holiday .green {
 color: #556318;
}

section#types-of-holiday .background-image-tee-info {
 margin-bottom: .9375rem;
}

.types-of-holiday--type {
  float : left; 
  width : 48%; 
  margin-right : 2%;
}


@media only screen and (max-width: 800px){
	#types-of-holiday .types-of-holiday--type .background-image-tee-info {
	  width: 100%;
	  margin-right : 0;
	}

	div.background-image-types {
     height: 515px;
    }
}

@media only screen and (max-width: 650px) {
  .card-content .card-content-heading { padding-bottom : 0;}
  .icon-row.svgs-row {display : none;}
 .types-of-holiday--type {
	  float : none;
	  margin-right : 0;
	}
	div.background-image-types {
     height: 315px;
    }
}

.white-background {
 background: #FFF;
 padding: 40px 10px;
}

.offer-hotel .white-background, .mc-offer-row .white-background {
    padding: 40px;
}

.white-background h2 {
    font-size: 21px;
}

#sidebar {
  will-change: min-height;
}

.is-affixed .inner-wrapper-sticky {
    left: unset !important;
}

.inner-wrapper-sticky {
  transform: translate(0, 0); /* For browsers don't support translate3d. */
  transform: translate3d(0, 0, 0);
  will-change: position, transform;
}

#hotel-zone-buttons p a:nth-child(1) {
  margin-right: 10px;
}

.black-background .white-background h2 {
    color: black;
}

.black-background {
 background: black;
 /* padding: 40px; */
}

.black-background #team {
    background: #FFF;
}

.black-background .hero {
    border-left: 25px solid black;
    border-right: 25px solid black;
}

.offers-features {
 padding: 40px;
}

.padding-row {
 padding: 50px 0px;
}

.caddys-corner {
 background-image: url('img/golfer.png');
 background-repeat: no-repeat;
 background-size: 500px;
 background-position: 100% -50px;
}

#blog {
 background: #D8D8D9;
 max-width: 1250px;
}

#blog .align-center {
    margin: 0 auto;
}

#blog .white-background p {
  font-size: unset;
}


.circle {
 border-radius: 50%;
 width: 100%;
}

.team-row {
 max-width: 1000px;
 margin: 0 auto;
}

#hero div.full-screen-image {
  max-height: 650px;
  max-height: 50vh;
}

.full-screen-image {
 height: 100vh;
 width: 100%;
}

.caption-box {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 max-width: 300px;
 color: #FFF;
 padding-left: 2.33333%;
 padding-bottom: 2.33333%;
}

.caption-box p, .caption-box span {
  color: #FFF;
  margin-top: 0px;
}

.caption-box .overlay {
 background: rgba(0,0,0,0.5);
 padding: 8.333%;
}

.destination-background {
 height: 250px;
}

/* ----------- Newsletter signup ------------ */


.newsletter-signup {background-color: #000; color : #fff;    padding: 20px 0px ; }

	.subscribe-form-newsletter {max-width: 1300px;
    margin: 0 auto;}
.newsletter-signup h2 {font-size: 1.2rem; font-weight: 400;}

.newsletter-signup div.shift-label label {position: absolute; bottom: 100000px; left: 0px;}

.newsletter-signup div.field {margin: 0px; padding: 0px 10px 0px 10px; box-sizing: border-box; max-width : 35em;}
.newsletter-signup input[type="submit"] {padding: 10px 20px; background-color: transparent; color : #B8D534; border : 1px solid #B8D534;}
.newsletter-signup input[type="submit"]:hover {background-color: #B8D534; color: #000; cursor : pointer;}


input[type="email"].newsletter-register--email { width : 25rem;}


@media only screen and (max-width: 650px) {
	
	.newsletter-signup div.field {margin-bottom : 20px;}
	.newsletter-signup div.field ,
	input[type="email"].newsletter-register--email { width : 100%;}
.newsletter-signup--form { flex-direction : column; }
}

@media only screen and (max-width: 900px) {

.newsletter-signup--form { flex-direction : row; flex-wrap : wrap;}
.newsletter-signup--form div.shift-label { width : 70%;}

.newsletter-signup--form h2 { width :100%; }
}
/* 
.register {width: 100%; padding: 20px 0px 20px 0px; text-align: center; background-color: #000;}
.register .container-12 .grid-12 {margin-bottom: 0px;}
.register form {flex: 1; display: flex; justify-content: space-between; align-items: center;}
.register h2 {flex: 0 0 auto; font-size: 1.4rem; font-weight: 400; color: #ffffff; margin: 0px; padding: 0px 10px 0px 0px; box-sizing: border-box; text-align: left;}
.register label {display: inline-block; padding: 10px 10px 10px 0px;}

.register div.field {flex: 1 0 auto; margin: 0px; padding: 0px 10px 0px 10px; float: left; box-sizing: border-box; max-width : 35em;}
.register div.submit {flex: 0 1 20%; margin: 0px 0px 0px auto; padding: 0px 0px 0px 10px; float: left; box-sizing: border-box;}

.register input[type="submit"] {padding: 10px 20px; background-color: transparent; color : #B8D534; border : 1px solid #B8D534;}
.register input[type="submit"]:hover {background-color: #B8D534; color: #000; cursor : pointer;}

.register div.shift-label label {position: absolute; bottom: 100000px; left: 0px;}
.register p.register-thanks {font-size: 2.2rem; font-weight: 400; font-style: italic; color: #fba91c; margin: 0px; text-align: center;}

*/


/* --------- Inspiration page -------------- */

#inspiration-posts {
 max-width: 1300px;
 margin: 0 auto;
}

#inspiration-posts .blog-tag {
  display: none;
}

.blog-post, .where-to-go, .hotel-post, .offers-post, .mc-post, .where-to-go-worldwide, .you-may-like-post, .hotel-zone-post {
 margin-bottom: 20px;
}

.you-may-like-post .circle {
  display: none;
}

.you-may-like {
    display: none;
}

/* .hotel-post, .offers-post {
 max-width: 500px;
} */

div.where-to-go, div.where-to-go-worldwide {
  margin-bottom: 10px;
}

.view-more-row {
 padding-top: 50px;
}

#view-group-prices {
    margin-bottom: 10px;
}

/* ---------- destinations landing page -------------- */

section.grey-background {
 background: #D8D8D9;
 max-width: 1270px;
 padding: 50px 20px;
}

section.grey-background.offers {
  padding : 30px 20px 20px;
  margin-bottom : 30px;
}

section.grey-background.offers h2:first-child {
  margin-bottom : 20px;
}

div.grey-background {
  background: #D8D8D9;
}

.grey-background-contact {
  background: #D8D8D9;
}

.grey-background .row, #where-to-go .row, #worldwide-countrys .row {
 max-width: 1300px;
}

#where-to-go .row .columns, #worldwide-countrys .row .columns, .where-to-go {
 padding-left: .1000rem;
 padding-right: .4000rem;
}

div.icon-row {
 padding-top: 0px;
 margin-bottom: 1rem;
}

.black-box {
 max-width: 520px;
 margin: 0 auto;
}

.bb-sticky {
 /* margin-left: 60px; */
  margin: 0 auto;
}

@media only screen and (max-width: 600px) {
    .bb-sticky {
        margin-left: 0px;
    }
    #sort-by label.container, #sort-by span.green {
        pointer-events: none;
    }
}

.black-box-content {
 padding: 8.33333%;
}

.black-box-content .circle {
 border: 2px solid #b7d432;
 width: 70px;
 height: 70px;
 border-radius: 50%;
 margin: 0 auto;
 padding: 10px;
}

.black-box-content .green,
.black-box-content .btn-green{ color : #b7d432}

.fixed {
 position: fixed;
 top: 90px;
 right: 35px; 
}

/* ------------ Form ------------------- */

input[type="text"], select, input[type="number"], input[type="email"], input[type="date"], textarea, input[type="number"] {
 width: 100%;
 padding: 15px;
 border: 1px solid lightgray;
}

input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="date"]:focus, select:focus, textarea:focus {
 outline-color: #b7d432;
}

input[type="active"]:focus, input[type="active"]:focus, input[type="active"]:focus, input[type="active"]:focus, select:active, textarea:active {
 outline-color: #b7d432;
}

input[type="submit"] {
 background: #FFF;
}

input::placeholder {
 color: #777979;
 font-style: italic;
}

label.container {
  display: block;
  position: relative;
  /*padding-left: 35px;
  margin-top: 1em;*/
  margin-bottom: 1em;
}

#sort-by label.container, #sort-by-mobile label.container {
  padding-left: 0px;
  padding-bottom: 10px;
}

#sort-by label.container span.checkmark, #sort-by-mobile label.container span.checkmark  {
  bottom: 0;
  left: 45%;
  top: 100%;
  height: 17px;
  width: 17px;
}

label.container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background-color: white;
  border: 2px solid lightgray;
  cursor: pointer;
}

label.container input[type="radio"] {
 /*display: none;
 opacity: 0;*/
 margin-right : 5px;
}

label.container span.checked {
 background-color: #b7d432;
}

select, input[type="number"] {
 -moz-appearance: none;
 -moz-appearance:textfield !important;
 -webkit-appearance: none;
}

select {
  background: url(img/arrow-dark.png) 90% / 15px no-repeat #FFF;
  border-radius: 0px;
}

.offer-filter--container select {
  background-image: url(img/arrow-dark-padded.png);
  background-position-x: 100%;
  padding-right: 40px;
  background-size: auto;
}


 
.luxury-holidays .offers .offer-filter--container select{
  background-image: url(img/arrow-light-padded.png);
}

.black-box-quote {
  max-width: 600px;
  margin: 0 auto;
  background: #232424;
  color: #777979;
  font-weight: 400;
}

/* ----- Contact us ------ */

#contact-us, #brochurerequest, #callback-request {
 max-width: 1000px;
 margin: 0 auto;
}

.contact-details {
  border-bottom: 1px solid lightgray;
}

/* .row:nth-child(1) {
  max-width: 550px;
} */

.contact-details .row:nth-child(2) {
  max-width: 900px;
}

#five-reasons-page .circle {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #b7d432;
}

#five-reasons-page .padding {
 padding: 60px;
}

#our-team .circle, 
.modal-content img {
 max-width: 250px;
 max-height: 250px;
 height: 150px;
 width: 150px;
}

.staff-member-mobile img {
    height: 150px;
    width: 150px;
}

#team h1 {
  line-height: 35px;
}

.hide-it {
 display: none;
}

/* ------------ Why book with golf kings -------------- */

.modal-overlay {
 position: fixed;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 background: rgba(0,0,0,0.8);
 display: flex; 
 align-items: center; 
 justify-content: center; 
 opacity: 0;
 transition: all 250ms ease-in-out;
 -webkit-transition: all 250ms ease-in-out;
 -moz-transition: all 250ms ease-in-out;
 -o-transition: all 250ms ease-in-out;
 pointer-events: none;
 z-index: 999999999999999;
}

/* .modal-text-staff {
    max-height: 300px;
    overflow-y: scroll;
} */


.modal-overlay.modal-show {
 opacity: 1;
 pointer-events: all;
}

.modal-content {
 width: 100%;
 max-width: 900px;
 background: #FFF;
 padding: 80px 40px;
 position: relative;
}

.modal-content .grey-background {
 padding: 20px;
}

.modal-content img {
 max-width: 160px;
}

.modal-content #close-modal {
 position: absolute;
 right: 0;
 top: 0;
 margin-top: -30px;
 cursor: pointer;
}

.modal-content #close-modal span {
 width: 40px;
 height: 2px;
 background: #b7d432;
 display: block;
}

.itinerary-modal {
    z-index: 9999999;
}

.modal-overlay .hotel-gallery-container .course-slide, .modal-overlay .course-gallery-container .course-slide {
    height: 380px !important;
}

.modal-content .hotel-gallery-container, .modal-content .course-gallery-container {
 display: block !important;
}

.modal-content #close-modal span:nth-child(1) {
 transform: rotate(45deg);
}

.modal-content #close-modal span:nth-child(2) {
 transform: rotate(-45deg);
 margin-top: -2px;
}

.modal-content-text, .hotel-gallery-container, .course-gallery-container {
    max-height: 400px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

/* ----------- Blog --------------- */

.blog-content {
 max-width: 1000px;
}

.blog-tag {
    padding: 6px;
    margin-right: 3px;
    background: #FFF;
    font-size: 9px;
    margin-bottom: 10px;
    border: 2px solid #b7d432;
    color: black;
    display: none;
}

.tag-blog-in-blog {
  padding: 0px;
}

.row .tag-blog-in-blog:nth-child(1) {
  padding-left: .9375rem;
}

.row .tag-blog-in-blog:nth-last-child(1) {
  padding-right: .9375rem;
}


.image-caption {
 background: lightgray;
 width: 100%;
 padding: 1.33333%;
}

#sort-by {
  padding-bottom: 20px;
  /* overflow-y: auto;
  overflow-x: hidden; */
}

@media only screen and (max-width: 450px) {
  #sort-by {
    overflow: hidden;
    display: none;
  }
}

div#mobile-dropdown-filters {
  display: none !important;
}

#sort-by .blurred-text {
  background: -webkit-linear-gradient(to bottom, rgba(241,242,242,0.4) 0%, rgba(241,242,242,0.8) 80%, rgba(241,242,242,1) 100%);
  background: -o-linear-gradient(to bottom, rgba(241,242,242,0.4) 0%, rgba(241,242,242,0.8) 80%, rgba(241,242,242,1) 100%);
  background: -ms-linear-gradient(to bottom, rgba(241,242,242,0.4) 0%, rgba(241,242,242,0.8) 80%, rgba(241,242,242,1) 100%);
  background: linear-gradient(to bottom, rgba(241,242,242,0.4) 0%, rgba(241,242,242,0.8) 80%, rgba(241,242,242,1) 100%)
}

.grey-background .read-more, .grey-background .read-less {
  text-align: center;
}

#sort-by input, #sort-by-mobile input {
    -webkit-appearance: radio;
}


.white-bk-mobile-filter {
    background: #FFF;
}

.offers-post {
 position: relative;
}

.offer-hotel {
 margin-top: 10px;
}

.offers-post .circle, .blog-post .circle {
 width: 80px;
 height: 80px;
 background: red;
 color: #FFF;
 position: absolute;
 top: 0;
 right: 20px;
 margin-top: -20px;
 font-size: 12px;
 z-index: 99;
 display: none;
}

.back-a-page {
 -webkit-transform: rotate(90deg);
 -moz-transform: rotate(90deg);
 -o-transform: rotate(90deg);
 -ms-transform: rotate(90deg);
 transform: rotate(90deg);
}

/* .back-a-page {
    display: none;
} */

/* ------------------ Hotel page ------------------------ */

img.tick-list {
  margin-top: -10px;
  margin-right: 10px;
}

#share-icon-mobile {
  margin-left: auto;
}

#social-icons-mobile {
  overflow: hidden;
}

#social-icons-mobile svg, .social-media-links svg {
  width: 50px;
  fill: #b7d432;
}

/* ul.hotel-features-list li:before {
  content: url(img/list-tick.png);
  position: relative;
  top: 14px;
  padding-right: 10px;
} */

.read-more-section {
 position: relative;
 transition: height 100ms ease-in-out;
 -webkit-transition: height 100ms ease-in-out;;
 -moz-transition: height 100ms ease-in-out;
 -o-transition: height 100ms ease-in-out;
}

section.read-more-desktop {
    /* border-bottom: 1px solid lightgray; */
    margin-bottom: 100px;
}

.read-more-section p.read-more {
 text-align: left;
}

.read-more {
 cursor: pointer;
}


.wrapper {
 max-width: 1300px;
 margin: 0 auto;
}

.accordion {
 padding: 20px 0px;
 border-bottom: 1px solid lightgray;
 cursor: pointer;
}

.accordion svg {
  width: 25px;
  fill: #b7d432;
  margin-right: 10px;
  overflow: hidden;
  max-height: 20px;
  cursor: pointer !important;
}

.accordion .row {
 pointer-events: none;
}

.toggle-accordion {
 width: 30px;
 height: 30px;
 float: right;
 position: absolute;
 right: 20px;
 width: 30px;
 height: 30px;
}

.toggle-accordion span {
 height: 2px;
 background: #6a7730;
 display: block;
 width: 30px;
 position: absolute;
 top: 50%;
 opacity: 1;
 transition: opacity 500ms ease-in-out;
  -webkit-transition: opacity 500ms ease-in-out;;
 -moz-transition: opacity 500ms ease-in-out;
 -o-transition: opacity 500ms ease-in-out;
}

.toggle-accordion span:nth-child(2) {
 transform: rotate(90deg);
}

div.toggle-accordion span.hide-opacity {
 opacity: 0;
}

.accordion-heading {
  font-size : 1.8em;
}

.relative {
 position: relative;
}

.a-hidden-content {
 transition: height 500ms ease-in-out;
 -webkit-transition: max-height 500ms ease-in-out;;
 -moz-transition: max-height 500ms ease-in-out;
 -o-transition: max-height 500ms ease-in-out;
 max-height: 1900px;
 overflow: hidden;
 cursor : auto;
}

div.hidden-height {
 max-height: 0;
 /* height: 0; */
}

.intro-two-column {
    max-width: 1300px;
    margin: 0 auto;
}

.intro-two-column iframe, .accordion .hidden-content-text iframe {
    display: none;
}

.intro-two-column .black-box {
 margin-top: -170px;
 position: relative;
 z-index: 9;
}

.intro .read-more, .intro .read-less {
 text-align: center;
}

.read-less {
    cursor: pointer;
}

.text-bottom {
 position: absolute;
 width: 100%;
 bottom: 20px;
}

.read-more-mobile {
   -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  max-height: 500px;
  height: auto;
}

.text-top-left-mobile {
 position: absolute;
 top: 0;
 left: 0;
 padding-left: 4.333333%;
 padding-top: 4.33333%;
 display: none;
}

.text-top-left {
 position: absolute;
 top: 0;
 left: 0;
 padding-left: 2.333333%;
 padding-top: 3.33333%;
}

.text-top-left img {
 margin-top: -5px;
}

.padded-click {
 padding-top: 1.5rem;
 padding-bottom: 1.5rem;
}

.mobile-slider {
 display: none;
} 

.destination-header {
    font-size: 2.5em;
}

#mobile-scroll-team-mobile {
    overflow: scroll;
}

.staff-member .background-image {
    height: 150px;
}

.staff-member-mobile .background-image {
    height: 150px;
}

@media only screen and (max-width: 800px) {
    .staff-member .background-image {
        height: 100px;
    }
}

@media only screen and (max-width: 650px) {

    .staff-member-mobile .background-image {
        max-width: 150px;
        margin: 0 auto;
        margin-bottom: 30px;
    }

}

.staff-member-mobile img {
    max-width: 250px;
    margin: 0 auto;
}

/*----------- Hover effects --------------- */


.background-image-tee-info .background-overlay:hover {
 background: rgba(0,0,0,0.6);
}

.background-image-tee-info .background-overlay:hover .tile-text {
 bottom: 50%;
 background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%);
}

.background-image-tee-info .background-overlay:hover .vd-text {
 opacity: 1;
}

.btn-green:hover {
 background: #6A7730;
 color: #FFF;
}

.btn-black:hover {
 background: black;
 color: #FFF;
}

.btn-white-outline:hover {
 background: #FFF;
 color: black;
}

.btn-grey:hover, .btn-grey:focus, .btn-grey:active {
 color: #b7d432;
 border: 2px solid #b7d432;
 outline: none;
}

input {
-webkit-appearance: none;
border-radius: 0;
}

.btn-white:hover {
 background: black;
 color: #b7d432;
}

.btn-black-background:hover {
 background: white;
 color: black;
}

.btn-green-background:hover {
 background: #333;
 color: #FFF;
}

#links .arrow {
 transform: rotate(90deg);
 margin-top: -4px;
}

.square-overlay {
 height: 100%;
 width: 100%;
  transition: background 500ms ease-in-out;
 -webkit-transition: background 500ms ease-in-out;
 -moz-transition: background 500ms ease-in-out;
 -o-transition: background 500ms ease-in-out;
 cursor: pointer;
}

.square-overlay:hover {
 background: rgba(0,0,0, 0.4);
}

/* ---------------- Modal settings for smaller desktop screens ----------- */

@media (max-height: 805px) and (min-width: 1100px) {

  li.has-children .dropdown-menu .dropdown-sub-menu li a {
    font-size: 15px;
  }
  .dd-menu-box {
    height: 125px;
  }
  .dd-menu-padding {
    padding-top: 20px;
  }
  .dd-menu-box .dd-caption h2 {
    font-size: 20px;
  }
 .modal-content p {
  font-size: 12px;
 }
 .modal-content-text {
  max-height: 300px;
 }
 div.modal-content {
  padding: 20px 20px;
 }
 .modal-content h2 {
  font-size: 16px;
 }
 .modal-content #close-modal {
  margin-top: -20px;
 }
 .modal-content #close-modal span {
  width: 30px;
 }
 .modal-overlay div.hotel-gallery-container div.course-slide, .modal-overlay .course-gallery-container .course-slide {
  height: 320px !important;
 }
 .modal-content {
  max-width: 700px;
 }
}

/* --------------------- Multi Centre Page ------------------------- */

.marker {
 margin-right: 10px;
}

section.itinerary {
 border-bottom: 1px solid lightgray;
 padding-bottom: 0px;
}

.accordion-after-text {
 padding: 40px 0px;
}

.accordion-after-text .btn-green {
 margin-left: 5px;
}

#map {
 height: 100%;
 width: 100%;
}

li.white-text span {
 position: relative;
 top: -12px;
}

/* ------------------------ Magic line ------------------------ */

#magic-line {
 position: absolute;
 background: #6a7730;
 transition: all 200ms ease-in-out;
 height: 3px;
 margin-top: 20px;
}

.shrink #magic-line {
 margin-top: 10px;
}

#copyright-bar a {
 /*color: #777979;*/
 color: #8b8c8c;
}

.search-bar-mobile form {
 padding-left: 4.33333%;
 padding-right: 1.33333%;
}

.mc-text {
 font-size: 10px;
}

.of-row svg {
    width: 45px;
    height: 45px;
    fill: #8cc63f;
    margin-bottom: -15px;
    margin-right: 2px;
}

/* --------------------------- Text snippets ---------------------------- */

.text-snippet a {
  color: #6a7730 !important;
  /*color: #b7d432 !important;*/
  text-decoration: none !important;
}

.text-snippet a u {     border-bottom: 2px solid #6a7730;}

.text-snippet a.btn-green-background {
  color: #ffffff !important;

}

#text-snippet-18, section#text-snippet-21 {
    padding-bottom: 0px;
}

.offers-text-1 {
  font-size: 15px;
}

.offers-text-2 {
  font-size: 15px;
}

@media only screen and (max-width: 650px) {
  .text-snippet ul, .text-snippet ol {
    padding-inline-start: 20px;
  }
}

.text-snippet .imagePosition__right .snippet-image {margin-bottom : 10px;}

@media print, screen and (min-width: 64em) {
.text-snippet .imagePosition__right .snippet-image {order : 10;margin-bottom : 0;}
}

/* ----------------------------- FEEFO Widgets ------------------------------ */

feefowidget-carousel-body {
    display: none;
}

.feefowidget-carousel-summary.feefowidget-carousel-summary-average-customer-rating div.feefowidget-bottom-row {
    border-bottom: none !important; 
}

feefowidget-container-carousel div.feefowidget-standard {
 width: 100%;
}

.flex feefowidget-container-carousel .feefowidget-carousel-container-average-customer-rating feefowidget-carousel-summary { 
 margin-top: 0px;
}


.hotel-background {
    background: black;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    width: 100%;
    height: 100%;
}

.background-image-parent {
    height: 250px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

span.price {
    font-size: 21px;
}

.hotel-background:hover {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
}


#caribbean {
    padding-top: 0px;
}

#caribbean .row {
  max-width: 1250px;
}

@media only screen and (max-width: 850px) {

  #caribbean .row, #inspiration-posts .row {
    max-width: 550px;
  }

}

#blog .row {
  max-width: 1250px;
}

/*  --------------------- SVGS ---------------------- */

.black-box-content svg {
    fill: #b7d432;
    width: 40px;
}

.black-box-content h3 {
   font-size: 20px;
}

.itinerary-row svg {
    fill: #b7d432;
    width: 20px;
}

.itinerary-row {
    font-size: 15px;
}

.svgs-row .tt svg {
    fill: #6A7730;
    width: 40px;
    height: 40px;
}

/* .svgs-row {
    padding-top: 20px;
} */

.luxe-collection svg {
    fill: #FFF;
    max-width: 100px;
    max-width: 70px;
}

.luxe-collection .height-of-parent {
    background: rgba(0,0,0,0.3);
}

.luxe-banner {
  position: absolute;
  top: 0;
  left: 0;    
  width: 100%;
  max-width: 150px;
  padding: 10px 0px;
  z-index: 9;
  background: black;
  color: #FFF;
  text-align: center;
}

.luxe-collection-banner .luxe-banner {
    max-width: 100%;
}

.luxe-banner svg {
   
}

.iframe-embed {
    height: 600px;
    width: 100%;
}


lite-youtube {
  height: 100%;
  max-width: 100% !important;
  width: 100%;
}

/*------ Tooltip for SVGS ------------ */

.tt {
  position: relative;
  display: inline-block;
}

.tt .tt-text {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 10px 10px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 55%;
  margin-left: -60px;
  opacity: 0;
  font-size: 14px;
  transition: opacity 0.3s;
}

.tt .tt-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tt span.offer-date-tt {
  width: 250px;
  left: 0%;
}

.tt:hover .tt-text {
  visibility: visible;
  opacity: 1;
}

/*------------ AJAX LOADER ----------------- */

.offers-container, .signature-collection-container {
    position: relative;
}

.signature-collection-container .svgs-row {
    /* margin-bottom: 0px; */
}

#ajax-loader {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background: rgba(255,255,255,0.8);
  text-align: center;
  z-index: 99;
  display: none;
}

#ajax-loader img {
    margin-top: 100px;
}

#must-have-filter {
  background: none;
}

/* ---- Chosen Multi Select Box ------ */

div.chosen-container-multi ul.chosen-choices {
 padding: 10px;
 border: 1px solid lightgray;
 border-radius: 3px;
 font-family: miller-display, serif;
 font-weight: 400;
 font-style: italic;
 background: url(img/arrow.png) 96% / 15px no-repeat #FFF;
}

div.chosen-container {
  padding-bottom: 10px;
}

li.search-field input[type=text] {
  color: #222!important;
  font-family: miller-display, serif;
  font-weight: 400;
  font-style: italic;
}

div.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  background: url(/img/chosen-sprite.png) -42px 1px no-repeat;
}


/* ----- Filter Radio Buttons layout ----------------*/

.one-eighth {
  /* width: 10.555555%; */
  float: left;
  margin-bottom: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 10.555555%;
  -ms-flex: 0 0 10.5555555%;
  flex: 0 0 10.55555555%;
  max-width: 10.55555555%;
  pointer-events: all;
}

@media only screen and (max-width: 800px) {

    .one-eighth {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 0px;
    }

    .one-eighth {
        border-bottom: 1px solid black;
    }

    .one-eighth .checkmark {
        display: none;
    }     
    
    .one-eighth .container {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    #sort-by .text-center {
        text-align: left;
    }

    .one-eighth .container {
        padding-top: 10px;
    }

}

pre a {
  color: -webkit-link;
  text-decoration: underline;
  font-size: unset;
}

#mobile-dropdown-filters {
   background: #b7d432;
   padding: 15px 20px;
   font-size: 12px;
   margin-bottom: 20px;
}

.rotate-this {
    transform: rotate(270deg);
    margin-top: -5px;
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    margin-left: 10px;
}

.filter-button-open .rotate-this {
    transform: rotate(90deg);
}

.center-div h1 {
    text-shadow: 2px 1px 2px black;
}


/* ----- AMI and Phone Icon ----------- */

#srLaunchContainer a#srLaunch {
   // display: none;
}

.mobile-phone {
    position: fixed;
    /* top: 0; */
    width: 55px;
    bottom: 12px;
    padding: 10px;
    left: 10px;
    width: 72px;
	height: 72px;
    border-radius: 50%;
    background: #6a7730;
    /*z-index: 99999999999;*/
	z-index: 999999900;
    display: none;
}

.mobile-phone svg {
    fill: #FFF;
	width: 42px;
    height: 42px;
}


.mobile-contact {
    position: fixed;
    bottom: 28px;
    left: 120px;
    /*z-index: 99999999999;*/
	z-index: 999999900;
    
}

.mobile-contact .heading-cta {
		font-size: 26px;
	}


@media only screen and (max-width: 650px){
	.mobile-contact {
		display: none;
		bottom: 20px;
    left: 95px;
	}

	.mobile-contact .heading-cta {
		font-size: 22px;
	}

	.mobile-phone {
		width: 48px;
		height: 48px;
	}
	.mobile-phone a,
	.mobile-phone svg {
	width: 27px;
		height: 27px;
	}
}


@media only screen and (min-width: 1024px){
	.mobile-contact {
		display: none;
	}
}

.team-row .circle {
    max-height: 140px;
}

.intro-two-column div.page-builder-wph {
    margin-top: 0px;
}

::-webkit-input-placeholder { /* Edge */
    color: #777979;
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #777979;
  }
  
  ::placeholder {
    color: #777979;
  }


  .tile {
    padding-bottom: .9375rem;
  }

  .whatsapp svg path {
    fill: #b7d432;
  }

  #social-icons-mobile .whatsapp svg {
      width: 32px;
  }

  span.validation-message {
      color: red !important;
  }

  section.gallery-pb-section {
    padding: 0px 0px;
  } 

  #hp, #hp-quote, #hp-brochure, #hp-callback {
    display: none;
  }

  feefowidget-container-carousel div.feefowidget-carousel-container-average-customer-rating feefowidget-carousel-summary {
      margin-top: 0px;
  }

  feefowidget-container-carousel div.feefowidget-standard {
    padding-top: 0px;
  }

  .tee-info h2 {
      font-size: 1.5em;
      text-align: center;
      margin-bottom: 20px;
  }

  @media only screen and (max-width: 450px) {
    #feefo-service-review-carousel-widgetId {
        max-width: 250px;
        margin: 0 auto;
    }
  }

  .footer-section svg {
    width: 50px;
  }

.alert h1 {
    font-size: 20px;
}

.alert p {
    margin: 0px;
}

div.hidden {
    visibility: visible;
}


/*====================================================================================================================*/
/*                                                                                                                    */
/*   UTILITY STYLES                                                                                                   */
/*                                                                                                                    */
/*====================================================================================================================*/


.o-flex {
  display: flex;
  -webkit-justify-content: space-between;
	justify-content: space-between;
}

.o-flex__v-center { align-items : center;}
.o-flex__v-end { align-items : flex-end;}
.o-flex__v-top { align-items : flex-start;}
.o-flex__v-stretch { align-items : stretch;}
.o-flex__h-center { justify-content : center;}
.o-flex__h-left { justify-content : flex-start;}
.o-flex__h-between { justify-content : space-between;}
.o-flex__h-right { justify-content : flex-end;}

.o-flex__vh-center { align-items : center; justify-content : center}

.o-flex__row {
	-webkit-flex-direction: row;
	flex-direction: row;
}

.o-flex__col {
	-webkit-flex-direction: column;
	flex-direction: column
}

.o-flex__wrap { flex-wrap : wrap;}

.isHidden {display : none !important}

/* Hiding class, making content visible only to screen readers but not visually */
/* "sr" meaning "screen-reader" */

.sr-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0); 
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap; 
  width: 1px;
}


.feefowidget-review-summary-text {
color: #717171 !important;
}

.feefowidget-carousel-summary a{
color: #0018c1 !important;
}

/*
.luxury-holidays .offers {
  background-color : #232424;
}

.luxury-holidays .offers select {
  background-color : #232424;
  color : #fff;
  border-color : #fff;
}

.luxury-holidays .black-background .offers .card-content h2,
.luxury-holidays .black-background .offers .card-content p {
  color : #0a0a0a;
}*/

/* #region Offer filters */
/******************************/




.offer-filters { flex-direction :     column;}

.offer-filter--heading,
.offer-filter--item,
.offer-sort {
  margin :                          0 9px 5px;
}

.offer-filter--container {
  flex-wrap :                       wrap;
  margin-bottom :                       30px;
  position : relative;
}

.offer-filter--filters{
  display: flex;
  flex-direction: column;
}

.offer-filter--heading{
  
  background-color:                   #fff;
  padding:                            15px;
  cursor :                            pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /*max-width: 10rem;margin :                            0 2rem 0 0;
  border : 1px solid #fff;
  z-index: 99999;
  transition: all .2s ease;
  width : 95%;*/
}

.offer-filter--heading.is-active {
  /*border: 1px solid #6a7730;
  border-bottom: 1px solid #fff;*/

}

.offer-filter--heading:after{
  content : url(img/filter-icon.svg);
  width: 26px;
  height: 18px;
  display: block;
  margin-left: 40px;
}

.offer-filters .offer-filter--heading {
  max-width : 100%;
  padding-left : 0;
}
.offer-filters .offer-filter--heading:after{
  content : 'x';
}

.offer-filter--item {
  margin-right :                        1rem;
  min-width :                           12rem;
}

.offer-filter--item-label{
  margin-right : 1rem;
  align-self: center;
  min-width : 2rem;
}

.offer-filter--item-date {
  margin-bottom :                       5px;
}

.offer-filters--container {
  max-height: 0; 
  overflow: hidden;
  transition: all .2s ease;
  padding: 0 15px;
  background-color: rgba(0,0,0,.5);
  
}

.offer-filters--container.is-active{
  position: fixed;
  top: 0;
  left : 0;
  max-height: none;
  width: 100%;
  height: 100%;
  display : flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 15vh;
  z-index: 9999999;
}

.offer-filters {
  background-color: #fff;
  padding: 15px;
  justify-content: space-evenly;
}

.offer-filters--actions {
  justify-content: flex-end;
  width: 100%;
  margin-top : 20px;
}

.offer-filters--action-button {
  margin-left : 20px;
}

@media only screen and (min-width: 650px) {
  .offer-filter--filters {
    flex-direction : row;
  }

  .offer-filter--heading {
    width : auto !important;
  }

  .offer-filters {
    flex-grow :                       1;
    flex-direction : row;
    max-width: 1000px;
  }

  .offer-filters--heading {
    width : 100%;
  }

  .offer-filter--item-type{
    align-self: flex-start;
  }
}

/*
.offer-filters.is-active { 
  max-height : none; 
  margin-top : 10px;
  margin-top: -1px;
  padding:  15px;border: 1px solid #6a7730;

  position: fixed;
  top: 0;
  left : 0;
  width: 100vw;
  height: 100vh;
  border: 0;
  z-index: 9999999;
  }
*/

  .offer-filters--heading {
    margin-bottom : 20px;
    border-bottom : #6a7730 2px solid;
    align-items: center;
  }

  .offer-filters--heading-close {
  font-family: monospace;
    font-size: 1.5rem;
    padding: 10px;
    /*background-color: #6a7730;
    color: #fff;*/
    line-height: 1;
    cursor : pointer;
  }

  .offer-filters .offer-filter--item {
    margin-bottom : 10px;
  }

.offer-sort {
  flex-grow :                       1;
  align-items:                      flex-start;
  margin-top :                      10px;
}

.offer-filter--tags {
  flex-grow :                       10;
  display:                          flex;
  flex-wrap :                       wrap;
  align-items:                      center;
  justify-content:                  flex-start;
  margin: 10px;
}

.offer-filter--tag {
  border:                           1px solid #666;
  padding:                          5px 10px;
  background-color:               #fafafa;
  font-size:                        .9rem;
  margin-right:                     10px;
  margin-bottom :                   10px;
  color:                          #333;
  border-radius :                   10px;
  border:                           1px solid #6A7730;
}

span.offer-filter--tag:after {
  content: "x";
  display: inline-block;
  margin-left: 5px;
}

@media only screen and (min-width: 651px) {
.offer-filter--item {
      width :                           45%;
      
  }

  .offer-filters {
    flex-wrap : wrap;
  }
}

@media only screen and (min-width: 651px) and (max-width: 1020px) {
  
  .offer-filter--container {
      flex-wrap :                       wrap;
  }
  .offer-filters {
      flex-wrap :                       wrap;
      width :                           100%;
  }

  .offer-filter--heading 
  {width :                              100%;
  }

  

  .offer-sort {
      margin-top :                      10px;
  }

}

@media only screen and (min-width: 651px){
  .offer-sort {
    /*position: absolute;
    right: 0;
    top: -10px;*/
  }
}

/* #endregion Offer filters */
/******************************/
/******************************/


/* #region Offer Cards */
/******************************/





/* Take into account the sticky header when using internal anchors */
#view-hotels {
  scroll-margin-top: 4rem;
}

.section-padding.related-tours {
  margin-top : 20px;
}

.card-container {
  display :                             flex;
  flex-wrap :                           wrap;
  justify-content:                      space-around;
  width :                               100%;
}

.card-container--heading {
  margin-top: 0;
  padding-left: 15px;
}

.card {
  display:                              flex;
  flex-direction:                       column;
  
  width :                               32%;
  max-width :                           380px;
  margin-bottom :                       30px;
}



@media only screen and (max-width: 900px) {.card {width : 47%;}}

@media only screen and (max-width: 650px) {.card {width : 95%;}}


.card-wrapper {
  display :                             flex;
  flex-direction :                      column;
  background-color :                  #fff;
  flex :                                1;
  text-align :                          center;
  
}
.card-travel-date {
  display: block;
  font-weight: 700;
  padding-top: 10px;
}

.card-content-heading{
  padding:                              20px 10px 5px;
}
.card-content {
  padding:                              0 10px 20px 10px;
}

.card-trip-description {
  text-align:                           left;
  padding:                              0 10px 20px;
}

p.card-location {
  /*color : #a8c132 !important;font-weight : 700;*/
  font-size :                           15px;
}

.card-title {
  font-size :                           22px;
  line-height :                         1.2;
  margin-bottom :                       10px;
}

.card-highlights { margin-bottom : 10px;}

.card-highlight {
  max-width:                            40px;
  width:                                40px;
  height:                               40px;
  fill :                              #6a7730;
}

.card-usp-list {
  text-align :                          left;
  list-style-type:                      none;
  margin :                              25px 0;
}
.card-usp-item {
  position :                            relative;
  padding-left :                        1.2rem;
  line-height :                         1.2; 
  margin-bottom :                       .35rem;
}

.card-usp-item:before {
content:                                '✓'; 
position :                              absolute;
left :                                  0;
color :                               #6a7730;
font-weight :                           700;
}

.card-rating {
  font-size :                           28px;
  line-height :                         1;
  display :                             inline-block;
  margin-bottom :                       15px;
  color :                             #6a7730;
}

.card-highlight-box {
  padding : 15px;
  margin : 10px;
  background-color : rgba(0,0,0,0.05);
}

.card-our-highlight {
  display : flex;
  flex-direction : column;
}

.card-our-highlight__heading {
  display : flex;
  justify-content: center;
    align-items: center;
}

.card-highlight-box .card-usp-list {
  margin-top : 0;
  padding-left: 0;
}

.card-hasFlights { font-weight : 700; padding-top : 10px;}

.card-price--wrapper {
  display: flex;
    justify-content: space-evenly;
}


.card-price--heading,
.card-price--text {
  /*font-family:                          miller-display, serif;*/
  font-weight:                          400;
  /*font-style:                           italic;*/
}

.card-price--heading {font-size : 1.2rem; display : block;}

.card-price--group-text {font-size : 1rem;}
.card-price--group { padding : 10px; margin-top : 10px;}

.card-price--value {
  font-style :                          normal;
  font-size :                           21px;
} 

.card-price{
  align-items: center;
}

.card-price--value.price {
    font-weight: 700;
    font-size: 1.6rem;
}

.card-ctas {
  flex:                                 1;
  display:                              flex;
  align-items:                          flex-end;
  padding-bottom:                       40px;
  justify-content:                      space-evenly;
  margin-top:                           20px;
}

.card[data-filter="hide"] { display : none;}

.card-our-highlight__heading {
  justify-content: flex-start;
}

.card-highlight-box{
  margin-top : 0;
  padding-top : 0;
  margin-bottom: 30px;
}


.card-highlight-box.first{
  /*padding-bottom : 0;*/
  margin-bottom: 0px;
}

.card-highlight{
  max-width: 20px;
  width: 20px;
  height: 20px;
  margin-right : 5px;
}

.hotel-offers .card-wrapper{
  text-align : left;
}
.hotel-offers .card-rating,
.hotel-offers .card-usp-list,
.hotel-offers .card-holiday-info,
.hotel-offers .card-price {
   padding-left : 10px;
}

.isHidden { display : none;}


.card-content__condensed .card-holiday-info { margin-top : 10px}

.card-content__condensed .card-highlight-box.first {
  margin-left : 0;
  padding-bottom : 0;
  margin-bottom : 10px;
  padding-bottom: 10px;
  padding-top: 10px;

}

.card-content__condensed .card-our-highlight {margin-top : 0;}

.card-content__condensed  .card-ctas{
  align-items: center;
  margin-top : 0;
  padding-bottom : 0;
  justify-content: flex-end; 
}

.card-content__condensed .card-our-highlight {

}

/* #endregion Offer Cards */
/******************************/
/******************************/


input[type="submit"].btn-green-background{
  background-color: #6A7730;
  font-size: 1rem;
}

#modal-enquiry-popup .modal-enquiry-title p {
  font-size : 2rem;
}

#modal-enquiry-popup .modal-enquiry-title h3 {
  font-size : 1.2rem;
}

/*==================================================================*/
/*   MODAL BOX                                                      */
/*==================================================================*/
/* css copied from original file jquery.flex-modal.css and brought into this css file for editing instead */
/* SEE https://github.com/floriancapelle/jquery-flex-modal */
/* set this class to hide modals on pageload */ /* use your existing modifiers if you can */

html.modal-open {overflow: hidden; padding-right: 16px;} /* Prevents background scrolling while modal is open */

.flex-modal-hide {display: none;}
.flex-modal-item {position: fixed; left: 0; top: 0; right: 0; bottom: 0; align-items: center; justify-content: center; background-color: rgba(0,0,0,0.4); z-index: 10000; opacity: 0; display: none; transition: opacity .1s; /* make sure to use at least tiny transition-duration so a transitionend event can fire */}
.flex-modal-item--ready {display: flex;}
.flex-modal-item--visible {opacity: 1;}
.flex-modal-item__content {box-sizing: border-box; position: relative; padding: 0px; border-radius: 3px; box-shadow: 0 1px 6px rgba(0, 0, 0, .25); background: #fff;}
.flex-modal-item__content h2 {margin-bottom: 0px;}
.flex-modal-item__content h2:first-child {margin-top: 0px;}
.flex-modal-scrollable__content {box-sizing: border-box; padding: 20px; max-width: 60vw; max-height: 90vh; overflow: auto;}
.flex-modal-scrollable__content_narrow {box-sizing: border-box; padding: 20px; max-width: 45vw; max-height: 90vh; overflow: auto;}
.flex-modal-item__close {position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; z-index: 100000;}
.flex-modal-item__close svg {width: 20px; height: 20px;}
.flex-modal-item__close svg polygon {fill: #343f48; transition: all .3s ease;}
.flex-modal-item__close:hover svg polygon {fill: #019e6c;}

.flex-modal-item__close_popup_subscribe {position: absolute; top: 40px; right: 40px; width: 20px; height: 20px; z-index: 100000;}
.flex-modal-item__close_popup_subscribe svg {width: 20px; height: 20px;}
.flex-modal-item__close_popup_subscribe svg polygon {fill: #FFFFFF; transition: all .3s ease;}
.flex-modal-item__close_popup_subscribe:hover svg polygon {fill: #019e6c;}

/*--- Add this class to a modal div if you want them to animate ----*/
.modal-animate {transition: opacity .4s;}
.modal-animate .flex-modal-item__content {transition: transform .5s cubic-bezier(0.610, 0.405, 0.325, 1.165); transform: translateY(-200px);}
.modal-animate.flex-modal-item--visible .flex-modal-item__content {transform: translateY(0);}

.modal-expert {padding: 0px 0px 20px 0px;}
.modal-expert-wrap {display: flex;}
.modal-expert-box {flex: 1; box-sizing: border-box; margin: 0px 10px; padding: 15px 20px 15px 90px; border: solid 1px rgba(132,147,158,0.3); position: relative; transition: all .3s ease;}
.modal-expert-box:first-child {margin-left: 0px;}
.modal-expert-box:last-child {margin-right: 0px;}
.modal-expert-box h3 {font-size: 1.4rem; font-weight: 600; text-transform: uppercase; text-align: left; color: #988962; margin: 0px;}
.modal-expert-box p {font-size: 2.4rem; margin: 0px;}
.modal-expert-box svg {width: 40px; height: 40px; position: absolute; top: 20px; left: 20px;}
.modal-expert-box svg path, .modal-expert svg circle {fill: #25aae1;}
.modal-expert-box-priority-line svg path {fill: #c00000;}
/*--- For devices who auto change phone numbers to links -----------*/
.modal-expert-box a, .modal-expert-box a:visited, .modal-expert-box a:hover, .modal-expert-box a:active, .modal-expert-box .phoneexpert {color: #343f48 !important; text-decoration: none;}

.modal-enquiry input[type="text"], .modal-enquiry input[type="tel"], .modal-enquiry input[type="email"], .modal-enquiry input[type="submit"], .modal-enquiry select, .modal-enquiry textarea {width: 100%;}
.modal-enquiry-title {flex: 1; box-sizing: border-box; padding: 15px 20px 15px 90px; position: relative; border: solid 1px rgba(132,147,158,0.3); border-bottom: none;}
.modal-enquiry-title svg {width: 40px; height: 40px; position: absolute; top: 20px; left: 20px;}
.modal-enquiry-title svg path, .modal-enquiry-title svg circle {fill: #25aae1;}
.modal-enquiry-title h3 {font-size: 1.4rem; font-weight: 600; /*text-transform: uppercase;*/ text-align: left; color: #988962; margin: 0px;}
.modal-enquiry-title p {font-size: 2.4rem; margin: 0px;}
.modal-enquiry-title-no-svg {padding-left: 20px;}

.modal-enquiry-wrap {display: flex; flex-flow: row wrap; box-sizing: border-box; border: solid 1px rgba(132,147,158,0.3); border-top: none; padding: 0px 10px 20px 10px;}
.modal-enquiry-wrap p {margin: 0px;}
.modal-enquiry-wrap .signup-terms {flex-basis: auto; display: flex; flex-wrap: wrap; box-sizing: border-box; width: 100%; padding: 0px 0px 20px 10px;}
.modal-enquiry-wrap .signup-terms p {font-size: 1.4rem; margin: 0px;}
.modal-enquiry-wrap .field-2 {flex-basis: auto; display: flex; flex-wrap: wrap; box-sizing: border-box; width: 50%; padding: 0px 10px 20px 10px;}
.modal-enquiry-wrap .field-1 {flex-basis: auto; display: flex; flex-wrap: wrap; box-sizing: border-box; width: 100%; padding: 0px 10px 20px 10px;}
.modal-enquiry-wrap label {flex-basis: auto; width: 100%; padding-bottom: 10px;}
.modal-enquiry-wrap .field-w-titlename select {flex: 1; margin-right: 20px;}
.modal-enquiry-wrap .field-w-titlename input {flex: 3;}
.modal-enquiry-wrap .field-w-callback select {flex: 1; margin-left: 20px;}
.modal-enquiry-wrap .field-w-callback input {flex: 3;}
.modal-enquiry-wrap .field-w-subscribeby span {flex: 1; display: inline-block; margin-right: 20px;}
.modal-enquiry-wrap .field-w-subscribeby span:last-of-type {margin-right: 0px;}
.modal-enquiry-wrap .field-w-subscribeby label {display: inline-block; padding: 0px 0px 5px 0px; font-weight: 600;}
.modal-enquiry-wrap .field-w-btn input {flex: 2;}
.modal-enquiry-wrap .field-w-btn button {flex: 1; font-size: 1.4rem; margin-left: 20px;}
.modal-enquiry-wrap .field-manual {margin-left: auto; padding-bottom: 10px;}
.modal-enquiry-wrap .field-manual p {position: relative; top: -10px; text-align: right; width: 100%;}
.modal-enquiry-wrap .field-manual a {text-decoration: underline; color: #343f48;}
.modal-enquiry-wrap .field-manual a:hover, .modal-enquiry-wrap .field-manual a:focus {text-decoration: none;}

.shift-label label {
  position: absolute;
  bottom: 100000px;
  left: 0px;
}

@media only screen and (max-width: 719px){

  .flex-modal-scrollable__content {
      max-width: 90vw;
      max-height: 90vh;
  }
}

@media only screen and (max-width: 719px){
  .modal-enquiry-wrap .field-2 {
      width: 100%;
  }
}

/* #region Read More Text */
/******************************/

.read-more-text-wrapper {  text-align : center;}

.read-more-section {
  position : relative;
}
.read-more-section.is-collapsed:after{
  content : '';
  width : 100%;
  position: absolute;
  bottom: 32px;
  height: 40px;
  background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,1) 100%);
  background: -ms-linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,1) 100%);
  transition: background 0.5s ease-in-out;
  -webkit-transition: background 0.5s ease-in-out;;
  -moz-transition: background 0.5s ease-in-out;
  -o-transition: background 0.5s ease-in-out;
}

.read-more-text {
 color : #6a7730;
  cursor : pointer;
  padding : 5px;
  font-size : 16px;
  text-transform : uppercase;
  margin-bottom : 20px;
}

/*.read-more-text:hover {
  color : #fff;
  background-color : #6A7730;

}*/

.read-more-hidden {
  max-height : 0;
  overflow : hidden;
  transition: all 0.5s ease-in-out;

}
.read-more-hidden.is-active {
  max-height : none;
  max-height : 100vh;
}

.read-more-hidden p:first-of-type {
  margin-top : 0;
}

/* #endregion Read More Text */
/******************************/
/******************************/

.FormErrorClass {
    background: #fcc;
}

.mobile-contact { display : none !important;}
.homepage .mobile-contact { display : block !important;}

@media screen and (max-height: 610px) {
  .homepage .mobile-contact { display : none  !important;;}
}

/*==================================================================*/
/*   Responsive Grid 960px (mediaqueries)                           */
/*==================================================================*/
@media only screen and (min-width: 960px) and (max-width: 1199px) {

  /*--- Modal Box ----------------------------------------------------*/ /* CHECKED */
  .flex-modal-item__content {max-width: 90vw; max-height: 90vh;}
  .flex-modal-scrollable__content {max-width: 90vw; max-height: 90vh;}
  
  .modal-expert {padding-bottom: 0px;}
  .modal-expert-wrap {flex-direction: column;}
  .modal-expert-box {margin: 0px 0px 20px 0px;}
  .modal-enquiry {padding-top: 0px; border-top: none;}
  .modal-enquiry-wrap {flex-flow: column nowrap; padding-bottom: 10px;}
  .modal-enquiry-wrap .field-2 {width: 100%;}
  .modal-enquiry-wrap .field-w-btn input {flex: 1;}
  
  }
  
  /*==================================================================*/
  /*   Responsive Grid 720px (mediaqueries)                           */
  /*==================================================================*/
  @media only screen and (min-width: 720px) and (max-width: 959px) {
  
  
  /*--- Modal Box ----------------------------------------------------*/ /* CHECKED */
  .flex-modal-item__content {max-width: 90vw; max-height: 90vh;}
  .flex-modal-scrollable__content {max-width: 90vw; max-height: 90vh;}
  
  .modal-expert {padding-bottom: 0px;}
  .modal-expert-wrap {flex-direction: column;}
  .modal-expert-box {margin: 0px 0px 20px 0px;}
  .modal-enquiry {padding-top: 0px; border-top: none;}
  .modal-enquiry-wrap {flex-flow: column nowrap; padding-bottom: 10px;}
  .modal-enquiry-wrap .field-2 {width: 100%;}
  .modal-enquiry-wrap .field-w-btn input {flex: 1;}
  
  }
    
  /*==================================================================*/
  /*   Responsive Grid lt 720px / Mobile (mediaqueries)               */
  /*==================================================================*/
  @media only screen and (max-width: 719px) {
  
  /*--- Modal Box ----------------------------------------------------*/ /* CHECKED */
  .flex-modal-item__content {max-width: 90vw; max-height: 90vh;}
  .flex-modal-scrollable__content {max-width: 90vw; max-height: 90vh;}
  
  .modal-expert {padding-bottom: 0px;}
  .modal-expert-wrap {flex-direction: column;}
  .modal-expert-box {margin: 0px 0px 20px 0px;}
  .modal-enquiry {padding-top: 0px; border-top: none;}
  .modal-enquiry-wrap {flex-flow: column nowrap; padding-bottom: 10px;}
  .modal-enquiry-wrap .field-2 {width: 100%;}
  .modal-enquiry-wrap .field-w-btn input {flex: 1;}
  
  
  
  }
  
  /*==================================================================*/
  /*   Odd Extras (small phone)                                       */
  /*==================================================================*/
  @media only screen and (max-width: 354px) {
  
  
  
  .modal-expert-box p {font-size: 2.0rem;}
  .modal-enquiry-title p {font-size: 2.0rem;}
  .modal-enquiry-wrap .field-w-titlename select {flex: none; margin: 0px 0px 20px 0px; display: block;}
  .modal-enquiry-wrap .field-w-titlename input {flex: none; display: block;}
  
  
  
  }
  
  /*==================================================================*/
  /*    SUBSCRIBE POPUP                                                    */
  /*==================================================================*/
  .flex-modal-item__close_popup_subscribe {position: absolute; top: 40px; right: 40px; width: 20px; height: 20px; z-index: 100000;}
  .flex-modal-item__close_popup_subscribe svg {width: 20px; height: 20px;}
  .flex-modal-item__close_popup_subscribe svg polygon {fill: #FFFFFF; transition: all .3s ease;}
  .flex-modal-item__close_popup_subscribe:hover svg polygon {fill: #019e6c;}
  
  .popup-header {width: 100%; height: auto; margin: 0px; padding: 0px; background-color: #deb506;}
  .popup-header div.logo {box-sizing: border-box; height: 80px; margin-top: 0px; padding: 20px 0px 10px 20px; position: relative; top: 0px; /*border: solid 1px #ff0000;*/}
  .popup-header div.logo h2 {font-size: 4.8rem; text-transform: none; margin: 0px; /*border: solid 1px #00ff00;*/}
  .popup-header div.logo h2 a {color: #ffffff; text-decoration: none;}
  .popup-header div.logo img {width: 121px; height: 46px;}
  .popup-header div.logo svg {width: 121px; height: 46px;}
  /*.popup-header div.logo svg.logo-desktop {display: block;}
  .popup-header div.logo svg.logo-device {display: none;}
  .popup-header div.logo svg path {fill: #ffffff;}*/
  
  .register-thanks-popup {font-size: 2.2rem; font-weight: 400; margin: 20px; text-align: center;}
  
  @media only screen and (min-width: 960px) and (max-width: 1199px) {
  .popup-header div.logo {height: 80px; top: 0px; padding: 16px 0px 18px 20px;}
  .popup-header div.logo h2 {font-size: 3.0rem;}
  .popup-header div.logo svg {width: 121px; height: 46px;}
  /*.popup-header div.logo svg.logo-desktop {display: none;}
  .popup-header div.logo svg.logo-device {display: block;}*/
  }
  
  
  @media only screen and (min-width: 720px) and (max-width: 959px) {
  .popup-header div.logo {height: 76px; top: 0px; padding: 14px 0px 16px 20px;}
  .popup-header div.logo h2 {font-size: 3.0rem;}
  .popup-header div.logo svg {width: 121px; height: 46px;}
  /*.popup-header div.logo svg.logo-desktop {display: none;}
  .popup-header div.logo svg.logo-device {display: block;}*/
  }
  
  @media only screen and (max-width: 719px) {
  .popup-header div.logo {height: 76px; top: 0px; padding: 14px 0px 16px 20px;}
  .popup-header div.logo h2 {font-size: 3.0rem;}
  .popup-header div.logo svg {width: 121px; height: 46px;}
  /*.popup-header div.logo svg.logo-desktop {display: none;}
  .popup-header div.logo svg.logo-device {display: block;}*/
  }
  
  @media only screen and (max-width: 354px) {
  .popup-header div.logo svg {width: 84px; height: 32px;}
  }


/*--- RULER ANALYTICS ----------------------------------*/
span.ruler-click-main, span.ruler-main {padding: 0px !important; margin: 0px !important;}

/* pca postcodeanywhere loqate fix */
.pca .pcaautocomplete .pcalist {max-width: 70vw !important;}


.code-template-image-centre {
float : none !important;
}


.code-template-image-centre {
float : none !important;
}


.confirm-row{ display: flex;
  justify-content: flex-start;}
.confirm-label{
  width : 10rem;
}


.homepage .breadcrumbs { display : none;}



.breadcrumbs {
  max-width: 1300px;
    margin: 20px auto 0;
  padding : 15px;
  color : #0a0a0a;
  font-size : .9rem;
}

.breadcrumbs a {
  color : #0a0a0a;
  text-decoration : underline;
  font-size : .9rem;
}


/* #region Tile Blocks */
/******************************/

.c-tile-block {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  
}
 
.c-tile-block--header {
  padding : 0 20px;
  text-align : center;
}

.c-tile-block--info {
  padding : 0 20px 20px 20px;
}

.c-tile--heading {
  margin-top : 0;
}

.c-tile-block--info  p:empty,
.c-tile-block--info br {
  display : none;
}

.c-tile{
  height: 200px;
  position: relative;
  /*padding-bottom : 15px;*/
}

.c-tile:first-of-type{
  height: 315px;
}

.c-tile--target{
  height: 100%;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  transition: all 250ms ease-in-out;
  background: rgba(0,0,0,.1);
}

.c-tile--title {
  display : block;
  color : #fff;
  font-size: 1.25em;
  font-weight : bold;
}

.c-tile--description{
  color : #fff;
  font-family: miller-display,serif;
    font-weight: 400;
    font-style: italic;
    display : block;
}

.c-tile--title-wrapper{
  position : absolute;
  width : 100%;
  bottom : 0;
  top : auto;
  padding : 20px;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
  transition: all 250ms ease-in-out;
}

.c-tile-block--header {
  grid-column: span 1;
}

.c-tile--hover-text {
  position : absolute;
  bottom : 0;
  padding : 20px;
  color : transparent;
}
.c-tile--target:hover {
  background: rgba(0,0,0,.6);
}
.c-tile--target:hover .c-tile--hover-text {
  color : #b7d432;
}

.c-tile--target:hover .c-tile--title-wrapper {
  bottom : 50%;
  background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%);
}

.c-tile--button {
  margin : 15px 0;
}

section.section-padding.c-tile-block--wrapper{
  padding :  25px;
  display: grid;
  grid-template-columns: 1fr; 
  grid-template-rows: 1fr; 
  grid-template-areas: 
    "heading"
    "tiles"
    "footer"; 
  border-bottom: 1px solid #c9cacc;
}

.c-tile-block--wrapper .c-tile-block {
  display : block;
}

section.section-padding.c-tile-block--wrapper .btn-black {
  grid-area: footer;
}

.c-tile--subheading{
  font-weight: 400;
  color : #6a7730;
  text-transform: uppercase;
}


@media screen and (min-width: 500px) {
  .c-tile-block {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }
  .c-tile-block--header {
    grid-column: span 2;
  }
}

@media screen and (min-width: 650px) {
  .c-tile-block--wrapper .c-tile-block {
    /*grid-template-columns: repeat(2, 1fr);*/
    display : grid;
    grid-template-columns: 1fr 1fr; 
    grid-template-rows: 1fr 1fr 1fr; 
    grid-template-areas: 
      "span1 ."
      "span1 ."
      ". ."; 
      padding : 25px;
  }
  
  .c-tile-block--wrapper .c-tile-block .c-tile:first-of-type {
    grid-row: 1 / span 2;
    height : 420px;
  }
}

/* styles for mobile (max-width: 767px) */
@media screen and (min-width: 960px) {
  .c-tile-block {
    grid-template-columns: repeat(3, 1fr);
    
  }
  .c-tile-block--header {
    grid-column: span 3;
  }

  section.section-padding.c-tile-block--wrapper{
    display: grid;
    grid-template-columns: 1.33fr 2.66fr;
    background-color: #d8d8d9;
    padding : 50px 25px;
  }

  .c-tile-block--wrapper .c-tile-block .c-tile:first-of-type {
    height : 520px;
  }

  .c-tile{
    height: 250px;}
}

/* #endregion Tile Blocks */
/******************************/
/******************************/

/* #region Site Search 360 */
/******************************/
.c-ss360-autocomplete{
  display: flex;
    justify-content: center;
}

.c-ss360-autocomplete--container {
  display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
}


.c-ss360-autocomplete--wrapper{
  background-color: #d8d8d9;
  color: #fff;
  padding: 20px
}

#js_ss360-search-box{
  border-radius : 0 !important;
  border : none !important;
}
.c-ss360-autocomplete--container #js_ss360-search-button{
background-size: 30px !important;
background-position: 8px 9px !important;
width: 40px;
height: 46px;
border : none !important;
border-radius : 0 !important;
}

@media only screen and (min-width: 719px) {
  .c-ss360-autocomplete--container {
    width: 50%;
  }
}


.js_main-search{
  
  border : none !important;
  border-radius : 0 !important;
  border-bottom: 1px solid #4a4b4b !important;
}

header #search-bar .ss360-voice-search svg {
fill : #fff;
}

@media only screen and (min-width: 719px) {
  .js_main-search{
    background-color: #232424 !important;
    color : #fff !important;
  }
}
/* #endregion Site Search 360 */
/******************************/
/******************************/



.read-more-hide {
  height : 0;
  overflow : hidden;
}

.read-more-hide.is-selected{
  height : auto;
}