/*
 Theme Name:   JonathanKenworthy2025
 Description:  Susty Child Theme
 Author:       Steve Russell Studios
 Template:     susty-master
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  sustychild
*/

.page-id-2 header#masthead {display:none;}
.unicode:after {content: "\u1FB8";}
/**************************
* Site Structure and Spacing
 * ***********************/
:root {
  font-size: 62.5%;
}
.logo img {width:100%;}
.logo {
    flex: 0 40.2rem;
    text-align: center;
    line-height: 0;
	transition: all 200ms ease-in-out;
}
.shrink {
	flex: 0 0!important;
	transition: all 200ms ease-in-out;
}

.header-shrink #mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open + #mega-menu-menu-1 {
	top:65px!important;
	transition: all 200ms ease-in-out;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open + #mega-menu-menu-1 {
	transition: all 200ms ease-in-out;
}

body{overflow-x:hidden;}
header#masthead {max-width:unset;width:100%;position:fixed;padding: 0px;margin:0px;z-index:1000;justify-content:space-between;}
header#masthead h1, header#masthead p {flex:unset;}
footer#colophon {max-width:unset;width:100%;padding:0px;margin:0px auto 0px auto;display:flex;flex-direction:column;}

#content {width:100%;padding:195px 75px 0px;}

.header-container {
	width:100%;
	display:flex;
	padding:25px 75px;
	margin: auto; 
	align-items: center;
	justify-content:space-between;
	transition: all 200ms ease-in-out;
}
.header-shrink {
	padding: 5px 75px!important;
	transition: all 200ms ease-in-out;
}
.footer-info {
	margin:auto;
	align-self:center;
	padding:30px 75px;
}

body {border-top:none;}
header#masthead h1, header#masthead p {
	padding:1rem;
	font-size: 2.0rem;
    line-height: 2.2rem;
}
.full-width {
	margin:0px -100%; /* old browsers fallback */
  	margin:0px calc(50% - 50vw);
}
.full-width img, .wp-block-image img {width:100%!important;}
.quote {
	padding:50px;
	width:100%;
}
blockquote {margin:0px;}
html {scroll-padding-top:200px; scroll-behavior: smooth;}
/**************************
 * Website Containers
 * ***********************/
.header-container, .footer-info, #content {max-width:1440px;}

.page-id-690 #content, .page-id-76 #content {
	padding:175px 75px 0px;
}
@media (max-width: 1079px) {
	.page-id-690 #content, .page-id-76 #content {padding:110px 25px 0px;}
		.mobile-reverse {flex-direction:column-reverse!important;}
}
.no-margin-bottom {margin-bottom:0px!important;}
.negative-margin-top{margin-top:-30px!important;}
.vertical-align {vertical-align:center;}
/**************************
 * Page Titles
 * ***********************/
.page article header {display:none;}
/**************************
 * Mobile Structure
 * ***********************/
@media (max-width: 1079px){
	.logo{
		max-width:200px;

	}
	#content {
		padding-top:110px;
	}
}
@media (max-width: 719px){
	.header-container {padding:25px 25px;}
	.footer-info {padding:30px 25px;}
	#content {padding:110px 25px 30px;}
	body, article a,  button, h1, h2, .nextend-bar span, .has-large-font-size  {font-size:20px!important;font-size:2.0rem!important;line-height:3.4rem!important;}
}
/**************************
 * Gutenburg Breakpoints
 * ***********************/
/*@media (max-width: 1079px){
.is-layout-flex{
    flex-direction:column;
}
}*/
@media (min-width: 1080px){
.is-layout-flex {
    flex-direction:row;
}
}
.wp-block-columns.is-not-stacked-on-mobile {
	flex-direction:row!important;
}
/**************************
 * Slider Captions
 * ***********************/
.ms-info {text-align:center;}
/**************************
 * Page Transitions
 * ***********************/
#fader {
    position: fixed;
	top:175px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
	pointer-events: none;
	animation-duration: 300ms;
    animation-timing-function: ease-in-out;
}
@media (max-width: 719px){
	#fader {top:111px!important;}
}

