/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

*,
::before,
::after {
    box-sizing: border-box;
}

html {
    /* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
    font-family:
    'Bernino Regular',
        system-ui,
        'Segoe UI',
        Roboto,
        Helvetica,
        Arial,
        sans-serif,
        'Apple Color Emoji',
        'Segoe UI Emoji';
    line-height: 1.15;
    /* 1. Correct the line height in all browsers. */
    -webkit-text-size-adjust: 100%;
    /* 2. Prevent adjustments of font size after orientation changes in iOS. */
    tab-size: 4;
    /* 3. Use a more readable tab size (opinionated). */
}

/*
Sections
========
*/

body {
    margin: 0;
    /* Remove the margin in all browsers. */
}

/*
Text-level semantics
====================
*/

/**
Add the correct font weight in Chrome and Safari.
*/

b,
strong {
    font-weight: bolder;
    font-weight: 700;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
    font-family:
        ui-monospace,
        SFMono-Regular,
        Consolas,
        'Liberation Mono',
        Menlo,
        monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

address {
    font-style: normal;
}

/**
Add the correct font size in all browsers.
*/

small {
    font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/*
Tabular data
============
*/

/**
Correct table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
    border-color: currentcolor;
}

/*
Forms
=====
*/

/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

img {
    max-width: 100%;
    height: auto;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: button;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
    padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
    vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/*
Interactive
===========
*/

/*
Add the correct display in Chrome and Safari.
*/

summary {
    display: list-item;
}




/**
 * Accessibility
 **/
body:not(.user-is-tabbing) *:focus {
    outline: none;
}

.user-is-tabbing *:focus-visible {
    outline: 2px dashed blue;
    outline-offset: 3px;
}



/**
 * THEME CORE STYLES
 **/


/* Header / Footer */
#pookatheme-header ul,
#pookatheme-footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Responsive menu */
.main-navigation {
    display: block;
}
.main-navigation nav {
    display: none;
}
.menu-toggle,
.main-navigation.toggled nav {
    display: block;
}

@media (min-width: 992px) {
    /* Toggle Hamburger Menu off */
    .menu-toggle {
        display: none;
    }
    .main-navigation nav,
    .main-navigation nav ul {
        display: flex;
    }
}


/**
 * UTILITY STYLES
 **/

:root {
    --wp--preset--color--shade-light: rgba(30, 30, 30, 0.06);
    --wp--preset--color--shade-lighter: rgba(30, 30, 30, 0.12);
}

.pk-d-none {
    display: none;
}

.pk-d-none-imp {
	display: none !important;
}

.pk-mb-0,
.pk-my-0 {
    margin-bottom: 0 !important;
}
.pk-mt-0,
.pk-my-0 {
    margin-top: 0 !important;
}

.pk-pb-0,
.pk-py-0 {
    padding-bottom: 0 !important;
}
.pk-pt-0,
.pk-py-0 {
    padding-top: 0 !important;
}

@media (max-width: 781.95px) {
    .wp-block-column.pk-first-on-mobile {
        order: -1;
    }
}

/* sm */
@media (min-width: 576px) {

}

/* md */
@media (min-width: 768px) {
    .pk-d-md-flex {
        display: flex;
    }
}

/* lg */
@media (min-width: 992px) {
    .pk-d-lg-flex {
        display: flex;
    }
}

/* xl */
@media (min-width: 1200px) {

}


/**
 * BLOCK STYLES
 **/
.has-x-large-font-size {
    line-height: 1.2;
}
.has-large-font-size {
    line-height: 1.3;
}
.has-medium-font-size {
    line-height: 1.35;
}

.wp-block-button.has-small-font-size a.wp-block-button__link {
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40) !important;
}



/**
 * THEME CUSTOM STYLES
 **/

/* Header / Footer */
#pookatheme-header__logo-container img {
    max-width: 10rem;
}
#pookatheme-header__logo-text-container img {
    padding-left: .75rem;
    padding-right: 1.5rem;
    max-width: 15rem;
}

