/******************************************************************
Theme Name: Mission of Mercy Pittsburgh Custom Theme
Theme URI: http://www.h2.com
Description: Custom WordPress theme developed for Mission of Mercy Pittsburgh
Author: H2
Author URI: http: //www.h2.com
Version: 1.9
License: GNU General Public License & MIT
License URI: http: //www.gnu.org/licenses/gpl-2.0.html
Tags: Blank, HTML5, CSS3
******************************************************************/


/* FONTS */

@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i');
.so-widget-sow-anything-carousel-base-58e9f1f2a93b-10 .sow-carousel-container .sow-carousel-wrapper .sow-carousel-items .sow-carousel-item {
  margin: 0px !important;
}
.ngg-gallery-thumbnail-box {
  min-height: 320px;
}
.popup-overlay {
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        background-color: white;
        opacity:.8;
        z-index:10000;
}
#html .pum .arve {
    margin-bottom: 0;
}
.hide { display: none;}

.wc-donation-in-action label {
    text-transform:none;
}

header a[href]#logo {
    min-width: 80px;
}

#alert-message {
    background-color: rgb(173, 31, 35);
}
#alert-message-wrapper {
    font-size: 1.3em;
    color:white;
    max-width: 1400px;
    margin:auto;
    padding: 10px 30px;
    line-height: 1.2em;
    background-image: none;
}
#alert-message-wrapper a {
    text-decoration: underline;
    color:white;
}
.wc-donation-in-action label {
    text-transform:none;
}
.woocommerce-page div.product div.images {
    width: 18%;
}
.woocommerce-page div.product div.summary {
    width: 78%;
}
@media screen and (max-width: 500px) {
    .woocommerce-page div.product div.images {
        width: 100%;
    }
    .woocommerce-page div.product div.summary {
        width: 100%;
    }
}

/* GENERIC */

