featured-image/*
 Theme Name:   Art Fluent
 Theme URI:    https://art-fluent.com
 Description:  GeneratePress child theme built for Art Fluent
 Author:       Evan Quinn
 Author URI:   https://evanleahquinn.com
 Template:     generatepress
 Version:      0.1
*/


/*img {
	pointer-events: none;
}*/

.site-header,
body .site,
footer {
	font-family: "museo-slab", serif;
	font-weight: 300;
	font-style: normal;
	font-size:16px;
}

.block-editor .editor-styles-wrapper, 
.block-editor .editor-styles-wrapper .block-editor-block-list__layout {

}

.editor-styles-wrapper * {
    font-size:inherit!important;
    font-weight:inherit!important;
}

.editor-styles-wrapper .gb-container {
    padding:inherit!important;
}

.container.grid-container {
      max-width: 100%;
}

/* TYPOGRAPHY */

h1 {

}

h1.entry-title {
    /*text-align:center;*/
    /*text-transform:uppercase;*/
}

h2, h3 {
	font-weight:800;
}

h2 {
    font-size:30px;
    letter-spacing:.01em;
    margin-bottom:30px;
}

h3 {
    font-size:22px;
    letter-spacing:.01em;
    margin:15px 0;
}

p {
	margin-bottom:1.2em;
}

a {
    font-weight:bold;
	color:#8E44AD;
}

a:hover,
a:focus {
    text-decoration:none;
}

/* HEADER */

.inside-header {
	padding-top:0;
	padding-bottom:5px;
}

.main-navigation .main-nav>ul {
	padding-top:20px;
	padding-bottom:10px;
	font-family: "museo-slab", serif;
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
}

.nav-float-right #site-navigation {
	margin-left:3%!important;
}

.site-logo {
	display:block;
}

.site-logo img {
	/*border-top:5px solid #fff;*/
	margin-bottom:-32px!important;
	position:relative;
	z-index:100;
}

.slideout-toggle {
    position: relative;
	padding-top:10px;
}

.slideout-toggle span:before {
	display:inline-block;
	height: 28px;
	width: 30px;
	font-family: "Font Awesome 6 Pro";
    content: "\f002";
	font-size:1.1em;
}

.slideout-toggle svg {
	display:none!important;
}


/*STICKY HEADER */


.nav-float-right .navigation-stick .navigation-branding {
	margin-right:30px;
}

.main-navigation.sticky-navigation-transition .navigation-branding img {
	height:105px!important;
	padding:0;
}

.sticky-enabled .main-navigation.is_stuck .main-nav>ul {
	/*padding-top:10px!important;
	padding-bottom:0!important;*/
	padding-bottom:25px!important;
}

#masthead,
.sticky-enabled .main-navigation.is_stuck {
	box-shadow: var(--shd,0 0 5px rgba(0,0,0,.3));
}

.main-navigation.sticky-navigation-transition .main-nav > ul > li > a {
	line-height:30px;
}

.navigation-branding .sticky-navigation-logo img {
	margin-bottom:-30px;
}


/* SEARCH ICON */
.main-navigation.sticky-navigation-transition .menu-bar-item > a {
	line-height:30px;
	padding-top:0px;
}

.main-navigation.sticky-navigation-transition .slideout-toggle {
	padding-top:0;
	margin-top:-5px;
}

/* END STICKY HEADER */


/* SLIDEOUT */

/* desktop width */
:root {
    --slideout-width: 500px!important;
    --gp-slideout-width: 500px!important;
}
/* small device width */
@media(max-width: 768px) {
    :root {
        --slideout-width: 100%;
    }
}

#generate-slideout-menu {
	font-family: "museo-slab", serif!important;
}