#pookatheme-header .main-navigation nav ul li a {
	font-family: 'Bernina Condensed', sans-serif;
	font-weight: 800;
	line-height: 1.1;
    color: var(--wp--preset--color--foreground);
}

svg[class^="icon-"] {
    fill: var(--wp--preset--color--foreground);
}
#pookatheme-footer svg,
#pookatheme-header svg {
    display: flex;
    width: clamp(1.25rem, 1.139rem + 0.556vw, 1.625rem);
    height: auto;
}
#utility-facebook path,
#utility-linkedin path,
#utility-instagram path,
#utility-twitter path,
#utility-youtube-play path {
    fill: var(--wp--preset--color--background) !important;
}

.pookatheme__social-network-icons {
    display: flex;
    gap: var(--wp--preset--spacing--20);
}

#pookatheme-footer a {
    color: var(--wp--preset--color--background);
}

.pookatheme__social-network-icons {
    display: flex;
    align-items: center;
}

.pookatheme-header__social-network-icons path {
    fill: var(--wp--preset--color--background);
}

#dark-mode-toggle .toggleable {
    cursor: pointer;
}

#pookatheme-footer .toggleable svg,
#pookatheme-header .toggleable svg {
    pointer-events: none;
}


symbol#utility-search path {
    fill: var(--wp--preset--color--foreground);
}
symbol#utility-moon path {
    fill: var(--wp--preset--color--background);
}
#pookatheme-header #dark-mode-toggle .light-mode-chooser {
    display: none;
}

.pookatheme-header__logo-container,
.pookatheme-footer__logo-container {
    overflow: visible;
    display: inline-flex;
    position: relative;
    z-index: 9999;
}
.pookatheme-footer__logo-container {
    z-index: 999;
}
.pookatheme-header__logo-container a {
    display: block;
    width: 45%;
}
.pookatheme-footer__logo-container a {
    display: block;
    width: 100%;
}
.pookatheme-header__logo-strap {
    position: absolute;
    top: 14%;
    left: 47.5%;
    width: 52%;
    height: auto;
}
.pookatheme-header__logo-strap svg {
    width: 100% !important;
}
.pookatheme-header__logo-strap svg path {
    fill: var(--wp--preset--color--foreground);
}
.pookatheme-footer__logo-strap svg path {
    fill: var(--wp--preset--color--background);
}

#header-menu-main .button-donate a {
    padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30) !important;
}

#pookatheme-footer a,
#pookatheme-header a {
    text-decoration: none;
}

#pookatheme-footer-columns > div {
    margin-top: var(--wp--preset--spacing--60);
}
.pookatheme-footer__contact-details__address {
    margin-bottom: var(--wp--preset--spacing--30);
}

#pookatheme-footer-section-2 p {
	font-size: var(--wp--preset--font-size--small);
    margin-top: 0;
    margin-bottom: 0;
}

.pookatheme-footer__partner-logos {
    display: flex;
    flex-direction: column;
}
.pookatheme-footer__partner-logos img {
    max-width: 10rem;
    height: auto;
    max-height: 6rem;
    width: auto;
    margin-top: var(--wp--preset--spacing--30);
    margin-bottom: var(--wp--preset--spacing--30);
}

/* Mainchimp form in the footer */
#mc4wp-form-1 input[type=email] {
	width: 100%;
	margin-bottom: 0.5rem;
	padding: var(--wp--preset--spacing--30);
}

#mc4wp-form-1 input[type=submit] {
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
}

@media (max-width: 992px) {
	#mc4wp-form-1 input[type=email] {
		max-width: 300px;
	}
}

@media (max-width: 379.95px) {
	#header-search {
		display: none !important;
	}
}

