/*
Theme Name: Moebius2026
Theme URI: 
Author: K Zoe Graham
Author URI: 
Description: Custom theme developed for Moebius Theatre for major 2026 redesign
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: moebius2026
Tags: 
*/

/* html {
    font-size: 24px;
} */
/*
body {
    background: #000000 url('assets/images/siteBGMuted-NASA.jpg') no-repeat center center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('assets/images/siteBGMuted-NASA.jpg') no-repeat center center fixed;   
    background-size: cover;
}*/ 
body {
  margin: 0;
  padding: 0;
  height: 100vh;
  background: 
    linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), 
    url('assets/images/siteBGMuted-NASA.jpg') no-repeat center center fixed;
  background-size: cover;
}

del {text-decoration: line-through;}
/* HEADER AND FOOTER RESPONSIVENESS */
.larger-header, .larger-footer {
    display: none;    
}
.mobile-header, .mobile-footer {
    display:block;
}

@media screen and (min-width: 800px) {
    .larger-header, .larger-footer {
        display:block;         
    }
    .larger-header .wp-block-columns, .larger-footer .wp-block-columns {
        /* min-width:1000px; */
        max-width:1500px;
        margin: 0 auto; 
    }
    .mobile-header, .mobile-footer {
        display: none;
    }


}
/* END HEADER AND FOOTER RESPONSIVENESS */

.no-display-empty-grandchildren > .wp-block-column:empty {
    width:0px;
    display:none;
}
.custom-title-override-title-as-section {
    padding-top:1rem;
    line-height:1;
}

/* GENERAL 
.vertical-text {
    transform: rotate(90deg);
    transform-origin: bottom left;
}
*/
/* POST TEMPLATE */
.post-template-main {
    margin: 2vh 6vw;
 /*   border-style: dotted;
    border-width: 1px;
    border-color: crimson;
    */    

}
@media screen and (min-width: 800px) {
.post-template-main {
    margin: 3vh 12vw;
/*    border-style: dotted;
    border-width: 3px;
    border-color: violet;    
    */

}
}
/* END POST TEMPLATE */

/*Flex layout styles*/
.production-date-type-container {
	display:flex !important;
	flex-wrap:wrap !important;
}
.production-display-date {
	flex:1 1 300px !important;
}

/* Custom formatting used often in front and back end */
.light-bg-secondary-border {
    background-color: var(--wp--preset--color--custom-warm-light-background);
    border-color: var(--wp--preset--color--custom-primary-2);
    border-width: 2px;
    border-radius: 10px;
    border-style:solid;
}
/*
figure.featured-image-container {
	margin-top: 2rem;
	flex:2 500px;	
}

figure.featured-image-container img {
    width: 100%;
    height: auto;              
    max-height: 500px;         
    object-fit: cover;         
    object-position: center;   
    border-color: var(--wp--preset--color--custom-primary-2);
    border-width: 2px;
    border-radius: 10px;
    border-style:solid;
}
div.featured-image-caption, .wysiwyg-container figure figcaption {
	color: color-mix(in srgb, var(--wp--preset--color--custom-primary-2) 80%, transparent);
	margin-top:-2rem;
	font-size: var(--wp--preset--font-size--tiny);
	font-style:italic;
	margin-left:1rem;	
}

.wp-block-post-featured-image img {
    max-height: 500px;
    width: auto;
    object-fit: contain;
    margin: 0 auto; 
}
*/
.single-production .featured-image-container {
	margin-top: 2rem;
	flex:2 500px;
	justify-content: center;	
	border-color: var(--wp--preset--color--custom-primary-2);
	border-width: 2px;
	border-radius: 10px;
	border-style:solid;
}
.single-production .featured-image-container img {
	width: 100%;
	height: auto;              
	max-height: 500px;         
	object-fit: cover;         
	object-position: center;   
	border-radius: 10px 10px 0px 0px;
	margin-bottom:0px;padding-bottom:0px;
	background-color: black !important;
}
.single-production .featured-image-caption {
	margin-top: 0px;
	margin-left:0px;
	width:100%;
	text-align: center;
	background-color: black !important;
	font-size: var(--wp--preset--font-size--tiny);
	font-style:italic;
	color: color-mix(in srgb, var(--wp--preset--color--custom-primary-2) 100%, transparent);
	border-radius: 0px 0px 10px 10px;

}

