/*

Theme Name: Twenty Sixteen Child

Theme URI: http://wordpress.org/themes/twentytwelve

Author: Vancouver Web Dev - child theme dev

Author URI: http://vancouverwebdev.com

Template: twentysixteen

Version: 1.3

*/

@import url("../twentysixteen/style.css");


@font-face {
    font-family: 'Metropolis Light';
    src: url("fonts/Metropolis-Light.otf") format("opentype");
}
@font-face {
    font-family: 'Metropolis Medium';
    src: url("fonts/Metropolis-Medium.otf") format("opentype");
}
@font-face {
    font-family: 'Metropolis Regular';
    src: url("fonts/Metropolis-Regular.otf") format("opentype");
}
@font-face {
    font-family: 'Metropolis Light Italic';
    src: url("fonts/Metropolis-LightItalic.otf") format("opentype");
}
@font-face {
    font-family: 'Metropolis MediumItalic';
    src: url("fonts/Metropolis-MediumItalic.otf") format("opentype");
}
@font-face {
    font-family: 'Metropolis Regular Italic';
    src: url("fonts/Metropolis-RegularItalic.otf") format("opentype");
}
@font-face {
    font-family: 'Metropolis SemiBold';
    src: url("fonts/Metropolis-SemiBold.otf") format("opentype");
}
@font-face {
    font-family: 'Metropolis Bold';
    src: url("fonts/Metropolis-Bold.otf") format("opentype");
}



/* =Theme customization starts here

-------------------------------------------------------------- */

body, body .site {
background-color:#f4f4f5;
font-family: 'Metropolis Regular';
font-weight:400;
font-size:16px;
line-height:28px;
color:#293132;
}
body:not(.custom-background-image):before, body:not(.custom-background-image):after {
height:0 !important;
}
p, .entry-content p, ul, li {
font-family: 'Metropolis Regular';
font-weight:400;
font-size:16px;
line-height:28px;
color:#293132;
 }
body.search.search-results,
body.blog,
body.single.single-post,
body.archive.category,
body.archive.date,
body.search.search-results,
body.search,
body.error404,
.search.search-results .content-bottom-widgets,
.error404 .content-bottom-widgets,
.search.search-results .content-bottom-widgets,
.blog .content-bottom-widgets,
.single.single-post .content-bottom-widgets,
.archive.category .content-bottom-widgets,
.search.search-no-results .content-bottom-widgets{
background-color:#FFF;
}


body:not(.custom-background-image):before, body:not(.custom-background-image):after,
body:not(.custom-background-image).admin-bar:before {
height:0;
top:0;
background:#fff;
}
body .site,
#page.site {
margin:0px auto;
max-width:100%;
}
.site-inner,
#primary.content-area {
background-color: #fff;
}
.site .site-inner {
max-width:1340px;
}
.site .site-content {
max-width:1340px;
padding:0;
margin:0 auto;
}
#primary.content-area {
max-width:1340px;
margin:0 auto;
}
.site .site-header {
padding:0 30px 0 0;
}
.site-header-main {
padding:20px 0;
position:relative;
max-width:1340px;
margin:0 auto;
}
.site .site-branding {
margin:0 0 0 30px;
width:20%;
clear:none;
display:inline-block;
}
.home-logo a {
display:block;
}
.site-header-main .site-header-menu {
position:absolute;
right:10px;
top:80px;
margin-top:0;
margin-bottom:0;
}
.social {
position:absolute;
right:0px;
display:block;
top:0;
/* width:235px; */
}
.social .widget {
margin-bottom:0;
}
.social img {
float:left;
height:20px;
width:auto;
}
.social .pinkbutton {
font-family: 'Metropolis Medium';
text-transform:uppercase;
font-size:14px;
line-height:22px;
letter-spacing:0.1em;
padding:16px 24px;
}
.social .widget .textwidget a {
border-bottom:none;
text-decoration:none;
box-shadow:none;
display:inline-block;
margin-right:10px;
vertical-align:middle;
}
.social .widget .textwidget a img {
height:20px;
width:20px;
}
.social .widget .textwidget a.donate {
vertical-align:top;
margin-top:-4px;
width:unset;
}
.social .widget .textwidget a.donate .pinkbutton {
padding:12px 20px;
}
.social.mobile {
display:none;
}
.pinkbutton:hover {
background-color:#8666A0;
}
.site-content {
padding: 0;
background-color: #FFF;
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
}
.site-main {
overflow:hidden;
margin-bottom:60px;
}
.content-area {
min-height: 500px;
}
.page-banner {
position:relative;
margin-bottom:50px;
}
.banner-text {
position:absolute;
 top: 50%;
 transform: translateY(-50%);
left:30px;
color:#fff;
max-width:40%;
} 