body .offside--left.is-open, .offside-js--is-left .offside-sliding-element {
    -webkit-transform: translate3d(500px,0,0);
    -moz-transform: translate3d(500px,0,0);
    -ms-transform: translate3d(500px,0,0);
    -o-transform: translate3d(500px,0,0);
    transform: translate3d(500px,0,0);
}
body .offside--right.is-open, .offside-js--is-right .offside-sliding-element {
    -webkit-transform: translate3d(-500px,0,0);
    -moz-transform: translate3d(-500px,0,0);
    -ms-transform: translate3d(-500px,0,0);
    -o-transform: translate3d(-500px,0,0);
    transform: translate3d(-500px,0,0);
}

body .main-navigation.offside {
    width: 500px!important;
}
body .offside--left {
    left: -500px;
}   
body .offside--right {
    right: -500px;
}
body.offside-js--is-left.slide-opened .slideout-overlay button.slideout-exit {
    left: 495px;
}

.slideout-widget.widget_search {
	width:100%!important;
}

.slideout-widget.widget_search .wp-block-search__label {
	font-family: "museo-slab", serif;
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
	text-transform:uppercase;
	padding-bottom:10px;
	color:#212121;
}

.searchwp-live-search-results-showing {
	height: 90vh!important;
	min-height: 80vh!important;
}

.searchwp-live-search-result a {
	font-family: "museo-slab", serif;
}


#generate-slideout-menu #block-9 {
	margin-top:0;
	margin-bottom:0;
}

#generate-slideout-menu #block-9 h3 {
	color:#212121;
	margin-bottom:8px;
	font-size:16px!important;
}

#generate-slideout-menu #block-8 {
	margin-top:0;
}

#generate-slideout-menu #block-8 p {
	margin:0;
}

#ajaxsearchprores1_1 {
	
}

#ajaxsearchpro1_1 .probox .proinput input.orig, 
#ajaxsearchpro1_2 .probox .proinput input.orig, 
div.asp_m.asp_m_1 .probox .proinput input.orig {
	/*color:#ccc!important;*/
}

#ajaxsearchpro4_1 .probox .proinput input.orig::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#C0C0C0!important
  opacity: 1; /* Firefox */
}

#ajaxsearchpro4_1 .probox .proinput input.orig:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#C0C0C0!important;
}

#ajaxsearchpro4_1 .probox .proinput input.orig::-ms-input-placeholder { /* Microsoft Edge */
  color:#C0C0C0!important;
}

#ajaxsearchprores4_1.vertical, #ajaxsearchprores1_2.vertical, div.asp_r.asp_r_1.vertical {
	background:#fff!important;
	height:85%!important;
}

#ajaxsearchprores4_1.vertical .results, #ajaxsearchprores1_2.vertical .results, div.asp_r.asp_r_1.vertical .results {
	height:85%!important;
}

#ajaxsearchprores4_1.vertical .results .item .asp_content, #ajaxsearchprores1_2.vertical .results .item .asp_content, div.asp_r.asp_r_1.vertical .results .item .asp_content {
	padding:15px 8px!important;
		font-family: "museo-slab", serif!important;
	font-weight: 300!important;
	font-style: normal!important;
}

.asp_showmore_container p.showmore a {
	color:#212121!important;
	text-transform:uppercase;
	font-weight:bold!important;
}

/* MOBILE SEARCH */

#ajaxsearchprores5_1 {
	position:relative!important;
	margin-top:-20px!important;
}

#ajaxsearchprores5_1.vertical {
	border-right:20px solid #212121!important;
	border-left:20px solid #212121!important;
	border-bottom:20px solid #212121!important;
	background:#212121!important;
}
	
/***********************************/

/* BASIC PAGE STYLING */

.separate-containers .inside-article {
    padding-top:0;
}

/*body.page .site-main .entry-header {
    padding-top:40px;
}*/

.entry-header {
	margin-top:70px;
}

.entry-header h1 {
	font-size:32px;
	font-weight:300;
}

hr, hr.wp-block-separator {
    background-color: #F0EEEB;
    height:5px;
    border:0;
}

.site-main .wp-block-group__inner-container {
    padding:20px 0 40px 0;
}

blockquote {
    border:0;
    font-style:normal;
    font-weight:800;
    letter-spacing:.01em;
}

blockquote p {
    margin-bottom:15px;
}


