/*!
Theme Name: Southcliff Guest House Tenby
Theme URI: http://underscores.me/
Author: Modern Print & Design
Author URI: https://www.modernprint.co.uk
Description: Southcliff Guest House Tenby 2023/24
Version: 1.0.0
*/

/*--------------------------------------------------*/
/* # Responsiveness & Mobile Optimisation --------- */
/* -------------------------------------------------*/

html,
body {
    overflow-x: hidden;
}

div.head-banner-bg > img.img-mobile {
	display:none;
}

/*--------------------------------------------------*/
/* Smartphones ------------------------------------ */
/*--------------------------------------------------*/
@media only screen and (max-width: 48em) and (min-width: 1px) {

	header#masthead div#head-nav-contact {
		position: static;
		-webkit-transform: none;
		        transform: none;
	}

	header#masthead div#head-nav-menu .site-nav,
	div#contact-bar-wrap {
		display:none;
	}

	#head-nav-menu {
		width: 50%;
		max-width:320px;
		margin:0;
		padding: .75rem;
	}

	#mobile-menu-outer {
		overflow:visible;
		visibility: visible;
		z-index: 102;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-flow: column;
		        flex-flow: column;
	}

	html.mobile header#masthead {
		position:absolute;
		top:0;
		left:0;
		width: 100%;
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(transparent));
		background: linear-gradient(180deg, #fff, transparent calc(100% - 2.5rem));
		z-index: 100;
		padding-bottom: 5rem;
		-webkit-filter: drop-shadow(0px 0px 2px #FFF);
		        filter: drop-shadow(0px 0px 2px #FFF);
	}

	.mobile-menu-toggle {
		position:absolute;
		width:7.5rem;
		left:-7.5rem;
	}

	#mobile-menu-outer .link-button{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:stretch;
		    -ms-flex-pack:stretch;
		        justify-content:stretch;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 100%;
	}

	#mobile-menu-outer .link-button span {
		padding:0;
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 calc(100% - 2.5rem);
		        flex: 1 1 calc(100% - 2.5rem);
		width: calc(100% - 2.5rem);
		height: 2.5rem;
		top: 0;
		padding-top: .25rem;
		font-size: 1.5rem;
	}

	#mobile-menu-outer .link-button div {
		padding:0;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 2.5rem;
		        flex: 0 0 2.5rem;
		height: 2.5rem;
	}

	#mobile-menu-outer .link-button div img {
		width: 1.25rem;
		margin:0 auto;
	}

	#mobile-menu-outer > div.mobile-menu-toggle > button[aria-expanded="true"] .closed,
	#mobile-menu-outer > div.mobile-menu-toggle > button[aria-expanded="false"] .opened {
		display:none;
	}

	#mobile-menu-outer > div.mobile-menu-toggle > button[aria-expanded="false"] .closed,
	#mobile-menu-outer > div.mobile-menu-toggle > button[aria-expanded="true"] .opened {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	#mobile-menu-outer > div.mobile-menu-toggle > button[aria-expanded="true"] span.opened {
		background:#7b9855;
	}

	#mobile-menu-outer > div.mobile-menu-toggle > button[aria-expanded="true"] span.opened+div {
		background:#506638;
	}

	#mobile-menu {
		-webkit-box-flex:1;
		    -ms-flex:1 1 auto;
		        flex:1 1 auto;
	}

	#mobile-menu-foot {
		background: #7b9855;
		padding: .5rem;
		-webkit-box-flex:0;
		    -ms-flex:0 0 auto;
		        flex:0 0 auto;
	}

	#mobile-menu-foot .head-contact-item {
		-webkit-box-align:start;
		    -ms-flex-align:start;
		        align-items:flex-start;
		margin-bottom:.75rem;
	}

	#mobile-menu-foot a,
	#mobile-menu-foot span{
		color:#FFF;
		line-height:1;
	}

	#mobile-menu-foot .mobile-branding img {
		max-height:180px;
		margin-top:.75rem;
	}

	#mobile-nav {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		height: 100%;
	}

	#mobile-nav li {
		-webkit-box-flex:1;
		    -ms-flex:1 1 auto;
		        flex:1 1 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: stretch;
		    -ms-flex-align: stretch;
		        align-items: stretch;
		border:4px solid transparent;
	}

	#mobile-nav li a {
		display:-webkit-inline-box;
		display:-ms-inline-flexbox;
		display:inline-flex;
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
		color:#506638;
		width: 100%;
	}

	#mobile-nav li.current_page_item,
	#mobile-nav li.current_page_parent {
		background:#506638;
		border-color:#FFF;		
	}

	#mobile-nav li.current_page_item a,
	#mobile-nav li.current_page_parent a{
		color:#FFF;
		font-weight:700;
	}
    
    html.mobile .slide .landscape {
        display:none;   
    }

	html.mobile .slide .portrait {
		display:block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
	}
    
    html.mobile div#home-slider {
        max-height:75vh;
        min-height:50vh;
        height:100%;
    }
    
    div#home-slider > div.slide .slide-bg {
        height:100%;
    }

	div#home-slider > div.slide .slide-fg {
		background:none;
	}

	html.mobile .slide-fg h1,
	html.mobile #home-intro-text > h1 {
		font-size:4.5rem;
	}
	
	html.mobile .slide-fg h2 {
		font-size:3.5rem;
	}
	
	html.mobile .slide-fg h3 {
		font-size:2.5rem;
	}
	
	html.mobile .slide-fg h4 {
		font-size:1.75rem;
	}
	
	html.mobile .slide-fg h5 {
		font-size:1.25rem;
	}
	
	html.mobile .slide-fg h6 {
		font-size:1.25rem;
	}

	html.mobile #home-slider div.slide .slide-fg > div.grid-x.grid-container {
		-ms-flex-line-pack: end;
		    align-content: flex-end;
		padding-bottom: 1rem;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		text-align: center;
	}

	html.mobile #home-intro .grid-x.grid-container {
		padding: 2rem 1.5rem;
	}

	html.mobile div#home-intro-text {
		padding-right:0;
		position: relative;
	}

	html.mobile div#home-intro-text::before {
		content:'';
		background: var(--introgphc);
		width: 100vw;
		height: 100%;
		position: absolute;
		top:0;
		left: -1.5rem;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 90% auto;
		opacity: .2;
		z-index:1;
	}

	html.mobile #home-intro-graphic {
		display:none;
	}

	html.mobile #home-feats > div {
		padding:2rem 1.5rem;
	}

	html.mobile #home-feats {
		padding-bottom:0;
	}

	.home-feat.cell.small-12  {
		width:100%;
		-webkit-box-flex:1;
		    -ms-flex:1 1 100%;
		        flex:1 1 100%;
		margin-bottom:1.5rem;
	}

	.home-feat.cell.small-12:last-of-type {
		margin-bottom:0;
	}

	html.mobile section[id$="reviews"] {
		padding:2.5rem 0
	}

	html.mobile section[id*="reviews"] > div > div > h1, 
	html.mobile #home-fb > h1, 
	html.mobile #home-contact > div.contact-tw > h1 {
		line-height: 1 !important;
		font-size: 2.5rem;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
		margin-bottom: 1rem;
	}

	html.mobile section[id*="reviews"] > div > div:nth-child(1) {
		width:100%;
		text-align:center;
		-webkit-box-ordinal-group:2;
		    -ms-flex-order:1;
		        order:1;
	}

	html.mobile section[id*="reviews"] > div > div:nth-child(2) {
		-webkit-box-ordinal-group:4;
		    -ms-flex-order:3;
		        order:3;
		width:100%;
		text-align:center;
		margin-top: 1.5rem;
	}

	html.mobile section[id*="reviews"] > div > div > h1:before, 
	html.mobile #home-fb > h1:before, 
	html.mobile #home-contact > div.contact-tw > h1:before {
		width:2.5rem;
		height:2.5rem;
	}

	html.mobile section[id*="reviews"] > div > div:last-child {
		-webkit-box-ordinal-group:3;
		    -ms-flex-order:2;
		        order:2;
	}

	html.mobile .sbr-owl-item {
		height:0;
	}

	html.mobile .sbr-owl-item.active {
		height:auto;
	}

	html.mobile #sb-reviews-container-1 [data-post-style="boxed"] .sb-post-item-wrap {
		padding-left: 1rem;
	}

	html.mobile #sb-reviews-container-1 [data-post-style="boxed"] .sb-post-item-wrap:before {
		opacity:.5;
		right:0.75rem;
		bottom:0.75rem;
		top:auto;
		left:auto;
	}

	html.mobile #home-tenby {
		height:auto;
	}

	html.mobile #home-tenby .parallax-contain, html.mobile #home-tenby .parallax-image {
		position: static;
		width: 100%;
		height: auto;
		min-height: 0;
	}

	html.mobile #home-tenby > div.grid-container.grid-x > div {
		padding:2.5rem 1.5rem;
	}

	html.mobile section#home-fb-contact {
		padding:1.5rem;
	}

	html.mobile body.home .cff-wrapper {
		padding:0;
	}

	html.mobile section[id*="reviews"] > div > div > h1:before, 
	html.mobile #home-fb > h1:before, 
	html.mobile #home-contact > div.contact-tw > h1:before {
		top:-0.25rem;
	}

	html.mobile #home-contact > div.contact-tw > h1:before {
		background:url(svg/icons/reviews.svg) transparent no-repeat center center / auto 70%;
	}

	html.mobile #home-fb {
		padding-top:1.5rem;
	}

	html.mobile #home-fb {
		margin-bottom:2.5rem;
	}

	html.mobile #cff .cff-load-more {
		margin:0 auto;
		float: none;
		width: auto;
	}

	html.mobile #cff .cff-item {
		-webkit-box-orient:vertical !important;
		-webkit-box-direction:reverse !important;
		    -ms-flex-direction:column-reverse !important;
		        flex-direction:column-reverse !important;
	}

	html.mobile #cff .cff-item .cff-media-wrap {
		width: 100% !important;
		padding:0 !important;
		max-width: none !important;
		margin-bottom:.5rem;
	}

	html.mobile #gform_1 input[type="text"], 
	html.mobile #gform_1 input[type="email"], 
	html.mobile #gform_1 input[type="tel"], 
	html.mobile #gform_1 textarea {
		padding:.5rem 1rem;
	}

	html.mobile #gform_1 ::-webkit-input-placeholder {
		color:rgb(80 102 56 / 60%);
	}

	html.mobile #gform_1 :-ms-input-placeholder {
		color:rgb(80 102 56 / 60%);
	}

	html.mobile #gform_1 ::placeholder {
		color:rgb(80 102 56 / 60%);
	}

	html.mobile #field_1_6 {
		padding:0;
		margin-bottom: 1rem;
	}

	html.mobile #field_1_5 > div:after {
		position:static;
		width: 100%;
		text-align:center;
		display: block;
		margin-top: .75rem;
		font-size: 1.5rem;
	}

	html.mobile #input_1_6_1+label {
		margin-right:0;
		line-height: 1;
	}

	html.mobile #field_1_6 > div {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
	}

	html.mobile #input_1_7 > div {
		margin:0 auto;
	}

	
	html.mobile #gform_submit_button_1 {
		margin: 0;
	}

	html.mobile #field_submit {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	html.mobile footer#colophon {
		padding-bottom:.75rem;
	}

	html.mobile div#foot-badges {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		    -ms-flex-flow:row nowrap;
		        flex-flow:row nowrap;
	}

	html.mobile div#foot-badges > a {
		padding:.5rem;
	}

	html.mobile div#credits {
		margin-top:.5rem
	}

	html.mobile #foot-menu {
		display:none;
	}

	html.mobile #foot-logo {
		text-align:center;
		margin-bottom: 2rem;
	}

	html.mobile #foot-contact {
		text-align:center;
		-webkit-box-pack:center;
		    -ms-flex-pack:center;
		        justify-content:center;
	}

	html.mobile .foot-contact-item > img {
		position:static;
		margin-right:.5rem
	}

	html.mobile .foot-contact-item {
		padding:0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
		margin-bottom:1rem;
	}

	html.mobile .foot-contact-item.social a {
		margin:.25rem;
	}

	html.mobile .foot-contact-item.social a:first-of-type {
		margin-left:1rem;
	}
	
	html.mobile .foot-contact-item p {
		-webkit-box-flex:0;
		    -ms-flex:0 1 auto;
		        flex:0 1 auto;
		line-height:1;
		max-width:75%;
	}

	div.head-banner-bg > img.img-strip {
		display:none;
	}

	div.head-banner-bg > img.img-mobile {
		display:block;
        width:100%;
        height:100%;
        -o-object-fit: cover;
           object-fit: cover;
	}

	.head-banner .head-banner-fg > div {
		-webkit-box-align:end;
		    -ms-flex-align:end;
		        align-items:flex-end;
		-ms-flex-line-pack:end;
		    align-content:flex-end;
		padding:1rem;
	}

	html.mobile .head-banner .head-banner-fg h1 {
		font-size:4rem;
	}

	html.mobile div#rooms-intro-txt {
		padding:0;
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}

	section#rooms-intro {
		padding:1.5rem 1rem;
	}

	html.mobile div#rooms-intro-gal > div {
		border:none;
		position:static;
	}

	html.mobile div#amenities ul,
	html.mobile ul.room-amenities {
        -webkit-column-count: 1;
        column-count: 1;
        margin: 0;
        -webkit-column-gap: 0;
                column-gap: 0;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
    }

	html.mobile ul.room-amenities li,
	html.mobile div#amenities ul li {
		width:100%;
		-webkit-box-flex:1;
		    -ms-flex:1 1 100%;
		        flex:1 1 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row nowrap;
		        flex-flow: row nowrap;
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
	}

	html.mobile div#rooms-intro-gal {
		-webkit-box-ordinal-group:2;
		    -ms-flex-order:1;
		        order:1;
		margin-bottom: 1.5rem;
	}

	html.mobile .room-details.cell.small-12.medium-8 {
		padding:1.5rem 1rem;
		background:hsl(89 10% 95% / 1);
	}

	html.mobile div#amenities ul li+li,
	html.mobile ul.room-amenities li+li{
		margin-top:1.5rem;
	}

	html.mobile ul.room-amenities img {
		width:2.5rem;
		height:2.5rem;
	}

	html.mobile ul.room-amenities span {
		line-height:1;
	}

	#rooms-list > div {
		padding:1rem 1.5rem;
	}

	html.mobile .room-wrapper.cell.small-12.grid-x {
		margin-bottom:0;
	}

	html.mobile .room-wrapper.cell.small-12.grid-x+.room-wrapper.cell.small-12.grid-x{
		margin-top:2.5rem;
	}

	html.mobile [id$="-tenby"] .parallax-contain.strip .parallax-image{
		-webkit-animation:none !important;
		        animation:none !important;
		bottom:0 !important;
	}

	html.mobile [id$="-tenby"] {
		height: 30rem;
	}

	html.mobile [id$="-tenby"] > div.grid-container.grid-x > div {
		text-align:center;
	}

	html.mobile .head-banner {
		height:375px;
		min-height: 0;
	}

	html.mobile div#breakfast-gal {
		position:static;
		border-width: .5rem;
		row-gap: 1rem;
		-webkit-column-gap: 1rem;
		        column-gap: 1rem;
		margin-bottom: 1.5rem;
	}

	html.mobile div#breakfast-gal > div {
		width: calc(50% - .5rem);
	}

	html.mobile div#breakfast-intro-txt {
		padding: 1.5rem 1rem 0;
	}

	html.mobile div#bar-text {
		padding:1.5rem 1rem 0;
		-webkit-box-ordinal-group:2;
		    -ms-flex-order:1;
		        order:1;
	}

	html.mobile div#bar-gal-wrap {
		-webkit-box-ordinal-group:3;
		    -ms-flex-order:2;
		        order:2;
		margin-bottom: -1.5rem;
		padding: 0 0.75rem;
	}

	div#bar-gal-wrap > a:first-child {
		height: 0 !important;
		padding-bottom: 100%;
		position: relative;
	}

	div#bar-gal-wrap > a:first-child > img {
		position:absolute;
	}

	html.mobile body.blog article.cell {
		width:100%;
		height:auto;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-flow: column wrap;
		        flex-flow: column wrap;
	}

	html.mobile .post-text.cell.small-12.medium-6 {
		-webkit-box-ordinal-group:3;
		    -ms-flex-order:2;
		        order:2;
	}

	html.mobile .post-img.cell.small-12.medium-6 {
		width:100%;
		height:10rem;
		overflow:hidden;
		-webkit-box-ordinal-group:2;
		    -ms-flex-order:1;
		        order:1;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 10rem;
		        flex: 0 0 10rem;
		max-width: 100%;
	}

	html.mobile .post-row .cell+.cell.text,
	html.mobile .post-row .cell.text,
	html.mobile .post-row .cell{
		padding:1rem;
	}

	html.mobile .post-row .cell {
		-webkit-box-ordinal-group:3;
		    -ms-flex-order:2;
		        order:2;
	}

	html.mobile .post-row .cell.text {
		-webkit-box-ordinal-group:2;
		    -ms-flex-order:1;
		        order:1;
	}

	html.mobile #post-wrap div.cell.small-12.medium-6.text > div.a2a_kit {
		margin: 2rem auto 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	html.mobile .popup-gallery a {
		width: calc(50% - 0.5rem);
	}

	html.mobile #post-wrap .post-row+.post-row {
		margin-top: 0;
	}

	html.mobile #cf-text-wrap {
		-webkit-box-ordinal-group:3;
		    -ms-flex-order:2;
		        order:2;
	}

	html.mobile #cf-graphic {
		-webkit-box-ordinal-group:4;
		    -ms-flex-order:3;
		        order:3;
	}

	html.mobile #contact-form-details > div {
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		    -ms-flex-flow:row wrap;
		        flex-flow:row wrap;
		padding:1.5rem 1rem;
	}

	html.mobile section#contact-form-details {
		padding:1.5rem 1rem; 
	}

	html.mobile section#default {
		padding:7.5rem 1rem 1.5rem;
	}

	html.mobile .page-template-default header#masthead {
		background:none;
		-webkit-filter: none;
		        filter: none;
	}
	
}

