/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x
Site: Old Manse Dornoch
Developer: Urwin Studio https://www.urwinstudio.com

*/

#wpadminbar {
	z-index: 99999999!important;
}

.x-root {
    display: unset!important;
}

/******************** COLOURS ********************/

:root {
    --black: #000;
    --white: #fff;
    --blue: #1d505e;
	--grey: #e8edef;
}

/******************** MASTER LAYOUT ********************/

html {
	scroll-behavior:smooth;
}

body {
	line-height: 1.3em;
}

.entry-wrap {
	padding: 0!important;
} 

.site {
	background-color: var(--white);
	background-image: url(/wp-content/uploads/2024/05/tile-repeat.png);
	background-repeat: repeat;
}

@media screen and (min-width: 768px) {
	
	.entry-content.content {
		margin: 0;
	}
	
}

.single .hentry .entry-wrap {
	border-bottom: 0!important;
}

@media screen and (max-width: 1199px) {
	
	.desktopWrapper {
		display: none;
	}
	
}

@media screen and (min-width: 1200px) {
	
	.mobileWrapper {
		display: none;
	}	
	
}

/******************** HOLDING ********************/

body.holding h1,
body.holding h2,
body.holding h3,
body.holding p,
body.holding a {
    color: var(--white)!important;
}

body.holding .x-main.full a {
    text-decoration: underline!important;
}

body.holding,
body.holding .site {
	background-color: var(--blue)!important;
    background-image: url(/wp-content/uploads/2024/03/tile.png)!important;
    background-repeat: repeat!important;
}

body.holding .entry-content.content {
	background-color: transparent!important;
}

body.holding #x-content-band-1 .x-container.max.width.wpb_row {
    display: flex;
    height: 100vh;
}

body.holding #x-content-band-1 .x-1-1 {
    height: 100vh;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

body.booking .x-main.full a {
    color: var(--blue)!important;
    text-decoration: underline;
}

.padT {
    padding-top: 60px!important;
}

.padB {
    padding-bottom: 60px!important; 
}

.rowCalendar .x-1-1 {
    background-color: #efefef!important;
    padding-top: 60px;
    padding-bottom: 60px;
    text-align: center;
}

/******************** BOOKING ********************/

.rowBooking .x-container.max.width.wpb_row {
	background-color: rgba(29,80,94,0.1)!important;
}

.entry-content .rowBooking table {
	background-color: transparent!important;
	padding: 50px 50px 0 50px;
}

.entry-content .rowBooking table:last-of-type {
	padding: 20px 50px 50px 50px;
}

.entry-content .rowBooking table td {
	border-top: 0!important;
	border-bottom: 1px solid var(--blue)!important;
}

.entry-content .rowBooking table th {
	padding: 10px 0!important;
	background-color: transparent!important;
	border-top: 0!important;
	border-bottom: 1px solid var(--blue)!important;
}

.entry-content .rowBooking table td {
	padding: 10px 0!important;
	background-color: transparent!important;
}

@media screen and (max-width: 767px) {
	
	.wpbs-calendars {
		padding: 20px 20px 10px 20px;
		margin-top: 0;
		margin-bottom: 10px;
	}
	
}

@media screen and (min-width: 768px) {
	
	.wpbs-calendars {
		padding: 30px 0 30px 50px;
		margin-top: 0;
		margin-bottom: 20px;
	}	
	
}

.wpbs-container[data-columns] .wpbs-calendars .wpbs-calendar {
	float: none;
	text-align: center;
	margin: 0 auto;
	text-align: center!important;
}

.wpbs-legend {
	border: 0;
	text-align: center;
	margin: 30px 0 0 0!important;
}

.wpbs-legend-item-icon.wpbs-legend-item-icon-1 {
	border: 1px solid #ccc;
}