.banner-text h3,
.entry-content h3.pink {
font-family: 'Metropolis Light';
font-weight:200;
text-transform:uppercase;
margin-bottom:10px;
}
.banner-text h1,
.entry-content h1.pink {
font-family: 'Metropolis Light';
font-weight:200;
font-size:48px;
margin-bottom:10px;
}
.mobile-banner,
.mobile-banner-text {
display:none;
}
header h1.pink,
.entry-content h1.pink,
.entry-content h3.pink {
color:#C83586;
margin-top:10px;
}
h1, h2, h3, h4, h5, h6,
h1.entry-title,
h1.blog-title,
h2.entry-title {
font-family: 'Metropolis Light';
font-weight:200;
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
}
h1, h1.entry-title, h2.entry-title, h2.service-title {
font-family: 'Metropolis Light';
font-weight:200;
font-size:40px;
line-height:58px;
margin-bottom:5px;
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
}
h1.entry-title, h2.entry-title {
display:none;
}
h2.service-title.pink {
color:#C83586;
margin-bottom:40px;
margin-top:40px;
}
.page .entry-content h3 {
margin-bottom:10px;
}

h1.blog-title, .single.single-post h2.entry-title, .error404 h1.page-title {
font-family: 'Metropolis Light';
font-weight:200;
font-size:40px;
line-height:38px;
max-width:100%;
margin-bottom:5px;
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
}
.border-line {
width:100%;
height:15px;
background:linear-gradient(to bottom, #ddd, #eee 10%, #F4F4F5, #fff 90%);
display:block;
margin-bottom:30px;
}

/* Global Colours */ 


.entry-content a {
box-shadow:none !important;
}
.content-area a:hover,
.contant-area a:active {
text-decoration:underline;
outline:none;
}

.search.search-results .main-navigation li.current-menu-item > a,
.search.search-results h1.blog-title,
.blog .main-navigation li > a,
.blog .main-navigation li ul li > a:hover,
.blog .main-navigation li ul li.current-menu-item > a,
.blog h1.blog-title,
.single-post .main-navigation li > a,
.single-post .main-navigation li ul li > a:hover,
.single-post .main-navigation li ul li.current-menu-item > a,
.single-post h1.blog-title,
.archive .main-navigation li > a,
.archive .main-navigation li ul li > a:hover,
.archive .main-navigation li ul li.current-menu-item > a,
.category .page-title,
.search.search-no-results .main-navigation li > a,
.search.search-no-results .main-navigation li ul li > a:hover,
.search.search-no-results .main-navigation li ul li.current-menu-item > a,
.search.search-no-results h1.page-title,
.error404 .main-navigation li > a,
.error404 .main-navigation li ul li > a:hover,
.error404 .main-navigation li ul li.current-menu-item > a,
.error404 h1.page-title,
.archive.category .entry-content a,
.archive.date .entry-content a,
.single.single-post .entry-content a,
.blog .entry-content a,
.blog .entry-content a:visited {
font-weight:400;
outline:none;
}


.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation a:active {
outline:none;
}
.content-area a,
.entry-content a,
.entry-content a:visited {
color:#C83586;
box-shadow:none;
outline:none;
}
.entry-content a:hover,
.entry-content a:focus,
.entry-content a:active {
outline:none;
box-shadow:none;
border:none;
text-decoration:underline;
}


/** SITE NAVIGATION **/ 

.site .main-navigation .menu-item-has-children > a:after {
position:absolute;
content:"";
right: 0;
top: 0;
}
.site .main-navigation .menu-item-has-children > a {
padding-right:10px;
}
.site .main-navigation li > a,
.site .main-navigation li.sub-menu li > a {
font-family: 'Metropolis Medium';
margin:0 7px;
text-transform:none;
font-size:16px;
line-height:24px;
letter-spacing:0.1em;
color:#293132;
}
.site .main-navigation li > a:hover,
.site .main-navigation li:hover > a {
text-decoration:none;
border-bottom:none;
color:#C83586;
}
.site .main-navigation li::after {
content:"|";
float: right;
display: inline;
position: absolute;
vertical-align: top;
/* margin-left: 15px; */
top: -1px;
right: 3px;
}
.site .main-navigation li:last-child::after {
display:none;
content:"";
}
.site .main-navigation li.current-menu-item a,
.site .main-navigation li.current-page-parent a,
.site .main-navigation li.current-menu-ancestor a,
.site .main-navigation li.current-page-ancestor a,
.site .main-navigation li.current-page-parent li.current_page_item > a {
font-weight:400;
color:#C83586;
}
.site .main-navigation li.current-page-parent .sub-menu a,
.site .main-navigation li.current-menu-ancestor .sub-menu a,
.site .main-navigation li.current-menu-item .sub-menu a,
.site .main-navigation li.current-page-ancestor .sub-menu a {
color:#000;
}
.site .main-navigation li.current-page-parent .sub-menu a:hover,
.site .main-navigation li.current-menu-ancestor .sub-menu a:hover,
.site .main-navigation li.current-menu-item .sub-menu a:hover {
color:#C83586;
}
.site .main-navigation li.current-menu-ancestor .sub-menu li.current-menu-item > a {
color:#C83586;
}

.site .main-navigation li ul.sub-menu {
display:none;
}
.site .main-navigation li:hover ul.sub-menu {
padding-left:3px;
left:-5px;
border:none;
display:block;
min-width:250px;
}


.site .main-navigation ul ul {
border-bottom:none;
background-color:#fff;
}
.site .main-navigation ul ul:before {
border:none;
display:none;
}
.main-navigation li ul.sub-menu li {
border:none;
padding:10px 0 0 0;
background-color:#fff;
width:250px;
position:relative;
}
.site .main-navigation ul.sub-menu li ul.sub-menu {
display:block;
position:relative;
margin-left:30px;
padding-left:3px;
left:-5px;
min-width:200px;
width:220px;
}
.site .main-navigation ul.sub-menu li ul.sub-menu li {
min-width:200px;
width:220px;
}
.main-navigation li ul.sub-menu li::after {
content:"";
display:none;
}
.main-navigation li ul.sub-menu li:last-child {
padding-bottom:5px;
}

.site-header-menu {
margin-right: 5px;
float:right;
clear:none;
margin-top:32px;
}
.main-navigation {
display:inline-block;
margin:12px 25px 0 0;
}
.main-navigation .primary-menu > li {
position:relative;
z-index:999;
background-color: #FFF;
}
.main-navigation .primary-menu > li:last-child {
border-right:none;
}
.main-navigation ul ul li {
background-color: #FFF;
}
.main-navigation li a {
font-style: normal;
font-weight: 400;
color:#000;
font-size:14px;
padding:0 5px 2px 0;
margin:0 8px;
text-transform:uppercase;
}
.main-navigation ul.primary-menu button.dropdown-toggle {
display:none;
}


/** Paragraph **/

p, .entry-content p  {
margin-bottom:20px;
}
blockquote, blockquote p {
font-style:normal;
font-size: 16px;
line-height: 22px;
font-family: 'Crimson Text', serif;
color: #231F20;
}
.entry-content blockquote:not(.alignleft):not(.alignright), .entry-summary blockquote, .comment-content blockquote {
margin-left:0;
margin-bottom:0;
width:80%;
border-left:none;
}
blockquote em {
font-style:italic;
font-size: 18px;
line-height: 24px;
}


/* Lists */


p.prelist {
margin-bottom:5px;
}

.entry-content ul,
.widget ul {
list-style-type:none;
margin-left:0;
margin-top:0;
}

.entry-content ul li,
.widget ul li {
margin-bottom:8px;
}
.entry-content ol {
margin-left:22px;
}
.entry-content ol li {
font-family:'Crimson Text', serif;
font-weight:400;
margin-bottom:15px;
font-size:18px;
}
.entry-ccontent ol li strong {
font-weight:700;
}

.entry-content ul li:before,
.widget ul li:before { 
content:"•"; 
float:left;
display:block;
font-size:15px; 
line-height:25px;
vertical-align:top;
margin-left:0;
padding-right:12px;
}

.page .entry-content ul {
margin-left:20px;
}
.page .entry-content ul li:before {
content:"•"; 
float:left;
display:block;
font-size:15px; 
line-height:25px;
vertical-align:top;
margin-left: -18px;
padding-right: 12px;
}




/* Structure */

.no-sidebar .site .entry-header, .no-sidebar .site .entry-content, .no-sidebar .site .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets {
margin-left:0;
margin-right:0;
}

#primary.content-area {
width:100%;
margin-right:auto;
padding:20px 30px;
float:none;
}
.page-id-402 .site #primary.content-area,
.page-template-programs-page #primary.content-area {
padding-right:0;
}