/*--------------------------------------------------*/
/* Tablets (portrait) ----------------------------- */
/*--------------------------------------------------*/
@media only screen and (min-width: 48em) and (max-width: 64em) and (orientation: portrait) {

	header#masthead div#head-nav-contact {
		position: static;
		-webkit-transform: none;
		        transform: none;
	}

	html.tablet.portrait #masthead .site-branding img {
		width: auto;
		max-height:80px;
	}

	#head-nav-menu > div > div.site-branding.cell.small-12.medium-3 {
		width:100%;
	}

	header#masthead div#head-nav-menu .site-nav,
	div#contact-bar-wrap {
		display:none;
	}

	#head-nav-menu {
		width: 50%;
		max-width:320px;
		margin:0;
		padding: .75rem;
	}

	#mobile-menu-outer {
		overflow:visible;
		visibility: visible;
		z-index: 102;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-flow: column;
		        flex-flow: column;
	}

	html.tablet.portrait body.home header#masthead {
		position:absolute;
		top:0;
		left:0;
		width: 100%;
		z-index: 100;
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(transparent));
		background: linear-gradient(180deg, #fff, transparent calc(100% - 2.5rem));
		padding-bottom: 4.5rem;
	}

	html.tablet.portrait body.page:not(.home) header#masthead {
		background:#FFF;
	}

	.mobile-menu-toggle {
		position:absolute;
		width:7.5rem;
		left:-7.5rem;
	}

	#mobile-menu-outer .link-button{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:stretch;
		    -ms-flex-pack:stretch;
		        justify-content:stretch;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 100%;
	}

	#mobile-menu-outer .link-button span {
		padding:0;
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 calc(100% - 2.5rem);
		        flex: 1 1 calc(100% - 2.5rem);
		width: calc(100% - 2.5rem);
		height: 2.5rem;
		top: 0;
		padding-top: .25rem;
		font-size: 1.5rem;
	}

	#mobile-menu-outer .link-button div {
		padding:0;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 2.5rem;
		        flex: 0 0 2.5rem;
		height: 2.5rem;
	}

	#mobile-menu-outer .link-button div img {
		width: 1.25rem;
		margin:0 auto;
	}

	#mobile-menu-outer > div.mobile-menu-toggle > button[aria-expanded="true"] .closed,
	#mobile-menu-outer > div.mobile-menu-toggle > button[aria-expanded="false"] .opened {
		display:none;
	}

	#mobile-menu-outer > div.mobile-menu-toggle > button[aria-expanded="false"] .closed,
	#mobile-menu-outer > div.mobile-menu-toggle > button[aria-expanded="true"] .opened {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	#mobile-menu-outer > div.mobile-menu-toggle > button[aria-expanded="true"] span.opened {
		background:#7b9855;
	}

	#mobile-menu-outer > div.mobile-menu-toggle > button[aria-expanded="true"] span.opened+div {
		background:#506638;
	}

	#mobile-menu {
		-webkit-box-flex:1;
		    -ms-flex:1 1 auto;
		        flex:1 1 auto;
	}

	#mobile-menu-foot {
		background: #7b9855;
		padding: .5rem;
		-webkit-box-flex:0;
		    -ms-flex:0 0 50vh;
		        flex:0 0 50vh;
	}

	#mobile-menu-foot .head-contact-item {
		-webkit-box-align:start;
		    -ms-flex-align:start;
		        align-items:flex-start;
		margin-bottom:.75rem;
	}

	#mobile-menu-foot a,
	#mobile-menu-foot span{
		color:#FFF;
		line-height:1;
	}

	#mobile-menu-foot .mobile-branding img {
		max-height:280px;
		margin-top:.75rem;
	}

	#mobile-nav {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		height: 100%;
	}

	#mobile-nav li {
		-webkit-box-flex:1;
		    -ms-flex:1 1 auto;
		        flex:1 1 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: stretch;
		    -ms-flex-align: stretch;
		        align-items: stretch;
		border:4px solid transparent;
	}

	#mobile-nav li a {
		display:-webkit-inline-box;
		display:-ms-inline-flexbox;
		display:inline-flex;
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
		color:#506638;
		width: 100%;
	}

	#mobile-nav li.current_page_item,
	#mobile-nav li.current_page_parent {
		background:#506638;
		border-color:#FFF;		
	}

	#mobile-nav li.current_page_item a,
	#mobile-nav li.current_page_parent a{
		color:#FFF;
		font-weight:700;
	}

	html.tablet.portrait .slide-bg {
		height:100%;
		max-height:750px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

	html.tablet.portrait .slide .portrait {
		display:block;
	}

	div#home-slider > div.slide .slide-fg {
		background:none;
	}

	#home-slider div.slide-fg > div > div {
		width:100%;
	}

	html.tablet.portrait .slide-fg h1 {
		font-size:6rem;
	}
	
	html.tablet.portrait .slide-fg h2 {
		font-size:4.75rem;
	}
	
	html.tablet.portrait .slide-fg h3 {
		font-size:3.5rem;
	}
	
	html.tablet.portrait .slide-fg h4 {
		font-size:2.25rem;
	}
	
	html.tablet.portrait .slide-fg h5 {
		font-size:1.5rem;
	}
	
	html.tablet.portrait .slide-fg h6 {
		font-size:.75rem;
	}

	html.tablet.portrait #home-slider div.slide .slide-fg > div.grid-x.grid-container {
		-ms-flex-line-pack: end;
		    align-content: flex-end;
		padding-bottom: 1rem;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		text-align: center;
	}

	html.tablet.portrait #home-intro .grid-x.grid-container {
		padding: 0;
	}

	html.tablet.portrait div#home-intro-text {
		position: relative;
		width: 100%;
		padding: 1.5rem;
	}

	html.tablet.portrait #home-intro-text > h1 { 
		font-size:4rem;
		text-align:center;
	}

	html.tablet.portrait div#home-intro-text::before {
		content:'';
		background: var(--introgphc);
		width: 100vw;
		height: 100%;
		position: absolute;
		top:0;
		left: 0;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		opacity: .2;
		z-index:1;
	}

	html.tablet.portrait #home-intro-graphic {
		display:none;
	}

	html.tablet.portrait #home-feats > div {
		padding:2rem 1.5rem;
		-webkit-column-gap: 1rem;
		        column-gap: 1rem;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	html.tablet.portrait #home-feats {
		padding-bottom:0;
	}

	html.tablet.portrait #home-feats .home-feat.cell.small-12 {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 calc(50% - 1rem);
		        flex: 0 0 calc(50% - 1rem);
		margin-bottom:1.5rem;
		width: calc(50% - 1rem) !important;
	}

	.home-feat.cell.small-12:last-of-type {
		margin-bottom:0;
	}

	html.tablet.portrait section[id$="reviews"] {
		padding:2.5rem 0
	}

	html.tablet.portrait section[id*="reviews"] > div > div > h1, 
	html.tablet.portrait #home-fb > h1, 
	html.tablet.portrait #home-contact > div.contact-tw > h1 {
		line-height: 1 !important;
		font-size: 2.5rem;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
		margin-bottom: 1rem;
	}

	html.tablet.portrait section[id*="reviews"] > div > div:nth-child(1) {
		width:100%;
		text-align:center;
		-webkit-box-ordinal-group:2;
		    -ms-flex-order:1;
		        order:1;
	}

	html.tablet.portrait section[id*="reviews"] > div > div:nth-child(2) {
		-webkit-box-ordinal-group:4;
		    -ms-flex-order:3;
		        order:3;
		width:100%;
		text-align:center;
		margin-top: 1.5rem;
	}

	html.tablet.portrait section[id*="reviews"] > div > div > h1:before, 
	html.tablet.portrait #home-fb > h1:before, 
	html.tablet.portrait #home-contact > div.contact-tw > h1:before {
		width:2.5rem;
		height:2.5rem;
	}

	html.tablet.portrait section[id*="reviews"] > div > div:last-child {
		-webkit-box-ordinal-group:3;
		    -ms-flex-order:2;
		        order:2;
	}

	html.tablet.portrait .sbr-owl-item {
		height:0;
	}

	html.tablet.portrait .sbr-owl-item.active {
		height:auto;
	}

	html.tablet.portrait #sb-reviews-container-1 [data-post-style="boxed"] .sb-post-item-wrap {
		padding-left: 1rem;
	}

	html.tablet.portrait #sb-reviews-container-1 [data-post-style="boxed"] .sb-post-item-wrap:before {
		opacity:.5;
		right:0.75rem;
		bottom:0.75rem;
		top:auto;
		left:auto;
	}

	html.tablet.portrait #home-tenby {
		height:auto;
	}

	html.tablet.portrait #home-tenby .parallax-contain, html.tablet.portrait #home-tenby .parallax-image {
		/* position: static; */
		width: 100%;
		height: 100%;
		min-height: 0;
		bottom: auto;
		top: 0 !important;
	}

	html.tablet.portrait #home-tenby > div.grid-container.grid-x > div {
		background: rgba(255,255,255,.75);
		width: 75%;
		padding: 4.5rem 2.5rem;
		margin-left:12.5%;
	}

	html.tablet.portrait #home-tenby > div.grid-container.grid-x > div p {
		font-weight:400;
	}

	html.tablet.portrait section#home-fb-contact {
		padding:1.5rem;
	}

	html.tablet.portrait body.home .cff-wrapper {
		padding:0;
	}

	html.tablet.portrait section[id*="reviews"] > div > div > h1:before, 
	html.tablet.portrait #home-fb > h1:before, 
	html.tablet.portrait #home-contact > div.contact-tw > h1:before {
		top:-0.25rem;
	}

	html.tablet.portrait #home-contact > div.contact-tw > h1:before {
		background:url(svg/icons/reviews.svg) transparent no-repeat center center / auto 70%;
	}

	html.tablet.portrait #home-fb {
		padding-top:1.5rem;
		margin-bottom:2.5rem;
		width: 100%;
	}

	html.tablet.portrait #home-contact {
		width: 100%;
	}

	div#foot-section {
		width: 65%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-flow: column nowrap;
		        flex-flow: column nowrap;
		padding: 1.5rem;
		padding-top: 0;
	}

	#home-fb-contact > div {
		padding:0;
	}

	html.tablet.portrait #cff .cff-load-more {
		margin:0 auto;
		float: none;
		width: auto;
	}

	html.tablet.portrait #cff .cff-item .cff-text-wrapper {
		padding-left:1rem;
	}

	html.tablet.portrait #cff .cff-item .cff-media-wrap {
		width: 100% !important;
		padding:0 !important;
		max-width: none !important;
		margin-bottom:.5rem;
	}

	html.tablet.portrait #gform_1 input[type="text"], 
	html.tablet.portrait #gform_1 input[type="email"], 
	html.tablet.portrait #gform_1 input[type="tel"], 
	html.tablet.portrait #gform_1 textarea {
		padding:.5rem 1rem;
	}

	html.tablet.portrait #gform_1 ::-webkit-input-placeholder {
		color:rgb(80 102 56 / 60%);
	}

	html.tablet.portrait #gform_1 :-ms-input-placeholder {
		color:rgb(80 102 56 / 60%);
	}

	html.tablet.portrait #gform_1 ::placeholder {
		color:rgb(80 102 56 / 60%);
	}

	html.tablet.portrait #field_1_6 {
		padding:0;
		margin-bottom: 1rem;
	}

	html.tablet.portrait #field_1_5 > div:after {
		position:static;
		width: 100%;
		text-align:center;
		display: block;
		margin-top: .75rem;
		font-size: 1.5rem;
	}

	html.tablet.portrait #input_1_6_1+label {
		margin-right:0;
		line-height: 1;
	}

	html.tablet.portrait #field_1_6 > div {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	html.tablet.portrait #input_1_7 > div {
		margin:0 auto;
	}

	
	html.tablet.portrait #gform_submit_button_1 {
		margin: 0;
	}

	html.tablet.portrait #field_submit {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	html.tablet.portrait footer#colophon {
		padding-bottom:.75rem;
	}

	html.tablet.portrait div#foot-badges {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		    -ms-flex-flow:row nowrap;
		        flex-flow:row nowrap;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-column-gap: 1rem;
		        column-gap: 1rem;
		width: 50%;
	}

	html.tablet.portrait div#foot-badges > a {
		padding:0;
	}

	html.tablet.portrait div#foot-badges a img {
		height:auto;
		width: 100%;
		max-height:100px;
	}

	html.tablet.portrait div#credits {
		margin-top:.5rem
	}

	html.tablet.portrait #foot-menu {
		display:none;
	}

	html.tablet.portrait #foot-logo {
		text-align:center;
		margin-bottom: 2rem;
		width: 35%;
		padding-left: 1rem;
	}

	html.tablet.portrait #foot-contact {
		text-align:center;
		-webkit-box-pack:center;
		    -ms-flex-pack:center;
		        justify-content:center;
		width: 100%;
	}

	html.tablet.portrait .foot-contact-item > img {
		position:static;
		margin-right:.5rem
	}

	html.tablet.portrait .foot-contact-item {
		padding:0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
		margin-bottom:1rem;
	}

	html.tablet.portrait .foot-contact-item.social a {
		margin:.25rem;
	}

	html.tablet.portrait .foot-contact-item.social a:first-of-type {
		margin-left:1rem;
	}
	
	html.tablet.portrait .foot-contact-item p {
		-webkit-box-flex:0;
		    -ms-flex:0 1 auto;
		        flex:0 1 auto;
		line-height:1;
		max-width:75%;
	}

	html.tablet.portrait div.head-banner-bg > img.img-strip {
		display:block;
		min-height: 0;
		width: 150%;
		-o-object-position: center;
		   object-position: center;
		-o-object-fit: cover;
		   object-fit: cover;
		height: auto;
		max-width: none;
	}

	.head-banner-bg {
		margin-top: 0;
	}

	div.head-banner-bg > img.img-mobile {
		display:none;
	}

	.head-banner .head-banner-fg > div {
		-webkit-box-align:end;
		    -ms-flex-align:end;
		        align-items:flex-end;
		-ms-flex-line-pack:end;
		    align-content:flex-end;
		padding:1rem;
	}

	html.tablet.portrait .head-banner .head-banner-fg h1 {
		font-size:4rem;
	}

	html.tablet.portrait div#rooms-intro-txt {
		padding:0;
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
		width: 100%;
		text-align: center;
	}

	section#rooms-intro {
		padding:1.5rem 1rem;
	}

	html.tablet.portrait div#rooms-intro-gal > div {
		border:none;
		position:static;
	}

	html.tablet.portrait ul.room-amenities li,
	html.tablet.portrait div#amenities ul li {
		width: auto;
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 auto;
		        flex: 1 1 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row nowrap;
		        flex-flow: row nowrap;
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
	}

	html.tablet.portrait div#rooms-intro-gal {
		-webkit-box-ordinal-group:2;
		    -ms-flex-order:1;
		        order:1;
		margin: 1.5rem auto;
	}

	html.tablet.portrait .room-details.cell.small-12.medium-8 {
		padding:1.5rem 1rem;
		background:hsl(89 10% 95% / 1);
	}

	html.tablet.portrait ul.room-amenities img {
		width:2.5rem;
		height:2.5rem;
	}

	html.tablet.portrait ul.room-amenities span {
		line-height:1;
	}

	#rooms-list > div {
		padding:1rem 1.5rem;
	}

	html.tablet.portrait .room-wrapper.cell.small-12.grid-x {
		margin-bottom:0;
		width: 75%;
		margin: 0 12.5% 1rem;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-flow: column;
		        flex-flow: column;
	}

	html.tablet.portrait .room-wrapper.cell.small-12.grid-x > div {
		width:100%;
	}

	html.tablet.portrait div#rooms-intro-txt .link-button {
		margin:1rem auto;
	}

	html.tablet.portrait .room-wrapper.cell.small-12.grid-x+.room-wrapper.cell.small-12.grid-x{
		margin-top:2.5rem;
	}

	html.tablet.portrait ul.room-amenities {
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		    -ms-flex-flow:row wrap;
		        flex-flow:row wrap;
		row-gap:1rem;
		-webkit-column-gap:1rem;
		        column-gap:1rem
	}

	html.tablet.portrait [id$="-tenby"] .parallax-contain.strip .parallax-image{
		-webkit-animation: none !important;
		        animation: none !important;
		bottom: 0 !important;
	}

	html.tablet.portrait [id$="-tenby"] {
		height: 30rem;
	}

	html.tablet.portrait [id$="-tenby"] > div.grid-container.grid-x > div {
		text-align:center;
	}

	html.tablet.portrait .head-banner {
		height: auto;
		min-height: 0;
		overflow: hidden;
	}

	#breakfast-intro > div {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row wrap;
		        flex-flow: row wrap;
	}

	#breakfast-intro > div > div {
		width:100%;	
	}

	html.tablet.portrait div#breakfast-gal {
		position:static;
		border-width: 0;
		row-gap: .5rem;
		-webkit-column-gap: .5rem;
		        column-gap: .5rem;
		margin-bottom: 1.5rem;
	}

	html.tablet.portrait div#breakfast-gal > div {
		width: calc(25% - .375rem);
	}

	html.tablet.portrait div#breakfast-intro-txt {
		padding: 1.5rem 1rem 0;
	}

	html.tablet.portrait #breakfast-bar > div{
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
	}

	html.tablet.portrait div#bar-text {
		padding:1.5rem 1rem 0;
		margin: 0;
		width: 50%;
	}

	html.tablet.portrait div#bar-gal-wrap {
		-webkit-box-ordinal-group:3;
		    -ms-flex-order:2;
		        order:2;
		padding: 0 0.75rem;
		margin: 0;
	}

	div#bar-gal-wrap > a:first-child {
		height: 0 !important;
		padding-bottom: 100%;
		position: relative;
	}

	div#bar-gal-wrap > a:first-child > img {
		position:absolute;
	}

	html.tablet.portrait body.blog article.cell {
		width: 49%;
		height:auto;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-flow: column wrap;
		        flex-flow: column wrap;
	}

	html.tablet.portrait .post-text.cell.small-12.medium-6 {
		-webkit-box-ordinal-group:3;
		    -ms-flex-order:2;
		        order:2;
		width: 100%;
	}

	html.tablet.portrait .post-img.cell.small-12.medium-6 {
		width:100%;
		height:10rem;
		overflow:hidden;
		-webkit-box-ordinal-group:2;
		    -ms-flex-order:1;
		        order:1;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 10rem;
		        flex: 0 0 10rem;
		max-width: 100%;
	}

	html.tablet.portrait .post-row .cell+.cell.text,
	html.tablet.portrait .post-row .cell.text,
	html.tablet.portrait .post-row .cell{
		padding:1rem;
		width:100%;
	}

	html.tablet.portrait .post-row .cell {
		-webkit-box-ordinal-group:2;
		    -ms-flex-order:1;
		        order:1;
	}

	html.tablet.portrait .post-row .cell.text {
		-webkit-box-ordinal-group:3;
		    -ms-flex-order:2;
		        order:2;
	}

	html.tablet.portrait #post-wrap div.cell.small-12.medium-6.text > div.a2a_kit {
		margin: 2rem auto 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	html.tablet.portrait #post-wrap .post-row+.post-row {
		margin-top: 0;
	}

	html.tablet.portrait #cf-form {
		width:100%;
		-webkit-box-ordinal-group:2;
		    -ms-flex-order:1;
		        order:1;
	}

	html.tablet.portrait #cf-text-wrap {
		-webkit-box-ordinal-group:3;
		    -ms-flex-order:2;
		        order:2;
		max-width: none;
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row wrap;
		        flex-flow: row wrap;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	html.tablet.portrait #cf-graphic {
		-webkit-box-ordinal-group:4;
		    -ms-flex-order:3;
		        order:3;
		display: none;
	}

	html.tablet.portrait #contact-form-details > div {
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		    -ms-flex-flow:row wrap;
		        flex-flow:row wrap;
		padding:1.5rem 1rem;
	}

	html.tablet.portrait section#contact-form-details {
		padding:1.5rem 1rem; 
	}

	html.tablet.portrait section#default {
		padding:7.5rem 1rem 1.5rem;
	}

	html.tablet.portrait .page-template-default header#masthead {
		background:none;
		-webkit-filter: none;
		        filter: none;
	}

	html.tablet.portrait #bar-text > div {
		font-size:1.125rem;
	}

	html.tablet.portrait div#bar-text h1 {
		font-size:5rem;
		margin-bottom:1rem;
		padding-bottom:1rem;
	}

	html.tablet.portrait div#cf-text-wrap > h1 {
		width:100%;
	}

	html.tablet.portrait div#cf-text-wrap > div {
		width:50%;
	}
	
}