.wpbs-legend-item-icon.wpbs-legend-item-icon-3 {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

.wpbs-legend-item-icon.wpbs-legend-item-icon-4 {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.wpbs-calendars-wrapper.wpbs-legend-position-side {
	padding-right: 0!important;
}

/******************** TYPOGRAPHY ********************/

/*

Victorian Orchid Semibold
font-family: "victorian-orchid", serif;
font-weight: 600;
font-style: normal;

Gill Sans Nova Book
font-family: "gill-sans-nova", sans-serif;
font-weight: 400;
font-style: normal;

Gill Sans Nova Medium
font-family: "gill-sans-nova", sans-serif;
font-weight: 500;
font-style: normal;

*/

h1 {
    font-family: "victorian-orchid", serif!important;
    font-weight: 600!important;
    font-style: normal!important;
	color: var(--blue)!important;
	letter-spacing: 0em!important;
}

h1.entry-title {
	display: none;
}

h2 {
	font-family: "gill-sans-nova", sans-serif!important;
	font-weight: 400!important;
    font-style: normal!important;
	color: var(--blue)!important;
	letter-spacing: 0em!important;
}

h3 {
    font-family: "victorian-orchid", serif!important;
    font-weight: 600!important;
    font-style: normal!important;
	color: var(--blue)!important;
	letter-spacing: 0em!important;
}

h4 {
	font-family: "gill-sans-nova", sans-serif!important;
	font-weight: 500!important;
    font-style: normal!important;
	color: var(--blue)!important;
	letter-spacing: 0em!important;
}

body, p, ul, ol, th, tr, td {
	font-family: "gill-sans-nova", sans-serif!important;
	font-weight: 400!important;
    font-style: normal!important;
	color: var(--blue)!important;
	letter-spacing: 0!important;
}

.entry-wrap ol ol,
.entry-wrap ul ul,
.entry-wrap ol ul,
.entry-wrap ul ol,
.entry-content.content th p,
.entry-content.content td p
{
	font-size: 1.0em!important;
	font-size: 100%!important;
}

.x-content-band.vc.rowBannerTop {
	height: 100vh;
}

.x-content-band.vc.rowBannerTop .x-container.wpb_row {
    display: flex;
    height: 100vh;
}

.x-content-band.vc.rowBannerTop .x-1-1 {
    height: 100vh;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

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

	h1 {
		margin: 0 0 30px 0!important;
		font-size: 3em!important;
		line-height: 1.1em!important;
	}

	.rowBannerTop h1,
	.rowBanner h1 {
		padding: 0 15%!important;
	}
	
	h2 {
		margin: 0 0 40px 0!important;
		padding-bottom: 0!important;
		font-size: 1.6em!important;
		line-height: 1.2em!important;
	}

	.rowBannerTop h2,
	.rowBanner h2 {
		padding: 0 15%!important;
	}
	
	h3	{
		margin: 0 0 20px 0!important;
		font-size: 1.4em!important;
	}
	
	.entry-content p,
	.excerpt p,
	.entry-content ul,
	.entry-content ol,
	.entry-content th,
	.entry-content td	{
		font-size: 1.35em!important;
		line-height: 1.3em!important;
		letter-spacing: -0.02em;
		margin: 0 0 20px 0!important;
		padding: 0!important;
	}

}

@media screen and (min-width: 768px) and (max-width: 1279px) {

	h1 {
		margin: 0 0 30px 0!important;
		font-size: 3.5em!important;
		line-height: 1.1em!important;
	}

	.rowBannerTop h1,
	.rowBanner h1 {
		padding: 0 20%!important;
	}
	
	h2 {
		margin: 0 0 40px 0!important;
		padding-bottom: 0!important;
		font-size: 1.8em!important;
		line-height: 1.2em!important;
	}

	.rowBannerTop h2,
	.rowBanner h2 {
		padding: 0 20%!important;
	}
	
	h3	{
		margin: 0 0 20px 0!important;
		font-size: 1.5em!important; 
	}

	.entry-content p,
	.excerpt p,
	.entry-content ul,
	.entry-content ol,
	.entry-content th,
	.entry-content td {
		font-size: 1.4em!important;
		line-height: 1.3em!important;
		letter-spacing: -0.02em;
		margin: 0 0 20px 0!important;
		padding: 0!important;
	}
	
}

@media screen and (min-width: 1280px) {

	h1 {
		margin: 0 0 30px 0!important;
		font-size: 4em!important;
		line-height: 1.1em!important;
	}

	.rowBannerTop h1,
	.rowBanner h1 {
		padding: 0 25%!important;
	}
	
	h2 {
		margin: 0 0 40px 0!important;
		padding-bottom: 0!important;
		font-size: 2em!important;
		line-height: 1.2em!important;
	}

	.rowBannerTop h2,
	.rowBanner h2 {
		padding: 0 25%!important;
	}
	
	h3 {
		margin: 0 0 20px 0!important;
		font-size: 1.6em!important;
	}

	.entry-content p,
	.excerpt p,
	.entry-content ul,
	.entry-content ol,
	.entry-content th,
	.entry-content td	{
		font-size: 1.45em!important;
		line-height: 1.35em!important;
		letter-spacing: -0.02em;
		margin: 0 0 20px 0!important;
		padding: 0!important;
	}
	
}

/******************** TYPOGRAPHY ********************/

.rowBanner h1,
.rowBanner h2,
.rowBanner h3,
.rowBanner h4,
.rowBanner h5,
.rowBanner p,
.rowBanner ul,
.rowBanner ol,
.rowBanner a,
.rowBannerTop h1,
.rowBannerTop h2,
.rowBannerTop h3,
.rowBannerTop h4,
.rowBannerTop h5,
.rowBannerTop p,
.rowBannerTop ul,
.rowBannerTop ol,
.rowBannerTop a,
.rowBlue h1,
.rowBlue h2,
.rowBlue h3,
.rowBlue h4,
.rowBlue h5,
.rowBlue p,
.rowBlue ul,
.rowBlue ol,
.rowBlue a,
.rowFeatures a {
	color: var(--white)!important;
}

.rowBanner h1,
.rowBanner h2,
.rowBanner p,
.rowBanner a,
.rowBannerTop h1,
.rowBannerTop h2,
.rowBannerTop p,
.rowBannerTop a {
	text-shadow: 0px 0px 20px rgba(0,0,0,0.55);
}

/*.entry-content li { 
	list-style-position: inside;
}*/

blockquote {
	padding: 40px 0;
	border-left: 0;
	border-top: 2px solid var(--blue);
	border-right: 0;
	border-bottom: 2px solid var(--blue);
	margin: 40px 0;
}

.entry-content blockquote p {
	padding: 0!important;
	margin: -70px 0 0 0!important;
	line-height: 1.2em!important;
	font-weight: 400!important;
	text-transform: uppercase;
}

.entry-content blockquote p img {
	position: relative;
	padding: 0 0 0 0!important;
	top: -70px;
	margin: 70px 0 20px 0!important;
	line-height: 1.2em!important;
	font-weight: 400!important;
	text-transform: uppercase;
	background-color: var(--white);
}

.menu-main-nav-container ul {
	list-style-type: none;
}

.entry-content ul {
	list-style-type: none;
	margin: 0 0 20px 0!important;
}

.entry-content ul li {
	position: relative;
	padding-left: 29px;
}

/*.entry-content ul li::before {
	content: url(/wp-content/uploads/2022/03/bullet.png);
	position: absolute;
	top: 1px;
	left: 0;
}*/

.wp-caption {
	padding: 0;
	border: 0;
	text-align: left;
	background: transparent;
}

.wp-caption p.wp-caption-text {
	text-transform: none!important;
	font-size: 0.95em!important;
	line-height: 1.2em!important;
	margin-top: 10px!important;
}

.rowContent a,
.rowNarrow a {
	color: var(--blue)!important;
	text-decoration: none;
	border-bottom: 1px solid var(--blue);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}

.rowContent a:hover,
.rowNarrow a:hover {
    border-bottom: 1px solid var(--black);
	color:var(--black)!important;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}

.rowBanner a,
.rowBannerTop a,
a.btn,
.nf-form-content input[type=submit] {
	font-family: "gill-sans-nova", sans-serif!important;
	font-weight: 500!important;
	font-style: normal!important;
	font-size: 0.7em!important;
	letter-spacing: 0.06em!important;
	display: inline-block;
	color: var(--white)!important;
	background-color: transparent!important;
	border: 0;
	margin-left: -15px; 
	margin-top: 0;
	margin-bottom: 0;
	padding: 5px!important;
	text-transform: uppercase;
	text-shadow: none;
	border-radius: 0;
	box-shadow: none!important;	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	position: relative;
}

.rowBanner a.btn:after,
.rowBannerTop a.btn:after {	
	content: url(/wp-content/uploads/2024/05/arrow-r-rev-sml.png);
	z-index: 99999!important;
	padding-left: 10px;
	top: 7px;
	position: absolute;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.entry-content .rowNarrow p a.btn {	
	color: var(--blue)!important;
	margin-top: 20px;
	font-size: 0.8em!important;
	font-weight: 500!important;
	letter-spacing: 0.06em!important;
	margin: 0 0 0 0!important;
}

a.btn:after {	
	content: url(/wp-content/uploads/2024/05/arrow-r-blue-sml.png);
	z-index: 99999!important;
	padding-left: 10px;
	top: 7px;
	position: absolute;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

a.btn:hover:after {	
	padding-left: 15px!important;
}

a:hover {
	color: #717f92!important;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}

.rowBanner a:hover,
.rowBannerTop a:hover,
a.btn:hover {
	color: var(--white)!important;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}

.entry-content .rowNarrow a.btn:hover {
	color: var(--blue)!important;
	border-bottom: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}

.x-content-band.vc.rowBanner ul.x-slides li .sliderTxt .btn {
	color: var(--white)!important;
	border: 1px solid #c1c1c1!important;
	font-size: 0.7em!important;
}

.entry-content.content input.wpcf7-form-control.wpcf7-submit:hover,
.x-content-band.vc.rowBanner ul.x-slides li .sliderTxt .btn:hover,
.entry-content.content .rowGrey a.btn:hover {
	background-color: #717f92;
	border: 1px solid #717f92!important;
	color: var(--white)!important;
	box-shadow: none!important;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}

.alignnone {
	margin: 0!important;
}

/******************** WIDGETS ********************/

i.x-icon {
	font-size: 2em;
	padding: 20px 12px 0 0;
}

a i.x-icon {
	color: var(--blue);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.rowContent .iconWrapper a {
	text-decoration: none!important;
}

.x-colophon.top .widget {
    margin-top: 0!important;
}

a i.x-icon:hover {
	color: #717f92;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.scrollDown {
	position: absolute;
	bottom: 0;
	left: calc(50% - 16px);
}


.x-slider-scroll-bottom.center {
    left: unset!important;
}

a.x-slider-scroll-bottom.center {
    display: flex;
    align-self: flex-end;
    margin: 0 0 60px 0!important;
}

a.x-slider-scroll-bottom.center:hover {
    margin: 0 0 50px 0!important;
}

a.x-slider-scroll-bottom i {
    font-size: 0!important;
}

a.x-slider-scroll-bottom i:before {
	width: 33px;
	height: 52px;
	padding: 0!important;
    background-image: url(/wp-content/uploads/2024/05/arrow-down-rev.png);
    background-size: 33px 52px;
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.x-scroll-top {
	border: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-backface-visibility: hidden;
}

.x-scroll-top:hover {
	cursor: pointer;
	margin-bottom: 10px!important;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-backface-visibility: hidden;
}

.x-scroll-top .x-icon-angle-up:before {
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"!important;
	font-weight: 700!important;
	content: "\f062" !important;
	font-size: 1.2em;
	color: var(--white)!important;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

br.clear {
	clear: both;
}

.grecaptcha-badge {
	display: none!important;
}

a.btn img,
a.btn img.aligncenter,
a.btn img.alignnone {
	margin: 30px auto 0 auto!important;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

a.btn img:hover,
.rowFeatures .x-column.x-sm.vc.x-1-3 img:hover {
	opacity: 0.8!important;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/******************** HEADER ********************/

.masthead  {
    width: 100%;
    background-color: transparent!important;
	position: absolute;
	top: 0;
	z-index: 999;
}

body.noBanner .masthead  {
    width: 100%;
	position: relative;
	z-index: 999;
}

body.noBanner .masthead .x-container.max.width {
	border-bottom: 1px solid var(--blue);
}

.x-navbar-wrap {
	z-index: 99999998!important;
}

@media screen and (max-width: 979px) {	
	
	.x-navbar,
	.x-navbar-inner,
	.x-navbar .desktop .x-nav > li > a {
		height: 94px!important;
		min-height: 94px!important;
	}
	
	.x-navbar ul#menu-main-nav li a,
	.x-navbar .x-nav-wrap .x-nav li a {
		padding-top: 7px;
	}

	.topLogo .x-brand img {
		width: 150px!important;
		height: 50px!important;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
	}

	.topLogo .x-brand {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
}

@media screen and (min-width: 980px) and (max-width: 1499px) {	
	
	.topLogo {
		float: left;
		width: 30%;
	}
	
	.topNav {
		float: left;
		width: 70%;
	}
	
	.x-navbar,
	.x-navbar-inner,
	.x-navbar .desktop .x-nav > li > a {
		height: 123px!important;
	}
	
	.x-navbar ul#menu-main-nav li a,
	.x-navbar .x-nav-wrap .x-nav li a {
		padding-top: 50px;
	}
	
	.topLogo .x-brand {
		margin-top: 34px;
		margin-bottom: 35px;
	} 

	.topLogo .x-brand img {
		width: 200px!important;
		height: 66px!important;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
	}
	
}

@media screen and (min-width: 1500px) {
	
	.topLogo {
		float: left;
		width: 25%;
	}
	
	.topNav {
		float: left;
		width: 75%;
	}
	
	.x-navbar,
	.x-navbar-inner,
	.x-navbar .desktop .x-nav > li > a	{
		height: 123px!important;
	}
	
	.x-navbar ul#menu-main-nav li a,
	.x-navbar .x-nav-wrap .x-nav li a {
		padding-top: 23px;
	}
	
	.topLogo .x-brand {
		margin-top: 34px;
		margin-bottom: 35px;
	} 

	.topLogo .x-brand img {
		width: 295px!important;
		height: 98px!important;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
	}
	
	.x-navbar .desktop .x-nav > li > a {
		height: 123px!important;
		padding-top: 50px!important;
	}
	
}

.x-navbar {
	background: transparent!important;
	border: 0;
}

body.noBanner .x-navbar {
	background: var(--white);
	border: 0;
}

/*body.noBanner .x-navbar {
    background-color: var(--blue)!important;
}*/

.x-navbar {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	border-bottom: 0;
}

.x-navbar-wrap {
	height: unset!important;
}

.x-navbar ul#menu-main-nav {
	width: 100%!important;
	text-align: right!important;
}

.x-navbar .desktop .x-nav li {
	float: none!important;
	display: inline-block!important;
}

footer.x-colophon.top .widget ul li {
	text-transform: none;
}

.x-navbar ul#menu-main-nav li a,
.x-navbar .x-nav-wrap .x-nav li a {
	font-family: "gill-sans-nova", sans-serif!important;
	font-weight: 500!important;
	font-style: normal!important;
	font-size: 1em!important;
	letter-spacing: 0.06em!important;
	text-transform: uppercase;
	color: var(--white);
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	padding-left: 12px!important;
	padding-right: 12px!important;
}

body.noBanner .x-navbar ul#menu-main-nav li a,
body.noBanner .x-navbar .x-nav-wrap .x-nav li a {
	color: var(--blue);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.x-navbar .desktop .x-nav a:hover,
.rowBanner .x-1-4 .menu-main-nav-container li a:hover {
	 color: var(--black)!important;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.x-navbar .desktop .x-nav .current-menu-item a span,
.x-navbar .desktop .x-nav .current-page-ancestor a span {
	color: var(--white)!important;
	border-bottom: 1px solid var(--white);
	border-radius: 0;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.x-navbar .desktop .x-nav .current-menu-item a:hover span,
.x-navbar .desktop .x-nav .current-page-ancestor a:hover span {
	color: var(--black)!important;
	border-bottom: 1px solid var(--black);
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

body.noBanner .x-navbar .desktop .x-nav .current-menu-item a span,
body.noBanner .x-navbar .desktop .x-nav .current-page-ancestor a span {
	color: var(--blue)!important;
	border-bottom: 1px solid var(--blue);
	border-radius: 0;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

body.noBanner .x-navbar .desktop .x-nav .current-menu-item a:hover span,
body.noBanner .x-navbar .desktop .x-nav .current-page-ancestor a:hover span {
	color: var(--black)!important;
	border-bottom: 1px solid #717f92;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.x-navbar .desktop .x-nav .current-menu-item a:hover {
	color: var(--black)!important;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.widget_nav_menu .current-menu-item a:after {
	display: none;
}

.x-navbar .desktop .x-nav li a span {
	padding-left: 0!important;
	padding-top: 10px!important;
	padding-right: 0!important;
	padding-bottom: 10px!important;
	border: 0;
}

/* sticky */

.x-navbar-fixed-top-active .x-navbar-wrap {
	margin-bottom: 0!important;
}

.x-navbar.x-navbar-fixed-top .x-navbar-inner {
	background: var(--white)!important;	
}

@media screen and (max-width: 979px) {	
	
	.x-navbar.x-navbar-fixed-top {
		height: 73px!important;	
		min-height: 73px!important;	
	}

	.x-navbar.x-navbar-fixed-top .x-navbar-inner {
		height: 73px!important;	
		min-height: 73px!important;	
	}
	
}

@media screen and (min-width: 980px) {
	
	.x-navbar.x-navbar-fixed-top {
		height: 73px!important;	
		min-height: 73px!important;	
	}

	.x-navbar.x-navbar-fixed-top .x-navbar-inner {
		height: 73px!important;	
		min-height: 73px!important;
	}
	
	.x-navbar-fixed-top .topLogo img {
		width: 150px!important;
		height: 25px!important;
		opacity: 0;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
	}

	.x-navbar-fixed-top .topLogo a {
		background-image: url(/wp-content/uploads/2024/05/old-manse-dornoch-mini.png);
		width: 150px!important;
		height: 25px!important;
		background-size: cover;
		background-repeat: no-repeat;
		top: 21px;
		left: 0;
	}
	
	.x-navbar.x-navbar-fixed-top .topLogo .x-brand {
		margin-top: 24px;
		margin-bottom: 24px;
	}

	.x-navbar.x-navbar-fixed-top .topLogo .x-brand.img img {
		width: 150px!important;
		height: 25px!important;
	}

	.x-navbar.x-navbar-fixed-top,
	body.noBanner .x-navbar.x-navbar-fixed-top {
		background: var(--white)!important;
		z-index: 999999;
		border-bottom: 1px solid var(--blue);	
	}

	.x-navbar.x-navbar-fixed-top ul#menu-main-nav  {
		border-bottom: 0;	
	}

	.x-navbar.x-navbar-fixed-top ul#menu-main-nav li a,
	.x-navbar.x-navbar-fixed-top .desktop .x-nav li a	{
		color: var(--blue)!important;
		height: 73px!important;
		padding-top: 25px!important;
	}
	
	.x-navbar.x-navbar-fixed-top .desktop .x-nav .current-menu-item a span,
	.x-navbar.x-navbar-fixed-top .desktop .x-nav .current-page-ancestor a span {
		color: var(--blue)!important;
		border-bottom: 1px solid var(--blue);
		border-radius: 0;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
	}

	.x-navbar.x-navbar-fixed-top ul#menu-main-nav li a:hover,
	.x-navbar.x-navbar-fixed-top .desktop .x-nav .current-menu-item a:hover span,
	.x-navbar.x-navbar-fixed-top .desktop .x-nav .current-page-ancestor a:hover span {
		color: var(--black)!important;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
	}

	.x-navbar.x-navbar-fixed-top ul#menu-main-nav li a > span {
		padding-top: unset!important;
		border-top: 0;
		border-radius: 0;
	}
	
}

/* dropdown */

.desktop .sub-menu {
	margin: 0 0 0 -20px!important;
	padding: 15px!important;
	z-index: 9999999!important;
	left: 0!important;
	right: auto!important;	
}

.x-navbar ul.sub-menu {
	text-align: left!important;
}

.x-navbar .desktop .x-nav li ul.sub-menu li {
	float: none!important;
	display: block!important;
}

.x-navbar .desktop .x-nav li ul.sub-menu li a {
	color: var(--blue)!important;
	padding: 0!important;
	height: unset!important;
	padding-top: unset!important;
}

.x-navbar.x-navbar-fixed-top ul#menu-main-nav ul.sub-menu li a,
.x-navbar.x-navbar-fixed-top .desktop .x-nav ul.sub-menu li a {
	color: var(--blue)!important;
	padding: 0 8px!important;
	height: unset!important;
	padding-top: unset!important;
}

.x-navbar .desktop .x-nav .current-menu-item ul.sub-menu a span,
.x-navbar .desktop .x-nav .current-page-ancestor ul.sub-menu a span {
	color: var(--blue)!important;
	border-bottom: 0!important;
}

.x-navbar .desktop .x-nav li ul.sub-menu li a span,
.x-navbar.x-navbar-fixed-top ul#menu-main-nav ul.sub-menu li a span,
.x-navbar.x-navbar-fixed-top .desktop .x-nav ul.sub-menu li a span {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.x-navbar .desktop .x-nav li ul.sub-menu li a:hover span,
.x-navbar.x-navbar-fixed-top ul#menu-main-nav ul.sub-menu li a:hover span,
.x-navbar.x-navbar-fixed-top .desktop .x-nav ul.sub-menu li a:hover span {
	color: #717f92!important;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

/*.x-navbar .desktop .x-nav li>a>span:after {
	content: "\2b";
}*/

/* mobile nav */

#x-btn-navbar {
	display: none!important;
}

@media screen and (max-width: 979px) {
	
	nav.x-nav-wrap.desktop {
		display: none;
	}
	
	#custom_toggle {
		margin-top: 34px;
	}
	
}

@media screen and (min-width: 980px) and (max-width: 1199px) {
	
	nav.x-nav-wrap.desktop {
		display: none;
	}
	
	#custom_toggle {
		margin-top: 48px;
	}
	
}

@media screen and (min-width: 1200px) {
	
	#custom_toggle	{
		display: none;
	}
	
}

#custom_toggle {
	position: absolute;
	right: 3%;
	z-index: 9999999;
}

#custom_toggle:hover {
	cursor: pointer; 
}

#custom_toggle:before {
	content: url(/wp-content/uploads/2024/05/nav-rev.png)!important;
}

body.noBanner #custom_toggle:before {
	content: url(/wp-content/uploads/2024/05/nav.png)!important;
}

#sfm-sidebar .sfm-sidebar-bg,
#sfm-sidebar .sfm-logo,
#sfm-sidebar .sfm-nav {
	background-color: var(--blue)!important;
}

#sfm-sidebar .sfm-nav {
	margin: 0!important;
}

#sfm-sidebar .sfm-logo img {
	padding-top: 50px!important;
}

#sfm-sidebar .sfm-logo p,
.sfm-widget.sfm-widget-bottom {
	margin: 0!important;
	text-align: center!important;
}

.sfm-widget.sfm-widget-bottom img {
	width: 860px!important;
}

.sfm-style-full #sfm-sidebar .sfm-logo {
	background-color: var(--blue)!important;
	padding: 0!important;
}

.sfm-style-full #sfm-sidebar .sfm-fs-bottom-box>*, .sfm-style-full #sfm-sidebar .sfm-logo>*, .sfm-style-full #sfm-sidebar .sfm-nav>* {
    transform: none;
    -webkit-transition: none;
    transition: none;
	background-color: var(--blue)!important;
}

ul.sfm-menu-level-0.sfm-menu li a {
	color: var(--white)!important;
	font-size: 1.4em!important;
	font-family: 'gill-sans-nova', sans-serif!important;
	font-weight: 500!important;
    font-style: normal!important;
	letter-spacing: 0.06em!important;
	text-transform: uppercase!important;
}

ul.sfm-child-menu.sfm-menu-level-1 li a {
	font-size: 1.4em!important;
}

ul.sfm-menu-level-0.sfm-menu li a {
	padding-left: 30px!important;
	padding-top: 15px!important;
	padding-right: 30px!important;
	padding-bottom: 15px!important;
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}

ul.sfm-menu-level-0.sfm-menu li a:hover {
	color: #717f92!important;
	padding-left: 30px!important;
	padding-top: 15px!important;
	padding-right: 30px!important;
	padding-bottom: 15px!important;
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}

#sfm-sidebar .sfm-menu-level-0 li .sfm-sm-indicator i {
	border-color: var(--white)!important;
}

#sfm-sidebar .sfm-menu li > a:before {
	display: none!important;
}

.sfm-style-full #sfm-sidebar .sfm-sidebar-close:before, .sfm-style-full #sfm-sidebar .sfm-sidebar-close:after {
	background-color: var(--white)!important;
}