@media (max-width: 991.95px) {

    #pookatheme-header,
    #pookatheme-header__content {
        height: 3rem;
    }

    #pookatheme-header__first {
        margin-top: var(--wp--preset--spacing--20);
        width: 70%;
    }

    .pookatheme-header__logo-container {
        width: 100%;
        max-width: 14rem;
    }
    .pookatheme-header__logo-strap {
        top: 35%;
    }

    #pookatheme-header__last #pookatheme-header__functions {
        position: absolute;
        right: calc( var(--wp--preset--spacing--40) + 2rem );
        left: 0;
        height: 3rem;
    }

    #pookatheme-header svg {
        display: flex;
        width: 1.8rem;
        height: auto;
    }
    symbol#utility-moon path,
    symbol#utility-sun path {
        fill: var(--wp--preset--color--foreground);
    }
    .pookatheme-header__social-network-icons svg {
        width: 2.4rem !important;
    }

    #site-navigation.main-navigation button.menu-toggle {
        position: absolute;
        top: .5rem;
        right: var(--wp--preset--spacing--40);
    }
    #site-navigation button.menu-toggle {
        position: absolute;
        top: -2rem;
        right: 0;
        width: 1.8rem;
        height: 2rem;
        border-radius: 0;
        background: none;
        box-shadow: none;
        border: none;
        text-indent: -9999em;
        -webkit-transition: background-color 1000ms ease;
        -ms-transition: background-color 1000ms ease;
        transition: background-color 1000ms ease;
    }
    #site-navigation button.menu-toggle span,
    #site-navigation button.menu-toggle span:before,
    #site-navigation button.menu-toggle span:after {
        cursor: pointer;
        height: 3px;
        width: 1.8rem;
        background: var(--wp--preset--color--foreground);
        position: absolute;
        display: block;
        content: '';
        border-radius: 1px;
    }
    #site-navigation button.menu-toggle span {
        top: calc(1rem - 1px);
        right: 0;
    }
    #site-navigation button.menu-toggle span:before {
        top: -.75rem;
    }
    #site-navigation button.menu-toggle span:after {
        bottom: -.75rem;
    }
    #site-navigation button.menu-toggle span,
    #site-navigation button.menu-toggle span:before,
    #site-navigation button.menu-toggle span:after {
        transition: all 500ms ease-in-out;
    }
    #site-navigation button.menu-toggle[aria-expanded="true"] span {
        background-color: transparent;
    }
    #site-navigation button.menu-toggle[aria-expanded="true"] span:before,
    #site-navigation button.menu-toggle[aria-expanded="true"] span:after {
        top: 0;
    }
    #site-navigation button.menu-toggle[aria-expanded="true"] span:before {
        transform: rotate(45deg);
    }
    #site-navigation button.menu-toggle[aria-expanded="true"] span:after {
        transform: rotate(-45deg);
    }

    #site-navigation.main-navigation.toggled > nav {
        position: absolute;
        top: 3rem;
        left: 0;
        right: 0;
        background-color: var(--wp--preset--color--primary);
        padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--40);
        text-align: center;
        z-index: 1000;
        height: calc( 100vh - 3rem );
        font-size: var(--wp--preset--font-size--large);
    }
    #site-navigation.main-navigation.toggled > nav a {
        color: var(--wp--preset--color--background);
        display: inline-block;
        padding: var(--wp--preset--spacing--30);
    }

    #header-menu-main .button-donate a {
        margin-top: var(--wp--preset--spacing--50);
        background: var(--wp--preset--color--secondary);
        color: var(--wp--preset--color--foreground) !important;
    }

    #header-menu-main .pookatheme-header__social-network-icons {
        justify-content: center;
        margin-top: var(--wp--preset--spacing--40);
    }

    #pookatheme-footer {
        text-align: center;
    }
    #pookatheme-footer .pookatheme-footer__logo-container {
        position: absolute;
        top: -2.1rem;
        left: calc(50% - 4rem);
    }
    #pookatheme-footer .pookatheme-footer__logo-container img,
    #pookatheme-footer .pookatheme-footer__logo-container .pookatheme-footer__logo-strap svg {
        width: 8rem;
    }
    #pookatheme-footer .pookatheme-footer__logo-container .pookatheme-footer__logo-strap {
        margin-top: var(--wp--preset--spacing--20);
    }

    #footer-social .pookatheme-footer__social-network-icons {
        margin-top: var(--wp--preset--spacing--70);
        justify-content: center;
    }
    #footer-social .pookatheme-footer__social-network-icons svg {
        width: 2.5rem;
        margin: var(--wp--preset--spacing--20);
    }

    #pookatheme-footer-section-2 > .wp-block-group {
        padding-top:var(--wp--preset--spacing--50);
        padding-bottom:var(--wp--preset--spacing--50);
    }

}