/*--------------------------------------------------*/
/* Tablets (Landscape) ---------------------------- */
/*--------------------------------------------------*/
@media only screen and (min-width: 48em) and (max-width: 64em) and (orientation: landscape) {

	html.tablet.landscape .slide .landscape {
		display:block;
	}

	html.tablet.landscape .slide-fg h1 {
		font-size:5.5rem;
	}
	
	html.tablet.landscape .slide-fg h2 {
		font-size:4.5rem;
	}
	
	html.tablet.landscape .slide-fg h3 {
		font-size:3.5rem;
	}
	
	html.tablet.landscape .slide-fg h4 {
		font-size:2.25rem;
	}
	
	html.tablet.landscape .slide-fg h5 {
		font-size:1.5rem;
	}
	
	html.tablet.landscape .slide-fg h6 {
		font-size:.75rem;
	}

	html.tablet.landscape div#home-intro-text {
		font-size:1.125rem;
		padding-right: 0;
		width: 100%;
	}

	html.tablet.landscape #home-intro .grid-x.grid-container{
		position:relative;
		padding: 2.5rem 1.5rem;
	}

	html.tablet.landscape #home-intro-graphic {
		position:absolute;
		right:0;
		top: 0;
		width:auto;
		height:100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		opacity: .2;
	}

	html.tablet.landscape #home-intro-graphic > img {
		height:auto;
		display:block;
		width:75%;
	}

	html.tablet.landscape #home-feats > div {
		-webkit-column-gap:1.5rem;
		        column-gap:1.5rem;
	}

	html.tablet.landscape .home-feat.cell.small-12 {
		width:calc(33.3333% - 1rem);
		-webkit-box-flex:0;
		    -ms-flex:0 0 auto;
		        flex:0 0 auto;
	}

	html.tablet.landscape #home-tenby > div.grid-container.grid-x > div {
		width:50%;
	}

	html.tablet.landscape [id$="-tenby"] .parallax-image {
		bottom: -40% !important;
	}

	html.tablet.landscape section#home-fb-contact {
		padding: 2.5rem .75rem;
	}

	html.tablet.landscape body.home .cff-wrapper {
		padding-right:2rem;
	}


	html.tablet.landscape #gform_1 input[type="text"], 
	html.tablet.landscape #gform_1 input[type="email"], 
	html.tablet.landscape #gform_1 input[type="tel"], 
	html.tablet.landscape #gform_1 textarea {
		padding: .5rem;
	}

	html.tablet.landscape #field_1_6 {
		padding-right:0;
		margin-top:2rem
	}

	html.tablet.landscape #gform_submit_button_1 {
		font-size:2rem;
		padding:1rem
	}

	html.tablet.landscape #field_submit:after {
		width:2.5rem;
		background-size:1.5rem;
	}

	html.tablet.landscape div#foot-logo {
		width:27.5%;
		padding-left:2.5%;
	}

	html.tablet.landscape div#foot-section {
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		    -ms-flex-flow:row wrap;
		        flex-flow:row wrap;
		width:70%;
		padding-left:2.5rem;
		position: relative;
		padding-bottom:2.5rem;
	}

	html.tablet.landscape div#foot-section > div{
		-webkit-box-flex:0;
		    -ms-flex:0 0 50%;
		        flex:0 0 50%;
		width:auto;
	}

	html.tablet.landscape div#foot-section > div#foot-menu {
		padding-left:10%;
	}

	html.tablet.landscape div#foot-section > div#foot-badges,
	html.tablet.landscape div#foot-section > div#credits{
		-webkit-box-flex:1;
		    -ms-flex:1 1 100%;
		        flex:1 1 100%;
		width:100%;
	}

	html.tablet.landscape div#foot-section > div#credits{
		position:absolute;
		bottom:0;
		right:0;
		width:100vw;
	}

	html.tablet.landscape div#foot-section > div#foot-badges {
		-webkit-box-pack:center;
		    -ms-flex-pack:center;
		        justify-content:center;
		-webkit-column-gap:5rem;
		        column-gap:5rem;
		margin-top:2.5rem;
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		    -ms-flex-flow:row nowrap;
		        flex-flow:row nowrap;
	}

	html.tablet.landscape div#foot-section > div#foot-badges a {
		width:calc(50% - 2.5rem);
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:center;
		    -ms-flex-pack:center;
		        justify-content:center;
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
	}

	html.tablet.landscape #contact-bar {
		width:auto;
		-webkit-column-gap: 1rem;
		        column-gap: 1rem;
	}

	html.tablet.landscape #contact-bar > div.head-contact-item.addr,
	html.tablet.landscape #contact-bar > div.head-contact-item.em{
		display:none;
	}

	html.tablet.landscape header #site-navigation {
		margin-top: 3rem;
	}

	html.tablet.landscape footer#colophon {
		padding:1rem 0
	}

	html.tablet.landscape .foot-contact-item {
		margin-bottom:0;
	}

	html.tablet.landscape .foot-contact-item+.foot-contact-item {
		margin-top:1.75rem;
	}

	html.tablet.landscape #rooms-intro > div {
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
	}

	html.tablet.landscape div#rooms-intro-gal > div {
		bottom:auto;
		top:50%;
		-webkit-transform:translateY(-50%);
		        transform:translateY(-50%);
	}

	html.tablet.landscape div#rooms-intro-txt {
		padding-right: 0;
		font-size: 1.125rem;
	}

	html.tablet.landscape div#amenities ul {
	row-gap: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	}

	html.tablet.landscape div#amenities ul li {
		display:-webkit-inline-box;
		display:-ms-inline-flexbox;
		display:inline-flex;
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
		width: auto;
		margin: 0;
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 calc(50% - 1rem);
		        flex: 1 1 calc(50% - 1rem);
	}

	html.tablet.landscape div#amenities ul li span {
		font-size:1rem;
		line-height:1;
	}

	html.tablet.landscape div.room-details.cell.small-12.medium-8 > h2 {
		font-size:2.5rem;
	}

	html.tablet.landscape div.room-details.cell.small-12.medium-8 > h3 {
		font-size:1.125rem;
		margin-bottom: 1rem;
		padding-bottom: 1rem;
	}

	html.tablet.landscape ul.room-amenities span{
		font-size:1rem;
	}

	html.tablet.landscape div.room-details.cell.small-12.medium-8 p{
		font-size:1rem;
		line-height:1.25;
	}

	html.tablet.landscape div.head-banner-bg > img.img-strip {
		-o-object-fit:cover;
		   object-fit:cover;
	}

	html.tablet.landscape div#breakfast-intro-txt,
	html.tablet.landscape div#breakfast-gal{
		width:100%;
	}

	html.tablet.landscape div#breakfast-intro-txt {
		padding:1.5rem 1rem;
	}

	html.tablet.landscape div#breakfast-gal{
		position:static;
		border: none;
		padding: 0 1rem;
		margin-bottom: 2rem;
	}

	html.tablet.landscape div#breakfast-gal > div {
		width:calc(25% - 1.5rem);
	}

	html.tablet.landscape #breakfast-bar > div {
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
	}

	html.tablet.landscape #breakfast-bar > div > div {
		width:50%;
		-webkit-box-flex:0;
		    -ms-flex:0 0 50%;
		        flex:0 0 50%;
		margin: 0;
		padding: 1.5rem;
	}

	html.tablet.landscape body.blog article.cell {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-flow: column-reverse;
		        flex-flow: column-reverse;
		overflow: hidden;
		height: auto;
	}

	html.tablet.landscape .post-img.cell.small-12.medium-6 {
		width:100%;
		max-width:none;
		margin:0;
		height:180px;
		display:block;
		overflow:hidden;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
	}

	html.tablet.landscape body.blog article.cell .post-text {
		width:100%;
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 auto;
		        flex: 1 1 auto;
	}

	html.tablet.landscape .post-row .cell+.cell.text,
	html.tablet.landscape .post-row .cell {
		padding:1rem;
	}

	html.tablet.landscape .popup-gallery a {
		width: calc(50% - .5rem);
	}

	html.tablet.landscape #cf-graphic {
		display:none;
	}

	html.tablet.landscape #cf-text-wrap {
		width:35%;
	}

	html.tablet.landscape #cf-form {
		width:60%;
	}

}