ul.sfm-menu-level-0.sfm-menu li a:before,
ul.sfm-menu-level-0.sfm-menu li a:after {
	display: none!important;
}

.sfm-toggle-hover .sfm-sidebar-close {
    display: unset !important;
    position: absolute;
    right: 4.5%;
    z-index: 9999999 !important;
}

/******************** LAYOUT ********************/

.x-content-band {
	margin: 0;
}

.x-img {
    margin-bottom: 0!important;
}

.rowFeatures .x-1-3 {
	background: var(--blue);
}

.rowFeatures .x-column.x-sm.vc.x-1-3 img {
	margin: 0;
	position: relative;
}

.rowFeatures h3 {
	margin: 0!important;
}

.rowFeatures h3 a {
	display: block;
	padding: 25px 20px 25px 20px!important;
}

/*body.page-id-324 #x-content-band-3 p,
body.page-id-335 #x-content-band-3 p {
	font-weight: 500!important;
	font-size: 1.1em!important;
	letter-spacing: 0.06em!important;
	margin: 0 0 0 0!important;
}*/

.rowQuote .x-1-1 {
	margin-top: -40px!important;
	margin-bottom: 10px!important;
	border-top: 2px solid var(--blue);
	border-bottom: 2px solid var(--blue);
}

.rowQuote h4 {
	text-transform: uppercase;
	font-weight: 500!important;
	font-size: 2em!important;
	letter-spacing: 0.06em!important;
	margin: 40px 0 20px 0!important;
}