@media (min-width: 992px) {

    #pookatheme-header {
        height: 5.5rem;
    }

    .pookatheme-header__logo-container {
        width: 24rem;
    }
    .pookatheme-footer__logo-container {
        position: absolute;
        width: 10rem;
        top: calc(-1 * ( var(--wp--preset--spacing--60) ) );
    }
    .pookatheme-footer__logo-strap {
        position: absolute;
        bottom: 6%;
        left: 88%;
        width: 100%;
    }
    .pookatheme-footer__logo-strap svg {
        width: 100% !important;
    }
    .pookatheme-header__logo-strap svg,
    .pookatheme-footer__logo-strap svg {
        height: auto !important;
    }

    #header-search {
        padding-left:var(--wp--preset--spacing--30);
        padding-right:var(--wp--preset--spacing--30);
    }
    #header-search svg {
        width: 1.4rem !important;
        height: auto
    }

    #dark-mode-toggle,
    #header-social {
        display: inline-flex;
        font-family: "Aspect", sans-serif;
        text-transform: uppercase;
        background: var(--wp--preset--color--foreground);
        color: var(--wp--preset--color--background);
    }
    #dark-mode-toggle {
        font-size: 0.75rem !important;
        height: 1.8rem;
        margin-left:var(--wp--preset--spacing--30);
    }

    #pookatheme-header #dark-mode-toggle {
        font-size: 1rem;
    }
    #pookatheme-header #dark-mode-toggle svg {
        width: 1rem;
        height: 1rem;
    }

    #pookatheme-header #header-social {
        display: inline-flex;
        align-items: center;
        padding-left: var(--wp--preset--spacing--30);
        padding-right:var(--wp--preset--spacing--30);
    }


    #pookatheme-header #header-social svg {
        width: 1.4rem;
        height: 1.4rem;
    }

    .pookatheme-header__logo-container {
        margin-top: var(--wp--preset--spacing--40);
    }

    #pookatheme-header__last #site-navigation {
        margin-top: var(--wp--preset--spacing--30);
        display: flex;
    }
    #pookatheme-header #site-navigation > nav,
    #pookatheme-header #site-navigation > nav > ul {
        display: flex;
        flex-grow: 1;
        justify-content: end;
    }
    #pookatheme-header #site-navigation > nav > ul {
        justify-content: space-between;
        max-width: 36rem;
    }
    #pookatheme-header #site-navigation > nav > ul a {
        display: inline-flex;
        padding-left: var(--wp--preset--spacing--30);
        padding-right: var(--wp--preset--spacing--30);
        text-align: center !important;
    }
    #pookatheme-header #site-navigation > nav > ul > li {
        display: flex;
        align-items: center;
    }
    #pookatheme-header #site-navigation > nav > ul a:first-of-type {
        padding-left: 0;
    }
    #pookatheme-header #site-navigation > nav > ul a:last-of-type {
        padding-right: 0;
    }

    #header-menu-main .button-donate a {
        background: var(--wp--preset--color--primary);
        color: var(--wp--preset--color--background) !important;
    }

    #pookatheme-footer #pookatheme-footer-section-1 > .wp-block-group {
        position: relative;
    }
    #pookatheme-footer .pookatheme-footer__social-network-icons {
        position: absolute;
        top: var(--wp--preset--spacing--50);
        right: 0;
    }

    #pookatheme-footer-columns {
        display: flex;
        gap: var(--wp--preset--spacing--50);
    }
    #pookatheme-footer-columns > div {
        flex: 1 1 0;
    }
    #pookatheme-footer-columns > div.pookatheme-footer-funders {
        text-align: right;
    }

    #pookatheme-footer-section-2 > .wp-block-group {
        display: flex;
        justify-content: space-between;
        gap: var(--wp--preset--spacing--50);
        padding-top:var(--wp--preset--spacing--70);
        padding-bottom:var(--wp--preset--spacing--70);
    }

    #pookatheme-header #site-navigation a {
        text-decoration: none;
        position: relative;
    }
    #pookatheme-header #site-navigation a:active::after,
    #pookatheme-header #site-navigation a:focus::after,
    #pookatheme-header #site-navigation a:hover::after,
    #pookatheme-header #site-navigation li.current-menu-item a::after,
    #pookatheme-header #site-navigation li.current-page-ancestor a::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -3px; 
        width: 100%;
        height: 3px;
        background-color: var(--wp--preset--color--tertiary);
    }
    #pookatheme-header #site-navigation li.menu-item-slug-productions a:active::after,
    #pookatheme-header #site-navigation li.menu-item-slug-productions a:focus::after,
    #pookatheme-header #site-navigation li.menu-item-slug-productions a:hover::after,
    #pookatheme-header #site-navigation li.menu-item-slug-productions.current-menu-item a::after {
        background-color: var(--wp--preset--color--primary);
    }
    #pookatheme-header #site-navigation li.menu-item-slug-projects a:active::after,
    #pookatheme-header #site-navigation li.menu-item-slug-projects a:focus::after,
    #pookatheme-header #site-navigation li.menu-item-slug-projects a:hover::after,
    #pookatheme-header #site-navigation li.menu-item-slug-projects.current-menu-item a::after {
        background-color: var(--wp--preset--color--secondary);
    }
    
    #pookatheme-header #site-navigation .button-donate a::after {
        display: none !important;
    }

}

