@font-face {
    font-family: 'old_growthregular';
    src: url('../fonts/oldgrowth-regular-webfont.woff2') format('woff2'),
    url('../fonts/oldgrowth-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'westfaliaregular';
    src: url('../fonts/westfalia-regular-webfont.woff2') format('woff2'),
    url('../fonts/westfalia-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body,
input,
textarea {

    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    line-height: 1.5em;
}

h1,
h2,
h3,
h4,
h5,
h6 {

    font-family: 'Cutive', serif;
    font-size: 20px;
    line-height: 1.5em;
    color: #004890;
}

h4{
    font-size:1.25;
    color: #076324;
}

#responsive-check{
    display: none;
}

header {
    height: 17vh;
    background-image: url(../img/texture/wood_white_horizontal.jpg);
    padding: 0px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 20 !important;

}

header::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2 !important;
    background-image: url(../img/texture/wood_white_horizontal.jpg);
     background-image: url(../img/texture/tree-rings-blue.jpg);
    background-size:cover;
}

.sub-menu:hover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#main-logo {
    height: 170px;
    padding:7px 30px 30px 30px;
    margin-left:30px;
   -webkit-clip-path: polygon(3% 0, 98% 0, 100% 96%, 0% 100%);
clip-path: polygon(3% 0, 98% 0, 100% 96%, 0% 100%);
    background-image: url(../img/texture/wood_White.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: repeat-y;
    -webkit-box-shadow: 10px 10px 5px #888888;
    box-shadow: 10px 10px 5px #888888;
    text-align: center;
    font-size:0.85em;
    text-decoration: none;
    font-weight: bold;
}

#main-logo a:link{
    text-decoration: none;
}

#main-logo img{
    height:100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    display:block;
}

#main-logo:hover img{
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
}

#main-header {
    height: 87vh;
    background-image: url(../img/HarborCamps_HeaderImage.jpg);
    background-image: url(../img/HarborCamps_HeaderImagecopy-2.jpg);
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;


}

#main-header h1 {
    font-size:2.3em;
    font-family: 'old_growthregular', 'Cutive', serif;
    text-shadow: 2px 2px 10px #2b2b2b;
    color: #fff;
    margin-top:0em;
    margin-bottom:2.3em;
}

.swiper-container {
    width: 100%;
    height: 87vh;
}      

.swiper-slide{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    
      display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    
}


a:link{
    color: #004890;
    text-decoration: underline;
}

a:visited{
    color: #004890;
    text-decoration: underline;
}

a:hover{
    color: #004890;
    text-decoration: none;
}

a:active{
    color: #004890;
    text-decoration: none;
}


a:link.button {
    color: #fff;
    text-decoration: none;
}

a:hover.button {
    color: #fff;
    text-decoration: none;
}

a:active.button {
    color: #fff;
    text-decoration: none;
}

a:visited.button {
    color: #fff;
    text-decoration: none;
}

.col-wrapper{
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-direction:row;
            flex-direction:row;
}

.col{
    width:50%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.button {
    font-family: 'westfaliaregular';
    text-transform: uppercase;
    font-size: 1.5em;
     background-image: url(../img/texture/tree-rings-blue.jpg);
    background-position: center;
    padding: 20px 30px;
    -webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
    clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
    -webkit-transition: all .3s;
    transition: all .3s;
    clear: both;
    word-break: keep-all;

}

input[type="submit"]{
    -webkit-appearance: none;
    outline: none;
    color:#fff;
    font-family: 'westfaliaregular';
    text-transform: uppercase;
    font-size: 1.5em;
     background-image: url(../img/texture/tree-rings-blue.jpg);
    background-position: center;
    padding: 20px 50px;
    -webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
    clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
    -webkit-transition: all .3s;
    transition: all .3s;

}

input{
    border:2px solid #004890;
}

textarea{
    border:2px solid #004890;
}

input[type="file"]{
    border:0px;
}

.yellow-button{
    background-image: url(../img/texture/tree-rings-yellow.jpg);
}

.green-button{
    background-image: url(../img/texture/tree-rings-green.jpg);
}

nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 100%;

}

#top-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.9em;
    margin-bottom: 10px;
    text-decoration: none;
    color: #144A8E;
}

#top-menu li a {
    padding: 15px 20px;
    text-decoration: none;
    color: #144A8E;
    color:#fff;
}

#top-menu li a:hover {
    padding: 15px 20px;
    text-decoration: underline;
}