/* Custom fields used in both front end and back end code */
.production-display-date {
    color: var(--wp--preset--color--custom-primary-2);
    font-size: var(--wp--preset--font-size--small);
}
.child-production-wrap {
    margin-top:1em;
}
.production-type {
    color: var(--wp--preset--color--custom-primary-2);
    font-size: var(--wp--preset--font-size--small);	
}
.production-title {
    color: var(--wp--preset--color--custom-primary-1);
    font-family: var(--wp--preset--font-family--audiowide);
    font-size: var(--wp--preset--font-size--large);
    margin:0px;padding:0px;
}
.production-authors {
    color: var(--wp--preset--color--custom-primary-2);
    font-size: var(--wp--preset--font-size--small);
    font-style:italic;
}
.production-event {
    color: var(--wp--preset--color--custom-primary-1);
    font-family: var(--wp--preset--font-family--audiowide);
    font-size: var(--wp--preset--font-size--normal);
    margin-top:1em;		
}
.child-production-wrap .production-event {
      margin-top:0;	  
}
.production-venue {
    color: var(--wp--preset--color--custom-primary-2);
    font-size: var(--wp--preset--font-size--normal);
}
.production-directors {
    color: var(--wp--preset--color--custom-primary-1);
    font-size: var(--wp--preset--font-size--small);
    font-style:italic;
    margin-top:1em;			
}

/* PRODUCTION LIST PATTERN STYLES */

/* GENERAL*/
section.production-list {
    padding: var(--wp--preset--spacing--30);
    margin-top: var(--wp--preset--spacing--40);
    margin-bottom: var(--wp--preset--spacing--60);
    border-style: solid;
    border-width: 2px;
    border-color: var(--wp--preset--color--custom-primary-1);    
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
/* background-color: var(--wp--preset--gradient--custom-warm-light-background-gradient)*/
    background-color: var(--wp--preset--color--custom-warm-light-background);
}

section.production-list div.list-line {
    border-bottom: 1px dotted var(--wp--preset--color--custom-primary-2) !important;
    padding-top:.3em;
    display:flexbox;
}
section.production-list .left-side {
    text-align: left;
    font-weight: bold;
    flex: 1;
}

section.production-list div.right-side, p.right-side {
    text-align: right;
    flex: 2;
    margin-left:2px;
}
.production-list-footnotes {
    font-size: var(--wp--preset--font-size--tiny);
}


section.production-list .center-children > p {
    text-align: center;
}

/* CAST LIST NO ROLES */

.production-cast-list-no-roles p {
    margin:0;padding:0;
}
.production-cast-list-no-roles div.center {
    text-align: center;
}
/*.production-cast-list-no-roles .wp-block-columns {

}*/

/* SKETCH LIST */
.sketch-list-header-row .sketch-list-actors {
    font-weight: 600;
    font-style: italic;
}
.sketch-list-header-row .sketch-list-title {
    font-style: italic;
    font-size: var(--wp--preset--font-size--tiny);
}
.production-sketch-list .sketch-list-title, .production-sketch-list .sketch-list-authors {
    display:inline-block;
}
.production-sketch-list .sketch-list-item-row p {
    margin-bottom:0px;
}
.production-sketch-list .sketch-list-title {
    font-weight:600;
}
.production-sketch-list .sketch-list-authors {
    font-style: italic;
    padding-left:.5em;
}
.production-sketch-list .sketch-list-actors {
    font-size: var(--wp--preset--font-size--tiny);
    min-width:25%; width:25%; max-width:25%;
}

/* END PRODUCTION LIST PATTERNS STYLES */

.wp-block-navigation.production-archive-menu .current-menu-item {
    color: var(--wp--preset--color--custom-primary-2-o-33);
    text-decoration: underline;
}

.wysiwyg-container figure  {
    float:right;margin-left:2em;
}
.wysiwyg-container figure img {
    border-color: var(--wp--preset--color--custom-primary-2);
    border-width: 2px;
    border-radius: 10px;
    border-style:solid;    
}

/* Core button block hover styles */
.auditions-button .wp-block-button__link:hover {
    
    background: var(--wp--preset--color--custom-pop) !important; /* Change to your desired background color */
    color: var(--wp--preset--color--custom-warm-light-background) !important;            /* Change to your desired text color */
    transition: background-color 0.3s ease, color 1.0s ease; /* Makes the transition smooth */
}

.light-bg-secondary-border h2, .light-bg-secondary-border a, .production-list .has-custom-primary-1-color, .has-custom-warm-light-background-background-color a {
    color:var(--wp--preset--color--custom-primary-1-dark) !important;
}

.has-custom-warm-light-background-background-color h2   {
    color:var(--wp--preset--color--custom-primary-2-dark) !important;
}

/* Adjust label and input space for the specific field container */
.small-text-long-label.ff-el-group {
  display: flex;
  box-sizing: border-box;
}

.small-text-long-label .ff-el-input--label {
    flex-grow: 1;
}

.small-text-long-label .ff-el-input--label label {
    width:95%;
}

.small-text-long-label .ff-el-input--content {
    width: 100px;
    margin-left:10px !important;
    flex-shrink: 0;
}

textarea {line-height:1.25 !important;}
.page-template-default figure, .wp-block-post-template figure {max-width:600px;height:auto;}
.page-template-default figure img, .wp-block-post-template figure img {max-width:100%; height:auto;}
.page-template-default figure figcaption, .wp-block-post-template figure figcaption  {
    text-align:left;
    padding:1em;
    box-sizing: border-box;
    margin:0;
    color: var(--wp--preset--color--custom-primary-2);
    font-size: var(--wp--preset--font-size--small);
    font-weight: bold;
}