body {
	background: url(../images/bgwhite.jpg);
	background-size: cover;	
}

.OliveBlock {
	display: inline-block;
    margin-right: 25px;
    width: 46%; 
	min-height: 448px;
}
	
.newslist { margin-left: 25px; list-style:circle!important; }

.newslist li { list-style: disc!important; }	

h3 {
	font-size: 20px;	
}

.cboxIframe {
    background: #fff !important;
}



#cboxContent {
    overflow: hidden;
}

#cboxLoadedContent {
    overflow: hidden !important;
    text-align: center !important;
    width: 678px !important;
    height: 598px !important;
}

#cboxContent {
    overflow: hidden;
    width: 678px !important;
}

#cboxTopCenter {
    width: 678px !important;
}

#cboxBottomCenter {
    width: 678px !important;
}

.afristay { margin-left: 68px !important; width: 130px !important; } 

.hotelscombined { margin-left: 50px !important; }

.btnlink {
    color: #fff;
    padding: 10px;
    display: block;
	font-size: 13px;
	font-weight: 400;
	text-align: center;
	font-style: normal;
    border-radius: 2px;
	text-transform: uppercase;
	background-color: #009688;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

#hc-ratingRatingHotel__hclink img {
    margin: inherit !important;
}

#TA_certificateOfExcellence833 {
    margin-top: -90px;
	}
	
#TA_certificateOfExcellence999 {
    margin-top: -90px;
}

.book-online-side {
	margin-bottom: 10px;	
}

.please { color:#F33; }

.specialLink { position: absolute; right: 15px; top: 15px; z-index: 9999; }

.container-div {
	width: 1000px;
	margin:0 auto;	
}

.dark-olive-green {
	background: #556b2f!important;	
}

.light-olive-green {
	background: #a5b586!important;	
}

.white-border {
	border-top: 15px solid #fff;	
	position:relative;
}

.wild-logo {
	position:absolute;
	left:10px;
	top:0px;
	z-index: 100;	
}

.collapsible-body p {
	padding: 0.8em;	
}

.slider-container ul.indicators {
	display: none;	
}

.slider-container div.caption h3,h5,h4 {
	text-shadow: 2px 1px #000;	
}

.news-cards h3 {
	margin: 5px 0px;	
}

.news-cards .card-content p {
	text-align:left!important;
	margin:5px 0px;	
}

.gallery li {
	display: inline-block;
	margin:10px;
	list-style-type:none;
}

ul.wild-olive-nav a {
	font-size: 1.1rem!important;	
}

.niconne {
	font-family: 'Niconne', cursive!important;
	font-size:30px!important;
}

.slider-container .slider {
	height: auto;	
}

.header-row {
	margin: 0px!important;	
}

.header-row .col {
	padding: 0px!important;
}

.remove-padding {
	padding: 0px;	
}

.content-row {
	padding: 5px 15px;
	margin-bottom: 0px;
}

.logo-image {
	float: left;
	margin:5px 8px 5px 5px;	
}

.content-row h1 {
	font-size: 30px;
	margin:10px 0px;
	padding:0px;
	line-height:normal;	
}

.button { margin: 15px auto;
	display: block;	
	align:center; }

.contact-button {
	width: 100%!important;	
}

.diary-planner {
	margin-top: 71px;	
}

.content-row h2 {
	font-size: 26px;
	margin:15px 0px;
	padding:0px;
	line-height:normal;	
}

.content-row .card .card-content {
	padding: 15px 20px;	
	min-height: 209px;
}

.side-content img {
	margin: 15px auto;
	display: block;	
}

.side-content a:first-child {
	margin-top: 23px;
	width: 100%;	
}

.side-content img {
	margin: 30px auto;
	display:block;	
}

#CDSSCROLLINGRAVE.narrow {
	width: 100%!important;
	border:0px!important;	
}

img#CDSWIDEXCLOGO {
	display: none!important;	
}

div#CDSSCROLLINGRAVE {
	padding: 0px!important;	
}

div#CDSWIDCOE {
	margin: 15px auto!important;	
	display: block;
}

.contact-us-card {
	padding: 10px;
	margin-top:15px;
}

.content-row p {
	text-align: justify;	
}

.span-float-left {
	float: left;
	margin: 6px 15px 0px 0px;
}

.side-nav a {
	color: #fff;	
}

.side-nav li:hover {
	background: #a5b586!important;	
}

.span-float-right {
	float: right;
	margin: 6px 0px 0px 15px;
}

.terms-conditions-btn {
	display: table!important;
	font-size:12px;
	width:100%;
	margin-top:5px;
}

.room-images-bar {
	padding:10px 0px 10px 0px;
}

.room-images-bar .image-row-container {
	margin:0 auto; 
	display:block;
	width: 675px;
}

.room-images-bar li {
	float: left;
	margin: 5px 10px;
	list-style-type:none;
}


.breadcrumbs
{
     margin-top:6px;
     padding: 5px;
     color: #737373;
     font-size: 11px;
     font-weight: bold;
}
.breadcrumbs a
{
     text-decoration: none;
     color: #00305f;
     font-style: italic;
}
.breadcrumbs a:hover
{
     text-decoration: none;
     color: #00305f;
     font-style: italic;
}

