/*
Theme Name: Open Studios
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: Eye Division
Author URI: https://eyedivision.com
Template: twentytwentyfive
Description: Open Studios theme is designed for use by Eye Division's Open Studios sites. It's a child theme of the default WordPress Twenty Twenty-Five block theme.
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.0
Version: 1.0.8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: openstudios
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

@media screen and (max-width: 800px) {
    .cover-full-mobile > div {
        max-width: 80% !important;
    }
}
@media screen and (max-width: 600px) {
    .cover-full-mobile > div {
        max-width: 100% !important;
    }
}

/* Main navigation */

.main-menu .wp-block-navigation-item a {
	padding: 1rem;
	text-decoration: none;
}
.user-menu a {
	text-decoration: none;
}
.main-menu .current-menu-ancestor > a,
.current-menu-item > a {
	background-color: rgb(1, 35, 2); // rgb(82, 16, 0)
	color: #fff;
}
.main-menu a:hover,
.user-menu a:hover,
.main-menu .wp-block-navigation__submenu-container a:hover {
	background-color: rgb(1, 35, 2);
	color: #fff;
}
.user-menu a:hover {
	background-color: rgb(82, 16, 0);
	color: #fff;
}
.user-menu .current-menu-item > a {
	background-color: rgb(82, 16, 0);
	color: #fff;
}
/* Menu open on mobile */
.main-menu .is-menu-open {
	background-color: var(--wp--preset--color--contrast) !important;
	color: #fff !important;
}
.main-menu .is-menu-open .wp-block-navigation__submenu-container a {
	padding: 5px 0 !important;
}

.main-menu .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-link a:hover {
  background: rgb(82, 16, 0) !important;
}


/* Mobile front page cover */

@media screen and (max-width: 600px) {
	/*.front-cover {*/

	.logo img {
		max-width: 100px;
	}
	.front-cta-row {
		display: block !important;
		justify-content: center !important;
	}
	.front-cta {

		margin-top: 12rem !important;
	}
	.front-cta-2 {
		margin-top: 1rem !important;
	}
	.front-cta-row > *,
	.front-cta > *,
	.front-cta-2 > * {
		justify-content: center !important;
		text-align: center !important;
		line-height: 1.2;
	}
	.main-menu {
		padding: 1rem;
	}
	.user-menu {
		padding: 0.5rem;
	}
}

/* home page grid 2025 */
@media screen and (max-width: 640px) {
	.home-grid .is-layout-grid {
		display: block;
	}
}

.wp-block-button.is-style-primary-button a:hover,
.wp-block-button__link:hover {
	background-color: rgb(1, 35, 2);
	color: #fff;
}

.wp-block-button__link:focus {
  background: white;
  color: black;
}

.private {
	background-color: #f8ecec;
	padding: 20px;
}

.wp-block-button .has-custom-green-tint-background-color,
.wp-block-button .has-custom-dbe-7-dc-background-color {
	transition: background-color 0.3s ease;
}

.wp-block-button .has-custom-green-tint-background-color:hover,
.wp-block-button .has-custom-dbe-7-dc-background-color:hover {
  background: #005504 !important;
  color: white !important;
}

/* Other Formidable CSS */
.hide-button {
	display: none;
}
.frm_color_block {
	background-color: rgba(144, 144, 144, 0.24);
}
.frm_pro_form .frm_dropzone .dz-preview .dz-progress .dz-upload,
.frm_pro_form .frm_dropzone .dz-preview.dz-complete .dz-progress {
    background: #00cc0d !important;
}
.frm-alt-table th, .frm-alt-table td {
	word-break: break-all;
}

.frm-alt-table tr:nth-child(even) {
    background-color: #f0f0f0 !important;
}

.frm-alt-table.tight-table td {
	padding: 10px;
}
.frm-alt-table.tight-table p {
	margin-top: 0;
}
.tight-table th {
  padding: 10px !important;
  background-color: #f0f0f0 !important;
}
.frm-geolocation-map {
   height: 500px !important;
   width: 500px !important;
}
#frmgeo-map-4737,
#frmgeo-map-16238 {
  height: 500px !important;
}
.frm_color_block {
	background-color: rgba(144, 144, 144, 0.24);
}


.display,
.cta-grid p a {
	font-family: var(--wp--preset--font-family--skiacc);
	font-weight: 600;
	font-size: 1.5rem;
	line-height: 1.2;
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
	text-align: center;
}
@media screen and (max-width: 639px) {
	.cta-grid {
		grid-template-columns: 1fr;
	}
}
@media screen and (max-width: 766px) {
	.cta-grid {
		grid-template-columns: 1fr 1fr;
	}
}

/* Formidable preview image in Entry, Membership, Profile. Workshop, Event */
.frm_pro_form .frm_dropzone .dz-preview .dz-image img {
    max-width: 100%;
    max-height: 100%;
}

.artweeks-gallery-grid img {
	max-width: 100%;
}
.artweeks-gallery-grid h3 {
	font-size: inherit;
}
.artweeks-gallery-grid h3 a {
	text-decoration: none;
	color: #333;
	font-size: larger;
}

