/*
Theme Name: Gallery Route One
Theme URI: https://galleryrouteone.org/
Description: GRO Child Theme for Divi by Elegant Themes
Author: Clifford Hill
Author URI: https://sassymonkeymedia.com/
Template: Divi
Version: 0.1
*/

/* Even though this is set in the Appearance > Customize > Header & Navigation > Secondary Menu > Background Color, Divi's default blue color flashes momentarily on load with out this: */
#top-header, #et-secondary-nav li ul {
	background-color: #cccccc !important;
}

ol.double-line-break-list li, ul.double-line-break-list li {
	margin-bottom:mobile-menu-item 2em;
}
/* HEADER */

/* Secondary menu at top of home page was appearing with all white text though Divi Customize settings are set to dark grey. This forces text to grey at all times.
#top-header, #top-header a {
	color: #353535;
}
@media all and (min-width: 820px) {
.logo_container .slogan {
	font-weight:400;
	margin:.5em;
	line-height:14px;
	height:14px !important;
	display:inline;
}
.home .entry-content .et_pb_section.et_pb_section_0.et_section_regular.et_pb_section_first {
	padding-top: 175px !important;
}
}
@media all and (max-width: 819px) {
.logo_container .slogan {
	font-weight:400;
	margin:.5em;
	display:block;
	clear:both;
} */
@media all and (max-width: 819px) {
	#page-container #et-main-area #sidebar {
		padding-top: 60px !important;
	}
}
/* Adjust logo size on mobile to larger
@media (max-width: 980px) {
.et_header_style_centered #logo {
	max-height: 80px;	
}
} */
/* Show social icons on mobiles
@media only screen and (max-width: 767px) {
    div#et-secondary-menu { 
		display: block !important; 
		margin-top: 0px !important;
		padding-top: .75em;
	} 
	#et-secondary-menu>div.et_duplicate_social_icons>ul>li a {
		display: block;
		padding-bottom: .75em;
	}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
	div#et-secondary-menu { 
		display: block !important; 
		padding-top: .75em; 
    } 
} */

/* force subpage titles down from under logo header and menu */
@media all and (max-width: 749px) {
.entry-content {
	padding: 20px 0 !important;
}
}
/* ********* ?? reducing a white space near post titles ?? ********
@media (min-width: 980px) {
.et_pb_section {
	padding: 175px 0 !important;
}
} */

/* @media all and (max-width: 455px) {
.logo_container .slogan {
	display:none;
} */
/* Force more padding at narrow widths to keep top slider on home page from being partially underneath header and nav bar
.home #main-content .entry-content .et_pb_section.et_section_regular.et_pb_section_first {
	padding-top: 120px !important;
}
.et_header_style_centered header#main-header .logo_container {
    max-height: inherit;
}
} */

/* Fixes non-Divi pages (those using WP native content input) from appearing with no margins above footer. */
#main-content {
	margin-bottom: 5em;
}
/* But no bottom margin on homepage */
.home #main-content {
	margin-bottom: 0;
}

/* MAIN NAV
header#main-header div.et_menu_container div#et-top-navigation {
	font-weight: 400 !important;
}
.nav li ul {
	padding: 10px 0;
}
#top-menu li li {
	padding: 0 10px;
}
#top-menu li li a {
	width: 220px;
	padding: 6px;
} */
/* temp bold Shop link
.shop-main a {
	font-weight: bold; 
} */

/* Change text color of parent menu item and child menu item of the current page */
ul#menu-main li.current-menu-parent > a, ul#menu-main li.current-menu-item a {
	color: #727272 !important;
}

/* BUTTONS */
.light-button a.et_pb_button:hover {
	border-color: #fff !important;
	background: #8e8e8e !important;
}
/* BUTTON > Contact Form */
input.wpcf7-submit:hover {
	background-color:#9F9F9F !important;
	color: #fff !important;
	cursor:pointer !important;
}
input.gform_button.button {
	background-color: #2F795C !important;
	color: #fff !important;
	cursor:pointer !important;
	border: 2px solid #fff !important;
	font-size: 18px !important;
	border-radius: 6px !important;
	padding: 12px 20px;
	font-weight: bold;
}
input.gform_button.button:hover {
	background-color: #676767 !important;
}
input[type="text"], input[type="email"], textarea {
	text-align: left !important;
}