.rowQuote p {
	text-transform: uppercase;
	font-weight: 500!important;
	font-size: 1.1em!important;
	letter-spacing: 0.06em!important;
	margin: 0 0 40px 0!important;
}

.rowBlue {
	background-color: var(--blue)!important;
}

.rowLtBlue {
	background-color: rgba(29,80,94,0.1)!important;
}

.rowTxtImg .x-container.max.width.wpb_row {
	background-color: rgba(29,80,94,0.1)!important;
}

.entry-content .rowReviews .x-1-3 p {
	padding: 30px!important;
}

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

	.desktop {
		display: none;
	}

	.entry-content .colTxt p {
		padding: 40px 40px 30px 40px!important;
		text-align: center!important;
	}
	
	body.home .entry-content.content,
	body.noBanner .entry-content.content	{
		margin-top: 0;
	}
	
	.x-content-band.vc.padT	{
		padding-top: 40px!important;	
	}
	
	.x-content-band.vc.padB	{
		padding-bottom: 40px!important;
	}
	
	.x-resp-embed {
		margin-top: 20px;
		margin-bottom: 40px;
	}
	
	/*.x-content-band.vc.rowBannerTop {
		padding-left: 0;
		padding-top: 250px!important; 
		padding-right: 0;
		padding-bottom: 230px!important;
	}*/
	
	.x-content-band.vc.rowBanner {
		padding-top: 150px!important; 
		padding-bottom: 130px!important;
	}
	
	.rowFeatures .x-1-3 img.x-img	{
		width: 100%!important;
		max-width: unset!important;
	}
	
	.x-content-band.vc.rowFeatures padB	{
		padding-bottom: 0!important;
	}
	
	.rowFeatures .x-1-3	{
		margin-bottom: 40px!important;
	}
	
	.rowContent .x-1-2 img {
		width: 100%;
		padding: 20px 0 0 0;
	}
	
	.x-column.x-sm.vc.x-1-3  {
		
	}
	
	.x-content-band.vc.rowPanel .x-column.x-sm.vc.x-1-1 h1	{
		padding: 0 3% 0 3%;
	}
		
}