@media (min-width: 1200px) {

    #pookatheme-header #site-navigation > nav > ul {
        max-width: 45rem;
    }

}


/* Content */
#pookatheme-content {
    min-height: 60vh;
}
#pookatheme-content .entry-content {
	min-height: 21.5rem;
}
#pookatheme-content > .entry-content > *:first-child:not(.alignfull) {
	padding-top: var(--wp--preset--spacing--60);
}
#pookatheme-content > .entry-content > *:last-child:not(.alignfull) {
	padding-bottom: var(--wp--preset--spacing--60);
}

.wp-block-button__link svg {
    width: .75em;
    height: .75em;
    margin-bottom: -.025em;
}
.wp-block-button__link svg path {
    fill: var(--wp--preset--color--background);
}

#pookatheme-content strong {
    font-family: 'Bernino Bold';
    font-weight: normal;
}

/* Exclude <strong> tags within heading elements */
#pookatheme-content h1 strong,
#pookatheme-content h2 strong,
#pookatheme-content h3 strong,
#pookatheme-content h4 strong,
#pookatheme-content h5 strong,
#pookatheme-content h6 strong {
    font-family: inherit;
    font-weight: bold; /* Or whatever the heading font weight should be */
}


/* Breadcrumbs */
.yoast-breadcrumbs {
    display: flex;
	font-family: 'Bernina Condensed', sans-serif;
	font-weight: 800;
    margin-bottom:var(--wp--preset--spacing--30);
}
.yoast-breadcrumbs a {
	color: var(--wp--preset--color--foreground);
    text-decoration: none;
    position: relative;
}
.boptheatre-role {
    font-family: 'Bernina Condensed', sans-serif;;
    font-size: var(--wp--preset--font-size--default);
}
.yoast-breadcrumbs > span {
    display: inline-flex;
    align-items: center;
}
.yoast-breadcrumbs span.sep {
    font-size: var(--wp--preset--font-size--x-small);
	color: var(--wp--preset--color--tertiary);
    padding: 0 var(--wp--preset--spacing--20);
}
body.single-cpt_productions .yoast-breadcrumbs span.sep  {
	color: var(--wp--preset--color--primary);
}
body.single-cpt_projects .yoast-breadcrumbs span.sep  {
	color: var(--wp--preset--color--secondary);
}
.yoast-breadcrumbs a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -3px; 
    width: 100%;
    height: 3px;
    background-color: var(--wp--preset--color--tertiary);
}
body.single-cpt_productions a::after {
    background-color: var(--wp--preset--color--primary);
}
body.single-cpt_projects a::after {
    background-color: var(--wp--preset--color--secondary);
}