/* HOME */
.home .et_pb_blog_grid_wrapper .post-meta a { color:#497c5f; }
/* artist callout */
.home .home-artist-callout h2 {
	font-size:160% !important;
	line-height:1.7em !important;
}

/* tablet 100% width fix on single post grid columns on home page */
@media (max-width: 980px) {
.home-triple-col-post-teaser .column.size-1of2 {
	margin: 0 0 7.5% 0 !important;
	width: 100% !important;
}
}

/* ARTISTS CATEGORY LINK LIST */
.gro-artists-link-list ul, ul.category-posts {
	list-style: none !important;
	text-align: center !important;
}
.gro-artists-link-list ul li, ul.category-posts li {
	display: inline-block !important;
	margin: 0 1em !important;
}
.gro-artists-link-list ul li a, ul.category-posts li a {
	white-space: worap !important;
	font-weight: bold !important;
}  

/* VIDEO LINK LIST */
.video-link-list ul {
	list-style: none !important;
	text-align: center;
	padding-bottom: 0;
	margin-bottom: 0;
}
.video-link-list ul li {
	display: inline-block !important;
	margin: 0 1em !important;
}
.video-link-list ul li a {
	white-space: worap !important;
	font-weight: bold;
	font-size: 22px;
}  

/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}
/*** Hide Sidebar ***/
#sidebar {display:none;}
/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
#left-area {
    width: 100%;
    padding: 23px 0px 0px !important;
    float: none !important;
}
}
/* Enable sidebar for year menu on Exhibitions Archive pages only
.category-exhibitions-archive #main-content .container:before {background: none;}
.category-exhibitions-archive #sidebar {display: inline-block;}
@media (min-width: 981px){
.category-exhibitions-archive #left-area {
    width: 79.125%;
    padding-bottom: 23px !important;
    float: left;
}
} */

/* FOOTER */
#footer-bottom {
	padding: 15px 0 30px !important;
}
.footer-widget a.footer-map:link, .footer-widget a.footer-map:visited, footer .footer-contact a.footer-map {
	background: url(images/footer-map.png) no-repeat 0 0;
	width:175px;
	height:100px;
	text-indent:-9999px;
	display:block;
}
.footer-widget a.footer-map:link, .footer-widget a.footer-map:active, footer .footer-contact a.footer-map:active, footer .footer-contact a.footer-map:hover {
	background: url(images/footer-map.png) no-repeat 0 -102px;
	width:175px;
	height:100px;
	text-indent:-9999px;
	display:block;
}
#main-footer #footer-widgets .footer-widget .textwidget a:hover, footer a:hover {
	color: #457257 !important;
}
/* Centers footer contact widgets on >tablet screens */
@media (max-width: 980px) {
	footer .footer-contact a.footer-map {
		text-align: center;
		margin: 0 auto;
	}
}
/* footer donate button */
span.footer_donate_button a.et_pb_button {
	margin: 4px 10px; 
	padding: 0; 
	background-color: #fff; 
	color: #308565;
}
span.footer_donate_button a.et_pb_button:hover {
	background-color: #727272 !important; 
}

/* SMM site credit */
#smm-logo {
    background-image: url(/wp-content/themes/SMM-Divi-Child/images/smm-logo-horizontal-fulltext-BurgundyDkgrey.svg);
	background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    height: 19px;
    text-indent: -9999px;
	width: 180px;
	vertical-align: text-bottom;
}
/* GDPR footer manage consent link */
a.wt-cli-manage-consent-link {
	font-weight: normal;
	cursor: pointer;
	color: #666;
}
/* Centers footer contact widgets on >tablet screens */
@media (max-width: 980px) {
	#footer-widgets .footer-widget {
		text-align: center;
	}
}

/* SEARCH AND ARCHIVE CATEGORY INDEX PAGES (INCLUDING PRESS & EXHIBITIONS ARCHIVE) */
.category-exhibitions-archive article.et_pb_post .post-meta {
	display: none;
}
.archive article.et_pb_post a img, .search-results article.et_pb_post a img  {
	max-width: 15%;
	min-width: 65px;
	float: left;
	margin: 0 1em 2em 0;
}
.archive article.et_pb_post, .search-results article.et_pb_post {
	clear: both;
	margin-bottom: 2em;
}
.archive article.et_pb_post h2 a, .search-results article.et_pb_post h2 a {
	font-size: 85%;
}
.archive #left-area .post-meta, .search-results #left-area .post-meta {
	padding-bottom: 0;
}


/* Fixing spacing on all Post Title modules
@media (min-width: 980px) {
.fcontent .et_pb_section.et_pb_section_0.et_section_regular.et_pb_section_first {
	padding: 175px 0 0 0 !important;
}
.entry-content .et_pb_section.et_pb_section_0.et_section_regular.et_pb_section_first .et_pb_row.et_pb_row_0 {
	padding-bottom:0 !important;
}
} */

/* Fix issue with specialty module-based right sidebars have border/margin on right of sidebar instead to left between main content and sidebar */
.et_pb_widget_area_left {
	margin-top:2em;
	border-right: none;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	padding: 0 0 0 30px;
}

