/*   
Theme Name: Susan Davey - Custom Theme
Theme URI: https://1348.design
Description: A custom WordPress theme created for the website of Susan Davey.
Author: 1348 Design
Author URI: https://1348.design
Version: 1.1
*/

		
/***** Setup Custom Properties *****/
:root {
	
	--theme-accent-1: #10205b;
	--theme-accent-2: #70799d;
	
	--theme-grey-1: #232323;
	--theme-grey-2: #4f4f4f;
	--theme-grey-3: #d3d3d3;
	--theme-grey-4: #f2f2f2;
	
	--theme-font-heading: 'DM Serif Display', serif;
	--theme-font-main: 'Quattrocento', serif;
	--theme-font-secondary: 'Poppins', sans-serif;
	
}


/***** Reset *****/
html, body, div, span, applet, object, input, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	-webkit-text-size-adjust: 100%;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ul {
	list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/***** Global *****/
body {
	font-family: var(--theme-font-main);
	font-size: 22px;
	font-weight: 400;
	color: var(--theme-grey-1);
	background: #fff;
}
.skip-to-content-link {
	position: absolute;
	left: 30px;
	padding: 13px 22px;
	background: rgb(0, 173, 239);
	color: #000;
	text-decoration: underline;
	font-size: 16px;
	transform: translateY(-100%);
	transition: transform 0.3s;
	border-radius: 0 0 8px 8px;
	z-index: 999;
}
.skip-to-content-link:focus {
	transform: translateY(0%);
}
.wrap {
	position: relative;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 50px;
}
h1, h2 {
	margin: 0 0 30px 0;
	font-family: var(--theme-font-heading);
	color: var(--theme-accent-1);
	line-height: 1.2;
}
h3, h4, h5 {
	margin: 0 0 12px 0;
	line-height: 1.2;
}
h1 {
	font-size: 58px;
}
h2 {
	font-size: 40px;
}
h1::after {
	content: '';
	display: block;
	width: 180px;
	margin: 30px 0 0 0;
	border-bottom: 2px solid var(--theme-grey-3);
}
h3 {
	font-size: 25px;
}
h4 {
	font-size: 23px;
}
h5 {
	font-size: 20px;
}
p {
	margin: 0 0 18px 0;
	line-height: 1.6;
}
.main p a,
.main li a {
	color: var(--theme-grey-1);
	text-decoration: underline;
}
.main p a:hover,
.main li a:hover {
	opacity: 0.6;
}

p a:focus-visible,
.main li a:focus-visible{
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px #2271b1;
	border-radius: 3px;
}
a {
	transition: all 0.3s;
}
p + h1,
p + h2,
p + h3,
p + h4,
p + h5 {
	margin-top: 45px;
}
b, strong {
	font-weight: 600;
}
em {
	font-style: italic;
}
.btn,
.button,
.nf-form-content button,
.nf-form-content input[type=button],
.nf-form-content input[type=submit] {
	position: relative;
	display: inline-block;
	padding: 13px 48px;
	height: auto !important;
	color: #fff !important;
	border: none !important;
	background: var(--theme-accent-1) !important;
	text-decoration: none;
	cursor: pointer;
	font-family: var(--theme-font-secondary);
	font-size: 22px;
	font-weight: 500;
	line-height: 1;
	transition: all 0.3s;
	letter-spacing: 2px;
	--mask: linear-gradient(-135deg,#0000 16px,#000 0);	
	-webkit-mask: var(--mask);
	mask: var(--mask);
}
.btn:hover,
.button:hover,
.nf-form-content button:hover,
.nf-form-content input[type=button]:hover,
.nf-form-content input[type=submit]:hover {	
	background: var(--theme-grey-1) !important;
}
.btn:focus-visible,
.button:focus-visible,
input[type=button]:focus-visible,
.nf-form-content button:focus-visible,
.nf-form-content input[type=button]:focus-visible,
.nf-form-content input[type=submit]:focus-visible{
	--mask: none;	
	-webkit-mask: none;
	mask: none;
	text-decoration: underline !important;
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px #2271b1;
}
.checkbox-wrap .nf-field-label:has(+ .nf-field-element input:focus-visible) label::after {
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px #2271b1;
}
.nf-form-fields-required {
	display: none;
}
.nf-form-title {
	display: block;
	margin: 0 0 24px 0;
	font-family: var(--theme-font-main);
	font-size: 27px;
}
.nf-form-content input:not([type=button]):not([type=submit]),
.nf-form-content textarea {
	color: var(--theme-grey-1) !important;
}
.nf-form-content input:not([type=button]):focus-visible,
.nf-form-content textarea:focus-visible {
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px #2271b1;
}
.nf-error-msg {
    font-size: 16px;
}
.main {
	position: relative;
	min-height: 65vh;
	z-index: 200;
}
.main ul,
.main ol {
	margin: 40px;
	line-height: 1.4;
}
.main ul:first-child,
.main ol:first-child {
	margin-top: 0;
}
.main ul {
	list-style: disc;
}
.main ol {
	list-style: decimal;
}
.main li {
	margin: 13px 0;
}
.main ul:first-child li:first-child,
.main ol:first-child li:first-child {
	margin-top: 0;
}
blockquote {
	max-width: 900px;
	padding: 30px 0;
	font-family: var(--theme-font-heading);
    font-size: 48px;
	font-style: italic;
    line-height: 1.6;
    quotes: "“" "”" "‘" "’";
    text-indent: -0.3em;
	font-weight: 500;
}
blockquote::before {
    content: open-quote;
    display: inline;
}
blockquote::after {
    content: close-quote;
    display: inline;
}
blockquote p {
	display: inline;
}
.blocks-section {
	padding: 40px 0;
}

/***** Header *****/
.header {
	position: relative;
	width: 100%;
	background: var(--theme-grey-4);
	font-family: var(--theme-font-secondary);
	text-align: center;
	z-index: 400;
}
.header-upper {
	padding: 6px 0 5px 0;
	background: var(--theme-accent-1);
	font-size: 15px;
	font-family: var(--theme-font-secondary);
	color: #fff;
}
.header-upper a:focus-visible {
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px #2271b1;
}
.header-contact-container {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
}
.header-contact {
	display: flex;
	margin: 0 0 0 20px;
}
.header-contact:first-child {
	margin-left: 0;
}
.header-contact-icon {
	margin: 0 12px 0 0;
	font-size: 18px !important;
}
/*mobile links override*/
.header-contact a {
	color: #fff !important;
	text-decoration: none !important;
}
.header-social {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 0 0 0 20px;
	padding: 0 0 0 10px;
	border-left: 1px solid #fff;
}
.header-social_a {
	margin: 0 0 0 10px;
	color: #fff;
	text-decoration: none;
}
.header-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header-logo {
	margin: 20px 0 32px 0;
}
.header-logo-a {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s;
}
.header-logo-a:hover {
	opacity: 0.8;	
}
.header-logo-a:focus-visible{
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px #2271b1;
}
.header-nav-mobile_toggle-container,
.header-nav-mobile_menu-container {
	display: none;
}
.header-nav-main .menu {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 6px 0 20px 0;
}
.header-nav-main .menu-item {
	position: relative;
}
.header-nav-main a {
	display: block;
	height: calc(100% - 22px);
	padding: 0 36px;
	border-right: 2px solid var(--theme-grey-3);
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	color: var(--theme-grey-2);
	text-decoration: none;
}
.header-nav-main li:last-child a {
	border-right: none;
}	
.header-nav-main li.menu-item-has-children > a {
	display: flex;
	align-items: center;
}
.header-nav-main li.menu-item-has-children > a::after {
	content: '\f347';
	padding: 0 0 0 11px;
	font-size: 12px;
	font-family: "dashicons";
	color: var(--theme-grey-2);
}	
.header-nav-main a:hover,
.header-nav-main .current-menu-item a {
	color: var(--theme-accent-1);
}
.header-nav-main a:focus-visible {
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px #2271b1;
}
.header-nav-main .sub-menu {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	width: max-content;
	padding: 20px 26px 0 26px;
	transform: translateY(30px);
	opacity: 0;
	text-align: left;
	transition: all 0.3s;
}
.header-nav-main .menu-item-has-children a:hover + .sub-menu,
.header-nav-main .sub-menu:hover {
	visibility: visible;
	transform: translateY(0);
	opacity: 100;
}
.header-nav-main .sub-menu a {
	padding: 10px 20px;
	margin: 0;
	background: var(--theme-accent-1);
	font-size: 15px;
	color: #fff;
}
.header-nav-main .sub-menu a:hover {
	background: var(--theme-grey-2);	
}

/***** Hero *****/
.hero {
	position: relative;
	margin: 0 auto;
	z-index: 100;
}
.hero-single-img {
	width: 100%;
	height: auto;
}
.hero-images {
	position: relative;
	height: 640px;
	background: var(--theme-accent-1);
	z-index: 300;
}
.hero-slides-container {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.hero-slide {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	transform: translateX(20px);
	animation-timing-function: ease-in-out;
}
.hero-slide-image-container {
	width: calc(100% + 80px);
	height: 100%;
	transform: translateX(-40px);
	animation-timing-function: linear;
}
.hero-slide-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/***** Content Sections *****/

/*global*/
.page-title-section {
	position: relative;
	padding: 80px 0 0 0;
}


.content-section {
	position: relative;
	padding: 50px 0;
}

.content-section--spacing-reduce-above {
	padding-top: 0;
}
.content-section--spacing-reduce-below {
	padding-bottom: 0;
}
.content-section--spacing-reduce-both {
	padding-top: 0;
	padding-bottom: 0;
}

.content-cols {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.content-section--col-align-middle .content-cols {
	align-items: center;
}
.content-section--col-align-bottom .content-cols {
	align-items: flex-end;
}
.content-section--col-100 .content-cols {
	justify-content: center;
}
.col-33 {
	width: calc(33.33% - 30px);
}
.col-50 {
	width: calc(50% - 30px);
}
.col-66 {
	width: calc(66.66% - 30px);
}
.col-100 {
	width: 100%;
}
.col-content-section:not(.col-content-section--content_select_heading) + .col-content-section {
	padding-top: 40px;
}

.content-heading--text-align-centre {
	text-align: center;
}
.content-heading--text-align-centre::after {
	margin: 40px auto 0 auto;
}
.content-heading--text-align-right {
	text-align: right;
}
.content-heading--text-align-right::after {
	margin-left: calc(100% - 80px);
}

.content-image_img{ 
	width: 100%;
	height: auto;
}
.image-caption {
	margin-top: -4px;
    padding: 8px 10px 7px 10px;
    background: var(--theme-grey-4);
    line-height: 1.2;
    font-size: 15px;
}

.content-link-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	gap: 14px;
	width: 100%;
	text-align: center;
	font-weight: 500;
}
.col-100 .content-link-list {
	flex-wrap: nowrap;
}
.link-list-a {
	display: flex;
	justify-content: space-around;
	align-items: center;
	min-height: 60px;
	padding: 0 30px;
	background: var(--theme-grey-4);
	color: var(--theme-grey-1);
	font-size: 20px;
	line-height: 1.3;
	text-decoration: none;
}
.link-list-a:hover {
	background: var(--theme-grey-3);	
}

.content-video video {
	width: 100%;
	height: auto;
	max-height: 70vh;
}
.content-video-embed {
	position: relative;
	padding: 56.25% 0 0 0;
}
.content-video-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.accordion-title {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: calc(100% - 80px);
	margin: 20px 0 0 0;
	padding: 20px 40px;
	background: var(--theme-grey-4);
	color: var(--theme-grey-1);
	transition: all 0.3s;
	cursor: pointer;
}
.accordion-title:hover,
.accordion-title.ui-state-active {
	background: var(--theme-grey-3);
}
.accordion-title::after {
	content: '\f347';
	display: block;
	line-height: 1.3;
	font-family: "dashicons";
	transition: all 0.3s;
}
.accordion-title.ui-accordion-header-active::after {
	transform: rotate(180deg);
}
.accordion-title-h4 {
	width: calc(100% - 60px);
	margin: 0;
	transition: all 0.3s;
}
.ui-accordion-header-icon {
	display: none;
}
.accordion-content {
	background: var(--theme-grey-4);
}
.accordion-content-inner {
	width: calc(100% - 80px);
	padding: 40px 40px 20px 40px;
}
.accordion-content-inner a{
	color: var(--theme-grey-1);
}
.accordion-content-inner a:hover{
	color: var(--theme-grey-1);	
}

.content-image-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}
.image-link {
	width: calc(25% - 30px);
	text-align: center;
	text-decoration: none;
	margin: 0 15px 30px 15px;
}
.col-66 .image-link,
.col-50 .image-link {
	width: calc(33% - 30px);
}
.col-33 .image-link {
	width: calc(50% - 20px);
	margin: 0 10px 25px 10px;
}
.image-link-img {
	width: 100%;
	height: auto;
	margin: 0 auto -3px auto;
	transition: all 0.3s;
}
.image-link-title {
    padding: 10px 0 0 0;
	color: var(--theme-grey-1);
	font-size: 20px;
	font-weight: 500;
	text-align: left;
	line-height: 1.2;
	transition: all 0.3s;
}
.image-link-text {
    padding: 7px 0 0 0;
	color: var(--theme-grey-1);
	font-size: 15px;
	text-align: left;
	line-height: 1.2;
	transition: all 0.3s;
}
.image-link:hover .image-link-img {
	opacity: 0.7;
}

.content-brand-logos {
	display: flex;
	flex-wrap: wrap;
	gap: 45px;
	justify-content: center;
	align-items: center;
	margin: 55px 0 25px 0;
}
.brand-logo {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 300px;
}
.brand-logo-img {
	width: 100%;
	height: auto;
}

.content-map iframe {
	width: 100%;
	height: 400px;
}

.social-link {
	display: inline-block;
	padding: 0;
	margin: 0 10px 0 0;
	color: inherit;
	text-decoration: none;
	transition: all 0.2s;
}
.social-link:hover {
	opacity: 0.8;	
}
.social-link_icon {
	font-size: 25px !important;
}

.quote-name {
	font-family: var(--theme-font-secondary);
	font-size: 23px;
	font-weight: 500;
	letter-spacing: 2px;
	padding: 0 0 30px 0;
}

/***** Blog *****/
.archive-filters-container {
	position: relative;
	display: table;
	table-layout: fixed;
	width: calc(100% + 40px);
	margin: 60px 0 0 -20px;
}
.archive-filter {
	position: relative;
	display: table-cell;
	vertical-align: top;
	padding: 0 20px 40px 20px;
	font-size: 15px;
}
.archive-filter select {
	font-size: 15px !important;
	height: 38px !important;
	width: 100% !important;
	padding: 0 0 0 10px !important;
	border: 1px solid var(--theme-grey-2) !important;
	border-radius: 4px !important;
	background-color: #fff !important;
	line-height: 40px !important;
	font-family: var(--theme-font-main) !important;
    font-weight: 300 !important;
	color: var(--theme-grey-1) !important;
}
.archive-filter .search-form {
	position: relative;
	height: 38px;
	width: calc(100% - 12px);
	padding: 0 0 0 10px;
	border: 1px solid var(--theme-grey-2);
	border-radius: 4px;
	background-color: #fff;
	line-height: 38px;
    font-weight: 300 !important;
	color: var(--theme-grey-1) !important;
	overflow: hidden;
}
.archive-filter .search-form .search-field {
	width: calc(100% - 27px);
}
.archive-filter input[type=submit].search-submit {
	position: absolute;
	right: 0;
	top: 0;
	height: 38px;
	width: 27px;
	cursor: pointer;
	padding: 0 10px !important;
	border-radius: 0;
}
.grid {
	display: block;
	position: relative;
	width: calc(100% + 40px);
	margin-left: -20px;
}
/* clearfix */
.grid:after {
	content: '';
	display: block;
	clear: both;
}
.grid-sizer,
.grid-item {
	width: 33.33%;
}
.archive-post-container {
	padding: 0 20px 40px 20px;
}
.archive-post {
	display: block;
	padding: 20px;
	background: var(--theme-grey-4);
}
.archive-post:nth-child(3n+3) {
	margin-right: 0;
}
h1.archive-post_title {
	margin: 0 0 20px 0;
	font-size: 26px;
}
h1.archive-post_title::after {
	display: none; 
}
.archive-post_date {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	font-size: 15px;
	border-bottom: 1px solid var(--theme-grey-2);
}
.archive-post_image-container {
	position: relative;
	display: block;
	padding: 0 0 20px 0;
}
.archive-post_img {
	display: block;
	width: 100%;
	height: auto;
}
.archive-post_excerpt {
	font-size: 15px;
	padding: 0 0 20px 0;
}
.archive-post_links {
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 20px 0 0 0;
	border-top: 1px solid var(--theme-grey-2);
}
.archive-post_btn {
	display: table-cell;
	font-size: 18px;
	text-align: center;
}
.archive-post-nav {
	text-align: center;
}
.page-numbers {
	display: inline-block;
	vertical-align: middle;
	padding: 8px;
	background: var(--theme-grey-4);
	color: var(--theme-grey-1);
	text-decoration: none;
}
.page-numbers.current,
a.page-numbers:hover {
	background: var(--theme-grey-1);
	color: #fff;
}
.page-title-section--single {
	text-align: left;
}
.page-title-section--single .page-title-h1::after {
    margin: 30px 0 0 0;
}
.single-post-meta {
	max-width: 600px;
	margin-top: 20px;
    font-size: 14px;
}
.single-post-meta_date,
.single-post-meta_author {
	margin: 0;
}
.single-post-meta a {
	color: var(--theme-grey-1);
}
.single-post-meta a:hover {
	color: var(--theme-grey-1);
}
.single-post-entry {
	line-height: 1.6;
	padding: 0 0 80px 0;
}
.single-post-nav {
	line-height: 2;
	padding: 0 0 50px 0;
}
.post-navigation .nav-links {
	display: flex;
	justify-content: flex-start;
	gap: 40px 70px;
	width: 100%;
}
.post-navigation .nav-links a {
	text-decoration: none;	
}
.post-navigation .nav-links .meta-nav {
	font-weight: 500;
}
.post-navigation .nav-links .post-title {
	display: block;
	text-decoration: underline;
	line-height: 1.4;
}
.single-post-nav .screen-reader-text {
	display: none;
}
.single-post-nav a {
    color: var(--theme-grey-1);
}
.single-post-nav a:hover {
    color: var(--theme-grey-2);
}
.blog-lower-heading {
	display: inline-block;
	margin: 0 0 30px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid var(--theme-grey-3);
}
.search-list .search-item {
	display: block;
	border-bottom: 1px solid var(--theme-grey-2);
	padding: 30px 0;
}
.search-list .search-item .search-item_a {
	text-decoration: none;
	color: var(--theme-grey-1);
}
.search-list .search-item .search-item_a h3 {
	color: var(--theme-grey-1);
}
.search-list .search-item .search-item_a p {
	max-width: 800px;
}
.search-list .search-item .search-item_a .search-item_date,
.search-list .search-item .search-item_a .search-item_read-more {
	font-size: 15px;
}
.search-list .search-item .search-item_a:hover .search-item_read-more {
	text-decoration: underline;
}
.page-links {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 30px 0 0 0;
	gap: 20px;
}
.page-links a {
	color: var(--theme-grey-1);
	text-decoration: none;
	font-weight: 500;
}
.page-links a:hover {
	color: var(--theme-grey-2);
}

/***** comments *****/

.blog-footer-section {
	padding: 40px 0 4px 0;
	background: var(--theme-grey-4);
	border-top: 1px solid var(--theme-grey-3);
}
.main #respond {
	padding: 0 20px 20px 20px;
	margin: 20px 20px 70px 40px;
    border-left: 1px solid var(--theme-grey-2);
}
.main #respond ol,
.main .commentlist {
	list-style: none;	
	margin: 0 0 20px 0;
}
.main #respond li,
.main .commentlist li {
    border-left: 1px solid var(--theme-grey-2);
	padding: 10px 0 10px 10px;
}
.main .commentlist .depth-1 {
	margin-bottom: 10px;
}
.main .commentlist ul {
	list-style: none;
}
.main #respond h2 {
	display: block;
    padding: 0 0 10px 0;
	margin: 0 0 10px 0;
    font-size: 20px;
}
.main #respond h3 {
	margin: 0 0 20px 0;
    font-size: 18px;
	display: inline-block;
}
.comment-author img,
.says {
	display: none;
}
.main .commentlist .fn {
	font-size: 18px;
}
.main .commentlist .comment-meta {
	font-size: 14px;
	margin: 10px 0 20px 0;
}
.main .commentlist .reply {
	font-size: 14px;
	margin: 20px 0 10px 0;
}
.main #respond .required-field-message {
	display: block;
}
.main #respond .comment-form-comment label {
	display: block;
}
.main #respond .comment-reply-title {
	display: none;
}
.cancel-comment-reply {
	font-size: 14px;
	margin: -10px 0 10px 0;	
}
#commentform input,
#commentform textarea {
	border: 1px solid var(--theme-grey-2);
	padding: 10px !important;
	max-width: 95%;
	font-size: 16px !important;
	font-family: var(--theme-font-main) !important;
}
#commentform input[type=submit] {
	position: relative;
	display: inline-block;
	padding: 5px 40px !important;
	margin: 20px 0 0 0;
	border-radius: 999px;
	color: var(--theme-grey-1);
	border: 1px solid var(--theme-grey-1);
	text-decoration: none;
	cursor: pointer;
	font-weight: 500;
	font-family: var(--theme-font-main) !important;
	font-size: 18px !important;
	transition: all 0.5s;
}
#commentform input[type=submit]:hover {
	transform: scale(1.05);
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.comment-form-cookies-consent label {
	font-size: 16px;
}
h3#comments {
	display: none;
}
.comment a {
	color: var(--theme-grey-2);
}
.comment a:hover {
	color: var(--theme-grey-1);
}
	