* { box-sizing: border-box; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
a[href], a[href] img { border: 0; outline: 0; text-decoration: none; }
body { -webkit-oveflow-scrolling: touch; margin: 0 auto; padding: 0; background: #fff; font-family: 'Lato', sans-serif; font-size: 10.5pt; }
h1, h2, h3, h4 { line-height: 100%; }
ol, p, ul { margin-top: 0; margin-bottom: 1.25em; }
ul ul { margin-bottom: 0; }
table { border-collapse: collapse; }
td, th { vertical-align: top; }
textarea { height: 7em; }

/* STRUCTURAL STYLES & WORDPRESS CORE */

.alignnone { margin: 0 0 .5em; }
.aligncenter, div.aligncenter { display: block; margin: .5em auto .5em auto; }
.alignright { float: right; margin: .5em 0 1.5em 1.5em; }
.alignleft { float: left; margin: .5em 1.5em 1.5em 0; }
.clear { zoom: 1; }
.clear:before, .clear:after, .gallery:after { content: ''; display: block; clear: both; width: 0; height: 0; }

/* HEADER */
#logo { margin-right: 20px; }
header { position: absolute; z-index: 9990; width: 100%; padding: 30px 60px; background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); }
header a[href]#expand { display: none; position: absolute; top: 20px; right: 25px; width: 24px; height: 18px; }
header a[href]#expand span { display: block; position: absolute; left: 0; width: 24px; height: 3px; background: #fff; transition: .2s ease-in all; }
header a[href]#expand:hover span { background: #eb212e; }
header a[href]#expand span:nth-child(1) { top: 0px; transform: rotate(0); }
header a[href]#expand span:nth-child(2) { top: 7.5px; }
header a[href]#expand span:nth-child(3) { top: 15px; transform: rotateY(0); }
header.open a[href]#expand span { height: 4px; }
header.open a[href]#expand span:nth-child(1) { transform: translateY(7.5px) rotate(45deg); }
header.open a[href]#expand span:nth-child(2) { width: 0; }
header.open a[href]#expand span:nth-child(3) { transform: translateY(-7.5px) rotate(-45deg); }
header a[href]#logo { width: 30%; max-width: 447px;  }
header img { width: 100%; height: auto; }
header nav { display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; width: 100%; margin: 0 auto; }
header nav > ul { display: flex; flex-flow: row nowrap; list-style-type: none; margin: 0; padding: 0; }
header nav > ul a[href] { padding: 5px 0; font-size: .9vw; font-weight: bold; text-transform: uppercase; white-space: nowrap; transition: .2s ease-in color, .2s ease-in background; }
header ul a[href]:link, header ul a[href]:visited { color: #fff; border-bottom: 1px solid transparent; }
header ul a[href]:hover, header ul a[href]:active, header ul li.current-menu-item > a[href], header ul li.current-page-ancestor > a[href] { color: #fff; border-bottom: 1px solid #fff; }
header ul li { margin-right: 2em; }
header ul li:last-child { margin-right: 0; }
/*
header ul li:last-child a[href] { padding: .5em 1em; }
header ul li:last-child a[href]:link, header ul li:last-child a[href]:visited { background: #eb212e; }
header ul li:last-child a[href]:hover, header ul li:last-child a[href]:active, header ul li.current_page_item:last-child a[href] { border-bottom: 1px solid transparent; background: #fff; color: #eb212e; }
*/

@media screen and (min-width: 1440px) {
  header ul a[href] { font-size: 10pt; }
    header nav > ul a[href] { font-size: 17px; } 
}

@media screen and (max-width: 1120px) {
header ul li { margin-right: 1em; }
}

@media screen and (max-width: 1000px) {
  header { position: fixed; width: 100vw; height: 60px; overflow: hidden; padding: 10px 30px 10px 15px; background: rgba(0,0,0,.8); transition: .2s ease-in height; } 
  header.open { height: 100vh; }
  header a[href] {  }
  header a[href]#logo { display: block; width: 100%; max-width: 240px; }
  header a[href]#expand { display: block; }
  header nav { display: block; }
  header ul { flex-direction: column !important; align-items: left; width: 100%; margin-top: 40px !important; }
  header ul a[href] { display: block; width: 100%; margin-bottom: .5em; font-size: 12pt !important; }
  header ul li { width: 100%; }
	.sub-menu{display:none !important;}
}

header li ul { display: none; position: absolute; padding: 1em 1.5em; color: #fff; }
header li:hover ul { display: block; }

@media screen and (max-width: 1000px) {
	header li ul { display: none; }
}


/* MAIN CONTENT */

main { max-width: 1600px; margin: 0 auto; font-size: 13.5pt; }
main a[href] { transition: .2s ease-in color; }
main a[href]:link, main a[href]:visited { color: #284e7f; }
main a[href]:hover, main a[href]:active { color: #eb212e; }
main div.padded { padding: 80px 17.5% 80px 17.5%; } /* former right padding 140px */
main h1 { margin: 0; color: #fff; font-size: 60pt; font-weight: 700; text-transform: uppercase; }
main h1.sow-headline { margin: 0; color: #fff; font-size: 60pt; font-weight: 700; text-transform: uppercase; }
main h2 { margin: 0 0 .5em; color: #284e7f; font-size: 45pt; font-weight: 700; }
main h2 + h3 { color: #999; font-weight: 400; }
main h3 { margin: 2em 0 1em; border-bottom: 1px solid #ccc; padding-bottom: .5em; color: #284e7f; font-size: 30pt; font-weight: 700; }
main h3:first-child { margin-top: 0; }
main p:first-child { margin-top: 0; }
main hr { margin-top: 5em; }

input[type="email"], input[type="text"], textarea { width: 100%; border: 1px solid #284e7f; padding: .5em 1em; font: 13.5pt Lato,sans-serif; box-shadow: 0px 0px 12px rgba(0,0,0,0); transition: .2s ease-in all; }
input[type="email"]:focus, input[type="text"]:focus, textarea:focus { border: 1px solid #000; box-shadow: 0px 0px 12px rgba(0,0,0,.2); }
input[type="submit"] { width: 100%; border: 0; padding: 1em 2em; background: #284e7f; color: #fff; font: 13.5pt Lato,sans-serif; font-weight: bold; text-align: center; text-transform: uppercase; transition: .2s ease-in all; }
input[type="submit"]:hover { background: #eb212e; }
label { color: #284e7f; text-transform: uppercase; }
label span.required { color: #eb212e; }

.home main div.padded { padding: 80px 140px; }

div.auto-resizeable-iframe { margin: 0 auto 2em; text-align: center; }

a[href].button { display: block; width: 50%; margin: 1em auto; padding: 1em 2em; color: #fff !important; font-size: 13.5pt; font-weight: 700; line-height: 1em; text-align: center; text-transform: uppercase; transition: .2s ease-in all; }
a[href].button:link, a[href].button:visited { background: #284e7f; }
a[href].button:hover, a[href].button:active { background: #eb212e;  }

a[href].button2 { display: block; width: 50%; margin: 1em auto; padding: 1em 2em; color: #fff !important; font-size: 13.5pt; font-weight: 700; line-height: 1em; text-align: center; text-transform: uppercase; transition: .2s ease-in all; }
a[href].button2:link, a[href].button2:visited { background: #eb212e; }
a[href].button2:hover, a[href].button2:active { background: #284e7f;  }

div.sidebar a[href].button { width: 100%; margin-top: 0; padding: 1em; }

@media screen and (max-width: 1000px) {
  main div.padded { padding: 50px 30px !important; }
  main h1 { font-size: 36pt; }
  main h2 { font-size: 27pt; }
  main h3 { font-size: 18pt; }
  a[href].button { width: 75%; }
}

@media screen and (max-width: 600px) {
  main h1 { font-size: 27pt; }
main h1.sow-headline {font-size: 30pt; padding: 50px 0;  }
  a[href].button { width: 100%; }
  div.auto-resizeable-iframe { position: relative; width: 100%; padding-bottom: 56.25%; }
  div.auto-resizeable-iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

}

/* FOOTER */

footer { border-bottom: 25px solid #eb212e; padding: 50px 60px; background: #f1f1f1; font-size: 13.5pt; }
footer a[href] { transition: .2s ease-in color; }
footer a[href]:link, footer a[href]:visited { color: #000; }
footer a[href]:hover, footer a[href]:active { color: #eb212e; }
footer div#footer1 { width: 22.5%; }
footer div#footer1 img { width: 100%; max-width: 327px; height: auto; }
footer div#footer3 { display: none; max-width: 300px; }
footer div#footer3 div.sow-google-map-canvas { border: 1px solid #d1d1d1; }
footer div#footer5 img { border-radius: 50%; transform: scale(1); transition: .2s ease-in transform; }
footer div#footer5 img:hover { transform: scale(1.2); }
footer div#footer5 li { display: inline-block; margin-left: .5em; }
footer h4 { display: none; }
footer ul { list-style-type: none; margin: 0; padding: 0; }
footer ul ul { display: none; }
footer section { display: flex; flex-flow: row nowrap; justify-content: space-between; width: 100%; max-width: 1600px; margin: 0 auto; }
footer section > div { flex-grow: 0; flex-shrink: 1; }

@media screen and (max-width: 1140px) {
  footer div#footer5 li { display: block; }
}

@media screen and (max-width: 1000px) {
  footer { padding: 50px 30px; }
  footer div#footer1 { width: 100%; }
  footer div#footer2 { margin-bottom: 0; }
  footer section { flex-flow: column;  }
  footer section > div { margin-bottom: 2em; }
}

/* HERO IMAGE */

#hero { padding: 180px 0 120px; }
#hero .padded { padding: 0 0 0 17.5%; }

.home #hero { padding: 0; }
.home #hero li { max-height: 640px; }

@media screen and (max-width: 1000px) {
  #hero { padding: 0 !important; }
  #hero .padded { padding: 120px 30px 60px !important; }
  .home #hero li { max-height: 37.5vh; }
}

@media screen and (max-width: 600px) {
  .widget_sow-hero video { display: none; } 
}

/* HOME PAGE */

.home main h3 { border-bottom: 0; padding-bottom: 0; }

/* SPONSORS */

/* .sponsors .padded { padding-right: 0 !important; } */
.sponsors main h3 { border-bottom: none; }
.sponsors main ul { list-style-type: none; margin: 2em 0; padding: 0; border-top: 2px solid #999; }
.sponsors main ul li { padding: 1em 0; border-bottom: 2px solid #999; }
/* .sponsors main ul li img { width: 100%; max-width: 884px; height: auto; } */

@media screen and (max-width: 1000px) {
 .sponsors main ul li img { width: auto; max-width: 500px; height: auto; }
}

@media screen and (max-width: 600px) {
 .sponsors main ul li img { width: auto; max-width: 250px; height: auto; }
}



/* EVENT FOUNDERS */

@media screen and (max-width: 1000px) {
  .event-founders .padded .panel-grid { flex-direction: column !important;  }
  .event-founders .padded .panel-grid .panel-grid-cell { width: 100% !important; padding-bottom: 1em; border-bottom: 1px solid #ccc; margin-bottom: 2em; }
}




img {
    max-width: 100%;
    height: auto;
}
#arve .arve-wrapper, #tinymce .arve-wrapper, .arve {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
main {
   max-width: 1400px;
   margin: 0 auto;
   padding:0 20px 50px;
}   
main a[href]:link, main a[href]:visited {
    transition-property: all;
    transition-duration: .1s;
    font-weight: 700;
    color:black;
    text-decoration: underline;
}
main a[href]:hover, main a[href]:active {
    color: #ad1f23;
}
header {
    position: relative;
    padding: 10px 20px;
	background:none;
    background-color:white;
	height:auto;
    width:100%;
}
@media screen and (max-width: 1000px) {
	header {
		height:120px;
	}
}
header nav {
    max-width:1360px;
}
header a[href]#expand span {
    background:  #ad1f23;
}
footer section {
   max-width:1360px;
}
header a[href]#logo {
	max-width:120px;
}
header ul a[href]:link, header ul a[href]:visited {
    color: black;
	border-bottom: none;
}
header ul a[href]:link:hover, header ul a[href]:visited:hover {
    color:#ad1f23;
}
li#menu-item-783 a, #helping-hand .panel-grid-cell a, #newsletter-signup .wpcf7-form input[type="submit"], #dln .panel-grid-cell a, .btn {
    color: white !important;
    font-size: 16px;
	font-weight: bold;
	text-transform:uppercase;
	background-color:#ad1f23;
	padding:10px;
	border-bottom: none;
	display:inline-block;
	width:auto;
}
header ul a[href]:hover, header ul a[href]:active, header ul li.current-menu-item > a[href], header ul li.current-page-ancestor > a[href] {
    color: #ad1f23;
    border-bottom: 1px solid #fff;
}
#helping-hand .panel-grid-cell a, #newsletter-signup .wpcf7-form input[type="submit"], #dln .panel-grid-cell a, #registration .panel-grid-cell a, .btn {
	padding:10px 30px;
}
#newsletter-signup .wpcf7-form input[type="submit"] {
    color: #ad1f23 !important;
	background-color:white;
	width:auto;
    display: block;
}
li#menu-item-783 a:hover, #helping-hand .panel-grid-cell a:hover, #dln .panel-grid-cell a:hover, #registration .panel-grid-cell a:hover {
	background-color:black;
}
header li ul {
	background-color:white;
}
.panel-layout {
	font-size: 20px;
	line-height:30px;
}
.panel-layout h3.widget-title {
	font-family: 'Bebas Neue', cursive;
	text-align:center;
	font-size: 40px;
	color:#ad1f23;
	font-weight: 400;
	text-transform:uppercase;
	margin-bottom: 30px;
	border-bottom:none;
	padding-bottom:0;
}
.panel-layout .red-background h3.widget-title {
	color:white;
}
.panel-layout .red-background {
	color:white;
}
.panel-layout .red-background a {
	color:white !important;
}
.panel-layout p:last-child {
	margin-bottom: 0;
}
.inner-width .panel-grid-cell {
	max-width:1080px;
	margin:auto;
}
.inner-inner-width .panel-grid-cell {
	max-width:800px;
	margin:auto;
}
#home-icons, #home-icons a {
	font-family: 'Bebas Neue', cursive;
	font-size: 40px;
	line-height:46px;
	color:#ad1f23;
	font-weight: 400;
	text-transform:uppercase;
	color:white;
}
#home-icons .aligncenter {
    margin: 0 auto;
}
#home-icons p {
    margin-bottom: 20px;
}
#home-icons img {
	transition-property:transform;
	transition-duration:.5s;
	margin-bottom:15px !important;
  
}
#home-icons a:hover img {
    transform: perspective(200px) translateZ(20px);
}
#helping-hand .panel-grid-cell {
	max-width:450px;
	padding:0 10px;
	margin:15px auto;
}
#helping-hand .panel-grid-cell h3.widget-title {
	margin-bottom:0;
}
#newsletter-signup {
	color:white;
}
#newsletter-signup h3.widget-title {
	color:white;
	margin-bottom:0;
}
#newsletter-signup .wpcf7-form {
	text-align:center;
}
#newsletter-signup .wpcf7-form label {
    color: white;
    text-transform:none;
}
#newsletter-signup .wpcf7-form input[type="email"] {
	max-width:500px;
}
#newsletter-signup .ajax-loader {
	display:block;
}
#above-footer {
      padding:0 20px;  
}
footer {
    border-bottom: 25px solid #ad1f23;
}
footer ul {
    margin-bottom:0;
}
footer div#footer1 {
    width: auto;
	max-width:250px;
	display: flex;

	flex-direction: column;
 	align-items: center;
}
footer div#footer1 img {
	max-width:280px;
	margin:auto;
}
footer div#footer1 p {
	display:block;
}
footer h4 {
    display: block;
	font-family: 'Bebas Neue', cursive;
	font-size: 30px;
	font-weight: 400;
	margin:30px 0 10px;
}
@media screen and (min-width: 1000px) {
	footer h4:first-child {
		margin-top:0;
	}
}
@media screen and (max-width: 1000px) {
	footer section > div {
		margin-bottom: 0;
	}
	.panel-grid-cell {
		margin-bottom:30px !important;
	}
	.panel-grid-cell:last-child {
		margin-bottom:0 !important;
	}
}
#icon-1, #icon-2, #icon-3 {
	transition-property: opacity;
	transition-duration: 1s;
	opacity: 0;
}
.fade {
	transition-property: opacity;
	transition-duration: 1s;
	opacity:1 !important;	
}
footer div#footer5 img {
    border-radius: 0;
    transform: scale(.9);
    transition: .2s ease-in transform;
}
footer div#footer5 img:hover { transform: scale(1); }
#hero {
    padding: 0;
    min-height: 425px;
}
.bebas-font {
	font-family: 'Bebas Neue', cursive !important;
}
@media screen and (max-width: 600px) {
    #hero {
        min-height: 125px;
    }
}
.pdf-link a {
    display:flex;
    justify-content: center;
    align-items: center;
}
.pdf-link a img {
    margin-right:10px;
}
#rev_slider_3_2 rs-slide .leader-image {
    transition-property: border-color;
    transition-duration: .5s;
}
#rev_slider_3_2 rs-slide.active-rs-slide .leader-image {
    border:6px solid #ad1f23 !important;
}
#rev_slider_3_2 rs-slide .leader-title {
    transition-property: color;
    transition-duration: .5s;
}
#rev_slider_3_2 rs-slide.active-rs-slide .leader-title {
    color:#ad1f23 !important;
}
.leader-descriptions {
    position: relative;
}
.leader-description {
    position: absolute;
    top:0;
    left:0;
    right:0;
    transition-property: all;
    transition-duration: .5s;
    opacity:0;
}
.leader-description.active {
    opacity:1;
}
.logos h3.widget-title {
    font-family: 'Lato', sans-serif;
    font-size: 30px;
    color: black;
    font-weight: 400;
    text-transform: none;
}
.logos p {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
 } 