#main-menu {
    font-family: 'Cutive', serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

nav ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}



.sub-menu li {
    width: 75%;
    color: #fff;
    margin-top:-20px;
}

.sub-menu a {
    color: #fff !important;
    padding: 0px 0px 0px 0px !important;
}

.sub-menu li a {
    font-family: 'Raleway', sans-serif;
    height: 100%;
    width: 100%;
    text-decoration: none;
    color: #fff;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0px;
    margin: 0px;
}

.sub-menu a:last-of-type {
    padding-right: 0px !important;
    margin-right: 0px !important;
}

.sub-menu li a strong {
    font-family: 'Cutive', serif;
    font-weight: normal;
    font-size: 1.25em;
}

.sub-menu li a hr {
    padding: 0px;
    margin: 8px;
    width: 30%;
    background-repeat: repeat-x;
}

.sub-menu li a:hover {
    border-bottom: 0;
}
    
.sub-menu li a:hover <  a {
    border-bottom: 5px solid #004890;
}

.sub-menu .summer-program-menu-option a{
    background-color: #004890;
    background-blend-mode: soft-light;
    background-image: url('../img/handstand.jpg');
    background-size: cover;
    background-position: center;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.sub-menu .cit-program-menu-option a {
    background-color: #076324;
    background-blend-mode: soft-light;
    background-image: url('../img/hands_up.JPG');
    background-size: cover;
    background-position: center;
    -webkit-transition: all .3s;
    transition: all .3s;
}


.sub-menu .family-program-menu-option a{
    background-color: #FFDE00;
    background-blend-mode: soft-light;
    background-image: url('../img/family_5.jpg');
    background-size: cover;
    background-position: center;
     -webkit-transition: all .3s;
     transition: all .3s;
    color: #004890 !important;
}

#main-menu::after{
    display: none;
    content: url('../img/family_5.jpg') url('../img/hands_up.JPG') url('../img/handstand.jpg');
}

#main-menu .donate-button {
    font-family: 'westfaliaregular';
    text-transform: uppercase;
    font-size: 1.25em;
    background-image: url(../img/texture/tree-rings-yellow.jpg);
    background-position: center;
    padding: 12px 20px;
    -webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
    clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
    -webkit-transition: all .3s;
    transition: all .3s;

}

#main-menu .donate-button a:link {
    color: #004890;
    text-decoration: none;
}

#main-menu .donate-button a:visited {
    color: #004890;
    text-decoration: none;
}

#main-menu .donate-button a:hover {
    color: #004890;
    text-decoration: none;
    border:0px;
}

#main-menu .donate-button a:active {
   color: #004890;
    text-decoration: none;
}

.donate-button:hover {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
}

.button:hover {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
}

#header-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
 

}

#header-buttons .button {
    margin: 20px;
    width: 240px;
    -webkit-box-shadow: 20px 10px 15px #000;
    box-shadow: 20px 10px 15px #000;
}


#header-buttons .button:first-of-type {
    background-image: url(../img/texture/tree-rings-blue.jpg);
}

#header-buttons .button:nth-of-type(2) {
    background-image: url(../img/texture/tree-rings-green.jpg);
}

#page-header{
    min-height:65vh;
    background-color: #004890;
    color:#fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-size: cover;
    background-position: center;
   /* background-blend-mode: soft-light; */
    text-align: center;
    overflow: hidden;
    position: relative;
}

#page-header .focuspoint{
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    overflow: hidden;
    object-fit: cover;
    height: 100%;
}


#page-header::after {
    content: "";
    background-color: #004890;
    opacity: 0.47;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}

#page-header h2{
    font-family: 'westfaliaregular';
    font-weight: normal;
    text-transform: uppercase;
    font-size: 5em;
    padding:0px;
    margin:0px;
    color:#fff;
    line-height: 1em;
}

#page-header p{
    font-size:1.05em;
    line-height: 1.25em;
    width:60%;
    text-align: center;
}

#page-header hr{
    margin:0px;
}

#page-header-text{
    z-index: 2;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    width:90%;
}

#page-content {
    background-image: url(../img/texture/wood_White.jpg);
    min-height: 20vh;
    background-size: cover;
    background-position: center;
    background-repeat: repeat-y;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    line-height: 1.5em;

}

.wrapper{
     padding:30px 6em 50px 6em;
}

#page-content ul li{
    line-height: 2em;
}

#page-content img{
    border:5px solid #fff;
    -webkit-box-shadow: 2px 2px 10px #2b2b2b;
            box-shadow: 2px 2px 10px #2b2b2b;
}