/* Section Background - Grey */
.content-section--bg-grey {
	background: var(--theme-grey-4);
}
.content-section--bg-grey .image-caption {
	background: #fff;
}
.content-section--bg-grey .accordion-title,
.content-section--bg-grey .accordion-content {
	background: var(--theme-grey-3);
}
.content-section--bg-grey .accordion-title:hover,
.content-section--bg-grey .accordion-title.ui-state-active {
    background: #000;
    color: #fff;
}
.content-section--bg-grey .link-list-a {
	background: var(--theme-grey-3);
}
.content-section--bg-grey .link-list-a:hover {
	background: var(--theme-grey-2);
}
.content-section--bg-grey .image-link-title,
.content-section--bg-grey .image-link-text {
	color: #fff;
}
	
/* Section Background - Blue */
.content-section--bg-blue {
	background: var(--theme-accent-1);
	color: #fff;
}
.content-section--bg-blue .image-caption {
	background: #fff;
}
.content-section--bg-blue h1,
.content-section--bg-blue h2 {
	color: #fff;
}
.content-section--bg-blue .accordion-title,
.content-section--bg-blue .accordion-content {
	background: var(--theme-grey-3);
}
.content-section--bg-blue .accordion-title:hover,
.content-section--bg-blue .accordion-title.ui-state-active {
    background: #000;
    color: #fff;
}
.content-section--bg-blue .link-list-a {
	background: var(--theme-grey-3);
}
.content-section--bg-blue .link-list-a:hover {
	background: var(--theme-grey-2);
}
.content-section--bg-blue .image-link-title,
.content-section--bg-blue .image-link-text {
	color: #fff;
}
.content-section--bg-blue .btn,
.content-section--bg-blue .button,
.content-section--bg-blue .nf-form-content button,
.content-section--bg-blue .nf-form-content input[type=button],
.content-section--bg-blue .nf-form-content input[type=submit] {
	color: var(--theme-accent-1) !important;
	background: #fff !important;
}
.content-section--bg-blue .btn:hover,
.content-section--bg-blue .button:hover,
.content-section--bg-blue .nf-form-content button:hover,
.content-section--bg-blue .nf-form-content input[type=button]:hover,
.content-section--bg-blue .nf-form-content input[type=submit]:hover {	
	background: var(--theme-accent-2) !important;
	color: var(--theme-accent-1) !important;
}