/*--------------------------------------------------*/
/* Big Tablets / Notebooks ------------------------ */
/*--------------------------------------------------*/
@media only screen and (min-width: 50em) and (max-width: 80em) and (orientation:portrait) {

	#contact-bar > div.head-contact-item.addr {
		display:none;
	}

	html.portrait .slide .landscape {
		display:block;
	}

	html.portrait div#contact-bar-wrap {
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		    -ms-flex-flow:row nowrap;
		        flex-flow:row nowrap;
	}

	html.portrait .slide-fg h1 {
		font-size:5.5rem;
	}
	
	html.portrait .slide-fg h2 {
		font-size:4.5rem;
	}
	
	html.portrait .slide-fg h3 {
		font-size:3.5rem;
	}
	
	html.portrait .slide-fg h4 {
		font-size:2.25rem;
	}
	
	html.portrait .slide-fg h5 {
		font-size:1.5rem;
	}
	
	html.portrait .slide-fg h6 {
		font-size:.75rem;
	}

	html.portrait .home-feat.cell.small-12 {
	    width: calc(calc(100% / var(--colNum)) - 1rem);
	}

	html.portrait #home-feats > div {
		-webkit-column-gap:1rem;
		        column-gap:1rem;
	}

	html.portrait main .grid-x.grid-container,
	html.portrait section[id$="reviews"] {
		padding:1.5rem;
	}

	html.portrait section#home-fb-contact {
		padding:0;
	}

	html.portrait section[id$='-tenby'] {
		height: 650px !important;
	}

	html.portrait [id$="-tenby"] .parallax-image {
		bottom: -15% !important;
	}

	html.portrait #home-tenby > div.grid-container.grid-x > div {
		width:50%;
	}

	html.portrait body.home .cff-wrapper {
		padding-right:2rem;
	}

	html.portrait #field_1_6 {
		padding:0;
		margin-bottom: 1rem;
	}

	html.portrait #field_1_5 > div:after {
		position:static;
		width: 100%;
		text-align:center;
		display: block;
		margin-top: .75rem;
		font-size: 1.5rem;
	}

	html.portrait #input_1_6_1+label {
		margin-right:0;
		line-height: 1;
	}

	html.portrait #field_1_6 > div {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	html.portrait #input_1_7 > div {
		margin:0 auto;
	}

	
	html.portrait #gform_submit_button_1 {
		margin: 0;
	}

	html.portrait #field_submit {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	html.portrait div#foot-logo {
		width:27.5%;
		padding-left:2.5%;
	}

	html.portrait div#foot-section {
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		    -ms-flex-flow:row wrap;
		        flex-flow:row wrap;
		width:70%;
		padding-left:2.5rem;
		position: relative;
		padding-bottom:2.5rem;
	}

	html.portrait div#foot-section > div{
		-webkit-box-flex:0;
		    -ms-flex:0 0 50%;
		        flex:0 0 50%;
		width:auto;
	}

	html.portrait div#foot-section > div#foot-menu {
		padding-left:10%;
	}

	html.portrait div#foot-section > div#foot-badges,
	html.portrait div#foot-section > div#credits{
		-webkit-box-flex:1;
		    -ms-flex:1 1 100%;
		        flex:1 1 100%;
		width:100%;
	}

	html.portrait div#foot-section > div#credits{
		position:absolute;
		bottom:0;
		right:0;
		width:100vw;
	}

	html.portrait div#foot-section > div#foot-badges {
		-webkit-box-pack:center;
		    -ms-flex-pack:center;
		        justify-content:center;
		-webkit-column-gap:5rem;
		        column-gap:5rem;
		margin-top:2.5rem;
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		    -ms-flex-flow:row nowrap;
		        flex-flow:row nowrap;
	}

	html.portrait div#foot-section > div#foot-badges a {
		width:calc(50% - 2.5rem);
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:center;
		    -ms-flex-pack:center;
		        justify-content:center;
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
	}

	html.portrait div#amenities ul {
		row-gap: 1rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row wrap;
		        flex-flow: row wrap;
	}

	html.portrait div#amenities ul li {
		display:-webkit-inline-box;
		display:-ms-inline-flexbox;
		display:inline-flex;
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
		width: auto;
		margin: 0;
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 calc(50% - 1rem);
		        flex: 1 1 calc(50% - 1rem);
	}

	html.portrait div#amenities ul li span {
		font-size:1rem;
		line-height:1;
	}

	html.portrait ul.room-amenities span{
		font-size:1rem;
	}

	html.portrait div.room-details.cell.small-12.medium-8 p{
		font-size:1rem;
		line-height:1.25;
	}

	html.portrait #breakfast-intro > div {
		-webkit-box-align:stretch;
		    -ms-flex-align:stretch;
		        align-items:stretch;
	}

	html.portrait #breakfast-gal {
		position:static;
	}

	html.portrait #breakfast-bar > div {
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
	}

	html.portrait #breakfast-bar > div > div {
		width:50%;
		-webkit-box-flex:0;
		    -ms-flex:0 0 50%;
		        flex:0 0 50%;
		margin: 0;
		padding: 1.5rem;
	}

	html.portrait body.blog article.cell {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-flow: column-reverse;
		        flex-flow: column-reverse;
		overflow: hidden;
		height: auto;
	}

	html.portrait .post-img.cell.small-12.medium-6 {
		width:100%;
		max-width:none;
		margin:0;
		height:180px;
		display:block;
		overflow:hidden;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
	}

	html.portrait body.blog article.cell .post-text {
		width:100%;
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 auto;
		        flex: 1 1 auto;
	}

	html.portrait .post-row .cell+.cell.text,
	html.portrait .post-row .cell {
		padding:1rem;
	}

	html.portrait .popup-gallery a {
		width: calc(50% - .5rem);
	}

	html.portrait #cf-graphic {
		display:none;
	}

	html.portrait #cf-text-wrap {
		width:45%;
	}

	html.portrait #cf-form {
		width:55%;
	}
}

