/*------------------
   TYPOGRAPHY STYLES
------------------*/
@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,600,700';

p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}
h2 {
    color: white;
    font-weight: 700;
}
h3 {
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
/*---------------
   GENERAL STYLES
---------------*/
/* to hide blinking foundation menu */
.no-js [data-responsive-toggle] {
    display: none;
}
body {
    background-color: #265C80;
    font-family: 'Open Sans', sans-serif;
}
.center {
	margin: 0px auto;
    display: block;
	text-align: center;
}
.row {
    max-width: 70rem;
}
/*a {
    color: white;
}*/

/*--------------
   HEADER STYLES
--------------*/
#top {
    background-image: url("/_imgs/nav-bg.png");
    background-color: #26526F;
	background-size: cover;
	max-width: 100%;
}
#top-al {
    background-image: url("/_imgs/nav-bg.png");
    background-color: #6a7a82;
	background-size: cover;
	max-width: 100%;
}
#top-al img {
    width: 81%;
}
header li a {
    font-size: 0.9rem;
    font-weight: 700;
}
.top-bar, .top-bar ul {
    background-color: transparent;
}
header img {
    /*margin-top: -1rem;*/
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}
.top-bar {
    position: relative;
    top: 4rem;
}
.title-bar {
    background-color: transparent;
}
.donate-top {
    background-color: #8f977f;
    color: white;
}
.donate-top span {
    font-size: 0.9rem;
    font-weight: 700;
}
.donate-top i {
    padding-left: 1.3rem;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}
.donate-al-top {
    background-color: #3c5563;
    color: white;
    text-align: center;
}
.donate-al-top span {
    font-size: 0.9rem;
    font-weight: 700;
}
#top-al a {
    color: white;
    font-size: 0.8em;
}
.pad-top {
    margin-top: 1rem;
}
.donate-al-top i {
    padding-left: 1.3rem;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}
#top {
    -webkit-box-shadow: 0px 0px 8px 2px #202121;
    -moz-box-shadow: 0px 0px 8px 2px #202121;
    box-shadow: 0px 0px 8px 2px #202121;
}
#top a {
    color: white;
}
.menu>li:not(.menu-text)>a {
    padding: 0.7rem 0.6rem;
}
.top-bar {
    float: right;
}

/*  DONATION BUTTON EXTERNAL CODE BELOW  */

div#cpc5935c73da {
    width: 200px;
    background-color: #26526F;
}
div#cpc5935c73da:hover {
    cursor: pointer;
}
div#cpc5935c73da * {
    background-color: #26526F;
}
div#cpc5935c73da form {
    margin: 0;
    padding: 0;
    text-align: center;
}
div#cpc5935c73da div.cpwrap {
    width: 90%;
    border: 0;
    margin: 0 auto;
    padding: 0px;
    background-color: #26526F;
}
div#cpc5935c73da button {
    width: 95%;
    border: 0;
    margin: 7px;
    padding: 3px 0;
    background-color: #26526F;
    text-align: center;
    color: #FFFFFF;
}
div#cpc5935c73da:hover button {
    text-decoration: underline;
}
div#cpc5935c73da button:focus,
div#cpc5935c73da button:visited,
div#cpc5935c73da button:active {
    border: none;
    outline: none;
}
div#cpc5935c73da button {
    font-size: 16px;
    font-weight: 700;
}
div#cpc5935c73da div.cpwrap {
    border-left: 3px solid #26526F;
    border-right: 3px solid #26526F;
}
div#cpc5935c73da .r-fg {
    background-color: #26526F;
    border-color: #26526F;
}
div#cpc5935c73da .r-bg {
    background-color: white;
}
div#cpc5935c73da .r-fg {
    border-style: solid;
    border-width: 0px 1px;
    overflow: hidden;
    display: block;
    height: 1px;
    font-size: 1px;
}
div#cpc5935c73da .r-fg-0 {
    margin-left: 1px;
    margin-right: 1px;
    border-width: 0px 1px !important;
    height: 1px !important;
}
div#cpc5935c73da .r-fg-1 {
    margin-left: 2px;
    margin-right: 2px;
}
div#cpc5935c73da .r-fg-2 {
    margin-left: 3px;
    margin-right: 3px;
}
div#cpc5935c73da .r-fg-3 {
    margin-left: 5px;
    margin-right: 5px;
}
/*  DONATION BUTTON EXTERNAL CODE ABOVE  */