body:not(.search-results) article:not(.type-page) .entry-content,
.search.search-results .entry-content {
float:left;
width:100%;
}

.no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets {
margin-left:0;
margin-right:0;
}


.home .site-main > article {
margin-bottom:60px;
}

.break {
width:100%;
display:block;
clear:both;
height:30px;
}
.page-left {
width:50%;
display:inline-block;
padding-right:10%;
}
.page-right {
width:48%;
margin-left:1%;
display:inline-block;
vertical-align:top;
}

/** HOME PAGE **/

.slide-banner {
position:relative;
}
.slide-banner h1 {
font-family: 'Metropolis Light';
font-weight:200;
color:#fff;
}
.site .lSSlideOuter {
max-width:1340px;
margin:0 auto;
}
.site .lSSlideOuter,
.site .impact {
max-width:1340px;
margin:0 auto;
}
.slider-text {
position:absolute;
top: 50%;
transform: translateY(-50%);
left:30px;
max-width:30%;
text-align: left;
}
.slider-text p {
color:#fff;
font-size:24px;
line-height:42px;
}
.slide-banner .banner-partial img {
width:65%;
margin:0 0 0 auto;
}
.slide-banner .banner-full img {
width:100%;
}
.home-services-button {
text-align:center;
margin-top:50px;
padding-bottom:20px;
}
.home-services-button span.pinkbutton {
font-family: 'Metropolis Medium';
text-transform: uppercase;
font-size: 14px;
line-height: 22px;
letter-spacing: 0.1em;
padding: 16px 24px;
border-radius: 25px;
background-color: #C83586;
color: #F4F4F5;
}
.home-services-button span.pinkbutton:hover {
text-decoration:none;
background-color: #8666A0;
}
.home-services-button a:hover {
text-decoration:none;
color:#F4F4F5;
}
.home-services-button a .pinkbutton img,
.textwidget a .pinkbutton img {
display:inline;
max-height:25px;
width:auto;
margin-left:5px;
margin-top:-2px;
margin-right:0;
}
.home .content-area {
background-image:url('images/WISH-Transparent-Logo.png');
background-repeat:no-repeat;
background-position:50% 100%;
background-size: 50%;
}
#lightSlider1 {
display:none;
}
.home .notice,
.notice {
float:left;
display:block;
margin-top:0px;
margin-bottom:30px;
padding:40px 0 5px 0;
width:100%;
background-color:#fff;
}
.notice p,
.home .notice p {
font-size:20px;
padding:0 20%;
color:#C83586;
text-align:center;
}
.home .notice p a {
color:#C83586;
text-decoration:underline;
}
.home .notice p a:hover {
color:#444;
}

