/*
Theme Name: BHF (2018)
Template: Divi
Description: Divi Child Theme
Author: Blueline Media Productions
Author URI: https://thisisblueline.com/
Template: divi
Version: 1.0.20
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: divi-child
*/
/* # Global
--------------------------------------- */
#main-content {
overflow-x: hidden;
}
.float-right {
float: right;
}
.float-left {
float: left;
}
/* # Typography
--------------------------------------- */
@font-face {
font-family: 'Gotham Black';
src: url('./fonts/Gotham-Black.eot');
src: url('./fonts/Gotham-Black.eot?#iefix') format('embedded-opentype'),
url('./fonts/Gotham-Black.woff') format('woff'),
url('./fonts/Gotham-Black.ttf'),
url('./fonts/Gotham-Black.svg#Gotham-Black') format('svg');
font-weight: normal;
font-style: normal;
/*font-display: swap;*/
}
@font-face {
font-family: 'Gotham Bold';
src: url('./fonts/Gotham-Bold.eot');
src: url('./fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
url('./fonts/Gotham-Bold.woff') format('woff'),
url('./fonts/Gotham-Bold.ttf'),
url('./fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
font-weight: normal;
font-style: normal;
/*font-display: swap;*/
}
@font-face {
font-family: 'Gotham Light';
src: url('./fonts/Gotham-Light.eot');
src: url('./fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
url('./fonts/Gotham-Light.woff') format('woff'),
url('./fonts/Gotham-Light.ttf'),
url('./fonts/Gotham-Light.svg#Gotham-Light') format('svg');
font-weight: normal;
font-style: normal;
/*font-display: swap;*/
}
@font-face {
font-family: 'Gotham Bold_1';
src: url('./fonts/Gotham-Bold_1.eot');
src: url('./fonts/Gotham-Bold_1.eot?#iefix') format('embedded-opentype'),
url('./fonts/Gotham-Bold_1.woff') format('woff'),
url('./fonts/Gotham-Bold_1.ttf'),
url('./fonts/Gotham-Bold_1.svg#Gotham-Bold') format('svg');
font-weight: normal;
font-style: normal;
/*font-display: swap;*/
}
@font-face {
font-family: 'Gotham Medium';
src: url('./fonts/Gotham-Medium.eot');
src: url('./fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
url('./fonts/Gotham-Medium.woff') format('woff'),
url('./fonts/Gotham-Medium.ttf'),
url('./fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
font-weight: normal;
font-style: normal;
/* font-display: swap;*/
}
@font-face {
font-family: 'Gotham Book';
src: url('./fonts/Gotham-Book.eot');
src: url('./fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
url('./fonts/Gotham-Book.woff') format('woff'),
url('./fonts/Gotham-Book.ttf'),
url('./fonts/Gotham-Book.svg#Gotham-Book') format('svg');
font-weight: normal;
font-style: normal;
/*font-display: swap;*/
}
@font-face {
font-family: 'Gotham XLight';
src: url('./fonts/Gotham-XLight.eot');
src: url('./fonts/Gotham-XLight.eot?#iefix') format('embedded-opentype'),
url('./fonts/Gotham-XLight.woff') format('woff'),
url('./fonts/Gotham-XLight.ttf'),
url('./fonts/Gotham-XLight.svg#Gotham-XLight') format('svg');
font-weight: normal;
font-style: normal;
/*font-display: swap;*/
}
body {
font-family: 'Gotham-Book', Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400; /* Book */
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#safari { font-family:'Open Sans', Arial, sans-serif;
font-style: normal;
font-weight: 400; /* Book */}
}
#top-menu {
font-family: "Gotham-Medium", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 500; /* Medium */
}
h1, h2, h5 {
font-family: "Gotham-Medium", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 800; /* Black */
}
h3 {
font-family: 'Gotham-Book' Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 700; /* Bold */
}
h4 {
font-family: 'Gotham-Book' Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400; /* Regular */
}
/* # Header & Navigation
--------------------------------------- */
.et_header_style_left #et-top-navigation nav>ul>li>a:hover,
.et_header_style_split #et-top-navigation nav>ul>li>a:hover,
.et_header_style_left #et-top-navigation nav>ul>li.current-menu-item:not(.menu-donate) a,
.et_header_style_split #et-top-navigation nav>ul>li.current-menu-item:not(.menu-donate) a,
.et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li.current-menu-item:not(.menu-donate) a,
.et_header_style_split .et-fixed-header #et-top-navigation nav>ul>li.current-menu-item:not(.menu-donate) a{
color: #133241 !important;
}
#et-top-navigation ul li.menu-donate a {
color: white !important;
}
#top-menu-nav {
margin-bottom: 35px;
}
.et_header_style_left #et-top-navigation nav > ul > li > a {
padding-bottom: 0px !important;
margin-bottom: 15px;
font-family: 'Gotham-Bold', Arial, Helvetica, sans-serif;
}
#top-menu .menu-item-has-children > a:first-child {
padding-right: 0;
}
#top-menu .menu-item-has-children > a:first-child::after {
display: none;
}
#top-menu li {
text-transform: uppercase;
}
#top-menu li li {
font-weight: 400; /* Book */
text-transform: capitalize;
text-align: center;
}
#top-menu > li:last-child {
padding-right: 50px;
padding-left: 50px;
}
/* Global Donate Button */
/*#top-menu > li:last-child a,
.et-fixed-header #top-menu:last-child a {
color: white !important;
}*/
#top-menu > li:last-child a:link {
color: white;
letter-spacing: 1px;
background-color: #eb4e31;
border: 2px solid #eb4e31;
border-radius: 17px;
padding: 0px 22px;
line-height: 1.5;
}
#top-menu > li:last-child a:hover {
color: #eb4e31;
letter-spacing: 1px;
background-color: white;
border: 2px solid #eb4e31;
border-radius: 17px;
padding: 0px 22px;
line-height: 1.5;
}
.et_fixed_nav #main-header { z-index: 9998; }
/* # Background Pills Shape
--------------------------------------- */
.bg-pills {
background: #E0E7E0;
width: 80%;
margin: 0 auto;
padding: 25px 25px 0 25px;
position: relative;
}
.bg-pills:before,
.bg-pills:after {
z-index: -1;
position: absolute;
left: 0;
content: '';
background: #E0E7E0;
width: 100%;
min-height: 400px;
}
.bg-pills.tan,
.bg-pills.tan:before,
.bg-pills.tan:after {
background: #f0e1c4;
}
.bg-pills:before {
top: -200px;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
}
.bg-pills:after {
bottom: -200px;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
}
.bg-pills .btn {
position: absolute;
width: 70%;
left: 50%;
transform: translateX(-50%);
bottom: -90px;
padding: 0 !important;
line-height: 30px !important;
}
.bg-pills h2 {
text-align: center;
margin: 0 0 20px 0;
}
.bg-pills h4 {
text-align: center;
}
.bg-pills.text-top-pills .et_pb_text_inner {
margin: -70px 0 0 0;
}
/* we give this it's own class bc Divi doesn't allow for
setting per-column margins at the moment, only padding */
.hoosiers-outrun-bring-up {
margin: -350px 5.5% 0 0;
}
/* # Shapes
--------------------------------------- */
.shapes-row:not(.healthier-tomorrow):not(.outrun-cancer):not(.health-solutions):not(.improve-lives):not(.get-involved):not(.healthy-change):not(.latest-news):not(.donate-today):not(.donate-forms-shapes):not(.contact-us-shapes) {
position: absolute;
top: 0;
bottom: 0;
}
.shapes-row.homepage-hero { /*background: red;*/ }
.shapes-row.homepage-hero .big-circle {
position: absolute;
top: 35px;
left: -170px;
background: url("data:image/svg+xml;utf8,");
width: 325px;
height: 325px;
background-size: cover;
}
.shapes-row.homepage-hero .bottom-quarter-right {
position: absolute;
top: 370px;
left: -27px;
background: url("data:image/svg+xml;utf8,");
width: 190px;
height: 80px;
background-size: cover;
}
.shapes-row.homepage-hero .small-circle {
position: absolute;
top: 319px;
right: -95px;
background: url("data:image/svg+xml;utf8,");
width: 150px;
height: 150px;
background-size: cover;
}
.shapes-row.healthier-tomorrow {
/*background: red;*/
}
.shapes-row.healthier-tomorrow .small-dot {
position: absolute;
top: 125px;
right: 65px;
background: url("data:image/svg+xml;utf8,");
width: 70px;
height: 70px;
background-size: cover;
}
.shapes-row.healthier-tomorrow .half-bottom-left {
position: absolute;
z-index: 1;
top: 40px;
right: 30px;
background: url("data:image/svg+xml;utf8,");
width: 140px;
height: 101px;
background-size: cover;
}
.shapes-row.impact-local {
z-index: 0;
/*background: red;*/
}
.shapes-row.impact-local .big-circle {
position: absolute;
top: 190px;
left: -170px;
background: url("data:image/svg+xml;utf8,");
width: 450px;
height: 450px;
background-size: cover;
}
.shapes-row.impact-local .bottom-quarter-right-90 {
position: absolute;
top: 210px;
left: 90px;
background: url("data:image/svg+xml;utf8,");
width: 200px;
height: 200px;
background-size: cover;
}
.shapes-row.impact-local .half-bottom-left-alt {
position: absolute;
top: 330px;
right: 0;
background: url("data:image/svg+xml;utf8,");
width: 175px;
height: 315px;
background-size: cover;
}
.shapes-row.outrun-cancer {
z-index: 1;
/*background: red;*/
}
.shapes-row.outrun-cancer .small-dot {
position: absolute;
top: 380px;
right: 88px;
background: url("data:image/svg+xml;utf8,");
width: 80px;
height: 80px;
background-size: cover;
}
.shapes-row.outrun-cancer .bottom-quarter-right {
position: absolute;
z-index: 0;
top: 270px;
left: 0;
background: url("data:image/svg+xml;utf8,");
width: 150px;
height: 150px;
background-size: cover;
}
.shapes-row.health-solutions {
z-index: 1;
/*background: red;*/
}
.shapes-row.health-solutions .small-dot {
position: absolute;
top: -150px;
left: 0;
background: url("data:image/svg+xml;utf8,");
width: 65px;
height: 65px;
background-size: cover;
z-index: -1;
}
.shapes-row.health-solutions .half-bottom-left {
position: absolute;
z-index: 1;
top: -134px;
left: -61px;
background: url("data:image/svg+xml;utf8,");
width: 164px;
height: 121px;
background-size: cover;
}
.shapes-row.improve-lives {
z-index: 0;
/*background: red;*/
}
.shapes-row.improve-lives .big-circle {
position: absolute;
top: -40px;
left: -340px;
background: url("data:image/svg+xml;utf8,");
width: 500px;
height: 500px;
background-size: cover;
background-repeat: no-repeat;
}
.shapes-row.improve-lives .small-circle {
position: absolute;
top: 420px;
left: -195px;
background: url("data:image/svg+xml;utf8,");
width: 150px;
height: 150px;
background-size: cover;
}
.shapes-row.improve-lives .bottom-quarter-right-90 {
position: absolute;
top: 154px;
left: 0;
background: url("data:image/svg+xml;utf8,");
width: 200px;
height: 200px;
background-size: cover;
transform: rotate(30deg) !important;
}
.shapes-row.improve-lives .bottom-half-right {
position: absolute;
z-index: 1;
top: -150px;
left: -340px;
background: url("data:image/svg+xml;utf8,");
width: 350px;
height: 350px;
background-size: cover;
transform: rotate(-30deg) !important;
}
.shapes-row.get-involved {
z-index: 0;
/*background: red;*/
}
.shapes-row.get-involved .small-dot {
position: absolute;
top: -120px;
right: 90px;
background: url("data:image/svg+xml;utf8,");
width: 65px;
height: 65px;
background-size: cover;
z-index: -1;
}
.shapes-row.get-involved .half-bottom-left {
position: absolute;
z-index: 1;
top: -210px;
left: 8px;
background: url("data:image/svg+xml;utf8,");
width: 120px;
height: 87px;
background-size: cover;
}
.shapes-row.healthy-change {
z-index: 1;
}
.shapes-row.healthy-change .half-bottom-left {
position: absolute;
z-index: 1;
top: -410px;
right: 40px;
background: url("data:image/svg+xml;utf8,");
width: 156px;
height: 115px;
background-size: cover;
}
.shapes-row.healthy-change .small-dot {
position: absolute;
top: -170px;
left: 60px;
background: url("data:image/svg+xml;utf8,");
width: 65px;
height: 65px;
background-size: cover;
z-index: -1;
}
.shapes-row.healthy-change .big-circle {
position: absolute;
top: -230px;
left: -525px;
background: url("data:image/svg+xml;utf8,");
width: 350px;
height: 350px;
background-size: cover;
background-repeat: no-repeat;
}
.shapes-row.healthy-change .half-bottom-left-alt {
position: absolute;
z-index: 1;
top: -177px;
left: -322px;
background: url("data:image/svg+xml;utf8,");
width: 270px;
height: 243px;
background-size: cover;
}
.shapes-row.healthy-change .top-quarter-left {
position: absolute;
top: -100px;
left: -573px;
background: url("data:image/svg+xml;utf8,");
width: 190px;
height: 190px;
background-size: cover;
}
.shapes-row.latest-news {
z-index: 1;
}
.shapes-row.latest-news .big-circle {
position: absolute;
top: -53px;
left: -200px;
background: url("data:image/svg+xml;utf8,");
width: 380px;
height: 380px;
background-size: cover;
background-repeat: no-repeat;
}
.shapes-row.latest-news .half-bottom-left-alt {
position: absolute;
z-index: 1;
top: 0;
left: -40px;
background: url("data:image/svg+xml;utf8,");
width: 270px;
height: 243px;
background-size: cover;
}
.shapes-row.latest-news .top-quarter-left {
position: absolute;
top: 65px;
left: -270px;
background: url("data:image/svg+xml;utf8,");
width: 170px;
height: 170px;
background-size: cover;
}
.shapes-row.donate-today {
z-index: 1;
}
.shapes-row.donate-today .half-bottom-left {
position: absolute;
z-index: 1;
top: -295px;
right: -75px;
background: url("data:image/svg+xml;utf8,");
width: 156px;
height: 115px;
background-size: cover;
}
.shapes-row.donate-today .small-dot {
position: absolute;
top: -320px;
right: -6px;
background: url("data:image/svg+xml;utf8,");
width: 65px;
height: 65px;
background-size: cover;
z-index: -1;
}
.shapes-row.donate-forms-shapes {
z-index: 1;
}
.shapes-row.donate-forms-shapes .big-circle {
position: absolute;
top: 0;
right: -170px;
background: url("data:image/svg+xml;utf8,");
width: 550px;
height: 550px;
background-size: cover;
}
.shapes-row.donate-forms-shapes .bottom-quarter-right-90 {
position: absolute;
top: 50px;
right: -250px;
background: url("data:image/svg+xml;utf8,");
width: 225px;
height: 225px;
background-size: cover;
}
.shapes-row.donate-forms-shapes .half-bottom-left-alt {
position: absolute;
top: -170px;
left: -46px;
background: url("data:image/svg+xml;utf8,");
width: 327px;
height: 360px;
background-size: cover;
}
.shapes-row.contact-us-shapes {
z-index: 1;
}
.shapes-row.contact-us-shapes .big-circle {
position: absolute;
top: -50px;
left: -200px;
background: url("data:image/svg+xml;utf8,");
width: 370px;
height: 370px;
background-size: cover;
}
.shapes-row.contact-us-shapes .half-bottom-left {
position: absolute;
z-index: 1;
top: 180px;
left: -80px;
background: url("data:image/svg+xml;utf8,");
width: 280px;
height: 206px;
background-size: cover;
}
.shapes-row.contact-us-shapes .top-quarter-left {
position: absolute;
top: 65px;
left: -270px;
background: url("data:image/svg+xml;utf8,");
width: 170px;
height: 170px;
background-size: cover;
}
.volunteer-row,
.benefiting-community {
display: flex;
align-items: center;
justify-content: center;
}
/* # Gallery Timeline
--------------------------------------- */
.gallery-timeline-wrapper {
/*background: red;*/
width: 100%;
height: 650px;
overflow-x: scroll;
position: relative;
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
.gallery-timeline-wrapper .line {
/*z-index: 1;*/
position: absolute;
display: block;
top: 323px;
height: 10px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: #E9B556;
}
.gallery-timeline-wrapper .item {
width: 675px;
height: 100%;
position: relative;
display: inline-block;
flex: 0 0 auto;
margin: 0 -35px;
}
.gallery-timeline-wrapper .item:first-child {
/*background: blue;*/
margin: 0 -35px 0 0;
}
.gallery-timeline-wrapper .item.active:before {
width: 30px;
height: 30px;
}
.gallery-timeline-wrapper .item:before {
content: '';
position: absolute;
left: 35%;
width: 15px;
height: 15px;
border-radius: 50%;
border: 4px solid #5D9184;
background: white;
z-index: 1;
}
.gallery-timeline-wrapper .item .content {
position: absolute;
display: flex;
/*background: green;*/
width: 100%;
height: calc(50% - 30px);
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.gallery-timeline-wrapper .item .date {
position: absolute;
left: 40%;
/*background: red;*/
z-index: 1;
font-size: 25px;
font-weight: 600;
}
.gallery-timeline-wrapper .item:nth-child(odd) .date {
top: -90px;
transform: rotate(-45deg);
}
.gallery-timeline-wrapper .item:nth-child(even) .date {
bottom: -90px;
transform: rotate(45deg);
}
.gallery-timeline-wrapper .item:nth-child(odd):before {
top: calc(50% - 14px);
}
.gallery-timeline-wrapper .item:nth-child(even):before {
bottom: calc(50% - 10px);
}
.gallery-timeline-wrapper .item.active:nth-child(odd):before {
top: calc(50% - 22px);
}
.gallery-timeline-wrapper .item.active:nth-child(even):before {
bottom: calc(50% - 16px);
}
.gallery-timeline-wrapper .item:nth-child(odd) .content {
bottom: 0;
}
.gallery-timeline-wrapper .item:nth-child(even) .content {
top: 0;
}
.gallery-timeline-wrapper .item .content .img-wrap {
/*background: purple;*/
min-width: 200px;
height: 100%;
margin: 0 20px 0 0;
float: left;
display: flex;
align-self: flex-start;
}
.gallery-timeline-wrapper .item:nth-child(odd) .img-wrap img {
align-self: flex-start;
}
.gallery-timeline-wrapper .item:nth-child(even) .img-wrap img {
align-self: flex-end;
}
.gallery-timeline-wrapper .item .content .img-wrap img {
max-width: 100%;
max-height: 100%;
}
.gallery-timeline-wrapper .item .content .text-wrap p {
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
}
.gallery-timeline-wrapper .item .content .text-wrap {
/*background: red;*/
width: 100%;
}
.gallery-timeline-wrapper .item:nth-child(odd) .text-wrap {
top: 0;
align-self: flex-start;
}
.gallery-timeline-wrapper .item:nth-child(even) .text-wrap {
bottom: 0;
align-self: flex-end;
}
.gallery-timeline-wrapper-arrow-wrapper {
position: absolute;
right: -110px;
/*background: red;*/
width: 100px;
height: 600px;
top: 42px;
-ms-transform: rotate(20deg);
-webkit-transform: rotate(20deg);
transform: rotate(-90deg);
}
.gallery-timeline-wrapper-arrow-wrapper .arrow {
opacity: 0;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.gallery-timeline-wrapper-arrow-wrapper .arrow-first {
-webkit-animation: arrow-movement 2s ease-in-out infinite;
animation: arrow-movement 2s ease-in-out infinite;
}
.gallery-timeline-wrapper-arrow-wrapper .arrow-second {
-webkit-animation: arrow-movement 2s 1s ease-in-out infinite;
animation: arrow-movement 2s 1s ease-in-out infinite;
}
.gallery-timeline-wrapper-arrow-wrapper .arrow:before,
.gallery-timeline-wrapper-arrow-wrapper .arrow:after {
background: #E9B556;
content: '';
display: block;
height: 3px;
position: absolute;
top: 0;
left: 0;
width: 30px;
}
.gallery-timeline-wrapper-arrow-wrapper .arrow:before {
-webkit-transform: rotate(45deg) translateX(-23%);
transform: rotate(45deg) translateX(-23%);
-webkit-transform-origin: top left;
transform-origin: top left;
}
.gallery-timeline-wrapper-arrow-wrapper .arrow:after {
-webkit-transform: rotate(-45deg) translateX(23%);
transform: rotate(-45deg) translateX(23%);
-webkit-transform-origin: top right;
transform-origin: top right;
}
@-webkit-keyframes arrow-movement {
0% {
opacity: 0;
top: 45%;
}
70% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes arrow-movement {
0% {
opacity: 0;
top: 45%;
}
70% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*.horizontal-scroll-wrapper {
position: absolute;
display: block;
top: 0;
left: 0;
width: calc(250px + 1px);
max-height: 1080px;
margin: 0;
padding-top: 1px;
background: green;
overflow-y: auto;
overflow-x: hidden;
-webkit-transform: rotate(-90deg) translateY(-250px);
transform: rotate(-90deg) translateY(-250px);
-webkit-transform-origin: right top;
transform-origin: right top;
}
.horizontal-scroll-wrapper > div {
display: block;
padding: 5px;
background: red;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: right top;
transform-origin: right top;
}
.squares {
padding: 250px 0 0 0;
}
.squares > div {
width: 250px;
height: 250px;
margin: 10px 0;
}*/
/* # Body Main
--------------------------------------- */
h1 { /* Large Main Title */
font-size: 48px;
}
h2 { /* Common Title */
color: #033041;
font-size: 32px;
}
h3 { /* Athelas - Large Header */
font-size: 48px;
line-height: 2.2;
}
h4 { /* Athelas - Small Body */
color: #033041;
font-size: 24px;
line-height: 1.8
}
/* Body CTA Button */
a.red-button,
a.red-button:link {
color: #FFFFFF;
font-weight: 800;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
background-color: #eb4e31;
border-radius: 17px;
padding: 3px 35px;
line-height: 2;
}
a.red-button:hover {
color: #eb4e31;
background-color: #FFFFFF;
}
/* CTA Variant Button */
a.red-hollow:link {
color: #eb4e31;
font-size: 14px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
background-color: none;
border-radius: 17px;
border: 1px solid #eb4e31;
padding: 3px 5px;
display: inline-block;
width: 225px;
line-height: 1.5;
margin: 15px 0px;
}
a.red-hollow:hover {
color: #FFFFFF !important;
background-color: #eb4e31;
}
a.red-hollow:visited {
color: #eb4e31;
border: 1px solid #eb4e31;
background-color: none;
}
.staff-members {
z-index: -1;
}
.staff-name {
font-size: 18px;
font-weight: 500;
letter-spacing: 2px;
color: #eb4e31;
line-height: 1.5;
text-transform: uppercase;
}
.staff-title {
font-size: 18px;
font-weight: 400;
letter-spacing: 1px;
color: #033041;
line-height: 1.5;
}
.staff-description {
font-family: "Gotham-Book" Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
color: #033041;
}
ul.whydonate {
}
ul.whydonate li {
line-height: 1.7;
padding-bottom: 7px;
}
/*pullquotes css*/
/*Pull quote text styling*/
blockquote.et-pullquote p {
font-size: 28px;
line-height: 35px;
letter-spacing: 1px;
color: #50baab;
font-weight: 300;
}
/* # News Post
--------------------------------------- */
blockquote.et-pullquote {
border: 0;
}
blockquote.et-pullquote p {
font-size: 28px;
line-height: 35px;
letter-spacing: 1px;
color: #50baab;
font-weight: 300;
font-family: "Gotham-Book" Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
}
.single .et_pb_post {
margin-bottom: 0px;
}
.single .post {
padding-bottom: 0px;
}
#left-area {
padding-bottom: 0px;
}
/* # Divi Hacks
--------------------------------------- */
.five-columns .et_pb_module {width: 20%; float: left;}
/* # Footer
--------------------------------------- */
h5.footer-title {
color: #50baab;
text-transform: uppercase;
font-weight: 800;
}
h5.footer-title:hover {
color: #F1B24B;
}
ul.footer-menu {
list-style-type: none !important;
padding: 0;
}
ul.footer-menu li a:link {
color: #FFFFFF;
text-decoration: none;
line-height: 1.8;
font-size: 14px;
font-weight: 400;
}
ul.footer-menu li a:hover {
color: #50baab;
}
ul.footer-menu li a:visited {
color: #FFFFFF;
}
.footer-bhf {
font-family: 'Gotham-Book', Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 800; /* Black */
font-size: 24px;
letter-spacing: 1px;
color: #FFFFFF;
text-transform: uppercase;
text-align: center;
margin: 0 auto;
display: block;
}
#footer-credit {
color: #FFFFFF;
font-size: 12px;
text-align: center;
}
a.footer-link {
color: #FFFFFF;
padding: 0px 5px;
}
#footer-bottom {
padding: 0px !important;
}
.footer-brand {
width: 100%;
height: 10px;
display: block;
}
.footer-brand .item {
width: 25%;
height: 10px;
float: left;
}
.footer-brand .item:nth-child(1) {
background: #EEE1C7;
}
.footer-brand .item:nth-child(2) {
background: #D35747;
}
.footer-brand .item:nth-child(3) {
background: #EAB451;
}
.footer-brand .item:nth-child(4) {
background: #6DBFB1;
}
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type=submit] {
color: #FFFFFF;
font-weight: 800;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
background-color: #eb4e31;
border-radius: 17px;
padding: 3px 50px;
font-size: .75em !important;
line-height: 2;
}
.mobile-menu-wrapper {
/*display: none;*/
z-index: 10000;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 20px 0;
width: 100%;
height: 100%;
background: #11303F;
text-align: center;
transform: translate(-100%, 0);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.mobile-menu-wrapper ul li {
margin: 15px 0 10px 0;
}
.mobile-menu-wrapper ul li:nth-child(n+7) a {
color: white;
font-weight: 500;
}
.mobile-menu-wrapper ul li:first-child a {
color: white;
background-color:#eb4e31;
border-radius:10px;
padding:5px 35px;
line-height:3;
}
.mobile-menu-wrapper ul li a {
text-transform: uppercase;
color: #6CB8AB;
font-size: 22px;
font-weight: 800;
}
.mobile-menu-wrapper .socials {
width: 100%;
padding: 20px 0;
}
.mobile-menu-wrapper .socials i,
.mobile-menu-wrapper .socials svg {
color: #E8B55D;
font-size: 40px;
}
.mobile-menu-wrapper .socials i:first-of-type,
.mobile-menu-wrapper .socials svg:first-of-type {
margin: 0 10px 0 0;
}
.hamburger-wrapper {
z-index: 100000;
position: fixed;
top: 16px;
right: 16px;
margin: auto;
width: 40px;
height: 26px;
cursor: pointer;
}
@media (min-width: 980px) {
.hamburger-wrapper { display: none; }
}
.hamburger-menu,
.hamburger-menu:after,
.hamburger-menu:before {
width: 40px;
height: 4px;
}
.hamburger-menu {
position: relative;
transform: translateY(11px);
background: #6CB8AB;
transition: all 0ms 300ms;
}
.hamburger-menu.animate {
background: rgba(255, 255, 255, 0);
}
.hamburger-menu:before {
content: "";
position: absolute;
left: 0;
bottom: 11px;
background: #6CB8AB;
transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.hamburger-menu:after {
content: "";
position: absolute;
left: 0;
top: 11px;
background: #6CB8AB;
transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.hamburger-menu.animate:after {
top: 0;
transform: rotate(45deg);
transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.hamburger-menu.animate:before {
bottom: 0;
transform: rotate(-45deg);
transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
/* # Responsive Mobile
--------------------------------------- */
@media all and (min-width: 700px) {
blockquote.et-pullquote{
padding: 0 20px;
max-width: 400px;
}
/*Pull quote Left*/
blockquote.et-pullquote.left{
float: left;
margin: 20px 20px 20px -10%;
}
/*Pull quote Right*/
blockquote.et-pullquote.right{
float: right;
margin: 20px -10% 20px 20px;
}
}
/* --- TABLET START --- */
@media all and (min-width: 768px) and (max-width: 980px) {
h1 { font-size: 42px; }
}
/* --- TABLET STOP --- */
/* --- SMARTPHONE START --- */
@media all and (max-width: 767px) {
h1 { font-size: 32px; }
.staff-name {
text-align: center;
}
.staff-title {
text-align: center;
}
.staff-description {
text-align: center;
}
/*.mobile_menu_bar { display: none; }*/
}
/* --- SMARTPHONE STOP --- */
/* Mobile Fix (Footer - 5 Column Display) */
@media (max-width: 980px){
.five-columns .et_pb_module {width: 33.3%;}
}
@media all and (max-width: 767px) {
.five-columns .et_pb_module {width: 100%;}
}
/*CSS by TechDev (N)*/
/* Enter Your Custom CSS Here */
body a.red-button,
body .bg-pills .btn{
padding: 20px 15px!important;
line-height: 0px!important;
height: 40px;
min-width: 215px;
max-width: 100%;
}
/* Safari 11+ */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
body a.red-button,
body .bg-pills .btn{
padding: 20px 15px!important;
line-height: 0px!important;
height: 40px;
min-width: 200px;
max-width: 100%;
}
}}
/* Safari 10.1 */
@media not all and (min-resolution:.001dpcm){
@supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {
body a.red-button,
body .bg-pills .btn{
padding: 20px 15px!important;
line-height: 0px!important;
height: 40px;
min-width: 215px;
max-width: 100%;
}
}}
/* Safari 6.1-10.0 (not 10.1) */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){
@media {
body a.red-button,
body .bg-pills .btn{
padding: 20px 15px!important;
line-height: 0px!important;
height: 40px;
min-width: 215px;
max-width: 100%;
}
}}
#top-menu > li:last-child a {
display: inline-block;
}
a.red-button {
display: inline-block;
}
.et_pb_text_inner a {
display: inline-block;
cursor: pointer;
}
@media only screen and (max-width: 1199px) {
#logo {
max-height: 50%!important;
}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
#logo {
max-width: 170px;
}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
/* For landscape layouts only */
#logo {
max-width: 170px;
}
}
@media only screen and (max-width: 767px){
body a.red-button,
body .bg-pills .btn{
padding: 20px 15px!important;
line-height: 0px!important;
height: 40px;
min-width: 215px;
max-width: 100%;
}
.et_pb_section.et_pb_section_4.et_section_regular {
padding-top: 0;
padding-bottom: 25px;
}
.et_pb_section.et_pb_section_3.et_section_regular,
.et_pb_row.et_pb_row_5.shapes-row.healthier-tomorrow.et_pb_gutters2,
.et_pb_section.et_pb_section_2.home_sec_3.et_section_regular,
.et_pb_section.et_pb_section_3.et_section_regular {
padding: 0;
}
.et_pb_section.et_pb_section_2.home_sec_3.et_section_regular {
padding-top: 10px;
padding-bottom: 20px;
}
.et_pb_section.et_pb_section_5.et_pb_with_background.et_section_regular {
padding: 15px 0;
}
.et_pb_section.et_pb_section_2.home_sec_3.et_section_regular {
padding: 0;
padding-top: 15px;
}
}
body a.red-button, body .bg-pills .btn {
padding: 5px 35px!important;
line-height: 40px!important;
height: 50px;
}