@keyframes fade-out {
    from { opacity: 1 }
      to { opacity: 0 }
}

@keyframes fade-in {
    from { opacity: 0 }
      to { opacity: 1 }
}

#fader.fade-out {
    opacity: 0;
    animation-name: fade-out;
}

#fader.fade-in {
    opacity: 1;
    animation-name: fade-in;
}


/**************************
 * Back To Top Button
 * ***********************/
.back-to-top-link {
	opacity:0;
	position:fixed;
	right: 1.5rem;
	bottom:1.5rem;
	background-color:rgba(0.6,0.6,0.6,0.6);
	border-radius:5px;
	font-size:1.4rem;
	color:#fff!important;
	padding:0px 1.5rem .5rem;
	  transition: visibility 0s, opacity 0.5s linear;

}
.back-to-top-link.active {
	opacity:1;
  transition: visibility 0s, opacity 0.5s linear;
}
#top {scroll-margin-top:2em;  scroll-behavior: smooth;}
.back-to-top {
	font-family:dashicons;
}
.back-to-top:after{
	content: "\2191";
	font-size:2.5rem;
	text-align:center;
	display:block;
}
*, html {
  scroll-behavior: smooth!important;
}
a.back-to-top-link {
		text-decoration:none;
}
/**************************
 * Font Styling
 * ***********************/