@media screen and (min-width: 768px) {

	.rowFeatures .x-container.max.width.wpb_row {
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		}

	.rowFeatures .x-1-3 {
		display: flex;
		flex-direction: column;
		position: relative;
	}

}

@media screen and (min-width: 768px) and (max-width: 979px) {
	
	.mobile {
		display: none;
	}

	.rowTxtImg .x-1-2 {
		width: 100%!important;
	}

	.entry-content .colTxt p {
		padding: 60px 50px 50px 50px!important;
		text-align: center!important;
	}
	
	.x-content-band.vc.padT	{
		padding-top: 50px!important;
	}
	
	.x-content-band.vc.padB	{
		padding-bottom: 50px!important;	 
	}
	
	.x-resp-embed {
		margin-top: 30px;
		margin-bottom: 50px;
	}
	
	.x-content-band.vc.rowNarrow .x-1-1,
	.x-content-band.vc.rowQuote,
	.x-content-band.vc.rowBannerInner	{
		width: 90%;
		margin-left: 5%!important;
		margin-right: 5%!important;
	}
	
	blockquote	{
		width: 90%;
		margin-left: 5%!important;
		margin-right: 5%!important;
	}
	
	/*.x-content-band.vc.rowBannerTop {
		padding-left: 0;
		padding-top: 230px!important; 
		padding-right: 0;
		padding-bottom: 230px!important;
	}*/
	
	.x-content-band.vc.rowBanner {
		padding-left: 0;
		padding-top: 200px!important; 
		padding-right: 0;
		padding-bottom: 200px!important;
	}
	
}