/** Impact **/

.impact {
background-color:#EEEEEE;
background-image:url('images/WISH-Transparent-Logo.png');
background-position:50% 100%;
background-repeat:no-repeat;
background-size: 40%;
}
.impact h2 {
margin-bottom:40px;
}
.impact-content {
max-width:1340px;
margin:0 auto;
padding:60px 30px;
}

.impact-icon img {
max-height:40px;
height:auto;
width:auto;
}
.impact-item {
display:inline-block;
width:13.8%;
padding:20px;
vertical-align:top;
text-align:center;
}

.impact-number {
color:#C83586;
font-size:32px;
margin-top:30px;
margin-bottom:20px;
}


/** SERVICE List **/

.home .site #primary.content-area {
max-width:1340px;
padding-right:0;
}
.program-item {
position:relative;
width:50%;
clear:both;
background-image:url('images/chevron-right-pink.png');
background-position:100% 50%;
background-size:13px 20px;
background-repeat:no-repeat;
border-bottom:2px solid #F4F4F5;
}
.program-icon {
float:left;
display:inline-block;
width:15%;
}
.program-icon img {
vertical-align:middle;
margin-top:30px;
max-height:40px;
width:auto;
}
.program-title {
font-size:24px;
line-height:32px;
font-weight:300;
padding:30px 0 15px 0;
display:inline-block;
}
.program-excerpt p {
margin-bottom:15px;
}
.program-link a {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:9;
}
.program-item:hover {
background-color:#F4F4F5;
}
.service-list {
position:relative;
}
.page-template-home-page .programs-image {
position:absolute;
display:inline-block;
width:35%;
right:0;
top:30px;
}
.page-template-home-page h2.entry-title {
margin-top:40px;
margin-bottom:50px;
color:#C83586;
}

/** Program Listing Page **/


.page-template-programs-page .site-main {
position:relative;
}
.page-template-programs-page .program-item {
float:left;
background-image:none;
padding-bottom:20px;
margin-bottom:10px;
width:45%;
display:inline-block;
}
.page-template-programs-page .program-item.desktop,
.home .program-item.desktop {
display:block;
}
.page-template-programs-page .program-item.mobile,
.home .program-item.mobile {
display:none;
}

.page-template-programs-page .program-title {
font-size:26px;
line-height:34px;
}
.page-template-programs-page .program-item:hover {
background-color:#fff;
}
.page-template-programs-page a.readmore {
color:#C83586;
background-image:url('images/chevron-right-pink.png');
background-position:100% 50%;
background-size:10px 16px;
background-repeat:no-repeat;
text-transform:uppercase;
letter-spacing:2px;
padding-right:20px;
display:block;
}
.program-excerpt {
font-size:18px;
}
.page-template-programs-page .programs-image {
position:absolute;
display:inline-block;
width:45%;
right:0;
top:30px;
text-align:right;
}
.page-template-programs-page h1.entry-title {
margin-top:40px;
margin-bottom:50px;
color:#C83586;
}


/** Single Programs **/