@media only screen and (min-width: 50em) and (max-width: 80em) and (orientation: landscape) {
	
	#contact-bar > div.head-contact-item.addr {
		display:none;
	}

	html.landscape .slide .landscape {
		display:block;
	}

	html.landscape .slide-fg h1 {
		font-size:5.5rem;
	}
	
	html.landscape .slide-fg h2 {
		font-size:4.5rem;
	}
	
	html.landscape .slide-fg h3 {
		font-size:3.5rem;
	}
	
	html.landscape .slide-fg h4 {
		font-size:2.25rem;
	}
	
	html.landscape .slide-fg h5 {
		font-size:1.5rem;
	}
	
	html.landscape .slide-fg h6 {
		font-size:.75rem;
	}

	html.landscape div#contact-bar-wrap {
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		    -ms-flex-flow:row nowrap;
		        flex-flow:row nowrap;
	}

	html.landscape #home-intro-text > h1{
		width:100vw;
	}

	html.landscape div#home-intro-text {
		font-size:1rem;
	}

	html.landscape #home-feats > div {
		-webkit-column-gap:2rem;
		        column-gap:2rem;
	}

	html.landscape .home-feat.cell.small-12 {
	    width: calc(calc(100% / var(--colNum)) - 2rem);
	}

	html.landscape main .grid-x.grid-container,
	html.landscape section[id$="reviews"],
	html.landscape section#home-fb-contact {
		padding:1.5rem;
	}

	html.landscape [id$="-tenby"] .parallax-image {
		bottom: -13% !important;
	}

	html.landscape #rooms-intro > div {
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
	}

	html.landscape div#rooms-intro-gal > div {
		bottom:auto;
		top:50%;
		-webkit-transform:translateY(-50%);
		        transform:translateY(-50%);
	}

	html.landscape div#rooms-intro-txt {
		padding-right: 0;
		font-size: 1.125rem;
	}

	html.landscape div#amenities ul {
		row-gap: 1rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row wrap;
		        flex-flow: row wrap;
	}

	html.landscape div#amenities ul li {
		display:-webkit-inline-box;
		display:-ms-inline-flexbox;
		display:inline-flex;
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
		width: auto;
		margin: 0;
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 calc(50% - 1rem);
		        flex: 1 1 calc(50% - 1rem);
	}

	html.landscape div#amenities ul li span {
		font-size:1rem;
		line-height:1;
	}

	html.landscape div.room-details.cell.small-12.medium-8 > h2 {
		font-size:2.5rem;
	}

	html.landscape div.room-details.cell.small-12.medium-8 > h3 {
		font-size:1.125rem;
		margin-bottom: 1rem;
		padding-bottom: 1rem;
	}

	html.landscape ul.room-amenities span{
		font-size:1rem;
	}

	html.landscape div.room-details.cell.small-12.medium-8 p{
		font-size:1rem;
		line-height:1.25;
	}

	html.landscape div#breakfast-intro-txt,
	html.landscape div#breakfast-gal{
		width:100%;
	}

	html.landscape div#breakfast-intro-txt {
		padding:1.5rem 1rem;
	}

	html.landscape div#breakfast-gal{
		position:static;
		border: none;
		padding: 0 1rem;
		margin-bottom: 2rem;
	}

	html.landscape div#breakfast-gal > div {
		width:calc(25% - 1.5rem);
		max-height: none;
		padding-bottom: 25%;
	}

	html.landscape #breakfast-bar > div {
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
	}

	html.landscape #breakfast-bar > div > div {
		width:50%;
		-webkit-box-flex:0;
		    -ms-flex:0 0 50%;
		        flex:0 0 50%;
		margin: 0;
		padding: 1.5rem;
	}

	html.landscape body.blog article.cell {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-flow: column-reverse;
		        flex-flow: column-reverse;
		overflow: hidden;
		height: auto;
	}

	html.landscape .post-img.cell.small-12.medium-6 {
		width:100%;
		max-width:none;
		margin:0;
		height:180px;
		display:block;
		overflow:hidden;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
	}

	html.landscape body.blog article.cell .post-text {
		width:100%;
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 auto;
		        flex: 1 1 auto;
	}

	html.landscape .post-row .cell+.cell.text,
	html.landscape .post-row .cell {
		padding:1rem;
	}

	html.landscape .popup-gallery a {
		width: calc(50% - .5rem);
	}

	html.landscape #cf-graphic {
		display:none;
	}

	html.landscape #cf-text-wrap {
		width:35%;
	}

	html.landscape #cf-form {
		width:60%;
	}

}