/* Section Background - Logo Pattern */
.content-section--bg-logo-pattern {
	background: var(--theme-grey-4);
	background-image: url("_images/susan-davey-repeating-background.png");
	background-size: 300px;
	background-repeat: repeat;
	background-position: top left;
	background-attachment: fixed;
}

/***** Footer *****/
.footer {
	position: relative;
	background: var(--theme-accent-1);
	font-family: var(--theme-font-secondary);
	font-size: 17px;
	z-index: 300;
}
.footer-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30px 0;
	border-top: 1px solid #fff;
	color: #fff;
	transform: translateY(-1px);
}
.footer-text {
	font-size: 15px;
	line-height: 2;
	text-align: right;
}
.footer-credit {
	font-weight: 500;
	text-decoration: none;
	color: var(--theme-grey-1);
}
.footer-credit:hover {
	opacity: 0.6;
}
.footer a {
  color: inherit !important;
}
.footer-nav-ul {
	display: block;
	line-height: 2;
}
.footer-nav-li {
	font-size: 15px;	
}
.footer-nav-a:hover {
	opacity: 0.7;
}
.footer a:focus-visible{
	border: 2px solid rgb(0, 173, 239);
	border-radius: 3px;
}

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

	.hero-images {
		height: 560px;
	}

}

@media screen and (max-width: 1300px) {
	
	body {
		font-size: 17px;
	}
	h1 {
		font-size: 36px;
	}
	h2 {
		font-size: 26px;
	}
	h3 {
		font-size: 23px;
	}
	h4 {
		font-size: 22px;
	}
	h5 {
		font-size: 21px;
	}
	.main ul, .main ol {
		margin: 20px 0 20px 24px;
	}
	.header-nav-main a {
		font-size: 17px;
	}
	.header-nav-main .sub-menu a {
		padding: 10px 18px;
		font-size: 14px;
	}
	.page-title-section {
		padding: 60px 0 0 0;	
	}
	.col-50 .accordion-section-title-h3{
		font-size: 22px;
	}
	.col-50 .accordion-section-title-h4{
		font-size: 20px;
	}
	.hero-images {
		height: 500px;
	}
	.image-link {
		width: calc(25% - 20px);
		margin: 0 10px 25px 10px;
	}
	.col-66 .image-link,
	.col-50 .image-link {
		width: calc(50% - 20px);
		margin: 0 10px 25px 10px;
	}
	.col-33 .image-link {
		width: 100%;
		margin: 0 0 25px 0;
	}

	.col-100 .content-link-list {
		flex-wrap: wrap;
	}
	.col-100 .link-list-a {
		width: calc(25% - 71px);
		font-size: 17px;
	}
	.col-66 .link-list-a
	.col-50 .link-list-a,
	.col-33 .link-list-a {
		width: calc(100% - 60px);
		font-size: 17px;
	}
	.footer {
		border-width: 10px;
	}
	
}

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

	.header-logo-img {
		width: 150px;
		height: auto;
	}
	.hero-images {
		height: 480px;
	}
	.col-content-section:not(.col-content-section--content_select_heading) + .col-content-section {
		padding-top: 30px;
	}
}