.program-left {
width:60%;
display:inline-block;
vertical-align:top;
}
.program-right {
width:32%;
display:inline-block;
margin-left:7%;
vertical-align:top;
margin-top:30px;
}
.program-right.volunteer {
margin-top:0;
}
.program-left.volunteer h2,
.entry-content .program-right h2 {
font-size:24px;
line-height:42px;
letter-spacing:0;
color:#293132;
}
.program-right .inner {
padding:20px;
background-color:#F6F6F7;
border:2px solid #C83586;
border-radius:10px;
}
.program .program-icon {
margin-bottom:20px;
}
.program-right .inner p {
margin-bottom:20px;
}
.program h1 {
font-family: 'Metropolis Light';
font-weight: 200;
font-size: 48px;
margin-bottom: 20px;
}
.program-right h2 {
font-family: 'Metropolis SemiBold';
font-weight: 200;
font-size: 26px;
margin-bottom: 25px;
}
.program h3 {
font-family: 'Metropolis Light';
font-weight: 200;
text-transform: uppercase;
margin-bottom: 10px;
}
.program-right h4 {
font-family: 'Metropolis Light';
font-weight: 200;
text-transform: uppercase;
margin-bottom: 10px;
margin-top:20px;
color:#C83586;
}
.program-right ul {
list-style-type:none;
margin-left:0;
}
.program-right li {
margin-bottom:10px;
line-height:20px;
}
.site blockquote,
.site .entry-content blockquote:not(.alignleft):not(.alignright), .entry-summary blockquote, .comment-content blockquote {
border-left:2px solid #C83586;
color:#C83586;
margin-left:5%;
margin-bottom:30px;
}
.site blockquote p,
.entry-content blockquote:not(.alignleft):not(.alignright) p, .entry-summary blockquote p, .comment-content blockquote p {
font-family: 'Metropolis Light';
font-weight: 200;
color:#C83586;
margin-bottom:10px;
font-size:20px;
line-height:30px;
}

.site blockquote p:last-of-type,
.site .entry-content blockquote p:last-of-type {
margin-bottom:0;
}
.site blockquote p strong {
font-family: 'Metropolis Light';
font-weight: 200;
text-transform: uppercase;
font-size:16px;
}
.break {
width:100%;
background-color:#F4F4F5;
height:2px;
margin:30px 0;
}
#page strong,
#page b,
strong,
p strong,
.entry-content p strong {
font-family: 'Metropolis SemiBold';
font-weight:400;
}
span.pink {
font-family: 'Metropolis Regular';
color: #C83586;
font-weight:400;
}
.single-program .program-icon img {
max-height:70px;
}

/** Awards **/

.award .page-left {
width:28%;
}
.award .page-right {
width:70%;
padding-bottom:20px;
margin-bottom:40px;
border-bottom:1px solid #F4F4F5;
}
.entry-content .award h2 {
color:#C83586;
}
.award .page-left .award-year {
float:left;
font-size:38px;
padding:60px 35px;
border-radius:50%;
border:3px solid #C83586;
text-align:center;
color:#C83586;
font-family:'Metropolis Light';
font-weight:300;
}
.site .entry-content .award blockquote:not(.alignleft):not(.alignright) {
margin-left:0;
}

/** Calendar **/

.page .eo-fullcalendar .fc-view>table>thead {
background-color:#C83586;
color:#fff;
}
.page .fc-ltr .fc-basic-view .fc-day-number {
color:#C83586;
}
.page .eo-fullcalendar-reset .fc-view-container td {
padding:0 5px 0 0 !important;
}
.page .fc-basic-view tbody .fc-row {
min-height: 170px;
}
.page .fc-event-container a {
background-color:#fff !important;
border:none;
}
.page .fc-day-grid-event .fc-time {
color:#C83586;
word-spacing:-3px;
font-weight:200;
}
.page .fc-title {
color:#293132;
}
.page-header .eo-venue-map {
z-index:1;
}
.archive.no-sidebar .page-header {
border-top:none;
margin-left:0;
margin-right:0;
}
.archive h1.page-title {
margin-bottom:30px;
}
.page .eo-fullcalendar-reset.fc-unthemed .fc-today {
background-color:#F4F4F5;
}
.page .fc-left h2 {
font-family: 'Metropolis Light';
font-size:40px;
line-height:65px;
letter-spacing:2px;
color:#293132;
}

.fc button:hover {
background:#C83586;
}
.single.single-event.no-sidebar:not(.search-results) article:not(.type-page) .entry-content,
.event-template-default.single.single-event .entry-content {
max-width:1280px;
padding:20px 10px;
width:100%;
margin-left:auto;
margin-right:auto;
float:none;
}
.single-event .eventorganiser-event-meta {
margin-top:40px;
padding-bottom:30px;
}

/** About **/