hr {
    border: 0;
    background-image: url(../img/white-zz@2x.png);
    background-size: contain;
    background-repeat: repeat-x;
    height: 15px;
    width: 230px;
    margin: 30px 0px;
}

hr.blue {
    border: 0;
    background-image: url(../img/blue-zz@2x.png);
    background-size: contain;
    background-repeat: repeat-x;
    height: 15px;
    width: 80%;
    margin: 30px 0px;
    margin-left: auto;
    margin-right: auto;
}

footer {
    background-color: #0D305C;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding: 50px 0px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Cutive';
    font-weight: 100;
    line-height: 1.25em;
}


footer ul{
    list-style-type: none;
    display: inline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row
}

footer ul li{
      padding: 10px 20px;
}

footer a:link {
    color: #fff;
    text-decoration: none;
    display: inline;
}

footer a:visited {
    color: #fff;
    text-decoration: none;
    display: inline;
}

footer a:hover {
    color: #fff;
    text-decoration: underline;
}

footer a:active {
    color: #fff;
    text-decoration: underline;
}

#footer-menu{
    text-align: center;
}

#footer-social-icons .wp-social-link{
    color:#0D305C;
    background-color:#fff;
}

#footer-social-icons ul li{
    padding:5px 0px 3px 0px;
    margin:0px 20px;
}

footer hr:last-of-type {
    width: 460px;
}

footer #footer-social-icons img {
    height: 30px;
    margin: 0px 20px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

footer #footer-social-icons a:hover {
    text-decoration: none;
}

footer #footer-social-icons a:hover img {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
}

footer #footer-contact-block p{
      margin:5px 0px;
}

footer #oars-footer {
    margin: 20px 0px;
}

footer #copyright {
    font-size: 0.8em;
    font-family: 'Raleway', sans-serif;
}

#join-us-cta {
    min-height: 25vh;
    background-color: #144A8E;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 1.35em;
    padding:20px;
    background-image: url(../img/19959236_1814692525214030_4043004170154856080_n.jpg);
    background-position: center;
    background-size:cover;
    position: relative;
}

#join-us-cta::after {
    content: "";
    background-color: #004890;
    opacity: 0.87;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}

#join-us-cta-text{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
     z-index: 2;
}

#join-us-cta h3 {
    font-family: 'Cutive', serif;
    font-size: 1.25em;
    margin:0px;
    padding:0px;
    color: #fff;
}

#join-us-cta p {
    margin:0px;
    padding:0px;
}

#join-us-cta-buttons{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top:10px;
   
}

#join-us-cta-buttons .button{
    margin:10px 20px;
    min-width:130px;
}

#join-us-cta-buttons .button:first-of-type {
    background-image: url(../img/texture/tree-rings-yellow.jpg);
}

#join-us-cta-buttons .button:nth-of-type(2) {
    background-image: url(../img/texture/tree-rings-green.jpg);
}

.testimonial{
    font-family: 'Patrick Hand', sans-serif;
    font-size:1.5em;
    line-height: 1.2em;
    color:#004890;
    width:90%;
    margin-left:auto;
    margin-right:auto;
}

.testimonial span{
    display:block;
    font-weight: bold;
    color:#02396F;
    text-align: right;
    width:100%;
}

.testimonial span:before{
    content: '- ';
}

.notice{
    background-color:#FF5331;
    background-image: url(../img/white-notice@2x.png);
    background-position: 0.75em center;
    background-size: 3em;
    background-repeat: no-repeat;
    border-radius: 10px;
    padding:15px 20px 15px 4.5em;
    color:#fff;
    width:80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:20px;
}

.notice span{
    font-family: 'westfaliaregular';
    text-transform: uppercase;
    font-size: 1.5em;
}


/* ---------------------------------------------------------------------------------------------------------- 
Page Specific Styles ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* Homepage */

#mission-statement {
    min-height: 35vh;
    background-color: #144A8E;
    color: #fff;
    font-family: 'Cutive', serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.25em;
    line-height: 1.35em;
    background-image: url(../img/11070379_1133114853371804_224132508763861685_n.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
}

#mission-statement h1{
    display:none;
    font-size:1.3em;
    font-family: 'old_growthregular', 'Cutive', serif;
    color: #fff;
    z-index: 2;
}

#mission-statement p {
    width: 50%;
    z-index: 2;
}

