/*
Theme Name: Open Studios
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Author: Eye Division
Author URI: https://eyedivision.com
Template: twentytwentyfour
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-Four block theme.
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.0
Version: 1.2.3.18
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
*/

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

body {
	font-family:"metallophile-sp8", sans-serif;
	font-weight:300;
}
h1, h2, .h2, h3, .h3, h4, .h4, h5, h6 {
	font-family:"metallophile-sp8", ddevsans-serif;
	font-weight:500;
}

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

/* Shrink the modal menu */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
	align-items: flex-end;
	text-align: right;
}
@media screen and (min-width: 640px) {
	.wp-block-navigation__responsive-container.is-menu-open {
		max-width: 40%;
		margin-left: 60%;
	}
}

/* Center menu and logo on mobile */
@media screen and (max-width: 768px) {
	.worcs-header > div {
		justify-content: center;
	}
}


/* Other Formidable CSS */
.os-gallery h3,
.gallery-page .image-gallery a {
	margin: 10px;
}
.os-gallery img {
	max-width: 100%;

}
.os-gallery p {
	margin: 0.2rem 0;
	line-height: 1;
}
.os-gallery h3 {
	font-size: inherit;
	font-weight: bold;
}
.os-gallery h3 a {
	text-decoration: none;
}
.os-gallery .media {
	font-size: smaller;
}
.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;
}

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

/* Formidable map */
#frmgeo-map-2092 {
	height: 700px !important
}

/* File upload field */
.frm_dropzone .dz-message {
    font-size: inherit !important;;
}
.frm_dropzone .dz-message .frm_small_text {
    font-size: 1.4rem !important;
}
/* Preview image in Entry, Membership, Profile. Workshop, Event */
.frm_pro_form .frm_dropzone .dz-preview .dz-image img {
    max-width: 100%;
    max-height: 100%;
}
.frm_pro_form .frm_dropzone .dz-preview .dz-details {
    font-size: 22px;
}
.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;
}
.ListContainer .frm_dropzone .dz-preview {
    display: block;
}
.frm-geolocation-map {
    height: 500px !important;
    width: 500px !important;
 }

/* Sortable jQuery images in Profile - in Formidable */
.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;
}

.published {
  background: #e4ffde;
  padding: 1em;
  border: 1px solid #00ff1c;
  border-radius: 10px;
}
.pending {
  background: #ffdede;
  padding: 1em;
  border: 1px solid red;
  border-radius: 10px;
}

/* workshop page */
.workshop img {
	max-width: 100%;
}

/* WooCommerce basket */
.wc-block-cart-items__row {
    word-break: break-all;
    font-size: 24px !important;
    font-weight: 300 !important;
}
.wc-block-cart-items__row .wc-block-cart-item__image,
.wc-block-cart-items__header .wc-block-cart-items__header-image {
    display: none;
}
.wp-block-woocommerce-add-to-cart-form form.cart > .quantity {
	//grid-column: span 1 / 3;
	// was span 1
}

/* remove order again */
.woocommerce-order-received .order-again {
	display: none;
}

/* keep order info in collapsible panel at ALL screen sizes on Checkout page */
.wc-block-components-order-summary-item__description {
    word-break: break-all;
}
.is-medium .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content {
    display: none;
}
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary-item__image,
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-product-price {
    display: none;
}
/* Thank you page font size */
.wc-block-order-confirmation-totals__product {
    font-size: xx-large !important;
    font-weight: 300 !important;
    word-break: break-all;
}
/* 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: #9D3306;
	border-radius: 100%;
	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;
	padding: 0.5em 0;
}
.dates-table .header {
	font-weight: 700;
}
.dates-table .weekend {
	background-color: lightgray;
}
.dates-table .closed {
	color: #6f6f6f;
}
.dates-table .open {
	background-color: #ff5757;
	color: #fff;
}

.days {
	color: lightgray;
}

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

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

body.single-entry-2026 h4 {
	margin-bottom: 0;
}
body.single-entry-2026 img.entry-image,
img.entry-image {
	max-width: 100%;
	height: auto;
}
.single-entry-2026 .venue-profiles {
	display: grid;
	grid-template-columns: 1fr;
}
.single-entry-2026 .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: var(--wp--preset--color--contrast-2);
  	padding: 0.2em 0.5em;
	color: #231a51;
}

.site-number a {
	text-decoration: none;
}

.sites-nearby .site-number {
	min-width: 2rem;
}
.distance {
	font-size: smaller;
}


@media only screen and (min-width: 780px) {
	.flex-page {
		display: flex;
		gap: 20px;
	}
	.flex-page .main-page {
		flex: 4;
	}
	.sidebar {
		flex: 1;
	}
	.gallery-page {
		display: grid;
		grid-template-columns: 1fr auto;
		gap: 20px;
	}
	.gallery-page .main-page {
		grid-row: 1 / span 3;
	}
	.sidebar-entry,
	.sidebar-events,
	.sidebar-workshops {
		min-width: 25%;
		max-width: 250px;
	}
	.sidebar-entry {
		grid-row: 1/1;
		align-self: start;
	}
	.sidebar-events {
		grid-row: 2/2; /* change to 2/2 when Entry is ready */
		align-self: start;
	}
	.sidebar-workshops {
		grid-row: 3/3; /* change to 3/3 when Entry is ready */
		align-self: start;
	}

}
@media only screen and (min-width: 960px) {
	.flex-page .main-page {
		flex: 3;
	}
}


.sidebar img {
	max-width: 100%;
	height: auto;
}
/* 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);
}

/* Resize site number search box */
@media only screen and (min-width: 600px) {
	.facet-filters .facetwp-facet-site_number input[type="text"]  {
		max-width: 120px;
		min-width: 120px;
	}
}

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