/*
Theme Name: Twenty Twenty PlayScotland
Theme URI: https://www.playscotland.org
Description: A child theme for Twenty Twenty.
Author: Clooti
Template: twentytwenty
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
0. CSS Reset
1. Document Setup
2. Element Base
3. Helper Classes
4. Site Header
5. Menu Modal
6. Search Modal
7. Page Templates
a. Template: Cover Template
c. Template: Full Width
8. Post: Archive
9. Post: Single
10. Blocks
11. Entry Content
12. Comments
13. Site Pagination
14. Error 404
15. Widgets
16. Site Footer
17. Media Queries
----------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* 0. CSS Reset
/* -------------------------------------------------------------------------- */
html,
body {
border: none;
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
address,
big,
cite,
code,
em,
font,
img,
small,
strike,
sub,
sup,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tr,
th,
td {
border: none;
font-size: inherit;
line-height: inherit;
margin: 0;
padding: 0;
text-align: inherit;
}
blockquote::before,
blockquote::after {
content: "";
}
/* -------------------------------------------------------------------------- */
/* 1. Document Setup
/* -------------------------------------------------------------------------- */
html {
font-size: 100%;
scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}
body {
background: #fff;
box-sizing: border-box;
color: #1c203f;
font-size: 1.1rem;
text-align: left;
font-family: 'Source Sans Pro', Arial, sans-serif;
}
@supports ( font-variation-settings: normal ) {
body {
font-family: 'Source Sans Pro', Arial, sans-serif;
}
}
*,
*::before,
*::after {
box-sizing: inherit;
-webkit-font-smoothing: antialiased;
word-break: break-word;
word-wrap: break-word;
}
/* Clearing ---------------------------------- */
.group::after,
.entry-content::after,
#site-footer::after,
.home-feature-1::after,
.coloured-boxes::after,
.home3boxes::after,
.section-inner::after,
.resource-search::after,
.media-library-shortcode li::after, .introbox::after, .media-library-footer li::after, .media-library-single::after,
.crp_related ul li:after, ul.linkliblist li::after, .media-library-shortcode::after, .media-library-shortcode-term::after,
blockquote::after, .link-shortcode-items li::after, .recent-posts-widget-with-thumbnails li::after, li.links-library-post::after, .sharebar::after, .footerbuttons::after, .eaw-li__wrap::after
{
clear: both;
content: "";
display: block;
}
.clear{clear:both;}
/* Base Transitions -------------------------- */
a,
path {
transition: all 0.15s linear;
}
/* Screen Reader Text ------------------------ */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
word-break: normal;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 600;
height: auto;
right: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
/* Skip Link --------------------------------- */
.skip-link {
left: -9999rem;
top: 2.5rem;
z-index: 999999999;
text-decoration: underline;
}
.skip-link:focus {
display: block;
left: 6px;
top: 7px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
line-height: normal;
padding: 15px 23px 14px;
z-index: 100000;
right: auto;
}
/* Fonts ------------------------------------- */
/*
* Chrome renders extra-wide characters for the Hoefler Text font.
* This results in a jumping cursor when typing in both the classic editor and
* block editor. The following font-face override fixes the issue by manually
* inserting a custom font that includes just a Hoefler Text space replacement
* for that character instead.
*/
@font-face {
font-family: NonBreakingSpaceOverride;
src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
}
/* Accessibility Settings -------------------- */
@media ( prefers-reduced-motion: reduce ) {
* {
animation-duration: 0s !important;
transition-duration: 0s !important;
}
}
/* -------------------------------------------------------------------------- */
/* 2. Element Base
/* ---------------------------------------------*---------------------------- */
main {
display: block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-feature-settings: "lnum";
font-variant-numeric: lining-nums;
font-weight: 600;
line-height: 1.25;
margin: 0 0 0.7em 0;
font-family: 'Muli', "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#283483;
letter-spacing: 0.01em;
}
.faux-heading{margin: 0; }
h1,
.heading-size-1 {
font-size: 1.7rem;
line-height: 1.138888889;
}
h1.stinfo{margin-bottom:0.2em;}
h2,
.heading-size-2 {
font-size: 1.5rem;
}
.entry-content h2{margin-top:2rem;}
.entry-content h2:first-child{margin-top:0;}
.entry-content h3{margin-top:2rem;}
.entry-content h3:first-of-type{margin-top:0;}
h3,
.heading-size-3 {
font-size: 1.3rem;
}
h4,
.heading-size-4 {
font-size: 1.2rem;
}
h5,
.heading-size-5 {
font-size: 1.1rem;
}
h6,
.heading-size-6 {
font-size: 1rem;
letter-spacing: 0.03125em;
}
p {
line-height: 1.5;
margin: 0 0 1em 0;
}
blockquote p{margin: 0 0 0.7em 0;}
em,
i,
q,
dfn {
font-style: italic;
}
em em,
em i,
i em,
i i,
cite em,
cite i {
font-weight: bolder;
}
big {
font-size: 1.2em;
}
small {
font-size: 0.75em;
}
b,
strong {
font-weight: 600;
}
ins {
text-decoration: underline;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
abbr,
acronym {
cursor: help;
}
address {
line-height: 1.5;
margin: 0 0 2rem 0;
}
hr {border:1px solid #bad264;
margin: 3rem 0 3rem 0;
}
hr.post-separator{margin: 1rem 0;}
a {
color: #f4001b; text-decoration: none;
}
a.linknewwindow {font-weight: 600; display: table;background: url("images/new-window.png") no-repeat right; background-size:15px; padding-right:20px;}
a:hover,
a:focus {
color:#283483;
}
/* blue links */
.archivebox h2 a, .hbox h2 a, .bottomfeature h2 a, .evlist-item h2 a,
.media-library-shortcode h3 a, .ml-downloadlinks a, h1 a, .ml-single-downloadlinks a,
.mls-downloadlinks a, .entry-title a, .home-feature-1 h2 a, .media-library-shortcode h2 a, .widget_custom_menu_wizard h2 a,
.link-shortcode li a, .useful-links a, .links-library-post h3 a, .eaw-content-wrap h3 a, a.bluelink, #site-footer h2 a{color:#283483;}
.archivebox h2 a:hover, .archivebox h2 a:focus,
.hbox h2 a:hover, .hbox h2 a:focus,
.bottomfeature h2 a:hover, .bottomfeature h2 a:focus,
.evlist-item h2 a:hover, .evlist-item h2 a:focus,
.media-library-shortcode h3 a:hover, .media-library-shortcode h3 a:focus,
.ml-downloadlinks a:hover, .ml-downloadlinks a:focus,
h1 a:hover, h1 a:focus, .ml-single-downloadlinks a:focus, .ml-single-downloadlinks a:hover,
.mls-downloadlinks a:hover, .mls-downloadlinks a:focus,
.entry-title a:hover, .entry-title a:focus,
.home-feature-1 h2 a:hover, .home-feature-1 h2 a:focus,
.media-library-shortcode h2 a:hover, .media-library-shortcode h2 a:focus,
.widget_custom_menu_wizard h2 a:hover, .widget_custom_menu_wizard h2 a:focus,
.link-shortcode li a:hover, .link-shortcode li a:focus, .useful-links a:hover, .useful-links a:focus,
.links-library-post h3 a:hover, .links-library-post h3 a:focus,
.eaw-content-wrap h3 a:hover, .eaw-content-wrap h3 a:focus, a.bluelink:hover, a.bluelink:focus, #site-footer h2 a:hover, #site-footer h2 a:focus{color: #f4001b;}
/* black links */
.rpwwt-widget ul a, .media-library-footer h3 a, .media-library-post h2 a, .rel-links li a, .widget.widget_recent_entries li a,
.entry-categories.post-meta a, .post-meta .post-tags a, .sidebar .widget.recent-posts-widget-with-thumbnails .rpwwt-post-title a,
.page-id-47 #site-content li a{color:#1c203f;}
.rpwwt-widget ul a:hover, .rpwwt-widget ul a:focus, .media-library-footer h3 a:hover, .media-library-footer h3 a:focus,
.media-library-post h2 a:hover, .media-library-post h2 a:focus, .rel-links li a:hover, .rel-links li a:focus,
.widget.widget_recent_entries li a:hover, .widget.widget_recent_entries li a:focus,
.entry-categories.post-meta a:hover, .entry-categories.post-meta a:focus,
.post-meta .post-tags a:hover, .post-meta .post-tags a:focus,
.sidebar .widget.recent-posts-widget-with-thumbnails .rpwwt-post-title a:hover, .sidebar .widget.recent-posts-widget-with-thumbnails .rpwwt-post-title a:focus,
.page-id-47 #site-content li a:hover, .page-id-47 #site-content li a:focus {color:#f4001b;}
/* Lists ------------------------------------- */
ul,
ol {
margin: 0 0 2.5rem 2rem;
}
ul {
list-style: disc;
}
ul ul {
list-style: circle;
}
ul ul ul {
list-style: square;
}
ol {
list-style: decimal;
}
ol ol {
list-style: lower-alpha;
}
ol ol ol {
list-style: lower-roman;
}
li {
line-height: 1.5;
margin: 0.5rem 0 0 2rem;
}
li > ul,
li > ol {
margin: 1rem 0 0 2rem;
}
.reset-list-style,
.reset-list-style ul,
.reset-list-style ol {
list-style: none;
margin: 0;
}
.reset-list-style li {
margin: 0;
}
dt,
dd {
line-height: 1.5;
}
dt {
font-weight: 600;
}
dt + dd {
margin-top: 0.5rem;
}
dd + dt {
margin-top: 1.5rem;
}
/* Quotes ------------------------------------ */
blockquote {
background: #e8f4ca;
color: inherit;
font-size: 1.3rem;
margin: 2rem 0;
padding: 1.5rem;
line-height: 1.6;
}
cite {
color: #596079;
font-size: 1.4rem;
font-style: normal;
font-weight: 600;
line-height: 1.25;
}
blockquote cite {
display: block;
margin: 2rem 0 0 0;
}
blockquote p:last-child {
margin: 0;
}
/* Code -------------------------------------- */
code,
kbd,
pre,
samp {
font-family: monospace;
font-size: 0.9em;
padding: 0.4rem 0.6rem;
}
code,
kbd,
samp {
background: rgba(0, 0, 0, 0.075);
border-radius: 0.2rem;
}
pre {
border: 0.1rem solid #e7e8ec;
line-height: 1.5;
margin: 4rem 0;
overflow: auto;
padding: 3rem 2rem;
text-align: left;
}
pre code {
background: transparent;
padding: 0;
}
/* Media ------------------------------------- */
figure {
display: block;
margin: 0;
}
iframe {
display: block;
max-width: 100%;
}
video {
display: block;
}
svg,
img,
embed,
object {
display: block;
height: auto;
max-width: 100%;
}
figcaption,
.wp-caption-text {
color: #494d65;
display: block;
font-size: 1rem;
font-weight: 500;
line-height: 1.2;
margin-top: 0.5rem;
}
figcaption a,
.wp-caption-text a {
color: inherit;
}
blockquote.instagram-media,
iframe.instagram-media {
margin: auto !important;
}
/* GALLERIES */
.gallery {
display: flex;
flex-wrap: wrap;
margin: 1em 0 3em 0;
}
.gallery-item {
margin: 0 0 0.8em 0;
width: 100%; text-align: center;
}
.gallery-item img{margin:auto;}
.gallery-caption {
display: block;
margin-top: 0;
}
/* Inputs ------------------------------------ */
fieldset {
border: 0.2rem solid #e7e8ec;
padding: 2rem;
}
legend {
font-size: 0.85em;
font-weight: 600;
padding: 0 1rem;
}
label {
display: block;
font-size: 1.2rem;
font-weight: 600;
margin: 0 0 0.3rem 0;
}
.entry-content .nf-field-label label{font-weight: 600;}
.entry-content .label-above .nf-field-label{margin:0;}
label.inline,
input[type="checkbox"] + label {
display: inline;
font-weight: 600;
margin-left: 0.5rem;
}
input[type="checkbox"] {
display: inline-block;
margin: 0;
border:1px solid #e7e8ec;
cursor: pointer;}
input[type="checkbox"]:checked::before {
}
input,
textarea,
button,
.button,
.wp-block-button__link,
.wp-block-file__button {
font-family: 'Muli', -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 1;
}
@supports ( font-variation-settings: normal ) {
input,
textarea,
button,
.button,
.wp-block-button__link,
.wp-block-file__button {
font-family: 'Muli', -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
}
input,
textarea {
border-color: #283483;
color: #1c203f;
}
code,
input[type="url"],
input[type="email"],
input[type="tel"] {
/*rtl:ignore*/
direction: ltr;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
background: #fff;
border-radius: 3px;
border: 1px solid #77798c;
box-shadow: none;
display: block;
font-size: 1.1em;
margin: 0;
max-width: 100%;
padding: 0.5rem;
width: 100%;
line-height: 1.3;
font-family: 'Muli', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
select {
font-size: 1.1em;
padding:0.5rem;
border:1px solid #77798c;
border-radius: 3px;
font-family: 'Muli', "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#494d65;
line-height: 1.3;
}
option{color:#1c203f;}
option:first-of-type{color:#494d65;}
textarea {
height: 12rem;
line-height: 1.5;
width: 100%;
}
input::-webkit-input-placeholder {
line-height: normal;
}
input:-ms-input-placeholder {
line-height: normal;
}
input::-moz-placeholder {
line-height: revert; /* Reset to the value from the user-agent stylesheet. */
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
}
button,
.button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
background: #283483;
border: none;
border-radius: 3px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 1.1em;
font-weight: 600;
line-height: 1.3;
margin: 0;
opacity: 1;
padding: 0.5em 0.5em;
text-align: center;
text-decoration: none;
transition: opacity 0.15s linear;
font-family: 'Muli', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
button:focus,
button:hover,
.button:focus,
.button:hover,
.wp-block-button .wp-block-button__link:focus,
.wp-block-button .wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:focus,
.wp-block-file .wp-block-file__button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
background:#a6c836;
color:#283483;
}
#site-footer input[type="submit"]:focus,
#site-footer input[type="submit"]:hover{background:#e7e8ec;}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
border-color: currentColor;
}
input[type="search"]:focus {
outline: thin dotted;
outline-offset: -4px;
}
.nf-field-label label {margin-bottom:0.1em;}
/* Donate form ------------------------------------ */
.donateform{min-height:300px;}
.donateform .nf-field-container{margin-bottom:20px;}
.donatebuttons {padding:0; width:auto!important;display: inline-block; margin-bottom:10px!important;}
.donatebuttons .nf-field-element ul{display: inline-block;margin:0; padding:0; overflow: hidden; width:auto!important; }
.donatebuttons .nf-field-element ul input {position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; }
.donatebuttons .nf-field-element ul li{margin: 0 1em 0 0!important; padding:0;display: inline-block;}
.donatebuttons .nf-field-element ul label {color: #283483; line-height: 1; text-align: center; padding: 0.7em; border: 2px solid #283483; border-radius:5px; transition: all 0.1s ease-in-out; margin-left:0!important; font-size: 1.4rem; font-weight: 600;}
.donatebuttons .nf-field-element ul label:hover {cursor: pointer;background-color: #d6e4a5;}
.donatebuttons .nf-field-element ul input:checked + label {background-color: #bad264;}
.donatelink{padding-bottom:10px;padding-top:5px;}
.donatelink a{display:inline-block; color:#283483;background-color: #a6c836; line-height: 1; text-align: center; padding: 0.45em 0.8em; border-radius: 5px; border:0;
transition: all 0.1s ease-in-out; font-size: 1.1rem;}
.donatelink a:hover, .donatelink a:focus{opacity:.7}
.other .field-wrap > div input {width:5em;}
.other{width:auto;}
.giftaid .field-wrap{flex-wrap: nowrap;}
.giftlabel h3{margin-bottom:0.2rem; font-size: 1.2rem;}
.giftlabel p{margin-bottom:0;}
.donateform .nf-field-container.giftlabel{margin-bottom:10px;}
.nf-field-container.likelabel{margin-bottom:0;}
.donateform .label-right .checkbox-wrap .nf-field-element{width:1.2em;}
.donateform .label-right .nf-field-label {padding-left: 0.3em;}
.nf-field-container.giftaid, .nf-field-container.newsletter{margin-bottom:0;}
.giftaidtext{font-size:90%;}
.nf-field hr{margin:0.5rem 0 2rem 0;}
.nf-field-element .introbox{margin-bottom:0.5em;}
.donateform #nf-field-50-container.nf-field-container {margin-bottom:1em;}
.smtextarea .nf-field-element textarea{height:4em;}
.smfield input[type="text"]{max-width:8em;}
#nf-label-field-36 p, #nf-label-field-34 p{max-width:800px;}
select.smselect{width:6em!important;}
input.smselect.date-and-time{width:12em!important; margin-bottom:10px;}
.mc4wp-form-fields p{margin: 0 0 1.8em 0;}
.ninja-forms-req-symbol {color: #e80000;}
label.checklabel{font-weight: 400;}
.mc4wp-alert{font-weight: 600; color: #283483; font-size:1.4rem; padding: 1.5em; background: #e8f4ca;}
/* Tables ------------------------------------ */
table {
border: 1px solid #e7e8ec;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
margin: 4rem 0;
max-width: 100%;
overflow: hidden;
width: 100%;
}
.alignleft > table {
margin: 0;
}
.alignright > table {
margin: 0;
}
th,
td {
border: 0.1rem solid #e7e8ec;
line-height: 1.4;
margin: 0;
overflow: visible;
padding: 0.5em;
min-width:6.5em;
}
caption {
background: #e7e8ec;
font-weight: 600;
padding: 0.5em;
text-align: center;
}
thead {
vertical-align: bottom;
white-space: nowrap;
}
th {
font-weight: 600;
}
/* -------------------------------------------------------------------------- */
/* 3. Helper Classes
/* -------------------------------------------------------------------------- */
/* Layout ------------------------------------ */
.no-margin {
margin: 0;
}
.no-padding {
padding: 0;
}
.screen-height {
min-height: 100vh;
}
.admin-bar .screen-height {
min-height: calc(100vh - 32px);
}
@media (max-width: 782px) {
.admin-bar .screen-height {
min-height: calc(100vh - 46px);
}
}
.screen-width {
position: relative;
left: calc(50% - 50vw);
width: 100vw;
}
/* Sections ---------------------------------- */
section {
padding: 5rem 0;
width: 100%;
}
.section-inner {
margin-left: auto;
margin-right: auto;
max-width: 92%; margin:auto;
}
.home #site-content {max-width: 100%; }
/* Toggles ----------------------------------- */
.toggle {
-moz-appearance: none;
-webkit-appearance: none;
color: inherit;
cursor: pointer;
font-family: inherit;
position: relative;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
text-align: inherit;
user-select: none;
}
button.toggle {
background: none;
border: none;
box-shadow: none;
border-radius: 0;
font-size: inherit;
font-weight: 400;
letter-spacing: inherit;
padding: 0;
text-transform: none;
}
/* Hiding and Showing ------------------------ */
.js .show-js {
display: block !important;
}
.js .hide-js {
display: none !important;
}
.no-js .show-no-js {
display: block !important;
}
.no-js .hide-no-js {
display: none !important;
}
/* Typography -------------------------------- */
.font-size-xl {
font-size: 1.25em;
}
.font-size-xs {
font-size: 0.8em;
}
.no-select {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Image Classes ----------------------------- */
.bg-image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.bg-attachment-fixed {
background-attachment: fixed;
}
@supports ( -webkit-overflow-scrolling: touch ) {
.bg-attachment-fixed {
background-attachment: scroll;
}
}
@media ( prefers-reduced-motion: reduce ) {
.bg-attachment-fixed {
background-attachment: scroll;
}
}
.wp-block-image.is-resized {
margin-left: auto;
margin-right: auto;
}
/* Search Form ------------------------------- */
.search-form {
align-items: stretch;
display: flex;
flex-wrap: nowrap;
margin: 0 0 -0.8rem -0.8rem;
}
.search-form .search-field,
.search-form .search-submit {
margin: 0 0 0.8rem 0.8rem;
}
.search-form label {
align-items: stretch;
display: flex;
font-size: inherit;
margin: 0;
width: 100%;
}
.search-form .search-field {
width: 100%;
}
.search-form .search-submit {
flex-shrink: 0;
}
.search-form .search-submit:focus,
.search-form .search-submit:hover {
text-decoration: none;
}
/* Social Icons ------------------------------ */
.social-links{position:absolute;top:15px;right:0; z-index: 100;}
.social-links ul {list-style:none;margin:0; padding:0;}
.social-links ul li {display:inline-block;
margin: 0 0 0 0.2rem; padding:0;
}
.social-links ul li.fb a{background:url(images/social-follow/facebook.png) no-repeat; background-size:33px;}
.social-links ul li.twitter a{background:url(images/social-follow/twitter.png) no-repeat; background-size:33px; }
.social-links ul li.youtube a{background:url(images/social-follow/youtube.png) no-repeat; background-size:32px; }
.social-links ul li.insta a{background:url(images/social-follow/instagram.png) no-repeat; background-size:33px; }
.social-links ul li.vimeo a{background:url(images/social-follow/vimeo.png) no-repeat; background-size:33px; }
.social-links ul li.pinterest a{background:url(images/social-follow/pinterest.png) no-repeat; background-size:32px; }
.social-links ul li.podcast a{background:url(images/social-follow/podcast.png) no-repeat; background-size:33px; }
.social-links ul a {
color: #283483; width:34px;height:38px;
padding: 0;
text-decoration: none;
transition: transform 0.15s ease-in-out;
display:block;
}
.social-icons a:focus,
.social-icons a:hover {
transform: scale(1.1);
text-decoration: none;
}
/* Cover Modals ------------------------------ */
.cover-modal {
display: none;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
}
.cover-modal::-webkit-scrollbar {
display: none !important;
}
.cover-modal.show-modal {
display: block;
cursor: pointer;
}
.cover-modal.show-modal > * {
cursor: default;
}
/* -------------------------------------------------------------------------- */
/* 4. Site Header
/* -------------------------------------------------------------------------- */
#site-header {
position: relative;
background:#fff;
}
.header-inner {
z-index: 100;
position:relative;
text-align: center;
}
/* Header Titles ----------------------------- */
.header-titles{padding-top:1.5rem;}
.header-titles-wrapper {
text-align: center;
width:100%;
padding-bottom:10px;
}
body:not(.enable-search-modal) .header-titles-wrapper {
justify-content: flex-start;
padding-left: 0;
text-align: left;
}
.site-title {
font-size: 2.2rem;
font-weight: 500;
line-height: 1;
letter-spacing: 0.005em;
}
.site-title a {
color: inherit;
display: block;
text-decoration: none;
}
.site-title a:hover,
.site-title a:focus {
text-decoration: none;
color:#28B590;
}
.site-description {
margin-top: 1rem;
margin-bottom: 1rem;
color: #283483;
font-size: 1.1rem;
font-weight: 600;
letter-spacing: 0.007em;
transition: all 0.15s linear;
font-family: 'Muli', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.site-logo a {color:#283483; }
.site-logo img{display: block;}
.header-titles .site-logo .site-logo {
margin: 0; color:#283483;
}
.site-logo{padding-top:42px;}
.site-logo img {
max-height: 115px;
width: auto;
margin:auto;
}
.archivebox{background:#d6e4a5; border-radius: 7px; padding:0.5em; text-align:center;width: 100%; }
.archivebox h2{font-size:1.1rem;margin:0 auto; text-align:center;}
.archivetext{font-size:85%; line-height: 1.2;}
#site-content{padding-top:1.4rem;}
/* Overlay Header ---------------------------- */
.overlay-header #site-header {
background: transparent;
margin: 0;
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: 2;
}
.overlay-header .header-inner {
color: #fff;
}
.overlay-header .site-description,
.overlay-header .toggle {
color: inherit;
}
.overlay-header .header-inner .toggle-wrapper::before {
background-color: currentColor;
opacity: 0.25;
}
.admin-bar.overlay-header #site-header {
top: 32px;
}
@media (max-width: 782px) {
.admin-bar.overlay-header #site-header {
top: 46px;
}
}
/* Header Navigation ------------------------- */
.header-navigation-wrapper {
display: none;
}
/* Header Toggles ---------------------------- */
.header-toggles {
display: none;
}
.header-inner .toggle {
align-items: center;
display: flex;
overflow: visible;
padding: 0 2rem;
}
.header-inner .toggle svg {
display: block;
position: relative;
z-index: 1;
}
.header-inner .toggle path {
fill: currentColor;
}
.toggle-inner {
position: relative;
}
.toggle-icon {
display: block;
overflow: hidden;
}
.toggle-inner .toggle-text {
color: #283483;
font-size: 1.4rem;
font-weight: 600;
padding:0.7rem 0;
position: relative;
width: auto;
white-space: nowrap;
word-break: break-all;
}
.overlay-header .toggle-text {
color: inherit;
}
.header-inner .toggle:focus .toggle-text,
.header-inner .toggle:hover .toggle-text {
text-decoration: underline;
}
/* Search Toggle ----------------------------- */
.search-toggle {
position: absolute;
bottom: 0;
left: 0;
right:0;
top: 0;
}
.search-toggle .toggle-icon,
.search-toggle svg {
height: 2.5rem;
max-width: 2.3rem;
width: 2.3rem;
fill:#fff;
}
/* Navigation Toggle ------------------------- */
.nav-toggle {
position: relative;
text-align:center; margin:auto;
top: 0;
width: 100%;
z-index: 990;
}
button.toggle.nav-toggle{padding:0.5rem 0;}
.nav-toggle .toggle-icon,
.nav-toggle svg {
height: 0.8rem;
width: 2.8rem;
color: #283483;
fill: #283483;
text-align: center; margin:auto;
}
.nav-toggle .toggle-inner {
padding-top: 1rem;
}
/* Primary Menu ---------------------------- */
.primary-menu-wrapper {
display: none;
}
ul.primary-menu {
display: flex;
font-size: 1.1rem;
font-weight: 500;
flex-wrap: wrap;
justify-content: center;
margin:0;font-family: 'Source Sans Pro', sans-serif;
}
.primary-menu .icon {
display: block;
height: 0.7rem;
position: absolute;
pointer-events: none;
transform: rotate(-45deg);
width: 1.3rem;
}
.primary-menu .icon::before,
.primary-menu .icon::after {
content: "";
display: block;
background-color: #fff;
position: absolute;
bottom: calc(50% - 0.1rem);
left: 0;
}
.primary-menu ul .icon {transform: rotate(225deg);}
.primary-menu .icon::before {
height: 0.5rem;
width: 0.13rem;
}
.primary-menu .icon::after {
height: 0.13rem;
width: 0.5rem;
}
.primary-menu li {
font-size: inherit;
line-height: 1.25;
position: relative;
}
.primary-menu > li {
margin: 0 2rem 0 0;
}
.primary-menu > li > a{text-transform:uppercase;font-weight:600;}
.primary-menu > li.menu-item-has-children > a {
padding-right: 1.5rem;
}
.primary-menu > li > .icon {
right: -0.2rem;
top: calc(50% - 0.4rem);
}
.primary-menu a {
display: block;
line-height: 1.2;
text-decoration: none;
color:#fff;
}
.primary-menu a:hover,
.primary-menu a:focus{
color:#d6e4a5;
}
.primary-menu li.current-menu-item > a,
.primary-menu li.current-menu-item > .link-icon-wrapper > a,
.primary-menu li.current-menu-ancestor > a,
.playscotland_ml-template-default .primary-menu li.menu-item-165 > a, .tax-playscotland_ml_tags .primary-menu li.menu-item-165 > a,
.tax-playscotland_ml_categories .primary-menu li.menu-item-165 > a, .post-type-archive-playscotland_ml .primary-menu li.menu-item-165 > a
{
opacity:.7;
}
.primary-menu li.current-menu-item > a:hover,
.primary-menu li.current-menu-item > .link-icon-wrapper > a:hover,
.primary-menu li.current-menu-item > a:focus,
.primary-menu li.current-menu-item > .link-icon-wrapper > a:focus {
text-decoration: none;
}
/* SUB MENU */
.primary-menu ul {
background: #a6c836;
border-radius: 0.4rem;
color: #1c203f;
font-size: 1.3rem;
opacity: 0;
padding: 0.5rem 0;
position: absolute;
right: 9999rem;
top: calc(100% + 0.5rem);
transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s;
transform: translateY(0.6rem);
width: 15rem;
z-index: 1000;
text-align:left;
}
.primary-menu li.menu-item-has-children:hover > ul,
.primary-menu li.menu-item-has-children:focus > ul,
.primary-menu li.menu-item-has-children:focus-within > ul,
.primary-menu li.menu-item-has-children.focus > ul {
right: -6.6rem;
opacity: 1;
visibility: visible;
transform: translateY(0);
transition: opacity 0.15s linear, transform 0.15s linear;
}
.primary-menu ul::before,
.primary-menu ul::after {
content: "";
display: block;
position: absolute;
bottom: 100%;
}
.primary-menu ul::before {
height: 2rem;
left: 0;
right: 0;
}
.primary-menu ul::after {
border: 0.8rem solid transparent;
border-bottom-color: #a6c836;
right: 6.6rem;
}
.primary-menu ul a {
background: transparent;
border: none;
color: inherit;
display: block;
padding: 1rem 2rem;
transition: 0.15s linear;
width: 100%;
}
.primary-menu ul li.menu-item-has-children > a {
padding-right: 2.5rem;
}
.primary-menu ul li.menu-item-has-children .icon {
position: absolute;
right: 1rem;
top: calc(50% - 0.5rem);
}
/* DEEP DOWN */
.primary-menu ul ul {
top:0;
font-size: 1.15rem;
z-index: 1000000;
}
.primary-menu ul li.menu-item-has-children:hover > ul,
.primary-menu ul li.menu-item-has-children:focus > ul,
.primary-menu ul li.menu-item-has-children:focus-within > ul,
.primary-menu ul li.menu-item-has-children.focus > ul {
right: calc(-100% - 0.7rem);
z-index: 1000000;
}
.primary-menu ul ul::before {
bottom: 0;
height: auto;
right: auto;
left: -1.5rem;
top: 0;
width: 1.8rem;
}
.primary-menu ul ul::after {
border-bottom-color: transparent;
/*rtl:ignore*/
border-right-color: #a6c836;
bottom: auto;
left: -1.5rem;
top: 0.7rem;
right:auto;
}
.rtl .primary-menu ul ul::after {
transform: rotate(180deg);
}
/*
* Enable nav submenu expansion with tapping on arrows on large-viewport
* touch interfaces (e.g. tablets or laptops with touch screens).
* These rules are supported by all browsers (>IE11) and when JS is disabled.
*/
@media (any-pointer: coarse) {
.primary-menu > li.menu-item-has-children > a {
padding-right: 0;
margin-right: 2rem;
}
.primary-menu ul li.menu-item-has-children > a {
margin-right: 4.5rem;
padding-right: 0;
width: unset;
}
}
/* Repeat previous rules for IE11 (when JS enabled for polyfill). */
body.touch-enabled .primary-menu > li.menu-item-has-children > a {
padding-right: 0;
margin-right: 2rem;
}
body.touch-enabled .primary-menu ul li.menu-item-has-children > a {
margin-right: 4.5rem;
padding-right: 0;
width: unset;
}
/* -------------------------------------------------------------------------- */
/* 5. Menu Modal
/* -------------------------------------------------------------------------- */
.menu-modal {
background: #fff;
display: none;
opacity: 0;
overflow-y: auto;
overflow-x: hidden;
position: fixed;
bottom: 0;
left: -99999rem;
right: 99999rem;
top: 0;
transition: opacity 0.25s ease-in, left 0s 0.25s, right 0s 0.25s;
z-index: 999;
}
.admin-bar .menu-modal {
top: 32px;
}
@media (max-width: 782px) {
.admin-bar .menu-modal {
top: 46px;
}
}
.menu-modal.show-modal {
display: flex;
}
.menu-modal.active {
left: 0;
opacity: 1;
right: 0;
transition: opacity 0.25s ease-out;
}
.menu-modal-inner {
background: #fff;
overflow: auto;
width: 100%;
}
.menu-wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
}
button.close-nav-toggle {
align-items: center;
display: flex;
font-size: 1.4rem;
font-weight: 500;
justify-content: flex-end;
padding: 2rem 0;
width: 100%;
}
button.close-nav-toggle svg {
height: 1.2rem;
width: 1.2rem;
}
button.close-nav-toggle .toggle-text {
margin-right: 1.6rem;
}
.menu-modal .menu-top {
flex-shrink: 0;
}
/* Main Menu --------------------------------- */
.modal-menu {
position: relative;
left: calc(45% - 39vw);
width: 87vw;
}
.modal-menu li {
border-color: #d6e4a5;
border-style: solid;
border-width: 0.1rem 0 0 0;
display: flex;
flex-wrap: wrap;
line-height: 1;
justify-content: flex-start;
margin: 0;
}
.modal-menu > li > a,
.modal-menu > li > .ancestor-wrapper > a {
font-size: 1.4rem;
font-weight: 400;
letter-spacing: -0.0375em;
}
.modal-menu > li:last-child {
border-bottom-width: 0.1rem;
}
.modal-menu .ancestor-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
}
.modal-menu a {
display: block;
padding: 1rem 0 1rem 1.5rem;
text-decoration: none;
width: 100%;
color:#1c203f;
}
.modal-menu a:focus,
.modal-menu a:hover,
.modal-menu li.current-menu-item > .ancestor-wrapper > a,
.modal-menu li.current_page_ancestor > .ancestor-wrapper > a {
color:#283483;
}
.modal-menu .sub-menu a{font-size:1.2rem; }
button.sub-menu-toggle {
flex-shrink: 0;
margin: 1rem 0;
padding: 0 1.5rem;
}
button.sub-menu-toggle svg {
height: 0.7rem;
transition: transform 0.15s linear;
width: 1.5rem;
}
button.sub-menu-toggle.active svg {
transform: rotate(180deg);
}
.modal-menu ul {
display: none;
margin: 0;
width: 100%;
}
.modal-menu ul li {
border-left-width: 1rem;
}
.modal-menu ul li a {
color: inherit;
font-weight: 500;
}
/* Main menu animation ----------------------- */
.menu-wrapper .menu-item {
position: relative;
}
.menu-wrapper .active {
display: block;
}
.menu-wrapper.is-toggling {
pointer-events: none;
}
.menu-wrapper.is-toggling .menu-item {
position: absolute;
top: 0;
left: 0;
margin: 0;
width: 100%;
}
.menu-wrapper.is-toggling .menu-bottom .social-menu .menu-item {
width: auto;
}
.menu-wrapper.is-animating .menu-item,
.menu-wrapper.is-animating .toggling-target {
transition-duration: 250ms;
}
.menu-wrapper.is-animating .menu-item {
transition-property: transform;
}
.menu-wrapper.is-toggling .toggling-target {
display: block;
position: absolute;
top: 0;
left: 0;
opacity: 1;
}
.menu-wrapper.is-toggling .toggling-target.active {
opacity: 0;
}
.menu-wrapper.is-animating.is-toggling .toggling-target {
display: block;
transition-property: opacity;
opacity: 0;
}
.menu-wrapper.is-animating.is-toggling .toggling-target.active {
opacity: 1;
}
.menu-wrapper.is-toggling .modal-menu > li:last-child li {
border-top-color: transparent;
border-bottom-width: 0.1rem;
}
@media (prefers-reduced-motion: reduce) {
.menu-wrapper.is-animating .menu-item,
.menu-wrapper.is-animating .toggling-target {
transition-duration: 1ms !important;
}
}
/* Expanded Menu ----------------------------- */
.expanded-menu {
display: none;
}
.mobile-menu {
display: block;
}
/* Menu Bottom ------------------------------- */
.menu-bottom {
flex-shrink: 0;
padding: 4rem 0;
}
.menu-bottom nav {
width: 100%;
}
.menu-copyright {
display: none;
font-size: 1.6rem;
font-weight: 500;
margin: 0;
}
.menu-copyright a:focus,
.menu-copyright a:hover {
text-decoration: underline;
}
.menu-bottom .social-menu {
justify-content: center;
}
/* -------------------------------------------------------------------------- */
/* 6. Search Modal
/* -------------------------------------------------------------------------- */
.search-modal {
background: rgba(0, 0, 0, 0.2);
display: none;
opacity: 0;
bottom: 0;
left: -9999rem;
top: 0;
transition: opacity 0.2s linear, left 0s 0.2s linear;
width: 100%;
max-width:1200px;
margin:0 auto;
z-index: 999;
}
.admin-bar .search-modal.active {
top: 32px;
}
@media (max-width: 782px) {
.admin-bar .search-modal.active {
top: 46px;
}
}
.search-modal-inner {
background: #fff;
transition: transform 0.15s linear, box-shadow 0.15s linear;
}
.search-modal-inner .section-inner {
display: flex;
justify-content: space-between;
max-width: 100%;
}
.search-modal.active {
left: 0;
opacity: 1;
transition: opacity 0.2s linear;
}
.search-modal.active .search-modal-inner {
box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.08);
transform: translateY(0);
transition: transform 0.25s ease-in-out, box-shadow 0.1s 0.25s linear;
}
button.search-untoggle {
align-items: center;
display: flex;
flex-shrink: 0;
justify-content: center;
margin-right: -2.5rem;
padding: 0 2.5rem;
}
.search-modal button.search-untoggle {
color: inherit;
}
.search-modal.active .search-untoggle {
animation: popIn both 0.3s 0.2s;
}
.search-untoggle svg {
height: 1.5rem;
transition: transform 0.15s ease-in-out;
width: 1.5rem;
}
.search-untoggle:focus svg,
.search-untoggle:hover svg {
transform: scale(1.15);
}
/* Modal Search Form ------------------------- */
.search-modal form {
margin: 0;
position: relative;
width: 100%;
}
.search-modal .search-field {
background: none;
border: none;
border-radius: 0;
color: inherit;
font-size: 1.4rem;
letter-spacing: -0.0277em;
height: auto;
margin: 0;
padding: 0 0 0 2rem;
}
.search-modal .search-field::-webkit-input-placeholder {
color: #494d65;
}
.search-modal .search-field:-ms-input-placeholder {
color: #494d65;
}
.search-modal .search-field::-moz-placeholder {
color: #494d65;
line-height: 1.5;
}
.search-modal .search-submit {
position: absolute;
right: -9999rem;
top: 50%;
transform: translateY(-50%);
}
.search-modal .search-submit:focus {
right: 0;
}
/* -------------------------------------------------------------------------- */
/* 7a. Template: Cover Template
/* -------------------------------------------------------------------------- */
.cover-header {
display: flex;
overflow: hidden;
}
.cover-header-inner-wrapper {
display: flex;
position: relative;
flex-direction: column;
justify-content: flex-end;
width: 100%;
}
.cover-header-inner {
padding: 10rem 0 5rem 0;
width: 100%;
}
.cover-color-overlay,
.cover-color-overlay::before {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
}
.cover-color-overlay::before {
background: currentColor;
content: "";
display: block;
}
.cover-header .entry-header {
position: relative;
width: 100%;
z-index: 1;
}
.cover-header .entry-header * {
color: #fff;
}
body.template-cover .entry-header {
background: transparent;
padding: 0;
}
.cover-header h1,
.cover-header h2,
.cover-header h3,
.cover-header h4,
.cover-header h5,
.cover-header h6,
.cover-header .faux-heading {
color: inherit;
}
.cover-header .entry-header a {
color: inherit;
}
/* To The Content ---------------------------- */
.to-the-content-wrapper {
position: absolute;
left: 0;
right: 0;
top: calc(100% + 0.5rem);
}
.to-the-content {
align-items: center;
display: flex;
justify-content: center;
height: 4rem;
text-decoration: none;
}
.to-the-content svg {
height: 2rem;
transition: transform 0.15s linear;
transform: translateY(0);
width: 1.767rem;
}
.to-the-content:focus svg,
.to-the-content:hover svg {
transform: translateY(20%);
}
/* -------------------------------------------------------------------------- */
/* 7c. Template: Full Width
/* -------------------------------------------------------------------------- */
body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
body.template-full-width [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
max-width: 120rem;
}
body.template-full-width .entry-content .alignleft,
body.template-full-width .entry-content .alignright {
position: static;
}
body.template-full-width .entry-content .alignleft,
body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft,
body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft,
body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft {
/*rtl:ignore*/
margin-left: 0;
position: static;
}
body.template-full-width .entry-content > .alignleft,
body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft,
body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft,
body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft {
/*rtl:ignore*/
margin-left: 2rem;
position: static;
}
body.template-full-width .entry-content .alignright,
body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright,
body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright,
body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright {
/*rtl:ignore*/
margin-right: 0;
position: static;
}
body.template-full-width .entry-content > .alignright,
body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright,
body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright,
body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright {
/*rtl:ignore*/
margin-right: 2rem;
position: static;
}
/* -------------------------------------------------------------------------- */
/* 8. Post: Archive
/* -------------------------------------------------------------------------- */
/* Archive Header ---------------------------- */
.reduced-spacing .archive-header {
padding-bottom: 2rem;
}
.archive-subtitle p:last-child {
margin-bottom: 0;
}
/* Posts ------------------------------------- */
.hentry{padding-top:2rem;}
.hentry:first-of-type{padding-top:0;}
/* Search Results ---------------------------- */
.no-search-results-form {
padding-top: 5rem;
}
/* -------------------------------------------------------------------------- */
/* 9. Post: Single
/* -------------------------------------------------------------------------- */
/* Post Header ------------------------------- */
.entry-categories {
line-height: 1.25;
margin-bottom: 2rem;
}
.entry-categories-inner {
justify-content: center;
display: flex;
flex-wrap: wrap;
margin: -0.5rem 0 0 -1rem;
}
.intro-text {
margin-top: 2rem;
}
.singular .intro-text {
font-size: 2rem;
line-height: 1.4;
}
/* POST META */
.post-meta-single-top .post-meta {}
.post-meta-wrapper {
margin-top: 2rem;
margin-right: auto;
margin-left: auto;
width: 100%;
text-align:left;
}
.post-meta {
color: #596079;
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0 0 0.5rem 0;
}
.post-meta li {
flex-shrink: 0;
margin: 1rem 1.5rem 0 0;
}
.post-meta a {
color: inherit;
text-decoration: none;
}
.post-meta a:focus,
.post-meta a:hover {
text-decoration: underline;
}
.post-meta .meta-wrapper {
justify-content: flex-start;
display: flex;
flex-wrap: nowrap;
}
.post-meta .meta-icon {
flex-shrink: 0;
margin-right: 0.5rem;
}
.sticky .post-sticky {
color: inherit;
}
.post-meta .post-author .meta-icon svg {
width: 1.1rem;
height: 1.3rem;
}
.post-meta .post-categories .meta-icon svg {
width: 1.2rem;
height: 1.2rem;
}
.post-meta .post-comment-link .meta-icon svg {
width: 1.2rem;
height: 1.2rem;
}
.post-meta .post-date .meta-icon svg {
width: 1.2rem;
height: 1.3rem;
}
.post-meta .post-edit .meta-icon svg {
width: 1.2rem;
height: 1.2rem;
}
.post-meta .post-sticky .meta-icon svg {
width: 1.1rem;
height: 1.3rem;
}
.post-meta .post-tags .meta-icon svg, .post-tags.post-meta .meta-icon svg {
width: 1.3rem;
height: 1.3rem;
}
.post-meta svg * {
fill: currentColor;
}
/* Featured Media ---------------------------- */
.featured-media {
margin-top: 2rem;
position: relative;
text-align: center;
width:100%;
}
.singular .featured-media {
margin-top: 0;
}
.featured-media img {
margin:1rem auto 0 auto;
}
.featured-media figcaption {
margin: 1.5rem auto 0 auto;
text-align: center;
}
.reduced-spacing.missing-post-thumbnail .post-inner {
padding-top: 0;
}
.entry-categories.post-meta a, .post-tags.post-meta a{padding-left:0.5rem;}
.entry-categories.post-meta a:first-of-type, .post-tags.post-meta a:first-of-type{padding-left:0;}
/* Post Footer ------------------------------- */
/* POST NAV LINKS */
.post-nav-links {
border-radius: 0.4rem;
display: flex;
font-size: 0.9em;
font-weight: 600;
line-height: 1;
margin-top: 3em;
padding: 0 0.25em;
}
.post-nav-links > * {
padding: 1em 0.75em;
}
/* POST META BOTTOM */
.post-meta-wrapper.post-meta-single-bottom {}
/* Author Bio -------------------------------- */
.author-bio {
margin-top: 4rem;
margin-right: auto;
margin-left: auto;
max-width: 58rem;
width: 100%;
}
.hide-avatars .author-bio {
padding-left: 0;
}
.author-bio .author-title-wrapper {
align-items: center;
display: flex;
margin: 0 0 1rem 0;
}
.author-bio .avatar {
border-radius: 50%;
margin-right: 1.5rem;
height: 5rem;
width: 5rem;
}
.hide-avatars img.avatar {
display: none;
}
.author-bio p:last-child {
margin-bottom: 0;
}
.author-bio .author-title {
margin: 0;
}
.author-bio .author-link {
display: block;
font-size: 1.6rem;
font-weight: 600;
margin-top: 1em;
text-decoration: none;
}
.author-bio .author-link:focus,
.author-bio .author-link:hover {
text-decoration: underline;
}
/* Single Pagination ------------------------- */
.pagination-single {
font-size: 1.1rem;
margin-top: 3rem;
}
.pagination-single-inner {
display: flex;
flex-direction: column;
}
.pagination-single hr:first-child {
margin: 0 0 2.8rem 0;
}
.pagination-single hr:last-child {
margin: 2.8rem 0 0.8rem 0;
}
.pagination-single a {
align-items: baseline;
display: flex;
flex: 1;
}
.pagination-single a + a {
margin-top: 1rem;
}
.pagination-single a .arrow {
margin-right: 1rem;
}
.pagination-single a:focus .title,
.pagination-single a:hover .title {
text-decoration: underline;
}
/* -------------------------------------------------------------------------- */
/* 10. Blocks
/* -------------------------------------------------------------------------- */
/* Block Colors ------------------------------ */
.has-text-color a {
color: inherit;
}
/* CUSTOM COLORS */
:root .has-accent-color {
color: #28B590;
}
:root .has-accent-background-color {
background-color: #1c203f;
color: #fff;
}
:root .has-primary-color {
color: #28B590;
}
:root .has-primary-background-color {
background-color: #283483;
color: #fff;
}
:root .has-secondary-color {
color: #283483;
}
:root .has-secondary-background-color {
background-color: #596079;
color: #fff;
}
:root .has-subtle-background-color {
color: #e7e8ec;
}
:root .has-subtle-background-background-color {
background-color: #e7e8ec;
color: #000;
}
:root .has-background-color {
color: #f5efe0;
}
:root .has-background-background-color {
background-color: #f5efe0;
color: #000;
}
/* Block Typography Classes ------------------ */
.has-text-align-left {
/*rtl:ignore*/
text-align: left;
}
.has-text-align-center {
text-align: center;
}
.has-text-align-right {
text-align: right;
}
.has-drop-cap:not(:focus)::first-letter {
color: #28B590;
font-family: 'Muli', -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 5.1em;
font-weight: 800;
margin: 0.05em 0.1em 0 0;
}
.has-drop-cap:not(:focus)::first-letter::after {
content: "";
display: table;
clear: both;
}
.has-drop-cap:not(:focus)::after {
padding: 0;
}
/* Block Font Families ----------------------- */
.has-drop-cap:not(:focus)::first-letter,
.entry-content .wp-block-archives,
.entry-content .wp-block-categories,
.entry-content .wp-block-cover-image,
.entry-content .wp-block-latest-comments,
.entry-content .wp-block-latest-posts,
.entry-content .wp-block-pullquote,
.entry-content .wp-block-quote.is-large,
.entry-content .wp-block-quote.is-style-large {
font-family: 'Muli', -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@supports ( font-variation-settings: normal ) {
.has-drop-cap:not(:focus)::first-letter,
.entry-content .wp-block-archives,
.entry-content .wp-block-categories,
.entry-content .wp-block-latest-posts,
.entry-content .wp-block-latest-comments,
.entry-content .wp-block-cover-image p,
.entry-content .wp-block-pullquote {
font-family: 'Muli', -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
}
/* Block Font Sizes -------------------------- */
.entry-content .has-small-font-size {
font-size: 0.842em;
}
.entry-content .has-normal-font-size,
.entry-content .has-regular-font-size {
font-size: 1em;
}
.entry-content .has-medium-font-size {
font-size: 1.1em;
line-height: 1.45;
}
.entry-content .has-large-font-size {
font-size: 1.25em;
line-height: 1.4;
}
.entry-content .has-larger-font-size {
font-size: 1.5em;
line-height: 1.3;
}
/* Block: Base Margins ----------------------- */
*[class*="_inner-container"] > *:first-child {
margin-top: 0;
}
*[class*="_inner-container"] > *:last-child {
margin-bottom: 0;
}
.wp-block-archives:not(.alignwide):not(.alignfull),
.wp-block-categories:not(.alignwide):not(.alignfull),
.wp-block-code,
.wp-block-columns:not(.alignwide):not(.alignfull),
.wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-group:not(.has-background):not(.alignwide):not(.alignfull),
.wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),
.wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),
.wp-block-media-text:not(.alignwide):not(.alignfull),
.wp-block-preformatted,
.wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
.wp-block-quote,
.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-verse,
.wp-block-video:not(.alignwide):not(.alignfull) {
margin-bottom: 3rem;
margin-top: 3rem;
}
/* Block: Shared Nesting Alignment Resets ---- */
[class*="__inner-container"] .wp-block-group:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright),
[class*="__inner-container"] .wp-block-cover:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) {
margin-left: auto;
margin-right: auto;
max-width: 58rem;
}
/* Block: Shared Widget Styles --------------- */
.wp-block-archives,
.wp-block-categories,
.wp-block-latest-posts,
.wp-block-latest-comments {
list-style: none;
margin-left: 0;
}
.wp-block-archives ul,
.wp-block-categories ul,
.wp-block-latest-posts ul,
.wp-block-latest-comments ul {
list-style: none;
}
.entry-content .wp-block-archives > li,
.entry-content .wp-block-categories > li,
.entry-content .wp-block-latest-posts > li,
.entry-content .wp-block-latest-comment > li {
margin-left: 0;
}
.entry-content .wp-block-archives > li:last-child,
.entry-content .wp-block-categories > li:last-child,
.entry-content .wp-block-latest-posts > li:last-child,
.entry-content .wp-block-latest-comment > li:last-child {
margin-bottom: 0;
}
.entry-content .wp-block-archives *,
.entry-content .wp-block-categories *,
.entry-content .wp-block-latest-posts *,
.entry-content .wp-block-latest-comments * {
font-family: inherit;
}
.entry-content .wp-block-archives li,
.entry-content .wp-block-categories li,
.entry-content .wp-block-latest-posts li {
color: #596079;
}
.wp-block-archives a,
.wp-block-categories a,
.wp-block-latest-posts a,
.wp-block-latest-comments a {
font-weight: 600;
text-decoration: none;
}
.wp-block-archives a:hover,
.wp-block-categories a:hover,
.wp-block-latest-posts a:hover,
.wp-block-latest-comments a:hover,
.wp-block-archives a:focus,
.wp-block-categories a:focus,
.wp-block-latest-posts a:focus,
.wp-block-latest-comments a:focus {
text-decoration: underline;
}
.wp-block-latest-posts a,
.wp-block-latest-comments__comment-meta {
font-weight: 600;
letter-spacing: -0.025em;
line-height: 1.25;
}
.wp-block-latest-comments__comment-date,
.wp-block-latest-posts__post-date {
color: #596079;
font-size: 0.7em;
font-weight: 600;
letter-spacing: normal;
margin-top: 0.15em;
}
/* Block: Shared Media Styles ---------------- */
.wp-block-embed figcaption,
.wp-block-image figcaption {
color: #596079;
font-size: 1.4rem;
margin-bottom: 0;
margin-top: 1.5rem;
}
/* Block: Audio ------------------------------ */
.wp-block-audio audio {
width: 100%;
}
/* Block: Button ----------------------------- */
.wp-block-button {
margin: 3rem 0;
}
.wp-block-button.is-style-outline {
color: #28B590;
}
.is-style-outline .wp-block-button__link:not(.has-text-color) {
color: inherit;
}
.is-style-outline .wp-block-button__link {
padding: calc(1.1em - 0.2rem) calc(1.44em - 0.2rem);
}
/* Block: Columns ---------------------------- */
.wp-block-columns.alignfull,
.alignfull:not(.has-background) .wp-block-columns {
padding-left: 2rem;
padding-right: 2rem;
}
.wp-block-column {
margin-bottom: 3.2rem;
}
.wp-block-column > *:first-child {
margin-top: 0;
}
.wp-block-column > *:last-child {
margin-bottom: 0;
}
/* Block: Cover ------------------------------ */
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
width: calc(100% - 4rem);
padding: 2rem 0;
}
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text,
.wp-block-cover-image h2,
.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
.wp-block-cover h2 {
max-width: 100%;
padding: 0;
}
.wp-block-cover-image h2,
.wp-block-cover h2 {
font-size: 3.2rem;
}
/* Block: Embed ------------------------------ */
/* Block: File ------------------------------- */
.wp-block-file {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.wp-block-file a:not(.wp-block-file__button) {
font-weight: 600;
text-decoration: none;
}
.wp-block-file a:not(.wp-block-file__button):not(:last-child) {
margin-right: 1rem;
}
.wp-block-file a:not(.wp-block-file__button):focus,
.wp-block-file a:not(.wp-block-file__button):hover {
text-decoration: underline;
}
.wp-block-file .wp-block-file__button {
font-size: 1.5rem;
padding: 1em 1.25em;
}
.wp-block-file a.wp-block-file__button:visited {
opacity: 1;
}
.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 {
opacity: 1;
text-decoration: underline;
}
/* Block: Gallery ---------------------------- */
.wp-block-gallery ul {
list-style: none;
margin: 0 0 -1.6rem 0;
}
figure.wp-block-gallery.alignnone,
figure.wp-block-gallery.aligncenter {
margin-bottom: 3rem;
margin-top: 3rem;
}
figure.wp-block-gallery.alignleft {
margin: 0.3rem 2rem 2rem 0;
}
figure.wp-block-gallery.alignright {
margin: 0.3rem 0 2rem 2rem;
}
figure.wp-block-gallery.alignwide {
margin-bottom: 4rem;
margin-top: 4rem;
}
figure.wp-block-gallery.alignfull {
margin-bottom: 5rem;
margin-top: 5rem;
}
/* Block: Group ------------------------------ */
.wp-block-group.has-background {
padding: 2rem;
margin-bottom: 0;
margin-top: 0;
}
.wp-block-group__inner-container {
margin: 0 auto;
}
.wp-block-group__inner-container,
.entry-content .wp-block-group p {
max-width: 100%;
}
.alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {
padding-left: 2rem;
padding-right: 2rem;
}
/* Block: Image ------------------------------ */
/* Block: Media And Text --------------------- */
.wp-block-media-text .wp-block-media-text__content {
padding: 3rem 2rem;
}
.wp-block-media-text .wp-block-media-text__content p {
max-width: none;
}
.wp-block-media-text__content > *:first-child {
margin-top: 0;
}
.wp-block-media-text__content > *:last-child {
margin-bottom: 0;
}
/* Block: Pullquote -------------------------- */
/* STYLE: DEFAULT */
.wp-block-pullquote {
padding: 0;
position: relative;
}
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
max-width: calc(100% - 4rem);
}
.wp-block-pullquote::before {
background: #fff;
border-radius: 50%;
color: #28B590;
content: "â€";
display: block;
font-size: 6.2rem;
font-weight: 500;
line-height: 1.2;
margin: 0 auto 1.5rem auto;
text-align: center;
height: 4.4rem;
width: 4.4rem;
}
.reduced-spacing .wp-block-pullquote::before {
border: 0.1rem solid currentColor;
font-size: 5.9rem;
}
.wp-block-pullquote blockquote {
border: none;
margin: 0;
padding: 0;
}
.wp-block-pullquote blockquote p {
font-family: inherit;
font-size: 2.8rem;
font-weight: 600;
line-height: 1.178571429;
letter-spacing: -0.041785714em;
max-width: 100%;
}
.wp-block-pullquote p:last-of-type {
margin-bottom: 0;
}
.wp-block-pullquote cite {
color: #596079;
font-size: 1.6rem;
font-weight: 500;
margin-top: 1.2rem;
}
.wp-block-pullquote.alignleft p,
.wp-block-pullquote.alignright p {
font-size: 2.8rem;
}
.wp-block-pullquote.alignleft {
text-align: left;
}
.wp-block-pullquote.alignright {
text-align: right;
}
.wp-block-pullquote.alignleft::before {
margin-left: 0;
}
.wp-block-pullquote.alignright::before {
margin-right: 0;
}
/* STYLE: SOLID BACKGROUND COLOR */
.wp-block-pullquote.is-style-solid-color {
padding: 3rem 2rem;
}
.wp-block-pullquote.is-style-solid-color::before {
position: absolute;
top: 0;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
.wp-block-pullquote.is-style-solid-color.alignleft::before,
.wp-block-pullquote.is-style-solid-color.alignright::before {
transform: translateY(-50%);
}
.wp-block-pullquote.is-style-solid-color.alignleft::before {
left: 2rem;
}
.wp-block-pullquote.is-style-solid-color.alignright::before {
left: auto;
right: 2rem;
}
.wp-block-pullquote.is-style-solid-color blockquote {
max-width: 100%;
text-align: inherit;
}
.wp-block-pullquote.is-style-solid-color cite {
color: inherit;
}
/* Block: Separator ------------------------- */
hr.wp-block-separator {
margin: 3rem 0;
}
/* STYLE: WIDE */
.wp-block-separator.is-style-wide {
max-width: calc(100vw - 4rem);
position: relative;
width: 100%;
}
/* STYLE: DOTS */
.wp-block-separator.is-style-dots::before {
background: none;
color: inherit;
font-size: 3.2rem;
font-weight: 600;
height: auto;
letter-spacing: 1em;
padding-left: 1em;
position: static;
transform: none;
width: auto;
}
.wp-block-separator.is-style-dots::after {
content: none;
}
/* Block: Search ----------------------------- */
.wp-block-search .wp-block-search__input {
width: auto;
}
/* Block: Table ------------------------------ */
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background: #e7e8ec;
}
figure.wp-block-table.is-style-stripes {
border-bottom: none;
}
.wp-block-table.is-style-stripes table {
border-collapse: inherit;
}
/* Block: Quote ------------------------------ */
.wp-block-quote p,
.wp-block-quote cite {
text-align: inherit;
}
.wp-block-quote[style="text-align:center"] {
border-width: 0;
padding: 0;
}
.wp-block-quote[style="text-align:right"] {
/*rtl:begin:ignore*/
border-width: 0 0.2rem 0 0;
padding: 0 2rem 0 0;
/*rtl:end:ignore*/
}
/* STYLE: LARGE */
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
border: none;
padding: 0;
margin-left: auto;
margin-right: auto;
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-family: inherit;
font-size: 2.4rem;
font-style: normal;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.285;
}
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
font-size: 1.6rem;
text-align: inherit;
}
/* Block: Widget Latest Comments ------------- */
.entry-content .wp-block-latest-comments li {
margin: 2rem 0;
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
margin-left: 5.5rem;
}
.entry-content .wp-block-latest-comments a {
text-decoration: none;
}
.entry-content .wp-block-latest-comments a:hover,
.entry-content .wp-block-latest-comments a:focus {
text-decoration: underline;
}
.wp-block-latest-comments__comment {
font-size: inherit;
}
.wp-block-latest-comments__comment-date {
margin-top: 0.4em;
}
.wp-block-latest-comments__comment-excerpt p {
font-size: 0.7em;
margin: 0.9rem 0 2rem 0;
}
/* Block: Widget Latest Posts ---------------- */
.wp-block-latest-posts.is-grid li {
border-top: 0.2rem solid #e7e8ec;
margin-top: 2rem;
padding-top: 1rem;
}
.wp-block-latest-posts.has-dates {
list-style: none;
}
.wp-block-latest-posts.has-dates:not(.is-grid) li {
margin-top: 1.5rem;
}
.wp-block-latest-posts.has-dates:not(.is-grid) li:first-child {
margin-top: 0;
}
/* -------------------------------------------------------------------------- */
/* 11. Entry Content
/* -------------------------------------------------------------------------- */
.entry-content {
line-height: 1.5;
}
.entry-content > * {
margin-left: auto;
margin-right: auto;
}
.entry-content > *:first-child {
margin-top: 0;
}
.entry-content > *:last-child {
margin-bottom: 0;
}
.read-more-button-wrap {margin-bottom:1.5rem;}
.entry-content a:hover,
.entry-content a:focus {
text-decoration: none;
}
.entry-content p,
.entry-content li {
line-height: 1.4;
}
.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
margin-bottom: 1rem;
}
/* Font Families ----------------------------- */
.entry-content cite,
.entry-content figcaption,
.entry-content .wp-caption-text {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}
@supports ( font-variation-settings: normal ) {
.entry-content cite,
.entry-content figcaption,
.entry-content .wp-caption-text {
font-family: 'Muli', -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
}
/* Alignment Classes ------------------------- */
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {}
[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {}
.alignnone,
.aligncenter,
.alignleft,
.alignright,
.alignwide {
margin-top: 4rem;
margin-right: auto;
margin-bottom: 4rem;
margin-left: auto;
}
[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) {
margin-left: auto;
margin-right: auto;
}
/* Full */
.alignfull {
margin-top: 5rem;
margin-right: auto;
margin-bottom: 5rem;
margin-left: auto;
max-width: 100vw;
position: relative;
width: 100%;
}
[class*="__inner-container"] > .alignfull {
max-width: 100%;
}
/* Wide */
.alignwide {
max-width: 120rem;
position: relative;
width: calc(100% - 4rem);
}
[class*="__inner-container"] > .alignwide {
width: 100%;
}
/* Center */
.aligncenter,
.aligncenter img {
margin-left: auto;
margin-right: auto;
}
/* Left and right */
.alignleft,
.alignright {
max-width: 40%;
}
.alignleft {
/*rtl:ignore*/
float: left;
margin: 0.3rem 2rem 2rem 2rem;
}
.alignright {
/*rtl:ignore*/
float: right;
margin: 0.3rem 2rem 2rem 2rem;
}
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft,
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft,
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft {
/*rtl:ignore*/
margin-left: 2rem;
}
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright,
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright,
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright {
/*rtl:ignore*/
margin-right: 2rem;
}
/* Entry Media ------------------------------- */
.alignfull > figcaption,
.alignfull > .wp-caption-text {
margin-left: auto;
margin-right: auto;
max-width: 58rem;
width: calc(100% - 4rem);
}
/* -------------------------------------------------------------------------- */
/* 12. Comments
/* -------------------------------------------------------------------------- */
/* Comment Headers ----------------------------- */
.comments-wrapper {
margin-top: 3rem; border-top:2px solid #bad264; padding-top: 2rem;
}
.comment-reply-title {
margin: 0 0 2rem 0;
}
/* Comment Item ----------------------------- */
/* COMMENT HEADER */
.comments .comment,
.comments .pingback,
.comments .trackback,
.comments .review {
padding-top: 3.5rem;
}
div.comment:first-of-type {
margin-top: 3.5rem;
padding-top: 0;
}
.comments .comments-header + div {
margin-top: 0;
padding-top: 0;
}
.comment-body {
position: relative;
}
.comment .comment {
padding-left: 5%;
}
.comment-meta {
line-height: 1.1;
margin-bottom: 1.5rem;
min-height: 5rem;
padding-left: 5rem;
position: relative;
}
.hide-avatars .comment-meta {
min-height: 0;
padding-left: 0;
}
.comment-meta a {
color: inherit;
}
.comment-author {
font-size: 1.8rem;
font-weight: 600;
letter-spacing: -0.027777778em;
}
.comment-author a {
text-decoration: underline;
}
.comment-author a:hover,
.comment-author a:focus {
text-decoration: none;
}
.comment-meta .avatar {
height: 4rem;
position: absolute;
left: 0;
top: 0;
width: 4rem;
}
.comment-author .url {
text-decoration: underline;
}
.comment-metadata {
color: #596079;
font-size: 1.4rem;
font-weight: 500;
margin-top: 0.6rem;
}
.comment-metadata a {
text-decoration: none;
}
.comment-metadata a:focus,
.comment-metadata a:hover {
text-decoration: underline;
}
/* COMMENT CONTENT */
.comment-content.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
width: 100%;
}
.comment-content.entry-content .alignleft {
/*rtl:ignore*/
margin-left: 0;
}
.comment-content.entry-content .alignright {
/*rtl:ignore*/
margin-right: 0;
}
/* COMMENT FOOTER */
.comment-footer-meta {
align-items: center;
display: flex;
flex-wrap: wrap;
font-size: 1.2rem;
font-weight: 600;
justify-content: flex-start;
letter-spacing: 0.030833333em;
line-height: 1;
margin: 1.5rem 0 -1rem -1.5rem;
text-transform: uppercase;
}
.comment-footer-meta > * {
margin: 0 0 1rem 1.5rem;
}
.comment-reply-link {
background-color: #28B590;
color: #fff;
display: block;
padding: 0.7rem;
}
.bypostauthor .comment-footer-meta .by-post-author {
display: block;
}
.comment-footer-meta a {
text-decoration: none;
}
.comment-footer-meta a:focus,
.comment-footer-meta a:hover {
text-decoration: underline;
}
/* Pingbacks & Trackbacks ------------------------- */
.pingback .comment-meta,
.trackback .comment-meta {
padding-left: 0;
}
/* Comments Pagination ---------------------------- */
.comments-pagination {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 6rem;
text-align: center;
}
.comments-pagination.only-next {
justify-content: flex-end;
}
.comments-pagination .page-numbers {
display: none;
text-decoration: none;
}
.comments-pagination .page-numbers:focus,
.comments-pagination .page-numbers:hover {
text-decoration: underline;
}
.comments-pagination .prev,
.comments-pagination .next {
display: block;
}
.comments-pagination .prev {
left: 0;
}
.comments-pagination .next {
right: 0;
text-align: right;
}
/* Comment Respond ---------------------------- */
.comment-respond::after {
clear: both;
content: "";
display: block;
}
.comment-respond .comment-notes,
.comment-respond .logged-in-as {
color: #596079;
font-size: 1.1rem;
margin: 0 0 2rem 0;
}
.comment-respond .comment-notes a,
.comment-respond .logged-in-as a {
color: inherit;
text-decoration: none;
}
.comment-respond .comment-notes a:focus,
.comment-respond .comment-notes a:hover,
.comment-respond .logged-in-as a:focus,
.comment-respond .logged-in-as a:hover {
text-decoration: underline;
}
.comment-respond p {
line-height: 1.1;
margin-bottom: 2rem;
margin-left: auto;
margin-right: auto;
}
.comment-respond p:not(.comment-notes) {
max-width: 58rem;
}
.comment-form-cookies-consent {
align-items: baseline;
display: flex;
}
.comment-respond > p:last-of-type {
margin-bottom: 0;
}
.comment-respond label {
display: block;
}
.comment-respond input[type="checkbox"] + label {
font-size: 1.5rem;
line-height: 1.25;
}
.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond textarea {
margin-bottom: 0;
}
.comment-respond textarea {
height: 15rem;
}
.comment-respond #submit {
display: block;
}
.comment-respond .comments-closed {
text-align: center;
}
/* Reply Respond ---------------------------- */
.comments .comment-respond {
padding: 3rem 0 0;
}
.comments .comment-respond .comment-reply-title,
.comments .comment-respond .comment-notes,
.comments .comment-respond .logged-in-as {
text-align: left;
}
.comment-reply-title small {
display: block;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: -0.0277em;
margin: 0.5rem 0 0 0;
white-space: nowrap;
}
.comment-reply-title small a {
text-decoration: none;
}
.comment-reply-title small a:focus,
.comment-reply-title small a:hover {
text-decoration: underline;
}
/* -------------------------------------------------------------------------- */
/* 13. Site Pagination
/* -------------------------------------------------------------------------- */
.pagination .nav-links {
align-items: baseline;
display: flex;
flex-wrap: wrap;
font-size: 1.2rem;
font-weight: 400;
}
.pagination-separator {
margin: 5rem 0;
}
.nav-links > * {
margin: 1.5rem 0 0 2.5rem;
}
.nav-links .placeholder {
display: none;
visibility: hidden;
}
.pagination a {
text-decoration: none;
}
.pagination a:focus,
.pagination a:hover {
text-decoration: underline;
}
.pagination .dots {
transform: translateY(-0.3em);
color: #596079;
}
.nav-short {
display: none;
}
/* -------------------------------------------------------------------------- */
/* 14. Error 404
/* -------------------------------------------------------------------------- */
.error404 #site-content {
}
.error404-content {
text-align: center;
}
.error404 #site-content .search-form {
justify-content: center;
margin-top: 3rem;
}
/* -------------------------------------------------------------------------- */
/* 15. Widgets
/* -------------------------------------------------------------------------- */
/* Widget Base ------------------------------- */
.widget {
margin-top: 1.5rem;
}
.widget:first-child {
margin-top: 0;
}
.widget-content > div > *:first-child {
margin-top: 0;
}
.widget-content > div > *:last-child {
margin-bottom: 0;
}
.widget .widget-title {
margin: 0 0 2rem;
}
.widget li {
margin: 2rem 0 0 0;
}
.widget li:first-child,
.widget li > ul,
.widget li > ol {
margin-top: 0;
}
.widget table,
.widget table * {
border-color: #dedfdf;
}
.widget table caption {
background-color: #dedfdf;
}
.widget .post-date,
.widget .rss-date {
color: #77798c;
display: block;
font-size: 0.9em;
}
.widget select {
max-width: 100%;
}
/* Font Families ----------------------------- */
.widget-content cite,
.widget-content figcaption,
.widget-content .wp-caption-text {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}
@supports ( font-variation-settings: normal ) {
.widget-content cite,
.widget-content figcaption,
.widget-content .wp-caption-text {
font-family: 'Muli', -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
}
/* Base List Widget -------------------------- */
.widget_archive ul,
.widget_categories ul,
.widget_pages ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_rss ul {
list-style: none;
margin: 0;
}
.widget_archive li,
.widget_categories li,
.widget_pages li,
.widget_meta li,
.widget_nav_menu li {
color: #596079;
margin: 0.3rem 0;
}
.widget_archive li li,
.widget_categories li li,
.widget_pages li li,
.widget_meta li li,
.widget_nav_menu li li {
margin-left: 2rem;
}
/* Widget: Calendar -------------------------- */
.calendar_wrap {
font-size: 2.4rem;
}
.calendar_wrap th,
.calendar_wrap td {
font-size: 1em;
font-weight: 500;
line-height: 1;
padding: 2.5% 2.5% 1.75% 2.5%;
text-align: center;
}
.calendar_wrap tfoot td {
border-bottom: none;
}
.calendar_wrap tfoot a {
text-decoration: none;
}
.calendar_wrap tfoot #prev {
text-align: left;
}
.calendar_wrap tfoot #next {
text-align: right;
}
/* Widget: Image ----------------------------- */
/* Widget: Gallery --------------------------- */
.widget_media_gallery .gallery {
margin: 0 -0.4em -0.8em -0.4em;
width: calc(100% + 0.8em);
}
.widget_media_gallery .gallery-item {
margin: 0 0 0.8em 0;
padding: 0 0.4em;
}
/* Widget: Nav Menu -------------------------- */
.widget_nav_menu .widget-content > div > ul {
margin-left: 0;
}
/* Widget: Recent Comments ------------------- */
.widget_recent_comments li {
font-weight: 600;
}
.widget_recent_comments a {
text-decoration: none;
}
.widget_recent_comments a:focus,
.widget_recent_comments a:hover {
text-decoration: underline;
}
/* Widget: Recent Entries -------------------- */
.widget_recent_entries a {
font-weight: 600;
}
/* Widget: RSS ------------------------------- */
.widget_rss .widget-title a.rsswidget:first-of-type {
display: none;
}
.widget_rss .rsswidget {
font-weight: 600;
}
.widget_rss a {
text-decoration: none;
}
.widget_rss a:focus,
.widget_rss a:hover {
text-decoration: underline;
}
.widget_rss .rssSummary {
margin-top: 0.5rem;
}
.widget_rss cite::before {
content: "— ";
}
/* Widget: Search ---------------------------- */
.widget_search .search-field {
border-color: #dedfdf;
}
/* Widget: Tag Cloud ------------------------- */
.widget_tag_cloud a {
margin-right: 0.5rem;
text-decoration: none;
}
/* Widget: Text ------------------------------ */
/* -------------------------------------------------------------------------- */
/* 16. Site Footer
/* -------------------------------------------------------------------------- */
.addtoany_share_save_container, .addtoany_shortcode, .sharebar{text-align:center; padding:2.5rem 0; clear:both; }
.addtoany_share_save_container div, .addtoany_shortcode div, .sharebar div{display:inline;}
.addtoany_share_save_container img, .addtoany_shortcode img{width:40px; max-width:40px; margin:0 0.15em;}
.addtoany_header, .sharebar h2{font-family: ‘Muli’, “Helvetica Neueâ€, Helvetica, Arial, sans-serif; font-weight:400; font-size:1rem;letter-spacing:0.03em; color:#283483;padding-right: 0.1em; display:inline; text-transform: lowercase;}
.addtoany_list a{padding:0;}
#site-footer {margin-top:6rem;border-top:2px solid #a6c836; }
.home #site-footer{border-top:0; }
.home .link-footer{border-top:2px solid #a6c836; }
#greenfooter{background:#a6c836; padding: 1.7rem 0; }
.greenfooterlt{background: #21409a; color: #fff; padding: 2.2rem 0;}
#site-footer .greenfooterlt h2{padding-top:0; color: #fff; }
#site-footer .greenfooterlt a{color: #d6e4a5;}
#site-footer .greenfooterlt h2 a{color: #fff;}
#site-footer .greenfooterlt h2 a:hover, #site-footer .greenfooterlt h2 a:focus, #site-footer .greenfooterlt a:hover, #site-footer .greenfooterlt a:focus {color: #f4001b;}
.greenfooterlt p:last-child{margin:0;}
.greenfooterlt ul{margin:1em;}
#topfoot {border-top:2px solid #a6c836;padding-top:1.6rem;}
.rpwwt-widget ul{margin:0; padding:0; list-style:0;}
.link-footer{margin-bottom:0;padding-top:10px;padding-bottom:10px;}
#site-footer .link-footer h2{text-align: center; font-size: 1.2rem;}
#foott3 #ctf .ctf-item {padding: 10px 5px; border-bottom: 2px solid #bad264;}
#foott3 #ctf .ctf-item:last-of-type{border:0;}
#foott3 #ctf .ctf-header {border-bottom: 2px solid #bad264;}
#foott3 #ctf p.ctf-tweet-text{font-size: 90%; line-height:1.25;}
#foott3 #ctf #ctf-more{font-size: 90%; }
.media-library-footer ul{margin:0; padding:0; list-style: none;}
.media-library-footer li {padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 2px solid #bad264; clear:both;}
.media-library-footer li:last-of-type{border:0;}
.media-library-footer h3{font-size:1.05em;margin-bottom:0.1em;}
a.media-library-switch-link.imglink{width:75px;height:75px; display:block; float:right;margin: 0 0 5px 10px;}
.footerbuttons{margin-bottom:5em; }
.footerbutton{text-align: center; margin-bottom: 14px;}
#site-footer .footerbutton h2{text-align: center; padding-top:0; color: #2c2e33; }
.footerbutton a{display:block; background:#c0d45e; padding: 1.5em 0.8em; color: #2c2e33; }
.footerbutton a:hover, .footerbutton a:focus{opacity: .7;}
.footerwidgetsleft{margin-bottom:3em;}
/* FOOTER MENU */
.footer-menu {
font-weight: 400;
margin: 0; padding:0;
text-align: left;
font-size:90%;
}
.footer-menu li {margin: 0 0 0.45em 0; padding:0 0 0 12px; line-height: 1.25; background: url("images/right-arrow.png") no-repeat top 0.45em left 0; background-size: 5px;}
.footer-menu a {color:#1c203f;}
.footer-menu a:hover,
.footer-menu a:focus {color:#f4001b;}
/* Footer Bottom ----------------------------- */
#site-footer { font-size: 1rem; }
#site-footer h2{font-size: 1.4rem; margin-bottom:0.2em; padding-top:1em;}
#foott1, #foott2{margin-bottom: 1.5em;}
#foott1 .rpwwt-widget li img {width: 70px;}
.rpwwt-widget ul{margin: 0; padding:0;list-style:none;}
#foott1 .widget .rpwwt-widget li{margin: 0.3em 0; padding:0.4em 0 0.5em 0; border-bottom: 2px solid #bad264; clear:both;}
#foott1 .rpwwt-widget li:first-child{padding-top:0;margin-top:0;}
#foott1 .rpwwt-widget li:last-child{border-bottom: 0;}
#foott1 .rpwwt-post-title{font-weight: 600; font-size:1.05em; line-height: 1.3em;font-family: 'Muli', "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 0.1em;display:block;}
#foott1 .rpwwt-widget li img{width:70px; float:right; margin:0 0 10px 10px;}
#foott1 .rpwwt-post-date{font-size:90%;display:block;}
p.footer-copyright {padding: 1.5rem 0 0 0; text-align: left; margin:0;}
.footer-copyright a{color:#f4001b;}
.footer-copyright a:hover, .footer-copyright a:focus{color:#283483;}
.footright{padding-top:2rem}
/* sidebar */
.sidebar {padding-top:2rem;}
.sidebar h2 {font-size: 1.3rem; margin-bottom:0.4em;}
.sidebar .widget select {font-size: 1em;padding:0.3rem; width:100%;}
.widget.widget_custom_menu_wizard{background:#d6e4a5;font-family: 'Muli', "Helvetica Neue", Helvetica, Arial, sans-serif;}
.widget.widget_custom_menu_wizard h2{margin:0; display:inline-block; padding:0.5rem 0.5rem 0.5rem 1rem; background-color:#d6e4a5;}
.widget.widget_custom_menu_wizard h2 a{background: url("images/down-arrow.png") no-repeat bottom 0.5rem right 0; background-size:13px; padding-right: 18px;}
.widget.widget_custom_menu_wizard ul{margin:0;padding:0;list-style:none; font-size:1.1rem;}
.widget.widget_custom_menu_wizard li{border-top:2px solid #fff;margin:0;padding:0;}
.widget.widget_custom_menu_wizard li a{padding:0.4rem 0.4rem 0.4rem 1rem; color:#1c203f; display:block;background:#e8f4ca;}
.widget.widget_custom_menu_wizard li a:hover, .widget.widget_custom_menu_wizard li a:focus{color:#fff; background:#a6c836;}
.widget.widget_custom_menu_wizard li a.current-menu-parent:hover, .widget.widget_custom_menu_wizard li a.current-menu-parent:focus,
.widget.widget_custom_menu_wizard ul.menu-widget > li > a:hover,.widget.widget_custom_menu_wizard ul.menu-widget > li > a:focus{color:#fff; background:#a6c836;}
.widget.widget_custom_menu_wizard li.current-menu-item a,
.widget.widget_custom_menu_wizard li a.current-menu-parent{font-weight:600; background:#d6e4a5;}
.widget.widget_custom_menu_wizard ul.menu-widget > li > a{font-weight:600; background:#d6e4a5;}
.widget.widget_nav_menu{background:#d6e4a5;}
.widget.widget_nav_menu ul{margin:0;padding:0;list-style:none; font-size:1.3rem;}
.widget.widget_nav_menu li {background:#e8f4ca;border-top:2px solid #fff;margin:0; padding:0.6rem 0.4rem 0.6rem 1rem; }
.widget.widget_nav_menu li a{color:#1c203f; padding-right:12px; background: url("images/right-arrow.png") no-repeat top 0.5em right 0; background-size: 6px;display:inline;}
.widget.widget_nav_menu li a:hover, .widget.widget_nav_menu li a:focus{color:#fff; background: url("images/right-arrow-wh.png") no-repeat top 0.5em right 0; background-size: 6px;}
.widget.widget_nav_menu li:hover, .widget.widget_nav_menu li:focus{color:#fff; background:#a6c836 ;}
.widget.widget_nav_menu li:hover a, .widget.widget_nav_menu li:focus a{color:#fff; background:#a6c836 url("images/right-arrow-wh.png") no-repeat top 0.5em right 0; background-size: 6px; }
.widget.widget_custom_menu_wizard li.menu-item-has-children > a{background-image:url(images/icons/plus.png); background-repeat: no-repeat; background-position: bottom 0.8rem right 0.5rem; background-size:12px; padding-right:23px;}
.widget.widget_recent_entries, .sidebar .widget.recent-posts-widget-with-thumbnails{background:#e8f4ca;}
.widget.widget_recent_entries h2, .sidebar .widget.recent-posts-widget-with-thumbnails h2{margin:0; display:inline-block; padding:0.5rem 0.4rem 0.5rem 1rem; }
.widget.widget_recent_entries ul, .sidebar .widget.recent-posts-widget-with-thumbnails ul{margin:0;padding:0;list-style:none; font-size:1rem;}
.widget.widget_recent_entries li, .sidebar .widget.recent-posts-widget-with-thumbnails li{border-top:2px solid #fff;margin:0; padding:0.4rem 0.4rem 0.4rem 1rem; }
.sidebar .rpwwt-post-title {font-weight:600;}
.sidebar .rpwwt-post-date{ color: #77798c; font-size: 0.9em;}
.sidebar .widget.recent-posts-widget-with-thumbnails{line-height:1.4;}
.sidebar .rpwwt-post-excerpt a{color:#f4001b; }
.sidebar .rpwwt-post-excerpt a:hover, .sidebar .rpwwt-post-excerpt a:focus{color:#283483;}
.sidebar .rpwwt-post-excerpt a:before{content:'... '; color:#1c203f;}
.widget_tag_cloud a{font-size:1.1rem!important;}
.page-id-18271 .widget_tag_cloud a{display:block;}
/* HOME PAGE ----------------------------- */
/* Home Banner
.bannerimage{background:url(images/home-banner/puddle-700.jpg) center; height:238px;width:100%; } */
.ban-image{margin-bottom: 3rem;}
.bannerimg, .home-feature-1, .coloured-boxes, .bluefeaturebox, .home3boxes, .greenfeaturebox, .bottomfeature, #topfoot,
.introbox{margin-bottom: 1.5rem;}
.bannertext{background:#1c203f; color:#fff;text-align:center; }
.box-inner{width:100%; max-width:1200px;margin:0 auto; padding:0.8rem;}
h1.tophead{font-size:1.35rem;margin:0 auto 0.3rem auto; letter-spacing:0.03em;color:#fff;}
strong.head2{font-size:1rem;font-family: 'Muli', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:400; letter-spacing:0.03em;}
/*cloud banner */
.bannerimg{}
/*cloud banner */
/* WINTER */
.bannerimage-winter{background:#d0eafd url(images/home-banner/snow-tree-bg.png) no-repeat bottom right; position:relative; background-size: 150%; padding-bottom:25px;}
.cloudbg {height:200px;width:688px; max-width: 688px!important; position:absolute;top:0;right:0;}
h1.cloudh1 {color:#1c203f; font-weight: 700;font-size:1.3em; line-height:1.5;}
.bannerimage-spring h1.cloudh1, .bannerimage-autumn h1.cloudh1{color:#21409a;}
.bannerimage-spring{background:#d0eafd url(images/home-banner/Spring-cover-photo.png) no-repeat bottom 0 right 25%; position:relative; background-size: 150%; padding-bottom:25px;min-height: 300px}
/* summer */
.bannerimage-summer{background:#d0eafd url(images/home-banner/Summer-banner-bg.png) no-repeat bottom 0 right 0; position:relative; background-size: 150%; padding-bottom:25px;min-height: 300px}
.bannerimage-summer h1.cloudh1 {color:#21409a; line-height:1.4; text-align: left;}
.bannerimage-summer h1 strong{color:#009FE3; font-weight: 600;}
/* autumn */
.bannerimage-autumn{background:#d0eafd url(images/home-banner/Autumn-banner-bg.png) no-repeat bottom right ; position:relative; background-size: 146%; padding-bottom:110px;min-height: 280px}
/* autumn .cloudbg {}
h1.cloudh1 {color:#21409a; font-weight: 700;font-size:1.4em; line-height:1.5;}*/
img.cloudlogos{position:absolute; bottom:0; right:0; }
strong.cloudstrong{color:#009FE3; font-size:1.1em; display:block; font-weight: normal; font-family: 'Muli Bold', Arial, sans-serif;}
strong.cloudstrong a{color:#009FE3;}
strong.cloudstrong a:hover, strong.cloudstrong a:focus{color:#82368C;}
.cloudtext{padding:1em 2em 0 2em;}
.greentext{color:#95c11f;}
.bluetext{color:#21409a;}
.bannerlogos{width:100%;padding: 0; text-align: center; padding-bottom:20px;padding-top:10px;}
.bannerlogo1, .bannerlogo2, .bannerlogo3{padding-right:1.5%;display:inline-block}
.bannerlogo1{width:40%;}
.bannerlogo2, .bannerlogo3{width:20%;}
.bannerlogo-solo{text-align:center; position: relative;}
.bannerimage-spring .bannerlogo-solo {position: absolute; right: 0; bottom: 0;}
.bannerlogo-solo img{width:130px;height:auto;margin:0 auto;}
.coloured-boxes{}
.cbox{color:#fff; width:100%; text-align:center; padding:0.5em 0.6em 0.8em 0.6em; margin-bottom:1rem;}
.cbox h2{font-size:1.3rem;margin:0 auto 0.1em auto; text-align:center;}
.cbox h2 a{color:#fff; display:block; }
.cbox a.morebutton{background:#fff; padding:0.1em 0.4em; display:inline-block; font-weight:600; line-height:1.1;border-radius: 2px;}
.cbox h2 a span {display:block; margin-bottom:0.8rem;height:80px; }
.cboxtext{padding-bottom:0.5em; font-size:1rem; line-height:1.3;}
.cbox a:hover, .cbox a:focus{opacity:.7;}
.purplebox{background-color:#682c88;}
.purplebox h2 a span{background: url(images/icons/seesaw.png) no-repeat center bottom; background-size:118px; }
.purplebox a.morebutton{color:#682c88;}
.orangebox{background-color:#ef7d00;}
.orangebox h2 a span{background: url(images/icons/slide.png) no-repeat center bottom; background-size:95px;}
.orangebox a.morebutton{color:#ef7d00;}
.bluebox{background-color:#049be5;}
.bluebox h2 a span{background: url(images/icons/tricycle.png) no-repeat center bottom; background-size:50px;}
.bluebox a.morebutton{color:#049be5;}
.pinkbox{background-color:#f4001b;margin-right:0;}
.pinkbox h2 a span{background: url(images/icons/swings.png) no-repeat center bottom; background-size:96px;}
.pinkbox a.morebutton{color:#f4001b;}
.bluefeaturebox{background:#283483; color:#fff; text-align:center; }
.bluefeaturebox .section-inner{padding:1.5rem 0;}
.bluefeaturebox h2{color:#fff; margin: 0 auto 0.3em auto; font-size:2.1rem; text-align:center;}
.bluefeaturebox strong{display:block;font-weight:400; font-family: 'Muli', "Helvetica Neue", Helvetica, Arial, sans-serif;margin-bottom: 0.3em;letter-spacing: 0.03em; font-size:1.6rem;}
.bluefeaturetext{font-size:1.2rem;}
.bluefeaturebox a{color:#bad264; font-size:1.2rem;}
.bluefeaturebox a:hover, .bluefeaturebox a:focus{color:#e9474d;}
.home3boxes{text-align:center;}
.hbox{margin:0 auto 2rem auto; max-width:95%; text-align: left;background:#fff;padding:1rem; }
.hf1-left p:last-of-type, .hf1-textonly p:last-of-type {margin: 0;}
.hbox img{margin: 0 auto 1rem auto;}
.hbox h2{font-size:1.3rem; margin-bottom: 0.3rem;}
.hbox a.hboxlink{display:block; text-align: center;}
.home3boxes{background:#e7e8ec;padding:1.5rem 0;}
.hf1-textonly{font-size: 1.2rem;}
.hf1-textonly h2{margin-bottom: 0.4rem;}
.greenfeaturebox {background:#21409a;color:#fff;}
.greenfeaturebox .section-inner{ padding:2rem 0 2rem 0; }
.greenfeaturebox h2{margin-bottom:0.2em;}
.greenfeaturebox h2 a{color:#fff; margin-bottom:0.2em;}
.greenfeaturebox h2 a:hover, .greenfeaturebox h2 a:focus{color:#e9474d; }
.greenfeaturebox p:last-of-type{margin-bottom: 0;}
.greenfeaturebox ul{margin-bottom:0.5rem;}
a.whitelink{color:#fff;}
a.whitelink:hover, a.whitelink:focus{color:#e9474d;}
.greenfeaturebox img{max-width:60%; margin:auto;}
.greenfeaturebox .section-inner{display:flex;flex-wrap: wrap;}
.greenfeaturebox .section-inner a.greena{order:2;}
.greenfeaturebox .section-inner img{margin-top:1em;}
.bottomfeatureimg{text-align: center;}
.bottomfeatureimg img{margin:auto;max-width:50%}
.bf-inner{width:100%;display:flex;flex-wrap: wrap}
.bfeaturetext{margin-bottom: 1rem;}
.bf-inner p:last-of-type{margin:0;}
/* sorted */
.hf1-right{padding-top:1.5rem;}
/* Events **************/
.eaw-li__wrap{ border-bottom:1px solid #e7e8ec;padding-bottom:20px; margin-bottom: 30px; padding-top:10px; clear:both;}
.eaw-li__flex.eaw-clearfix.eaw-alignleft {}
.eaw-thumb-wrap{float:left; min-width:0!important; max-width:30%!important;}
.eaw-thumb-wrap img{width:100%; margin-top:5px;}
.eaw-content-wrap{float:right; width: 67%; }
.eaw-content-wrap h3 {font-size: 1.3rem; margin-bottom: 0.2em;}
.eaw-content-wrap .eaw-time {font-size: 1.3rem;}
.eaw-content-wrap a.more-link:before{content:" "; display:block;}
.eaw-booknow{clear:both; text-align: right; margin-top:10px;}
.evlist-item{padding-bottom:1.2em;margin-bottom:2rem;clear:both; border-bottom:2px solid #bad264;}
.evlist-date{font-size:1.1rem; font-weight:600; background:#1c203f; color:#fff; padding:0.5rem 0.75rem; border-radius: 3px; display:inline-block;}
.evlist-time{display:inline-block; margin-left:0.5rem;font-size:1.1rem; font-weight:600; }
.evlist-date-time{margin-bottom:1rem;}
ul.event-categories{margin: 0 0 0 0; list-style: none; padding:0;}
ul.event-categories li {display:inline;padding:0;margin: 0 0 0 0;}
ul.event-categories li:after{content: ', ';}
ul.event-categories li:last-of-type:after{content: ' ';}
.evlist-item h2{font-size:1.4rem; margin-bottom:0.2rem;}
.eaw-li__flex.eaw-clearfix{display:block; }
/* Rel links **************/
.rel-links, .useful-links {border-top: 2px solid #a6c836; margin-top:2rem; padding-top:2rem;}
.rel-links h2, .useful-links h2{background:url("images/icons/related-links.png") no-repeat left; background-size:30px; padding-left:37px; font-size:1.7rem;}
.rel-links.ff h2{background:url("images/icons/factfile.png") no-repeat left; background-size:30px; }
.useful-links ul{margin-left:0.5rem; }
.rel-links ul, .useful-links ul{list-style-image: url(images/bullet.png);}
.rel-links ul li, .useful-links ul li{margin-bottom:0.3rem;}
.rel-links ul li a, .useful-links ul li a.nwlink{background: url("images/new-window.png") no-repeat right; background-size:15px; padding-right:21px;}
.crp_related {border-top: 2px solid #a6c836; margin-top:2rem; padding-top:2rem;}
.crp_related h2{background:url("images/icons/more-like.png") no-repeat left; background-size:30px; padding-left:37px; font-size:1.7rem;}
.crp_related ul{ margin:0;padding:0; list-style: none;}
.crp_related ul li{margin: 0 0 1rem 0; padding:0 0 1rem 0; border-bottom:2px solid #e7e8ec;}
.crp_related ul li:last-of-type{border:0;}
.crp_thumb{float:right; max-height: 80px; max-width: 80px;margin-left:1rem;}
.crp_title{font-weight: 600; display: block;}
/* Link Library **************/
.entry-content .style-1 .ca-menu li { background: none; border-left: 0; border-bottom: 2px solid #e7e8ec; box-shadow: none; height: auto; margin: 0 0 1rem 0; padding: 0 0 1rem 0; overflow:auto; overflow: visible; position: relative;}
.entry-content .style-1 .ca-menu li:hover {background: none; border: 0;border-bottom: 2px solid #e7e8ec; box-shadow: none; }
.entry-content .style-1 .ca-icon { left: auto; top: auto; position: relative; float:right; text-align: center;-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; overflow: hidden; display: inline-block; width: auto; height: auto; margin-left:1.5rem;}
.entry-content .style-1 .ca-menu li:hover .ca-icon {width: auto; height: auto;}
.entry-content .style-1 .ca-icon img {width: auto; height: auto;max-height: 150px; max-width:150px;}
.entry-content .style-1 .ca-menu li:hover .ca-icon img {color: #1c203f; width: auto; height: auto; }
.entry-content .style-1 .ca-menu li a { color: #283483; display: block;height: auto;position: relative; text-align: left; width: auto; border-bottom: 0;}
.entry-content #opd-list-holder{height:auto!important;}
.entry-content #opd-list-holder .qc-grid-item.qcopd-list-column.opd-column-1.style-1{position:relative!important;left: auto!important; top: auto!important; margin-bottom:2rem;}
.entry-content .style-1 .ca-menu li:hover .ca-main {color: #f4001b; font-size: inherit;padding-top: 0;}
.entry-content .style-1 .ca-main { font-size: 1.1rem;}
.entry-content .style-1 .ca-content {height: auto;left: auto;position: relative; top: auto;}
.entry-content .style-1 .ca-sub {color: #1c203f; font-size: 1rem;padding-top: 0;}
.entry-content .style-1 .ca-menu li:hover .ca-sub {color: #1c203f; font-size: 1rem; padding-top: 0;}
.entry-content .qcopd-list-column.opd-column-1{width:100%;margin-right:0;}
.entry-content .qcopd-list-column{display:block;}
.entry-content .style-1 h3.ca-main.subtitle-absent {margin-top: 0; padding-top:0.2rem;}
.entry-content .open-mpf-sld-more{display: none;}
/* Link Library **************/
ul.linkliblist{list-style:none; margin: 0 0 2rem 0; padding:0;}
ul.linkliblist li{list-style:none; margin: 0 0 2rem 0; padding:0 0 2rem 0; border-bottom: 2px solid #e7e8ec;}
ul.linkliblist a .listsubtitle{color:#1c203f;}
ul.linkliblist a h3:hover{color:#f4001b;}
ul.linkliblist a h3{font-size:1.3rem; margin-bottom: 0;}
ul.linkliblist a .listsubtitle:hover{color:#283483;}
ul.linkliblist a[target=_blank] h3 span{background: url("images/new-window.png") no-repeat right; background-size:15px; width:17px; height:18px;display:inline-block;}
/* bloglist*/
.bloglist{padding-top:0.5em;}
.bloglist .hentry{padding-top:0; margin-bottom:1em; }
.bloglistpad{padding:0.5em 0.7em 1.5em 0;}
.bloglist .hentry h2 {font-size:1.15rem; margin-bottom: 0.4rem;}
.blogdate{font-size:90%; color:#596079; opacity:.7; margin-bottom:0.4rem;}
.blogexcerpt {}
.blogexcerpt p, .bloglistpad p{margin:0;}
.bloglist .post-meta-wrapper {margin: 0.5em 0 0 0; font-size:90%;}
.bloglist ul.post-meta, .bloglist ul.post-meta li{margin:0; padding:0;}
/* Pages **************/
strong.subtitle-info{text-align:center; font-weight:400; font-size:1.5rem; display:block; width:100%; margin-bottom:1.15em;}
.introbox {background:#e8f4ca; padding:1.5rem; font-size:1.4rem;color:#283483;display:flex; flex-wrap: wrap;}
.introbox .introtext{order:1;}
.introbox .featured-media{order:2;}
.introbox h2{margin-bottom: 0.2em;margin-top:0;}
.introbox p{margin-bottom: 0.6em;}
.entry-content .introbox p:last-of-type, .entry-content .introbox ul:last-child{margin:0;}
.hintro {background:#d6e4a5; color:#1c203f; text-align: center;font-size:1.3rem; margin-bottom:1.5em; padding-bottom:1.5em;}
.home #site-content{padding-top:0;}
.hintro ul{margin:0;padding:0;}
.hintro p{margin-bottom:0;}
.hintro p:last-of-type{margin:0;}
.hintro .section-inner{padding:2rem 6% 0 6%;}
.hintro a{color:#21409a;}
.hintro a:hover, .hintro a:focus{color:#f4001b;}
.page #slb_viewer_wrap .slb_theme_slb_default .slb_data_title {
font-family: 'Muli', 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#283483; font-size: 1.2rem; font-weight:600;}
.page #slb_viewer_wrap .slb_theme_slb_default .slb_group_status{display:none;}
.page #slb_viewer_wrap .slb_theme_slb_baseline {color: #1c203f; font-family: ‘Source Sans Pro’, Arial, sans-serif; font-size: 1rem;}
#breadcrumbs a, #breadcrumbs{color:#596079;}
#breadcrumbs a:hover, #breadcrumbs a:focus{color:#f4001b;}
/* child pages */
#site-content .threecol .ccchildpage{margin: 0 0 1.5em 0; padding:0;}
.ccchildpage h2{font-size:1.1em; margin:0;}
.ccchildpage a h2:hover{color: #f4001b;}
.ccpages_excerpt, .ccpages_more {font-size: 90%;}
/*.ccchildpage img.cc-child-pages-thumb{display:block; width: 100%; object-fit: cover;height: calc(100vw / 6);max-height:222px;object-position:top;}*/
.ccchildpage .bloglistimg{background:url("images/default-news.png") no-repeat top; background-size:100%; padding:0; margin-bottom:5px; }
#site-content .threecol .ccchildpage{width:100%; float:none; margin:0 0 1.5em 0;}
#site-content .ccchildpage img.cc-child-pages-thumb{margin:0;}
#site-content .cclast { margin: 1em 1% 1em 0; float: none;}
.ccchildpage .bloglistimg{max-height:230px; overflow: hidden; height: calc(100vw / 6); }
/* Content Editor Styles **************/
/* -------------------------------------------------------------------------- */
/* 17. Media Queries
/* -------------------------------------------------------------------------- */
@media ( max-width: 479px ) {
/* Blocks -------------------------------- */
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
float: none;
}
/* Entry Content ------------------------- */
/* LISTS */
ul,
ol {
margin: 0 0 3rem 2rem;
}
li {
margin: 0.5rem 0 0 1rem;
}
}
@media ( min-width: 480px ) {
.site-title {font-size: 2.6rem;}
/* Blocks -------------------------------- */
/* BLOCK: BASE ALIGNMENT WIDTH */
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright,
.wp-block-embed.alignleft,
.wp-block-embed.alignright,
.wp-block-gallery.alignleft,
.wp-block-gallery.alignright {
max-width: 26rem;
}
/* BLOCK: TABLE WIDTH */
.wp-block-table.alignleft,
.wp-block-table.alignright {
max-width: 100%;
}
/* Entry Content ------------------------- */
/* ALIGNMENT CLASSES */
.alignleft,
.alignright {
max-width: 45%;
}
}
@media ( max-width: 599px ) {
/* Blocks -------------------------------- */
/* BLOCK: COLUMNS */
/* While columns are stacked */
.wp-block-column:last-child {
margin-bottom: 0;
}
.wp-block-columns + .wp-block-columns {
margin-top: 0.2rem;
}
.wp-block-columns.alignwide + .wp-block-columns.alignwide {
margin-top: -0.8rem;
}
.wp-block-columns.alignfull + .wp-block-columns.alignfull {
margin-top: -1.8rem;
}
}
@media ( min-width: 550px ) and (max-width: 699px){
.footerbutton{width:48.8%;}
.fb1, .fb3{float:left; clear:both;}
.fb2, .fb4{float:right; }
}
@media ( min-width: 600px ) {
.bottomfeatureimg{max-width: 25%;}
.bottomfeatureimg img{max-width: 100%;}
.bf-inner{width:100%;display:flex;justify-content:space-between;flex-wrap: nowrap}
.bfeaturetext{padding-right:4%;}
.hintro {font-size:1.45rem;}
.donatelink{position:absolute; right:0; top: 65px; display:inline-block; z-index: 100000;padding:0;}
}
@media ( min-width: 650px ) {
#site-content {padding-top: 1.4rem;}
/* bloglist*/
.bloglistpad{padding:0.5em 0.7em 1.5em 0;}
.bloglist .hentry h2 {font-size:1.1rem; margin-bottom: 0.4rem;}
.blogdate{font-size:90%; color:#596079; opacity:.7; margin-bottom:0.4rem;}
.blogexcerpt {font-size:95%;}
.blogexcerpt p{margin:0;}
.bloglistimg{max-height:222px; overflow: hidden; height: calc(100vw / 4); }
.bloglist .post-meta-wrapper {margin: 0.5em 0 0 0; font-size:90%;}
.bloglist ul.post-meta, .bloglist ul.post-meta li{margin:0; padding:0;}
}
/* med700 */
@media ( min-width: 700px ) {
/* Element Base ------------------------- */
ul,
ol {
}
pre {
padding: 3rem;
}
/* VANILLA GALLERIES */
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 32.33%; margin-right:1%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
/* TITLES */
h1,
.heading-size-1 {
font-size: 2.2rem;
text-align: center;
}
h2,
.heading-size-2 {
font-size: 1.8rem;margin-right:0;margin-left:0; text-align:left;
}
h3,
.heading-size-3 {
font-size: 1.5rem;
}
h4,
.heading-size-4 {
font-size: 1.4rem;
}
h5,
.heading-size-5 {
font-size: 1.3rem;
}
h6,
.heading-size-6 {
font-size: 1.1rem;
}
/* INPUTS */
fieldset {
padding: 3rem;
}
legend {
padding: 0 1.5rem;
}
button,
.button,
.wp-block-button__link,
input[type="button"],
input[type="reset"],
input[type="submit"] {
font-size: 1.1em;
line-height: 1.3;
}
/* MEDIA */
figcaption,
.wp-caption-text {
margin-top: 0.6rem;
}
/* Helper Classes ------------------------- */
/* SECTIONS */
section {
padding: 0;
}
/* Site Header --------------------------- */
.header-inner {
display: block;
padding: 15px 0 0 0;
}
.header-titles-wrapper { position:relative;text-align: center; padding-bottom:10px;}
.site-title {font-size: 2.9rem;}
.site-description {font-size: 1.4rem;}
.site-logo img {
max-height: 120px; margin:auto;
transition: height 0.15s linear, width 0.15s linear, max-height 0.15s linear;
}
.archivebox{margin:auto; width:90%;}
.social-links ul li {display:inline-block;
margin: 0 0 0 0.0.5rem; padding:0;
}
.social-links ul li.fb a{background:url(images/social-follow/facebook.png) no-repeat; background-size:30px;}
.social-links ul li.twitter a{background:url(images/social-follow/twitter.png) no-repeat; background-size:30px; }
.social-links ul li.youtube a{background:url(images/social-follow/youtube.png) no-repeat; background-size:29px; }
.social-links ul li.insta a{background:url(images/social-follow/instagram.png) no-repeat; background-size:30px; }
.social-links ul li.vimeo a{background:url(images/social-follow/vimeo.png) no-repeat; background-size:30px; }
.social-links ul li.pinterest a{background:url(images/social-follow/pinterest.png) no-repeat; background-size:29px; }
.social-links ul li.podcast a{background:url(images/social-follow/podcast.png) no-repeat; background-size:30px; }
.social-links ul a { width:30px;height:36px; }
.site-logo{padding-top:0;}
/* from 1000px */
/* HEADER NAVIGATION */
.header-navigation-wrapper {
align-items: center;
display: block;
width:100%;
background:#21409a;
}
.header-navigation-wrapper .section-inner{position:relative; }
.primary-menu-wrapper {
display: block;
width: 100%;
background:#21409a;
text-align:center;
}
ul.primary-menu {font-size: 1.15rem;}
ul.primary-menu li a{padding: 0.9rem 0.6rem; }
ul.primary-menu li{padding:0;margin:0;}
ul.primary-menu li li a{padding: 0.5rem 0.9rem; }
ul.primary-menu li li li a{padding: 0.3rem 0.9rem; }
ul.primary-menu li li li:last-of-type a{border:0;}
.primary-menu li li a:hover, .primary-menu li li a:focus {color:#fff;}
.primary-menu li li li .icon::before,
.primary-menu li li li .icon::after {
content: "";
display: inline;
position: relative;
bottom: calc(50% - 0.1rem);
height:0; width:0;
left: 0;
border:0!important;
}
.primary-menu li li li .icon {background: url(images/icons/plus.png) no-repeat right!important; display:block; background-size: 12px!important; padding: 0!important; width:15px; height:20px; transform: none;}
.primary-menu li.homelink{background:url("images/icons/home-wh.png") no-repeat left 0 top 0.75em; background-size:25px;}
.primary-menu li.homelink a{text-indent: 500px; overflow:hidden;width:1.2em;height: 2em; padding-right: 0.6rem;}
/* HEADER TOGGLES */
.mobile-search-toggle,
.mobile-nav-toggle {
display: none !important;
}
.primary-menu-wrapper + .header-toggles {
}
.header-toggles {
display: flex;
flex-shrink: 0;
}
.header-inner .toggle {
height: 4.4rem;
padding: 0 3rem;
position: relative;
bottom: auto;
left: auto;
right: auto;
top: auto;
width: auto;
}
.header-inner .toggle-wrapper {
position: relative;
}
.header-inner .toggle-wrapper::before {
background: #dedfdf;
content: "";
display: block;
height: 2.7rem;
position: absolute;
left: 0;
top: calc(50% - 1.35rem);
width: 0.1rem;
}
.header-inner .toggle-wrapper:first-child::before {
content: none;
}
.header-inner .primary-menu-wrapper + .header-toggles .toggle-wrapper:first-child::before {
content: "";
}
.nav-toggle-wrapper:not(.has-expanded-menu) {
display: none;
}
.toggle-inner {
position: static;
}
.toggle-inner .toggle-text {
left: 0;
right: 0;
text-align: center;
top: calc(100% - 0.3rem);
width: auto;
}
.header-toggles:only-child .nav-toggle .toggle-inner {
padding-top: 0;
}
.header-toggles:only-child .toggle-inner {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.header-toggles:only-child .toggle-inner .svg-icon {
order: 1;
}
.header-toggles {position:absolute; right:0; top:0.5rem;}
.header-toggles .toggle-text{display:none;}
/* Menu Modal ---------------------------- */
.menu-modal {
opacity: 1;
justify-content: flex-end;
padding: 0;
transition: background-color 0.3s ease-in, left 0s 0.3s, right 0s 0.3s;
}
.menu-modal.cover-modal {
background: rgba(0, 0, 0, 0);
}
.menu-modal.active {
background: rgba(0, 0, 0, 0.2);
transition: background-color 0.3s ease-out;
}
.menu-modal-inner {
box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1);
opacity: 0;
padding: 0;
transform: translateX(20rem);
transition: transform 0.2s ease-in, opacity 0.2s ease-in;
width: 50rem;
}
.menu-modal.active .menu-modal-inner {
opacity: 1;
transform: translateX(0);
transition-timing-function: ease-out;
}
.mobile-menu {
display: none;
}
.expanded-menu {
display: block;
}
.menu-bottom {
padding: 6rem 0;
}
.menu-bottom .social-menu {
justify-content: flex-start;
}
/* Sub Page ------------------------------ */
/* FEATURED MEDIA */
.featured-media figcaption {
width: 100%;
}
/* end from 1000px */
/* HEADER TOGGLES */
.toggle-inner .toggle-text {
font-size: 1.2rem;
}
.search-toggle {
}
.nav-toggle {
right: 2rem;
}
/* Menu Modal ---------------------------- */
button.close-nav-toggle {
font-size: 1.8rem;
padding: 4rem 0;
}
button.close-nav-toggle svg {
height: 2rem;
width: 2rem;
}
button.close-nav-toggle .toggle-text {
margin-right: 2.1rem;
}
.modal-menu {
left: auto;
width: 100%;
}
.modal-menu > li > a,
.modal-menu > li > .ancestor-wrapper > a {
font-size: 2.4rem;
padding: 2.5rem 0;
}
.modal-menu ul li {
border-left-color: transparent;
}
.modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle {
padding: 0 3rem;
}
.modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle svg {
height: 1.1rem;
width: 1.8rem;
}
.menu-bottom {
align-items: center;
display: flex;
justify-content: space-between;
padding: 4.4rem 0;
}
.menu-copyright {
display: block;
flex-shrink: 0;
margin-right: 4rem;
}
/* Modal Search Form ------------------------- */
.search-modal form {
position: relative;
width: 100%;
}
.search-untoggle svg {
height: 2.5rem;
width: 2.5rem;
fill:#283483;
margin-right:1rem;
}
.search-modal .search-field {
border: none;
font-size: 1.5rem; padding: 1rem;
margin:1rem 0 1rem 1rem;
}
.search-modal .search-field::-moz-placeholder {
line-height: 1.5;
}
/* Sub Page ------------------------------ */
/* FEATURED MEDIA */
.featured-media figcaption {
margin: 0.5rem auto 0 auto;
}
/* Template: Cover Template -------------- */
.cover-header-inner {
padding: 18rem 0 8rem 0;
}
.to-the-content-wrapper {
top: calc(100% + 1.8rem);
}
.to-the-content {
height: 6rem;
}
.to-the-content svg {
height: 2.4rem;
width: 2.12rem;
}
/* Template: Full Width ------------------ */
body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
width: calc(100% - 8rem);
}
body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {
padding-left: 4rem;
padding-right: 4rem;
}
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {
/*rtl:ignore*/
margin-left: 4rem;
}
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
/*rtl:ignore*/
margin-right: 4rem;
}
/* Post: Archive ------------------------- */
/* SEARCH RESULTS */
.no-search-results-form {
padding-top: 8rem;
}
/* Post: Single -------------------------- */
/* POST HEADER */
.entry-categories a {}
.intro-text {
font-size: 1.6rem;
margin-top: 2rem;
}
.singular .intro-text {
font-size: 1.6rem;
}
.post-meta-wrapper {
margin: 0 0 1rem 0;
}
.post-meta {
margin: 0;
}
/* AUTHOR BIO */
.author-bio {
margin-top: 8rem;
min-height: 8rem;
padding-left: 10rem;
position: relative;
}
.author-bio .avatar {
position: absolute;
left: 0;
top: 0;
height: 8rem;
width: 8rem;
}
/* SINGLE PAGINATION */
.pagination-single {
font-size: 1.1rem;
margin-top: 4rem;
}
.pagination-single-inner {
flex-direction: row;
justify-content: space-between;
}
.pagination-single.only-next .pagination-single-inner {
justify-content: flex-end;
}
.pagination-single hr:first-child {
margin: 0 0 4rem 0;
}
.pagination-single hr:last-child {
margin: 4rem 0 0.8rem 0;
}
.pagination-single a + a {
margin: 0 0 0 4rem;
}
.pagination-single a .arrow {
margin: 0 1rem 0 0;
}
.pagination-single .next-post {
flex-direction: row-reverse;
text-align: right;
}
.pagination-single .next-post .arrow {
margin: 0 0 0 1rem;
}
/* Blocks -------------------------------- */
/* BLOCK: SHARED MEDIA STYLES */
.wp-block-embed figcaption,
.wp-block-image figcaption {
font-size: 1.6rem;
}
/* BLOCK: BASE MARGINS */
.wp-block-archives:not(.alignwide):not(.alignfull),
.wp-block-categories:not(.alignwide):not(.alignfull),
.wp-block-code,
.wp-block-columns:not(.alignwide):not(.alignfull),
.wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-group:not(.has-background):not(.alignwide):not(.alignfull),
.wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),
.wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),
.wp-block-media-text:not(.alignwide):not(.alignfull),
.wp-block-preformatted,
.wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
.wp-block-quote,
.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-verse,
.wp-block-video:not(.alignwide):not(.alignfull) {
margin-bottom: 4rem;
margin-top: 4rem;
}
/* BLOCK: GALLERY */
figure.wp-block-gallery.alignnone,
figure.wp-block-gallery.aligncenter {
margin-bottom: 4rem;
margin-top: 4rem;
}
figure.wp-block-gallery.alignwide,
figure.wp-block-gallery.alignfull {
margin-bottom: 6rem;
margin-top: 6rem;
}
/* BLOCK: GROUP */
.wp-block-group.has-background {
padding: 4rem;
margin-top: 0;
margin-bottom: 0;
}
.alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {
padding-left: 0;
padding-right: 0;
}
/* Entry Content ------------------------- */
.entry-content p,
.entry-content li {
line-height: 1.476;
}
.alignnone,
.aligncenter {
margin-bottom: 2rem;
margin-top: 2rem;
}
.alignleft {
/*rtl:ignore*/
margin: 0.3rem 2rem 2rem 0;
}
.alignright {
/*rtl:ignore*/
margin: 0.3rem 0 2rem 2rem;
}
blockquote .alignright{margin: 0.3rem 0 1rem 2rem;}
.entry-content > .alignwide:not(.wp-block-group.has-background),
.entry-content > .alignfull:not(.wp-block-group.has-background) {
margin-bottom: 6rem;
margin-top: 6rem;
}
/* Comments ------------------------------ */
.comments-wrapper {
margin-top: 4rem;
}
.comment-reply-title {
margin-bottom: 2rem;
}
.comment-respond p.comment-notes,
.comment-respond p.logged-in-as {
font-size: 1.1rem;
margin: 0 0 2rem 0;
}
.comments .comment,
.comments .pingback,
.comments .trackback,
.comments .review {
padding-top: 5rem;
}
div.comment:first-of-type {
margin-top: 5rem;
}
.comment-meta {
margin-bottom: 2rem;
min-height: 6rem;
padding: 0.3rem 0 0 7.5rem;
}
.comment-meta .avatar {
display: block;
height: 6rem;
position: absolute;
left: 0;
top: 0;
width: 6rem;
}
.comment-author {
font-size: 2.4rem;
}
.comment-metadata {
font-size: 1.6rem;
margin-top: 0.8rem;
}
.comment-footer-meta {
margin-top: 2.5rem;
}
.comments-pagination {
margin-top: 8rem;
}
/* PINGBACKS & TRACKBACKS */
.pingback .comment-body {
padding: 0;
}
/* COMMENT RESPOND */
.comment-respond p {
margin-bottom: 2.5rem;
}
.comment-form p.logged-in-as {
margin: -2.5rem 0 4.4rem 0;
}
.comment-respond .comment-form-author,
.comment-respond .comment-form-email {
float: left;
width: calc(50% - 1rem);
}
.comment-respond .comment-form-email {
margin-left: 2rem;
}
.comments .comment-respond {
padding: 5rem 0 0;
}
.comment-reply-title small {
display: inline;
margin: 0 0 0 0.5rem;
}
/* Site Pagination ----------------------- */
.pagination-separator {
margin: 8rem 0;
}
/* Display the full text for Newer and Older Posts. */
.nav-short {
display: inline;
}
.pagination .nav-links {
font-size: 1.2rem;
}
.nav-links > * {
margin: 2.5rem 0 0 4rem;
}
/* Widgets ------------------------------- */
.widget .widget-title {
margin-bottom: 3rem;
}
/* Site Footer --------------------------- */
/* FOOTER BOTTOM */
#greenfooter{padding: 3em 0; }
#site-footer {
font-size: 1rem;
padding: 0;
}
.footleft{float:left; width:45%;}
.footright{float:right; width:50%; padding:0;}
.footer-menu{padding-bottom:0.5em; font-size:90%;}
.footer-menu a {color:#1c203f;}
p.footer-copyright { padding: 0; margin: 0; text-align: right;}
#foott1, #foott2, #foott3{width:31%; font-size:auto;}
#foott1, #foott2{float:left; }
#foott1{margin-right:3.5%;}
#foott3{float:right;}
/* Home
.bannerimage{background:none; height:0;width:auto; display: none;}
.bannerimg{background:url(images/home-banner/puddle-1000.jpg) center; height:341px; position:relative;text-align:center; }*/
.bannerimg.temp{position:relative;text-align:center; }
.bannertext{background: rgba(28, 32, 63, 0.6); color:#fff;position:absolute;bottom:0;left:0;width:100%;}
.bannerimage-spring{background:#d0eafd url(images/home-banner/Spring-cover-photo.png) no-repeat bottom right; position:relative; background-size: auto;padding:0;min-height: 400px}
.bannerimage-summer{background:#d0eafd url(images/home-banner/Summer-banner-bg.png) no-repeat bottom right; position:relative; background-size: auto;padding:0;min-height: 350px}
.bannerimage-summer h1.cloudh1 {font-size:1.8em;}
.bannerimage-autumn{background:#d0eafd url(images/home-banner/Autumn-banner-bg.png) no-repeat bottom left; position:relative; background-size: 100%;padding:0;min-height: 330px}
.bannerimage-winter{background:#d0eafd url(images/home-banner/snow-tree-bg.png) no-repeat bottom right; position:relative; background-size: auto;padding:0;min-height: 350px;}
.bannerlogos{width:100%;padding: 0 5% 0 0; text-align: center; padding-bottom:40px;padding-top:20px;}
.bannerlogo1, .bannerlogo2, .bannerlogo3{padding-right:3%;display:inline-block}
.bannerlogo1{width:40%;}
.bannerlogo2, .bannerlogo3{width:20%;}
.bannerlogo-solo{position:absolute; right:30px;bottom:30px; }
.bannerlogo-solo img{width:170px;height:auto; margin:0;}
/* spring
.cloudtext{padding:2em 30% 130px 3em;} */
/* autumn
.cloudtext{padding:1.5em 2em 0 2em;} */
.cloudtext { padding: 1em 2em 0 2em; }
.bannerimage-winter .cloudtext{padding:3em 30% 130px 3em;}
/*cloud banner */
h1.cloudh1 {color:#1c203f; font-weight: 700;font-size:1.3em; line-height:1.5; text-align: left;}
.bannerimage-autumn h1.cloudh1 {color:#21409a; font-weight: 700;font-size:1.6em; line-height:1.5; text-align: left;}
strong.cloudstrong{color:#009FE3; font-size:1.2em; display:block; font-weight: 700;}
.bannerimage-spring .cloudtext{padding:1.5em 10% 130px 1.5em;}
.bannerimage-spring h1.cloudh1 {color:#21409a; font-size:1.6em; line-height:1.4; text-align: left;}
.bannerimage-summer h1.cloudh1 {font-size: 1.6em;}
/* puddle
h1.tophead{font-size:1.7rem;width:75%;}
strong.head2{font-size:1.2rem;}
*/
h1.tophead{font-size:1.3rem; padding:0 15%;}
strong.head2{font-size:1rem;}
.coloured-boxes{display:flex;flex-direction: row; justify-content: space-between; align-items: stretch;align-content: space-between;flex-wrap:wrap;}
.cbox{color:#fff; width:47%; flex-basis: 47%;text-align:center; padding:0.5em 0.6em 0.8em 0.6em; margin-right:6%; }
.orangebox{margin-right:0;}
.pinkbox{margin-right:0;}
.home3boxes .section-inner{display:flex;align-items:stretch;}
.hbox{width:31%; max-width:31%; background:#fff; padding:1rem; margin-bottom:0;}
.hboxright{float:right;}
.hboxleft, .hboxmid{margin-right:3.5%;}
/*.hboxtext{padding:0 1rem 1rem 1rem;}*/
.featured-media {float:right; max-width: 40%; margin-left:1.5rem;}
.introbox .featured-media img{max-height:300px;width:auto;margin: 0 auto;}
/* Pages */
.introbox {display:block; }
.introtext{order:auto;}
.featured-media{order:auto;}
/* sidebar */
.sidebar{width:25%; float:right; padding:0;}
.contentleft{width:71%; float:left;}
.sidebar h2 {font-size: 1.15rem;}
.widget.widget_custom_menu_wizard h2{background-size:9px; padding:0.5rem 12px 0.5rem 0.7rem; }
.widget.widget_custom_menu_wizard li a{padding:0.4rem 0.4rem 0.4rem 0.7rem;}
.widget.widget_custom_menu_wizard ul {font-size: 1rem;}
.greenfeaturebox .section-inner{display:block;}
.greenfeatureboxrt{ float:left;width:74%;}
.greenfeaturebox img{ float:right;max-width:22%; }
}
@media (min-width: 782px) {
/* Blocks -------------------------------- */
/* BLOCK: COLUMNS */
.wp-block-column {
margin-bottom: 0;
}
.wp-block-columns.alignwide + .wp-block-columns.alignwide,
.wp-block-columns.alignfull + .wp-block-columns.alignfull {
margin-top: -2.8rem;
}
}
@media ( max-width: 799px ) {
.nf-form-cont .one-half{width:100%!important;margin-left:0!important;}
}
@media (min-width: 650px) and (max-width: 849px) {
/* bloglist*/
.bloglist .hentry{width: 48%; float:left; margin-right:4%; padding-top:0; margin-bottom:1em; }
.bloglist .hentry:nth-child(2n){margin-right:0;}
.bloglist .hentry:nth-child(2n + 1){clear:both; }
#site-content .threecol .ccchildpage{margin:0 0 1.5em 0; padding:0;width: 48%; float: left; margin-right: 4%;}
#site-content .threecol .ccchildpage:nth-child(2n) {margin-right:0!important; }
#site-content .ccfirst{clear:none;}
#site-content .threecol .ccchildpage:nth-child(2n+1) {clear: both!important; }
.ccchildpage .bloglistimg{max-height:250px; overflow: hidden; height: calc(100vw / 4); }
}
/*med850*/
@media (min-width: 850px) {
/* header */
.site-title {font-size: 3.5rem;}
.site-logo img { max-height: 120px;}
.site-description {font-size: 1.2rem;}
.archivebox{width: 23.5%; position:absolute; top:45px; right:0;padding: 0.3em;}
.archivetext {font-size: 80%;}
ul.primary-menu {font-size: 1.1rem;}
ul.primary-menu li a{padding: 0.9rem 0.9rem; }
/*cloud banner */
h1.cloudh1 {font-weight: 700;font-size:1.8em; line-height:1.4; margin-bottom:0.6em;text-align: left;}
/* autumn
h1.cloudh1 {font-weight: 700;font-size:1.6em; line-height:1.6; margin-bottom:0.6em;text-align: left;}
.cloudtext{padding:1.5em 2em 0 21%;} */
/*strong.cloudstrong{color:#009FE3; font-size:1.4em; display:block; font-weight: 700;}
img.cloudlogos{position:absolute; bottom:0; right:0; width:580px; }*/
.cloudtext { padding: 1.5em 2em 0 21%; }
/*puddle
h1.tophead{font-size:1.9rem;}
strong.head2{font-size:1.3rem;}*/
.hf1-left{float:left; width:48%; padding-top:0.5rem;}
.hf1-right{float:right; width:48%;}
.hf1-left p:last-of-type{margin:0;}
.coloured-boxes{display:flex;flex-direction: row; justify-content: space-between; align-items: stretch;align-content: space-between;}
.cbox{color:#fff; width:22%; margin:0;flex-basis: 22%; margin-right:4%; }
.cbox h2{font-size:1.3rem;margin:0 auto 0.1em auto;}
.cbox h2 a{color:#fff; display:block; }
.cbox a.morebutton{background:#fff; padding:0.1em 0.4em; display:inline-block; font-weight:600; line-height:1.1;border-radius: 2px;}
.cbox h2 a span {display:block; margin-bottom:0.8rem;height:80px; }
.cboxtext{padding-bottom:0.5em; font-size:1rem; line-height:1.3;}
.cbox a:hover, .cbox a:focus{opacity:.7;}
.purplebox h2 a span{background: url(images/icons/seesaw.png) no-repeat center bottom; background-size:118px; }
.orangebox h2 a span{background: url(images/icons/slide.png) no-repeat center bottom; background-size:95px;}
.bluebox h2 a span{background: url(images/icons/tricycle.png) no-repeat center bottom; background-size:50px;}
.pinkbox h2 a span{background: url(images/icons/swings.png) no-repeat center bottom; background-size:96px;}
.pinkbox{margin-right:0;}
.bluefeaturebox .section-inner{padding:2rem 7%;}
.bottomfeature {}
.bottomfeatureimg{max-width: 25%;}
.bottomfeatureimg img{max-width:100%}
.bf-inner{width:100%;display:flex;justify-content:space-between;}
.bfeaturetext{padding-right:4%;}
.bf-inner p:last-of-type{margin:0;}
.bannerimg, .home-feature-1, .bluefeaturebox, .home3boxes, .greenfeaturebox, .bottomfeature, #topfoot, .introbox{margin-bottom: 2.5rem;}
.coloured-boxes{margin-bottom: 3rem;}
.footer-menu{font-size:100%;}
.error404 #site-content .search-form {width:75%; margin-left:auto; margin-right:auto;}
/* donations form*/
.nf-field-container.leftfield, .leftfield{width:49%; float:left;}
.nf-field-container.rightfield, .rightfield{width:49%; float:right;clear:none;}
#site-footer .link-footer h2{margin-bottom:1em;}
/* bloglist*/
.bloglist .hentry{width: 32%; float:left; margin-right:2%; padding-top:0; margin-bottom:1em; }
.bloglist .hentry:nth-child(3n){margin-right:0;}
.bloglist .hentry:nth-child(3n + 1){clear:both; }
.bloglistimg{max-height:222px; overflow: hidden; height: calc(100vw / 6); }
/* child pages*/
#site-content .threecol .ccchildpage{margin:0 0 1.5em 0; padding:0;width: 32%; float: left; margin-right: 2%;}
#site-content .threecol .ccchildpage:nth-child(3n) {margin-right:0!important;; }
#site-content .threecol .ccchildpage:nth-child(3n+1) {clear: both; }
.ccchildpage .bloglistimg{max-height:222px; overflow: hidden; height: calc(100vw / 12); }
.footerbutton{width:48.8%;}
.fb1, .fb3{float:left; clear:both;}
.fb2, .fb4{float:right; }
.footleft{display: flex;justify-content: space-between;}
.footerwidgetsleft{width:53%; }
.footer-menu-wrapper{width:45%; }
}
@media ( min-width: 1000px ) {
.single-post #site-content .section-inner{max-width:950px;}
/* bloglist*/
.bloglistpad{padding:0.7em 0.5em 1.5em 0.5em;}
.bloglist .hentry h2 {font-size:1.15rem; margin-bottom: 0.4rem;}
/*cloud banner */
/* h1.cloudh1 {font-size:2.2em; line-height:1.7; margin-bottom:0.5em;}*/
/*strong.cloudstrong{font-size:1.6em; }
img.cloudlogos{position:absolute; bottom:0; right:0; width:auto; }
.cloudtext{position:absolute; top:2em; left: 1.5em;}*/
/* winter
h1.cloudh1 {font-size:2.2em; line-height:1.4; margin-bottom:0.5em;}*/
.bannerimage-spring h1.cloudh1 {font-size:1.8em; line-height:1.6; margin-bottom:0.5em; }
.bannerimage-summer h1.cloudh1 {font-size:1.9em; line-height:1.5; margin-bottom:0.5em;}
/*summer
h1.cloudh1 {font-size:2.1em; line-height:1.5; margin-bottom:0.5em;}*/
/*autumn
h1.cloudh1 {font-size:1.8em; line-height:1.7; margin-bottom:0.5em;}
.bannerimage-autumn{background:#d0eafd url(images/home-banner/Autumn-banner-bg.png) no-repeat bottom left; position:relative; background-size: auto;padding:0;min-height: 365px} */
/* Document Setup ------------------------ */
/* Helper Classes ------------------------ */
/* Site Header --------------------------- */
#site-header {
z-index: 1;
}
.site-logo img { max-height: 125px;}
.site-description {font-size: 1.15rem;margin-bottom: 1.2rem;}
#site-content {
padding-top: 1.8rem;
}
ul.primary-menu {font-size: 1.25rem;}
ul.primary-menu li a{padding: 0.9rem 1rem; }
.header-titles-wrapper {
max-width: 100%; position:relative;
padding: 0;
text-align: center;
}
.wp-custom-logo .header-titles {
align-items: center;
}
.archivebox{width: 22%; position:absolute; top:55px; right:0;padding: 0.5em;}
.archivetext {font-size: 85%;}
/* Template: Full Width ------------------ */
.template-full-width .wp-block-image .alignleft {
/*rtl:ignore*/
margin-right: 2rem;
}
.template-full-width .wp-block-image .alignright {
/*rtl:ignore*/
margin-left: 2rem;
}
/* Post: Archive ------------------------- */
/* Post: Single -------------------------- */
.singular .intro-text {
font-size: 1.8rem;
}
/* Blocks -------------------------------- */
/* BLOCK: COLUMNS */
.wp-block-columns.alignwide + .wp-block-columns.alignwide,
.wp-block-columns.alignfull + .wp-block-columns.alignfull {
margin-top: -4.8rem;
}
/* BLOCK: GALLERY */
figure.wp-block-gallery.alignwide,
figure.wp-block-gallery.alignfull {
margin-bottom: 8rem;
margin-top: 8rem;
}
/* BLOCK: GROUP */
.entry-content > .wp-block-group.alignwide.has-background,
.entry-content > .wp-block-group.alignfull.has-background {
padding: 8rem 4rem;
margin-bottom: 0;
margin-top: 0;
}
/* BLOCK: IMAGE */
.wp-block-image .alignleft {
/*rtl:ignore*/
margin-right: 0;
}
.wp-block-image .alignright {
/*rtl:ignore*/
margin-left: 0;
}
/* BLOCK: SEPARATOR */
hr.wp-block-separator {
margin: 8rem auto;
}
/* Entry Content ------------------------- */
/* ALIGNMENT CLASSES */
/* ENTRY MEDIA */
/* Comments ------------------------------ */
.comment-meta {
padding-left: 0;
}
.comment-meta .avatar {
left: -8rem;
}
/* Site Pagination ----------------------- */
.pagination .nav-links {
justify-content: space-between;
margin: 0;
width: 100%;
}
.nav-links > * {
margin: 0 2rem;
}
.pagination .next,
.pagination .prev {
display: block;
}
.pagination .prev {
margin: 0 auto 0 0;
}
.pagination .next {
text-align: right;
margin: 0 0 0 auto;
}
/* Home Banner
.bannerimg{background:url(images/home-banner/puddle-1300.jpg) center; background-size:1300px; height:390px;}
h1.tophead{font-size:2.4rem;}
strong.head2{font-size:1.5rem;}*/
h1.tophead{font-size:1.8rem;}
strong.head2{font-size:1.1rem;}
/* sidebar */
.sidebar{width:21%; float:right; padding:0;}
.contentleft{width:75%; float:left;}
.sidebar h2 {font-size: 1.3rem;}
.widget.widget_custom_menu_wizard h2{background-size:13px; padding:0.5rem 16px 0.5rem 1rem; }
.widget.widget_custom_menu_wizard li a{padding:0.4rem 0.4rem 0.4rem 1rem;}
}
@media ( min-width: 1220px ) {
/* Element Base -------------------------- */
/* TITLES */
h1,
.heading-size-1 {
font-size: 2.6rem; margin-bottom:0.7em;
}
/* Site Header --------------------------- */
/* HEADER TOGGLES */
.header-toggles .toggle {padding: 0;}
.header-toggles {position:absolute; right:2rem; top:0.5rem;}
ul.primary-menu {font-size: 1.3rem;}
ul.primary-menu li a{padding: 0.9rem 1.2rem; }
/* Post: Archive ------------------------- */
/* Post: Single -------------------------- */
.singular .intro-text {
font-size: 1.8rem;
line-height: 1.375;
}
/* Blocks -------------------------------- */
/* BLOCK: COLUMNS */
.wp-block-columns.alignfull + .wp-block-columns.alignfull {
margin-top: -6rem;
}
/* BLOCK: GALLERY */
figure.wp-block-gallery.alignfull {
margin-bottom: 10rem;
margin-top: 10rem;
}
/* Entry Content ------------------------- */
/* Comments ------------------------------ */
.comment-reply-title {
margin-bottom: 2rem;
}
.comment-respond p.comment-notes,
.comment-respond p.logged-in-as {
margin: 0 0 3rem 0;
}
.comments .comment-respond p.comment-notes,
.comments .comment-respond p.logged-in-as {
margin: 0 0 2rem 0;
}
/* home */
.hf1-left{padding-top:2rem;}
/* sidebar */
.widget.widget_custom_menu_wizard ul {font-size: 1.1rem;}
/* winter
.cloudtext{padding:2em 30% 130px 3em;} */
/* summer
.cloudtext{padding:1.5em 10% 130px 11em;} */
.cloudtext{padding:1.5em 5em 130px 13em;}
.bannerimage-spring .cloudtext{padding:2em 25% 130px 3em;}
.bannerimage-summer h1.cloudh1 {font-size:2.2em}
}
@media ( min-width: 1240px ) {
/* puddle
h1.tophead{font-size:2.6rem;margin:0 auto 0.3rem auto; letter-spacing:0.03em;}
strong.head2{font-size:1.6rem;font-family: 'Muli', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:400; letter-spacing:0.03em;}*/
.box-inner{width:100%; max-width:1200px;margin:0 auto; padding:1.2rem;}
/*cloud banner */
/* h1.cloudh1 {font-size:2.5em; line-height:1.5; margin-bottom:1em;}*/
img.cloudlogos{position:absolute; bottom:0; right:0; width:auto; }
strong.cloudstrong{ font-size:1.6em; }
/*.cloudtext{position:absolute; top:3.7em; left: 2em;}*/
/* bloglist */
.bloglistimg{max-height:222px; overflow: hidden; height: 222px; }
.bloglistpad{padding:0.8em 1em 1.5em 1em;}
}
@media ( min-width: 1240px ) {
.section-inner{
max-width: 1200px; margin:auto;
}
.home #site-content{max-width: 100%; }
/* Blocks -------------------------------- */
/* BLOCK: GALLERY */
figure.wp-block-gallery.alignleft {
/*rtl:ignore*/
margin-left: -31rem;
}
figure.wp-block-gallery.alignright {
/*rtl:ignore*/
margin-right: -31rem;
}
/* BLOCK: SEPARATOR */
.wp-block-separator.is-style-wide {
max-width: 120rem;
width: 120rem;
}
/* Entry Content ------------------------- */
/* Template: Full Width ------------------ */
body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {
padding-left: 0;
padding-right: 0;
}
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {
/*rtl:ignore*/
margin-left: 0;
}
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
/*rtl:ignore*/
margin-right: 0;
}
}
@media ( min-width: 1330px ) {
/* Home Banner */
/* puddle .bannerimg{background:url(images/home-banner/puddle-2200.jpg) center; height:492px; } */
}