#mission-statement::after {
    content: "";
    background-color: #004890;
    opacity: 0.87;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}

.homepage-block{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    min-height:65vh;
    margin:40px 0px;
}
.homepage-block .homepage-block-text{
    margin:0px 20px;
}

.homepage-block h3{
    color:#fff;
    padding:20px 10px;
    margin-left:-150px;
    margin-right:20px;
    background-image: url(../img/texture/tree-rings-green.jpg);
    background-color: #076324;
    background-position: center;
    background-size: cover;
    padding: 30px 30px;
    -webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
    clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);

}

.homepage-block .button{
    background-image: url(../img/texture/tree-rings-blue.jpg);
    width:30%;
    display:block;
    margin-top:20px;
    text-align: center;
}

.homepage-block-image{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #0D305C;
     min-width:55%;
    border:10px solid #fff;
    -webkit-box-shadow: 2px 2px 10px #2b2b2b;
            box-shadow: 2px 2px 10px #2b2b2b;
}

.homepage-block-image{
 background-image: url('../img/boys_on_porch_2017.JPG');
 background-position: left;
 -webkit-transform: rotate(-1deg);
         transform: rotate(-1deg);
}

.homepage-block:last-of-type .homepage-block-image{
    background-image: url(../img/19959236_1814692525214030_4043004170154856080_n.jpg);
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
}

.homepage-block:last-of-type{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}

.homepage-block:last-of-type h3{
     margin-left:-20px;
     margin-right:-150px;
}


/* eof Homepage */

.team-member{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin:20px 0px;
}

.team-member-photo{
    min-width:265px;
    height:400px;
    border:5px solid #fff;
    -webkit-box-shadow: 2px 2px 5px #2b2b2b;
            box-shadow: 2px 2px 5px #2b2b2b;
    margin-right:40px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #144A8E;
 
}

.team-member:nth-of-type(odd) .team-member-photo{
   -webkit-transform: rotate(2deg);
           transform: rotate(2deg); 
}

.team-member:nth-of-type(even) .team-member-photo{
   -webkit-transform: rotate(-2deg);
           transform: rotate(-2deg); 
}

.team-member h3, .team-member h4{
    padding:0px;
    margin: 0px;
}

.team-member h3 span{
    font-size:0.75em;
    
}

.team-member h4{
    font-size:0.85em;
    color: #0F6227;
}

.team-member-info{
    padding:25px 0px;
}

#leadership-team{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

#leadership-team .team-member{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width:30%;

}

#leadership-team .team-member .team-member-photo{
    height:300px;
}

#assistant-directors .team-member .team-member-photo{
    height:300px;
    margin-bottom:20px;
}

#accordion h3{
    cursor: pointer;
}

#accordion h3:before{
    content:" ";
    display: inline-block;
    width:30px;
    height: 20px;
    margin-right:20px;
    background-size: contain;
    background-position: center;
    background-image: url(../img/down-arrow-blue.png);
    background-repeat: no-repeat;
}

#accordion h3.ui-state-active:before{
    content:" ";
    display: inline-block;
    width:30px;
    height: 20px;
    margin-right:20px;
    background-size: contain;
    background-position: center;
    background-image: url(../img/up-arrow-blue.png);
    background-repeat: no-repeat;
}

/**Program Description**/

.our-programs #page-content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
}

.program-landing-description{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin:10px;
  
    width:45% !important;
}


.program-landing-description a{
    width:100% !important;
    text-decoration: none;
}

.program-landing-image{
    background-image: url('../img/tents on lake.JPG');
    background-size: cover;
    background-position: center;
    width:100%;
    height:400px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
      -webkit-transition: all .3s;
      transition: all .3s;
}

.program-landing-image.summer-landing{
    background-image: url('../img/handstand.jpg');
    background-position: center -50px;
    background-size: cover;
}

.program-landing-image.cit-landing{
    background-image: url('../img/hands_up.JPG');
    background-position: center -50px;
    background-size: cover;
}

.program-landing-image.family-landing{
    background-image: url('../img/family_5.jpg');
    background-position: center -50px;
    background-size: cover;
}

.program-landing-program-title{
    background-image: url(../img/texture/tree-rings-blue.jpg);
    width:100%;
    color:#fff;
    background-size: cover;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;   
}