/* Give Donation */
h2.give-form-title {
	font-size: 1.3em;
}
/* Enhance the prominence of the donation section concerning selecting a program */ 
.give-select-fund-row {
	background-color: #A9AEAF;
	border: 3px solid #7BBAA1;
	padding: 15px;
	color: #fff;
	font-weight: 800;
}
/* make funds drop menu text mch bigger */
.give-funds-select {
	font-size: 17px;	
}

/* Increase selector font size on GOR Member Dues donation form */
form#give-form-265718-1 select#give-donation-level-select-265718 {
	font-size: 18px;
}

/* Form Fields */
/* All fields seemed to disappear in white background after installing Gravity Forms so forcing it to grey */ 
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], textarea {
	background: #e5e5e5 !important;
}
/* Add background color to little info box on Gravity Forms -- We don't spam info under MailChimp checkbox */
.gform_wrapper.gravity-theme .field_description_below .gfield_consent_description, .gform_wrapper.gravity-theme .gfield_consent_description { background: #f2f2f2; }

/* Contact Form 7
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea
{
    background-color: #eee;
    color: #020202;
    width: 100%;
	padding: 16px;
	font-size: 18px;
	border: none;
	border-radius: 2px;
}
.wpcf7 input[type="submit"] {
	background-color: #82B8A1;
	border: none;
	color: #fff;
	font-size: 18px;
	padding: 12px 24px;
	border-radius: 3px;
} */

/* Hide reCAPTCHA badge */
.grecaptcha-badge{
	visibility: collapse !important;
}

/* 4DIVI Masonry Gallery Plugin padding fix since it's own Module Design tab settings don't work */
.masonry-grid-item {
	padding: 5px;
}
/* Remove title (which is the useless file name) display from 4DIVI Masonry because it foolishly forces display of both title and caption or none */
.masonry-grid-item .et_pb_gallery_title {
	display: none !important;
}

/* Make Facebook video embed responsive */
.facebook-responsive-video {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.facebook-responsive-video iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/* Yith Auction */
/* Spacing on bid modal */
.yith-wcact-modal-title {
	margin-bottom: 0px !important;
}
/* Add space below current auction price */
.woocommerce div.product p.price, .woocommerce-page div.product p.price {
	color: #000 !important;
	margin-bottom: 1em;
	padding: 8px;
	/* background-color: #f5f5f5; */
}
/* Space above bid button on confirm modal */
button.ywcact-modal-button-confirm-bid {
	margin-top: 1em !important;
}
/* Change color of bidding amount field to dark */
.woocommerce-page .quantity input.qty, .woocommerce .quantity input.qty {
	color: #666 !important;
	background-color: #F5F5F5 !important;
	border: 2px solid #82B8A1 !important;
	height: 41px !important;
}
.woocommerce .quantity .qty {
	width: 5em
}
/* Add space to currency symbol next to bid button so they're not kissing */
.ywcact-currency-symbol {
	padding: 8px 0 0 10px;
	font-size: 26px;
	display: inline-block;
}
.widget h3, .widget h4 {
	font-size: 18px !important;
}
.register-to-bid-widget {
	margin-top: 2em;
}
/* Remove the other auctions you may like block to keep archived auctions clean */
div.ywcact-other-auctions-section {
	display: none !important;
}
/* Fix This auction has ended text */
div#yith_auction_end_product_page h2 {
	margin-top: 1.5em;
	color: #919191;
	font-size: 1.5em;
}
/* NOTE: This directive wouldn't work here and so was added via Appearance > Customize > Custom CSS. 
div.woocommerce-product-details__short-description {
	margin-bottom: 1.5em;
} /*
/* Fixing Auction Ends text wrapping and line height */
.auction_end_start {
	line-height: 1em;
}
.auction_end_start .ywcact_auction_end_start_label {
	display: inline !important;
	margin-right: .3em;
}
.auction_end_start span {
	margin-left: 0 !important;
}
/* Remove sorting dropdown in Woocommerce / Yith auctions grid view */
.woocommerce .woocommerce-ordering {
	display: none;
}
/* Change colors on Woocommerce/Yith links in secondary nav */
#top-header #et-secondary-menu>ul>li.myauction a, #et-secondary-menu>a.et-cart-info span {
	color: #EE0707;
}
/* Add margin below custom breadcrumb on auction product pages */
#bc-boxshow {
	margin-bottom: 1em;
}


/* Woocommerce */
/* Hide top right cart icon */
#et-secondary-menu a.et-cart-info span {
	display: none !important;
}
div.woocommerce-product-details__short-description {
	margin-bottom: 1.5em !important;
}