.logos p img {
    margin:0 20px 20px;
 }
.logos.stupid-spacing img:nth-child(2) {
    transform: translateX(50px);
}
@media screen and (max-width: 1000px) {
.logos.stupid-spacing img:nth-child(2) {
    transform: translateX(0);
}
}
label {
    color: black;
}
input[type="email"], input[type="text"], textarea {
    border: 1px solid black;
}
.wpcf7-list-item.first {
    margin-left:0;
}
input[type="submit"] {
    display: block;
    width: auto;
    background: #ad1f23;
    margin: auto;
    padding: 10px 50px;
}
input[type="submit"]:hover {
    background: black;
}
#mission-of-mercy ul, #additonal-information ul, #other-resources ul, #already-a-volunteer ul, #results ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: top;
    align-content: center; 
    flex-wrap: wrap;
}
#already-a-volunteer ul {
    justify-content: center;
}
#mission-of-mercy ul {
     justify-content: space-around;
    max-width: 800px;
    margin-left: auto; 
    margin-right: auto; 
}
#mission-of-mercy li img {
    margin: 0 10px 0 0;
}
#mission-of-mercy li span {
    display:block;
    overflow:hidden;
}
#additonal-information li,#other-resources li {
    width:40%;
    min-width: 350px;
    margin:15px 0;
}
#mission-of-mercy li {
    width:auto;
    min-width: 0;
    margin:15px 0;
    display: flex;
    flex-basis: calc(45% - 15px);
    justify-content: center;
