/*
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 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.8
Requires PHP: 7.0
Version: 1.2.4.14
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
*/

/* front cover background image in a Cover Block */
@media screen and (max-width: 600px) {
    .cover-full-mobile {
        max-height: 356px !important;
		background-size: 104% !important;
		background-image: url("/wp-content/uploads/2026/04/BAW-graphic-vertical-s.jpg") !important;
		min-height: 500px !important;

    }

	/* front page hero text */
	.hero-text {
		margin-top: 160px !important;
	}
}
/* About page cover image */
@media screen and (max-width: 600px) {
	.about-full-mobile > div {
		max-width: 100% !important;
	}
}

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

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

/* Other Formidable CSS */
.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;
}

/* 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%;
}

.bucks-gallery h3,
.gallery-page .image-gallery a {
	margin: 10px;
}
.bucks-gallery img {
	max-width: 100%;

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

/* 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;
}
.workshop p {
    margin: 0;
}
.workshop__details {
    padding: 10px;
    text-align: center;
}
.workshop__title-with-link {
    font-weight: 600;
    transition: all .3s ease;
    text-decoration: none;
    outline: none;
}
.workshop__title-with-link:hover {
    color: black;
}
.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;
    height: 100%;
    width: 100%;
    max-width: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    right: 0;
    top: 0;
}
.workshop .meta {
    font-size: smaller;
}

@media screen and (min-width: 768px) {
    .workshop {
        grid-template-columns: 1fr 3fr;
		grid-template-areas: "image main";
        /*align-items: center;*/
    }
	.workshop__featured-image-with-link {
		grid-area: image;
	}

    .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 div.product form.cart .variations {
	display: none;
}
.wp-block-file:not(.wp-element-button) {
    font-size: inherit;
}
.product-type-variable .wp-block-woocommerce-product-price {
    display: none;
}
/* hide price on membership product page */
.product_cat-membership #formidable-addons-total {
	display: none;
}

.woocommerce-variation-price .price {
	font-size: x-large;
    font-weight: bold;
}
/* hide Order again button */
.woocommerce-order-received .order-again {
	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: #9D3306;
	color: #fff;
}

.days {
	color: lightgray;
}

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

.red {
	color: red;
}

/**FaceWP CSS**/

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

body.single-entry-2025 h4,
body.single-entry-2026 h4 {
	margin-bottom: 0;
}
body.single-entry-2025 img.entry-image,
body.single-entry-2026 img.entry-image {
	max-width: 100%;
	height: auto;
}
.single-entry-2025 .venue-profiles,
.single-entry-2026 .venue-profiles {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.single-entry-2025 .venue-profiles img,
.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: #f18b17;
  	padding: 0.2em 0.5em;
	color: white;
}
.sites-nearby .site-number {
	min-width: 2rem;
}
.distance {
	font-size: smaller;
}
@media only screen and (min-width: 640px) {
	.gallery-page,
	.flex-page {
		display: grid;
  		grid-template-columns: 1fr auto;
		gap: 20px;
	}
	.main-page {
		grid-row: 1 / span 2;
	}
	.sidebar,
	.sidebar-2,
	.sidebar-entry,
	.sidebar-workshop {
		max-width: 250px;
	}
	.sidebar-2,
	.sidebar-entry {
	}
}
.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);
}

.tag {
    display: inline-block;
    border-radius: 3px;
    padding: .2em .5em .3em;
    border-radius: 2px;
    background: var(--wp--preset--color--contrast);
    color: white;
    font-weight: 600;
    margin: .25em .1em
}