@media screen and (max-width: 980px) {
	
	.hero-images {
		height: 450px;
	}
	.accordion-title {
		width: calc(100% - 40px);
    	padding: 15px 20px;
	}
	.accordion-title::after {
		width: 20px;
		height: 20px;
	}
	.accordion-content-inner {
		font-size: 19px;
	}
	.accordion-content--accordion-section-content {
		padding: 0 20px 20px 20px;
	}
	.image-link {
		width: calc(33% - 20px);
	}
}

@media screen and (max-width: 900px) {
	
	.wrap {
		padding: 0 30px;
	}
	.header-content {
		width: calc(100% - 60px);
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		padding: 0 30px 30px 30px;
	}
	.header-logo {
		margin: 20px 0 0 0;
	}
	.header-nav-main {
		display: none;
	}
	.header-navigation {
		text-align: right;
	}
	.header-navigation::after {
		display: none;
	}
	.header-nav-mobile_toggle-container {
		display: inline-block;
		margin: 0 0 0 30px;
	}
	.header-nav-mobile_toggle {
		display: flex;
		justify-content: center;
		align-items: center;
		background: var(--theme-accent-1);
		padding: 11px 44px;
		transition: all 0.3s;
		cursor: pointer;
	}
	.header-nav-mobile_toggle:hover {	
		background: var(--theme-grey-2);
	}
	.header-nav-mobile_text {
		font-family: var(--theme-font-secondary);
		font-weight: 500;
		font-size: 19px;
		color: #fff;
		margin: 4px 20px 0 0;
	}
	.header-nav-mobile_toggle-icon {
		margin-bottom: 4px;
	}
	.header-nav-mobile_bar {
		width: 25px;
		height: 2px;
		background: #fff;
		margin: 5px 0 0 0;
		transition: all 0.3s;
		border-radius: 9999px;
		overflow: hidden;
	}
	/* Rotate first bar */
	.menu-open .header-nav-mobile_bar--1 {
		-webkit-transform: rotate(-45deg) translate(-4px, 7px);
		transform: rotate(-45deg) translate(-4px, 7px);
    	width: 26px;
	}
	/* Fade out the second bar */
	.menu-open .header-nav-mobile_bar--2 {
		opacity: 0;
	}
	/* Rotate third bar */
	.menu-open .header-nav-mobile_bar--3 {
		-webkit-transform: rotate(45deg) translate(-4px, -6px);
		transform: rotate(45deg) translate(-4px, -6px);
    	width: 26px;
	}
	.header-nav-mobile_menu-container {
		display: none;
		position: absolute;
		right: 30px;
    	top: 100%;
		background: var(--theme-accent-1);
		text-align: left;
	}
	.header-nav-mobile_menu-inner {
		padding: 19px 27px 27px 27px;
	}
	.header-nav-mobile_menu-container ul li a {
		display: inline-block;
		padding: 10px 12px;
		margin: 8px 0 0 0;
		background: var(--theme-accent-1);
		border-bottom: 2px solid var(--theme-grey-3);
		color: #fff;
		font-size: 18px;
		text-decoration: none;
		cursor: pointer;
	}
	.header-nav-mobile_menu-container ul li a:hover {
		background: var(--theme-grey-2);
	}
	.header-nav-mobile_menu-container .sub-menu {
		margin: 0 0 0 26px;
		border-left: 2px solid var(--theme-grey-3);
	}
	.header-nav-mobile_menu-container ul li .sub-menu a {
		margin: 8px 0 0 0;
		font-size: 16px;
	}
	.hero-images {
		height: 425px;
	}
	.archive-filters-container .archive-filter:nth-child(2) {
		display: none;
	}

}