/* Boxes */
.boptheatre-box-container {
	display: flex;
    flex-wrap: wrap;
    gap: var(--wp--preset--spacing--50);
}
.boptheatre-box {
    position: relative;
    box-shadow: 2px 2px 5px rgba(30, 30, 30, 0.25);
    transition: all 500ms ease-in-out;
}
.boptheatre-box:hover {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.boptheatre-box a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.boptheatre-box figure {
    position: relative;
}
.boptheatre-box figure .boptheatre-box-meta {
    position: absolute;
    bottom: 4px;
    left: 0;
    background: var(--wp--preset--color--tertiary);
}
.boptheatre-box.post-type-cpt_productions figure .boptheatre-box-meta,
.boptheatre-box.post-type-cpt_productions figure:after {
    background: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--background);
}
.boptheatre-box.post-type-cpt_projects figure .boptheatre-box-meta,
.boptheatre-box.post-type-cpt_projects figure:after {
    background: var(--wp--preset--color--secondary);
}
.boptheatre-box-cat {
	font-family: 'Bernina Condensed', sans-serif;
	font-weight: 800;
}
.boptheatre-box figure:after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--wp--preset--color--tertiary);
}

@media (min-width: 782px) {
    .boptheatre-box {
        flex: 0 0 calc(33.33% - ( (2 / 3) * var(--wp--preset--spacing--50) ) ); /* Each box takes exactly one-third of the available width minus the gutter */
        box-sizing: border-box;
    }
}


/* Headings */
.wp-block-heading strong {
    border-bottom: 4px solid var(--wp--preset--color--tertiary);
    padding-bottom: 2px;
}
h1.wp-block-heading strong,
h2.wp-block-heading strong {
    line-height: 1.7;
}
h4.wp-block-heading strong,
h5.wp-block-heading strong,
h6.wp-block-heading strong {
    border-bottom-width: 3px;
}
body.single-cpt_productions .wp-block-heading strong,
.wp-block-group.has-primary-alt-background-color .wp-block-heading strong,
.wp-block-group.has-primary-alt-2-background-color .wp-block-heading strong {
    border-color: var(--wp--preset--color--primary);
}
body.single-cpt_projects .wp-block-heading strong,
.wp-block-group.has-secondary-alt-background-color .wp-block-heading strong,
.wp-block-group.has-secondary-alt-2-background-color .wp-block-heading strong {
    border-color: var(--wp--preset--color--secondary);
}
#pookatheme-footer .wp-block-heading strong,
.wp-block-heading.has-background-color strong {
    border-color: var(--wp--preset--color--background);
}


/* Pagination */
.pookatheme-pagination {
    margin-top: var(--wp--preset--spacing--60);
    margin-bottom: var(--wp--preset--spacing--60);
    font-family: 'Bernina Condensed', sans-serif;
    font-weight: 800;
    font-size: var(--wp--preset--font-size--medium);
    text-align: center;
}
.pookatheme-pagination > * {
    height: 3rem;
    min-width: 3rem;
    padding: 0 var(--wp--preset--spacing--40);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}