.program-landing-program-title-family-camp{
    background-image: url(../img/texture/tree-rings-yellow.jpg);
    width:100%;
    color:#fff;
    background-size: cover;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.program-landing-program-title-cit-program{
    background-image: url(../img/texture/tree-rings-green.jpg);
    width:100%;
    color:#fff;
    background-size: cover;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.program-landing-image span{
    padding:10px 20px;
}

.program-landing-image h3, .program-landing-image p{
    padding: 0px;
    margin:0px;
    color:#fff;
}

.summer-program-program-landing-img{
    background-image: url(../img/Summer-white@2x.png);
    background-repeat: no-repeat;
    background-size:contain;
    width:150px;
    height:150px;
    position: relative;
    display: inline;
    margin-top:-40px;
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
    
}

.cit-program-program-landing-img{
    background-image: url(../img/CIT-white@2x.png);
    background-repeat: no-repeat;
    background-size:contain;
    width:150px;
    height:150px;
    position: relative;
    display: inline;
    margin-top:-40px;
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
    
}

.family-camp-program-landing-img{
    background-image: url(../img/Family-white@2x.png);
    background-repeat: no-repeat;
    background-size:contain;
    width:250px;
    height:150px;
    position: relative;
    display: inline;
    margin-top:-40px;
    
}


.alumni-program-landing-img{
    background-image: url(../img/canoe-2.png);
    background-repeat: no-repeat;
    background-size:contain;
    width:380px;
    height:260px;
    position: relative;
    display: inline;
    margin-bottom:-160px;
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
    
}

.program-landing-description:hover .program-landing-image{
     transform: scale(1.02);
}

/***
 ** Program Page
***/

#program-page-tabs{
   
}

#program-page-navigation{
    width: 100vw;
    font-family: 'Cutive', serif;
    font-weight: normal;
    margin-top:-1em;
}

#program-page-navigation ul{
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0;
}

#program-page-navigation ul li{
    display: inline;
    text-align: center;
    font-weight: bold;
    width: 100%;
    
     background-image: url(../img/texture/tree-rings-green.jpg);
    background-color: #076324;
    color:#fff;
    border-right:solid 3px #fff;
}


#program-page-navigation a:link{
    text-decoration: none;
    color:#fff;
    padding:15px 0px;
    width: 100%;
    display: block;
    background-color: transparent !important;
}

#program-page-navigation a:visited{
    text-decoration: none;
    color:#fff;
}

#program-page-navigation ul li.ui-tabs-active{
    background-image: url(../img/texture/tree-rings-blue.jpg);
    color: #fff;
}

#program-page-navigation ul li.ui-tabs-active a:link{
    background-color: #90278E;
    color: #fff;
}

#program-page-navigation ul li:last-child{
    border-right:0px;
}

#schedule{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width:80%;
    margin-left:auto;
    margin-right:auto;
}

#schedule strong{
    margin:0.75em 0px;
    padding-top:0.75em;
    font-size:2em;
    font-family: 'westfaliaregular';
    text-transform: uppercase;
    color: #004890;
    border-top:3px solid #004890;
}

#program-sessions{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 100% !important;
}

#program-sessions .program-session-info{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color:#004890;
    background-image: url(../img/texture/tree-rings-blue.jpg);
    background-size: cover;
    color:#fff;
    padding:20px;
    border-radius: 5px;
    margin:20px;
    min-width:25%;
    text-align:center;
}

#program-sessions .program-session-info strong{
    display:block;
    font-size:2em;
    font-family: 'westfaliaregular';
    text-transform: uppercase;

    margin-bottom:0.5em;
}

.our-facilities #page-content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.our-facilities #page-content img{
    height:340px;
    width:auto;
}

.image-block{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin:20px 0px;
}

.wp-caption{
    width:48%;
    margin:0px 20px 20px 0px;
    
}

.wp-caption:nth-child(odd){
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
}

.wp-caption:nth-child(even){
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
    margin-top:30px;
}

.wp-caption-text{
     -webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
    clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
     background-image: url(../img/texture/tree-rings-blue.jpg);
    background-position: center;
    padding: 20px 30px;
    font-family: 'westfaliaregular';
    text-transform: uppercase;
    font-size: 1.5em;
    color:#fff;
    margin-top:-1.5em;
    margin-left:0.5em;
}

.page-featured-images{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width:100%;
    margin-top:40px;
}

.page-featured-images img{
    margin-left:5px;
    margin-right:5px;
}

.statistic{
    width:100%;
    text-align: center;
    padding:20px 0px;
      color: #004890;
    font-weight: bold;
}
.statistic strong{
    font-family: 'westfaliaregular';
    text-transform: uppercase;
    font-size: 3em;
    display:block;
    padding-bottom: 0.4em;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    font-weight: normal;
}

