body { background: #fff; font-family: Raleway, Arial, sans-serif;}
/****************** Navigation *******************/
nav {margin: 0; overflow:hidden;}
nav ul {margin:0;padding:0;}
nav ul li {display: inline-block; list-style-type:none;}
nav > ul > li > a {color: #b1b1b1; padding: 0.5em 0.5em;text-decoration:none;}
nav>ul>li a:hover {color: #6e6e6e;}
#border-menu {
border-bottom: 8px solid #1e1e1e;
}
#login-menu {width:200px;height: 71px; background-color: #1e1e1e; color:#ffffff;}
#login-menu a{color:#7d7d7d;font-size:12px;}
nav>ul>li {padding-left: 25px;}
nav>ul>li:first-child {padding-left:0px;}
ul.menu li {font-size: 0.8em;}
ul.menu li a {color:#C6C6C6;}
ul.menu li a:hover {color:#6e6e6e;}
.p100 {
padding-top: 100px;
}
.top-bar {
border-bottom: 6px solid #1e1e1e;
background: #2e2e2e;
padding: 0;
}
#nav-secondary{
background:#1e1e1e; 
}
#nav-secondary li a{
color:#fff; 
}
#nav-secondary li a:hover{
color:#eee; 
}
#menu-secondary-nav {
height: 2.5rem;
background: #1e1e1e;
padding: 0px 10px 0px 10px;
text-align:right;
}
#menu-secondary-nav>li {
float:right;
}
.menu-item-2483 {
padding: 0;
}
.top-bar ul {
background: #2e2e2e;
}
#menu-menu a {
text-transform: uppercase;
}
.button-give {
display: inline-block;
text-align: center;
line-height: 1;
cursor: pointer;
-webkit-appearance: none;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
vertical-align: middle;
border: 1px solid transparent;
border-radius: 0;
padding: 10px 15px 8px 15px;
margin: 0 0 1rem 0;
font-size: 0.9rem;
background-color: #6eb138;
color: #1e1e1e;
border-bottom: 4px solid #578c2c;
}
[data-whatinput='mouse'] .button-give {
outline: 0; }
.button-give:hover, .button:focus {
background-color: #578c2c;
color: #fefefe;
}
#give {position: relative; top:8px;}
/****************** Header *******************/
#section-one {overflow:hidden;border-bottom: 6px solid #1e94b2;}
/****************** Section *******************/
.section1-bg {
background-image: url(../img/bg.jpg);
}
section.container.module.html-content.p1.font-dark {
padding: 0;
margin: 0;
}
#header-title {padding-top:80px;}
#heading-howitworks, #heading-check {
float: left;
}
#heading-check {
padding-left: 20px;
}
#heading-box {
width: 100%;
padding-left:28%;
}
.bg-center {
background: #4b8ea9 bottom center repeat-x;
}
#p-sec1 {color: #2e2e2e;line-height: 35px; font-size: 18px;text-align: left; padding: 70px 40px;}
#ColorBar {
width: 100%;
height: 6px;
margin-top: 2%;
overflow: hidden;
}
#subDiv1, #subDiv2, #subDiv3, #subDiv4, #subDiv5 {
width: 20%;
height: 6px;
}
#subDiv1 {
background-color: #01e6b8;
float: left;
}
#subDiv2 {
background-color: #acde00;
float: left;
}
#subDiv3 {
background-color: #f89a20;
float: left;
}
#subDiv4 {
background-color: #de0059;
float: left;
}
#subDiv5 {
background-color: #00b2de;
float: left;
}
#whoisbgea {
border-left: 4px solid #00b2de;padding-left: 25px; margin-top: 30px; color: #7e7e7e;
}
.learnmore-1 {
margin-top:80px;
background: #6eb138;
color: #ffffff;
}
a.learnmore-1 {
background: #6eb138;
color: #ffffff;
border-bottom: 4px solid #578c2c;
}
.whoisjesus p {
color: #7e7e7e;
line-height: 30px;
text-align: center;
}
.whoisjesus h4 {
color: #d96062;
text-align: center;
font-weight: bold;
}
.whoisjesus img {
display: block;
margin: 0 auto;
}
.whoisjesus-net h1 {
text-align: center;
padding-top: 0px;
}
.whoisjesus-net-border {
border: 4px solid #000000;
padding: 7px;
margin: 0 auto;
width: 648px;
font-size: 50px;
margin-bottom: 60px;
}
.whoisjesus-net-border-one {
border: 4px solid #000000;
padding: 7px;
margin: 0 auto;
margin-bottom: 60px;
width: 570px;
font-size: 50px;
}
.whoisjesus-net {
border-bottom: 1px solid #d8d8d8;
}
.whoisjesus {
padding-left:40px;
padding-right:40px;
}
.maps p {font-size:0.7em;}
#countries {
padding-top: 50px;
padding-bottom: 40px;
overflow:hidden;
}
#countries h2 {
padding-bottom: 25px;
color: #2e2e2e;
font-size: 2.3em;
}
.box {
display: inline-block;
text-align: center;
}
.top-countries {
overflow: hidden;
}
#stories {
font-size: 3em;
text-align: center;
}
#content-slider {
padding-top: 50px;
padding-bottom: 40px;
}
#content-slider h1 {
padding-bottom: 30px;
font-size: 4em;
color: #8a8e97;
}
#content-slider h2 {
color: #53555c;
}
#content-slider p {
color: #8a8e9a;
}
button.hollow.button.stories-btn {
border: 1px solid #8b8f98;
color: #8b8f98;
}
#section-one h1 {
padding: 45px 45px;
font-size: 4.3em;
text-transform: uppercase;
}
#arrow {
margin: 15px 30px;
}
#section-two {
overflow: hidden;
}
footer.site-footer {
background-color: #2e2e2e;
padding-top: 20px;
padding-bottom: 100px;
color: #A6A6A6;
border-top: 8px solid #1e1e1e;
}
#team h1 {
padding-bottom: 50px;
}
#ourimpact {
text-align: center;
padding: 100px 100px;
}
#ourimpact h1 {
text-transform: uppercase;
color: #2e2e2e;
}
#ourimpact img {
padding:80px 80px;
}
#ourimpact p {
color: #7e7e7e;
font-style: italic;
}
#involved ul {
list-style: none;
margin: 0;
width: 100%;
}
#involved ul li {
display: inline;
float: left;
}
#involved ul li:last-child {
padding-left: 20px;
}
#involved p {
color: #2e2e2e;
}
#involved {
background-size: inherit !important;
height: 1030px;
border-bottom: 6px solid #d24941;
margin: 0 0 225px 0;
}
.ipad {
padding: 60px 60px;
}
#howitworks-1 {
border-bottom: 6px solid #10789e;
height: 900px;
margin-bottom: 190px;
background: #4a8ea9!important;
}
#sharewithothers-1 {
border-bottom: 6px solid #f47934;
}
#involved h1 {
margin-top:70px;
}
/******************* CALL TO ACTION BTNS ******************/
.calltoaction {
background-image: url(../img/bg.gif);
background-position: inherit;
padding-top: 40px;
padding-bottom: 10px;
}
.calltoaction h4 {
padding-bottom: 20px;
}
.calltoaction a {
background: #6eb138;
width: 220px;
border-bottom: 4px solid #578c2c;
}
.action-btn {
width: 385px;
height: 125px;
background-color: #5d797e;
}
.action-img {
float:left;
width: 108px;
height: 125px;
}
.text-btn {
width: 248px;
height: 125px;
float: left;
}
.text-btn h3 {
padding-left: 13px;
padding-top: 12px;
}
.text-btn p {
font-size: 15px;
padding-left:13px;
line-height: 18px;
}
/*************** REAL-TIME DECISIONS **************/
#ticker-box {
width: 100%;
height: 48px;
border: 1px solid #d63640;
background-color: #ffffff;
margin: 0 auto;
margin-top: 80px;
}
#red-box {
background-color:#f24b5d;
width: 25%;
float:left;
height: 46px;
}
#red-box h3 {
color: #ffffff;
font-weight: 300;
text-align: center;
position: relative;
top: 14px;
font-size: 17px;
}
#white-box {
height: 46px;
width: 75%;
float: right;
background-image: url(../img/direction-ticker.jpg);
background-repeat: no-repeat;
}
#white-box p {
padding-left:30px;
padding-top: 10px;
}
.border-txt {
line-height: 35px;
margin-bottom: 55px;
width: 485px;
}
/******* Front Page Orbit Slider ********/
.orbit-container {
height: 300px!important;
}
#gdyptord h2 {
padding-bottom: 20px;
}
#gdyptord p {
padding-bottom: 20px;
}
#gdyptord img {
vertical-align: middle;
border: 7px solid white;
box-shadow: 1px 1px 5px #888888;
-ms-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
transform: rotate(1deg);
margin: 20px 0 0 0;
}
/******* Impact Page ********/
.impact p {
font-size: 0.8em;
font-weight: bold;
line-height: 3px;
}
.impact h1 {
font-weight: bold;
}
h1.color0 {
color: #6EB138;
}
h1.color1 {
color: #f96154;
}
h1.color2 {
color: #29556d;
}
/******* form edits ********/
.callout.primary {
background-color: #ffffff !important;
}
/******* #response ********/
.laptop1 img {
padding-top: 80px;
padding-bottom:30px;
}
.desktop1 img {
padding-bottom:30px;
}
/******* #response ********/
#response p {
padding-left: 30px;
border-left: 4px solid #19b6d7;
line-height: 35px;
}
#response {
height: 595px;
padding-top: 80px;
}
#response h4 {
line-height: 29px;
font-size: 24px;
padding-bottom: 24px;
}
#response img {
padding-top: 115px;
}
.text-divider {
height: 100px;
}
.text-divider h4 {
padding-top:35px;
}
/********* IMPACT BLOCK ********/
#impact-block h1 {
padding-top: 85px;
}
#impact-block p {
padding-left: 30px;
border-left: 4px solid #19a8dd;
margin-top: 32px;
line-height: 35px;
}
#impact-block h4 {
line-height: 30px;
}
/***** Block BTN *****/
a.button.hollow {
border: 1px solid #d24941;
color: #d24941;
}
.block-btn {
text-decoration: none;
color: #d24941;
padding: 15px 15px;
border: 2px solid #d24941;
}
a.block-btn {
color: #d24941;
}
.block-btn:hover {
color: #e86f68;
border: 2px solid #e86f68;
}
/********* DONATE BTN 1 *********/
.give-btn a {
border-bottom: 4px solid #578c2c;
background: #6eb138;
margin: 0 0 0 10px;
font-weight: bold;
}
.give-btn a:hover {
background: #578c2c;
}
.subpagechurchesbutton1 {
width: 376px;
height: 120px;
background-color: #5d797e;
margin-top: 10px;
}
.subpagechurchesicon1 {
width: 115px;
height: 119px;
background-image: url(../img/hang.jpg);
background-repeat: no-repeat;
position: absolute;
}
.subpageboxtitle1 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 28px;
color: #ffffff;
position: inherit;
left: 0px;
width: 230px;
margin-left: 125px;
padding-top: 20px;
}
.boxcontent_subpagechurches1 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color: white;
position: relative;
width: 230px;
margin-top: 0px;
margin-left: 125px;
line-height: 18px;
}
.subpagechurchesbutton1:hover {
opacity: 0.9;
}
/********* DONATE BTN 2 *********/
.subpagechurchesbutton2 {
width: 376px;
height: 120px;
background-color: #5d797e;
margin-top: 10px;
}
.subpagechurchesicon2 {
width: 115px;
height: 119px;
background-image: url(../img/dollar-icon.jpg);
background-repeat: no-repeat;
position: absolute;
}
.subpageboxtitle2 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 28px;
color: #ffffff;
position: inherit;
left: 0px;
width: 260px;
margin-left: 125px;
padding-top: 20px;
}
.boxcontent_subpagechurches2 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color: white;
position: relative;
width: 250px;
margin-top: 0px;
margin-left: 125px;
line-height: 18px;
}
.subpagechurchesbutton2:hover {
opacity: 0.9;
}
/********* DONATE BTN 3 *********/
.subpagechurchesbutton3 {
width: 376px;
height: 120px;
background-color: #5d797e;
margin-top: 10px;
}
.subpagechurchesicon3 {
width: 115px;
height: 119px;
background-image: url(../img/church-icon.jpg);
background-repeat: no-repeat;
position: absolute;
}
.subpageboxtitle3 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 28px;
color: #ffffff;
position: inherit;
left: 0px;
width: 260px;
margin-left: 125px;
padding-top: 20px;
}
.boxcontent_subpagechurches3 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color: white;
position: relative;
width: 250px;
margin-top: 0px;
margin-left: 125px;
line-height: 18px;
}
.subpagechurchesbutton3:hover {
opacity: 0.9;
}
/********** BLOCK TITLE ***********/
.block-title {
border: 4px solid #000000;
padding: 7px;
margin: 0 auto;
margin-top: 100px;
width: 610px;
}
#volunteer-h2 {
width: 680px;
}
/*********** SECTION BREAKER LINE ************/
.section-break-border {
border-bottom: 1px solid #d8d8d8;
}
/******** SECTIONS PADDING TOP/BOTTOM **********/
.padding-top-bottom {
padding-top: 100px;
padding-bottom: 100px;
}
.title-padding {
padding-bottom: 40px;
font-size: 43px;
}
/*********** DONATE BTN PADDING-TOP ***********/
.donate-top-padding {
padding-top: 200px;
padding-bottom: 45px;
}
/********** Get Involved Top p *********/
#get-involved-txt p {
line-height: 35px;
font-size: 18px;
padding: 0 0 73px 0;
}
.title-margin-top {
margin-top:80px;
}
/********* MACBOOK *********/
.md-macbook-pro {
width: 55.3125em;
height: 31.875em;
font-size: 21px;
margin-top: 60px;
margin-bottom: 60px;
}
.md-macbook-pro .md-lid {
width: 45em;
height: 28.625em;
margin: 0 auto;
position: relative;
border-radius: 1.875em;
border: solid 0.1875em #cdced1;
background: #131313;
}
.md-macbook-pro .md-camera {
width: 0.375em;
height: 0.375em;
margin: 0 auto;
position: relative;
top: 1.0625em;
background: #000;
border-radius: 100%;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.25);
}
.md-macbook-pro .md-camera:after {
content: "";
display: block;
width: 0.125em;
height: 0.125em;
position: absolute;
left: 0.125em;
top: 0.0625em;
background: #353542;
border-radius: 100%;
}
.md-macbook-pro .md-screen {
width: 42.25em;
margin: auto;
position: relative;
top: 2.0625em;
background: #1d1d1d;
overflow: hidden;
box-display: flex;
}
.md-macbook-pro .md-screen img {
width: 100%;
box-display: flex;
}
.md-macbook-pro .md-base {
width: 100%;
height: 0.9375em;
position: relative;
top: -0.75em;
background: #c6c7ca;
}
.md-macbook-pro .md-base:after {
content: "";
display: block;
width: 100%;
height: 0.5em;
margin: 0 auto;
position: relative;
bottom: -0.1875em;
background: #b9babe;
border-radius: 0 0 1.25em 1.25em;
}
.md-macbook-pro .md-base:before {
content: "";
display: block;
width: 7.6875em;
height: 0.625em;
margin: 0 auto;
position: relative;
background: #a6a8ad;
border-radius: 0 0 0.625em 0.625em;
}
.md-macbook-pro.md-glare .md-lid:after {
content: "";
display: block;
width: 50%;
height: 100%;
position: absolute;
top: 0;
right: 0;
border-radius: 0 1.25em 0 0;
background: -webkit-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
background: -moz-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
background: -o-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
background: linear-gradient(53deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
}
/************* IPAD ****************/
.md-ipad .md-body {
width: 100%;
height: 100%;
border-radius: 3.75em;
border-style: solid;
border-width: 0.375em;
position: relative;
}
.md-ipad .md-screen {
position: relative;
margin: 0 auto;
background-color: #161616;
border-radius: 0.25em;
overflow: hidden;
box-shadow: 0 0 0px 3px #161616;
}
.md-ipad .md-screen img {
width: 100%;
}
.md-ipad .md-home-button {
display: block;
width: 3.625em;
height: 3.625em;
margin: 0 auto;
position: relative;
border-radius: 100%;
border: none;
cursor: default;
font-size: 100%;
}
.md-ipad .md-home-button:after {
content: "";
display: block;
width: 1.125em;
height: 1.125em;
margin: 0 auto;
position: relative;
border-style: solid;
border-width: 0.125em;
border-radius: 0.25em;
}
.md-ipad .md-front-camera {
width: 0.875em;
height: 0.875em;
margin: 0 auto;
position: relative;
border-radius: 100%;
}
.md-ipad .md-front-camera:after {
content: "";
display: block;
width: 0.375em;
height: 0.375em;
position: relative;
top: 0.25em;
left: 0.25em;
background-color: #8c8091;
border-radius: 100%;
}
.md-ipad.md-glare:before {
content: "";
display: block;
width: 50%;
height: 83%;
position: absolute;
top: 0.625em;
right: 0.625em;
border-radius: 0 3.125em 0 0;
z-index: 1;
}
.md-ipad {
width: 53.375em;
height: 79.4375em;
position: relative;
}
.md-ipad .md-front-camera {
top: 3.125em;
}
.md-ipad .md-screen {
width: 48em;
height: 64em;
top: 6.25em;
}
.md-ipad .md-home-button {
bottom: -8.75em;
}
.md-ipad.md-glare:before {
background: -webkit-linear-gradient(22deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
background: -moz-linear-gradient(22deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
background: -o-linear-gradient(22deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
background: linear-gradient(68deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
}
.md-ipad.md-landscape {
-webkit-transform: rotateZ(90deg);
-moz-transform: rotateZ(90deg);
-ms-transform: rotateZ(90deg);
-o-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
.md-ipad.md-landscape.md-glare:before {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
left: 0.625em;
top: 0.625em;
}
.md-white-device .md-front-camera, .md-white-device .md-top-speaker, .md-white-device .md-home-button {
background: -webkit-linear-gradient(#d0d0c5, #eeeeea);
background: -moz-linear-gradient(#d0d0c5, #eeeeea);
background: -o-linear-gradient(#d0d0c5, #eeeeea);
background: linear-gradient(#d0d0c5, #eeeeea);
}
.md-black-device .md-front-camera, .md-black-device .md-top-speaker, .md-black-device .md-home-button {
background: -webkit-linear-gradient(#141917, #202623);
background: -moz-linear-gradient(#141917, #202623);
background: -o-linear-gradient(#141917, #202623);
background: linear-gradient(#141917, #202623);
}
.md-white-device.md-landscape .md-home-button, .md-white-device.md-landscape .md-front-camera, .md-white-device.md-landscape .md-top-speaker {
background: -webkit-linear-gradient(left, #d0d0c5, #eeeeea);
background: -moz-linear-gradient(left, #d0d0c5, #eeeeea);
background: -o-linear-gradient(left, #d0d0c5, #eeeeea);
background: linear-gradient(to right, #d0d0c5, #eeeeea);
}
.md-black-device.md-landscape .md-home-button, .md-black-device.md-landscape .md-front-camera, .md-black-device.md-landscape .md-top-speaker {
background: -webkit-linear-gradient(left, #141917, #202623);
background: -moz-linear-gradient(left, #141917, #202623);
background: -o-linear-gradient(left, #141917, #202623);
background: linear-gradient(to right, #141917, #202623);
}
.md-white-device .md-body {
background-color: #ebebe4;
border-color: #f1f2eb;
}
.md-white-device .md-buttons {
background-color: #ebebe4;
}
.md-white-device .md-buttons:after, .md-white-device .md-buttons:before {
background-color: #ebebe4;
}
.md-white-device .md-front-camera:after {
background-color: #8c8091;
}
.md-white-device .md-top-speaker:after {
background-color: #4b414a;
}
.md-white-device .md-home-button:after {
border-color: #eff1e6;
}
.md-white-device:after {
background: #ebebe4;
}
.md-black-device .md-body {
background-color: #1b211e;
border-color: #282e2b;
}
.md-black-device .md-buttons {
background-color: #1b211e;
}
.md-black-device .md-buttons:after, .md-black-device .md-buttons:before {
background-color: #1b211e;
}
.md-black-device .md-front-camera:after {
background-color: #2c292f;
}
.md-black-device .md-top-speaker:after {
background-color: #191616;
}
.md-black-device .md-home-button:after {
border-color: #444a45;
}
.md-black-device:after {
background: #1b211e;
}
/************** IMAC *****************/
.md-imac {
margin: 0 auto;
width: 62.5em;
height: 50em;
margin-top: 80px;
margin-bottom: 80px;
-webkit-transform: translate3d(0, 0, 0);
}
.md-imac .md-body {
width: 100%;
height: 43.125em;
background: #c6c7ca;
border-radius: 1.875em;
overflow: hidden;
}
.md-imac .md-top {
width: 100%;
height: 37.1875em;
background: #0f0f0f;
border-radius: 1.875em 1.875em 0 0;
position: relative;
}
.md-imac .md-screen {
width: 57.5em;
height: 32.375em;
margin: 0 auto;
position: relative;
top: 2.375em;
background: #17171a;
overflow: hidden;
}
.md-imac .md-screen img {
width: 100%;
}
.md-imac .md-camera {
width: 0.375em;
height: 0.375em;
margin: 0 auto;
position: relative;
top: 1.25em;
background: #000;
border-radius: 100%;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.25);
}
.md-imac .md-camera:after {
content: "";
display: block;
width: 0.125em;
height: 0.125em;
position: absolute;
left: 0.125em;
top: 0.0625em;
background: #353542;
border-radius: 100%;
}
.md-imac .md-base {
width: 19.25em;
height: 6.875em;
margin: -0.5em auto;
}
.md-imac .md-stand {
width: 13.125em;
height: 6.125em;
margin: 0 auto;
background: #cccdcf;
background: -webkit-linear-gradient(#b7b8bb, #cccdcf 50%, #d9dadb 80%, #cccdcf, #bfc0c3);
background: -moz-linear-gradient(#b7b8bb, #cccdcf 50%, #d9dadb 80%, #cccdcf, #bfc0c3);
background: -o-linear-gradient(#b7b8bb, #cccdcf 50%, #d9dadb 80%, #cccdcf, #bfc0c3);
background: linear-gradient(#b7b8bb, #cccdcf 50%, #d9dadb 80%, #cccdcf, #bfc0c3);
-webkit-transform: perspective(50em) rotate3d(1, 0, 0, 30deg);
-moz-transform: perspective(50em) rotate3d(1, 0, 0, 30deg);
-ms-transform: perspective(50em) rotate3d(1, 0, 0, 30deg);
-o-transform: perspective(50em) rotate3d(1, 0, 0, 30deg);
transform: perspective(50em) rotate3d(1, 0, 0, 30deg);
}
.md-imac .md-foot {
width: 15em;
height: 3.125em;
margin: 0 auto;
position: relative;
bottom: 1.5em;
border-radius: 0 0 0.625em 0.625em;
background: -webkit-linear-gradient(#bfc0c3 20%, #cccdcf);
background: -moz-linear-gradient(#bfc0c3 20%, #cccdcf);
background: -o-linear-gradient(#bfc0c3 20%, #cccdcf);
background: linear-gradient(#bfc0c3 20%, #cccdcf);
-webkit-transform: perspective(11.875em) rotate3d(1, 0, 0, 70deg);
-moz-transform: perspective(11.875em) rotate3d(1, 0, 0, 70deg);
-ms-transform: perspective(11.875em) rotate3d(1, 0, 0, 70deg);
-o-transform: perspective(11.875em) rotate3d(1, 0, 0, 70deg);
transform: perspective(11.875em) rotate3d(1, 0, 0, 70deg);
box-shadow: 0 0.375em 0 #bfc0c3;
}
.md-imac.md-glare .md-top:after {
content: "";
display: block;
width: 50%;
height: 100%;
position: absolute;
top: 0;
right: 0;
border-radius: 0 1.25em 0 0;
background: -webkit-linear-gradient(42deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
background: -moz-linear-gradient(42deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
background: -o-linear-gradient(42deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
background: linear-gradient(48deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
}
/********* dash between h1 and p tag on share with others ***********/
.dash {
width: 100px;
height: 3px;
background-color: #c0c0c0;
margin: 0 auto;
margin-bottom: 20px;
margin-top: 16px;
}
.day p {
width: 70%;
margin: 0 auto;
}
p.text-day {
color: #6C6C6C;
}
.light-text {
color: #757575;
}
#seven-day h1 {
padding-bottom: 25px;
font-size: 60px;
}
#seven-day i {
font-size: 25px;
font-weight: bolder;
}
#seven-day p {
line-height: 35px;
}
/****** Front page elements  ********/
.dash-front {
width: 100px;
height: 3px;
background-color: #c0c0c0;
margin-bottom: 20px;
margin-top: 16px;
}
.dash-center {
width: 100px;
height: 3px;
background-color: #c0c0c0;
margin-bottom: 20px;
margin-top: 16px;
margin: 0 auto;
}
.front-p {
line-height: 35px;
margin-top: 40px;
}
b.front-b {
line-height: 30px;
font-size: 20px;
}
img.impact-chart {
}
/******* TOP COUNTRIES *********/
.country-list {
width: 100%;
text-align: center;
display: inline-flex;
font-size: 12px;
}
.country-box {
text-align: center;
text-transform: uppercase;
display: inline-block;
padding: 10px;
}
@media (max-width:480px) {
.p100 {padding-top: 0;}
.title-margin-top {
margin-top: 40px;
}
.whoisjesus-net-border {
border: 4px solid #000000;
padding: 7px;
margin: 0 auto;
width: 100%;
font-size: 28px;
margin-bottom: 60px;
}
.whoisjesus-net-border-one {
border: 4px solid #000000;
padding: 7px;
margin: 0 auto;
width: 100%;
font-size: 28px;
margin-bottom: 60px;
}
/******* nav edits ********/
.whoisjesus-net h1 {
text-align: center;
padding-top: 0px;
padding-bottom: 30px;
}
#menu-secondary-nav {
height: 76px;
background: #1e1e1e;
padding: 0;
}
/******* give btn mobile edits *******/
.give-btn a {
border-bottom: 4px solid #578c2c;
background: #6eb138;
margin: 0 auto;
font-weight: bold;
}
.give-btn a:hover {
background: #578c2c;
}
.front-p {
line-height: 35px;
padding: 0;
border-left: 0;;
margin-top: 40px;
}
#involved h1 {
margin: 0;
}
.title-padding {
padding-bottom: 40px;
text-align: center;
font-size: 24px;
}
#get-involved-txt p {
line-height: 35px;
font-size: inherit;
padding: 0 0 73px 0;
}
.border-txt {
padding: 0;
border: 0;
line-height: 35px;
margin-bottom: 55px;
width: 485px;
}
.small-video {
padding: 40px 0;
}
#involved {
background-size: inherit !important;
height: 410px;
border-bottom: 6px solid #d24941;
margin: 0 0 90px 0;
}
#volunteer-h2 {
width: 100%;
}
.block-title {
border: 4px solid #000000;
padding: 7px;
margin: 0 auto;
margin-top: 100px;
width: 100%;
}
/**** Donate btn's *******/
.donate-top-padding {
padding-top: 0;
padding-bottom: 0;
}
.boxcontent_subpagechurches1 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
color: white;
position: relative;
width: 175px;
margin-top: 0px;
margin-left: 125px;
line-height: 18px;
}
.boxcontent_subpagechurches2 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
color: white;
position: relative;
width: 175px;
margin-top: 0px;
margin-left: 125px;
line-height: 18px;
}
.boxcontent_subpagechurches3 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
color: white;
position: relative;
width: 175px;
margin-top: 0px;
margin-left: 125px;
line-height: 18px;
}
.subpagechurchesbutton1 {
width: 100%;
}
.subpagechurchesbutton2 {
width: 100%;
}
.subpagechurchesbutton3 {
width: 100%;
}
img#arrow {
width: 71px;
}
.padding-top-bottom {
padding-top: 50px;
padding-bottom: 50px;
margin: 0 auto;
}
#seven-day h1 {
padding-bottom: 25px;
font-size: 35px;
}
#section-one h1 {
padding-top: 25px;
font-size: 1.9em;
text-transform: uppercase;
}
.text-divider h4 {
padding-top: 29px;
}
#arrow {
margin-top: -30px;
}
img {
max-width: 80%;
/* padding-top: 40px; */
}
img#globe {max-width: 100%;}
.row .row {
max-width: 95%;
margin: 0 auto;
}
.day-img {
max-width: 25%;
}
.menu>li {
display: block;
}
.day p {
width: 100%;
margin: 0 auto;
}
/******* how it works mobile *********/
.md-macbook-pro {
font-size:6px;
}
#howitworks-1 {
border-bottom: 6px solid #10789e;
height: 500px;
margin-bottom: 50px;
background: #4a8ea9!important;
}
#ourimpact img {
padding: 0;
margin: 0 auto;
}
img.impact-chart {
padding: 10px 10px;
}
}
.isError {
color: #000000;
background-color: #fff9f7;
border: 1px solid red;
}
/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
visibility: hidden; /* Hidden by default. Visible on click */
width: 315px; /* Set a default minimum width */
min-height: auto;
background-color: #333; /* Black background color */
color: #FFFFFF; /* White text color */
padding: 16px; /* Padding */
text-align: left;
position: fixed; /* Sit on top of the screen */
filter: alpha(opacity=80);
opacity: 0.8;
right: 0px; /* Position the snackbar */
bottom: 15px; /* 30px from the bottom */
z-index: 1000; /* Add a z-index if needed */
}
/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
visibility: visible; /* Show the snackbar */
/* Add animation: Take 0.5 seconds to fade in and out the snackbar.
However, delay the fade out process for 2.5 seconds */
-webkit-animation: fadein 0.5s, fadeout 0.5s 3s;
animation: fadein 0.5s, fadeout 0.5s 3s;
}
/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
from {right: -300px; filter: alpha(opacity=0); opacity: 0; }
to {right: 0px; filter: alpha(opacity=80); opacity: 0.8; }
}

@keyframes fadein {
from {right: -300px; filter: alpha(opacity=0); opacity: 0; }
to {right: 0px; filter: alpha(opacity=80); opacity: 0.8; }
}

@-webkit-keyframes fadeout {
from {right: 0px; filter: alpha(opacity=80); opacity: 0.8; }
to {right: -300px; filter: alpha(opacity=0); opacity: 0; }
}

@keyframes fadeout {
from {right: 0px; filter: alpha(opacity=80); opacity: 0.8; }
to {right: -300px; filter: alpha(opacity=0); opacity: 0; }
}
/* End snackbar */
/******* Pray stats *********/
span#currentVisitorCount {
color: #fff;
}
.columns.small-4.text-center {
color: #2c5972;
font-weight: bold;
}
/******* Quotes *************/
.testimonials h2 {
margin-top: 100px;
margin-bottom: 100px;
font-weight: 200;
color: #333;
text-transform: uppercase;
}
.centered-text {
text-align: center;
}
.quote {
background: #ebf3f5;
padding: 15px 20px 5px 15px;
border-radius: 5px;
margin-bottom: 30px;
}
.quote:after {
content: '';
width: 0px;
height: 0px;
border-style: solid;
border-width: 20px 18px 0 18px;
border-color: #ebf3f5 transparent transparent transparent;
position: relative;
top: 37px;
left: 20px;
}
.student {
margin-left: 25px;
margin-bottom: 80px;
}
.csphoto {
background-color: #ccc;
border-radius: 50%;
width: 60px;
height: 60px;
float: left;
margin-right: 10px;
}
.student p {
position: relative;
top: 5px;
text-transform: uppercase;
}
.student p:nth-child(2) {
font-size: 16px;
font-weight: 600;
margin-bottom: 0;
}
.student p:nth-child(3) {
font-size: 14px;
color: #777;
}
.gf_page_steps{
display: block;
border-bottom: 2px solid #333;
width: 100%;
height:3rem;
padding:.5rem 0rem;
}
.gf_page_steps .gf_step{
padding:.5rem ;
display:inline;
}
.gf_page_steps .gf_step_active{
background:#ddd;
}
a.button.expanded.learnmore-1 {
color: #fff;
}
h2.gsection_title{
font-weight:600;
font-size:1.3rem;
margin-top:1rem;
}
select{
background-position: right 0rem center; 
}
.ginput_container_time {
width: 33%;
display: inline-block;
float: left;
}
.ginput_container_time input,
.ginput_container_time select {
width:95%;
}
.ginput_container_time i {
display:none;
}
.ginput_container li input[type=checkbox], 
.ginput_container li input[type=radio]{
min-height:0px; 
}
body{font-family:"Montserrat",sans-serif;}
.font-alt{font-family:"Raleway",sans-serif;font-weight:400;}
h1,h2,h3,h4,h5,h6{font-family:"Montserrat",sans-serif;}
.pattern1,.interrupt.pattern1:before, .no-sidebar .interrupt.pattern1:after{background-image:url();background-size:auto; background-repeat: repeat;}.pattern2,.interrupt.pattern2:before, .no-sidebar .interrupt.pattern2:after{background-image:url();background-size:auto; background-repeat: repeat;}a{color:#6eb138;}a:hover,a:active,a:focus{color:#568a2c;}.button{background-color:#6eb138}.button:hover,.button:focus{background-color:#568a2c}.button.hollow{border:1px solid #6eb138; color:#6eb138; background:transparent; }.button.hollow:hover,.button.hollow:focus{border:1px solid #568a2c;color:#568a2c; background:transparent;}.interrupt,.interrupt:before,.no-sidebar .interrupt:after{background-color:#6eb138}.media-list-item h1{color:#6eb138;}.enclosed .media-list-item img{border-color:#6eb138;}.button.primary, .button-group.primary .button{background-color:#6eb138}.button.primary:hover,.button.primary:focus,.button-group.primary .button:hover, .button-group.primary .button:focus{background-color:#568a2c}.button.hollow.primary{border:1px solid #6eb138; color:#6eb138; background:transparent;}.button.hollow.primary:hover, .button.hollow.primary:focus{border:1px solid #568a2c;color:#568a2c; background:transparent;}.progress.primary .progress-meter{background-color:#6eb138}.callout.primary{background-color:#e9f5df}.tabs.primary{background-color:#6eb138}.tabs.primary>li>a:hover,.tabs.primary>li>a:focus{background-color:#568a2c}.interrupt.primary,.interrupt.primary:before,.no-sidebar .interrupt.primary:after{background-color:#6eb138}.button.secondary, .button-group.secondary .button{background-color:#cccccc}.button.secondary:hover,.button.secondary:focus,.button-group.secondary .button:hover, .button-group.secondary .button:focus{background-color:#b2b2b2}.button.hollow.secondary{border:1px solid #cccccc; color:#cccccc; background:transparent;}.button.hollow.secondary:hover, .button.hollow.secondary:focus{border:1px solid #b2b2b2;color:#b2b2b2; background:transparent;}.progress.secondary .progress-meter{background-color:#cccccc}.callout.secondary{background-color:#f7f7f7}.tabs.secondary{background-color:#cccccc}.tabs.secondary>li>a:hover,.tabs.secondary>li>a:focus{background-color:#b2b2b2}.interrupt.secondary,.interrupt.secondary:before,.no-sidebar .interrupt.secondary:after{background-color:#cccccc}.button.success, .button-group.success .button{background-color:#41a298}.button.success:hover,.button.success:focus,.button-group.success .button:hover, .button-group.success .button:focus{background-color:#327e76}.button.hollow.success{border:1px solid #41a298; color:#41a298; background:transparent;}.button.hollow.success:hover, .button.hollow.success:focus{border:1px solid #327e76;color:#327e76; background:transparent;}.progress.success .progress-meter{background-color:#41a298}.callout.success{background-color:#e1f3f1}.tabs.success{background-color:#41a298}.tabs.success>li>a:hover,.tabs.success>li>a:focus{background-color:#327e76}.interrupt.success,.interrupt.success:before,.no-sidebar .interrupt.success:after{background-color:#41a298}.button.warning, .button-group.warning .button{background-color:#ffae00}.button.warning:hover,.button.warning:focus,.button-group.warning .button:hover, .button-group.warning .button:focus{background-color:#cc8b00}.button.hollow.warning{border:1px solid #ffae00; color:#ffae00; background:transparent;}.button.hollow.warning:hover, .button.hollow.warning:focus{border:1px solid #cc8b00;color:#cc8b00; background:transparent;}.progress.warning .progress-meter{background-color:#ffae00}.callout.warning{background-color:#fff3d9}.tabs.warning{background-color:#ffae00}.tabs.warning>li>a:hover,.tabs.warning>li>a:focus{background-color:#cc8b00}.interrupt.warning,.interrupt.warning:before,.no-sidebar .interrupt.warning:after{background-color:#ffae00}.button.alert, .button-group.alert .button{background-color:#b41229}.button.alert:hover,.button.alert:focus,.button-group.alert .button:hover, .button-group.alert .button:focus{background-color:#860d1e}.button.hollow.alert{border:1px solid #b41229; color:#b41229; background:transparent;}.button.hollow.alert:hover, .button.hollow.alert:focus{border:1px solid #860d1e;color:#860d1e; background:transparent;}.progress.alert .progress-meter{background-color:#b41229}.callout.alert{background-color:#fbd4da}.tabs.alert{background-color:#b41229}.tabs.alert>li>a:hover,.tabs.alert>li>a:focus{background-color:#860d1e}.interrupt.alert,.interrupt.alert:before,.no-sidebar .interrupt.alert:after{background-color:#b41229}@media screen and (min-width: 40em){#masthead{min-height:auto}}#masthead{background-color:#262626}#nav-primary{background-color:#222}.drilldown.menu>li:not(.menu-text)>a, .dropdown.menu>li:not(.menu-text)>a,.accordion-menu li:not(.menu-text)>a{color:#ffffff}.drilldown.menu>li:not(.menu-text)>a:hover, .dropdown.menu>li:not(.menu-text)>a:hover, .accordion-menu li:not(.menu-text)>a:hover{color:#e5e5e5}.drilldown.menu>li>a, .dropdown.menu>li>a {color:#0066a4}.drilldown.menu>li>a:hover, .dropdown.menu>li>a:hover {color:#004671}#nav-secondary{background-color:#1e1e1e}#nav-secondary a{color:#222222}#nav-secondary a:hover{color:#080808}.alert-bar{background-color:#222}.alert-bar .alert-text{color:#fff}.alert-bar .label{background-color:#222}@media screen and (min-width: 40em){.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after{border-color:#0066a4 transparent transparent}}.is-accordion-submenu-parent>a::after {border-color:#0066a4 transparent transparent}.dropdown.menu .submenu.is-dropdown-submenu {border-top-color:#0066a4}