.about-top {
padding-bottom:50px;
background-image:url('images/WISH-Transparent-Logo.png');
background-position:50% 100%;
background-repeat:no-repeat;
background-size:50%;
text-align:center;
}
.first-third {
width:33%;
display:inline-block;
vertical-align:top;
}
.second-third {
width:33%;
display:inline-block;
vertical-align:top;
}
.third-third {
width:33%;
display:inline-block;
vertical-align:top;
}
.about-top img {
padding:10% 10% 0 10%;
}
.entry-content .about-top h3 {
margin-top:30px;
margin-bottom:20px;
}
.first-third h3 {
color:#C83586;
}
.second-third h3 {
color:#521630;
}
.third-third h3 {
color:#8666A0;
}
.first-third .bar {
background-color:#C83586;
height:3px;
width:20%;
margin: 0 auto 20px auto;
}
.second-third .bar {
background-color:#521630;
height:3px;
width:20%;
margin: 0 auto 20px auto;
}
.third-third .bar {
background-color:#8666A0;
height:3px;
width:20%;
margin: 0 auto 20px auto;
}
.about-top p {
padding:0 10%;
}
.about-bottom {
position:relative;
margin-top:40px;
}
.about-bottom-left {
width:60%;
}
.about-bottom-side {
position:absolute;
right:0;
top:5%;
width:38%;
}
.about-bottom-side img {

}


/** FAQ **/

.faq-item {
padding:30px 10px 30px 0;
border-bottom:2px solid #F4F4F5;
}
.faqquestion {
background-image:url('images/chevron-down-pink.png');
background-size:20px 13px;
background-repeat:no-repeat;
background-position:100%;
font-size:24px;
line-height:42px;
font-family:"Metropolis Light";
font-weight:200;
color:#293132;
padding-right:40px;
}
.faqquestion.expanded {
background-image:url('images/chevron-up-pink.png');
background-size:20px 13px;
background-repeat:no-repeat;
background-position:100%;
}
.faqanswer {
margin-top:20px;
}

/** Staff / Board **/

.bio {
width:24.7%;
display:inline-block;
float:none;
min-height:380px;
padding:0 15px;
vertical-align:top;
margin-bottom:30px;
}
.bio img {
margin-bottom:10px;
width:100%;
}
.bio p {
margin-bottom:0px;
}
.entry-content p.staff-name {
font-size:18px;
color:#C83586;
}
.job-title {
font-size:14px;
}
.blank-photo {
width:100%;
height:272px;
background-color:#F4F4F5;
margin-bottom:10px;
}

/** Donations **/

.donate-item {
position:relative;
float:left;
display:inline-block;
width:45%;
margin-right:3%;
padding-bottom:30px;
border-bottom:2px solid #F4F4F5;
margin-top:40px;
}
.donate-left {
float:left;
width:35%;
margin-right:3%;
display:inline-block;
}
.donate-right {
float:left;
width:60%;
text-align:left;
}
.donateexcerpt p.readmore {
float:left;
clear:both;
text-transform:uppercase;
color:#C83586;
margin-bottom:5px;
color:#C83586;
background-image:url('images/chevron-down-pink.png');
background-position:100% 50%;
background-size:20px 13px;
background-repeat:no-repeat;
text-transform:uppercase;
letter-spacing:2px;
padding-right:20px;
}
.donateexcerpt p {
margin-bottom:10px;
}
.donateexcerpt.expanded p.readmore {
background-image:url('images/chevron-up-pink.png');
}
.donate-title {
font-size:24px;
line-height:42px;
font-family:"Metropolis Light";
font-weight:200;
color:#293132;
}

.donatetext {
display:block;
clear:both;
width:100%;
}


/** Reports **/

.report {
width:32%;
display:inline-block;
margin-bottom:30px;
}
.report-left {
width:20%;
display:inline-block;
vertical-align:top;
}
.report-left img {
max-height:70px;
width:auto;
padding:0px 10px 10px 10px;

}
.report-right {
width:75%;
display:inline-block;
vertical-align:top;
}
.report-right {
padding-right:22%;
}
.entry-content .report-right h4 {
text-transform:none;
padding-top:5px;
letter-spacing:normal;
font-weight:200;
line-height:28px;
}
.report-right h4 a img {
height:15px;
width:auto;
vertical-align:top;
margin-top:4px;
margin-left:5px;
display:inline;
}
.page-template-newsletters-page h2 {
margin-bottom:40px;
}

/* Contact */

.site .caldera-grid .btn-default {
font-family: 'Metropolis Medium';
font-weight:400;
font-size:14px;
line-height:22px;
letter-spacing:0.1em;
padding:16px 24px;
text-transform:uppercase;
border-radius:25px;
background-color:#C83586;
color:#F4F4F5;
border:none;
}
.site .caldera-grid .btn-default:hover {
background-color: #8666A0;
}
.site .caldera-grid .form-control:focus {
border-color:#C83586;
box-shadow: none;
}
.caldera-grid .form-control {
font-family: 'Metropolis Regular';
}

/* Footer */

.site .widget {
border-top:none;
}
.site-info {
margin:0;
width:100%;
overflow:hidden;
}
#page.site .site-footer {
max-width:1340px;
margin:0 auto;
padding-left:30px;
padding-right:30px;
}
.site-footer, .site-footer p {
background-color:#212425;
color:#F4F4F5;
padding-bottom:0px;
}
.footer-left {
float:left;
width:40%;
padding-left:20px;
}
.footer-right {
float:left;
width:60%;
}
.footer-left .widget {
float:left;
width:50%;
margin:0;
padding:30px 50px 0 0;
}
.footer-donate,
.footer-content {
width:100%;
clear:both;
display:block;
position:relative;
}
.footer-donate .innerfoot {
padding-top:40px;
padding-bottom:10px;
border-bottom: 1px solid #F4F4F5;
}