b, strong {font-weight:700;}
h1, h2, h3, h4, h5, h6, button, footer#colophon, footer#colophon a, .ms-info, .ms-info p, a, strong  {
	font-family: "corbel", sans-serif;
	font-weight: 400;
	font-style: normal;
}
body, p  {
font-family: "corbel", sans-serif;
font-weight: 300;
font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
h1, h2, h3, h4, h5, h6 {
	clear:none;

}

.button {font-variant:small-caps;}
article a, article a:hover, article a:active, article a:visited {
	border-bottom:0px;
	text-decoration:none!important;
}

header nav a, header#masthead a, footer#colophon nav{text-decoration:none!important;text-transform:uppercase;letter-spacing:4px;}
header nav a {
	font-size:16px;
	font-size:1.6rem;
}
header#masthead h1 a{font-weight:700!important;}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:none!important;}
article > header > h1, article > header > h2  {margin: 1.0em 0;}
h1, article > header > h1, article > header > h2 {font-size:30px;font-size:3.0rem;line-height:3.4rem;}
h2, h2 a {font-size:30px!important;font-size:3.0rem!important;line-height:3.4rem!important;}
h3, h3 a {font-size:30px!important;font-size:3.0rem!important;line-height:3.4rem!important;}
h4, h4 a {font-size:19.5px!important;font-size:1.95rem!important;line-height:1.95rem!important;}
h5, h5 a {font-size:19px!important;font-size:1.9rem!important;line-height:1.9rem!important;}
h6, h6 {font-size:18.5px!important;font-size:1.85rem!important;line-height:1.85rem!important;}
body, article a,  button {font-size:30px;font-size:3.0rem;line-height:3.4rem;}
footer, footer nav {font-size:18px!important;font-size:1.8rem!important;line-height:1.6rem!importance;text-underline-offset: 4px;}

p.no-pad {margin-top:0px!important;}
.no-pad-bottom {margin-bottom:0px!important;}
.has-large-font-size, .has-large-font-size a {font-size: 36px; font-size:3.6rem;}
/**************************
 * Gutenburg Font Styling
 * ***********************/
.has-medium-font-size {
	font-size:18px;font-size:1.8rem;
}
/**************************
 * Color Styling
 * ***********************/
/* Main Colors */
header#masthead a {color:#B0A893;}
body {
	color:#000;
	background-color:#fff;
}
h1, h2, h3, h4, h5, h6, footer#colophon a{
	color: #000;
}
hr {
	background-color:#fff;
}
.page-id-2 body {
	color:#fff;
	background-color:#000;
}
header#masthead {
	color:#B0A893;
	background-color:#183B1B;
	border-bottom:1px rgba(160, 160, 160, 0.3) solid;
}
footer#colophon {
	background-color:#183B1B;
	color:#B0A893;
}
footer#colophon a {
	color:#B0A893;
}
.menu-navigation-container ul li {
	border-left:1px rgba(160, 160, 160, 0.3) solid;
}
/* Link settings */
:visited { color: #000; }
:link:active, :visited:active { color: #000; }
:link { color: #000; text-decoration:underline;}
/* Button settings */
.button, .button:visited, .nav-links span, .nav-links a, .ms-custom-button {
	color: #B0A791!important;
	background-color: #0E2E19!important;
	border-style: solid!important;
	border-bottom-style: solid!important;
	border-width: 3px 3px 3px 3px!important;
	border-bottom-width: 3px!important;
	border-color: #0E2E19!important;
	border-radius: 0px 0px 0px 0px!important;
}
.button:hover,  .button.active, .nav-links span:hover, .nav-links a:hover, .ms-custom-button:hover{
	color: #B0A791!important;
	background-color: #1C4B2C!important;
	border-style: solid!important;
	border-bottom-style: solid!important;
	border-width: 3px 3px 3px 3px!important;
	border-bottom-width: 3px!important;
	border-color: #0E2E19!important;
	border-radius: 0px 0px 0px 0px!important;
}
.button.active, .nav-links span:active, .nav-links a:active, .ms-custom-button:active {
	color: #B0A791!important;
	background-color: #1C4B2C!important;
	border-style: solid!important;
	border-bottom-style: solid!important;
	border-width: 3px 3px 3px 3px!important;
	border-bottom-width: 3px!important;
	border-color: #0E2E19!important;
	border-radius: 0px 0px 0px 0px!important;
}
/* Page Transition */
#fader {
	background-color:#183B1B;
}
/**************************
 * Button Styling
 * ***********************/
.button, .button:visited, .nav-links span, .nav-links a {
	border-radius:0px;
	font-size: calc( 15px + 4 * (100vw / 1500));
  	line-height: 1.5;
	transition-property: background;
	transition-duration: .2s;
	transition-timing-function: linear;
	padding: .6rem 1rem .4rem;

	display: inline-block;
  	margin-bottom: 5px;
}
.button:hover,  .button.active, .nav-links span:hover, .nav-links a:hover, .ms-custom-button{
	text-decoration:none!important;
}
.button.active, .nav-links span:active, .nav-links a:active {
	border: 1px solid;
}
.nav-links span, .nav-links a {
	padding: .6rem 1rem .4rem;
}
.elementor-button, .elementor-button:hover {
	border-bottom: solid 3px #0E2E19!important;
}
button, .button, .ms-custom-button {
	text-transform:uppercase;
}
.df-popup-button {
	border-radius:0px!important;
	background:#183B1B!important;
	color:#B0A893;
	margin:0px!important;
	padding:15px!important;
}
/**************************
 * Footer Styling
 * ***********************/
.footer-info {text-align:center;}
/**************************
 * FlipBook Popup
 * ***********************/
.df-lightbox-wrapper .df-lightbox-bg {background:#ffffff88!important;}
/**************************
 * Exibitions Pages
 * ***********************/
.exhibition-title {
	margin-top:-30px;
	padding: 15px!important;
	/*
	margin-top: -130px;
	position:relative;
	background-color:#ffffff88;*/
}

/**************************
 * Contact Page
 * ***********************/
.page-id-76 .hentry {margin-bottom:0px!important;}
.full-height {margin-top:-10vh;}
@media (max-width: 719px){
	.wp-block-cover .wp-block-cover__background {opacity: .5!important;}
}

/**************************
 * Publications Page
 * ***********************/
.publication {
	-webkit-filter: drop-shadow(5px 5px 10px #4a4a4a);
	filter: drop-shadow(5px 5px 10px #4a4a4a);
}

/**************************
 * Cookie Page
 * ***********************/

.page-id-932 article header {display:inline;}
#cmplz-document {
	max-width:1440px;
	font-size: 24px; font-size:2.4rem;line-height:2.4rem;
}
#cmplz-document p, #cmplz-document a {
	font-size: 24px; font-size:2.4rem;line-height:2.4rem;
}