align-items: flex-start;
}
@media screen and (max-width: 800px) {
    #mission-of-mercy li {
    flex-basis: 100%;
}
}
#already-a-volunteer li {
    width:34%;
    margin:2px 0;
    text-align: center;
}
#results ul {
    justify-content: center;
    margin-bottom: 0;
}
#results li {
    background-color: #ad1f23;
    min-width: 280px;
    padding: 15px;
    margin: 30px;
    font-family: 'Bebas Neue', cursive;
    color:white;
    font-size:45px;
    line-height: 45px;
    text-align: center;
}
#results li strong {
    display: block;
    font-size:100px;
    line-height: 100px;
}
.so-widget-sow-accordion-default-742e3c88c133 .sow-accordion .sow-accordion-panel .sow-accordion-panel-header {
    padding: 5px 30px 5px 30px;
    font-weight: 700;
    flex-direction: row-reverse;
}
.sow-accordion-open-close-button {
    margin-right: 10px;
}
.result-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center; 
}
.result-button {
    transition-property: all;
    transition-duration: .5s;
    margin:5px 20px;
    border:2px solid white;
    font-family: 'Bebas Neue', cursive;
    font-size: 40px;
    line-height: 40px;
    padding: 10px 15px 5px 15px;     
}
.result-button:hover, .result-button.active {
    cursor: pointer;
    background-color: white;
    color: #ad1f23;   
}
.result-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-content: center;  
}
.result-images {
    position: relative;  
    margin-top:40px;
    font-family: 'Bebas Neue', cursive;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    width:30%;
}
.result-image {
    transition-property: all;
    transition-duration: .5s;
    opacity: 0;
    position: absolute;
    top:0;
    width:100%;
}
.result-image.active {
    opacity: 1;
}
@media screen and (max-width: 600px) {
    .result-button {
        margin:0 5px;
        font-size: 20px;
        line-height: 20px;
    }
    .result-images {
        margin-top:20px;
        font-size: 15px;
        line-height: 15px;
    }
}
.donation-buttons {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-content: center;   
}
.donation-buttons button, .donation-buttons input[type="submit"] {
    border:1px solid black;
    background-color: white;
    color:black;
    font-size: 24px;
    font-weight: 900;
    padding: 10px 20px;
}
.donation-buttons button:hover, .donation-buttons button.active, .donation-buttons input[type="submit"]:hover {
    background-color:#ad1f23;
    color:white;
}
.donation-descriptions {
    color:#ad1f23;
    margin: 20px 0;
}
.donation-descriptions a {
    color:#ad1f23;
}
.donation-descriptions div {
    display:none;
}
.donation-descriptions div.active {
    display:block;
}
    .news-feeds {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .news-image-feed {
        width:66%;
        padding-right: 50px;
        font-size: 1.25em;
    }
    .news-image-feed .news-element {
        display: flex;
        flex-direction: row;
        align-items: center;
        align-content: center; 
        margin:50px 0;
    }
    .news-image {
        width:50%;
        padding-right: 25px;
    }
    .news-image .arve-wrapper {
        margin-bottom: 0 !important;
    }
    .news-info {
        width:50%;
    }
    .news-feed {
        width:33%;
    }
    .news-feed .news-element {
        margin:20px 0;
    }
    .news-element:first-child {
        margin-top:0;
    }
    .news-element a {
        font-weight:400 !important;
    }
    .news-image-feed a {
        text-decoration: none !important;
    }
    .news-source {
        font-weight:700;
    }
    @media screen and (max-width: 600px) {
    .news-image-feed {
        width:100%;
        padding-right: 0;
    }
    .news-feed {
        width:100%;
    }
        
}


.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    float: left;
    width: 38%;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: right;
    width: 58%;
    clear: none;
}
.woocommerce-page main {
    margin-top: 30px;
}
.panel-layout .red-background a {
	color:white !important;
}