cite, blockquote cite {
    width: 100%;
    color: #677072;
    font-size: 15px;
    text-align: right;
    font-style: normal;
    display: block;
    font-weight: normal;
}

/* HOMEPAGE */

body.home .entry-content {
	margin-top:0;
}

body.home .inside-header.grid-container {
    padding-bottom:0;
}

body.home.separate-containers .inside-article {
    padding:0;
}

body.home.separate-containers.no-sidebar .site-main {
	margin-top:0;
    margin-bottom:0;
}

body.home .container.grid-container {

}

body.home .entry-header {
	margin-top:0;
	display:none;
}

.home-hero {
	border:2px solid blue;
}

#home-hero-container .fl-module-content-slider .bx-wrapper {
	margin-bottom:0;
}

#home-hero-container .bx-wrapper .bx-pager {
	padding-top:0;
	bottom:10px!important;
}

body.home h1 {
    display:none;
}

.ig-section a {
	text-decoration:none!important;
}

.home-optin .fl-subscribe-form-inline .fl-form-button {
	width:25%!important;
	float:right!important;
}

.home-optin .fl-subscribe-form-inline .fl-form-field {
	width:35.5%!important;
	margin-left:1%!important;
}

.home-optin .fl-form-field input {
	color:#fff!important;
	padding:12px!important;
	font-size:15px!important;
}

.home-grid .fl-post-carousel-post {
	border:0px!important;
}

.home-grid .fl-post-carousel-text {
	display:none!important;
}


/* SITEWIDE */

body:not(.home) .site-main article {
	max-width:1400px;
	margin:0 auto;
}