@media screen and (max-width: 850px) {
	
	.hero-images {
		height: 350px;
	}
	.grid-sizer, .grid-item {
		width: 100%;
	}
	.main #respond {
		margin: 20px 0;
	}
	.main .commentlist li.depth-1 {
		margin-left: 0;
	}
	.col-66 .image-link,
	.col-50 .image-link {
		width: 100%;
		margin: 0 0 25px 0;
	}
	.content-section--col-33-33-33 .col-33 {
		width: 100%;
	}
	.content-section--col-33-33-33 .col-33 + .col-33 {
		margin-top: 30px;	
	}
	.content-section--col-33-33-33 .col-33 .image-link {
		width: calc(33% - 20px);
		margin: 0 10px 25px 10px;
	}
	.link-list-a {
		padding: 0 15px;
		min-height: 40px;
	}
	.col-100 .link-list-a {
		width: calc(50% - 37px);
		font-size: 16px;
	}
	.col-66 .link-list-a
	.col-50 .link-list-a,
	.col-33 .link-list-a {
		width: calc(100% - 30px);
		font-size: 16px;
	}
	.footer {
		font-size: 15px;
	}
	.footer-logo-img {
		width: 100px;
		height: auto;
	}
	.footer-social-links-a {
		margin: 40px 10px 0 10px;
	}
	
}
	
