/*
 Theme Name:   ArtPress
 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;
}
body{overflow-x:hidden;}
header#masthead {max-width:2560px;width:100vw;position:fixed;}
header#masthead h1, header#masthead p {flex:unset;}
#content {max-width:2560px;width:100vw;overflow-x:hidden;}
footer#colophon {max-width:2560px;}
.menu-navigation-container {max-width:2560px;}

@media only screen and (max-width:839px){
	header#masthead {padding: 25px 15px!important;}
		#content {padding:195px 15px 30px 15px!important;}
}
header#masthead {padding: 25px 75px;margin:0px;z-index:1000;justify-content:space-between;}
#content {padding:195px 100px 30px;}
.elementor-template-full-width #content {padding: 195px 0px 0px 0px;}
footer#colophon {padding:30px;margin:30px auto 0px auto;}

body {border-top:none;}
header#masthead h1, header#masthead p {
	padding:1rem;
	font-size: 2.0rem;
    line-height: 2.2rem;
}
/**************************
 * Page Transitions
 * ***********************/
#fader {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
	pointer-events: none;
	animation-duration: 300ms;
    animation-timing-function: ease-in-out;
}


@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;
}


/**************************
 * Menu Structure Without MegaMax
 * ***********************/
/*
 * header nav {display:flex;}
.menu-navigation-container {
	width:100%;
}
.menu {
	display:flex;
	flex-direction:row;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size:1.8rem;
	line-height:1.8rem;
}
.menu-navigation-container ul li a{
	flex-basis:1;
	padding:10px;
}

.menu-item a{
	display:block;
  border-color: #8e44ad;
  border-radius: 0;
  color: #f2f2f2;
  position: relative;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
.menu-item a:after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 100%;
  background: #f2f2f2;
  z-index: -1;
  -webkit-transition: width 150ms ease-in-out;
  transition: width 150ms ease-in-out;
}

.menu-item a:hover:after {
  width: 101%;
}
.sub-menu {
	display: none;
	background-color:  #fff;
	padding:0px;
	list-style:none;
	position:absolute;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.menu-item-has-children:hover .sub-menu{
	display:block;

} 
.sub-menu .menu-item ul li a {
	padding: 10px;
	-webkit-transition: color 150ms ease-in-out;
  	transition: color 150ms ease-in-out;
}
.sub-menu li {
	border-left:none!important;

}
.sub-menu li a {
	width:100%;
}

/**************************
 * Mobile Menu
 * ***********************/
/*
@media only screen and (max-width:980px){
	header#masthead {justify-content:space-between;}
	.menu-navigation-container ul li {
		padding:10px 35px;
	}	
	.menu-navigation-container ul li:last-of-type {
	padding: 10px 35px;
	}
	.menu-navigation-container ul {
		flex-direction: column;
		max-height:0;
		overflow:Hidden;
    	background: #fff;
		box-shadow: 0px 10px 25px #000;
		transition: max-height 0.25s linear;
	}
	.mobile-menu {display:block!important;}
	.menu-navigation-container .active  {display:block;max-height:500px;}
	.menu-navigation-container {
		display: block;
    	position: absolute;
    	margin-top: 5.5rem;
		z-index: 2000;
		left:0;
	}
/*	.menu {max-width: 540px;margin: auto!important;}
	.menu-item {text-align:right;}
	.menu-item-has-children:focus .sub-menu {
    	display: inline;
		max-height:unset;
		position:relative;
  }
}
.mobile-menu {
	display:none;
	cursor: pointer;
	padding:10px;
	font-size:1.8rem;
	line-height: 1.8rem;
}
.menu-helper {
	width:100%;
	height:100vh;
	display:none;
	position:fixed;
 	 left: 0;
 	 top: 0;
	z-index:1000;
}
.menu-helper.active {display:block!important;}

.mega-menu-horizontal {
	display:flex!important;
	top: -52px!important;
  height: 100vh!important;
  justify-content: center;
	z-index:999!important;
	visibility:hidden!important;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open + #mega-menu-menu-1 {
	visibility:visible!important;
}
.mega-menu-toggle {
	z-index:1000!important;
	position:relative;
}
/**************************
 * 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:10px;
	font-size:1.4rem;
	color:#fff!important;
	padding:0px .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:1.8rem;
	text-align:center;
	display:block;
}
*, html {
  scroll-behavior: smooth!important;
}

/**************************
 * Font Styling
 * ***********************/
@font-face {
    font-family: Roboto;
    src: url('./fonts/Roboto-Light.woff2') format('woff2 supports variations'),
         url('./fonts/Roboto-Light.woff2') format('woff2-variations');
    font-weight: 100;
    font-display: swap;
    font-style: normal;
	font-smooth: always;
}
@font-face {
    font-family: Roboto;
    src: url('./fonts/Roboto-Regular.woff2') format('woff2 supports variations'),
         url('./fonts/Roboto-Regular.woff2') format('woff2-variations');
    font-display: swap;
    font-weight: 700;
	font-smooth: always;
}
b, strong {font-weight:700;}
body, p, a, h1, h2, h3, h4, h5, h6, button {
font-family: "adobe-garamond-pro", serif;
font-weight: 400;
font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
h1, h2, h3, h4, h5, h6 {
	clear:none;
	letter-spacing:0.5rem;
}

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

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, h2, h3, h4, h5, h6 {text-transform:uppercase;}
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:46px;font-size:4.6rem;line-height:4.6rem;}
h2, h2 a {font-size:44px!important;font-size:4.4rem!important;line-height:4.4rem!important;}
h3, h3 a {font-size:35px!important;font-size:3.5rem!important;line-height:3.5rem!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:20px;font-size:2.0rem;line-height:2.2rem;}
footer, footer nav {font-size:18px!important;font-size:1.8rem!important;line-height:1.6rem!importance;text-underline-offset: 4px;}
.artwork-details span, .detail-section span {display:block;}