.updates ul{
    list-style: none;
}

.updates h3{
    margin:0px;
}

.updates .post-date{
    font-weight: bolder;
    color:#5b5b5b;
}

/**Error Page**/

#page-content.error-page{
      background-image: url(../img/HarborCamps_HeaderImagecopy-2.jpg);
    background-size:120%;
    
    height:90vh;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#bottom-page-popup-cta{
    min-width:10%;
    position: fixed;
    bottom: 0;
    right: 30px;
    background-image: url(../img/texture/tree-rings-blue.jpg);
    padding:10px 20px;
    background-size: cover;
    height:20vh;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    
    -webkit-clip-path: polygon(0 8%, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 8%, 100% 0, 100% 100%, 0% 100%);
    
    cursor: pointer !important;
    display:none;
    
}

#bottom-page-popup-cta:hover{
   height:22vh; 
}

#bottom-page-popup-cta .bottom-popup-close{
    cursor:pointer; float:right;
    display:block; text-align:right; width:100%; padding-bottom:5px;
    font-family: 'Raleway', sans-serif;
}

#bottom-page-popup{
    width:100%;
    position: fixed;
    bottom: 0;
    background-image: url(../img/texture/tree-rings-blue.jpg);
    background-size: cover;
    height:30vh;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    
    display:none;

}

#bottom-page-popup .bottom-popup-close{
        width: 90%;
        text-align: right;
    font-family: 'Raleway', sans-serif;

}

#bottom-page-popup h3{
    padding: 0px;
    margin: 0px;
     color:#fff !important;
}

#bottom-page-popup form{
    display: flex;
    flex-direction: row;
}

#bottom-page-popup form input{
    color:#000 !important;
    padding:10px 20px;
}

#bottom-page-popup form input[type="submit"] {
    background-image: url(../img/texture/tree-rings-green.jpg);
    -webkit-clip-path:none;
    clip-path:none;
    padding: 10px 50px;
    color:#fff !important;
    margin-top:10px;
    
}

#bottom-page-popup form input{
    margin-right:20px;
}

/* ---------------------------------------------------------------------------------------------------------- 
03 Media queries --------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/*Large Displays*/
@media screen and (min-width:1400px){

}


@media screen and (min-width:801px){

#main-menu li a {
    text-decoration: none;
    padding: 10px 9px 0.65em 6px;
    font-size:0.95em;
    color: #144A8E;
    color:#fff;
}

#main-menu li a:hover {
    border-bottom: 5px solid #004890;
}


#main-menu .sub-menu li a{
    border-bottom:0px;
}

.main-menu-active{
     border-bottom: 5px solid #004890;
}

#main-menu li.current_page_item a{
    
    color:#FED839;
    font-weight: bolder;
}

#main-menu li.current-page-parent a{
    color:#FED839;
}

#main-menu li.current_page_item a:hover {
    border-bottom-color: #FED839;
}

nav  ul.sub-menu {   
     display: none !important;
    
    position: absolute;
    
    margin-left: -3vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    color: #fff;
    z-index: -3 !important;
    background-color: #076324;
    padding: 66px 0px 23px 0px;
}
    

    
nav .our-program-main-menu ul.sub-menu {
    position: absolute;
    width: 100vw;
    height: 65vh;
    margin-left: 0px;
    left: 0;
    top: 17vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    color: #fff;
    z-index: -3 !important;
    padding:0px;

}
    
} /*eof SubMenu 801px or larger*/


@media screen and (min-width:801px){
    
.sub-menu .summer-program-menu-option:hover a {
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}
    
.sub-menu .cit-program-menu-option:hover a {
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}

.sub-menu .family-program-menu-option:hover a {
  -webkit-transform: translateY(20px);
          transform: translateY(20px);

}

#top-menu li a:last-of-type {
    padding-right: 0px;
    margin-right: 0px;
}


.our-program-main-menu:hover > .sub-menu,
.menu-item-has-children:hover > .sub-menu{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
    

    
    #responsive-menu-icon{
        display:none;
    }
    
    .responsive-button{
    display:none;
    }
    
}