@media screen and (min-width: 980px) and (max-width: 1199px) {
	
	.mobile {
		display: none;
	}
	
	body.noBanner .entry-content.content{
		margin-top: 0;
	}

	.x-content-band.vc.rowTxtImg .x-container.wpb_row {
		display: flex;
		align-items: center;
	}

	.entry-content #x-content-band-4 .colTxt p {
		padding-right: 60px!important;
	}
	
	.entry-content #x-content-band-7 .colTxt p {
		padding-left: 40px!important;
		padding-right: 50px!important;
	}
	
	.x-content-band.vc.padT {
		padding-top: 50px!important;
	}
	
	.x-content-band.vc.padB	{
		padding-bottom: 50px!important;	 
	}
	
	.x-resp-embed {
		margin-top: 30px;
		margin-bottom: 50px;
	}

	.x-content-band.vc.rowNarrow .x-1-1,
	.x-content-band.vc.rowQuote,
	.x-content-band.vc.rowBannerInner	{
		width: 60%;
		margin-left: 20%!important;
		margin-right: 20%!important;
	}
	
	blockquote	{
		width: 80%;
		margin-left: 10%!important;
		margin-right: 10%!important;
	}
	
	/*.x-content-band.vc.rowBannerTop {
		padding-left: 0;
		padding-top: 230px!important; 
		padding-right: 0;
		padding-bottom: 230px!important;
	}*/
	
	.x-content-band.vc.rowBanner {
		padding-left: 0;
		padding-top: 210px!important; 
		padding-right: 0;
		padding-bottom: 210px!important;
	}
	
} 

