/*
 Theme Name:   Gallery Pangolin
 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
*/

  /*
  * Header
  *-----------------------*/
body {border-top: 0rem ;}
header#masthead {
	display:block;
	padding: 0px!important;
	text-align:center;
	margin-top:0px;
	position:fixed;
	width:100%;
	z-index:10000;
	max-width: 3840px;
	width: 100%;
	background:rgb(140, 140, 140);
	/*background:#B0ACAC;*/
}
header, #logo {
	background:rgba(0,0,0,0);
	
}
.menu{float:right;}
#main header h1 {text-align:center;}
.dashicons-admin-appearance::before {
  content: url(http://pangolin.steverussellstudios.com/wp-content/uploads/2022/04/pangolin.png);
	padding-top:15px;
}

/*
 * Footer
 *-----------------------*/
footer#colophon {
    margin: 4em auto 0em auto;
    text-align: left;
	padding: 1em 1em;
}
/*
 * Sizing for 4k screens
 *-----------------------*/
#content, .container {
    max-width: 1080px;
	width: 100%;
	padding: 180px 1em 1em 1em;
}
colophon, footer#colophon {
    max-width: 1080px;
	width: 100%;
	padding: 1empx 1em 1em 1em;
}
.page-id-778 #content, .page-id-2 #content {max-width:2160px;}
.page-id-2 h1 {display:none;}
#main {
	display:inline-block;
	width:100%;
}
html {
	scroll-padding-top:140px;
}

/*
 * Logo Sizing
 *-----------------------*/
.logo {
	display:inline-block;
	float:left;
	flex: 0 0 18em;
}
nav {
	display:flex;
	margin:auto;
	width:100%;
}
.custom-logo-link {
	display:inline-block;
	float:left;
}
.logo img  {
    width: auto;
	float:left;
	padding-top:40px;
	padding-left:15px;
	max-height:100px;
		z-index:1000;
	position:relative;
}

/*
 * Remove Dotted Lines
 *-----------------------*/
article a, nav a {
	border-bottom: 0.1em;
}
a:hover {
	text-decoration:underline;
	border-bottom: 0em solid transparent;
}
a {
	line-height:unset!;
}
/*
 * Font-Settings
 *-----------------------*/
* {-webkit-font-smoothing: antialiased;}
 body, a, p, h1, h2, h3, h4, h5, h6, .slb_template_tag  {
font-family: "century-gothic", sans-serif;
font-weight: 400;
font-style: normal;
}
@media screen and (min-width:476px){
	p {text-align:justify;}
}
.slb_template_tag  {text-align:center!important;}
 body {font-size: 16px;}
 h1, article > header > h1 {font-size: 25px;margin:0 0 .4em 0;line-height:1.5;}
 h2, article > header > h2 {font-size: 20px;margin:1em 0 1em 0;line-height:1.5;}
 h3 {font-size: 18px;}
 h4 {font-size: 18px;font-weight: 400;}
 h5 {font-size: 16px;font-weight: 400;}
 h6 {font-size: 16px;}

article a, nav a {line-height:unset!important;}

 /*
  * Color-Settings
 *-----------------------*/
 body, article a, article a:visited, #logo,  nav a, nav a:visited, nav a:active  {
 	background-color: rgba(0,0,0,0);
	color:#000; 
 }
 html {
 	background-color: #fff;
 }
 a, a:visited,  a:active {
 	color: #000;
 }

footer#colophon a, footer#colophon a:visited, footer#colophon a:active , footer#colophon {
 	background-color: #fff;
 	color: #000;	
 }



article a, nav a {border-bottom:0em;}



	

 
/*********************************
Full-Page Slider Settings
*********************************/

@media only screen and (max-width: 980px) {
	header#masthead {
		position: fixed!important;
	}
}
/*********************************
Archive Settings
*********************************/
.post-type-archive-exhibitions  #main header h1 {text-align:left!important;}
.exhib-date {margin: 5px 0px;}
.controls {width:100%;display:flex;justify-content:space-between;padding:10px 0px;align-items:center;position:relative;}
/*@media only screen and (min-width: 540px) {
	.controls {margin-top:-70px;}
}*/
.blaze-prev:before {content: "\f141";left:10px;}
.blaze-next:after {content: "\f139";right:10px;}
.blaze-prev:before, .blaze-next:after{
	font-family:dashicons;
	font-size: 35px;
	display:inline-block;
	vertical-align:middle;
	position:absolute;
	top:20px;
}
.blaze-next {
	padding-right:30px!important;
	text-align:center;
    cursor: pointer;
}
.blaze-prev {
	padding-left:30px!important;
	text-align:center;
    cursor: pointer;
}
.status {text-align:center;flex:1 1 auto;}
.blaze-prev, .blaze-next {flex:0 0 120px;}
.exhibitions  .post-thumbnail img, .projects  .post-thumbnail img, .artists  .post-thumbnail img, .blog  .post-thumbnail img{
	max-width: 700px;
	width:100%;
	height:auto;
	margin:auto;
	display:block;
}

