.site-header, .header-wrapper { padding-bottom: 0; } #masthead { background: #00B1B9; } .jetpack-social-navigation a { color: white; } #masthead .header-wrapper { width: auto; max-width: inherit; background: #848785; } .entry-content input.email { width: 55%; } img.custom-logo { width: 100% !important; height: auto !important; display: block; margin: 0 auto; max-width: 1600px !important; } a.custom-logo-link { margin: 0; } .entry-thumbnail { height: 400px !important; background-size: cover; background-repeat: no-repeat; background-position: bottom; } .page-id-580 .entry-thumbnail { background-size: contain; background-position: 50% 50%; } .page-id-580 .entry-title { display: none; } @media screen and (max-width:480px) { .entry-thumbnail { height: 200px !important; } } @media screen and (min-width:1600px) { .entry-thumbnail { height: 500px !important; background-position: 50% 75% !important; } } .site-footer, .widget-area { background-color: #eee; border: 0; } .boxen .box:nth-child(odd) { padding-left: 0; } .boxen .box:nth-child(even) { padding-right: 0; } /* green on volunteer page */ .page-id-96 .entry-header, .page-id-96 .section-one { background-color: #5AA555; } .page-id-96 .hentry { margin-bottom: 0px !important } .page-id-96 .entry-footer { display: none; } .section-two.benefits { background-color: #EA5455; color: #fff; } .media { height: 225px; max-height: 225px; overflow: hidden; } .media img { width: 100%; height: 100%; border: 1px solid #ddd; object-fit: cover; } .media img.top { object-position: top; } .media img.bottom { object-position: bottom; } @media screen and (min-width:480px) { .entry-content input.email { width: 60%; } } .entry-content input.button { line-height: 25px; font-size: 18px; } .entry-content h2 { font-size: 36px; } .entry-title { font-size: 24px; } @media screen and (min-width:480px) { .entry-title{ font-size: 38px; } } #masthead { border-bottom-width: 0; } .header-wrapper { padding: 0; } .entry-header { padding: 40px 0 10px !important; background: #00B1B9; color: white; } .entry-title { line-height: 1.2; } .entry-content input.email { padding-left: 10px; } /** Coloured sections **/ .entry-content { max-width: inherit; width: auto; } .entry-content .section { padding: 30px 0; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4 { max-width: 800px; margin-left: auto; margin-right: auto; } .entry-content .section-inner { max-width: 87%; width: 740px; margin-left: auto; margin-right: auto; } .section-one{ background-color: #00B1B9; color: white; } .section-three { background-color: #5AA555; color: #fff; } .section-four { background-color: #eee; } /** Main menu **/ #masthead { background-color: #222; } #masthead a { color: #fff; font-weight: normal; } .menu-main-menu-container { margin-left: auto; margin-right: auto; padding-bottom: 5px; } .main-navigation.toggled li a:active, .main-navigation.toggled li a:focus, .main-navigation.toggled li a:hover, .main-navigation li:hover>a, .main-navigation li.focus>a, .main-navigation li.current-menu-item>a, .woocommerce-MyAccount-navigation li.is-active a, .hero-area { background-color: #1EA8AA; outline: 0; } .menu-toggle { color: #fff !important; } .menu-item { background-color: #222; } #masthead button { background-color: #222; border: 0px none !important; margin-top: 8px; } @media screen and (min-width: 768px) { .main-navigation li:hover > a, .main-navigation li.focus > a, .main-navigation li.current-menu-item > a { background-color: #1EA8AA; } } /*#masthead .menu-donate a { background-color: #1EA8AA; border-radius: 3px; }*/ @media screen and (min-width: 640px) { .boxen { display: flex; flex-wrap: wrap; } .boxen .box { width: calc( 50% - 20px ); padding: 20px; font-size: 16px; } .boxen .box ul { padding-left: 1em; } .boxen .box li { margin-bottom: .23em; } } /** Social Media **/ .jetpack-social-navigation { width: 100%; text-align: center; margin: 1em 0 2em; } .site-header .jetpack-social-navigation-svg .icon { width: 36px; height: 36px; } .jetpack_widget_social_icons { text-align: center; } /** Volunteer Form **/ .contact-form > div:nth-child(4)::before { content: 'Area of Expertise/Interest:'; display: block; font-weight: bold; padding: 6px 0; } .contact-form label span { color: #666; } .entry-header .entry-meta { color: #f0d624; } .single-post .entry-content { padding-top: 3em; } .entry-content li, .entry-content p { max-width: 72ch; margin-left: auto; margin-right: auto; } .section.crosswalk, .section-inner.crosswalk { background: url('/wp-content/uploads/2018/09/crosswalk.png') right -20px repeat-y; } .section.teal, .section.blue { background-color: #10b2bb; color: #fff; } .section.yellow { background-color: #f0d624; } .section.green { background-color: #59a653; color: #fff; } .section.red { background-color: #eb5455; color: #fff; } .accordion-icons.left.accordion-plus.fa.fas { float: right; } .left-half:before, .right-half:after, .clearfix:after { content: ""; display: table; clear: both; } @media only screen and ( min-width:640px ) { .left-half { float:left; width:49%; margin-right:1%; } .right-half { padding-left:51%; } } .padding10-0 { padding: 10px 0; } .padding30-0 { padding: 30px 0; } .latest-posts > strong { font-size: 1.6em; color: #59a653; } .latest-posts .lcp_catlist li { list-style-type: none; } .latest-posts .lcp_catlist a { font-weight: bold; font-size: 1.1em; background-color: #10b2bb; padding: 4px; color: #fff; border-radius: 4px; display:block; line-height:1; text-align:center; margin-top:4px; margin-bottom: 4px; } .latest-posts .lcp_catlist a:hover { color: #eb5455; background-color: #fafafa; text-decoration: none; }