.wc-donation-in-action label {
    text-transform:none;
}
.woocommerce-page div.product div.images {
    width: 18%;
}
.woocommerce-page div.product div.summary {
    width: 78%;
}
@media screen and (max-width: 500px) {
    .woocommerce-page div.product div.images {
        width: 100%;
    }
    .woocommerce-page div.product div.summary {
        width: 100%;
    }
}
#registration .panel-grid-cell a:not(.btn) {
    color: black !important;
    font-size: 20px;
    font-weight: normal;
    text-transform: none;
    background-color: transparent;
    padding: 0;
    display: inline;
}
.ngg-download-download {
    margin: 10px auto !important;
}
.ngg-gallery-thumbnail {
    border: none;
}
.ngg-gallery-thumbnail label {
    word-wrap: break-word;
    max-width: 200px;
    display: block;
}
.resources {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap:30px;
    max-width:700px;
    margin:auto;
}
.resources p {
    margin:0;
}
.resources-element {
    flex-basis: 330px;
    flex-grow: 1;
}
.buttons a {
    color: white !important;
    font-size: 16px;
	font-weight: bold;
	text-transform:uppercase;
	background-color:#ad1f23;
	padding:10px;
	border-bottom: none;
	display:inline-block;
	width:auto;
}
.buttons a {
	padding:10px 30px;
}
.buttons a:hover {
	background-color:black;
}
#volunteer-buttons h3 {
    font-size: 24px;
    border:none;
    max-width: 300px;
    margin: 0 auto 10px;
}