@media screen and (max-width: 700px) {

	.wrap {
		padding: 0 20px;
	}
	.header-contact-container {
		justify-content: space-between;
	}
	.header-social {
		display: none;
	}
	.header-content {
		width: calc(100% - 40px);
		padding: 0 20px 20px 20px;
	}
	.header-nav-mobile_menu-container {
		right: 20px;
	}
	.hero-images {
		height: 330px;
	}
	.btn,
	.button,
	.nf-form-content button,
	.nf-form-content input[type=button],
	.nf-form-content input[type=submit] {
		font-size: 17px;
		padding: 13px 30px;
	}
	.col-33,
	.col-50,
	.col-66 {
		width: 100%;
	}
	.col + .col {
		margin-top: 30px;
	}
	.footer { 
		font-size: 15px;
	}
	.footer-content {
		flex-direction: column;
		text-align: center;
	}
	.footer-text {
		text-align: center;
	}
	.content-section--col-33-33-33 .col-33 .image-link,
	.col-33 .image-link,
	.col-50 .image-link,
	.col-66 .image-link {
		width: calc(50% - 20px);
		margin: 0 10px 25px 10px;
	}
	.post-navigation .nav-links {
		flex-direction: column;
	}
	.image-link {
        width: calc(50% - 30px);
    }

}