.artweeks-gallery-grid .media {
	font-style: italic;
}
@media screen and (max-width: 639px) {
	#os-gallery {
		text-align: center;
	}
}
.gallery-page .social {
	padding: 10px;
}
.gallery-page .facebook {
	color: rgb(59, 89, 152);
}
.gallery-page .twitter {
	color: rgb(15, 20, 25);
}
.gallery-page .etsy {
	color: #F56400;
}
.gallery-page .instagram {
	color: rgb(188, 42, 141);
}

.image-gallery img {
	max-width: 200px;
	height: auto;
	margin: 0.5%;
  	padding: 0.7%;
	vertical-align: top;
}

.gallery-page .artist-at-work {
	margin: 10px;
	max-width: 100%;
}
@media screen and (min-width: 640px) {
	.gallery-page .artist-at-work {
		max-width: 60%;
	}
}

@media screen and (min-width: 768px) {
	.gallery-page .artist-at-work {
		max-width: 40%;
	}
}


.frm_form_field.padding-top-1 {
	padding-top: 1.3rem;
}

/* Drag & Drop CSS */

.ListContainer h3 {
	//font-size: 20px !important;
	line-height: 28px !important;
}

.divider-block {
	display: block;
	width: 100%;
	border-top: 2px dashed #eaeaea;
	margin-top: 50px;
	padding-top: 20px;
}

.ListContainer {
	overflow: hidden;
}

.ListContainer>div {
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
}

.frm_repeat_sec,
.frm_repeat_inline {
	background-color: #fff;
	border: 1px solid #eaeaea !important;
	padding: 20px !important;
	margin: -1px 0 auto !important;
}

.frm_repeat_grid {
	background-color: #fff;
	border: 1px solid #eaeaea !important;
	padding: 20px 20px 0 20px !important;
	margin: -1px 0 auto !important;
}

#sortable {
	margin: 0 !important;
}

.ui-sortable>div {
	cursor: move;
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}

.ui-sortable>div:before {
	content: "\f047";
	display: block;
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 22px;
	color: #999;
	font-family: FontAwesome;
}

.ListContainer .form-field {
	animation-name: none !important;
}

.ui-sortable-helper {
	box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08), 0 13px 45px rgba(0, 0, 0, 0.08);
}

.frm_repeat_sec:first-of-type,
.frm_repeat_inline:first-of-type,
.frm_repeat_grid:first-of-type {
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.frm_repeat_sec:last-child,
.frm_repeat_inline:last-child,
.frm_repeat_grid:last-child {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.ListContainer>div {
	padding-top: 1px;
}

/* Workshops */
.workshops {
	display: block;
  }


.workshop {
	display: grid;
    gap: 20px;
    margin-bottom: 20px;
	border: 1px solid #ddd;
    padding: 10px;
    transition: box-shadow 1s;
}
.workshop:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
.workshop p {
    margin: 0;
}

.workshop__details {
    padding: 10px;
    text-align: center;
}
.workshop__title-with-link {
	color: black;
	font-size: larger;
    text-decoration: none;
    outline: none;
}
.workshop__title-with-link:hover {

}
.workshop__featured-image-with-link {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 62.5%;
    outline: none;
}
.workshop__featured-image-with-link-image {
    border: 1px solid #f4f4f4;
    border-radius: 0;
    bottom: 0;
    max-height: 100%;
    width: 100%;
    max-width: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    right: 0;
    top: 0;
	margin-top: 1rem;
}


@media screen and (min-width: 768px) {
    .workshop {
        grid-template-columns: 1fr 3fr;
		grid-template-areas: "image main";
    }
	.workshop__featured-image-with-link {
		grid-area: image;
	}
	.workshops-list {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px;
	}
    .workshop__details {
        text-align: left;
		grid-area: main;
    }

}

:where(.wp-site-blocks *:focus){
	outline-width: 2px;
	outline-style: solid;
}

.logged-out.wp-block-loginout {
	padding-right: 1em;
}
/* WooCommerce CSS */
.woocommerce-order-received .order-again {
	display: none;
}
/* hide variations on product page */
.woocommerce div.product form.cart .variations {
	display: none;
}

/* hide variation prices on product page */
.wp-block-woocommerce-product-price {
	display: none;
}

/* BUT DO show variation description and price on Promotional products
body class .product_cat-promotional-items */
.product_cat-promotional-items div.product form.cart .variations {
	display: block;
}
/* and show price on promotional products */
.product_cat-promotional-items .wp-block-woocommerce-product-price,
.promotional-item .wp-block-woocommerce-product-price {
	display: block;
}
/* hide additional information tab */

.woocommerce-variation-description {
	font-size: large;
}

.woocommerce-variation-price .price {
	font-size: x-large;
    font-weight: bold;
}

.wp-block-file:not(.wp-element-button) {
    font-size: inherit;
}

/* hide Woocommerce pay later messages */
#ppcp-cart-paylater-messages,
#ppcp-checkout-paylater-messages {
	display: none !important;
}
.single-product .ppcp-messages {
	display: none !important;
}
/* hide add-ons total on product page for membership and entry */
.single-product #formidable-addons-total {
	display: none;
}