/*--------------------------------------------------*/
/* Core Styling ------------------------------------ */
/*--------------------------------------------------*/

.slide .landscape,
.slide .portrait{
	display:block;
}

html.desktop .slide .portrait,
html.landscape .slide .portrait{
    display:none;
}

html.portrait .slide .portrait {
    display:block;
}

html.portrait .slide .landscape {
    display:none;
}

#home-slideshow-outer {
    max-height:750px
}

div#home-slider, 
div#home-slider > div.slide,
div#home-slider > div.slide > div {
	position:relative;
    height:75vh;
	max-height: 750px;
	overflow: hidden;
	z-index: 30;
}

div#home-slider > div.slide .slide-fg {
	position:absolute;
	z-index:99;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div.slide .slide-fg {
	background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,.8)), to(transparent));
	background: linear-gradient(90deg, rgba(255,255,255,.8), transparent);
}

div.slide .slide-fg > div.grid-x.grid-container {
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-ms-flex-line-pack:center;
	    align-content:center;
	height:100%;
}

.slide-fg .cell {
	max-width:640px;
}

.slide-fg h1,
.slide-fg h2,
.slide-fg h3,
.slide-fg h4,
.slide-fg h5,
.slide-fg h6 {
	line-height:.825;
	margin: 1rem 0 -1rem 0;
	font-weight: 300;
}

.slide-fg h1 {
	font-size:9rem;
}

.slide-fg h2 {
	font-size:6.5rem;
}

.slide-fg h3 {
	font-size:5rem;
}

.slide-fg h4 {
	font-size:4rem;
}

.slide-fg h5 {
	font-size:3rem;
}

.slide-fg h6 {
	font-size:2rem;
}

.slide-fg :is(h1,h2,h3,h4,h5,h6):first-child {
	color:#7b9855;
}

.slide-fg :is(h1,h2,h3,h4,h5,h6):not(:first-child) {
	color:#506638;
}

.slide-fg .link-button {
	font-size: 2rem;
	margin-top: 1rem;
}

.link-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    background: #7b9855;
    color: #FFF !important;
    font-family: 'zuume', sans-serif;
	background:#506638;
	border:.25rem solid #FFF;
}

.link-button > span,
.link-button > div {
	background:#506638;
	padding: 0rem 1rem;
	font-weight:400;
	text-transform:uppercase;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.link-button > div {
	border-left:.25rem solid #FFF;
	background: #7b9855;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-item-align: stretch;
	    align-self: stretch;
	padding: 0 .75rem;
}

.link-button > span {
	background:transparent;
	position:relative;
	top:.25rem;
}

.site-branding.cell.small-12.medium-3.large-3 {
    padding: 1rem;
}

div#home-intro-text {
    padding-right: 7.5rem;
    color: #506638;
    font-size: 1.25rem;
}

#home-intro .grid-x.grid-container {
    padding-top:5rem;
    padding-bottom:5rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.home-feat.cell.small-12 {
    width: calc(calc(100% / var(--colNum)) - 5rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
}

#home-feats > div {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-column-gap: 5rem;
            column-gap: 5rem;
}

#cff .cff-author {
    margin: 0;
}

#home-tenby {
	position: relative;
	overflow: hidden;
	height: 100vh;
}

.parallax-contain {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
}

.parallax-contain+div {
	position: relative;
	width:100%;
	height:100%;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#home-tenby .parallax-contain+div {
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

.parallax-image {
    position:absolute;
    width: 120%;
    min-height: 120%;
    -webkit-animation: parallax 1s linear;
    animation: parallax 1s linear;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-animation-delay: calc(calc(var(--scroll)*1.25) * -1s);
    animation-delay: calc(calc(var(--scroll)*1.25) * -1s);
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -o-object-fit: cover;
       object-fit: cover;
}

#home-tenby .parallax-image {
    bottom: -100%;
    pointer-events: none;
}


@-webkit-keyframes parallax {
  to {
    bottom: 0;
  }
}

#home-tenby > div.grid-container.grid-x > div {
    padding: 2.5rem;
    background: #FFF;
    color: #506638;
    font-size: 1.25rem;
}

#home-tenby > div.grid-container.grid-x > div p {
    line-height: 1.5rem;
	font-weight:300;
}

body.home .cff-wrapper {
	padding-right:5rem;
}

body.home #cff .cff-item > div.cff-media-wrap {
	max-width: 50%;
}

body.home #cff .cff-item > div.cff-media-wrap > div {
	width:100%;
}

section#home-tenby .cell p:last-of-type {
    margin: 0;
}

#masthead .site-nav {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

div#contact-bar {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    font-size: 1.125rem;
    pointer-events: all;
}

ul#main-menu {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: 3rem;
}

ul#main-menu li {
	border:solid 4px transparent;
	padding-top:.325rem;
	position: relative;
}

ul#main-menu li:before,
ul#main-menu li:after {
	content:'';
	position:absolute;
	top:-4px;
	left:0;
	width:100%;
	height:4px;
	background:#d8dcb6;
	display: block;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	opacity:0
}

ul#main-menu li:after {
	top:auto;
	bottom:-4px;
}

ul#main-menu li:hover:before,
ul#main-menu li:hover:after {
	background:#506638 !important;
	opacity:1;
}

ul#main-menu li.current_page_item:before,
ul#main-menu li.current_page_item:after,
ul#main-menu li.current_page_parent:before,
ul#main-menu li.current_page_parent:after{
    Background: #7b9855;
    opacity:1;
}

ul#main-menu li a {
    font-family:'zuume', Helvetica Neue, Helvetica, sans-serif;
	font-size:1.875rem;
	font-weight:600;
	color:#506638;
}

div#book-head {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: auto;
}

.head-contact-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 0.325rem;
            column-gap: 0.325rem;
    color: #506638;
}

.head-contact-item a {
	color: #506638;
	border-bottom: 2px dotted;
	line-height: 1.25rem;
}

#book-head > a {
    font-size:1.5rem;	
    pointer-events:all;
}

#book-head > .link-button > span {
	padding:.25rem .75rem;	
}

#masthead .site-branding img {
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
	height:100%;
	max-height: 130px;
}

header#masthead {
    position: relative;
    overflow-x: hidden;
    overflow-y: visible;
    height: 160px;
}

div#head-nav-contact {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    z-index: 102;
    pointer-events: none;
}

div#contact-bar-wrap {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

div#head-nav-menu {
    z-index: 101;
    position: relative;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
    padding-top: .75rem;
    padding-bottom: 1rem;
}

#home-intro-text > h1 {
    font-size: 5rem;
}

#home-feats {
	padding-bottom:5rem;
}

.home-feat-img > img {
    width: 100%;
    height: auto;
}

.home-feat-txt {
	padding:0.75rem 1.5rem;
	text-align: center;
	background: #f2f2eb;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
}

.home-feat-txt p {
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.25;
	color:#506638;
}

.home-feat-txt h3 {
	display:block;
	margin: 1.5rem auto;
	font-size: 2.625rem;
	font-weight: 700;
	padding-bottom: 1.5rem;
	position: relative;
	color: #506638;
	width: 100%;
}

.home-feat-txt h3:after {
	content:'';
	position:absolute;
	top: calc(100% - .125rem);
	left: 20%;
	width: 60%;
	height:.25rem;
	background: #b4ba6e;
}

section[id$="reviews"] {
    padding: 5rem 0;
    background: #d8dcb6;
}

section[id*="reviews"] > div {
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-flow:row wrap;
	        flex-flow:row wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

section[id*="reviews"] > div > div > h1,
#home-fb > h1,
#home-contact > div.contact-tw > h1{
	font-size:4.5rem;
	margin: .5rem 0 0 0;
	line-height:8.125rem;
	color: #506638;
}

#home-fb > h1,
#home-contact > div.contact-tw > h1 {
	line-height: 5rem !important;
	margin-top:0;
	margin-bottom:.5rem;
}

section[id*="reviews"] > div > div > h1:before,
#home-fb > h1:before,
#home-contact > div.contact-tw > h1:before{
	content:'';
	position:relative;
	width:4.5rem;
	height:4.5rem;
	display:inline-block;
	background:url(svg/icons/reviews.svg) transparent no-repeat center center / auto 70%;
	top: .75rem;
	margin-right: .75rem;
}

#home-fb > h1:before{
	background:url(svg/icons/facebook.svg) transparent no-repeat center center / auto 70%;
}

section[id*="reviews"] > div > div:not(:last-child){
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width:auto;
}

section#home-reviews > div > div:last-child{margin-top: 1.5rem;}

#sb-reviews-container-1 [data-post-style="boxed"] .sb-post-item-wrap {
	margin-bottom:2.5rem;
	padding: 1rem 1rem 1rem 7.5rem;
	position: relative;
}

#sb-reviews-container-1 [data-post-style="boxed"] .sb-post-item-wrap:before {
	content:'';
	position:absolute;
	top:.75rem;
	left:1.25rem;
	display:block;
	background:url(svg/icons/quote.svg) transparent no-repeat center center / contain;
	width:5rem;
	height:5rem;
}

#sb-reviews-container-1 [data-post-style="boxed"] .sbr-owl-item:after {
    content: '';
    width: 2.5rem;
    height: 2.5rem;
    display: inline-block;
    background: white;
    position: absolute;
    left: calc(10px + 10%);
    bottom:0;
	-webkit-clip-path:polygon(0% 0%, 100% 0%, 0% 100%);
	        clip-path:polygon(0% 0%, 100% 0%, 0% 100%)
}

