.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;
}