/*Tablet*/
@media screen and (max-width:800px){
    
    #responsive-check{
        display: inline;
    }
    
    /*Responsive Header*/
    
    header{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    
    #responsive-menu-icon{
        float:right;
        position: absolute;
        z-index: 10000;
        clear: both;
        right:20px;
        top:40px;
        cursor: pointer;
        font-family: 'westfaliaregular';
        color:#fff;
        text-transform: uppercase;
        font-size:1.5em;
        
    }
    
     .responsive-button {
       font-family: 'westfaliaregular';
    text-transform: uppercase;
    font-size: 1.5em;
    background-image: url(../img/texture/tree-rings-yellow.jpg);
    background-position: center;
    padding: 10px 20px;
    -webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
    clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
    -webkit-transition: all .3s;
    transition: all .3s;
    clear: both;
    word-break: keep-all;
    display: block;
    width: 120px;
    text-align: center;
    float: right;
    clear: both;
    position: absolute;
    right: 100px;
    top: 30px;
    text-decoration: none !important;

    }
    
    nav{
        display: none;
        height:100vh;
        margin:0px;
        padding:0px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        margin-top:-40px;
        text-align: center;
    }
    
    nav .sub-menu, nav .sub-menu ul, nav .sub-menu ul li, .sub-menu li a{
        color:#004890 !important;
    }
    
    .sub-menu:hover{
        flex-direction: column;
    }
    
    #top-menu{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        background-image: url(../img/texture/tree-rings-green.jpg);
        width: 100vw;
        padding:0px 0px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        
        
    }
    
    #top-menu li a{
        padding:1em 1em;
       display: block;

    }
    
     #top-menu li a:hover{
        padding:1em 1em;
     
    }
    
    #main-menu{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        background-color: green;
        background-image: url(../img/texture/wood_white_horizontal.jpg);
          width: 100vw;
        padding:20px 0px;
        padding-top:60px;
    }
    
    #main-menu li{
        padding:0.5em 0px;
    }
    
    #main-menu li a{
        text-decoration: none;
    }
    
    #main-logo {
        width:55px;
        height:100px;
        margin-left:0px;
        font-size:0.75em;
    }
    
    nav .our-program-main-menu ul.sub-menu {
        display: none !important;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -ms-flex-line-pack: center;
            align-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-align: center;
        width: 100vw;
        
        background-color: aqua;
        
        color: #fff;
        z-index: 0;
        margin:10px;
    }
    
    nav .our-program-main-menu ul.sub-menu li{
        padding:0px !important;
    }
    
    nav .our-program-main-menu ul.sub-menu li a{
        padding:20px 0px !important;
    }
    
    .sub-menu .summer-program-menu-option a{
        background-image: url(../img/texture/tree-rings-blue.jpg);
        background-blend-mode: normal;
        background-size: cover;
        background-position: center;
    }
    
    .sub-menu .cit-program-menu-option a {
        background-image: url(../img/texture/tree-rings-green.jpg);
        background-blend-mode: normal;
        background-size: cover;
        background-position: center;
    }
    
    .sub-menu .family-program-menu-option a{
        background-image: url(../img/texture/tree-rings-yellow.jpg);
        background-blend-mode: normal;
        background-size: cover;
        background-position: center;
    }
    
    .sub-menu li {
        width: 100%;
        color: #fff;
        margin:0px;
    }
    
    /*eof Responsive Header*/
    
    #page-content{
        word-wrap: break-word;
    }
    
    .wrapper{
          padding:30px 2em 30px 2em;
    }
    
    #main-header h1 {
        font-size:2em;
        margin-top:0em;
        display:none;
    }
    
    
    #header-buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-bottom:2em;
    }
    
    
    #header-buttons .button {
        margin:5px;
    }
    
    #mission-statement h1{
       display: inline; 
    }
    
    #mission-statement p {
        width: 90%;
    }
    
    .homepage-block, .homepage-block:last-of-type{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-top:0px;
    }
    
    .homepage-block h3, .homepage-block:last-of-type h3{
        margin:0px;
        margin-top:-30px;
    }
    
    .homepage-block-image{
        min-height:300px;
        display: block;
    }
    
    .homepage-block:last-of-type .homepage-block-image{
         min-height:300px;
        display: block;
    }
    
    .homepage-block .button{
        width:50%;
    }
    
    footer #footer-menu{
        -ms-flex-line-pack: center;
            align-content: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    
    footer ul{
        padding: 0px;
        margin: 0px;
    }
    
    footer #footer-contact-block p{
        margin:0px;
        width:90%;
        margin-left: auto;
        margin-right: auto;
        
    }
    
    footer hr:last-of-type {
        width: 85%;
    }
    
    footer hr{
        max-width: 100%;
    }
    
    .team-member{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -ms-flex-line-pack: center;
            align-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    
    #leadership-team{
      
        -webkit-box-orient: vertical;
      
        -webkit-box-direction: normal;
      
            -ms-flex-direction: column;
      
                flex-direction: column;
    }
    
    #leadership-team .team-member{
        width:100%;
    }
    
    .program-landing-description{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom:40px;
    width:100% !important;
    }
    
    .image-block{
        flex-direction: column;
    }
    
    .image-block img{
        max-width: 100% !important;
        height: auto;
    }
    
    .page-featured-images{
        flex-direction: column;
    }
    
    .page-featured-images img{
        width:90%;
        height:auto;
    }
    
    #program-page-navigation ul{
        flex-direction: column;
    }
    
    #program-page-navigation ul li{
        border-right:solid 0px #fff;
        border-bottom:solid 3px #fff;
    }
    
    #program-sessions{
        flex-direction: column;
    }
    
    #program-sessions .program-session-info{
        width: 100%;
    }
    
    .button{
        display: block;
        margin-top:20px;
    }
    
    .wp-caption{
        width:100%;
        margin:0px;
    }
    
    #page-header h2{
        font-size: 5em;
        padding-top:50px;
    }
    
    .statistic strong{
        margin:15px 0px;
    }
    
    
}    