.footer-donate #text-2 {
width:100%;
display:inline-block;
margin-left:1%;
text-align:right;
}
.footer-content {
padding-top:40px;
}
.footer-content #text-4,
.footer-content #text-5 {
width:25%;
display:inline-block;
vertical-align:top;
}
.footer-content #text-6 {
width:48%;
display:inline-block;
vertical-align:top;
}
.footer-bottom {
width:100%;
text-align:center;
margin-top:50px;
}
.footer-bottom p {
font-size:12px;
}
.innerfoot {
max-width:1340px;
margin:0 auto;
}
.donate-cta {
font-size:22px;
}
.textwidget .social-footer a {
display:inline-block;
margin-right:15px;
box-shadow:none;
text-decoration:none;
border-bottom:none;
vertical-align: top;
}
.social-footer img {
height:20px;
width:auto;
margin-right:15px;
}
span.pinkbutton {
font-family: 'Metropolis Medium';
text-transform:uppercase;
font-size:14px;
line-height:22px;
letter-spacing:0.1em;
padding:16px 24px;
border-radius:25px;
background-color:#C83586;
color:#F4F4F5;
}
#text-7 {
margin-bottom:0;
}
.footer-content h3.widget-title {
text-transform:none;
font-weight:400;
margin-bottom:10px;
}
.footer-content .pinkbutton {
margin-top:20px;
}
#text-6 h3.widget-title {
padding-bottom:20px;
}
.footer-content a {
color:#fff;
box-shadow:none !important;
}
.footer-content a:hover {
color:#C83586;
}


/** Mailchimp **/

form.mc4wp-form {
max-width:60%;
}
form input {
font-family:'Metropolis Regular';
}
form input[type="text"] {
font-family:'Metropolis Regular';
background:#fff;
background-image:none;
width:40%;
margin-right:5%;
}
form input[type="text"].address {
width:85.5%;
}
form input[type="email"],
form input[type="tel"] {
font-family:'Metropolis Regular';
background:#fff;
background-image:none;
width:85.5%;
}
form input[type="email"]:focus,
form input[type="text"]:focus {
border-color:#C83586;
}
select.country {
font-family:'Metropolis Regular';
width:40%;
height:38px;
font-size:16px !important;
line-height:24px;
padding:10px 0;
background-image:none !important;
background-color:#fff !important;
border:1px solid #D1D1D1;
color:#686868;
}
select.country:focus {
border-color:#C83586;
box-shadow:none;
outline:none;
}
form input[type="radio"] {
margin-left:1px;
}
form input[type="submit"] {
background:#C83586;
background-image:none;
border:none;
border-radius:25px;
color:#fff;
font-family: 'Metropolis Medium';
text-transform: uppercase;
font-size: 14px;
line-height: 22px;
letter-spacing: 0.1em;
padding: 16px 24px;
}
form input[type="submit"]:hover {
background:#8666A0;
}


/** Staff Bios Re-work 2021 **/