/*----------------
   HOMEPAGE STYLES
----------------*/
#zkeHero {
    background-image: url("/_imgs/hero-2.jpg");
    background-position: top;
	background-size: cover;
	max-width: 100%;
    /*padding-bottom: 19rem;*/
    /*padding-top: 19rem;*/
    height: 36rem;
    margin-bottom: -1rem;
}
#zkeHero h3 {
    color: white;
    font-size: 1.2em;
    margin-top: 1.5rem;
}
#zkeShirt {
    background-image: url(/_imgs/tab-top-2.png);
    background-position: center;
    background-size: cover;
    padding: 3rem 0rem;
}
#zkeShirt h3 {
    color: white;
    font-size: 1em;
}
#zkeShirt p {
    color: white;
    font-size: 0.7em;
}
#zkePants {
    background-image: url(/_imgs/lower3rd.jpg);
    background-position: center;
    background-size: cover;
    /*padding: 10rem 0rem;*/
    padding-top: 10rem;
    padding-bottom: 2rem;
}
#zkePants h3 {
    font-size: 1.2em;
}
#zkePants p {
    color: white;
    font-size: 1em;
}
.fa-hand-paper-o {
    padding-right: 0.7rem;
}
/*---------------
   SUBPAGE STYLES
---------------*/
#zkesub {
    background-color: white;
    padding: 3rem 3rem;
}
#zkesub h3 {
    color: black;
}
#zkesub h2 {
    color: #255c7f;
    font-size: 1.8em;
    font-weight: 700;
}
#zkesub h4 {
    font-size: 1.3em;
    font-weight: 700;
}
/*#zkesub img {
    border: solid;
    border-color: #5F6A71;
    border-width: 5px;
}*/
#zkesub .medium-up-2 {
    margin-top: 3rem;
}
#zkesub li {
    list-style: outside;
    list-style-type: square;
    margin-left: 3rem;
}
#zkesub i {
    color: #3b5998;
    font-size: 2em;
    padding-right: 1rem;
    margin-top: 0.5rem;
}
#white-back {
    background-color: white;
}
#white-back h2 {
    /*color: black;*/
}
#blue-back {
    background-color: #3b5998;
    color: white;
    font-size: 1.5em;
    font-weight: 700;
}
hr {
  width: 100%;
  background-color: black;
  border: 0 none;
  color: #f3b512;
  height: 5px;
}
#zkesub a {
    color: #222;
}

/*--------------
   FOOTER STYLES
--------------*/
footer {
    background-color: #255c7f;
    padding: 1rem 0rem;
    -webkit-box-shadow: 0px 3px 22px 0px #202121;
    -moz-box-shadow: 0px 3px 22px 0px #202121;
    box-shadow: inset 0px 3px 22px 0px #202121;
}
.copyright p {
    color: white;
    font-size: 0.7em;
}
#upper-footer {
    background-color: #1d3341;
    padding-bottom: 2rem;
    padding-top: 1.5rem;
}
#upper-footer img {
    padding: 1rem;

}
#upper-footer p {
    color: white;
    font-size: 0.8em;
    font-weight: 600;
}
#al-footer {
    background-color: #85a6b2;
}
.copyright a {
    color: #fff;
}
/*--------------
   MEDIA QUERIES
--------------*/

/* Foundation X-Large screen */
@media only screen and (max-width: 1920px) {}

/* Foundation Large screen */
@media only screen and (max-width: 1440px) {}

/* Foundation Medium Screen */
@media only screen and (max-width: 1024px) {}

/* Tablet */
@media only screen and (max-width: 768px) {
    .top-bar {
        top: 3rem;
    }
    header li a {
        font-size: 0.6em;
        font-weight: 700;
    }
    .donate-top span {
        font-size: 0.7rem;
    }
    #zkeHero h3 {
        font-size: 0.8em;
    }
    #zkePants p {
        font-size: 0.8em;
    }
    #zkePants h3 {
        font-size: 0.8em;
    }
    #top-al a {
        font-size: 0.6em;
    }
    #top-al p {
        margin-bottom: 0.5rem;
    }
}

/* iPhone 6+ Landscape */
@media only screen and (max-width: 736px) {
    .top-bar {
        float: left;
        top: 0rem;
    }
}

/* iPhone 6 Landscape */
@media only screen and (max-width: 667px) {}

/* Custom to hide blinking foundation menu */
@media only screen and (min-width: 641px) {
    .title-bar {
        display: none;
    }
}

/* Foundation Small screen */
@media only screen and (max-width: 640px) {}

/* iPhone 5 Landscape */
@media only screen and (max-width: 568px) {}

/* iPhone 3 & 4 Landscape */
@media only screen and (max-width: 480px) {}

/* iPhone 6+ */
@media only screen and (max-width: 414px) {
    #zkeHero h3 {
        font-size: 0.7em;
    }
    #zkeShirt img {
        padding-top: 3rem;
    }
    [data-equalizer-watch] {
        height: auto!important;
    }
    .top-bar {
        float: left;
        top: 0rem;
    }
    .donate-al-top i {
        padding-left: 0rem;
    }
    #zkesub td {
        width: 70px!important;
    }
    #zkesub table {
        width: 300px!important;
    }
    #zkesub p {
        font-size: 0.7em;
    }
    #zkesub {
        padding: 3rem 1rem;
    }
}

/* iPhone 6 */
@media only screen and (max-width: 375px) {
    #upper-footer img {
        padding: 1rem 2rem;
    }
}

/* Samsung Galaxy S4, S%, S6 & S7 */
@media only screen and (max-width: 360px) {}

/* iPhone 5, 4, & 3 */
@media only screen and (max-width: 320px){
    #zkesub tbody tr td {
        font-size: 0.7em;
        /*width: 100px!important;*/
    }
    #zkesub td {
        width: 70px!important;
    }
    #zkesub table {
        /*width: 300px!important;*/
    }
    #zkesub p {
        font-size: 0.7em;
    }
    #zkesub {
        padding: 3rem 0rem;
    }
}