/*
Theme Name: My Twenty Twenty One Child Theme
Description: A child theme for Twenty Twenty One.
Author: Bec Leung Designs
Author URI: https://becleung.com/
Template: twentytwentyone
Version: 1.41
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* Variables */
:root {

    /* Header */
    --branding--logo--max-width: 310px;
    --branding--logo--max-height: 150px;
    --branding--logo--max-width-mobile: 310px;
    --branding--logo--max-height-mobile: 150px;

}

/* Fee modal */
.fee-modal-open{overflow:hidden;}#fee-modal{overflow-y:scroll;}#fee-modal p{font-size:0.9em;line-height:1.3em;hyphens:auto;}#fee-modal a, #fee-modal-close{color:#a2d3ff;}

html, .home {height: 100%;}
.home.admin-bar {height: calc(100% - 32px);}

.home #header-wrapper:before {background-image: linear-gradient( rgba(0,0,0,0.6), rgba(0,0,0,0)); content: ""; display: block; position: absolute; width:100%; height: 360px;}

@keyframes minislide {50%{opacity:1;} 100%{opacity:0;}}
#homepage-bg-imgs img, .photo-credit-name {animation: minislide 12s infinite; opacity: 0; position: absolute; transform: rotateZ(360deg);}
#homepage-bg-imgs img:nth-child(1){animation-delay:0s; object-position: 50% 100%;}
#homepage-bg-imgs img:nth-child(2){animation-delay:6s;}
#photo-credit-shelley-taylor {animation-delay:0s;}
#photo-credit-ariana-flynn {animation-delay:6s;}
.photo-credit {position: relative; right: 39px;}

