/**
 * Theme Name: Mackays WordPress Theme
 * Description: Blocksy Child theme
 * Author: Henriette Stewart
 * Template: blocksy
 * Text Domain: blocksy
 */

/*------------------------------------*\
    GLOBAL
\*------------------------------------*/

.main-container{
	max-width: 1800px;
    margin: auto;
}
p a,
.entry-content li a{
	text-decoration: underline;
}
.entry-content ul, .entry-content ol{
	padding: 0 0 0 1em !important;
    list-style: none !important;
}
.entry-content ul li, .entry-content ol li{
	position: relative;
}
.entry-content ul li:before, .entry-content ol li:before{
	position: absolute;
	content: "-";
	left: -12px;
    font-size: 18px;
    line-height: normal;
}

a.property-slide-link{
	display: block;
}
.property-slide{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #000;
}
.property-slide p{
	position: absolute;
	margin-bottom: 0;
	font-family: 'Montserrat', 'Sans-Serif';
	color: #fff;
	font-size: 24px;
	text-transform: uppercase;
	pointer-events: none;
	letter-spacing: 1px;
}
.property-slide img{
	opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.property-slide img:hover{
	opacity: 0.5;
}

a.scroll-to{
	display: block;
	text-align: center;
}
/* make second top bar on search results page use the brand colour */
.search-results #header div div{
	background-color: #9A977E;
}
/*------------------------------------*\
    HEADER
\*------------------------------------*/

/* move off-canvas slide-out menu down to sit just inline with top element */
.ct-panel-inner{
	margin-top: 60px;
	/*padding-top: 60px;*/
}

a.ct-menu-link{
	text-transform: uppercase !important;
}
/* hide menu button when off-canvas panel is open */
button.ct-header-trigger.ct-toggle[aria-expanded="true"]{
	display: none;
}

/* header menu styles */
nav[class*=menu] li[class*=current-menu-]>a, nav[class*=menu] li[class*=current-menu-]>.ct-sub-menu-parent{
	font-weight: 700;
}
nav[class*=menu] li a:hover{
	font-weight: 700;
}

.top-bar-text{
	text-align: left;
	margin-bottom: 0!important;
	font-size: 14px;
	max-width: 140px;
	letter-spacing: normal;
}
@media (min-width: 380px){
	.top-bar-text{
		font-size: 16px;
		max-width: 200px;
		letter-spacing: 1.6px;
	}
}
@media (min-width: 800px){
	.top-bar-text{
		text-align: center;
		font-size: 20px;
		max-width: 100%;
	}
}
@media (min-width: 1000px){
	.top-bar-text{
		font-size: 24px;
	}
}

a.top-bar-button-link{
	position: absolute;
    top: 0;
    right: 0;
    color: #676638;
    background: #ffffff;
    font-size: 20px;
    line-height: 1;
    margin: 5px 22px 0 0;
    padding: 15px 20px;
    letter-spacing: normal;
}

.error404 .ct-header [data-row*="bottom"]{
	background-color: transparent;
}
.error404 .ct-container-full{
	margin-top: -140px;
}
/*------------------------------------*\
    BLOCKS
\*------------------------------------*/

.wp-block-quote.is-style-default{
	position: relative;
	border-left: 0px !important;
}
.wp-block-quote.is-style-default::before{
	position: absolute;
	content: '';
	display: inline-block;
	/*background: url('https://localhost/projects/V/visitdurness.com/wp-content/themes/blocksy-child/quote-left.png');*/
	/*background: url('https://staging.visitdurness.com/wp-content/themes/blocksy-child/quote-left.png');*/
	background: url('https://www.visitdurness.com/wp-content/themes/blocksy-child/quote-left.png');
	background-size: 100%;
/*	width: 60px;
    height: 48px;
    left: -40px;
    top: -10px;*/
	width: 35px;
    height: 27px;
    left: -12px;
    top: -6px;
}
@media (min-width: 650px){
	.wp-block-quote.is-style-default::before{
	    width: 45px;
	    height: 35px;
	    left: -26px;
	    top: -8px;	
	}
}
a.wp-element-button{
	line-height: normal;
	padding: 15px 20px;
}

