/* Global styles ================================= */
* { font-family: "Trebuchet MS", sans-serif; }
/*{ font-family: "Futura LT W01 Book"; }*/
.content { min-height: calc(100vh - 200px);position:relative;}
@font-face {
  font-family: "FuturaBold";
  src: url("/wp-content/themes/ovec/assets/fonts/FuturaLT-Bold.otf");
}  
/* =============================================== */

/* Navbar styles ================================= */
.top-bar {background: #1d3e64;position:relative;z-index:2; border-bottom: 15px solid #1d3e64 !important;}
.top-bar .col-sm-6 {
  padding-right: 0;
  margin-left: 40px;
}
.top-left-info {
  padding-bottom: 7px;
  padding-top: 7px;
}
.top-left-info .fa-volume-control-phone, .top-left-info .fa-envelope {padding-right:7px;font-size: 16px;}
.top-left-info .fa-volume-control-phone {transform: rotate(-32deg);}
.top-left-info span a {
  color: #fff;
  font-size: 13px;
  letter-spacing: 1px;
}
.top-left-info .left {
  border-right: 1px solid #707070;
  margin-right: 20px;
  padding-right: 20px;
}
.navbar-brand {
  padding-top: 10px;
}
.navbar-brand img {width: 85px;margin: -15px 0 0 22px;}
.navbar-brand-text {padding-left: 15px;margin-top: 5px;font-size: 22px; font-weight:600;}
.navbar-brand-text {color: #056a37;}
.navbar {
  box-shadow: 2px 2px 2px #777;
  background: #fff;
  border-color: none !important;
  margin-top:33px;
  margin-bottom: 0 !important;
}
.navbar .container {
  padding-right: 0;
}
.navbar .donation {
  background: #056a37;
  color: #fff;
  padding: 6px 25px 6px 25px;
  margin: 13px 10px 13px 10px;
}
.navbar .donation:hover  {
  background: #1d3e64 !important;
  color:#fff;
  transition: 0.2s;
}
.navbar-nav {
  float: right !important;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
}
.social-top {
  margin-left: 10px;
}
.social-top .fa {
  color: #8395aa;
  transition: 0.2s;
  font-size: 20px;
  margin-top: 5px;
}
.social-top .fa:hover {
  transition: 0.2s;
  color: #fff;
}
.social-top a {
  padding: 7px 15px 7px 15px;
}
.social-top a:first-of-type {
  border-left: 1px solid #6f6f6f;
  border-right: 1px solid #6f6f6f;
}
.social-top a:not(:first-child) {
  border-right: 1px solid #6f6f6f;
}
.social-top .fa-instagram {
  padding-right: 5px;
}
.search-bar-col {
  padding-right: 0 !important;

}
.search-bar-col form {
  padding: 4px 0 0 0;
  width: 100%;
}
.search-bar-col form .fa {
  color: #fff;
}
.search-bar-col form button, .search-bar-col form input {
  background: transparent;
  border: none;
  color: #fff;
}
.search-bar-col form input {
  width: 85%;
}
.search-bar-col form input::placeholder {
  color: #fff;
}
.search-bar-col form input:focus {
  border: none;
}
.search-bar-col form select {
  color: #fff;
}
.navbar-default .navbar-nav > li > a:hover { background: #f5f5f5; }
ul.navbar-nav li a { padding: 20px; color: #707070; }
nav ul li ul { display: none; position: absolute; padding: 0; z-index: 5;  }
nav ul li:hover > ul { display: block; }
nav ul li a:hover { color: #000; }
nav ul li ul li { display: block;  text-transform: capitalize; margin-top: 0; }
.navbar-nav > li > .dropdown-menu { background: #fff; }
span.arrow { display: none; }
@media screen and (max-width: 767px) { 
  #navbar { padding: 0; max-height: none !important; margin-top: -15px; } 
  .navbar { height: 49px !important; }
  .navbar-nav { width: 100% !important; }
  .navbar-header { height: 65px; }
  ul.dropdown-menu.expanded { padding-top: 0 !important; }  
  ul.dropdown-menu.expanded li { background: #777; }
  ul.dropdown-menu.expanded li a { color: #fff !important; }
  ul.nav.navbar-nav { margin: 0; }
  ul.nav.navbar-nav li a { color: #000; }
  .navbar { height: 65px; }
  nav ul { float: none;  }
  .navbar-nav > li > .dropdown-menu { box-shadow: none; }
  nav ul li { width: 100%; text-align: center; position: relative; padding: 0; margin: 0; background: #e5e5e5; }
  nav ul li a {padding:20px 0; color: #000 !important; }
  nav ul li .arrow { position: absolute; display: block; right: 5%; color: #3a3d3e; width: 40px; text-align: center; top: 20px; line-height: 58px; }
  nav ul li ul { position: relative !important; float: none !important; background: #045490; }
  nav ul li ul li { width: 100%; padding: 0; margin-left: 0; margin-right: 0; background: #045490 !important; }
  nav ul li ul li a { padding: 5px 0 5px 0; color: #000; }
  nav ul li:hover > ul {display:none;}
  span.arrow { display: block; }
  .navbar-default .navbar-nav > li > a, 
  nav ul li ul li a { padding-left: 0 !important; padding-right: 0 !important; }
  .cover {position:absolute; right:2%; top:13px;}
  .cover {display:block; width:40px; height:40px;}
  .line {width:35px; height:5px; background:#1d3e64; position:relative; top:10px; transition:ease;}
  .line::before {content:''; left:0; width:35px; height:5px; position:absolute; top:-10px; background-color:#1d3e64;}
  .line::after {content:''; left:0; width:35px; height:5px; position:absolute; top:10px; background-color:#1d3e64;}
  .line.animate::before {-webkit-animation: mymove .5s forwards; -moz-animation: mymove .5s forwards; -o-animation: mymove .5s forwards; animation: mymove .5s forwards; }
  .line.animate::after {-webkit-animation: mymove2 .5s forwards; -moz-animation: mymove2 .5s forwards; -o-animation: mymove2 .5s forwards; animation: mymove2 .5s forwards;}
  .line.animate {-webkit-animation: mymove3 .2s forwards; -moz-animation: mymove3 .2s forwards; -o-animation: mymove3 .2s forwards; animation: mymove3 .2s forwards;}
  .line.reverse::before {-webkit-animation: mymove4 .5s forwards; -moz-animation: mymove4 .5s forwards; -o-animation: mymove4 .5s forwards; animation: mymove4 .5s forwards;}
  .line.reverse::after {-webkit-animation: mymove5 .5s forwards; -moz-animation: mymove5 .5s forwards; -o-animation: mymove5 .5s forwards; animation: mymove5 .5s forwards;}
  .line.reverse {-webkit-animation: mymove6 .2s forwards; -moz-animation: mymove6 .2s forwards; -o-animation: mymove6 .2s forwards; animation: mymove6 .2s forwards;}
  @keyframes mymove {
    0% {top:-15px;}
    50% {top:0;}
    51% {transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); top:0;}
  }
  @keyframes mymove2 {
    0% {top:15px;}
    50% {top:0;}
    51% {transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); top:0;}
  }
  @keyframes mymove3 {
    99% {width:35px;}
    100% {width:0px;}
  }
  @keyframes mymove4 {
    0% {transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); top:0;}
    50% {transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    51% {top:0;}
    100% {top:-10px;}
  }
  @keyframes mymove5 {
    0% {transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); top:0;}
    50% {transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    51% {top:0;}
    100% {top:10px;}
  }
  @keyframes mymove6 {
    0% {width:0px;}
    99% {width:0px;}
    100% {width:35px;}
  }
  @-webkit-keyframes mymove {
    0% {top:-10px;}
    50% {top:0;}
    51% {transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); top:0;}
  }
  @-webkit-keyframes mymove2 {
    0% {top:10px;}
    50% {top:0;}
    51% {transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); top:0;}
  }
  @-webkit-keyframes mymove3 {
    99% {width:35px;}
    100% {width:0px;}
  }
  @-webkit-keyframes mymove4 {
    0% {transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); top:0;}
    50% {transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    51% {top:0;}
    100% {top:-10px;}
  }
  @-webkit-keyframes mymove5 {
    0% {transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); top:0;}
    50% {transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    51% {top:0;}
    100% {top:10px;}
  }
  @-webkit-keyframes mymove6 {
    0% {width:0px;}
    99% {width:0px;}
    100% {width:35px;}
  }
}
@media screen and (max-width: 545px) {}
.arrow > .fa {transition:.5s ease; transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg);}
.arrow.rotate > .fa {transition:.5s ease; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg);}

.sub-menu-parent { position: relative; }

.sub-menu { 
  visibility: hidden; /* hides sub-menu */
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  transform: translateY(-2em);
  z-index: -1;
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.sub-menu-parent:focus .sub-menu,
.sub-menu-parent:focus-within .sub-menu,
.sub-menu-parent:hover .sub-menu {
  visibility: visible; /* shows sub-menu */
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}
/* =============================================== */

/* Navbar Header ================================= */
a.sign-in:hover { background: #119b78; color: #fff !important; }
/* =============================================== */

form {margin-bottom: 0;}
.section-a { margin-bottom: 45px !important; }
#section-1 {height: 130px;width: 100%;position: relative;margin-top: -83px;}
.arrow-down {font-size:80px;color:#fff;}
.bounce {
  animation: bounce 2s infinite;
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
    40% { transform: translateY(-30px); }
    60% { transform: translateY(-15px); }
}
.v-header{
  height: 100vh;
  display:flex;
  align-items:center;
  color:#fff;
}
.v-header h1 { font-size: 55px;margin-bottom:0 !important;}
.v-header p { font-size: 22px; }
.v-header .ovec-learn-more {border:1px solid #fff;margin-top:35px;transition: 0.2s;}
.v-header .ovec-learn-more:hover {background:#fff;transition: 0.2s;}
.v-header a {color:#fff;}
.v-header a:hover {color: #333 !important;transition:0.3s;}
.header-overlay{
  height:100vh;
  position: absolute;
  top:0;
  left:0;
  width:100%;
  z-index:1;
}
.header-content{
  z-index:2;
}
.header-content h1{
  font-size: 70px;
  margin-bottom:0;
}
.header-content p{
  font-size:1.5rem;
  display:block;
  padding-bottom:2rem;
}
.overlay-sub { background-size: cover !important; }

/* First-Section: Introduction ==================== */
.first-section {
  padding-top: 75px;
  padding-bottom: 55px;
}
.first-section .f-1 h2, .first-section .f-3 h2 {
  color: #056a37;
  margin-top: 0;
  font-size: 24px;
}
.first-section .f-2 h2 {
  color: #1d3e64;
  margin-top: 0;
  font-size: 24px;
}
.first-section-logos img { width: 150px; transition: 0.3s; }
.first-section-logos a { color: #333;  }
.first-section-logos a:hover { text-decoration: none; }
.first-section-logos a:hover > img { transform: rotate(10deg); width: 165px; transition: 0.3s; }
.first-section p { font-size: 18px;margin-right: 40px;margin-left: 40px;}
/* =============================================== */

/* Second-Section  =============================== */
.second-section {
  padding-top: 55px;
  padding-bottom: 55px;
  background: #eeeeef;
}
.second-section .col-md-6 {
  padding-left: 0;
}
.second-section .col-md-6:last-child {
  padding-right: 0;
}

.section-1 p { padding-top: 55px; padding-bottom: 55px; font-size: 20px; color: #1d3e64; line-height: 1.8; }
.section-2 img { padding-left: 35px; }
/* =============================================== */

/* Subpage-Section  ============================== */
.full-width-subpage .row .col-md-6 p {
  padding-left: 0 !important;
}
/* For images that are not full width */
.non-full-width {
  width: 300px !important;
  height: 220px !important;
}
@media screen and (max-width:991px) {
  .non-full-width {
    width: 100% !important;
    height: auto !important;
  }  
}
/* MetaSlider */
.metaslider .caption {
  padding: 5px 10px;
  word-wrap: break-word;
  background: #333;
  color: white;
  opacity: 0.7;
  margin: 0;
  display: block;
  width: 100%;
  line-height: 1.4em;
}
ul.slides {
  padding-left: 0 !important;
}
ul.slides li img { padding-top: 0; }
.leader { min-height: 500px; }
.subpage-header .inner-text {
  margin-top: 95px;
  padding-top: 122px;
  padding-bottom: 122px;
  color: #fff;
  font-size: 30px;
  text-shadow: 2px 2px 2px #000;
  letter-spacing: 1px;
  font-family: 'FuturaBold';
}
.subpage-row {padding-top: 35px;padding-bottom: 50px;}
.subpage-row .col-md-8 {
	padding-left: 45px;
}

.faq-block {
  background: #1d3e64;
  color: #fff !important;
  font-size: 20px;
  padding: 5px 25px 5px 25px !important;
  margin: 10px 0 10px 0;
  border-radius: 3px;
  font-weight: 600;
}
.faq-block p { color: #fff !important; margin: 0; height: 0; }
.faq-block .fa { padding-left: 5px;float:right;margin-top:5px;}
.sub-sidebar img {width: 100%;}
.sub-side-btn {background: #056a37;color: #fff;padding: 35px !important;width: 100%;font-size: 25px !important;margin-top: 20px;}
.subpage h1 { font-size: 30px; margin-top: 30px;}
.subpage h2 { color: #056a37; margin-top: 0;}
.subpage p {font-size: 18px;color: #747474;}
.subpage-content {padding-top:10px;padding-bottom:35px;}
.side-section-content .title, p.title {margin-bottom:0;}
.menu-siblings-navigation-container {
    padding: 15px;
    background: #056a37;
    border-radius: 4px;
    margin-bottom: 15px;
}    
.menu-siblings-navigation-container ul {
   list-style: none;
   padding-left: 0 !important;
}
.menu-siblings-navigation-container ul li {
	margin-bottom: 7px;
}
.menu-siblings-navigation-container ul li a,
.menu-siblings-navigation-container ul li a:hover {
	color: #fff;
}
.accordion { cursor: pointer; padding: 18px !important; width: 100%; border: none; text-align: left; outline: none; }
.active, .accordion:hover { background-color: #056a37; }
.panel { padding: 0 18px; display: none; background-color: white; overflow: hidden; }

/* Stray Subpages - Used for pages that do not appear on the navigation */
.stray-subpage-header {
	background-repeat: no-repeat !important;
	background-size: cover !important;
    height: 275px !important;
}
.stray-subpage .row {
   margin-top: 30px !important;
}


/* =============================================== */

/* Blog-Section  ================================= */
.search_results_header { font-size: 1.5em; padding-top: 20px; } 
.card {box-shadow:none !important;}
.blog { margin-bottom: 45px; }
.card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 100%;
    margin-top: 45px;
}
.card .header-wrap {height: 200px !important; background-size: contain;
    background-position: center !important; background-size: cover !important;}
.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.container {
    padding: 2px 16px;
}
.card img { width: 65% !important;height:auto; display: block; margin-left: auto;margin-right: auto; }
.blog-post-info {padding: 5px; min-height: 275px; position: relative;}
.blog-post-info h1 { margin-top:0;margin-bottom: 20px; line-height: 0.8;}
.blog-post-info p {font-size: 16px;}
.blog-post-info a {font-size:20px;color:#1d3e64;}
.blog-post-info a:nth-child(3) { font-size: 16px; }
.blog-post-info a:hover {color:#056a37;text-decoration:none;}
.time-stamp {font-size: 16px;}
ul.post-categories { list-style: none; padding-left:0; margin-bottom:0 !important; }
ul.post-categories li a { font-size: 16px !important; }
/* =============================================== */

/* Footer styles ================================= */

/* (Volunteer) ===================== */
.volunteer { background: #056a37; padding-top: 25px; padding-bottom: 35px; color: #fff; }
.volunteer h3 { font-weight: 600; }
.volunteer a { color: #fff; }
.volunteer .col-md-10 { padding-left: 0; }
.volunteer .col-md-2 { padding-right: 0; }
.volunteer .btn {
  transition: 0.2s;
  border: 1px solid #fff !important;
  float: right;
  margin: 20px 0 20px 0;
}
.volunteer .btn:hover {
  transition: 0.2s;
  background: #fff;
}
footer {
  background: #1d3e64;
  padding: 45px 0 0 0;
  border-top: 1px solid #fff;
}
footer h4, footer h5, footer p {
  color: #fff;
  padding-bottom: 15px;
}
footer .row {
  border-bottom: 1px solid #8395aa;
  padding-bottom: 25px;
}
footer .col-md-3 h4:first-child {
    margin-right: 51px;
}
footer .col-md-3 p:first-child {
	margin-right: 91px;
}
footer .col-md-3 span {
	padding-left: 28px;
}
footer .col-md-3:first-child {
  padding-left: 0;
}
footer .col-md-3:last-child {
  padding-right: 0;
}
footer .social a .fa {
  color: #fff;
}
footer .social .fa {
  font-size: 25px;
  padding: 0 15px 0 15px;
}
footer .address .fa {
  padding-right: 7px;
  font-size: 16px;
  margin-left: -17px;
}
footer .address {
  margin-left: 17px;
}
footer .address img {
  width: 20px;
  padding-right: 3px;
  margin-right: 6px;
}
footer .s-fa {
    transform: rotate(-32deg) !important;
}
footer .address a {
  color: #fff;
}
footer .program-links p {
  padding-bottom: 0;
}
footer .program-links a {
  color: #fff;
}
footer form input {
  border-radius: 0 !important;
}
footer form button {
  background: #71869e;
  color: #fff;
  padding-top: 20px;
}
footer .below-footer {
  padding: 35px 0 35px 0;
  border: none;
}
footer .below-footer .col-md-6:first-child {
  padding-left: 0;
}
footer .below-footer .col-md-6:last-child {
  padding-right: 0;
}
footer .below-footer ul {
  list-style: none;
}
footer .below-footer li a {
  color: #fff;
  border-right: 1px solid #fff;
  padding: 1px 45px 1px 45px;
}
footer .below-footer li:last-child a {
  border-right: none;
  padding-right: 0;
}
footer .below-footer li a:hover {
  text-decoration: none;
}
footer .social-links a {
  text-align: center;
  float: left;
  width: 50px;
  height: 50px;
  border: 1px solid #8395aa;
  background: #8395aa;
  border-radius: 100%;
  margin-right: 10px;
  transition: 0.2s;
}
footer .social-links a:hover {
  background: #056a37;
  transition: 0.2s;
}
footer .social-links a i {
  font-size: 20px;
  line-height: 49px;
  color: #fff;
}
footer .tx-tfm {transition: 0.2s;}
footer .tx-tfm:hover {transition: 0.2s;background:#fff;}

.resources {
  margin-top: 25px;
  background: #71869e;
  transition: 0.3s;
}
.resources:hover {
  transition: 0.3s;
  background: #fff;
  color: #333;
}

.double-underline {
  position: relative;
  display: inline-block;
  margin-bottom: 45px;
}
.double-underline h5 { margin-bottom: 0;padding-bottom:0; }
.double-underline:after, .double-underline:before{
   content: "";
  position: absolute;
  z-index: 2;
  width: 100%;
  background-color: #8395aa;
  display: block;
  height: 3px;
  
}
.double-underline:after {
   bottom: -27px;
   left: 0;
   width: 35%;
 }

.double-underline:before {
   bottom: -20px;
   width: 70%;
 }


.hideme { opacity:0;}

/* Header Paragrap Fade In right */

@-webkit-keyframes fadeInRight {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@-moz-keyframes fadeInRight {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@keyframes fadeInRight {
    from {
        opacity:0;
        -webkit-transform: translatex(100px);
        -moz-transform: translatex(100px);
        -o-transform: translatex(100px);
        transform: translatex(100px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
.in-right {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-duration:2s;
    animation-delay: 2s;
}


@-webkit-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@-moz-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-100px);
        -moz-transform: translatex(-100px);
        -o-transform: translatex(-100px);
        transform: translatex(-100px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
.in-left {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -o-animation-duration:3s;
    animation-delay: 3s;
}
.footer-nav a {transition: 0.2s;color:#8395aa;}
.footer-nav a:hover {color:#fff;transition:0.2s;}
footer .below-footer li a {transition: 0.2s;color:#8395aa;}
footer .below-footer li a:hover {color:#fff;transition:0.2s;}
/* Donation Modal */
.donation-modal .modal-dialog {width:55%;}
@media screen and (max-width:991px) {
  .donation-modal .modal-dialog {width:75%;}
}
@media screen and (max-width:767px) {
  .donation-modal .modal-dialog {width:100%;}
}
.donation-modal .modal-header { border-bottom:none; }
.donation-modal .modal-content {background: rgba(229,229,229,0.7);border:none; }
.donation-modal .modal-footer {border-top:none;}
.donate-intro {margin-top: 15px;padding: 0 10px 0 10px;}
.donation-modal button {transition: 0.2s;margin-top:30px;margin-bottom:30px;border-radius: 40px;background:#056a37; color:#fff;margin-right: auto;margin-left: auto;padding: 5px 45px 5px 45px;font-size: 20px;display: block; }
.donation-modal button:hover {transition: 0.2s; background:#1d3e64; }
.donate-intro p:first-of-type {color:#1d3e64 !important;font-size: 16px;font-weight: 600;margin-bottom:0;}
.donate-intro p{font-size: 16px; color:#333;}
.donate-options {text-align: center;margin-top:25px;}
.donate-options li {display: inline-block; border: 1px solid #c4c4c4;padding: 10px;margin: 5px;}
.donate-options li:last-of-type {padding-bottom: 16px;}
.donate-options input {margin-right: 5px !important;}
.donate-options p {color:#056a37;font-weight: 600;}
.donation-modal .desc {font-size:14px; color:#333;padding: 0 10px 0 10px;}
.donate-options .amount {color:#056a37;font-size: 40px;font-weight: 600;}
.donation-modal .modal-footer p {color: #1d3e64 !important;font-size: 16px;font-weight: 600;}
/*.donation-modal .modal-footer .col-md-4 {position: relative;}*/
.donation-modal .modal-footer .col-md-4 p {font-size: 12px !important;color: #333 !important;font-weight:normal !important;}
.donation-modal .modal-footer .col-md-4 img {display: block;margin: auto;}
.amazon-smile{padding-bottom: 15px;}
.kroger {width: 135px;padding-bottom: 5px;}
.cafe-press{width: 137px;padding: 15px 0 15px 0;}


/* Blog posts page */
.featured-project-image img { width: 200px !important; height:auto;}
/* Archives */
select.form-control.archive-posts { width: 165px; }
@media screen and (max-width: 767px) {
  select.form-control.archive-posts { width: 100% !important; }
}
.modal {
 overflow-y: auto;
}

.modal-open {
 overflow: auto;
}

/* Pagenation - Blog */
.navigation ul { padding-left: 0; }
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled { color: #fff; text-decoration:none; }
.navigation li { display: inline; }
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled { background-color: #1d3e64; border-radius: 3px; cursor: pointer; padding: 12px; padding: 0.75rem; }
.navigation li a:hover,
.navigation li.active a { background-color: #056a37; }
@media screen and (max-width: 767px) {
  .navigation li a { color: #fff !important; }
}

/* Single Blog Posts Page */
.single-post img { padding-top: 5px !important; width: initial !important; margin-bottom: 0 !important; padding-bottom: 0;display: block; margin-right: auto; margin-left: auto; }
@media screen and (max-width:767px) {
	.single-post img { width: 100% !important; }
}
.subpage a { color: #1d3e64; }
.subpage img { vertical-align: middle; width: 100%; height: auto; padding-top: 15px; padding-bottom: 15px;}
.subpage-row ul { font-size: 18px; padding-left: 20px; }
.NaturalImage-image { display: block; width: 100%; height: auto; }
#comment { width: 100%; }
ul.top-blog-info { list-style: none; padding-left: 0;}
ul.top-blog-info li { display: inline-block; padding: 0 5px 0 0; }
.comment-respond .form-submit input { border-radius: 5px; background: #056a37; color: #fff; padding: 6px 25px 6px 25px; margin: 13px 10px 13px 0; transition: 0.2s; }
.comment-respond .form-submit input:hover { background: #1d3e64 !important; transition: 0.2s; }
.select-by-month { margin: 30px; }
.single-post img.alignright { float: right; margin: 0 0 1em 1em; }
.single-post img.alignleft { float: left; margin: 0 1em 1em 0; }
.single-post img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.single-post .alignright { float: right; }
.single-post .alignleft { float: left; }
.single-post .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.single-post-sidebar img { width: 100% !important; height: auto !important; }

/* Calendar */
.fc-day-grid-event { background: #056a37 !important; border-color: #056a37 !important; }
.filter-category { visibility: hidden; }
.featured-events img { width: 60%; display: block; margin: 0 auto; }
.feat-link:hover > p b { color: #056a37 !important;  }
.featured-events .f-1 { color: #056a37; border-top: 1px solid #056a37; border-right: 1px solid #056a37; border-left: 1px solid #056a37; border-radius: 5px; padding: 5px 0 5px 0; }

/* Our Team */
.ourTeam .row {
  padding: 0 100px 0 100px;
  margin: 1.125em 0 1.125em 0;
}
.ourTeam .row .col-sm-4 {
  padding: 0;
  border-right: 7px solid #fff;
  border-left: 7px solid #fff;
}
.ourTeam .card img {
  width: 100% !important;
  padding-bottom: 0;
  border-bottom: 5px solid #1d3e64;
}
.ourTeam .card a:hover {
  cursor: pointer;
}
.ourTeam .name {
  font-weight: 800;
  font-size: 1.5em;
}
.ourTeam .occupation {
  font-size: 16px;
}
.ourTeam .excerpt {
  margin: 1.125em 0 1.125em 0;
}

/* Our Team - Overlay to read more */
.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 5;  
  top: 0;
  left: 0;
  background-color: rgb(255,255,255);
  background-color: rgba(255,255,255, 0.9);
  overflow-y: scroll !important;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
  color: #fff;
  font-size: 1.5em;
}

.overlay-content .name, .overlay-content strong {
  padding-bottom: 20px;
  color: #333;
}

.overlay-content p {
  color: #747474 ;
  text-align: left;
}

.overlay-content p:first-child {
  margin-top: 20px !important; 
}

.overlay-content ul {
  font-size: 16px;
  padding-left: 20px;
  text-align: left;
  color: #747474;
}

.overlay a {
  text-decoration: none;
  color: #337ab7;
  font-size: 16px;
  transition: 0.3s;
}

.overlay-content .closebtn {
  display: none;
}

.overlay a:focus {
  text-decoration: none !important;
}

.overlay a:hover, .overlay a:focus {
  text-decoration: underline;
}

.overlay .closebtn {
  position: absolute;
  top: 120px;
  right: 45px;
  font-size: 60px;
  font-weight: 800;
}

.overlay .closebtn:hover {
  text-decoration: none;
}

.moreInfo {
  font-size: 16px;
  cursor: pointer;
  font-style: italic;
  color: #1d3e64;
  position: absolute;
  bottom: 0;
}

/*.team-divider { display: none; }*/

@media screen and (max-height: 450px) {
  .overlay {overflow-y: auto;}
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

/* Mobile Styles */
.footer-nav { float: right; }
.navbar-brand-text { float: right; }

@media screen and (max-width: 991px) {
  .overlay-content .closebtn { display: block; }
  .overlay { overflow-y: scroll !important; position: fixed; top: 0; right: 0; bottom: 0; left: 0; }
  .overlay-content { margin-top: 70px; padding-bottom: 45px; }
  .team-divider { display: none; }
  .overlay .closebtn { top: 117px; right: 10px; }
  .navbar { margin-top: 95px !important; }
  .navbar-brand { margin: -15px 15px; padding: 0 !important; }
  .navbar-brand > img { margin: 13px 10px 0 0; } 
  .navbar-brand-text { float: none !important; margin-top: 20px; }
  .search-bar-col form { display: none; }
  .top-bar .col-sm-6 { padding: 5px 0 10px 0; margin-left: 0; }
  .social-top { margin-left: 0; }
  .social-top a { border: none !important; }
  .v-header h1 { font-size: 2em; }
  .v-header p { font-size: 1em; margin-top: 20px; }
  .arrow-down .fa { font-size: 0.5em; }
  nav ul li .arrow { top: 0; }
  nav ul li ul li { background: #1d3e64 !important; }
  nav ul li ul li a { color: #fff !important; }
  .section-1 p { padding: 0 0 25px 0; }
  .second-section .col-md-6 { padding-left: 0; }
  .section-2 img { padding-left: 0; }
  .volunteer .btn { float: left; }
  .ourTeam .row { padding: 0 }
  .subpage-row .col-md-8 { padding-left: 15px; }
  .subpage-row .col-md-6 { padding-left: 15px; }
}
@media screen and (max-width: 767px) {
	.navbar-brand-text { font-size: 0.7em; }
	.navbar-brand img { width: 2em; }
	footer .navbar-nav { margin: 5px !important; }
	.footer-nav { float: left; }
  footer .below-footer ul li ;{ display: inline-block !important; }
	footer .below-footer li a { border-right: none; padding: 0 15px 0 15px; }
	.below-footer p { text-align: center; }
	footer .col-md-3:last-child { padding-right: 15px; }
	footer .below-footer .col-md-6:first-child, footer .col-md-3:first-child { padding-left: 15px; }
}
@media screen and (max-width:375px) {
  .top-left-info span a { font-size: 0.8em; }
  .navbar { margin-top: 82px !important; }
  #navbar { margin-top: -17px; }
}

/* Newsletter */
.col-sm-10 a {
	margin-top: 30px;
}

.entry-content p, .entry-content p a { font-size: 16px !important; }