@media screen and (min-width: 1200px) and (max-width: 1499px) {
	
	.mobile {
		display: none;
	}

	.x-content-band.vc.rowTxtImg .x-container.wpb_row {
		display: flex;
		align-items: center;
	}

	.entry-content #x-content-band-4 .colTxt p {
		padding-right: 60px!important;
	}
	
	.entry-content #x-content-band-7 .colTxt p {
		padding-left: 40px!important;
		padding-right: 50px!important;
	}
	
	.x-content-band.vc.padT	{
		padding-top: 60px!important;
	}
	
	.x-content-band.vc.padB	{
		padding-bottom: 60px!important;	
	}
	
	.x-resp-embed {
		margin-top: 40px;
		margin-bottom: 60px;
	}
	
	.x-content-band.vc.rowNarrow .x-1-1,
	.x-content-band.vc.rowQuote,
	.x-content-band.vc.rowBannerInner	{
		width: 60%;
		margin-left: 20%!important;
		margin-right: 20%!important;
	}
	
	blockquote	{
		width: 80%;
		margin-left: 10%!important;
		margin-right: 10%!important;
	}
	
	/*.x-content-band.vc.rowBannerTop {
		padding-left: 0;
		padding-top: 260px!important; 
		padding-right: 0;
		padding-bottom: 260px!important;
	}*/
	
	.x-content-band.vc.rowBanner {
		padding-left: 0;
		padding-top: 230px!important;
		padding-right: 0;
		padding-bottom: 230px!important;
	}
	
}

@media screen and (min-width: 1500px) {
	
	.mobile {
		display: none;
	}
	
	.x-content-band.vc.rowTxtImg .x-container.wpb_row {
		display: flex;
		align-items: center;
	}

	.entry-content #x-content-band-4 .colTxt p {
		padding-right: 75px!important;
	}
	
	.entry-content #x-content-band-7 .colTxt p {
		padding-left: 50px!important;
		padding-right: 50px!important;
	}
	
	.x-content-band.vc.padT {
		padding-top: 60px!important;
	}
	
	.x-content-band.vc.padB	{
		padding-bottom: 60px!important;	
	}
	
	.x-resp-embed {
		margin-top: 40px;
		margin-bottom: 60px;
	}
	
	.x-content-band.vc.rowNarrow .x-1-1,
	.x-content-band.vc.rowQuote,
	.x-content-band.vc.rowBannerInner	{
		width: 50%;
		margin-left: 25%!important;
		margin-right: 25%!important;
	}
	
	blockquote	{
		width: 70%;
		margin-left: 15%!important;
		margin-right: 15%!important;
	}
	
	/*.x-content-band.vc.rowBannerTop {
		padding-left: 0;
		padding-top: 280px!important; 
		padding-right: 0;
		padding-bottom: 280px!important;
	}*/
	
	.x-content-band.vc.rowBanner {
		padding-left: 0;
		padding-top: 250px!important; 
		padding-right: 0;
		padding-bottom: 250px!important;
	}

}

/******************** WP BAKERY SLIDER ********************/

ol.flex-control-nav.flex-control-paging {
	background-color: transparent;
}

.flex-control-nav {
	top: 90%!important;
	right: 80%!important;
}

ol.flex-control-nav.flex-control-paging li a {
	background-color: rgba(255,255,255,0.7);
	width: 12px;
	height: 12px;
	border-radius: 6px;
}