.pookatheme-pagination > a {
    text-decoration: none;
}
.pookatheme-pagination > span.page-numbers.current {
    background: var(--wp--preset--color--tertiary);
    color: var(--wp--preset--color--background);
}
.pookatheme-pagination > a.page-numbers {
    color: var(--wp--preset--color--foreground);
}
#bop-production-archive .pookatheme-pagination > span.page-numbers.current {
    background: var(--wp--preset--color--primary);
}
#bop-project-archive .pookatheme-pagination > span.page-numbers.current {
    background: var(--wp--preset--color--secondary);
}


/* Posts */
body.single-post .post-content .entry-content > *:first-child {
	margin-top: 0;
}
.boptheatre-post-meta {
    border-left: 4px solid var(--wp--preset--color--tertiary);
    padding-left: var(--wp--preset--spacing--30);
}
.boptheatre-post-meta p.has-x-small-font-size strong {
	font-family: 'Bernina Condensed', sans-serif !important;
	font-weight: 800;
}
.boptheatre-post-meta h3.sd-title {
    font-size: var(--wp--preset--font-size--x-small) !important; 
}

@media (min-width: 782px) {
    .post-content .wp-block-columns {
        gap: var(--wp--preset--spacing--70);
    }
}


/* People posts */
.boptheatre-role {
    font-family: 'Bernina Condensed', sans-serif;;
    font-size: var(--wp--preset--font-size--default);
}

.boptheatre-productions-projects .wp-block-columns {
    background-color: var(--wp--preset--color--shade-lighter);
    margin-top: 2px;
    margin-bottom: 2px;
}
.boptheatre-productions-projects .wp-block-columns:nth-child(odd) {
    background-color: var(--wp--preset--color--shade-light);
}
.boptheatre-productions-projects .wp-block-buttons {
	justify-content: end;
}


/* Productions / Projects */
#bop-production-archive,
#bop-project-archive {
    margin-top: var(--wp--preset--spacing--80);
    border-top: 4px solid;
}
#bop-production-archive {
    border-top-color: var(--wp--preset--color--primary);
}
#bop-project-archive {
    border-top-color: var(--wp--preset--color--secondary);
}
#bop-production-archive .alignwide,
#bop-project-archive  .alignwide {
    position: relative;
}
#bop-production-archive h2,
#bop-project-archive h2 {
    position: absolute;
    bottom: 100%;
    left: 0;
    font-size: var(--wp--preset--font-size--default);
    padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40) var(--wp--preset--spacing--30);
    margin-bottom: 0;
}
#bop-production-archive h2 {
    background: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--background);
}
#bop-project-archive h2 {
    background: var(--wp--preset--color--secondary);
}


/* Quote block */
.wp-block-quote,
.wp-block-quote p {
    font-family: 'Bernina Condensed', sans-serif;
}
.wp-block-quote p {
    font-size: var(--wp--preset--font-size--medium);
    line-height: 1.2;
    position: relative;
}
.wp-block-quote p.has-background::after {
    position: absolute;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 18px 0 18px;
    border-color: var(--wp--preset--color--tertiary) transparent transparent transparent;
    bottom: -19px;
    left: var(--wp--preset--spacing--60);
}
.wp-block-quote p.has-primary-background-color::after {
    border-color: var(--wp--preset--color--primary) transparent transparent transparent;
}
.wp-block-quote p.has-secondary-background-color::after {
    border-color: var(--wp--preset--color--secondary) transparent transparent transparent;
}
.wp-block-quote :where(p.has-background) {
    padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--60) var(--wp--preset--spacing--60);
}
.wp-block-quote cite {
    font-style: normal;
}


/* Categories filter */
.categories-filter-div {
	text-align: right;
}