#text_slider > .owl-stage-outer > .owl-stage > .owl-item > div{
	display: flex;
	align-items: center;
	justify-content: left;
}
.mackays-video-overlay-text .swiper-fade .swiper-slide{
	opacity: 0 !important;
}
.mackays-video-overlay-text .swiper-fade .swiper-slide-active{
	opacity: 1 !important;
}
#text_slider > .owl-stage-outer > .owl-stage > .owl-item > div > div{
	margin: auto;
	color: #fff;
    font-size: 16px;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-align: center;
    line-height: normal;
    padding-top: 100px;
}
.mackays-video-overlay-text .gutslider-testimonial-wrapper p.gutslider-testimonial{
	padding-top: 100px;
}
@media (min-width: 500px){
	#text_slider > .owl-stage-outer > .owl-stage > .owl-item > div > div,
	.mackays-video-overlay-text .gutslider-testimonial-wrapper p.gutslider-testimonial{
	    font-size: 20px;
	    padding-top: 70px;
	    line-height: 1.2;
	}
}
@media (min-width: 600px){
	#text_slider > .owl-stage-outer > .owl-stage > .owl-item > div > div,
	.mackays-video-overlay-text .gutslider-testimonial-wrapper p.gutslider-testimonial{
	    font-size: 30px;
	    padding-top: 60px;
	    line-height: 1.2;
	}
}
@media (min-width: 800px){
	#text_slider > .owl-stage-outer > .owl-stage > .owl-item > div > div,
	.mackays-video-overlay-text .gutslider-testimonial-wrapper p.gutslider-testimonial{
	    font-size: 40px;
	    padding-top: 50px;
	    line-height: 1.2;
	}
}
@media (min-width: 1000px){
	#text_slider > .owl-stage-outer > .owl-stage > .owl-item > div > div,
	.mackays-video-overlay-text .gutslider-testimonial-wrapper p.gutslider-testimonial{
	    font-size: 50px;
	    padding-top: 0;
	    line-height: 1.2;
	}
}
.owl-prev-icon{
	fill: #676638;
}
.owl-carousel.sa_owl_theme .owl-nav .owl-prev{
    left: -10px;
}
.owl-carousel.sa_owl_theme .owl-nav .owl-next {
    right: -10px;
}

#text_slider > .owl-stage-outer > .owl-stage > .owl-item.animated {
  animation-duration: 100ms;
  animation-fill-mode: both;
}

.wp-block-gutsliders-testimonial-slider.mackays-testimonial-slider .author-photo-outer .author-photo{
	height: auto !important;
	padding-bottom: 20px;
}

.wp-block-cover.video-header,
.entry-content > .wp-block-cover.alignfull{
	min-height: 350px !important;
}
@media (min-width: 600px){
	.wp-block-cover.video-header,
	.entry-content > .wp-block-cover.alignfull{
		min-height: 54vw !important;
	}
}

.entry-content > .wp-block-cover.alignfull > div > h1{
	padding-top: 100px;
}
@media (min-width: 899px){
	.entry-content > .wp-block-cover.alignfull > div > h1{
		padding-top: 10%;
	}
}
@media (min-width: 1200px){
	.entry-content > .wp-block-cover.alignfull > div > h1{
		padding-top: 5%;
	}
}
@media (min-width: 1300px){
	.entry-content > .wp-block-cover.alignfull > div > h1{
		padding-top: 0;
	}
}
.entry-content > .wp-block-cover.alignfull > div a.scroll-to{
	display: none;
}
@media (min-width: 1000px){
	.entry-content > .wp-block-cover.alignfull > div a.scroll-to{
		display: block;
	}
}

@media (max-width: 500px){
	.entry-content > .wp-block-cover.alignfull > div > h1.wp-block-heading{
		font-size: 22px !important;
	}
}
@media (max-width: 650px){
	.entry-content > .wp-block-cover.alignfull > div > h1.wp-block-heading{
		font-size: 28px !important;
	}
}

.black #properties_slider.sa_owl_theme .owl-nav .owl-prev{
	/*background: url('https://staging.visitdurness.com/wp-content/themes/blocksy-child/ios-arrow-backward.png') no-repeat center center !important;*/
	background: url('https://www.visitdurness.com/wp-content/themes/blocksy-child/ios-arrow-backward.png') no-repeat center center !important;
}
.black #properties_slider.sa_owl_theme .owl-nav .owl-next{
	/*background: url('https://staging.visitdurness.com/wp-content/themes/blocksy-child/ios-arrow-forward.png') no-repeat center center !important;*/
	background: url('https://www.visitdurness.com/wp-content/themes/blocksy-child/ios-arrow-forward.png') no-repeat center center !important;
}