@media screen and (min-width:1280px){
    #main-menu li a {
        padding: 10px 15px 0.87em 15px;
        font-size:0.9em;
    }
}

@media screen and (min-width:1400px){
    #main-menu li a {
        padding: 10px 20px 0.65em 20px;
        font-size:1em;
    }
}


/*Phone*/
@media screen and (max-width:650px){
     #responsive-check{
        display: inline;
    }
}

/*Smaller Screen*/
@media screen and (max-width:510px){
     #responsive-check{
        display: inline;
    }
}

/* Landscape */
@media only screen 
  and (min-width: 414px) 
  and (max-width: 736px) 
  and (orientation: landscape) { 
      
}


@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        -webkit-box-shadow: none !important;
                box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*Donate Page*/

#donation-options{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    min-height:60vh;
    width:100%;
    cursor: pointer !important;
}

#donation-options a{
    text-decoration: none;
    color:#fff;
} 

.camp{
    width:50%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    background-position: center;
    background-size: cover;
    color: #fff;
    position: relative;
    
    -webkit-transition: all .3s;
    transition: all .3s;
}

.camp h2{
    color:#fff;
    z-index: 2;
}

.camp p{
    z-index: 2;
    width:60%;
}

#donation-options #aranutiq{
    background-color: #144a8e;
    background-image: url(../img/board%20games%20NO%20CROP.JPG);
    
    
}

#donation-options #aranutiq span{
    content: "";
    background-color: #004890;
    opacity: 0.77;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}

#donation-options #aranutiq:hover{
    width:100vw;
     -webkit-transition: all .3s;
    transition: all .3s;
    
    
}

#donation-options #aranutiq:hover > span{
    opacity: 0.3;
    -webkit-transition: all .6s;
    transition: all .6s;
}

#donation-options #seneb{
    background-color: #0b613c;
    background-image: url(../img/seneb-selfie.JPG);
    background-size: cover;
    background-position: center;

}

#donation-options #seneb span{
    content: "";
    background-color: #0b613c;
    opacity: 0.77;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}

#donation-options #seneb:hover{
    width:100vw;
     -webkit-transition: all .3s;
    transition: all .3s;
}

#donation-options #seneb:hover > span{
    opacity: 0.3;
    -webkit-transition: all .6s;
    transition: all .6s;
}

#donation-options #campaign{
    background-color: #FED839;
    background-image: url(../img/lowerfield.jpg);
    background-size: cover;
    background-position: center;
    color: #004890 !important;

}

#donation-options #campaign h2{
    color:#fff;
    z-index: 2;
    color: #004890 !important;
}

#donation-options #campaign span{
    content: "";
    background-color: #FED839;
    opacity: 0.77;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}

#donation-options #campaign:hover{
    width:100vw;
     -webkit-transition: all .3s;
    transition: all .3s;
    color:#fff !important;
}

#donation-options #campaign:hover > span{
    opacity: 0.3;
    -webkit-transition: all .6s;
    transition: all .6s;
}

#donation-options #campaign:hover > h2{
    color:#fff !important;
    -webkit-transition: all .3s;
    transition: all .3s;
}

/*eof Donation Page*/