/* Dates table */

table.dates {
	min-width: 300px;
}
table.dates th, table.dates td {
	padding: 10px !important;
	text-align: center;
}
table.dates th {
	background-color: #dad8d8;
}
table.dates th.weekend {
	background-color: rgb(95, 95, 95);
	color: white;
}
table.dates td.open {
	background-color: #f71f6b;

	color: #fff;
}


.dates-table {
	display: grid;
	grid-template-columns: repeat(7,50px);
	grid-auto-rows: 50px;
	grid-row-gap: 5px;
	grid-column-gap: 10px;
	margin: 2rem 0;
	max-width: 600px;
}
@media only screen and (max-width: 640px) {
	.dates-table {
		display: grid;
		grid-template-columns: repeat(7,40px);
		grid-column-gap: 5px;
	}
}
.dates-table span {
	text-align: center;
	border-radius: 100%;
	padding: 0.7em 0;
}
.dates-table .header {
	font-weight: 700;
}
.dates-table .weekend {
	background-color: lightgray;
}
.dates-table .closed {
	color: #6f6f6f;
}
.dates-table .open {
	background-color: #f71f6b;
	color: #fff;
}

.days {
	color: lightgray;
}

.sites-nearby img,
.entry-listing-image img {
	max-width: 100%;
	height: auto;
}

/**FaceWP CSS**/

/* hide Facet elements */
body.single-entry-2025 .facetwp-map-filtering,
body.single-entry-2025 .facetwp-type-proximity {
	display: none;
}

body.single-entry-2025 h4 {
	margin-bottom: 0;
}
body.single-entry-2025 img.entry-image,
img.entry-image {
	max-width: 100%;
	height: auto;
}
@media screen and (min-width: 639px) {
	body.single-entry-2025 img.entry-image,
	img.entry-image {
		max-width: 500px;
	}
}


.single-entry-2025 .venue-profiles {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.single-entry-2025 .venue-profiles img {
	max-width: 100%;
	height: auto;
}
.entry-artform {
	font-size: smaller;
	font-style: italic;
}

.site-number {
	display: inline-block;
  	text-align: center;
  	margin: 0 auto;
  	background-color: #f71f6b;
  	padding: 0.2em 0.5em;
	color: white;
}
.sites-nearby .site-number {
	min-width: 2rem;
}
.entry-title a {
	text-decoration: none;
	color: #333;
	font-size: larger;
	font-weight: 600;
}
.distance {
	font-size: smaller;
}
@media only screen and (min-width: 640px) {
	.gallery-page,
	.flex-page {
		display: flex;
		gap: 20px;
	}
	.main-page {
		flex: 5;
	}
	.sidebar {
		min-width: 25%;
		flex: 1;
	}
}
.sidebar img {
	max-width: 100%;
	height: auto;
}

/* Media Text Block */
.team-group .wp-block-media-text img {
  padding-top: 25px;
}

/* Facet styling */
.facetwp-map-filtering {
	display: none;
}

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

	.facet-filters {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 10px;
	}
	.facet-filters > * {
		max-width: 200px !important;
	}
}
@media only screen and (min-width: 641px) and (max-width: 1061px) {
	.facet-filters {
		grid-template-columns: 1fr 1fr;
	}
}
.facet-filters input,
.facet-filters select,
.facet-filters textarea {
	background-color: #fff;
	border: 1px solid #eeeee8;
	box-shadow: 0 0 5px #f8f8f8 inset;
	font-size: inherit;
	padding: 16px;
}
.facet-filters select {
	/* for Mac and iOS */
	-webkit-appearance: none;
	line-height: 22px;
	-webkit-border-radius: 0;
    border-radius: 0;
}
@media only screen and (min-width: 600px) {
	.facet-filters input[type="email"],
	.facet-filters input[type="text"]  {
		min-width: 300px;
	}
}
.facet-filters input[type="checkbox"],
.facet-filters input[type="image"],
.facet-filters input[type="radio"] {
	width: auto;
}
.facet-filters input[type="radio"] {
	float: left;
	margin-right: 1em;
}
.facet-filters input:focus,
.facet-filters textarea:focus {
	border: 1px solid #999;
	outline: none;
}

.facet-filters button,
.facet-filters input[type="button"],
.facet-filters input[type="reset"],
.facet-filters input[type="submit"] {
	background-color: rgba(35,26,81,1);
	box-shadow: none;
	border: none;
	color: #fff;
	cursor: pointer;
	padding: 16px 24px;
	width: auto;
}
.facet-filters button:hover {
	background-color: rgba(35,26,81,0.8);
}

/* hide Facet on Single Entry 2026 page */
body.single-listing-2026 .facetwp-template,
body.single-listing-2026 .facetwp-map-filtering {
	display: none;
}

/* hide studio space Facet template */
.findavenue-template {
	display: none !important;
}

/* End FaceWP CSS */