.soldout {
	/* Kills badge on sold item previews */ display: none;
padding: 3px 8px;
text-align: center;
background: #7BBAA0;
color: white;
font-weight: bold;
position: absolute;
top: 6px;
right: 6px;
font-size: 16px;
text-transform: uppercase;
border: 2px solid #fff;
filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.2));
}
/* Hide pipe from Divi mobile menu & color Auction menu items red */
@media only screen and (max-width: 981px) {
    .desktop-menu-item { display: none; }
	ul#mobile_menu li.myauction a { color: #EE0707; }
}
/* Keep Cart menu item from appearing on desktop screens */
@media only screen and (min-width: 982px) {
	ul#et-secondary-nav li.mobile-menu-item { display: none; }
	/* Removes left padding to make space between cart and My Acct appear normal after Mobile menu "Cart" item is removed for mobile menu */ #top-header .et-cart-info { margin-left: 0; }
}

/* Box Show */
/* Box Show subnav */
.boxshowsubnav a {
	margin: 0 0.8em !important;
	white-space: nowrap;
}
body.page-id-14251 div.boxshowsubnav a.subparent, body.page-id-14276 div.boxshowsubnav a.subchild.a-i, body.page-id-14285 div.boxshowsubnav a.subchild.j-q, body.page-id-14290 div.boxshowsubnav a.subchild.r-z {
	color: #919191 !important;
	cursor: text;
}
.boxshowsubnav a:hover {
	color: #919191 !important;
}
 
/* Make lists on Box Show Help page indent properly */
.boxshowhelp ol, .boxshowhelp ul  {
margin-left: 1.2em;
margin-top: 1em;
display: block;
}
.boxshowhelp li {
list-style-position: inside;
text-indent: -1.2em;
}

hr {
	width: 100%;
	height: 1px;
	background-color: #7CBAA1;
	color: #7CBAA1;
	border: 0 none;
	margin: 2em 0;
}

/* Blog Menu Categories non-link */
.et_pb_menu_0.et_pb_menu ul li.blog-categories a {
	font-weight: 300 !important;
	color: #727272 !important;
}
.et_pb_menu_0.et_pb_menu ul li.blog-categories a:hover {
	color: #727272 !important;
}

blockquote p {
	padding-bottom: 1em !important;
	font-size: 1.2em;
	line-height: 1.6em;
}

/* Stop Divi rows from breaking */
@media only screen and (max-width: 980px) {
.two-columns-no-break .et_pb_column {
width: 50%!important;
}
.three-columns-no-break .et_pb_column {
width: 33.33%!important;
}
.four-columns-no-break .et_pb_column {
width: 25%!important;
}
}

/* Monarch plugin fix for all sharing networks button where line of services list goes off screen on phones and can't be scrolled. This allows scrolling. */
.et_social_all_networks_popup.et_social_mobile_on .et_social_popup_content.et_social_resize.et_social_fadein {
    overflow-y: scroll;
}

/* After using video format for Artists' Exchange posts (to forego manually creating featured images in favor of embedded youtube video previews), the videos went fullscreen on the related WP category archive pages. This settles them to similar sizes to featured images and floated left to nestle with title and excerpt. */
@media only screen and (min-width: 1331px) {
body.archive.category div.et_main_video_container {
	width: 165px;
	float: left;
	margin: 0 15px 15px 0;
}
}
@media only screen and (max-width: 1330px) {
body.archive.category div.et_main_video_container {
	width: 15%;
	min-width: 65px;
	float: left;
	margin: 0 15px 15px 0;
}
}

/* tightens spacing above image on archive index page tripple col top items and adds background color */
div.archive-index-triple-col-header article {
	background-color: #f2f2f2 !important;
	padding-top: 0 !important;
}

/* Custom category archive layout — fixing problem where video format posts have a hard 165px width limit that looks terrible on the archive pages triple column top section */
body.category-artists-exchange div.archive-index-triple-col-header div.et_main_video_container {
	width: 100%;
	margin: 0 0 15px 0;
	padding: 0;
}

/* Disable Divi Gallery Module slide-in effect globally */
.et_pb_gallery_item {
	-webkit-animation: none !important;
	-moz-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
}

/* Hides Divi's default display of "No Results Found..." when Blog Module has no posts to show */
.et_pb_ajax_pagination_container .not-found-title, .not-found-title + p {
	display:none
}

/* Horizontal List */
ul.horizontal {
	display: flex;
	flex-wrap: wrap;
	padding: 0 10px; 
	margin: 0;
}
ul.horizontal li {
	list-style-type: none;
}

/* Remove a bunch of top padding on single posts */
body.single-post .et_pb_section_0 {
	padding-top: 0;
	margin-top: 0;
}