.blog .post header {text-align:center;}
@media (min-width: 631px){
.post-content {position: relative;margin-left:1.5em;float:left;width:100%;padding-right:2em;}
}
.blog  .type-post {
	border: 1px solid #fff;
	padding: 5px;
	vertical-align: top;
}
.blog  .post-thumbnail img{
	max-width: 700px;
	width:100%;
	height:auto;
}
.post-template-default .post-thumbnail img {
	max-width: 100%;
	height:auto;
	float:left;
}

@media only screen and (min-width: 700px) {
	.blog .post {max-width:22%;}
	.blog .type-post {display: inline-block; margin-right: 1.5%;}
  	.blog .post-thumbnail img{width:100%; height:auto;}
	.post-template-default .post-thumbnail img {max-width: 42%!important;}
}
.exhibition-archive {display:flex;}
.exhibition-archive {flex-direction:column;}

.pub-image {height:100%;}
.archive-image {vertical-align:middle;flex-basis:100%;}
.navigation {clear:both;}


.arch, .artist-artwork {
  display: grid;
  grid-column-gap: 1em;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width:1080px){
	.arch, .artist-artwork {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media only screen and (max-width:720px){
	.arch, .artist-artwork {
		grid-template-columns: repeat(2, 1fr);
	}
	.exhibition-archive {flex-direction:column!important;}
	.exhibition-archive .archive-image {margin:auto;padding-right:0px!important;}
}
@media only screen and (max-width:540px){
	.arch, .artist-artwork {
		grid-template-columns: repeat(1, 1fr);
	}
}
.arch article, .artist-artwork .detail-section{
  grid-row: auto / span 3;
  display: grid;
  grid-template-rows: subgrid;
}
.arch-image {
	display: flex;
}
.arch-date p{ margin:0;}

.arch-nav .active {text-decoration:underline;}
.arch-nav {padding-bottom:10px;}

.pub-image {
	display: grid;
  align-items: center;
}

 /*
  * SRS Additions Grid style
  *-----------------------*/
.page-numbers {color:#000!important;}

.display-posts-listing.grid {
	display: grid;
	grid-gap: 16px;
}

.display-posts-listing.grid .title {
	display: block;
	text-align:center;
}

.display-posts-listing.grid img { 
	display: block; 
	max-width: 100%; 
	height: auto; 
}

@media (min-width: 600px) {
	.display-posts-listing.grid {
		grid-template-columns: repeat( 2, 1fr );
	}
}

@media (min-width: 1024px) {
	.display-posts-listing.grid {
		grid-template-columns: repeat( 3, 1fr );
	}
}

@media (min-width: 1280px) {
	.display-posts-listing.grid {
		grid-template-columns: repeat( 4, 1fr );
	}
}


/**
 * Smooth scrolling on the whole document
 */
html {
	scroll-behavior: smooth;
}
#wpfront-scroll-top-container{
z-index:1000;
}








.page_category-wildlife .post-thumbnail {
	display:none;
}

 /*
  * Custom Post Types
  *-----------------------*/
.art-by, .publication-by, .exhib-date  {text-align:left;}
.exhib-main, .artist-main, .artwork-main, .publication-main, .exhib-artwork {display:flex;flex-wrap:wrap;}
.exhib-image, .artist-image, .artwork-image, .publication-image  {flex:40%;min-width:40%;}
.exhib-image, .artist-image, .artwork-image, .publication-image {height:100%;width:auto;}
.exhib-helper, .artist-helper, .artwork-helper, .publication-helper {flex:60%;min-width:60%;}
.exhib-uploads {padding: 25px;}
.exhib-details, .artist-footer {
	margin-top:50px;
	border: 1px solid #666;
	border-width: 1px 0px 1px 0px;
	display:flex;
	justify-content:flex-start;
	flex-flow:row wrap;
}
.artist-extra {border-bottom: 1px solid #666;padding-bottom: 15px;}
@media (min-width: 631px) {
	.artwork-details {padding-right:2em;margin-left:1em;}
}
.artwork-details {padding-bottom:15px;}
.detail-section, .arch article {
  	-ms-flex: auto;
	position: relative;
	margin-right:1%;
	margin-bottom:15px;
	}
.detail-section{
	display:flex;
	flex-flow:column;
}
.detail-section a {line-height:unset!important;}
 .listing-image{
	flex:1;
	 display:flex;
	 align-items:center;
}
.title {margin-top:auto;}
@media (max-width: 630px) {
	.exhib-main, .artist-main, .artwork-main, .publication-main {display:block;}
	.exhib-image, .exhib-artwork, .artist-image, .artwork-image, .publication-image  {display:block;margin:auto;}
}
@media (min-width: 768px) {
	.detail-section{flex-basis: 24%!important;}
}
@media (min-width: 512px) {
	.detail-section{
	flex-basis: 49%;
	}
}
@media (max-width: 511px) {
	.detail-section  {
	flex-basis: 100%;
	}
}
.current article {    flex: 1;}
.current article:first-child {
    margin-right: 20px;
} 
.artist-extra {display:flex;}
.artist-details {flex-basis:25%;}
 /*
  * SRS Current Exhibitions
  *-----------------------
@media (min-width: 512px) {
	.current .exhibition-archive img{
		max-width:40%;
	}
	.current-helper {
	  max-width: 60%;
	  position: relative;
	  display: inline-block;
	  padding: 0 15px;
	  vertical-align: top;
	}
}
@media (max-width: 511px) {
	.current .exhibition-archive img{
		max-width:50%;
		display:block;
		margin:auto;
	}
}*/

.exhib-nav {width:100%;border:1px solid #666;border-width:1px 0px;}
.exhib-nav .button{
	position:relative;
}
/*.exhibition-archive {
	display:flex;
	flex-direction:column;
}*/

.current-helper .button_cont {margin-top:auto;}
.pub-image {
	margin-top:auto;
	margin-bottom:auto;
}
/*
 * Business Hours Indicator
 *-----------------------*/
.bp-times {width:15ch;}
 /*
  * SRS Additions Button style
  *-----------------------*/
.button:hover {
color: #fff !important;

background: #8C8C8C!important;
padding: 13px;
border: 2px solid #8C8C8C !important;

transition: all 0.4s ease 0s;
margin:10px;
}
.button{
color: #8C8C8C !important;
background: #fff!important;
border: 2px solid #8C8C8C !important;
transition: all 0.4s ease 0s;
	padding: 13px;
		margin:10px;
	text-transform: uppercase;
text-decoration: none;
	display: inline-block;
}
.button_cont {padding-top:10px;}
.exhib-buttons, .project-buttons {display: inline-block;
  width: 100%;}
.exhib-buttons .button:first-of-type, .project-buttons .button:first-of-type {float:left;}
.exhib-buttons .button:last-of-type, .project-buttons .button:last-of-type {float:right;}


.artist-archive {display:flex;flex-direction:column;justify-content:flex-end;}
.archive article header{display:flex;}




 /*
  * Complianze Contact Form Cookie Integration
  *-----------------------*/
 
  /* Hide the Submit button before consent */
.wpforms-submit-container {
	display:none;
}

 /* Display the Submit button if Marketing or ReCaptcha consent was obtained */
.cmplz-google-recaptcha .wpforms-submit-container, .cmplz-marketing .wpforms-submit-container {
	display:block!important;
}

/* Style the button */
button.cmplz-blocked-content-notice.cmplz-accept-marketing.cmplz-wpforms {
    background-color: #fff!important;
    border: 1px solid #ddd;
    color: #333;
    font-size: 1.2em;
    padding: 10px 15px;
    margin-top:15px;
}

/* Optional: Hide the ReCaptcha consent placeholder after obtaining consent */
.cmplz-marketing button.cmplz-blocked-content-container.cmplz-blocked-content-notice.cmplz-wpforms, 
.cmplz-google-recaptcha button.cmplz-blocked-content-container.cmplz-blocked-content-notice.cmplz-wpforms {
	display: none;
}