/* make text-media block text content line up with contained content */
@media (max-width: 600px){
	.wp-block-media-text.alignfull.is-stacked-on-mobile .wp-block-media-text__content{
    	margin-left: 6%;
    	margin-right: 6%;
	}
}
@media (min-width: 601px) and (max-width: 687px){
	.wp-block-media-text.alignfull.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__content{
		padding-left: 6vw;
	}
	.wp-block-media-text.alignfull.is-stacked-on-mobile .wp-block-media-text__content:not(.wp-block-media-text.alignfull.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__content){
		padding-right: 6vw;
	}
}
@media (min-width: 688px) and (max-width: 1500px){
	.wp-block-media-text.alignfull.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__content{
		padding-left: 5vw;
	}	
	.wp-block-media-text.alignfull.is-stacked-on-mobile .wp-block-media-text__content:not(.wp-block-media-text.alignfull.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__content){
		padding-right: 5vw;
	}
}
@media (min-width: 1501px) and (max-width: 1600px){
	.wp-block-media-text.alignfull.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__content{
		padding-left: 7.2vw;
	}	
	.wp-block-media-text.alignfull.is-stacked-on-mobile .wp-block-media-text__content:not(.wp-block-media-text.alignfull.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__content){
		padding-right: 7.2vw;
	}
}
@media (min-width: 1601px) and (max-width: 1700px){
	.wp-block-media-text.alignfull.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__content{
		padding-left: 9vw;
	}	
	.wp-block-media-text.alignfull.is-stacked-on-mobile .wp-block-media-text__content:not(.wp-block-media-text.alignfull.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__content){
		padding-right: 9vw;
	}
}
@media (min-width: 1701px){
	.wp-block-media-text.alignfull.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__content{
		padding-left: 10vw;
	}	
	.wp-block-media-text.alignfull.is-stacked-on-mobile .wp-block-media-text__content:not(.wp-block-media-text.alignfull.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__content){
		padding-right: 10vw;
	}
}
.wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__content{
	padding-left: 0;
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content:not(.wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__content){
	padding-right: 0;
}


/*------------------------------------*\
    CUSTOM CLASSES
\*------------------------------------*/

.white-text,
.white-text a{
	color: #fff;
}
.white-text a:hover{
	color: #DDDCD4;
}

/* center items in gallery block horizontally */
.align-center-horizontal > figure{
	margin-bottom: unset !important;
}

.eb-garamond-font{
	font-family:  'EB Garamond';
}
.montserrat-font{
	font-family: 'Montserrat', 'Sans-Serif';
}
/* force button to use EB Garamond font with specificity */
.eb-garamond-font a.wp-block-button__link{
	font-family:  'EB Garamond';
}

.no-margin-top{
	margin-top: 0px !important;
}
.no-margin-bottom{
	margin-bottom: 0px !important;
}

.letter-spacing-one-px{
	letter-spacing: 1px;
}

.line-height-normal{
	line-height: normal !important;
}

.no-text-decoration,
p.no-text-decoration > a{
	text-decoration: none;
}

.p-border-bottom{
	border-bottom: 1px solid;
    width: fit-content;
    margin: auto;
    max-width: 500px;
    line-height: normal;
    padding-bottom: 6px;
}
.p-maxwidth-500{
    width: fit-content;
    margin: auto;
    max-width: 500px;
    line-height: normal;
}

.button-min-width-210 a{
	min-width: 210px;
}


@media (min-width: 0px) and (max-width: 676px){
	.hide-on-mobile{
		display: none !important;
	}
}
@media (min-width: 678px){
	.hide-on-desktop{
		display: none !important;
	}
}
@media (max-width: 1299px){
	.hide-smaller-than-1300{
		display: none !important;
	}
}

.image-text-link-card{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center; 
	text-align: center;
}
.image-text-link-card a{
	display: block;
}
.image-text-link-card a:before {
    content:'';
    position:absolute;
    width:100%; 
    height:100%;
    top:0; 
    left:0;
    background:#000;
    opacity:0;
    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.image-text-link-card a:before {
    opacity: 0.3;
}
.image-text-link-card a:hover:before {
    opacity:0.75;
}
.image-text-link-card > p{
	position: absolute;
	color: #fff;
	font-size: 35px;
    letter-spacing: 3px;
    line-height: normal;
    pointer-events: none;
    text-transform: uppercase;
}
@media (min-width: 555px){
	.image-text-link-card > p{
		font-size: 55px;
	}
}
@media (min-width: 782px){
	.image-text-link-card > p{
		font-size: 35px;
	}
}
@media (min-width: 1024px){
	.image-text-link-card > p{
		font-size: 55px;
	}
}

.wp-block-details.read-more-expand{
	margin: 0;
}
.wp-block-details.read-more-expand ul{
	margin-top: 10px;
}
.wp-block-details.read-more-expand summary{
	font-family: 'EB Garamond', Sans-Serif;
	font-size: 20px;
	color: #676638;
	margin-left: -6px;
}
.wp-block-details.read-more-expand summary::marker{
	color: transparent;
}
.wp-block-details.read-more-expand summary:after{
	content: '';
	display: block;
	color: #676638;
	border-bottom: 1px solid #676638;
	width: 87px;
	margin-left: 20px;
}
.center-content-vertially-in-container{
	display: flex;
	align-items: center;
}

.full-height-button,
.full-height-button > div,
.full-height-button > div > a{
	height: 100%;
}

@media (max-width: 781px){
	.property-navigation-section p.has-text-align-right,
	.property-navigation-section p.has-text-align-center{
		text-align: left;
	}
	.property-navigation-section .is-content-justification-center{
		justify-content: left !important;
	}
}

@media (max-width: 450px){
	.disable-br-mobile br{
		display: none;
	}
}

@media (max-width: 767px){
	.short-height-mobile{
		height: 40px !important;
	}
}

/* start - .is-style-masonry */
.is-style-masonry{
   display:block !important;
}
.is-style-masonry .wp-block-image{
   width:100% !important;
   margin-bottom:var(--wp--style--unstable-gallery-gap) !important;
}
.is-style-masonry.columns-default {
   -webkit-columns: 1; /* Chrome, Safari, Opera */
   -moz-columns: 1; /* Firefox */
   columns: 1; /* Standard syntax */
}
.is-style-masonry.columns-1 {
   -webkit-columns: 1; /* Chrome, Safari, Opera */
   -moz-columns: 1; /* Firefox */
   columns: 1; /* Standard syntax */
}
.is-style-masonry.columns-2 {
   -webkit-columns: 1; /* Chrome, Safari, Opera */
   -moz-columns: 1; /* Firefox */
   columns: 1; /* Standard syntax */
}
.is-style-masonry.columns-3 {
   -webkit-columns: 1; /* Chrome, Safari, Opera */
   -moz-columns: 1; /* Firefox */
   columns: 1; /* Standard syntax */
}
.is-style-masonry.columns-4 {
   -webkit-columns: 1; /* Chrome, Safari, Opera */
   -moz-columns: 1; /* Firefox */
   columns: 1; /* Standard syntax */
}
.is-style-masonry.columns-5 {
   -webkit-columns: 1; /* Chrome, Safari, Opera */
   -moz-columns: 1; /* Firefox */
   columns: 1; /* Standard syntax */
}
.is-style-masonry.columns-6 {
   -webkit-columns: 1; /* Chrome, Safari, Opera */
   -moz-columns: 1; /* Firefox */
   columns: 1; /* Standard syntax */
}
.is-style-masonry.columns-7 {
   -webkit-columns: 1; /* Chrome, Safari, Opera */
   -moz-columns: 1; /* Firefox */
   columns: 1; /* Standard syntax */
}
.is-style-masonry.columns-8 {
   -webkit-columns: 1; /* Chrome, Safari, Opera */
   -moz-columns: 1; /* Firefox */
   columns: 1; /* Standard syntax */
}
@media (min-width: 678px){
	.is-style-masonry.columns-default {
	   -webkit-columns: 3; /* Chrome, Safari, Opera */
	   -moz-columns: 3; /* Firefox */
	   columns: 3; /* Standard syntax */
	}
	.is-style-masonry.columns-1 {
	   -webkit-columns: 1; /* Chrome, Safari, Opera */
	   -moz-columns: 1; /* Firefox */
	   columns: 1; /* Standard syntax */
	}
	.is-style-masonry.columns-2 {
	   -webkit-columns: 2; /* Chrome, Safari, Opera */
	   -moz-columns: 2; /* Firefox */
	   columns: 2; /* Standard syntax */
	}
	.is-style-masonry.columns-3 {
	   -webkit-columns: 3; /* Chrome, Safari, Opera */
	   -moz-columns: 3; /* Firefox */
	   columns: 3; /* Standard syntax */
	}
	.is-style-masonry.columns-4 {
	   -webkit-columns: 4; /* Chrome, Safari, Opera */
	   -moz-columns: 4; /* Firefox */
	   columns: 4; /* Standard syntax */
	}
	.is-style-masonry.columns-5 {
	   -webkit-columns: 5; /* Chrome, Safari, Opera */
	   -moz-columns: 5; /* Firefox */
	   columns: 5; /* Standard syntax */
	}
	.is-style-masonry.columns-6 {
	   -webkit-columns: 6; /* Chrome, Safari, Opera */
	   -moz-columns: 6; /* Firefox */
	   columns: 6; /* Standard syntax */
	}
	.is-style-masonry.columns-7 {
	   -webkit-columns: 7; /* Chrome, Safari, Opera */
	   -moz-columns: 7; /* Firefox */
	   columns: 7; /* Standard syntax */
	}
	.is-style-masonry.columns-8 {
	   -webkit-columns: 8; /* Chrome, Safari, Opera */
	   -moz-columns: 8; /* Firefox */
	   columns: 8; /* Standard syntax */
	}
}
/* end - .is-style-masonry */

/*------------------------------------*\
    FOOTER
\*------------------------------------*/

@media (min-width: 999.99px){
	/* change grid sizes to allow room for the logo and other spacing according to original design */
	[data-footer*="type-1"] .ct-footer [data-row*="top"] > div{
		--grid-template-columns: 3fr 4fr;
	}
	[data-footer*="type-1"] .ct-footer [data-row*="middle"] > div{
		--grid-template-columns: 3fr 1.20fr 1.20fr 1fr 0.50fr;
	}
	[data-footer*="lOQUKm"] .ct-footer [data-row*="top"] > div{
		--grid-template-columns: 3fr 1.20fr 1.20fr 1fr 0.50fr;
	}
	/* create space between logo and next thing to the right */
	.footer-logo{
		margin-right: 15% !important;
	}
}
.footer-logo{
	max-width: 300px;
}
@media (min-width: 1000px){
	.footer-logo{
		max-width: 500px;
	}
}
.top-footer-menu li{
	display: inline;
	padding: 0 2.5vw 0 0;
}
.top-footer-menu a{
	color: #fff;
	font-size: 16px;
}
.footer-menu li{
	line-height: normal;
	padding: 0 6px 3px 0;
}
@media (min-width: 1000px){
	.footer-menu li{
		padding: 0 6px 10px 0;
	}	
}
.footer-menu a{
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
}
.top-footer-menu a:hover,
.footer-menu a:hover{
	color: #DDDCD4;
	text-decoration: underline;
}
.footer-contact p{
	color: #fff;
	font-size: 13px;
	margin-bottom: 0;
	line-height: normal;
	padding: 0 10px 6px 0;
}
@media (min-width: 1000px){
	.footer-contact p{
		padding: 0 10px 16px 0;
	}
}
.footer-contact p a{
	color: #fff;
	text-decoration: none;
}
.footer-contact p a:hover{
	color: #DDDCD4;
	text-decoration: underline;
}
ul.shop-footer-menu{
	list-style: none;
	padding: 0;
}
.shop-footer-menu a{
	text-decoration: none;
}
.shop-footer-menu a:hover{
	text-decoration: underline;
}
@media (min-width: 1000px){
	.footer-button{
		padding-bottom: 56px;
	}
	.footer-button a{
		line-height: 1;
	}
}
@media (max-width: 999px){
	.footer-cred{
		text-align: left;
	}	
}
@media (min-width: 1000px){
	.footer-cred{
		padding-right: 70px;
	}	
}
/* back to top svg icon */
.ct-back-to-top.ct-show:hover .ct-icon{
	fill: #706F68;
}