html {
margin: 0 !important;
padding: 0;
background-color: white;
background-image: url(//moomusic.ie/wp-content/themes/moo/images/cow-pattern.svg);
background-repeat: repeat;
background-size: 800px 800px;
color: black;
font-family: 'Fredoka', sans-serif;
font-size: 1.2em;
font-weight: 400;
line-height: 1.5;
scroll-behavior: smooth;
}
body {
overflow-x: auto;
overflow-y: scroll; }
.inner {
width: 90%;
max-width: 64rem;
margin: 0 auto;
padding: 1rem 0;
}
.inner.main-inner {
padding-top: 0;
padding-bottom: 3rem;
}
.wp-block-group__inner-container {
max-width: 1200px;
margin: 0 auto;
}
.print-only {
display: none;
}
.clear {
display: block;
clear: both;
} .desktop-only {
display: none;
} header {
position: relative;
width: 100%;
padding: 0;
border: 0;
z-index: 99;
}
header .inner {
display: flex;
align-items: center;
}
header .menu-and-cta {
width: 100%;
}
.woocommerce header .menu-and-cta {
display: flex;
align-items: center;
justify-content: space-between;
} .site-logo-container {
display: block;
float: left;
border: 2px solid transparent;
border-radius: 10px;
margin-right: 1rem;
flex-grow: 0;
flex-shrink: 0;
}
.site-logo-container img {
display: block;
width: 4.5rem;
height: auto;
}
a.site-logo-container:hover,
a.site-logo-container:focus,
a.site-logo-container:active {
padding: 10px;
margin: -10px calc( 1rem - 10px ) -10px -10px; }
a.site-logo-container:focus,
a.site-logo-container:active {
box-shadow: 0 0 0 4px var( --gold );
} .main-menu {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin: 0;
flex-grow: 1;
}
.main-menu > ul {
position: relative;
text-align: left;
flex-grow: 1;
padding: 0;
margin: 0;
list-style-type: none;
}
.home .main-menu > ul {
margin-left: -0.6rem;
}
.main-menu > ul > li {
display: inline-block;
position: relative;
font-size: 90%;
}
.main-menu > ul:not(.expanded) > li.hidden {
display: none;
}
.main-menu a,
.main-menu button {
display: block;
color: var( --purple );
font-family: 'Matiz', 'sans-serif';
font-weight: 900;
line-height: 1.2;
padding: 0.4rem 0.6rem;
border: 2px solid transparent;
border-radius: 16px;
text-align: center;
text-transform: uppercase;
}
.main-menu a:hover,
.main-menu a:focus,
.main-menu a:active {
z-index: 99999;
} .main-menu .menu-item-has-children:focus-within > a.open {
position: relative;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-color: transparent !important;
}
.main-menu .menu-item-has-children > a.open:focus {
box-shadow: 0 -4px 0 0 var( --gold );
} .main-menu .menu-item-has-children > a::after {
content: '\f078';
font-family: 'Font Awesome 6 Pro';
font-weight: 300;
margin-left: 0.4em;
}
.main-menu .menu-item-has-children > a.open::after {
content: '\f077';
} .main-menu .current-menu-item > a,
.main-menu .current-menu-ancestor > a {
color: var( --pink );
background-color: var( --pink-10 );
border-color: var( --pink );
}
.main-menu .current-menu-item > a:hover,
.main-menu .current-menu-ancestor > a:hover {
color: var( --purple );
}
.main-menu .sub-menu li,
.main-menu .sub-menu a {
top: 0;
margin-top: 0;
}
.main-menu .sub-menu {
display: none;
list-style-type: none;
position: absolute;
top: 2.85em;
width: 100vw;
background: var( --purple-10 );
border-top: 2px solid var( --purple );
border-bottom: 2px solid var( --purple );
border-left: 0;
border-right: 0;
margin: 0;
padding: 0.5rem 0;
z-index: 9999;
}
.main-menu .sub-menu a {
margin-left: 0;
color: var( --purple );
font-size: 90%;
font-family: 'Fredoka', sans-serif;
text-transform: none;
text-align: left;
padding: 0.5rem 1rem;
border-radius: 0;
border: none;
}
.main-menu .sub-menu a:not(.disabled):not(.button-link):not(.wp-block-button__link):hover {
background: var( --purple-40 );
color: var( --purple );
}
.main-menu .sub-menu a:active {
background: white;
color: var( --purple );
}
.main-menu .sub-menu .current-menu-item a {
border-top: none;
background: var( --pink-40 );
color: var( --pink );
}
.main-menu .sub-menu li:hover {
border: none;
}
.main-menu ul ul {
display: none;
}
.main-menu .button-link {
padding: 0.5rem 0.6rem;
margin: 0;
background: transparent;
color: var( --purple );
box-shadow: none;
border-color: transparent;
}
.main-menu .button-link:hover {
box-shadow: none;
background: var( --purple-10 );
border-color: var( --purple );
}
.main-menu .button-link:focus {
box-shadow: 0 0 0 4px var( --gold );
}
.main-menu .button-link.home-button {
position: relative;
left: -0.6rem;
margin-right: -0.8rem;
font-size: 90%;
}
.main-menu .button-link.menu-button {
position: relative;
left: 0.8rem;
margin-left: -0.4rem;
font-size: 90%;
}
.main-menu .button-link.home-button:hover,
.main-menu .button-link.menu-button:hover {
color: var( --purple );
}
.home .main-menu .button-link.menu-button {
left: 0.6rem;
}
.main-menu .button-link span.fa-solid {
margin-right: 0;
margin-left: 0;
} header a.button-link.cta {
display: block;
width: 100%;
box-sizing: border-box;
margin-top: 0;
margin-bottom: 0;
padding: 0.6rem;
font-size: 3.6vw;
flex-grow: 0;
flex-shrink: 0;
} .temporary-message {
background: var( --gold );
color: black;
}
.temporary-message a {
color: black;
border-color: rgba( 0, 0, 0, 0.6 );
}
.temporary-message a:hover {
border-color: black;
}
.temporary-message::before {
content: '\f06a';
font-family: 'Font Awesome 6 Pro';
font-weight: 400;
margin-right: 0.5em;
} .alignwide,
.alignfull {
width: 100vw;
margin-left: 50%;
padding: 1rem;
transform: translateX( -50% );
}
.alignfull .inner {
max-width: 75rem;
} h2.alignfull,
h3.alignfull,
h4.alignfull {
margin-top: 0;
margin-bottom: 0;
} main {
overflow: hidden;
clear: both;
} .content p:last-child {
margin-bottom: 1em;
} .home-page-subtitle {
font-size: 220%;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.home-page-description {
max-width: 50ch;
margin-left: auto;
margin-right: auto;
} .wp-block-group.has-background {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.main-inner > article > .wp-block-group.has-background:last-child {
margin-bottom: -3rem; }
.wp-block-cover + .wp-block-group:not(:first-child).has-background {
margin-top: 0;
}
.wp-block-group:not(:last-child).has-background {
margin-bottom: 1.5rem;
}
.wp-block-group.has-background:not(.alignfull) {
border-radius: 5px;
}
.wp-block-group.has-background + .wp-block-group.has-background {
margin-top: -1.5rem;
}
.wp-block-group p:last-child,
.wp-block-group .wp-block-buttons:last-child .wp-block-button {
margin-bottom: 0;
}
.is-style-outline>.wp-block-button__link:not(.has-background),
.wp-block-button__link.is-style-outline:not(.has-background) {
background: white;
}
.wp-block-group.has-background:not(.alignfull) {
border-radius: 10px;
} a {
color: var( --purple );
text-decoration: none;
line-height: 1.6;
font-weight: 600;
border-bottom: 2px solid var( --purple-40 );
}
a:hover,
a:focus,
a:active {
text-decoration: none;
background-color: var( --purple-10 );
border-color: var( --purple );
}
a:focus,
a:active {
outline: none; box-shadow: 0 0 0 4px var( --gold );
}
a.disabled:hover {
cursor: default;
background-color: inherit;
border-color: inherit;
}
a.image-link {
display: inline-block;
border-bottom: 0;
border-radius: 0.2em;
}
a.image-link:hover {
background-color: inherit;
}
a.image-link img {
border-radius: 0.2em;
}
button,
a.button-link,
.wp-block-button .wp-block-button__link,
.wp-block-file .wp-block-file__button,
.woocommerce a.button,
.woocommerce button.button {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 120%;
font-weight: 600;
background: var( --purple );
color: white;
border: 2px solid white;
border-radius: 16px;
padding: 0.6em 1em;
margin-top: 0.4em;
margin-bottom: 0.6em;
margin-right: 0.4em;
line-height: 1.2;
height: auto;
text-align: center;
box-shadow: inset -5px -5px 20px rgb( 0, 0, 0, 0.16 );
}
a.button-link span:not(:first-child) {
margin-left: 0.3em;
}
button:hover,
a.button-link:hover,
.wp-block-button .wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
cursor: pointer;
background: var( --purple );
color: white;
box-shadow: inset -5px -5px 20px rgb( 0, 0, 0, 0.32 );
}
button:focus,
a.button-link:focus,
.wp-block-button .wp-block-button__link:focus,
.wp-block-file .wp-block-file__button:focus,
.woocommerce a.button:focus,
.woocommerce button.button:focus {
box-shadow: inset -5px -5px 20px rgb( 0, 0, 0, 0.32 ), 0 0 0 4px var( --gold );
}
button:active,
a.button-link:active,
.wp-block-button .wp-block-button__link:active,
.wp-block-file .wp-block-file__button:active,
.woocommerce a.button:active,
.woocommerce button.button:active {
box-shadow: inset 5px 5px 20px rgb( 0, 0, 0, 0.32 ), 0 0 0 4px var( --gold );
}
a.button-link:last-child {
margin-right: 0;
}
a.button-link span.fa-solid {
margin-right: 0.4em;
}
a.low-key-button {
border-color: transparent;
box-shadow: none;
}
.wp-block-file {
margin-bottom: 1em;
}
.wp-block-file .wp-block-file__button {
margin-bottom: 0;
}
.wp-block-file a.wp-block-file__button:active,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:hover,
.wp-block-file a.wp-block-file__button:visited {
color: var( --blue );
}
p + .wp-block-buttons {
margin-top: 1.1em;
}
.wp-block-buttons:last-child {
margin-bottom: 0;
} button.cta,
a.button-link.cta,
.wp-block-button.is-style-fill .wp-block-button__link,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
font-family: Matiz, sans-serif;
font-weight: 400;
font-size: 100%;
text-transform: uppercase;
line-height: 1;
background: var( --pink );
color: white;
padding: 0.8em 1em;
} a.button-link span.icon {
color: var( --gold );
margin-right: 0.4em;
}
a.button-link:hover span.icon {
color: var( --gold );
}
a.low-key-button span.icon {
color: white;
} .is-style-outline>.wp-block-button__link:not(.has-text-color), .wp-block-button__link.is-style-outline:not(.has-text-color) {
color: var( --blue );
} .wp-block-buttons {
margin-top: 1rem;
margin-bottom: 1rem;
} .icon {
color: var( --blue );
opacity: 0.8;
margin-right: 0.1em;
width: 1em;
}
.icon:last-child {
margin-right: 0.4em;
} a[target="_blank"]:not(.image-link):not(.icon-link):not(.icon-only):not(.no-target-icon)::after {
display: inline-block;
content: "\f35d";
font-family: 'Font Awesome 6 Pro';
font-weight: 900;
font-size: 70%;
margin-left: 0.5em;
opacity: 0.7;
position: relative;
top: -0.1em;
} a[href^="#"]:not([href$="#"])::after {
content: '\f063';
font-family: 'Font Awesome 6 Pro';
font-weight: 900;
font-size: 80%;
margin-left: 0.5em;
} h1,
h2,
h3,
h4 {
font-family: 'Schoolbell', cursive;
font-weight: 400;
clear: none;
margin-top: 0.6em;
margin-bottom: 0.6em;
line-height: 1.1;
color: var( --pink );
}
h2:first-child,
h3:first-child,
h4:first-child {
margin-top: 0;
}
h1 {
font-family: 'Matiz', sans-serif;
font-size: 160%;
}
h2 {
font-size: 200%;
}
h3 {
font-size: 150%;
}
h4 {
font-size: 100%;
}
h1 + h2,
h2 + h2,
h2 + h3,
h3 + h3,
h3 + h4,
h4 + h4 {
margin-top: -0.2em;
}
.wp-block-group h2:first-child,
.wp-block-group h3:first-child,
.wp-block-group h4:first-child {
margin-top: 0;
}
h1 a,
h2 a,
h3 a,
h4 a {
font-weight: 400;
} div + h2,
div + h3,
div + h4 {
margin-top: 0.5em;
} ::selection {
background: var( --pink );
color: white;
text-shadow: none;
} iframe {
max-width: 100%;
} .success,
.warning,
.validation_error,
.tip {
display: block;
position: relative;
padding: 0.4em 0.8em 0.4em 2.5em;
border: 2px solid transparent;
border-radius: 5px;
margin-top: 1rem;
margin-bottom: 1rem;
max-width: 100% !important;
}
.success::before,
.warning::before,
.validation_error::before,
.tip::before {
font-family: 'Font Awesome 6 Pro';
font-weight: 900;
font-size: 120%;
margin-right: 0.5em;
position: absolute;
top: 0.2em;
left: 0.5em;
color: white;
}
.success a,
.warning a,
.validation_error a {
color: white;
border-color: white;
}
.success {
background: var( --green );
color: white;
}
.success::before {
content: '\f00c';
color: white;
}
.warning,
.validation_error,
.gfield_description.validation_message {
position: relative;
background: var( --pink );
color: white;
opacity: 1;
}
.warning::before,
.validation_error::before {
content: '\f06a';
}
.tip {
background: var( --purple-10 );
color: var( --purple );
border-color: var( --purple-40 );
}
.tip::before {
content: '\f05a';
color: var( --purple );
} p {
margin-top: 0.4em;
margin-bottom: 0.4em;
}
.wp-block-group p:last-child {
margin-bottom: 0;
}
p + ul,
p + ol {
margin-top: 0;
}
p + p,
figure + p {
margin-top: 1.5em;
}
strong {
font-weight: 600;
} blockquote,
.wp-block-quote {
position: relative;
display: inline-block;
margin-top: 1em;
margin-bottom: 1em;
padding: 0;
border: none;
}
blockquote.has-text-align-center {
width: 100%;
text-align: center;
}
blockquote.has-text-align-center p {
display: inline-block;
}
blockquote p,
.wp-block-quote p,
.wp-block-quote.is-large p {
font-family: 'Schoolbell', cursive;
font-weight: 400;
font-size: 125%;
border-radius: 0.5em;
position: relative;
padding: 0.2em 2em;
max-width: 100%;
line-height: 1.6;
}
blockquote p::before {
content: '\f10d';
position: absolute;
top: 0;
left: 0;
font-family: 'Font Awesome 6 Pro';
font-weight: 900;
font-size: 140%;
transform: rotate( -17deg );
color: var( --pink );
}
blockquote p::after {
content: '\f10e';
position: absolute;
bottom: 0;
right: 0;
font-family: 'Font Awesome 6 Pro';
font-weight: 900;
font-size: 140%;
transform: rotate( 17deg );
color: var( --pink );
}
blockquote cite,
.wp-block-quote cite {
display: block;
position: relative;
padding: 0 1.5em 0.5em;
font-size: 90%;
color: black;
}
.wp-block-quote cite::before {
content: '\2014';
margin-right: 0.3em;
}
blockquote em,
.wp-block-quote em {
font-style: normal;
} .wp-block-pullquote,
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
margin-top: 1em;
max-width: 100%;
padding: 0;
border-color: var( --pink-40 );
}
.wp-block-pullquote blockquote {
margin: 0;
max-width: 100%;
}
.wp-block-pullquote blockquote p,
.wp-block-pullquote.alignleft blockquote p,
.wp-block-pullquote.alignright blockquote p {
background: white;
color: var( --pink );
font-size: 120%;
padding-left: 2em;
padding-right: 2em;
}
.wp-block-pullquote blockquote p::before {
color: var( --pink );
left: 0;
}
.wp-block-pullquote blockquote p::after {
color: var( --pink );
right: 0;
}
.wp-block-pullquote__citation,
.wp-block-pullquote cite,
.wp-block-pullquote footer {
color: var( --pink );
margin-top: -0.5em;
padding: 0 2em 1em;
font-size: 90%;
text-transform: none;
} hr {
clear: both;
width: 100%;
margin: 2em 0;
padding: 0;
background: none;
border: 0;
border-bottom: 1px solid #ddd;
} .wp-block-table {
margin-bottom: 1em;
}
.wp-block-table table {
display: table;
border: 0;
max-width: 100%;
border: 2px solid var( --purple-40 );
border-spacing: 0;
border-collapse: collapse;
}
.wp-block-table thead {
border-bottom: none;
}
.wp-block-table th {
background: var( --purple );
border: 2px solid var( --purple );
padding: 0.5em 1em;
font-weight: 600;
color: white;
text-align: left;
}
.wp-block-table td {
background: white;
padding: 0.5em 1em;
border: 0;
border-right: 2px solid var( --purple-40 );
max-width: 33%;
}
.wp-block-table td:last-child {
border-right: 0;
}
.wp-block-table tr:nth-child(2n) td {
background: var( --purple-10 );
}
.wp-block-table tr:last-child td {
border-bottom: 0;
} .page-section-block {
margin-left: -6%;
margin-right: -6%;
clear: both;
}
.page-section-block__content {
padding-left: 6%;
padding-right: 6%;
}
.page-section-block__image {
display: flex;
align-items: center;
justify-content: center;
} .page-title {
overflow: hidden;
}
.page-title h1 {
flex-grow: 1;
margin: 0;
padding: 0;
line-height: 1.2;
text-transform: uppercase;
} a.parent-link {
display: inline-block;
border-bottom-color: transparent;
border-radius: 1em;
}
a.parent-link::before {
content: '\f060';
font-family: 'Font Awesome 6 Pro';
font-weight: 900;
color: white;
background: var( --purple );
border-radius: 50%;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
text-align: center;
vertical-align: middle;
}
a.parent-link:not(.disabled):not(.image-link):not(.button-link):not(.wp-block-button__link):hover {
border-bottom-color: transparent;
}
.parent-link-text {
display: none;
margin-left: 0.5em;
padding-right: 0.8em;
} .wp-block-image:not(.is-style-rounded) img {
height: auto;
border-radius: 10px;
}
.wp-block-image figcaption {
font-size: 85%;
text-align: left;
}
.wp-block-gallery {
margin-top: 2.5rem;
margin-bottom: calc( 2.5rem - 16px ); }
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
box-sizing: border-box;
font-size: 85%;
} .wp-block-gallery:first-child li:nth-child(n+5) {
display: none;
}
figure {
margin: 0;
}
.wp-block-image {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.wp-block-image:not(:first-child):not(.dont-go-full-width) .alignleft,
.wp-block-image:not(:first-child):not(.dont-go-full-width) .alignright {
float: none;
margin-right: 0;
margin-left: 0;
width: 100%;
height: auto;
}
.wp-block-image:first-child:not(.dont-go-full-width) .alignleft,
.wp-block-image:first-child:not(.dont-go-full-width) .alignright {
max-width: 40%;
height: auto;
}
.wp-block-image:not(.dont-go-full-width) .alignleft img,
.wp-block-image:not(.dont-go-full-width) .alignright img {
width: 100%;
height: auto;
}
.rounded-corners,
.rounded-corners img {
border-radius: 10px;
} .wp-block-gallery.overlapping figure:nth-child(2n) {
margin-left: -2rem !important;
}
.wp-block-gallery.overlapping figure:nth-child(n+3) {
margin-top: -2rem !important;
} .wp-block-gallery.multi-coloured-borders figure:nth-child(4n) img {
border: 0.3rem solid var( --purple );
}
.wp-block-gallery.multi-coloured-borders figure:nth-child(4n+1) img {
border: 0.3rem solid var( --blue );
}
.wp-block-gallery.multi-coloured-borders figure:nth-child(4n+2) img {
border: 0.3rem solid var( --gold );
}
.wp-block-gallery.multi-coloured-borders figure:nth-child(4n+3) img {
border: 0.3rem solid var( --pink );
} p img {
display: inline-block;
margin-left: 0.5em;
margin-right: 0.5em;
} .whole-clickable:hover {
cursor: pointer;
} audio {
width: 100%;
margin: 1em 0;
} .wp-block-columns {
justify-content: center;
margin-bottom: 1rem;
}
.wp-block-columns:last-child {
margin-bottom: 0;
}
.wp-block-columns.has-background:not(.alignfull) {
border-radius: 10px;
} .wp-block-cover {
min-height: 50vh !important;
}
.wp-block-cover .wp-block-quote p {
background: transparent;
color: white;
margin-left: auto;
margin-right: auto;
}
.wp-block-cover .wp-block-quote p::before,
.wp-block-cover .wp-block-quote p::after {
color: white;
} fieldset {
border: none;
margin: 1em 0;
padding: 0;
}
label,
legend {
display: block;
font-weight: 600;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="url"],
input[type="file"],
textarea,
select {
color: black;
padding: 0.3em 0.6em;
line-height: 1.6;
margin-bottom: 0.2em;
border: none;
background-color: white;
border: 2px solid var( --purple );
border-radius: 10px;
outline: none;
width: 100%;
box-sizing: border-box;
-webkit-appearance: none;
appearance: none;
}
input[type="number"] {
width: auto;
}
textarea.small {
height: 5em;
}
select {
background-image: url(//moomusic.ie/wp-content/themes/moo/images/chevron.svg);
background-repeat: no-repeat;
background-position: right 0.6em center;
background-size: 1em;
padding-right: 2em;
}
input[type="text"]:hover,
input[type="email"]:hover,
input[type="tel"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="url"]:hover,
input[type="file"]:hover,
textarea:hover,
select:hover {
background-color: var( --purple-10 );
}
select:hover {
cursor: pointer;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="file"]:focus,
select:focus,
textarea:focus {
outline: none; box-shadow: 0 0 0 4px var( --gold );
border-color: var( --pink );
}
input[type="file"] {
display: block;
}  input[type="checkbox"],
input[type="radio"] {
position: absolute;
left: -9999px;
} input[type="checkbox"] + label,
input[type="radio"] + label {
display: inline-block;
position: relative;
padding-top: 0.3em;
padding-right: 0.8em;
padding-left: 2.2em !important;
padding-bottom: 0.3em;
margin-left: 0 !important;
margin-bottom: 0.2em;
font-weight: 400;
border-radius: 0.5em;
} input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label {
background: var( --pink-10 );
color: var( --pink );
font-weight: 600;
line-height: 1.5;
} input[type="checkbox"] + label::before {
content: '\f0c8';
font-family: 'Font Awesome 6 Pro';
font-weight: 400;
font-size: 120%;
position: absolute;
margin-top: auto;
margin-bottom: auto;
left: 0.5em;
top: calc( 50% - 0.75em);
width: 1.3em;
height: 1.3em;
color: var( --purple );
} input[type="radio"] + label::before {
content: '\f111';
font-family: 'Font Awesome 6 Pro';
font-weight: 400;
font-size: 120%;
position: absolute;
margin-top: auto;
margin-bottom: auto;
left: 0.4em;
top: calc( 50% - 0.75em);
width: 1.3em;
height: 1.3em;
color: var( --purple );
} input:disabled + label::before {
display: none;
} input[type="checkbox"]:checked + label::before {
content: '\f14a';
font-weight: 400;
color: var( --pink );
} input[type="radio"]:checked + label::before {
content: '\f192';
font-weight: 400;
color: var( --pink );
} input:not(:disabled) + label:hover {
background: var( --purple-10 );
cursor: pointer;
} .gform_body input:not(:disabled):focus + label {
outline: none; box-shadow: 0 0 0 4px var( --gold );
} .screen-reader-text {
display: none;
}
.ui-datepicker {
background: white;
border: 2px solid var( --purple );
border-radius: 4px;
text-align: center;
margin-top: -2em;
box-shadow: 0 0 10px rgba( 0, 0, 0, 0.2 );
}
.ui-datepicker-calendar {
margin-bottom: 0;
border: 0;
}
.ui-datepicker tr:last-child td:first-child {
border-bottom-left-radius: 4px;
}
.ui-datepicker tr:last-child td:last-child {
border-bottom-right-radius: 4px;
}
.ui-datepicker th {
text-align: center;
}
.ui-datepicker td {
padding: 0;
width: 2em;
}
.ui-datepicker td a {
display: block;
padding: 0.3em 0.6em;
text-decoration: none;
text-align: center;
border: 0;
border-radius: 5px;
}
.ui-datepicker td.ui-state-disabled {
text-align: center;
opacity: 0.2;
}
.ui-datepicker td a.ui-state-active {
background: var( --pink );
color: white;
}
.ui-datepicker td a:hover {
background: var( --purple-40 );
}
.ui-datepicker-prev {
float: left;
padding: 0.4em 0.6em;
margin: 0.1em;
border: 0;
border-radius: 4px;
}
.ui-datepicker-prev:hover {
cursor: pointer;
background: var( --purple-40 );
border: 0;
}
.ui-datepicker-prev::before {
content: '\f060';
font-family: 'Font Awesome 6 Pro';
font-weight: 900;
}
.ui-datepicker-next {
float: right;
padding: 0.4em 0.6em;
margin: 0.1em;
border: 0;
border-radius: 4px;
}
.ui-datepicker-next:hover {
cursor: pointer;
background: var( --purple-40 );
border: 0;
}
.ui-datepicker-next::after {
content: '\f061';
font-family: 'Font Awesome 6 Pro';
font-weight: 900;
}
.ui-datepicker-prev span,
.ui-datepicker-next span {
display: none;
}
.ui-datepicker-title {
padding: 0.1em;
}
.ui-datepicker select {
width: auto;
border: 0;
padding-left: 0.5em;
padding-right: 2em;
} .woocommerce div.StripeElement:not(#wc-stripe-payment-request-button) {
color: black;
padding: 0.3em 0.6em;
line-height: 1.6;
margin-bottom: 0.2em;
border: none;
background-color: white;
border: 2px solid var( --purple );
border-radius: 16px;
outline: none;
width: 100%;
box-sizing: border-box;
-webkit-appearance: none;
appearance: none;
} input[type="submit"],
input[type="button"],
button[type="button"] {
display: inline-block;
font-family: Matiz, sans-serif;
font-weight: 400;
text-transform: uppercase;
font-size: 100%;
background: var( --pink );
color: white;
border: 2px solid white;
border-radius: 16px;
padding: 0.8em 1em;
margin-top: 0.4em;
margin-bottom: 0.4em;
line-height: 1.2;
height: auto;
text-align: center;
box-shadow: inset -5px -5px 20px rgb( 0, 0, 0, 0.16 );
}
input[type="submit"]:hover,
input[type="button"]:hover,
button[type="button"]:hover {
box-shadow: inset -5px -5px 20px rgb( 0, 0, 0, 0.32 );
cursor: pointer;
}
input[type="submit"]:focus,
input[type="button"]:focus,
button[type="button"]:focus {
box-shadow: inset -5px -5px 20px rgb( 0, 0, 0, 0.32 ), 0 0 0 4px var( --gold );
}
input[type="submit"]:active,
input[type="button"]:active,
button[type="button"]:active {
box-shadow: inset 5px 5px 20px rgb( 0, 0, 0, 0.32 ), 0 0 0 4px var( --gold );
} .gform_wrapper {
margin-top: 1em;
margin-bottom: 1em;
}
.gform_body {
margin-top: 1em;
}
.gform_fields {
margin-left: 0;
padding-left: 0;
margin-bottom: 2em;
}
.gfield {
list-style-type: none;
margin-left: 0;
margin-bottom: 1.5em;
padding-left: 0;
}
.gfield_radio,
.gfield_checkbox {
margin-left: 0;
padding-left: 0;
}
.gfield_radio li,
.gfield_checkbox li {
list-style-type: none;
margin-left: 0;
margin-bottom: 0.2em;
padding-left: 0;
}
.ginput_complex label {
font-size: 85%;
font-weight: 400;
color: var( --purple );
margin: 0.2em 0;
}
.gfield_description {
font-size: 90%;
color: var( --purple );;
margin: 0 0 0.6em;
}
.gfield_consent_description {
font-size: 90%;
opacity: 1;
background: var( --purple-10 );
padding: 0.8em 1em;
}
.ginput_complex.has_first_name.no_prefix {
display: grid;
grid-template-columns: repeat( 2, calc( 50% - 0.3rem ) );
grid-gap: 0.6rem;
}
.ginput_complex.has_first_name.has_prefix {
display: grid;
grid-template-columns: calc( 24% - 0.4rem ) calc( 38% - 0.4rem ) calc( 38% - 0.4rem );
grid-gap: 0.6rem;
}
.gfield_time_hour,
.gfield_time_minute,
.gfield_time_ampm {
display: inline-block;
width: auto;
}
.hour_minute_colon {
display: inline-block;
}
.gform_validation_errors h2 {
display: block;
background: var( --pink );
padding: 0.2em 0.4em;
margin: 0.2em 0 1em;
font-size: 120%;
font-weight: normal;
color: white;
padding: 0.4em 0.8em;
border-radius: 5px;
}
.gform_validation_container {
display: none !important;
}
.gfield.gfield_error {
border-left: 0.2em solid var( --pink );
padding: 0 0.5em;
}
.gfield_error .validation_message {
display: inline-block;
background: var( --pink );
padding: 0.2em 0.4em;
margin: 0.2em 0 0;
font-weight: normal;
border-radius: 5px;
}
.gfield_visibility_hidden {
display: none !important;
}
a.gform_anchor {
display: none;
}
.ginput_container_date {
display: inline-block;
margin-right: 0.5em;
}
.gfield_label {
margin-bottom: 0.2em;
}
.gfield_required {
margin-left: 0.3em;
color: var( --pink );
font-size: 85%;
font-weight: normal;
text-transform: lowercase;
}
input.gform_previous_button {
background: var( --purple );
}
button.gform_save_link {
background: transparent;
box-shadow: none;
color: var( --purple );
border: none;
}
button.gform_save_link:hover {
box-shadow: none;
}
button.gform_save_link:focus,
button.gform_save_link:active {
box-shadow: 0 0 0 4px var( --gold );
} .gf_page_steps {
display: flex;
justify-content: space-between;
background: var( --purple-10 );
border-radius: 4px;
}
.gf_step {
display: flex;
align-items: center;
justify-content: center;
padding: 0.2em 0.6em;
text-align: center;
width: 100%;
}
.gf_step.gf_step_active {
background: var( --purple );
color: white;
font-weight: 600;
}
.gf_step_number {
background: white;
padding: 0 0.6em;
border-radius: 4px;
font-size: 90%;
font-weight: 600;
color: var( --purple );
}
.gf_step_completed .gf_step_number::after {
content: '\f00c';
font-family: 'Font Awesome 6 Pro';
margin-left: 0.3em;
}
.gf_step_label {
display: none;
font-size: 80%;
} .page-icon {
display: inline-block;
vertical-align: middle;
position: relative;
top: -0.05em;
margin-right: 0.2em;
color: var( --pink-40 );
font-size: 125%;
} .icon-link {
display: inline-block;
padding: 0.1em 0.4em;
color: white;
border: none;
font-size: 200%;
border-radius: 16px;
}
.icon-link:hover,
.icon-link:focus,
.icon-link:active {
color: var( --purple );
} .google-map button {
border-radius: inherit;
box-shadow: none;
}
.google-map button:hover {
box-shadow: none;
}
#area-search-results-map {
width: 100%;
height: 100%;
min-height: 400px;
border-radius: 10px;
} p.num-farmers {
padding: 1rem 1.1rem;
font-size: 180%;
font-family: 'Schoolbell', cursive;
font-weight: 400;
line-height: 1.2;
border-radius: 10px;
margin-bottom: 1rem;
border: 2px solid var( --pink-40 );
}
.find-a-moo-container {
min-height: auto !important;
}
.area-search-status a {
display: inline-block;
margin-right: 1em;
}
.area-search-form {
margin-bottom: 1rem;
}
.area-results-container {
display: none;
}
.areas {
margin-top: 2rem;
margin-bottom: 2rem;
}
.search-areas-again::before {
content: '\f002';
font-family: 'Font Awesome 6 Pro';
font-weight: 900;
font-size: 90%;
margin-right: 0.4em;
}
.use-location-link::before {
content: '\f601';
font-family: 'Font Awesome 6 Pro';
font-weight: 900;
font-size: 90%;
margin-right: 0.4em;
}
.box-area {
position: relative;
margin-top: 1rem;
padding: 2rem 1rem 1rem 1rem;
background: white;
border: 2px solid var( --purple-40 );
border-radius: 10px;
}
.box-area:focus,
.box-area:active {
box-shadow: 0 0 0 4px var( --gold );
}
.box-area a:hover {
background-color: transparent !important;
}
.box-area a:focus,
.box-area a:active {
box-shadow: none;
background-color: transparent !important;
}
.box-area:first-child {
background: var( --pink );
border-color: var( --pink );
}
.box-area::before {
position: absolute;
top: -0.6rem;
left: -0.6rem;
display: block;
border-radius: 5px;
padding: 0.4rem 0.8rem;
font-size: 80%;
color: black;
}
.box-area::after {
position: absolute;
top: 0.3rem;
right: 0.3rem;
color: white;
border: 2px solid white;
height: 1.5em;
width: 1.5em;
text-align: center;
border-radius: 50%;
font-size: 80%;
}
.box-area:first-child::before {
content: 'Your nearest Moo Music is:';
background: white;
border: 2px solid var( --pink );
}
.box-area:first-child::after {
content: '1';
}
.box-area:nth-child(2) {
background: var( --purple );
border-color: var( --purple );
}
.box-area:nth-child(2)::before {
content: 'See also:';
background: white;
border: 2px solid var( --purple );
}
.box-area:nth-child(2)::after {
content: '2';
}
.box-area:nth-child(3) {
background: var( --blue );
border-color: var( --blue );
}
.box-area:nth-child(3)::before {
content: 'See also:';
background: white;
border: 2px solid var( --blue );
}
.box-area:nth-child(3)::after {
content: '3';
color: black;
border-color: black;
}
.box-area:first-child a,
.box-area:nth-child(2) a {
color: white;
border: none;
}
.box-area:nth-child(3) a {
color: black;
border: none;
}
.box-area:nth-child(n+4) {
display: none; } .single-area header .inner {
display: flex;
align-items: center;
justify-content: flex-start;
}
.single-area .site-logo {
width: 10rem;
max-width: 25vw;
}
.area-details {
margin-bottom: 1.5rem;
}
.area-name {
text-transform: uppercase;
font-size: 120%;
line-height: 1.2;
}
.area-summary {
background: var( --purple );
color: white;
font-size: 110%;
padding: 1rem 1.1rem;
margin-bottom: 1.5rem;
border-radius: 10px;
}
.area-summary .icon-link {
font-size: 100%;
padding: 0;
}
.area-summary a.icon-link:hover {
color: var( --gold );
background-color: transparent !important;
}
.area-summary a.icon-link:focus {
color: var( --gold );
background-color: transparent !important;
box-shadow: none;
}
.area-summary a.icon-link:active {
box-shadow: none;
}
.area-summary .booking-button {
margin-top: 0.4em;
margin-bottom: 0;
}
.area-summary .wp-block-embed.is-type-video {
margin-top: 0.5rem;
margin-bottom: 0;
}
.area-detail {
display: inline-block;
background: var( --blue );
color: black;
padding: 0.3em 0.5em;
margin-top: 0.8em;
border-radius: 5px;
}
.farmer-details {
display: flex;
flex-wrap: wrap;
background: white;
border: 4px solid var( --purple-40 );
border-radius: 10px;
padding: 1rem 1.1rem;
text-align: center;
}
.farmer-details .farmer {
width: 100%;
}
.avatar {
border-radius: 16px;
}
.farmer-details .avatar {
width: 100%;
max-width: 400px;
height: auto;
margin-bottom: 0.5rem;
}
.farmer-details h2 {
margin-top: 0;
margin-bottom: 0.3rem;
}
.farmer-details .button-link {
margin: 0;
}
.farmer-details p {
margin: 0;
}
.farmer-details p span.fa-solid {
color: var( --purple-40 );
margin-right: 0.3em;
}
.farmer-details p.bio {
margin-top: 0.4em;
font-size: 90%;
}
.farmer-details .extra-bio {
display: none;
}
.farmer-details .read-more-bio,
.farmer-details .hide-extra-bio {
display: inline-block;
margin-left: 0.2em;
}
.farmer-details .show-farmer-contact-details,
.farmer-details .hide-farmer-contact-details {
font-size: 80%;
}
.farmer-details .read-more-bio::after,
.farmer-details .show-farmer-contact-details::after {
content: '\f078';
font-family: 'Font Awesome 6 Pro';
font-weight: 900;
font-size: 80%;
margin-left: 0.3em;
}
.farmer-details .hide-extra-bio::after,
.farmer-details .hide-farmer-contact-details::after {
content: '\f077';
font-family: 'Font Awesome 6 Pro';
font-weight: 900;
font-size: 80%;
margin-left: 0.3em;
}
.farmer-details .farmer:not(:first-child) {
margin-top: 1rem;
} main .social-icons {
margin-top: 0.8em;
margin-bottom: 1.4em;
width: 100%;
}
main .social-icons img {
width: 100%;
height: auto;
display: block;
}
.music-links {
display: grid;
grid-template-columns: repeat( 2, calc( 50% - 0.3rem ) );
grid-gap: 0.6rem;
padding: 0.6rem;
margin-top: 0.5rem;
margin-bottom: 1.5rem;
background: var( --blue );
border-radius: 10px;
}
.music-links img {
width: 100%;
display: block;
}
.venues-container {
margin-bottom: 1.5rem;
counter-reset: venues;
}
.venues {
padding: 0;
margin: 0;
}
.venue {
background: var( --purple-10 );
border: 2px solid var( --purple-40 );
border-radius: 5px;
padding: 0.5rem 0.5rem 0.5rem 2.5rem;
font-size: 90%;
margin-bottom: 1rem;
counter-increment: venues;
list-style-type: none;
position: relative;
}
.venue:last-child {
margin-bottom: 0;
}
.venue::before {
position: absolute;
top: 0.5rem;
left: 0.5rem;
content: counter( venues );
color: white;
background: var( --pink );
border-radius: 50%;
width: 1.5em;
height: 1.5em;
text-align: center;
display: block;
}
.venue-map {
background: var( --purple-40 );
border: 2px solid var( --purple-40 );
border-radius: 5px;
margin-bottom: 1rem;
width: 100%;
height: auto;
}
.venue p:first-child {
margin-top: 0;
}
.venue p + p {
margin-top: 0;
}
.tip.venue-notes {
background: white;
margin-top: 0.5em;
margin-bottom: 0.5em;
font-size: 90%;
display: block;
}
.show-venue-details::after {
content: '\f078';
font-family: 'Font Awesome 6 Pro';
font-weight: 900;
font-size: 90%;
margin-left: 0.3em;
}
.hide-venue-details::after {
content: '\f077';
font-family: 'Font Awesome 6 Pro';
font-weight: 900;
font-size: 90%;
margin-left: 0.3em;
} .wp-block-embed {
position: relative;
margin-top: 1em;
margin-bottom: 2.5em;
margin-left: 0;
margin-right: 0;
width: 100%;
border-radius: 10px;
}
.wp-block-embed.is-type-video iframe {
width: 100%;
height: 100%;
margin-bottom: 0;
border-radius: 10px;
} body ul.bookaby-listings {
display: grid;
margin-bottom: 2rem;
}
body ul.bookaby-listings li {
background: white;
border: 2px solid var( --purple-40 );
padding: 1rem 1.1rem;
border-radius: 10px;
}
body ul.bookaby-listings table th {
width: 10em;
}
body ul.bookaby-listings table td {
font-weight: 600;
}
body ul.bookaby-listings .bookaby-badges > div.bookaby-started-badge {
color: black;
} .bookwhen-sessions {
border: 2px solid var( --purple-40 );
border-radius: 10px;
overflow: hidden;
background: white;
}
.bookwhen-sessions iframe {
width: 100%;
height: 600px;
margin-bottom: -20px;
}
.choose-bookwhen-embed {
margin: 1em;
display: inline-block;
width: auto;
} .section-heading {
border-radius: 10px;
padding: 0.4rem;
font-size: 140%;
}
.section-heading:not(.expanded) {
background: white;
border: 2px solid var( --pink-40 );
}
.section-heading:hover {
cursor: pointer;
background: var( --pink-10 );
}
.section-heading::before {
content: '\f054';
font-family: 'Font Awesome 6 Pro';
font-weight: 900;
font-size: 60%;
margin-right: 1em;
vertical-align: middle;
}
.section-heading.expanded::before {
content: '\f077';
}  .page-description,
.term-description {
padding-bottom: 1em;
border-bottom: 1px solid var( --purple );
margin-bottom: 2em;
}
.woocommerce-result-count,
.woocommerce-ordering {
display: none;
}
mark.count {
background: none;
font-family: 'Fredoka', sans-serif;
font-size: 80%;
color: var( --purple );
}
.woocommerce.archive .woocommerce-breadcrumb {
width: 90%;
max-width: 64rem;
}
.woocommerce.archive a.image-link:hover {
transform: none;
}
.woocommerce-shop .woocommerce-breadcrumb {
display: none;
}
.woocommerce .product-category img,
.woocommerce.archive .product img {
border: 2px solid var( --purple );
border-radius: 10px;
}
.woocommerce .woocommerce-LoopProduct-link,
.woocommerce .product-category a {
display: block;
border-bottom: none;
border-radius: 10px;
} .woocommerce.single-product .product_title {
display: none;
}
.woocommerce.single-product .parent-link-text {
display: none;
}
.woocommerce-breadcrumb {
display: none;
}
.woocommerce div.product div.images {
margin-bottom: 30px;
}
.woocommerce span.onsale {
left: 0.5em;
top: 0.5em;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
margin-top: 0;
}
.woocommerce .product_meta .posted_in {
display: none;
}
.woocommerce .woocommerce-breadcrumb {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.woocommerce .woocommerce-breadcrumb a {
color: var( --purple );
}
.woocommerce div.product form.cart div.quantity {
display: none;
}
.woocommerce div.product form.cart {
width: 11em;
display: inline-block;
}
.woocommerce div.product form.cart .button {
float: none;
}
.woocommerce form.cart input.qty {
margin-bottom: 0;
margin-right: 0.4em;
margin-top: 0.1em;
padding-top: 0.4em;
padding-bottom: 0.4em;
}
.woocommerce button.single_add_to_cart_button {
margin: 0;
}
.woocommerce table.shop_attributes {
background: white;
border: 1px solid var( --purple );
border-radius: 4px;
}
.woocommerce table.shop_attributes th {
background: var( --purple );
color: white;
vertical-align: top;
text-align: left;
padding: 0.2em 0.5em;
}
.woocommerce table.shop_attributes td {
vertical-align: top;
padding: 0.2em 0.5em;
}
.woocommerce table.shop_attributes td p {
padding-top: 0;
padding-bottom: 0;
}
.woocommerce table.shop_attributes tr:nth-child(even) td {
background: var( --purple-10 );
}
.woocommerce table.shop_attributes tr:nth-child(even) th {
background: var( --purple );
}
.woocommerce section.related.products {
clear: both;
}
.woocommerce .wpcvt-variations {
max-height: none;
overflow: visible;
margin-bottom: 20px;
}
.woocommerce .wpcvt-variation .wpcvt-variation-info .wpcvt-variation-price {
margin-right: 0;
}	
.woocommerce .wpcvt-variations .wpcvt-variation {
border-bottom: 1px solid #666;
margin-bottom: 20px;
}
.woocommerce .wpcvt-variations .wpcvt-variation > div {
padding: 0 10px;
}
.woocommerce .wpcvt-variations .wpcvt-variation > div.wpcvt-variation-actions {
padding-bottom: 20px;
}
.woocommerce .wpcvt-variations .wpcvt-variation:hover {
background: transparent;
}
.woocommerce .wpcvt-variation .wpcvt-variation-info .wpcvt-variation-price,
.woocommerce .wpcvt-variation .wpcvt-variation-info .wpcvt-variation-availability {
font-size: 100%;
color: var( --green );
}
.woocommerce .product-type-variable .price {
display: none;
}
.woocommerce ul.products li.product.product-type-variable .price {
color: transparent;
}
.woocommerce ul.products li.product.product-type-variable .price .woocommerce-Price-amount:first-child {
color: var( --green );
}
.woocommerce .wp-post-image {
border: 2px solid var( --purple );
border-radius: 10px;
margin-bottom: 10px;
box-sizing: border-box;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:not(:first-child) {
width: calc( 25% - 9px );
margin-right: 10px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:not(:first-child) img {
border: 2px solid var( --purple );
border-radius: 10px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(4n+1) {
margin-right: 0;
} a.basket-link {
float: right;
margin-left: 15px;
padding: 3px 16px 6px;
border: 2px solid var( --purple );
border-radius: 16px;
font-family: 'Matiz', 'sans-serif';
font-weight: 900;
text-transform: uppercase;
order: 99; }
a.basket-link::before {
content: '\f291';
font-family: 'Font Awesome 6 Pro';
font-weight: 900;
font-size: 120%;
margin-right: 0.5em;
position: relative;
top: 0.05em;
}
a.basket-link:hover {
background: var( --purple-10 );
}
.basket-link-text {
display: none;
} .product-price,
.product-quantity,
.product-subtotal {
text-align: right;
}
.product-remove {
width: 1em;
}
.product-thumbnail {
width: 80px;
}
#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
width: 80px;
height: 80px;
border-radius: 5px;
}
.woocommerce table.shop_table {
border: none;
background: white;
border: 1px solid var( --purple );
border-radius: 4px;
}
.cart_totals .shop_table td {
text-align: right;
}
.woocommerce a.button.checkout-button {
display: block;
margin-right: 0;
}
.woocommerce a.remove {
padding: 0 0.15em 0.3em;
}
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
border-radius: 16px;
padding: 6px 16px 7px;
width: 52%;
border-color: var( --purple-40 );
}
.woocommerce button.button[name="apply_coupon"] {
font-size: 85%;
margin: 0;
}
.woocommerce button.button[name="apply_coupon"]:focus,
.woocommerce button.button[name="apply_coupon"]:active {
box-shadow: 0 0 0 4px var( --gold );
}
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
background: #eee;
}
.woocommerce #respond input#submit.disabled:hover,
.woocommerce #respond input#submit:disabled:hover,
.woocommerce #respond input#submit:disabled[disabled]:hover,
.woocommerce a.button.disabled:hover,
.woocommerce a.button:disabled:hover,
.woocommerce a.button:disabled[disabled]:hover,
.woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled]:hover {
transform: none;
box-shadow: inset -5px -5px 20px rgb(0 0 0 / 16%);
} .woocommerce-form-coupon-toggle {
display: none;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background: var( --purple-10 );
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
background: white;
}
.woocommerce-checkout #payment div.payment_box::before {
border-bottom-color: white !important;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
border-bottom: 2px solid white;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
float: none;
margin-top: 1em;
font-size: 120%;
}
#add_payment_method #payment .wc-credit-card-form div.form-row,
.woocommerce-cart #payment .wc-credit-card-form div.form-row,
.woocommerce-checkout #payment .wc-credit-card-form div.form-row {
padding: 0;
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
border-bottom-color: var( --purple-10 );
}
.select2-container {
border: 2px solid var( --purple );
padding: 0.6em 0.8em;
background: white;
border-radius: 16px;
}
.select2-container--default .select2-selection--single {
border: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 10px;
right: 6px;
}
.select2-dropdown {
margin-top: -15px;
margin-left: -1px;
border-color: var( --purple );
border-width: 2px;
}
.woocommerce-checkout-review-order-table th:last-child,
.woocommerce-checkout-review-order-table td:last-child {
text-align: right;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
line-height: 1.6;
}
input[type="checkbox"].woocommerce-form__input-checkbox + span {
position: relative;
padding-left: 2em;
display: block;
}
input[type="checkbox"].woocommerce-form__input-checkbox + span + span.required {
display: none;
}
input[type="checkbox"].woocommerce-form__input-checkbox + span::before {
content: '\f0c8';
font-family: 'Font Awesome 6 Pro';
font-weight: 400;
font-size: 120%;
position: absolute;
margin-top: auto;
margin-bottom: auto;
left: 0;
top: -0.2em;
width: 1.3em;
height: 1.3em;
}
input[type="checkbox"].woocommerce-form__input-checkbox:checked + span::before {
content: '\f14a';
font-weight: 400;
} .woocommerce-notice--success {
display: block;
position: relative;
padding: 0.4em 0.8em 0.4em 2.5em;
border-radius: 5px;
margin-top: 1em;
margin-bottom: 1em;
background: var( --green );
color: white;
}
.woocommerce-notice--success::before {
font-family: 'Font Awesome 6 Pro';
font-weight: 900;
font-size: 120%;
margin-right: 0.5em;
position: absolute;
top: 0.2em;
left: 0.5em;
color: white;
content: '\f00c';
color: white;
}
.woocommerce .woocommerce-customer-details address {
border: none;
padding: 0;
padding-bottom: 2em;
}
.woocommerce ul.order_details {
margin-top: 2em;
margin-bottom: 1em;
padding-left: 0;
}
.woocommerce ul.order_details li {
float: none;
border-right: none;
margin-bottom: 0.8em;
}
.woocommerce .woocommerce-order-overview__total,
.woocommerce .woocommerce-order-overview__payment-method {
display: none;
}
.woocommerce .woocommerce-table--order-details th:last-child,
.woocommerce .woocommerce-table--order-details td:last-child {
text-align: right;
}
.woocommerce .woocommerce-table--order-details .amount {
display: block;
} .woocommerce-account .page-title {
display: none;
}
.woocommerce-MyAccount-navigation {
display: none;
} .woocommerce-MyAccount-content {
margin-bottom: 2em;
}
.woocommerce-MyAccount-orders,
.woocommerce-table--order-downloads,
.woocommerce-MyAccount-paymentMethods {
display: block;
width: 100%;
}
.woocommerce-MyAccount-orders thead,
.woocommerce-table--order-downloads thead,
.woocommerce-MyAccount-paymentMethods thead {
display: none;
}
.woocommerce-MyAccount-orders tbody,
.woocommerce-table--order-downloads tbody,
.woocommerce-MyAccount-paymentMethods tbody {
display: block;
width: 100%;
}
.woocommerce-MyAccount-orders tbody tr,
.woocommerce-table--order-downloads tr,
.woocommerce-MyAccount-paymentMethods tbody tr {
display: block;
width: 100%;
padding: 0.8em 1em;
box-sizing: border-box;
border: 2px solid var( --purple-40 );
border-radius: 4px;
margin-bottom: 1em;
}
.woocommerce-MyAccount-orders tbody td,
.woocommerce-table--order-downloads tbody td,
.woocommerce-MyAccount-paymentMethods tbody td {
display: block;
padding: 0.2em 0;
}
.woocommerce-MyAccount-orders tbody td a,
.woocommerce-table--order-downloads td a,
.woocommerce-MyAccount-paymentMethods tbody td a {
display: inline-block;
}
.woocommerce-orders-table__cell-order-number a {
font-family: 'Capriola', sans-serif;
font-size: 150%;
font-weight: normal;
}
.woocommerce-orders-table__cell-order-number a::before {
content: 'Order ';
}
.woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status {
display: inline-block;
background: var( --purple-10 );
padding: 0.2em 0.6em;
}
.woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status::before {
content: '\f085';
margin-right: 0.5em;
font-family: 'Font Awesome 6 Pro';
font-weight: 400;
}
.woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status {
display: inline-block;
background: var( --green );
color: white;
padding: 0.2em 0.6em;
}
.woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status::before {
content: '\f00c';
margin-right: 0.5em;
font-family: 'Font Awesome 6 Pro';
font-weight: 400;
}
.woocommerce-MyAccount-content mark {
background: none;
font-weight: 600;
color: inherit;
}
.woocommerce-table--order-details {
background: var( --blue-10 );
padding: 0.8em 1em;
border-radius: 4px;
margin-bottom: 1em;
}
.woocommerce-table--order-details th:first-child,
.woocommerce-table--order-details td:first-child {
text-align: left;
padding-right: 0.5em;
}
.woocommerce-table--order-downloads .download-product a,
.woocommerce-MyAccount-paymentMethods .payment-method-method {
display: inline;
font-family: 'Capriola', sans-serif;
font-size: 120%;
font-weight: normal;
}
.woocommerce-table--order-downloads .download-remaining::before {
content: 'Downloads remaining: ';
}
.woocommerce-table--order-downloads .download-expires::before,
.woocommerce-MyAccount-paymentMethods .payment-method-expires::before {
content: 'Expires: ';
}
.woocommerce-Address-title {
text-align: left;
background: none;
}
.woocommerce-MyAccount-paymentMethods + a {
display: none; }
.woocommerce-MyAccount-navigation-link--downloads {
display: none;
}
.woocommerce-Address {
display: block;
padding: 1rem;
border: 2px solid var( --purple-40 );
background: white;
margin: 1rem 0;
border-radius: 16px;
} .woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
background: white;
margin-top: 1em;
border-radius: 5px;
}
.woocommerce .woocommerce-message {
border: 2px solid #8fae1b;
}
.woocommerce .woocommerce-message a {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 100%;
font-weight: 600;
background: var( --purple );
color: white;
border: 2px solid white;
border-radius: 16px;
padding: 0.8em 1em;
margin-top: 0.4em;
margin-bottom: 0.6em;
margin-right: 0.4em;
line-height: 1.2;
height: auto;
text-align: center;
box-shadow: inset -5px -5px 20px rgb( 0, 0, 0, 0.16 );
} #pwgc-apply-gift-card {
background: white;
border: 2px solid var( --blue-40 );
border-radius: 0;
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
font-size: 85%;
font-weight: normal;
color: var( --blue );
padding-top: 0.9em;
padding-bottom: 0.9em;
}
#pwgc-apply-gift-card:hover {
border-color: var( --blue );
background-color: var( --blue-10 );
}
#pwgc-redeem-gift-card-number {
display: inline-block;
width: 10em;
}
#pwgc-redeem-button {
display: inline-block !important;
background: white;
color: var( --blue );
border-color: var( --blue-40 );
}
#pwgc-redeem-button:hover {
border-color: var( --blue );
background: var( --blue-10 );
} .wc-saved-payment-methods {
padding-left: 0;
}
#order_review #payment .methods li.woocommerce-SavedPaymentMethods-token label,
#order_review #payment .methods li.woocommerce-SavedPaymentMethods-new label {
padding-left: 0;
display: block;
}
label[for="wc-stripe-new-payment-method"] {
display: block !important;
}
input[type="checkbox"] + label[for="wc-stripe-new-payment-method"]::before {
left: 0;
top: 0;
} footer {
overflow: auto;
} .footer-top {
background-color: var( --purple );
}
.footer-top .inner {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.footer-top a.button-link {
margin-right: 0.5em;
} .footer-menu ul {
text-align: center;
list-style-type: none;
margin: 1em 0;
padding: 0;
}
.footer-menu li {
display: inline-block;
padding: 0.4em 0.6em;
}
.footer-menu a {
padding-top: 0.2em;
padding-bottom: 0.2em;
}
.footer-menu ul ul {
margin-top: 1em;
}
.footer-menu ul ul a {
display: block;
font-weight: 400;
border: none;
padding: 0.6em 1.2em;
border-radius: 0.2em;
}
.footer-menu ul ul li:last-child a {
border-right: none;
} .footer-text {
font-size: 90%;
text-align: center;
margin-left: auto;
margin-right: auto;
} .country-links {
margin: 1.5rem 0;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style-type: none;
}
.country-links li {
margin-left: 0.5em;
margin-right: 0.5em;
margin-bottom: 0.5em;
}
.country-links a {
display: flex;
align-items: center;
padding: 0.2em;
}
a.image-link img.country-flag-icon {
width: 2em;
height: 2em;
border-radius: 50%;
margin-right: 0.5em;
} .footer-bottom-image-para {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.footer-bottom-image {
width: 50%;
max-width: 12rem;
height: auto;
} @media ( hover: hover ) {
.site-logo-container {
transition: all 500ms;
}
a.site-logo-container:hover,
a.site-logo-container:focus,
a.site-logo-container:active {
transition: all 200ms;
}
a {
transition: all 500ms;
}
a:not(.disabled):not(.image-link):not(.button-link):not(.wp-block-button__link):hover,
a:not(.disabled):not(.image-link):not(.button-link):not(.wp-block-button__link):focus,
a:not(.disabled):not(.image-link):not(.button-link):not(.wp-block-button__link):active {
transition: all 200ms;
}
a.image-link:hover {
transform: rotate( -1deg ) scale( 1.05 );
transition: all 200ms;
}
button,
a.button-link,
.wp-block-button .wp-block-button__link,
.wp-block-file .wp-block-file__button {
transition: all 500ms;
}
button:hover,
a.button-link:hover,
.wp-block-button .wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
button:focus,
a.button-link:focus,
.wp-block-button .wp-block-button__link:focus,
.wp-block-file .wp-block-file__button:focus,
.woocommerce a.button:focus,
.woocommerce button.button:focus,
button:active,
a.button-link:active,
.wp-block-button .wp-block-button__link:active,
.wp-block-file .wp-block-file__button:active,
.woocommerce a.button:active,
.woocommerce button.button:active {
transform: rotate( -0.7deg ) scale( 1.03 );
transition: all 200ms;
}
button.cta,
a.button-link.cta,
.wp-block-button.is-style-fill .wp-block-button__link,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
transition: all 500ms;
}
a.button-link span.icon {
transform: rotate( -17deg ) scale( 1.2 );
transition: all 500ms;
}
a.button-link:hover span.icon {
transform: rotate( -1deg ) scale( 1.4 );
transition: all 300ms;
}
a.parent-link::before {
transition: all 200ms;
}
a.parent-link:hover::before {
transform: rotate( 17deg );
transition: all 200ms;
}
input[type="submit"],
input[type="button"],
button[type="button"] {
transition: all 500ms;
}
input[type="submit"]:hover,
input[type="button"]:hover,
button[type="button"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
button[type="button"]:focus,
input[type="submit"]:active,
input[type="button"]:active,
button[type="button"]:active {
transform: rotate( -1deg ) scale( 1.05 );
transition: all 200ms;
}
.icon-link {
transition: all 500ms;
}
.icon-link:hover {
transform: scale( 1.15 );
transition: all 200ms;
}
.box-area {
transition: all 500ms;
}
.box-area:hover {
transform: rotate( -1deg ) scale( 1.05 );
transition: all 200ms;
}
.box-area::before {
transform: rotate( -2deg );
}
}   @media screen and ( min-width: 28rem ) { .area-name {
font-size: 160%;
} .site-links a {
font-size: 100%;
} .main-menu .sub-menu {
top: 3rem;
} .woocommerce.single-product .parent-link-text {
display: inline;
}
} @media screen and ( min-width: 36rem ) { .home .main-menu ul {
text-align: center;
margin-left: 0;
} .alignleft,
.wp-block-image:not(.dont-go-full-width) .alignleft,
.wp-block-image:not(:first-child):not(.dont-go-full-width) .alignleft {
float: left;
clear: left;
width: auto;
max-width: 50%;
height: auto;
margin-top: 0;
margin-right: 2em;
}
.alignright,
.wp-block-image:not(.dont-go-full-width) .alignright,
.wp-block-image:not(:first-child):not(.dont-go-full-width) .alignright {
float: right;
clear: right;
width: auto;
max-width: 50%;
height: auto;
margin-top: 0;
margin-left: 2em;
text-align: right;
}
.wp-block-pullquote,
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
max-width: 50%;
} .wp-block-column:not(:first-child) {
padding-top: 0;
}
.wp-block-column:not(:last-child) {
padding-bottom: 0;
} .music-links {
grid-template-columns: repeat( 3, calc( 33.3333% - 0.4rem ) );
}
main .social-icons {
display: grid;
grid-template-columns: repeat( 2, calc( 50% - 0.6rem ) );
grid-gap: 1.2rem;
}
main .social-icons img {
width: 100%;
height: auto;
} .footer-top a.button-link:last-of-type {
margin-right: 1.2em;
}
} @media screen and ( min-width: 600px ) {
.wp-block-gallery.overlapping figure:nth-child(2n+1) {
margin-left: -2rem !important;
}
.wp-block-gallery.overlapping figure:nth-child(4n+1) {
margin-left: 0 !important;
}
.wp-block-gallery.overlapping figure:nth-child(n+3) {
margin-top: 0 !important;
}
.wp-block-gallery.overlapping figure:nth-child(n+5) {
margin-top: -2rem !important;
}
} @media screen and ( min-width: 48rem ) {
html {
font-size: 1.25rem;
}
h1 {
font-size: 200%;
} .desktop-only {
display: inherit;
}
.mobile-only {
display: none;
} header .menu-and-cta {
display: flex;
align-items: center;
justify-content: space-between;
}
header a.button-link.cta {
margin-left: 1.5rem;
font-size: 100%;
flex-basis: 16em;
} .parent-link-text {
display: inline;
} .inner {
width: 94%;
} .main-menu {
align-items: center;
}
.main-menu a {
padding: 0.6rem 1rem;
}
.main-menu .sub-menu {
width: 16rem;
left: 0 !important;
top: 2.32rem;
border-left: 2px solid var( --purple );
border-right: 2px solid var( --purple );
border-top-right-radius: 16px;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
}
.main-menu .button-link.home-button {
margin-right: 0;
}
.main-menu .button-link.menu-button {
margin-left: 0;
} .wp-block-gallery:first-child li:nth-child(n+5) {
display: block;
} .page-title .related-pages-dropdown-button .text {
display: inline-block;
} .wp-block-categories li {
display: inline-block;
}
.wp-block-categories li::after {
content: '|';
margin: 0 1em;
opacity: 0.4;
}
.wp-block-categories li:last-child::after {
content: '';
margin: 0;
} .wp-block-image {
margin-top: 1em;
margin-bottom: 1em;
} .gf_step_label {
display: block;
}
.ginput_complex.has_state.has_country {
display: grid;
grid-template-columns: repeat( 2, calc( 50% - 0.3rem ) );
grid-gap: 0.6rem;
grid-template-areas:
'address-line-1 address-line-1'
'address-line-2 address-line-2'
'address-city address-county'
'address-postcode address-country'
}
.ginput_complex.has_country:not(.has_state) {
display: grid;
grid-template-columns: repeat( 2, calc( 50% - 0.3rem ) );
grid-gap: 0.6rem;
grid-template-areas:
'address-line-1 address-line-1'
'address-line-2 address-line-2'
'address-city address-city'
'address-postcode address-country'
}
.ginput_complex.has_state:not(.has_country) {
display: grid;
grid-template-columns: repeat( 2, calc( 50% - 0.3rem ) );
grid-gap: 0.6rem;
grid-template-areas:
'address-line-1 address-line-1'
'address-line-2 address-line-2'
'address-city address-city'
'address-county address-postcode'
}
.ginput_address_line_1 {
grid-area: address-line-1;
}
.ginput_address_line_2 {
grid-area: address-line-2;
}
.ginput_address_city {
grid-area: address-city;
}
.ginput_address_state {
grid-area: address-county;
}
.ginput_address_postcode {
grid-area: address-postcode;
}
.ginput_address_country {
grid-area: address-country;
} .areas {
display: grid;
grid-template-columns: repeat( 2, calc( 50% - 1rem ) );
grid-template-rows: auto;
grid-gap: 2rem;
grid-template-areas:
'first-result first-result'
'second-result third-result';
}
.box-area:first-child {
grid-area: first-result;
}
.box-area:nth-child(2) {
grid-area: second-result;
}
.box-area:nth-child(3) {
grid-area: third-result;
} .area-name {
font-size: 200%;
}
.area-details {
display: flex;
justify-content: space-between;
align-items: stretch;
}
.area-details > div {
flex: 1;
}
.area-summary {
border-radius: 10px;
margin-bottom: 0;
}
.farmer-details {
margin-left: 1rem;
}
.venues-container:not(.more-than-4-venues) {
display: grid;
grid-template-columns: calc( 70% - 0.5rem ) calc( 30% - 0.5rem );
grid-column-gap: 1rem;
}
.venues-container:not(.more-than-4-venues) .venue-map {
margin-bottom: 0;
}
.venues-container.more-than-4-venues .venues {
display: grid;
grid-template-columns: repeat( 2, calc( 50% - 0.5rem ) );
grid-column-gap: 1rem;
}
.music-links {
grid-template-columns: repeat( 4, calc( 25% - 0.45rem ) );
}
main .social-icons {
grid-template-columns: repeat( 3, calc( 33.333% - 0.8rem ) );
grid-gap: 1.2rem;
} body ul.bookaby-listings {
grid-template-columns: repeat( 2, calc( 50% - 0.75rem ) );
grid-gap: 1.5rem;
}
body ul.bookaby-listings li {
margin-bottom: 0;
} .woocommerce.archive .woocommerce-breadcrumb {
width: 94%;
} .woocommerce table.shop_attributes th {
width: 300px;
}
.wpcvt-variation-actions {
width: 11em !important;
text-align: right;
}	
.woocommerce .wpcvt-variations .wpcvt-variation > div {
padding: 10px;
}
.woocommerce .wpcvt-variations .wpcvt-variation {
margin-bottom: 0;
}
.woocommerce .wpcvt-variations .wpcvt-variation > div.wpcvt-variation-actions {
padding-bottom: 10px;
} .basket-link-text {
display: inline;
} #add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
width: 10em;
padding-top: 8px;
padding-bottom: 8px;
} .woocommerce-MyAccount-navigation {
margin-top: 1em;
}
.woocommerce-MyAccount-orders tbody,
.woocommerce-table--order-downloads tbody,
.woocommerce-MyAccount-paymentMethods tbody {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}
.woocommerce-MyAccount-orders tbody tr,
.woocommerce-table--order-downloads tbody tr,
.woocommerce-MyAccount-paymentMethods tbody tr {
width: 49%;
}
} @media screen and ( min-width: 64rem ) {
html {
font-size: 1.5rem;
} .areas {
margin-top: 0;
margin-bottom: 0;
}
.area-results-container {
display: grid;
grid-template-columns: repeat( 2, calc( 50% - 1rem ) );
grid-gap: 2rem;
} .venues-container.more-than-4-venues {
display: grid;
grid-template-columns: calc( 50% - 0.5rem ) calc( 50% - 0.5rem );
grid-column-gap: 1rem;
}
.venues-container.more-than-4-venues .venue-map {
margin-bottom: 0;
}
.music-links {
grid-template-columns: repeat( 6, calc( 16.6666% - 0.5rem ) );
}
} @media screen and ( min-width: 80rem ) { .farmer-details:not([data-num-farmers="1"]) {
display: grid;
grid-template-columns: repeat( 2, calc( 50% - 0.8rem ) );
grid-gap: 1.6rem;
}
.farmer-details .farmer:not(:first-child) {
margin-top: 0;
}
main .social-icons {
grid-template-columns: repeat( 5, calc( 20% - 0.96rem ) );
grid-gap: 1.2rem;
}
} @media screen and ( min-width: 100rem ) { body ul.bookaby-listings {
grid-template-columns: repeat( 3, calc( 33.3333% - 0.8rem ) );
grid-gap: 1.2rem;
}
} @page {
size: A4 portrait;  
margin: 17mm;
}
@media print { nav,
.site-links,
.related-pages-dropdown-button,
a.icon-button,
a.parent-link,
.wp-block-button,
a.button-link,
.related-pages-container,
.footer-top,
.site-map,
footer h2 {
display: none !important;
} body {
background: transparent;
}
header {
background: none;
border-color: black;
}
.page-title {
background: none;
}
.page-title h1 {
color: black;
}
.highlighted {
background: none;
} body {
font-size: 12pt;
color: black;
} .inner {
padding-left: 0;
padding-right: 0;
} p.has-background,
blockquote p,
.wp-block-quote p {
background: none;
color: black;
border: 2pt solid black;
}
.wp-block-quote p::before,
.wp-block-quote p::after {
color: black;
}
blockquote cite,
.wp-block-quote cite {
color: black;
}
blockquote cite::before,
.wp-block-quote cite::before {
content: '';
}
h1,
h2,
h3,
h4 {
color: black;
} .has-background {
background: none !important;
color: black !important;
} a:not(.site-logo-container) {
color: black;
border: none;
text-decoration: underline;
} .tip,
.success,
.warning {
background: none;
border: 1px solid black;
color: black;
} .page-title {
border-bottom: 1px solid black;
} .footer-bottom {
background: none;
color: black;
border-top: 1px solid black;
}
}