.page-template-staff-page .entry-content .bio {
width:33%;
min-height:250px;
}
.page-template-staff-page .entry-content .bio.dir {
width:49%;
min-height:0px;
padding-right:40px;
}
.page-template-staff-page .entry-content .bio.dir .biotext p {
margin-bottom:10px;
}
.page-template-staff-page .entry-content .staff-info h4,
.page-template-staff-page .entry-content .biostart h4 {
font-size:18px;
line-height:26px;
margin-bottom:5px;
}
.page-template-staff-page .entry-content p.pronouns {
font-family: 'Metropolis Light Italic';
font-size:16px;
}
.page-template-staff-page .entry-content .staff-contact a {
color:#293132;
}
.page-template-staff-page .bio.dir .biostart p.pronouns {
display:inline-block;
}
.page-template-staff-page .bio.dir .biostart::after {
  content:"";
  border: solid #293132;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width:10px;
  height:10px;
  margin-left:20px;
}
.page-template-staff-page .bio.dir .biostart.expanded::after {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.page-template-staff-page .bio.dir .biotext img {
max-width:80%;
margin:10px auto 20px auto;
}


/** Ways to Give **/

.page-template-giving-page #page .entry-content,
.entry-content.give {
text-align:center;
}
.entry-content.give h2 {
margin-bottom:10px;
}
.entry-content.give h3 {
margin-bottom:60px;
margin-top:0;
}
.tile {
display:inline-block;
width:32.5%;
vertical-align:top;
text-align:center;
overflow:hidden;
padding:0 15px 30px 15px;
min-height:500px;
margin-bottom:40px;
}
.tile img {
border-radius:50%;
margin:0 auto 25px auto;
padding:0 30px;
width:80%;
}
.entry-content .tile h4 {
font-family: 'Metropolis SemiBold';
margin-bottom:5px;
letter-spacing:1px;
}
.entry-content .tile p {
margin-bottom:10px;
font-size:18px;
line-height:26px;
}
.give-button {
margin-top:10px;
position:relative;
float:left;
width:100%;
text-align:center;
display:block;
}
.give-button .pinkbutton {
font-family: 'Metropolis Medium';
text-transform: uppercase;
font-size: 14px;
line-height: 22px;
letter-spacing: 0.1em;
padding: 16px 24px 14px 24px;
border-radius: 25px;
background-color: #C83586;
color: #F4F4F5;
}
.give-button .pinkbutton:hover {
text-decoration: none;
background-color: #8666A0;
text-decoration:none;
}
.give-button a:hover {
text-decoration:none;
}
.textstart {
padding:0 24px;
}

/** In the Media **/

.filter-bar {
text-align:center;
max-width:750px;
margin:10px auto 40px auto;
}
.filter-bar li {
font-family: 'Metropolis SemiBold';
display:inline-block;
margin-right:15px;
font-size:22px;
line-height:30px;
}
.filter-bar li:after {
content: "|";
float: right;
display: inline-block;
position: relative;
vertical-align: top;
margin-left: 15px; 
color:#000;
}
.filter-bar li:last-of-type {
margin-right:0;
}
.filter-bar li:last-of-type::after {
content:"";
margin-left:0;
display:none;
}
.filter-bar li.active {
color:#C83586;
}
.page-template-media-article-page #page .entry-content,
.page-template-media-article-page .site-main > article {
max-width:750px;
margin:0 auto 20px auto;
}
#medialist {
max-width:750px;
margin:0 auto;
}
.media-article {
font-size:16px;
line-height:24px;
margin-bottom:20px;
width:100%;
}
#medialist .mix{
display: none;
}

.pager-list {
text-align:center;
margin-top:5px;
}
.page-template-template-patterns .pager-list {
margin-top:40px;
}
.pager-list span {
margin:0 5px;
color:#777;
}
.pager-list .disabled span {
color:#aaa
}
.pager-list .pager span:hover, .pager-list .page-number.active span {
color:#C83586;
}

ul.auction {
list-style-type:none;
text-align:center;
}
ul.auction li {
color:#b51e83;
}
.page .entry-content ul.auction li::before {
display:none;
content:"";
}
.page-template-newsletters-page .site-main > article {
margin-bottom:0px;
}
.page .entry-content ul.legacy {
margin-top:20px;
}
.page .entry-content ul.legacy li {
padding-left:20px;
position:relative;
margin-bottom:24px;
}
.page .entry-content ul.legacy li span {
font-size:18px;
line-height:26px;
font-family: 'Metropolis Medium';
}
.page .entry-content ul.legacy li p {
margin:0;
}
.page .entry-content ul.legacy li:before {
position:absolute;
content:"";
background-image:url('images/report-icon.png');
background-size:20px 20px;
background-position:0% 40%;
background-repeat:no-repeat;
display:block;
width:30px;
height:30px;
left:0;
}
.page .entry-content ul.legacy ul {
margin-top:5px;
}
.page .entry-content ul.legacy ul li:before {
position:absolute;
content:"•";
display:block;
width:30px;
height:30px;
background:none;
left:0;
top:3px;
font-size:30px;
}
.page .entry-content ul.legacy ul li {
padding-left:5px;
}
.single-post .post-navigation {
display:none;
}

.home-slider .lSSlideWrapper .lSAction > a {
top:50%;
}
.home-slider .lSAction > .lSPrev {
left:0;
}
.home-slider .lSAction > .lSNext {
right:0;
}
#page .entry-content a.pinkbutton,
#page .entry-content .ladda-button {
font-family: 'Metropolis Medium';
text-transform: uppercase;
font-size: 14px;
line-height: 22px;
letter-spacing: 0.1em;
padding: 12px 20px;
border-radius: 25px;
background-color: #C83586;
color: #F4F4F5;
}
#page .entry-content .ladda-button:focus,
#page .entry-content .ladda-button:hover,
#page .entry-content a.pinkbutton:hover {
font-family: 'Metropolis Medium';
text-transform: uppercase;
font-size: 14px;
line-height: 22px;
letter-spacing: 0.1em;
padding: 12px 20px 13px 20px;
border-radius: 25px;
background-color: #8666A0;
text-decoration:none;
border-bottom:none;
}
#page .entry-content .bootstrap-wrapper.exptop .redNaoControls.col-sm-9 {
background:transparent;
}
#page #text_slider {
text-align:center;
}
#text_slider .owl-item {
font-size:20px;
line-height:30px;
min-height:100%;
}
.sa_owl_theme .owl-item .sa_vert_center_wrap .sa_vert_center {
max-width:70%;
margin:0 auto;
left:15%;
}