[id^=sb-reviews-container-] .sb-item-provider-icon {
	display:none;
}

[id^=sb-reviews-container-] .sb-item-author-date-ctn {
	padding:0;
	margin-top:1rem;
}

#sb-reviews-container-1 .sb-item-author-ctn,
#sb-reviews-container-1 .sb-item-author-ctn > div {
	width:100%;
}

#sb-reviews-container-1 .sb-item-author-ctn > div {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:start;
	    -ms-flex-pack:start;
	        justify-content:flex-start
}

#sb-reviews-container-1 .sb-item-author-ctn > div > span {
	-webkit-box-flex:0;
	    -ms-flex:0 0 auto;
	        flex:0 0 auto;
	width:auto;
}

#sb-reviews-container-1 .sb-item-author-ctn > div > span+span {
	border-left:1px solid #506638;
	margin-left:.25rem;
	padding-left:.25rem;
}

#sb-reviews-container-1 .sb-item-text {
	font-size: 1.125rem !important;
	color: #506638 !important;
}

#sb-reviews-container-1 .sb-item-author-name {
	color:#506638 !important;
}

body.home .sbr-owl-nav > div {
	top:auto;
	bottom: 0;
}

body.home .sbr-owl-dots {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
}

#home-tenby > div.grid-container.grid-x > div > h1 {
	display:inline-block;
	font-size:4.5rem;
	margin-bottom:1rem;
	padding-bottom:.5rem;
	position:relative;
}

#home-tenby > div.grid-container.grid-x > div > h1:after {
	content:'';
	width:75%;
	height:.25rem;
	background:#b4ba6e;
	display:block;
	position:absolute;
	bottom:-.125rem;
}

section#home-fb-contact {
    padding: 5rem;
    background: #e8ead3;
    color: #506638;
}

#home-fb-contact > div {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

#home-contact > div.contact-tw > h1:before {
	background:none;
	width:0;
	margin:0;
}

#gform_1 ::-webkit-input-placeholder {
	text-transform:uppercase;
	font-family:'zuume', Helvetica, sans-serif;
	font-size:1.5rem;
	position:relative;
	top:.25rem;
	color:#d8dcb6;
}

#gform_1 :-ms-input-placeholder {
	text-transform:uppercase;
	font-family:'zuume', Helvetica, sans-serif;
	font-size:1.5rem;
	position:relative;
	top:.25rem;
	color:#d8dcb6;
}

#gform_1 ::placeholder {
	text-transform:uppercase;
	font-family:'zuume', Helvetica, sans-serif;
	font-size:1.5rem;
	position:relative;
	top:.25rem;
	color:#d8dcb6;
}

#gform_1 input[type="text"], #gform_1 input[type="email"],
#gform_1 input[type="tel"], #gform_1 textarea{
	height:auto;
	padding: 1rem;
	font-family:'zuume', Helvetica, sans-serif;
	font-size:1.5rem;
	border-color: #7b9855;
	border-radius: .25rem;
} 

#gform_wrapper_1 > div.gform_heading > p.gform_required_legend,
#field_1_6 > div > label > span{
	display:none;
}

#field_1_5 > div {
	position:relative;
}

#field_1_5 > div:after {
	content:'All fields are required.';
	color:#5a0c0c;
	font-size: 1.25rem;
	position:absolute;
	right:0;
	bottom: -3rem;
	font-family: 'zuume', Helvetica, sans-serif;
}

#field_1_6 {
	padding-right:10rem;
}

#gform_submit_button_1 {
	display:-webkit-box !important;
	display:-ms-flexbox !important;
	display:flex !important;
	margin: 0 0 0 auto;
	height: 60px;
	background:#506638;
	font-family:'zuume', Helvetica, sans-serif;
	font-size:2rem;
	line-height:1;
	padding: 1rem 2rem;
	position: relative;
	border: .125rem solid #FFF;
}

#field_submit:after {
	content:'';
	width: 3.75rem;
	height: 3.75rem;
	background: url(svg/icons/send-white.svg) #8aa367 no-repeat center center / 1.75rem;
	display:block;
	position: relative;
	border: .125rem solid #FFF;
	border-left:0;
}

#input_1_6_1+label {
	color:#506638;
}

#input_1_6_1:checked+label {
	font-weight:700;
}

#field_1_6 > div > label > a {
	color:#8aa367;
	border-bottom:2px dotted;
}

#cff .cff-load-more {
	display:-webkit-inline-box;
	display:-ms-inline-flexbox;
	display:inline-flex;
	width:auto;
	background:#FFF;
	font-weight:700;
	text-transform:uppercase;
	padding:.5rem .75rem;
	color:#737373;
	border:1px solid #b4ba6e;
}

footer#colophon {
    background: #7b9855;
    color: #FFF;
    padding: 2.5rem 0;
}

footer#colophon > div {
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:justify;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
}

.foot-contact-item {
    padding-left: 2rem;
    position:relative;
    margin-bottom: 2rem;
	font-size:1.125rem;
}

.foot-contact-item p {
	margin:0;
}

.foot-contact-item:not(.social) > a {
	color:#FFF;
	border-bottom:2px dotted;
}

.foot-contact-item.social {
	margin:0;
}

.foot-contact-item > img {
	position:absolute;
	left:0;
	top: 0.25rem;
}

ul#foot-menu li.current_page_item,
ul#foot-menu li.current_page_parent{
	font-weight:1000;
}

#foot-menu > li {
    display: block;
    width: 100%;
}

#foot-menu > li > a {
	color:#FFF;
	font-size: 1.125rem;
}

div#foot-badges a img {
    display: block;
    width: auto;
    height: 70px;
}

div#foot-badges {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	row-gap: 1rem;
}

div#foot-section {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

div#credits {
    text-align: center;
    margin-top: 2rem;
    font-size: .875rem;
    letter-spacing: 1px;
}

div#credits a {
	color:#FFF;
	border-bottom:1px dotted;
}

section#rooms-tenby,
section#breakfast-tenby,
section#news-tenby{
    overflow: hidden;
    position: relative;
    height: 20rem;
}

div#rooms-intro-gal > div {
    border: 1.875rem solid #FFF;
    position: absolute;
    bottom: 0;
}

div#rooms-intro-gal {
    position: relative;
}

.head-banner {
    position: relative;
    min-height: 20rem;
}

.head-banner .head-banner-fg {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	color:#FFF;
	background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(transparent));
	background: linear-gradient(90deg, rgba(0,0,0,.5), transparent);
	z-index: 10;
}

.head-banner-bg {
    position: relative;
    z-index: -1;
    height: 100%;
    overflow:hidden;
}

section#rooms-intro {
    position: relative;
    z-index: 20;
}

.head-banner .head-banner-fg > div {
	height:100%;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
}

.head-banner .head-banner-fg h1 {
	font-size:6.5rem;
	margin:0;
	line-height:.75;
	margin-bottom: -.75rem;
}

div#amenities ul {
	display: block;
	-webkit-column-count: 2;
	column-count: 2;
	list-style: none;
	margin: 0 0 2rem;
	font-weight: 400;
	-webkit-column-gap: 1.5rem;
	column-gap: 1.5rem;
}

div#amenities ul li {
	margin-bottom:1.5rem;
	line-height:2rem;
}

div#rooms-intro-txt {
    font-size: 1.25rem;
    line-height: 1.25;
    padding: 2.5rem 2.5rem 2.5rem 0;
    color: #506638;
    font-weight: 300;
}

div#rooms-intro-txt p {
    font-size: inherit;
    line-height: inherit;
}

#amenities > p:nth-child(1) {
	font-weight:700;
	text-transform:uppercase;
}

div#amenities ul li span {
	display:inline-block;
	margin-left:.5rem
}

#amenities > ul > li > img,
ul.room-amenities img {
	max-width:2rem;
	max-height:2rem;
}

.gal-count {
    position: absolute;
    bottom: 0.75rem;
    left: 0.75rem;
    background: rgba(0,0,0,0.4);
    color: #FFF;
    width: auto;
    padding: .5rem .75rem;
	font-weight:700;
	font-size:1.5rem;
	margin:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-webkit-column-gap:.5rem;
	        column-gap:.5rem;
	border-radius:.75rem;
	pointer-events:none;
}

.room-gallery.cell.small-12.medium-4 {
    position: relative;
}

.room-gallery .gal-count {
    left: auto;
    right: .75rem;
}

div.room-details.cell.small-12.medium-8 > h3 span.room-sep {
    font-weight: 700;
    color: #b4ba6e;
}

.room-details h2 {
    color: #b4ba6e;
    margin-bottom: 0;
    font-size: 3.75rem;
}

div.room-details.cell.small-12.medium-8 > h3 {
	font-family: 'din-2014', Helvetica, sans-serif;
	font-weight:600;
	color:#506638;
	font-size: 1.875rem;
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	position: relative;
}

div.room-details.cell.small-12.medium-8 > h3:after {
	content:'';
	position:absolute;
	width:100%;
	max-width:12.5rem;
	height:.25rem;
	background:#b4ba6e;
	bottom:-0.125rem;
	left:0;
}

.room-wrapper.cell.small-12.grid-x {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 2.5rem;
}

.room-details.cell.small-12.medium-8 {
    padding: 2.5rem;
    font-size: 1.25rem;
    color: #506638;
}

ul.room-amenities {
    list-style: none;
    margin: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 1.5rem;
            column-gap: 1.5rem;
}

ul.room-amenities img {
	max-width:3.5rem;
	max-height:3.5rem;
}

ul.room-amenities span {
	line-height:3.5rem;
	font-weight: 600;
	margin-left: .5rem;
	margin-right: 1rem;
}

div#rooms-intro-txt .link-button {
    font-size: 1.875rem;
}

.parallax-contain.strip {
	height:auto;
	background: -webkit-gradient(linear, left top, right top, from(rgb(80 102 56 / 50%)), to(rgb(80 102 56 / 5%)));
	background: linear-gradient(90deg, rgb(80 102 56 / 50%), rgb(80 102 56 / 5%));
}

@-webkit-keyframes plxstrip {
  to {
	bottom: -100%;
	}
}

@-webkit-keyframes plxstrip-rooms {
  to {
	bottom: -142%;
	}
}

@-webkit-keyframes plxstrip-breakfast {
  to {
	bottom: -140%;
	}
}

@-webkit-keyframes plxstrip-news {
  to {
	bottom: -90%;
	}
}

.parallax-contain.strip .parallax-image {
    bottom: -200%;
    -webkit-animation: plxstrip 1s linear;
            animation: plxstrip 1s linear;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-animation-delay: calc(calc(var(--scroll)*1) * -1s);
    animation-delay: calc(calc(var(--scroll)*1) * -1s);
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    z-index: -1;
}