@media screen and (max-width: 660px) {
	
	.header-content {
		flex-direction: column;
		align-items: center;
		padding: 0;
		width: 100%;
	}
	.header-navigation {
		width: 100%;
		text-align: center;
	}
	.header-nav-mobile_toggle-container {
		margin: 30px 0 0 0;
		width: 100%;
	}
	.header-nav-mobile_menu-container {
    	width: calc(100% - 40px);
	}
	.hero-images {
		height: 300px;
	}
	.archive-filters-container {
		padding: 0 0 10px 0;
	}
	.archive-filters-container .archive-filter {
		display: block;
		padding: 0 20px 10px 20px;
	}
	.footer-content-left {
		display: block;
		text-align: center;
	}
	
}
	
@media screen and (max-width: 600px) {

	body {
		font-size: 16px;
	}
	h1 {
		font-size: 34px;
	}
	.header-nav-mobile_toggle {
		padding: 8px 40px;
	}
	.footer-text {
		font-size: 13px;	
	}
	
}
	
@media screen and (max-width: 540px) {
	
	blockquote {
		font-size: 36px;
	}
	.hero-images {
		height: 230px;
	}
	.col-100 .link-list-a {
		width: calc(100% - 30px);
	}
	.content-section--col-33-33-33 .col-33 .image-link,
	.col-33 .image-link,
	.col-50 .image-link,
	.col-66 .image-link,
	.image-link {
		width: 100%;
		margin: 0 0 25px 0;
	}	
	.accordion-content-inner {
		width: calc(100% - 40px);
		padding: 20px 20px 10px 20px;
	}
	.footer-nav-li {
		font-size: 13px;
	}
	.footer-text {
		font-size: 13px;
	}
	
}

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

	
	.header-contact--email {
		display: none;
	}
	.hero-images {
		height: 220px;
	}
	.page-links {
		flex-direction: column;
		align-items: center;
	}
	
}

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

	.hero-images {
		height: 190px;
	}
	
}

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

	.hero-images {
		height: 160px;
	}
	
}