body.page-id-2388 .site-main article {
	max-width:100%;quotes: `;
}


.pp-content-post-data {
	border:1px solid #212121;
	margin: -50px 3% 0 3%;
	position:relative;
	z-index:50;
	background:#fff;
	padding:3%;
}

.fl-photo-caption,
.fl-photo-caption a {
	font-weight:300;
	color:#212121!important;
}

.fl-photo-caption-below a {
	text-decoration:none;
	color:#212121!important;
}

/* LANDING PAGES */


.grid-cta {

}

.gallery-grid .fl-post-grid-title,
.grid-cta .fl-callout-title {
	border:2px solid #333;
	margin:0 20px;
	background:#fff;
	padding:10px 0px!important;
	text-align:center;
}

.grid-cta .fl-callout-title {
	margin-top:-40px;
	position:relative;
	z-index:100;
}

.gallery-grid .fl-post-grid-text {
	padding:0;
	margin-top:-40px;
	margin-bottom:30px;
	position:relative;
	z-index:100;
}

.gallery-grid .fl-post-grid-text .fl-post-grid-title a,
.grid-cta .fl-callout-title a {
	color:#333!important;
	padding:10px;
	width:100%!important;
	display:block;
	font-size:22px!important;
	font-weight:300;
	text-transform:none;
}

/*.lightbox-gallery {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 40px;
	margin-top:30px;
}*/

.collection-grid .fl-post-grid-post {
	border:0!important;
}

.collection-grid .fl-post-grid-text {
		font-size: 17px;
    font-weight: 300;
    margin: 5px 0;
	color:#2C2C2B;
	text-align:center;
	padding-top:0px;
}

.collection-grid h2.fl-post-grid-title {
	font-size: 17px;
    font-weight: 300;
    margin: 5px 0 0 0;
	color:#2C2C2B;
	text-align:center;
}

.collection-grid a {
	color:#2C2C2B;
	text-transform:none!important;
	font-weight: 300;
}

.collection-grid .fl-post-grid-text .fl-post-meta {
	font-size:15px;
}


/* GALLERIES POST TYPE */

.single-gallery .inside-article .featured-image.page-header-image-single,
.single-artist .inside-article .featured-image.page-header-image-single,
.single-collection .inside-article .featured-image.page-header-image-single {
	display:none;
}

body.single-gallery .entry-header {
	margin-top:50px;
}

body.single-gallery .inside-article {
	max-width:1200px;
	margin:0 auto;
}

body.single-gallery .gallery-mission .fl-row-content-wrap,
body.single-gallery .gallery-mission .fl-module-content{
	margin:5px 0 0 0!important;
	padding:0!important;
}

body.single-gallery .gallery-mission {
	margin-top:50px;
}

body.single-gallery a.glightbox {
	text-decoration:none;
	font-size:18px;
}

body.single-gallery a.glightbox .grid-meta {
	color:#2C2C2B;
	text-decoration:none!important;
	font-size:18px;
}

body.single-gallery a.glightbox .grid-meta h4 {
	font-size:17px;
	font-weight:300;
	margin:5px 0;
}

body.single-gallery a.glightbox .grid-meta h6 {
	font-size:15px;
	font-weight:300;
}

.gallery-notes {
	margin-top:30px;
	display:block;
}

.gallery-grid .fl-builder-pagination-load-more {
	padding-top:0;	
}

.gallery-grid a.fl-button,
.gallery-grid a.fl-button:visited {
	border:2px solid #212121;
	background-color:#212121;
	color:#fff!important;
	text-transform:uppercase;
	border-radius:8px!important;
	padding:10px 30px;
}

.gallery-grid a.fl-button span {
	color:#fff;
}

/* INDIVIDUAL ARTIST */

.single-artist .entry-content {
	margin-top:1em;
}


.single-artist .fl-photo-caption-hover {
	display:none;
}

/* SEARCH RESULTS */

body.search-results .site-main {
	max-width:1200px;
	margin:0 auto!important;
}

body.search-results .site-content {
	padding:3% 20px 20px 20px;
}

body.search-results h1.page-title {
	font-weight: 300;
    font-size: 32px;
    letter-spacing: 0.4px;
    text-align: left;
	padding: 2% 20px;
}

body.search-results .page-header {
	margin:0 0 20px 0;
	padding:0;
}

body.search-results h2.entry-title {
	color: #333!important;
    padding: 10px 0;
    width: 100%!important;
    display: block;
    font-size: 22px!important;
    font-weight: 300;
    text-transform: none;
}

body.search-results .entry-header {
	margin-top:10px;
}

body.search-results .post-image,
body.search-results .entry-summary {
	margin-top:0;
	margin-bottom:5px;
}

body.search-results .paging-navigation {
	margin-bottom:30px;
}

/* FOOTER */


.footer-widget-container {
    padding:3%;

}

.footer-widget-container .footer-heading {
    font-weight:bold;
    font-size:18px;
    margin-bottom:10px;
}

.footer-widget-container .footer-heading a {
    text-decoration:none;
}

.footer-widget-container nav a {
    font-weight:normal;
}

.footer-widget-container .footer-heading a:active,
.footer-widget-container .footer-heading a:hover,
.footer-widget-container nav a:active,
.footer-widget-container nav a:hover {
    text-decoration:underline;
}

.footer-widget-container .wp-block-navigation__container {
    line-height:1.2em;
}

.footer-email a {
    font-weight:normal;
}

/* OPT-IN FORM */

div.ctct-form-embed div.ctct-form-defaults {
    padding:0!important;
    background:transparent!important;
    color:#fff!important;
}

div.ctct-form-embed form.ctct-form-custom label.ctct-form-label {
    color:#fff!important;
    font-size:12px;
}

div.ctct-form-embed form.ctct-form-custom div.ctct-form-field {
    margin-bottom:5px!important;
}

div.ctct-form-embed div.ctct-form-defaults p.ctct-gdpr-text {
    color:#fff!important;
    display:none!important;
}

div.ctct-form-embed form.ctct-form-custom input.ctct-form-element {
    border:0;
}

.ctct-form-embed.form_1 .ctct-form-custom .ctct-form-button {
    font-weight:bold;
    text-transform:uppercase;
    padding:10px!important;
}

/* RESPONSIVE ADJUSTMENTS */


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

    .home-hero-intro {
        padding:220px 3% 1% 4%;
    }

    .hero-intro-block {
        max-width:70%;
        padding-top:5%;
    }

     .home-hero-intro h2 {
            font-size:48px;
    }

}

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

    .landing-hero-container .column-info {
        padding:30px;
    }

    .landing-hero-container h1 {
        font-size:3em;
    }
}

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

    .home-hero-intro {
        flex-basis:70%!important;
    }


    .inside-header.grid-container {
        display: block;
        grid-template-columns: auto;
        grid-template-rows: auto auto;
        padding: 1%;
    }

    .site-logo {
        width:100%;
        text-align:center;
    }

    .header-details {
        display:none;
    }

    #primary-menu ul {
        margin:0 auto 40px auto;
        max-width:90%;
    }

     #primary-menu a {
    
     }

}

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


    .site-logo img {
		margin-bottom:10px!important;
	}

   .has-inline-mobile-toggle #site-navigation.toggled {
        margin-top:0;
    }

    .gp-icon.icon-menu-bars {

    }
	
	.gp-icon svg {
		width:1.5em;
		height:1.5em;
		fill:#212121;
	}
	
	.main-navigation, .main-navigation ul ul,
	.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled{
		background:#fff!important;
	}
}

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


    /* #primary-menu ul {
        display:block;
    }

    #primary-menu ul li {
        display:block;
        width:100%;
        text-align:center;
     }

     #primary-menu ul ul {
        max-width:100%;
     }*/


    .home-hero .wp-block-column {
        flex-basis:2%!important;
        gap:0!important;
    }

    .home-hero .wp-block-column.home-hero-intro {
       flex-basis:100%!important;
       flex-grow:1;
        padding-top:20%;
        padding-left:10%;
    }

    .hero-intro-block {
        max-width:70%;
        padding-top:5%;
    }

     .home-hero-intro h2 {
            font-size:48px;
    }

}


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

    .inside-header.grid-container {
        display:block;
    }

    .site-logo {
        width:100%;
        text-align:center;
    }
	

     #primary-menu ul {
        margin-top:0;
    }

    #primary-menu ul li {
        margin:10px 0 15px 0;
    }

    #primary-menu ul ul {
        width:100%;
        max-width:100%;
    }


    :where(.wp-block-columns.is-layout-flex) {
        gap:0!important;
    }
	
	#home-hero-container .fl-module-content-slider .fl-slide .fl-slide-content {
		padding:0;
	}

    .hero-intro-block {
        padding-top:10%;
        max-width:65%;
    }

    .landing-hero-container .column-info {
        padding-bottom:0;
    }

    .landing-cta-container {
        padding:30px;
    }

    .landing-impact-stats .wp-block-column .wp-block-image .alignright {
        float:none;
        margin:0 auto;
    }
	
	.footer-nav .fl-module-content {
		max-width:400px;
		margin-left:auto;
		margin-right:auto;
	} 

    .footer-widget-container {
        padding:5%;
    }

}

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


    .home-hero-intro {
    background: url(images/hero-element.png) no-repeat bottom left;
    background-size:cover;
}


    .hero-intro-block {
        padding-top:20%;
        max-width:90%;
    }

    .sidelines-heading {
        font-size:40px;
    }

    h2.sidelines-heading:before, h2.sidelines-heading:after {
        width:20%;
    }

    .sidelines-section .wp-block-group__inner-container {
        max-width:90%;
    }

}

@media only screen and (max-width: 479px) {  
	
	.fl-col-group-equal-height {
		display:block;
	}
	
		
	.fl-mosaicflow .fl-mosaicflow-col {
		width:100%!important;
	}
	
	.fl-mosaicflow-item {
		margin:0 0 10px 0;
	}
	

}


/* LIGHTBOX */

img {
	vertical-align: top;
	height: auto;
	max-width: 100%;
}

.glightbox-container {

}

.goverlay {
	/*border:10px solid green;*/
	background:#fff!important;
}

.lightbox-gallery {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 40px;
	margin-top:30px;
}

.gslide-description a {
	color:#212121;
}

.gdesc-inner {
	justify-content: center;
	align-items:flex-end;
	display:flex;
	padding-top:2%!important;
}

.gdesc-inner .gslide-desc {
	max-height:95%;
}

.glightbox {
	display: block;
	text-align: center;
}

.glightbox figure {
	margin: 0;
	position: relative;
}

.glightbox-clean .gslide-media {
	box-shadow:none!important;
	/*justify-content: center;
	align-items:center;
	display:flex;
	border:1px solid black;
	height:97vh;*/
}

.glightbox-container .gslide-inner-content {
	padding:10% 0;
}

.gslide-description.description-right {
	padding-left:30px;
}

@media (min-width: 769px) {
	.gslide-description.description-right {
		max-width: 430px;
	}
}

@media (min-width: 1121px) {
	.glightbox figcaption {
		opacity: 0;
	}
}

.glightbox-mobile .glightbox-container .gslide-desc * {
	color:#212121!important;
}

.glightbox-mobile .glightbox-container .gslide-description {
	background:#fff!important;
}

.gdesc-open .gslide-media {
	opacity:1;
}


.glightbox:hover figcaption {
	opacity: 1;
}

.glightbox figure img {
	object-fit: cover;
	width: 100%;
}

.gslide-desc .image-title {
	line-height: 1.3;
	font-size: 24px;
	font-family: "museo-slab", serif;
	font-weight:300;
}

.glightbox-container .gslide-inner-content {
	width: 90%;
	font-family: "museo-slab", serif;
	padding:3% 0;
	/*border:1px solid black;
	height:97vh;*/
	/*justify-content: center;
	align-items:center;
	display:flex;*/
}

.glightbox-container .ginner-container.desc-right {
	height:100%;	
}

.image-description {
	margin-top: 30px;
	font-family: "museo-slab", serif;
}

@media only screen and (max-width: 769px) {  
	
	/*.glightbox-container .gslide {
		border:8px solid black;
		display:block!important;
	}*/
	
	.glightbox-container {

	}
	
	/*.glightbox-container .ginner-container.desc-right {
		border:2px solid green;
		height:80%;
		max-height:80vh;
	}*/
	
	
	/**** IMAGE CUTOFF IS HAPPENING FURTHER NESTED *****/
	.glightbox-container .gslider {
		overflow:visible!important;
	}
	/**** IMAGE CUTOFF IS HAPPENING FURTHER NESTED *****/
	
	
	.glightbox-container .gslide {
		/*background:#ccc!important;*/
	}
	/***** GSLIDE ELEMENT NOT CAUSING CUTOFF *****/

	.glightbox-container .ginner-container.desc-right {
		height:100%!important;
		max-height:800px;
		overflow:scroll!important;
		display:block;
	}
	
	.glightbox-mobile .glightbox-container .gslide-description {
		position:relative;
		/*max-height:60vh;*/
	}
	
	.gslide-image img {
		height:auto;
		max-height:100%;
	}
	
	.gdesc-inner {
		display:block!important;
	}
	
	/*.gdesc-inner .gslide-desc {
		max-height:100%!important;
	}*/
}

@media only screen and (max-width: 479px) {  
	
	.glightbox-container .ginner-container {
		overflow:scroll!important;
	}
	
	.glightbox-container .gslide-inner-content {
		width:100%!important;
		/*padding-top:90px!important;*/
	}
	
	.glightbox-mobile .glightbox-container .gslide-description {
		width:95%;
		margin:5px auto;
	}
	
	.gslide-media {
		/*margin-left:-32px!important;
		margin-right:-32px!important;*/
	}
}

@media (max-width: 479px) {
	.glightbox-container .ginner-container {
		justify-content: flex-start;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	.glightbox-mobile .glightbox-container .gslide-description {
		position: static;
		padding-left: 0;
		padding-right: 0;
	}
	
	.glightbox-clean .gdesc-inner {
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
	}
	
	.gdesc-inner .gslide-desc {
		max-height:auto!important;
		width:100%;
		padding:20px;
		overflow:visible!important;
	}
}