.guest-comment img {
	width: 48px;
	height:48px;
	float:left;
	margin:5px 10px 0px 0px;
}

.guest-comment p {
	margin: 50px 10px;	
}

.desktop-friendly {
	display: none!important;	
}

.mobile-banner {
	width: 100%;
	height:auto;	
}

footer.page-footer .footer-copyright {
	height: auto;	
}

.trading-as {
	margin: 0px;
	font-size:12px;
	line-height:20px;
}

/*CMS pages*/
.col.s12 h1 { color: #009688; }
.blogPost { overflow:hidden; background: #efefef; padding: 1.5em }
.blogPost h2 { font-size: 22px; font-weight: normal; margin: 0 0 5px; line-height: 20px }
.articleDate { font-size: 11px; font-weight: bold; text-transform: uppercase; padding: 2px 8px; background: #ccc; color: #666; margin: 0 0 6px; display:inline-block; }
.blogImg { float: left; margin: 0 20px 0 0; }
.blogPost > p { margin: 0 0 20px }
.readMore { padding: 5px 10px; background: #009688; color: #FFF;}
.readMore:hover { background:#007f72  }
.blogPost h2 a:hover { color: #007f72  }


.latestArticles .articleDate {
    background: none;
	padding: 0;
	margin-top: 10px
}
.homepage.latestArticle { float:left; width: 32%; margin-right: 2%; padding: 15px; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); min-height: 258px; position: relative;}
.homepage.latestArticle:nth-of-type(3n+1) { margin-right: 0 !important; }
.latestArticle h2 { font-size: 18px; color: #009688; margin: 0 0 10px }
.latestArticle h3 { margin: 0 0 10px; line-height: 24px; color: #009688 }
.latestArticle h3 a { font-size: 20px; }
.latestArticle p { text-align:left}
.latestArticle .readmore {
    bottom: 10px;
    position: absolute;
	text-align:right;
}
.latestArticle a:hover { text-decoration:underline}

.side-content .latestArticles { padding: 10px; background: #efefef; margin-top: 20px; width: 100% }
.side-content .latestArticles h2 { font-size: 18px; color: #009688; margin: 0 0 10px }
.side-content .latestArticles h3 { font-size: 16px; margin: 0 0 10px; line-height: 18px; color: #009688 }
.side-content .latestArticles h3 a { font-size: 14px; }
.side-content .latestArticles ul { margin-bottom: 0}
.side-content .latestArticles li { padding: 0 5px; border-bottom: 1px solid #ccc}


/*Lightbox*/
/*LIGHTBOX*/
/* Preload images */
body:after {
  content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  font-family:Arial, Helvetica, sans-serif;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.reviews, .specials {
	width: 100%;
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
	-webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}
.review, .special { 
	background: #fff;
    box-sizing: border-box;
    display: inline-block;
    margin: 0 0 1.5em;
    padding: 1.5em;
    width: 100%;
	border-bottom: 1px solid #ccc;
	background: #efefef;
}
.review span { float: right; font-size: 14px; font-style: italic }
.reviews .review span { float: none; }
.reviewHeading {font-size: 16px; font-weight:bold; margin: 0; line-height: 1.6em; font-style:italic;}
.review p { margin: 0 0 5px; display: block;}
.review img.flag {
    height: 48px;
    margin: 5px 10px 0 0;
    width: 48px;
	vertical-align:middle
}
.special h3 { line-height: inherit; margin: 0 0 5px; font-weight: bold }
span.valid { font-size: 15px; font-style: italic; color: #009688  }
.specialImg { max-width: 100%; display: block !important; margin:auto; }
.clear { clear:both; }

/*Homepage Reviews*/
.homepageReview { width: 100%; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); margin-bottom: 10px; padding: 15px 10px }
.homepageReview p { margin: 0; }
.homepageReview p.author { font-style: italic; float:left }
.homepageReview img { float: left; width: 48px; margin: 0 10px 0 }
.homepageReview a.readmore { float: right; margin: 0 10px 0 }
.homepageReview a:hover { text-decoration:underline}


@media (max-width: 992px) {
	
.reviews, .specials { -moz-column-count: 1;
    -moz-column-gap: 0;
    -webkit-column-count: 1;
    -webkit-column-gap: 0;
     column-count: 1;
     column-gap: 0; 
  }
  
.specialLink { width: 100px; }	
	

.mobile-friendly {
	display: none!important;	
}

.hotelscombined { margin-left: 170px !important; }
.afristay { margin-left: 190px !important; }


.desktop-friendly {
	display: block!important;	
}

.guest-comment p {
	margin: 20px 0px;	
}
	
.container-div {
	width: auto;		
}

.room-images-bar .image-row-container {
	width: auto;	
}

.span-float-left img {
	width: 180px;	
}

.collection .collection-item.avatar {
	height: auto;	
}

.content-row h1 {
	font-size: 24px;	
}

.gallery li img { 
	width: 120px;
}

.modal-content h4 {
	font-size: 16px;	
}

.terms-conditions-btn {
	font-size: 12px;
	width: 70%;
	display: block;
	margin: 35px auto;
}

}
@media (max-width: 550px) {
	.reviews, .specials {
    column-count: 1;
    column-gap: 0;
    width: 100%;
}
}