/* Headings block */
.wp-block-heading.has-primary-background-color:not(.has-text-color),
body.dark-mode .wp-block-heading.has-primary-background-color:not(.has-text-color),
body.dark-mode .wp-block-heading.has-tertiary-background-color:not(.has-text-color) {
    color: var(--wp--preset--color--background);
}
.wp-block-heading.has-secondary-background-color:not(.has-text-color),
.wp-block-heading.has-tertiary-background-color:not(.has-text-color),
body.dark-mode .wp-block-heading.has-secondary-background-color:not(.has-text-color) {
    color: var(--wp--preset--color--foreground);
}


/* Jetpack contact block */
html.dark-mode .wp-block-jetpack-contact-form-container .grunion-field-wrap label {
    color: #888;
    background: #fff;
    padding: 5px 10px;
}


/* Links block */
.wp-block-file__button.wp-element-button {
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--background);
}


/* Navigation block */
.wp-block-navigation ul.wp-block-navigation__container.is-vertical.wp-block-navigation,
.wp-block-navigation ul.wp-block-navigation__container.is-vertical.wp-block-navigation > li {
    width: 100%;
    gap: 0;
}
.wp-block-navigation ul.wp-block-navigation__container.is-vertical.wp-block-navigation a {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 0.5rem;
    padding: var(--wp--preset--spacing--20);
    padding-left: 2.25rem;
    background: var(--wp--preset--color--tertiary);
    color: #000;
    text-decoration: none;
    transition: all 0.4s ease-in-out;
}
.wp-block-navigation ul.wp-block-navigation__container.is-vertical.wp-block-navigation a:after {
    display: block;
    position: absolute;
    content: "";
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 0.5rem solid transparent;
    border-bottom: 0.5rem solid transparent;
    border-left: 0.75rem solid #000;
    line-height: 0;
}
.wp-block-navigation ul.wp-block-navigation__container.is-vertical.wp-block-navigation a[aria-current="page"],
.wp-block-navigation ul.wp-block-navigation__container.is-vertical.wp-block-navigation .wp-block-navigation-submenu__toggle,
.wp-block-navigation ul.wp-block-navigation__container.is-vertical.wp-block-navigation .wp-block-navigation__submenu-container {
    display: none !important;
}
.wp-block-navigation ul.wp-block-navigation__container.is-vertical.wp-block-navigation a:active,
.wp-block-navigation ul.wp-block-navigation__container.is-vertical.wp-block-navigation a:focus,
.wp-block-navigation ul.wp-block-navigation__container.is-vertical.wp-block-navigation a:hover {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}


/* Search block */
.wp-block-search__label {
	font-family: 'Bernina Condensed', sans-serif;
	font-weight: 800;
}
.wp-block-search__button.wp-element-button {
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--background);
    font-size: var(--wp--preset--font-size--medium);
    margin-bottom: 0;
}


/* Separator block */
.wp-block-separator {
	border-top: 4px solid !important;
	color: var(--wp--preset--color--tertiary);
}


/* Yoast FAQs block */
.wp-block-yoast-faq-block .schema-faq-question {
	font-family: 'Bernina Condensed', sans-serif !important;
	font-weight: 800;
	line-height: 1.2;
	font-size: var(--wp--preset--font-size--medium);
}
.wp-block-yoast-faq-block p.schema-faq-answer {
    border-bottom-color: var(--wp--preset--color--tertiary);
    padding-bottom: var(--wp--preset--spacing--60);
    margin-bottom: var(--wp--preset--spacing--50);
}


/* Category filters */
.categories-filter-div label {
	margin-right: var(--wp--preset--spacing--30);
	text-transform: uppercase;
	font-weight: bold;
}

.categories-filter-div select {
	position: relative;
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
	min-width: 260px;
	border: 1px solid var(--wp--preset--color--foreground);
	-moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
	background: url(assets/icons/utility/dropdown-arrow.svg) 95% center no-repeat var(--wp--preset--color--white);
	background-size: 20px;
}

@media (max-width: 782px) {
	.categories-filter-div {
		text-align: left;
	}
}