ol.flex-control-nav.flex-control-paging li a.flex-active {
	background-color: rgba(255,255,255,1)!important;
}


/******************** SA SLIDER ********************/

@media screen and (max-width: 1279px) {
	
	#slider_213,
	#slider_214 {
		padding: 0 30px!important;
	}
		
}

@media screen and (min-width: 1280px) {
	
	#slider_213,
	#slider_214 {
		padding: 0 70px!important;
	}
	
}

#slider_213 .owl-nav .owl-prev,
#slider_214 .owl-nav .owl-prev {
    background: rgba(0,0,0,0) url(/wp-content/uploads/2024/05/arrow-l-blue.png) no-repeat center center!important;
	width: 64px!important;
	min-width: 64px!important;
	height: 40px!important;
	left: 0!important;
	
}

#slider_213 .owl-nav .owl-next,
#slider_214 .owl-nav .owl-next {
    background: rgba(0,0,0,0) url(/wp-content/uploads/2024/05/arrow-r-blue.png) no-repeat center center!important;
	width: 64px!important;
	min-width: 64px!important;
	height: 40px!important;
	right: 0!important;
}

#slider_213 .sa_hover_container,
#slider_214 .sa_hover_container {
	padding: 0 15px!important;
}

.x-flexslider-shortcode-container {
    margin-bottom: 0!important;
}

.entry-content ul li.x-slide {
    padding-left: 0!important;
}

.entry-content .owl-item p {
	margin: 0!important;
}

/******************** TABS ********************/

ul.x-nav.x-nav-tabs {
	margin: 0 0 60px 0!important;
	border: 0!important;
}

.x-nav-tabs.top>li.x-nav-tabs-item, .x-nav-tabs.left>li.x-nav-tabs-item, .x-nav-tabs.right>li.x-nav-tabs-item {
	border-top: 0!important;
	border-right: 0!important;
	border-bottom: 0!important;
	border-left: 0!important;
}

.entry-content li.x-nav-tabs-item {
	text-transform: uppercase;
	font-weight: 500 !important;
    font-size: 1.1em !important;
    letter-spacing: 0.06em!important;
	padding-left: 0!important;
}

.entry-content li.x-nav-tabs-item a {
	border-top: 0!important;
	border-right: 0!important;
	border-bottom: 1px solid transparent!important;
	border-left: 0!important;
	padding: 20px 0!important;
	background-color: transparent;
	color: var(--blue)!important;
}

li.x-nav-tabs-item.active a:hover {
	background-color: transparent!important;
}

li.x-nav-tabs-item.active a {
	border-top: 0!important;
	border-right: 0!important;
	border-bottom: 1px solid var(--blue)!important;
	border-left: 0!important;
	background-color: transparent;
}

.x-tab-content {
    margin-bottom: 0;
    border: 0;
}

.x-tab-content .x-tab-pane {
    padding: 0;
    background-color: transparent;
}

@media screen and (min-width: 980px) {
	
	ul.x-nav.x-nav-tabs.five-up.top {
		margin-left: 10%!important;
		margin-right: 10%!important;
	}
	
}

@media screen and (min-width: 1280px) {
	
	ul.x-nav.x-nav-tabs.five-up.top {
		margin-left: 20%!important;
		margin-right: 20%!important;
	}
	
}

/******************** GALLERY ********************/

#envirabox-title {
	display: none!important;
}

/******************** FORMS ********************/

/* ninja */

.nf-form-cont {
	padding: 50px 30px 30px 30px;
	margin-top: 0;
	margin-bottom: 30px;
	background-color: rgba(29,80,94,0.1)!important;
}

.nf-form-content {
	padding: 0!important;
}

.nf-form-fields-required {
	display: none!important;
}

.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
	background: var(--white)!important;
	color: var(--blue)!important;
}

.nf-form-content input[type=submit] {
	color: var(--blue)!important;
	font-size: 0.9em!important;
	background: transparent!important;
	margin-left: 0;
}

p label,
.nf-field-label label {
	font-family: "freight-big-pro", serif!important;
	font-weight: 400!important;
	font-style: normal!important;
	font-size: 0.85em;
	color: var(--blue);
	padding: 0 0 0 0;
	margin: 0 0 0 0;	
}

.entry-content.content p.sml {
	font-size: 1em!important;
}

.nf-response-msg p {
	text-align: center!important;
}

/******************** FOOTER ********************/

footer.x-colophon.top {
	padding: 0;
	border-top: 0;
	color: var(--blue);
	background-colour: var(--white);
	background-image: url(/wp-content/uploads/2024/05/tile-repeat.png);
	background-repeat: repeat;
}

footer.x-colophon.top p {
	font-weight: 500!important;
	font-style: normal!important;
	color: var(--blue)!important;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.06em!important;
	line-height: 1.6em!important;
	font-size: 1em!important;
}

footer.x-colophon.top a {
	color: var(--blue)!important;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}

footer.x-colophon.top a:hover {
	color: var(--black)!important;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}

footer.x-colophon.top .widget ul li:first-child, 
footer.x-colophon.top .widget_nav_menu ul {
	border: 0;
}

footer a i.x-icon {
	color: var(--blue)!important;
	padding: 7px 7px 15px 7px;
}

footer a i.x-icon:hover {
	color: var(--black)!important;
}

@media screen and (max-width: 1279px) {
	
	footer.x-colophon.top {
		padding-top: 40px!important;
		padding-bottom: 40px!important;
	}
		
}

@media screen and (min-width: 1280px) {
	
	footer.x-colophon.top {
		padding-top: 60px!important;
		padding-bottom: 60px!important;	
	}
	
}