#rooms-tenby .parallax-contain.strip .parallax-image {
	bottom: 100%;
	-webkit-animation: plxstrip-rooms 1s linear;
	        animation: plxstrip-rooms 1s linear;
	-webkit-animation-delay: calc(calc(var(--scroll)*1.5) * -1s);
	animation-delay: calc(calc(var(--scroll)*1.5) * -1s);
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
	-webkit-animation-delay: calc(calc(var(--scroll)*1) * -1s);
	animation-delay: calc(calc(var(--scroll)*1) * -1s);
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

#rooms-tenby > div.grid-container.grid-x,
#breakfast-tenby > div.grid-container.grid-x,
#news-tenby > div.grid-container.grid-x{
	color:#FFF;
}

section[id$='-tenby'] {
	height: 20rem;
    position: relative;
    color: #FFF;
}

.parallax-contain.strip+div h1 {
	font-size:6.25rem;
}

.parallax-contain.strip+div .link-button {
	font-size:1.875rem;
}

main .sbr-owl-prev, main .sbr-owl-next {
    top: auto;
    bottom: 0;
}

#breakfast-tenby .parallax-contain.strip .parallax-image {
	bottom: -50%;
	-webkit-animation: plxstrip-breakfast 1s linear;
	        animation: plxstrip-breakfast 1s linear;
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: calc(calc(var(--scroll)*2.5) * -1s);
	animation-delay: calc(calc(var(--scroll)*2.5) * -1s);
}

div#breakfast-gal {
    border: 2rem solid #FFF;
    position: absolute;
    top: -9.6875rem;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    z-index: 10;
    -webkit-column-gap: 2rem;
            column-gap: 2rem;
    row-gap: 2rem;
    background: #FFF;
    overflow: hidden;
}

#breakfast-intro > div {
    position: relative;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

div#breakfast-gal > div {
    max-height: 50%;
    position: relative;
    padding-bottom: 50%;
    width: calc(50% - 1rem);
}

.breakfast-img > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}

div#breakfast-intro-txt {
    padding: 1.5rem 5rem 2.5rem 0;
    font-size: 1.125rem;
    color: #506638;
}

#breakfast-intro-txt > div:first-child {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    position: relative;
}

#breakfast-intro-txt > div:first-child:after {
	content: '';
	width:35%;
	height:.25rem;
	background:#b4ba6e;
	position:absolute;
	bottom:.125rem;
}

div#bar-gal-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    row-gap: 1.5rem;
    -webkit-column-gap: 1.5rem;
            column-gap: 1.5rem;
    margin-top: 1.5rem;
}

div#bar-gal-wrap > a:first-child {
	-webkit-box-flex:1;
	    -ms-flex:1 1 100%;
	        flex:1 1 100%;
	width:100%;
	height: 540px;
}

div#bar-gal-wrap > a {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 calc(33.333333% - 1rem);
	        flex: 0 0 calc(33.333333% - 1rem);
	width: calc(33.333333% - 1rem);
	position:relative;
}

div#bar-gal-wrap > a > img {
	width:100%;
	height:100%;
	-o-object-fit:cover;
	   object-fit:cover;
}

section#breakfast-bar {
    padding: 1.5rem 0;
}

div#bar-text {
    padding: 1.5rem 5rem 1.5rem 1.5rem;
}

div#bar-text h1 {
    font-size: 6.25rem;
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem;
    position: relative;
    color: #506638;
}

div#bar-text h1:after {
	content:'';
	position:absolute;
	width: 50%;
	height:4px;
	display:block;
	bottom: -2px;
	left:0;
	background: #b4ba6e;
}

#bar-text > div {
    font-size: 1.25rem;
    color: #506638;
}

body.blog article.cell {
    background: #f0f1e2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    color: #506638;
    height: 27.5rem;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	width:calc(50% - .75rem);
}

.post-img.cell.small-12.medium-6 {
	width: 380px;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 380px;
	        flex: 0 0 380px;
	max-width: 380px;
	margin-right: 0;
	margin-left: auto;
}

.post-img.cell.small-12.medium-6 > a {
    background: #d8dcb6;
    display: grid;
    place-content: center;
    width: 100%;
    height: 100%;
	position:relative;
}

article.cell .post-img img {
	width:100%;
	height:100%;
	-o-object-fit:cover;
	   object-fit:cover;
	position:absolute;
}

article.cell .post-img img.default {
    width: 90%;
    height: 90%;
    padding-top: 2.5rem;
    padding-bottom: 1.5rem;
}

section#news-index {
    padding: 2.5rem 0;
}

.post-text {
    padding: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

body.blog span.posted-on {
    font-weight: 700;
    font-size: 1.375rem;
    margin-bottom: 0;
    display: block;
}

body.blog article.cell h4 {
    font-size: 1.875rem;
    font-weight: 700;
    position: relative;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    color:#506638;
}

body.blog article.cell h4:after {
	position:absolute;
	content:'';
	width:50%;
	height:.25rem;
	bottom:-.125rem;
	display:block;
	background:#b4ba6e;
}

.post-details > p {
    font-size: 1rem;
    text-align: left;
    color: #506638;
}

div.post-details+.link-button {
	font-size:1.625rem;
}

body.blog article.cell:hover {
    background: #d8dcb6;
}

span > time.published+time.updated {
    display: none;
}

#news-index > div {
	-webkit-box-pack:justify;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
	row-gap: 1.5rem;
}

div#alm-wrapper {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.ajax-load-more {
    cursor: pointer;
    padding: .5rem 1rem 0 1rem;
    background: #7b9855;
    color: #FFF;
    font-weight: 500;
    font-family: 'zuume', helvetica, sans-serif;
    font-size: 1.625rem;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

.ajax-load-more:hover {
	background:#506638;
}

#news-tenby .parallax-contain.strip .parallax-image {
    bottom: 300%;
	-webkit-animation: plxstrip-news 1s linear;
	        animation: plxstrip-news 1s linear;
    -webkit-animation-delay: calc(calc(var(--scroll)*1.325) * -1s);
    animation-delay: calc(calc(var(--scroll)*1.325) * -1s);
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

body.single .head-banner h1+span {
    font-size: 1.5rem;
    margin-top: .75rem;
    display: block;
}

.popup-gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    row-gap: .75rem;
    -webkit-column-gap: .75rem;
            column-gap: .75rem;
    margin: 1.5rem 0;
}

.popup-gallery a {
	width: calc(33.3333% - .5rem);
	border-radius: 0.25rem;
	overflow: hidden;
}

a.popup-item.hidden {
    display: none;
}

.popup-gallery a.popup-item.more {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

a.popup-item.more > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

a.popup-item.more > span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: grid;
    place-content: center;
    background: rgb(80 102 56 / 70%);
    color: #FFF;
    font-size: 3rem;
    font-family: 'zuume', Helvetica, sans-serif;
    padding: 2.5rem;
    line-height: 1;
    text-align: center;
}

#post-wrap {
	padding:1.5rem 0;
}

#post-wrap .post-row {
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-ms-flex-line-pack:center;
	    align-content:center;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
}

#post-wrap .post-row+.post-row {
    margin-top: 3.5rem;
}

.post-row .cell.img img {
	width:100%;
}

.post-row .cell.img .caption-wrapper {
	background:#d8dcb6;
	padding:0 0 .25rem 0;
	text-align:center;
	border-radius: .25rem;
	overflow: hidden;
}

.post-row .cell.img .caption-wrapper p {
	margin:0.5rem 0;
	display:block;
	font-style:oblique;
}

.post-row .cell.text {
	font-size:1.125rem;
	color:#506638;
}

.post-row .cell.text p {
	font-weight:300;
	line-height: 1.25;
}

.post-row .cell.text h1,
.post-row .cell.text h2,
.post-row .cell.text h3,
.post-row .cell.text h4,
.post-row .cell.text h5,
.post-row .cell.text h6{
	color:#7b9855;
	font-weight:400;
}
	
.post-row .cell.text h1,
section#default h1{
	font-size:3.75rem;	
}

.post-row .cell.text h2,
section#default h2{
	font-size:3.25rem;	
}

.post-row .cell.text h3,
section#default h3{
	font-size:2.75rem;	
}

.post-row .cell.text h4,
section#default h4{
	font-size:2.25rem;	
}

.post-row .cell.text h5,
section#default h5{
	font-size:2rem;	
}

.post-row .cell.text h6,
section#default h6{
	font-size:1.75rem;	
}

#post-wrap .post-row .text :last-child {
	margin:0;
}

.responsive-iframe {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    border-radius: 0.25rem;
    overflow: hidden;
}

.responsive-iframe iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.post-row .cell.text {
	padding-right:5rem;
}

.post-row .cell+.cell.text {
	padding-right:0;
	padding-left:5rem;
}

section#breadcrumbs-outer {
    padding: 1.5rem 0 0;
}

div#breadcrumbs span, div#breadcrumbs a {
    color: #506638;
    display:inline-block;
    line-height: 1;
}

div#breadcrumbs a { 
	border-bottom:2px dotted;
}

section#default .cell {
    color: #506638;
    font-weight: 300;
}

section#default h1 {
	color:#7b9855;
}

section#default {
    padding: 2.5rem 0;
}

div.head-banner-bg > img.img-strip {
    min-height: 20rem;
    -o-object-fit: cover;
       object-fit: cover;
}

div#contact-map {
	width:100%;
	height:30rem;
	position: relative;
}

.map-wrap {
    position: relative;
    width: 100%;
    height: 100%;
}

.map-wrap .map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.map-fg {
    position: absolute;
    left: 0;
    bottom: 1.5rem;
    width: 100%;
	pointer-events:none;
}

.map-fg .link-button {
	font-size:1.5rem;
	pointer-events:all;
}

section#contact-form-details {
    background: #e8ead3;
    padding: 4rem 0 2rem 0;
}

#contact-form-details > div {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row nowrap;
	        flex-flow: row nowrap;
	-webkit-box-pack:justify;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
}

div#cf-graphic > img {

}

div#cf-text-wrap {
    color:#506638;
    max-width: 30rem;
}

div#cf-text-wrap h1 {
	font-weight:700;
	font-size: 5rem;
	line-height: .625;
	margin-top: .75rem;
	margin-bottom: 2.5rem;
}

div#cf-text-wrap > div {
	margin-top:1.5rem;
	padding-top:1.5rem;
	position:relative;
	font-size: 1.325rem;
	font-weight: 400;
}

div#cf-text-wrap > div:before {
	content:'';
	position:absolute;
	width:25%;
	height:.25rem;
	top:-.125rem;
	display:inline-block;
	background:#b4ba6e;
}

div#cf-text {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 53%;
}

.cf-contact-row h2 {
    font-family: 'din-2014', Helvetica, sans-serif;
    font-size: 1.875rem;
    font-weight: 600;
	margin-bottom:.75rem;
}

.form-contact-item.sm img {
    width: 2rem;
    height: 2rem;
}

.cf-contact-row span {
    width: 7.5rem;
    display: inline-block;
	line-height:1;
}

.form-contact-item.tel, .form-contact-item.eml {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	margin-bottom:.75rem
}

.form-contact-item a {
    border-bottom: 2px dotted;
    line-height: 1;
    color: #506638;
    font-weight: 700;
}

.form-contact-item.add p {
    line-height: 1.325;
}

#cf-form textarea#input_1_5 {
    height: 12.5rem;
}

div#mobile-menu-outer {}