#homepage-bg-imgs {height: 100vh; width: 100vw; position: fixed; z-index: 0;} #homepage-bg-imgs img {height: 100vh; width: 100vw; object-fit: cover;} .home #content {position: relative; z-index: 1;}
.home.custom-background {background: #555555;}
.home .site-logo img {opacity: 0;}
.home .site-logo {background: url('../../uploads/svcrs-logo-white-with-shadow.png'); background-size: 100%;}
.home .primary-navigation {background: none;}
.home .textwidget p,
.home .menu-button-container #primary-mobile-menu .dropdown-icon.open,
.home .primary-navigation .primary-menu-container > ul > .menu-item > a,
.home .site #site-navigation a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {color: #FFFFFF; text-shadow: 1px 1px 9px #000000;}
.home .site #site-navigation .sub-menu a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {color: #000000; text-shadow: none;}
.home #main {padding: 0;}
.home .entry-content {margin: 0 auto; padding: 50px 20px; text-align: center;}
.home h1, .home h2, .home h3, .home p {margin: 0 auto; text-shadow: 1px 1px 9px #000000;}
.home p {font-weight: 600;}
.home #footer-wrapper {background: none; position: absolute; bottom: 0; margin-bottom: 20px; max-width: 100%; width: 100%; z-index: 1;}
.home .widget_text {margin: 0;}
.home .photo-credit {font-size: var(--footer--font-size);}
.home .photo-credit p {font-size: smaller;}
.home .footer-navigation {margin: 0; width: var(--responsive--alignwide-width);}
.home .footer-navigation-wrapper li .svg-icon {fill: #FFFFFF;}
.home #land-acknowledgement {background-image: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.7)); color:#FFFFFF; position:absolute; top:0;}

.site-header {display: block; max-width: 100%; padding: 0;}
.site-branding {margin: 0 auto;}
.site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {margin: 9px auto 0 auto; max-width: 310px; padding-top: 0; position: relative;}
.site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img {max-height: 150px;}
.primary-navigation > div > .menu-wrapper {justify-content: center;}
.primary-navigation .primary-menu-container > ul > .menu-item > a {padding-bottom: 6px; padding-top: 6px; text-align: center; text-decoration: none;}
.primary-navigation a:hover, .menu-item-has-children:hover > a,
.site #site-navigation a:focus:not(.wp-block-button__link):not(.wp-block-file__button),
.primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a,
.primary-navigation .current-menu-item > a:hover, .primary-navigation .current_page_item > a:first-child:hover {background: none; color: #000000; font-weight: 600; text-decoration: none;}
.primary-navigation .sub-menu .menu-item > a {padding-bottom: 6px; padding-top: 6px;}
.primary-navigation .sub-menu .menu-item:first-child > a {padding-top: 9px;}
.primary-navigation .sub-menu .menu-item:last-child > a {padding-bottom: 9px;}
.primary-navigation .sub-menu .current-menu-item > a:first-child {font-weight: 400;}
.primary-navigation .sub-menu .current-menu-item > a:first-child:hover {font-weight: 600; text-decoration: none;}
.primary-navigation {background: #F2D496; margin-top: 20px; position: relative;}
.primary-navigation .primary-menu-container {margin: 0;}
.primary-navigation-open .primary-navigation > .primary-menu-container {position: relative;}
.primary-navigation-open #page {z-index: 9;}
.menu-button-container {padding: 0; position: relative;}
.menu-button-container #primary-mobile-menu {margin: 0 auto;}
.primary-navigation > div > .menu-wrapper .sub-menu-toggle {display: none;}
.primary-navigation > div > .menu-wrapper > li > .sub-menu {padding-top: 0; border: none;}
.primary-navigation > div > .menu-wrapper > li > .sub-menu li {background: #fdf8e3;}
.primary-navigation > div > .menu-wrapper > li > .sub-menu::after {border-color: #fdf8e3 transparent;}
.primary-navigation > div > .menu-wrapper > li > .sub-menu::before {border-color: transparent;}
.primary-navigation > div > .menu-wrapper > li:last-child {text-transform: uppercase;}
.primary-navigation .primary-menu-container > ul > #menu-item-457 {display: none;}
.logged-in .primary-navigation .primary-menu-container > ul > #menu-item-457 {display: block;}

.site-main {padding: 0;}
.site-main > article > .entry-content {margin-bottom: 30px;}
.singular .entry-header, .singular .has-post-thumbnail .entry-header {background: #F1B11D; border: 0; margin: 0; max-width: 100%; padding: 9px 0; text-align: center; width: 100%;}
.singular .entry-header h1 {color: #fbf3cb;}
.entry-footer {display: none;}

#footer-wrapper {background: url('images/footer-bunting.png') center top repeat-x;}
.widget-area {display: block;} #text-2 {margin-top: 0;}
.site-footer, .no-widgets .site-footer, .widget-area {margin: 0 auto; padding: 0;} .footer-navigation {margin: 42px 0 6px 0;}
.textwidget p {font-size: smaller; max-width: var(--responsive--alignwide-width) !important; text-align: center;}

#facilities-included {max-width: var(--responsive--alignwide-width); display: flex; flex-wrap: wrap;}
#facilities-included > div {border: 2px solid #000000; margin: 0 0 6% 0; padding: 20px; text-align: center; width: 100%;}

@media only screen and (min-width: 482px) {
    .primary-navigation > div > .menu-wrapper > li > .sub-menu {box-shadow: 1px 1px 9px rgba(0,0,0,0.6);}
    .logged-in .primary-navigation .primary-menu-container > ul > #menu-item-457 {display: flex;}
}

@media only screen and (min-width: 505px) and (max-width: 833px) {
    #facilities-included > div {margin: 0 6% 6% 0; width: 47%;}
    #facilities-included > div:nth-child(2n+2) {margin-right: 0;}
    #facilities-included > div:nth-child(n+7) {margin-bottom: 0;}
}

@media only screen and (min-width: 834px) and (max-width: 1064px) {
    #facilities-included > div {margin: 0 5% 5% 0; width: 30%;}
    #facilities-included > div:nth-child(3n+3) {margin-right: 0;}
    #facilities-included > div:nth-child(n+7) {margin-bottom: 0;}    
}

@media only screen and (min-width: 1065px) {
    #facilities-included > div {margin: 0 4% 4% 0; width: 22%;}
    #facilities-included > div:nth-child(4n+4) {margin-right: 0;}
    #facilities-included > div:nth-child(n+5) {margin-bottom: 0;}
}

@media only screen and (max-width: 782px) {
    .home.admin-bar {height: calc(100% - 46px);}
}

@media only screen and (max-width: 481px) {
    .home h1 {font-size: 1.6em;} .home h2 {font-size: 1.2em;} .home h3 {font-size: 1em;}

    .site-logo .custom-logo {width: 100%;}
    .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo, .primary-navigation {top:0;}
    .primary-navigation > .primary-menu-container {padding-top: 20px;}
    .primary-navigation > div > .menu-wrapper > li > .sub-menu {margin-bottom: 20px;}
    .primary-navigation-open .menu-button-container #primary-mobile-menu {margin-left: auto; margin-right: 0;}
    .home.primary-navigation-open .primary-navigation .primary-menu-container > ul > .menu-item > a,
    .home.primary-navigation-open .site #site-navigation a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {color: #000000; text-shadow: none;}
    .primary-navigation-open .primary-navigation {margin-top: 0;}
    .singular .entry-title {font-size: 42px;}
}

@media only screen and (orientation: landscape) and (max-width: 926px) and (max-height: 700px) {
    .home h1 {font-size: 1.6em;} .home h2 {font-size: 1.2em;} .home h3 {font-size: 1em;}
    .home #content, .home #footer-wrapper {position: relative;}
    .home .wp-block-columns {bottom: -90px;}
}

#mandate-box {background: url('images/village-roads-bg.png'); padding: 0 1em;}
#contact-info-box {background: url('images/contact-mail-bg.png'); padding: 0 1em;}
#mandate-box .wp-block-column, #contact-info-box .wp-block-column {background: #FFF; box-sizing: content-box; margin: 5em auto; max-width: 610px; padding: 1.6em;}
#mandate-box li {margin-bottom: 0.6em;}

#em-wrapper {max-width: var(--responsive--alignwide-width);}
.css-events-list table.events-table td {padding: 20px;}
.css-events-list table.events-table th.event-time {width: 260px;}
.em-search-advanced .em-search-category #category {padding-right: 23px;}
.wpfc-calendar-wrapper .fc-header-toolbar .fc-left .ui-button,
.wpfc-calendar-wrapper .fc-header-toolbar .fc-right .ui-button {color: #1c94c4;}
.wpfc-calendar-wrapper .fc-header-toolbar .fc-left .ui-state-disabled {color: #fbf3cb;}
.wpfc-calendar-wrapper .fc-header-toolbar .fc-left .ui-button:hover, .wpfc-calendar-wrapper .fc-header-toolbar .fc-left .ui-button:focus,
.wpfc-calendar-wrapper .fc-header-toolbar .fc-right .ui-button:hover, .wpfc-calendar-wrapper .fc-header-toolbar .fc-right .ui-button:focus,
.wpfc-calendar-wrapper .fc-header-toolbar .fc-right .ui-state-active {color: #eb8f00;}
.tippy-box, .tippy-box img {width: 300px;} .tippy-box img {padding-bottom: 4px;}
.em-booking-form-details #user_email {margin-bottom: 9px;}
#em_wp-submit {margin: 0 9px 9px 0; max-width: 180px; width: 100%;}
#em_rememberme + label {padding: 0 0 3px 6px; vertical-align: middle; width: 130px;}
.em-booking-login-form a:last-child {white-space: nowrap;}

@media only screen and (max-width: 720px) {
    .em-booking-form-details {float: none; width: 100%;}
    div.em-booking-login {border: 0; margin: 0; padding-left: 10px;}
}
@media only screen and (max-width: 420px) {
    #em_wp-submit {display: block;}
	.em.em-event-booking-form .em-booking-form-section-tickets .em-booking-section {padding:20px 0;}
}

#wp-em-editor-content-editor-tools .wp-switch-editor, #wp-em-editor-content-editor-container button {background: #f6f7f7; color: #50575e;}
#wp-em-editor-content-editor-container .mce-listbox button {background: #ffffff;}
#insert-media-button, #wp-em-editor-content-editor-container .button {background: #f6f7f7; color: #2271b1;}
.em-recurrence-checkbox, .em-time-all-day, #event-rsvp, .input-field-data_privacy_consent input {vertical-align: text-bottom;}
.input-field-data_privacy_consent {margin-bottom: 16px;}
.em-time-all-day {margin-top: 9px;}
.em-search-section-location {display:none;}
.em {--accent-color:#28303D;}
.em .em-event-add-to-calendar-content a {width:calc(100% - 20px);}
.event-template-default .em-event-add-to-calendar.em-clickable, .event-template-default .em-event-bookings-meta a.button {
 background-color: transparent !important;
 color: var(--default-color) !important;
 border: 1px solid var(--border-color) !important;
 border-radius: 4px;
 padding-top: 6px !important;
 padding-bottom: 6px !important;
}
.em-booking-form-details.em-booking-section label {display:inline-block;min-width:64px;}

.pmpro_levels_table .fees-text {display:none;}