/**************************
 * Color Styling
 * ***********************/
/* Main Colors */
header#masthead a {color:#fff;}
body {
	color:#000;
	background-color:#fff;
}
h1, h2, h3, h4, h5, h6, footer#colophon a{
	color: #b0a791;
}
hr {
	background-color:#b0a791;
}
.page-id-2 body {
	color:#fff;
	background-color:#000;
}
header#masthead {
	color:#fff;
	background-color:#0e2e19;
	border-bottom:1px rgba(160, 160, 160, 0.3) solid;
}
footer#colophon {
	background-color:#0e2e19;
	color:#b0a791;
}
.menu-navigation-container ul li {
	border-left:1px rgba(160, 160, 160, 0.3) solid;
}
/* Link settings */
:visited { color: #bbb; }
:link:active, :visited:active { color: #bbb; }
:link { color: #bbb; 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:#000;
}
/**************************
 * 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;
}
/**************************
 * Footer Styling
 * ***********************/
.footer-info {text-align:center;}


/**************************
 * Gallery Styling
 * ***********************/
/*img.artwork-image, img.artwork-thumb {margin:auto;display:block;}
img.artwork-thumb {width:270px;}*/
.related-nav .blaze-track > * {max-width:290px;}
.controls .blaze-track > * {max-width:290px;}
@media only screen and (max-width:1099px){

	.gallery-helper {min-height:540px!important;}
}
@media only screen and (max-width:899px){
	img.artwork-thumb {width:135px!important;}
	.related-nav .blaze-track > * {max-width:145px;}
	.controls .blaze-track > * {max-width:145px;}
	.gallery-helper {min-height:320px!important;}
}
.related-nav {text-align:center;}
.related-nav .slick-track {float:left;}

.gallery-helper {overflow:hidden;min-height:720px;margin-bottom:10px;}

.artwork-image {display:block;margin:auto;}
.my-pagination button {
  font-size: 0;
  border-radius: 0px;
  outline: none;
  border: none;
  background: rgba(0,0,0,0);
  cursor: pointer;
  transition: transform 200ms ease, background-color 300ms ease;
}

.my-pagination button.active {
  border: 1px solid #000;
}
.art-title {display:block;}
.blaze-next,
.blaze-prev {
  border: none;
  font-size: 24px;
  background: none;
  cursor: pointer;
  background-position: center;
  background-size: 100%;

}
.blaze-next:after {
	font-family:Dashicons;
	content: "\f345";
}
.blaze-prev:before {
	font-family:Dashicons;
	content: "\f341";
}

.blaze-pagination {
  display: flex;
  gap: 15px;
}

.blaze-pagination button {
  font-size: 0;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  outline: none;
  border: none;
  background: hsl(0deg, 0%, 15%);
  cursor: pointer;
  transition: transform 200ms ease, background-color 300ms ease;
}

.blaze-pagination button.active {
  background: white;
  transform: scale(1.3);
}

.vbox-container { overflow-y: hidden; }
.vbox-title a {color:#fff;text-decoration:underline;}
figure {margin-top:0px;}
.vbox-overlay { width:100vw; overflow:hidden;}
.vbox-overlay * { -webkit-backface-visibility: visible !important; }
/*.blaze-next {
  transform: rotate(180deg);
} */
.controls {
display: flex;
  justify-content: space-between;

}
.controls button {
		line-height:0px;
}
/**************************
 * Gallery Archive Styling
 * ***********************/
.archive-helper {
	display:flex;
	flex-wrap:wrap;
}
.archive-helper article {
	max-width:270px;
	margin-right:20px;
}
@media only screen and (max-width:1440px){
	.archive-helper article  {max-width:255px;}
}
@media only screen and (max-width:1440px){
	.archive-helper article  {max-width:255px;}
}
@media only screen and (max-width:549px){
	.archive-helper article  {margin:auto;}
}


/**************************
 * Masonry Gallery
 * ***********************/
.grid-item {
  float: left;
  border: 2px solid hsla(0, 0%, 0%, 0.0);
}

.grid{max-width:100%;clear:both;}
/*
@media only screen and (min-width:1100px){
	.grid-sizer{width:540px;}
	.grid-item{width:20%;}
}
@media only screen and (max-width:1099px){
	.grid-sizer{width:25%;}
	.grid-item{width:25%;}
}
@media only screen and (max-width:839px){
	.grid-sizer{width:33%!important;}
	.grid-item{width:33%!important;}
}*/
.grid:after {
  content: '';
  display: block;
  clear: both;
}
.sl-wrapper {
  overflow: hidden!important;
  position: absolute!important;
  height: 100vh!important;
  width: 100vw!important;
}


/**************************
 * Collections
 * ************************/
.page-id-70 .caption {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
.metaslider.ms-theme-clarity .flexslider .slides li:focus-within
{
	outline: unset!important;
  outline-offset: unset!important;
}
/**************************
 * Social Icons
 * ***********************/
header nav {justify-content:space-around;}
.dashicons {line-height: 1.3;}
.menu-item-515, .menu-item-516, .menu-item-517, .menu-item-518 {
	display:inline-block;
float:right;

}
@media only screen and (max-width:980px){
	.menu-item-516, .menu-item-517, .menu-item-518 {padding:10px!important;}
	.menu-item-515 {padding: 10px 35px 10px 10px!important;}
}