/*
Theme Name: Join The Movement
Theme URI: https://jointhemovementucc.org/
Author: Daniel Jones
Author URI: https://orgstory.org
Description: Theme created in June 2021.  It is in the 1.0 version of Join The Movement website.
Version: 1.0
License:
License URI:
Text Domain: Join The Movement
Tags: UCC
*/

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;600;700&display=swap');

h1, h2, h3, h4, h5, h6, p, li, a {font-family: 'Lato', sans-serif;}

h1, h2, h3, h4, h5, h6 {font-weight: 600;}

h2, h3, h4, h5, h6 {padding-top: 20px;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline; color: inherit;}


p a {color: inherit; font-weight: bold;}
a p {color: inherit; font-weight: bold; text-decoration: none;}
a p.news-text {color: #000; font-weight: bold; text-decoration: none;}
.news-hover:hover a p.news-text {color: #077EA8 !important;}

.number-center {position: absolute;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
margin: 0 auto;
text-align: center;
left: 0;
right: 0;
top: 0;
bottom: 0;}
.number-center p {line-height: 120%; font-size: 120%;}
.number-center span { font-family: 'Lato', sans-serif; font-size: 3em; font-weight: 600;line-height: 120%;}

.bg-black {background-color: #000;}
.bg-white {background-color: #fff;}
.bg-white-events {background-color: #fff;}
.bg-white-events:hover {background-color: #077EA8;}
.bg-white-events:hover p {color: #fff !important;}
.bg-white-events:hover h1 {color: #fff !important;}
.bg-white-events:hover h2 {color: #fff !important;}
.bg-white-events:hover h3 {color: #fff !important;}
.bg-white-events:hover h4 {color: #fff !important;}
.bg-white-events:hover h5 {color: #fff !important;}

.smaller {font-size: 80%; !important;}
.max-90 {width: auto; height: auto; max-height: 90px; margin: 10px 0px 20px 0px;}
.navy-blue {color: #136995;}
.bg-navy-blue {background-color: #136995;}

.green {color: #79A848;}
.bg-green {background-color: #79A848;}

.blue {color: #077EA8;}
a.blue {color: #077EA8;}
.bg-blue {background-color: #077EA8;}


.purple {color: #7D3994;}
.bg-purple {background-color: #7D3994;}

.light-purple {color: #f2ccff;}
.bg-light-purple {background-color: #f2ccff;}

.dark-grey {color: #272727;}
.bg-dark-grey {background-color: #272727;}

.gold {color: #FFB71B;}
.bg-gold {background-color: #FFB71B;}

.light-grey {color: #F2F2F2;}
.bg-light-grey {background-color: #F2F2F2;}
.bg-light-grey-40 {background: rgb(242,242,242);
background: linear-gradient(180deg, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 40%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 100%);}

.light-blue {color: #c1e1ec;}
.bg-light-blue {background-color: #c1e1ec;}

.light-gold {color: #FAF5EA;}
.bg-light-gold {background-color: #FAF5EA;}

.light-green {color: #D8E6CA;}
.bg-light-green {background-color: #D8E6CA;}

.border-top-gold {border-top: 20px solid #FFB71B;}
.border-top-green {border-top: 20px solid #86AF5B;}
.border-top-blue {border-top: 20px solid #077EA8;}
.border-top-purple {border-top: 20px solid #7D3994;}

.min-box {min-height: 560px; height: 25vh;}

.border-blue {border: 2px solid #077EA8;}


.btn {padding: .5rem 1.5rem;}
.btn-primary {background-color: #136995; border: 2px solid #136995;  border-radius: 14px;}
.btn-primary:hover {background-color: #fff; color: #136995; border: 2px solid #136995; border-radius: 14px;}

.btn-primary-2 {background-color: #136995; color: #fff; border: 2px solid #fff;  border-radius: 14px;}
.btn-primary-2:hover {background-color: #fff; color: #136995; border: 2px solid #136995; border-radius: 14px;}

.btn-green {background-color: #79A848; color: #fff; border: 2px solid #79A848;  border-radius: 14px;}
.btn-green:hover {background-color: #fff; color: #79A848; border: 2px solid #79A848; border-radius: 14px;}

.btn-gold {background-color: #FFB71B; color: #fff; border: 2px solid #FFB71B;  border-radius: 14px;}
.btn-gold:hover {background-color: #fff; color: #FFB71B; border: 2px solid #FFB71B; border-radius: 14px;}

.btn-gold-outline {background-color: transparent; color: #707070; border: 2px solid #FFB71B; border-radius: 14px;}
.btn-gold-outline:hover {background-color: #FFB71B; color: #fff; border: 2px solid #FFB71B;  border-radius: 14px;}

.btn-blue-outline {background-color: transparent; color: #077EA8; border: 2px solid #077EA8; border-radius: 14px;}
.btn-blue-outline:hover {background-color: #077EA8; color: #fff; border: 2px solid #077EA8;  border-radius: 14px;}

.btn-purple-outline {background-color: transparent; color: #7D3994; border: 2px solid #7D3994; border-radius: 14px;}
.btn-purple-outline:hover {background-color: #7D3994; color: #fff; border: 2px solid #7D3994;  border-radius: 14px;}

.btn-purple {background-color: #7D3994; color: #fff; border: 2px solid #7D3994;  border-radius: 14px;}
.btn-purple:hover {background-color: transparent; color: #7D3994; border: 2px solid #7D3994; border-radius: 14px;}



.btn-green-outline {background-color: transparent; color: #79A848; border: 2px solid #79A848; border-radius: 14px;}
.btn-green-outline:hover {background-color: #79A848; color: #fff; border: 2px solid #79A848;  border-radius: 14px;}

.btn-green-outline-2 {background-color: transparent; color: #fff; border: 2px solid #fff; border-radius: 14px;}
.btn-green-outline-2:hover {background-color: #fff; color: #79A848; border: 2px solid #fff;  border-radius: 14px;}


a.btn-white {background-color: #fff; color: #444 !important; border: 2px solid #fff; border-radius: 14px; text-decoration: none;}
a.btn-white:hover {background-color: #78bc51; color: #fff !important; border: 2px solid #78bc51;  border-radius: 14px; text-decoration: none !important;}

.social-connect {max-width: 30px; height: auto;}

.bigger {font-size: 150%; }
@media (max-width: 991px) {
  .bigger {font-size: 100%; }

}
.play-button {max-width: 120px; height: auto;}

.anouncement img {transition: all .3s ease-out; opacity: .3;}
.anouncement:hover img {opacity: 1;}


ul, ol {display: block; list-style-position: inside; width: 90%; margin-left: 5% !important;}


.rounded {border-radius: 24px !important;}
.hover-wrap {overflow: hidden;  min-height: 560px !important; cursor: pointer !important; -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;}
.hover-boxes {display: none; -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear; background-color: rgba(255, 183, 27, 0.0);}
.hover-wrap:hover .hover-boxes {display: flex; justify-content: center; align-items: center; background-color: rgba(255, 183, 27, 0.98);}
a.hover-boxes, a.hover-boxes h4, a.hover-boxes p, a.hover-boxes span {text-decoration: none;}

.hover-boxes-2 { display: none; -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear; background-color: rgba(121, 168, 72, 0.0); border: 2px solid #79A848;}
.hover-wrap:hover .hover-boxes-2 {display: flex; justify-content: center; align-items: center; background-color: rgba(121, 168, 72, 0.98);}
.hover-boxes-2, .hover-boxes-2 h4, .hover-boxes-2 p, .hover-boxes-2 span {text-decoration: none; color: #fff;}

.hover-boxes-3 { display: none; -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear; background-color: rgba(242, 204, 255, 0.0); border: 2px solid #7d3994;}
.hover-wrap:hover .hover-boxes-3 {display: flex; justify-content: center; align-items: center; background-color: rgba(125, 57, 148, 0.98);}
.hover-boxes-3, .hover-boxes-3 h4, .hover-boxes-3 p, .hover-boxes-3 span {text-decoration: none; color: #fff;}




.title-bar {position: absolute; transition: all .3s ease-out; min-height: 130px; display: flex; justify-content: center; align-items: center; bottom: 0px; width: 100%; background-color: #fff; color: #000 !important; border-radius: 0px 0px 24px 24px !important; border: 2px solid #79A848; padding: 0px 12px;}
.title-bar h4 {text-align: center; padding: 0px 0px;}
.hover-wrap:hover .title-bar {bottom: -500px;}
@media (max-width: 768px) {
  .hover-wrap:hover .title-bar {display: none; bottom: -500px;}
}

.wrapper-text {background-color: #FDF3E0;}
.wrapper-text-2 {background-color: #faecff;}

.svg-max {max-width: 30px; height: auto;}

a:hover svg {text-decoration: none !important;}

ol, ul {
margin: 0;
padding: 0;
}

ol {margin: 0 0 1.7em 0;}
ol li {margin-bottom: .8em;}
.text-layer { z-index: 999;}

.swirl-one {position: absolute; left: -250px; top: -200px;}
.swirl-one img {width: 600px; height: auto;}

.swirl-two {position: absolute; right: -200px; top: 400px;}
.swirl-two img {width: 600px; height: auto;}

.swirl-three {position: absolute; right: -250px; top: -200px;}
.swirl-three img {width: 600px; height: auto;}

.swirl-four {position: absolute; left: -200px; top: 400px;}
.swirl-four img {width: 600px; height: auto;}

.signup-left {position: absolute; left: -250px; top: -80px;}
.signup-left img {width: 600px; height: auto;}

.signup-right {position: absolute; right: -600px; top: -280px;}
.signup-right img {width: 1200px; height: auto;}

@media (max-width: 768px) {
.signup-right {position: absolute; right: -800px; top: 100px;}
}
.share-one {position: absolute; left: 0px; top: 0px;}
.share-one img {width: 520px; height: auto;}

.swirl-center {position: absolute;
  margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center; opacity: .7;}
.swirl-center img {width: 90%; height: auto;}

#topphoto {width: 100%; height: auto; 0px; margin: 0px;}
.topphoto {width: 100%; height: auto; min-height: 500px;  padding: 0px; margin: 0px;}

.accordion-wrap {border-radius: 24px !important; background-color: #fff !important;}

.accordion-flush .accordion-item:last-child {border-bottom: initial;}
.accordion-item { background-color: transparent !important;   border-bottom: 2px solid #FFB71B !important; }

.accordion-collapse {
    border: 0;
}
.accordion-button {
    padding: 2rem 2rem;
    font-weight: normal;
    border: 0;
    font-size: 1.5rem;
    color:  #FFB71B;
    text-align: left;
    font-family: 'Lato', sans-serif;
    background-color: transparent !important;
}
.accordion-button:focus {
    box-shadow: none;
    border: none;
}
.accordion-button:not(.collapsed) {
    background: none;
    font-weight: bold;
    color:  #FFB71B;
}
.accordion-body {
    padding: 2rem 2rem;
}
.accordion-button::after {
    width: 30px;
    height: 20px;
    content: url(assets/images/gold-caret.svg);
    background-image: none;
    transform: translateY(-4px);
}
.accordion-button:not(.collapsed)::after {
    width: 30px;
    height: 20px;
    background-image: none;
    content: url(assets/images/gold-caret.svg);
    transform: translate(-5px, -4px);
    transform: rotate(180deg);
}

.accordion-item h2 {padding: 0px 0px 0px 0px !important;}


a {transition: all 0.2s linear;}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* Start Owl Slider Stuff */


#slide-section  {position: relative; background-color: #fff; width: 100%; padding: 60px 0px; margin: 0 auto;}

.slide-section {margin-top: 60px;}
.slide-section2 {margin-top: 60px;}



.slide-section .item {
  opacity: 0.4;
  transition: 0.4s ease all;
  margin: 0 20px;
  transform: scale(0.8);
  margin-top: 120px;
}

#why-join .slide-section, #why-join .slide-section .item {margin-top: 30px !important;}


@media (max-width: 1000px) {
  .slide-section .item {
    margin: 0;
    transform: scale(0.9);
  }
}

.slide-section .active .item {
  opacity: 1;
  transform: scale(1);
}

.slide-section .owl-item {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
}

.slide-section video {
  max-width: 100%;
  height: auto;
}

.slide-section2 {margin-top: 60px;}

.slide-section2 .item {
  opacity: 1;
  transition: 0.4s ease all;
  margin: 0 20px;
  margin-top: 0px;
}

@media (max-width: 1000px) {
  .slide-section2 .item {
    margin: 0;
  }
}

.slide-section2 .active .item {
  opacity: 1;
}

.slide-section2 .owl-item {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
}

.slide-section2 video {
  max-width: 100%;
  height: auto;
}


.item {text-align: center;}



.owl-nav {margin: 0 auto; font-size: 1.25em; text-align: center;  color: #B6D549; font-weight: 700; padding: 0px 20px;}

.slide-section .owl-dots {
  text-align: center;
  padding-top: 15px;
}
.slide-section .owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background-color: #FDF3E0 !important;
  margin: 0 3px;
}
.slide-section .owl-dots button.owl-dot.active {
  background-color: #FFB71B !important;
}
.slide-section .owl-dots button.owl-dot:focus {
  outline: none;
}

.slide-section2 .owl-dots {
  text-align: center;
  padding-top: 15px;
}
.slide-section2 .owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background-color: #D8E6CA !important;
  margin: 0 3px;
}
.slide-section2 .owl-dots button.owl-dot.active {
  background-color: #79A848 !important;
}
.slide-section2 .owl-dots button.owl-dot:focus {
  outline: none;
}


.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.38) !important;
}
/*span {
    font-size: 70px;
    position: relative;
    top: -5px;
}*/
.owl-nav button:focus {
    outline: none;
}

.slide {position: relative; z-index: 199; border: 3px solid #ffb71b; border-radius: 14px; transition: 0.3s;}
.slide-image {position: flex; z-index: 200;align-items: center; display: block; text-align: center; margin: -120px auto 0 auto;}
.slide-image img {border-radius: 50% !important; width: 50% !important; max-width: 240px;height: 240px  !important;margin: 0 auto;}
.slide:hover {color: #fff !important; background-color: #ffb71b !important;}

@media (max-width: 991px) {
  .slide-image {margin: 20px auto 0 auto;}
  .slide-image img {max-width: 160px; height: 160px !important;}
  .slide {font-size: .8em;}
  .slide2 {font-size: .8em;}

}

@media (max-width: 475px) {
  .slide-image img {max-width: 90px; height: 90px !important;}
  .slide {font-size: .6em;}
  .slide2 {font-size: .6em;}

}

.slide-blue {position: relative; z-index: 199; border: 3px solid #077EA8; border-radius: 14px; transition: 0.3s;}
.slide-blue:hover {color: #fff !important; background-color: #077EA8 !important;}

#featured-bios .slide-section .owl-dots button.owl-dot {

  background-color: #c1e1ec !important;
}
#featured-bios .slide-section .owl-dots button.owl-dot.active {
  background-color: #077EA8 !important;
}


.slide2 {position: relative; z-index: 199; text-align: left; border: 3px solid #ccc; border-radius: 14px; transition: 0.3s;}
.slide2:hover {color: #fff !important; border: 3px solid #78bc51; background-color: #78bc51 !important;}


.border-blue {border: 2px solid #077EA8;}
.border-green {border: 2px solid #79A848;}
.border-gold {border: 2px solid #FFB71B;}

.rc-slide-blue {color: #000 !important;}
.rc-slide-green {color: #000 !important;}
.rc-slide-gold {color: #000 !important;}

.rc-slide-blue:hover {background-color: #077EA8 !important; color: #fff !important;}
.rc-slide-green:hover {background-color: #79A848 !important; color: #fff !important;}
.rc-slide-gold:hover {background-color: #FFB71B !important; color: #fff !important;}


.border-blue-left {border-left: 2px solid #a0c8d8;}
.border-blue-right {border-right: 2px solid #a0c8d8;}

@media (max-width: 991px) {
.border-blue-right {border-right: 0px solid #a0c8d8;}
}
.datefield {background-color: #077EA8; border-radius: 50%; width: 120px; height: 120px; display: flex; align-items: center; justify-content: center;}
.datefield p {display: block; color: #fff; font-size: 2.5em; text-align: center; line-height: 100%; padding: 0px; margin: 0px;}
.datefield p span {display: block; font-size: 1em;}
.datefield p span.multi {display: block; font-size: .5em; line-height: 110%;}

.border-blue-box {border: 2px solid #fff;}
.border-blue-box:hover {border: 2px solid #077EA8;}


@media (max-width: 1390px) {
  .datefield { width: 90px; height: 90px;}

  .datefield p {
    font-size: 2em;
  }
}

@media (max-width: 475px) {
  .datefield { width: 65px; height: 65px;}

  .datefield p {
    font-size: 1.2em;
  }
  .datefield p span {display: block; font-size: .9em;}

}

/* End Owl SLider Stuff */



#header {background-image: url(assets/images/header-tree.svg); background-position: center center; background-size: cover;}
#header a {color: #fff; text-decoration: none;}
#header a:hover {text-decoration: underline;}
#header p { margin: 0; padding: 0; }
#header .header-icon-row {display: flex; justify-content: flex-start; align-items: center;}
#header .header-icon {max-width: 30px; height: auto;}

.hero {margin: 0; padding: 0px}
.hero-bg-image {height: 40vh; min-height: 500px;background-position: center center; background-size: cover;}
.hero-bg-text {background-color: #F2F2F2; height: 40vh; min-height: 500px;}
.hero-bg-text-white {background-color: #fff; height: 40vh; min-height: 500px;}

.hero-text-wrapper {height: 40vh; min-height: 500px; }
@media (max-width: 768px) {
  .hero-bg-text {background-color: #F2F2F2; height: 33vh; min-height: 400px;}
  .hero-bg-text-white {background-color: #fff; height: 33vh; min-height: 400px;}

  .hero-text-wrapper {height: 33vh; min-height: 400px; /*margin-top: 500px;*/ text-align: center;}
}

.floating-text {position: absolute;
  display: block;
z-index: 999;
background-color: rgba(53, 125, 164, 0.9);
padding: 50px 40px;
transition: 0.4s ease all;
right: 50%;
top: 25%;
width: 100%;}

.floating-text:hover {background-color: rgba(53, 125, 164, 0.99);}

.floating-text a h2 {color: #fff; text-decoration: none !important; padding-top: 0px !important;}

.floating-text-mobile {display: none;}

@media (max-width: 991px) {

  .floating-text {display: none;}

.floating-text-mobile {position: absolute;
display: block;
z-index: 999;
background-color: rgba(53, 125, 164, 0.9);
padding: 50px 40px;
transition: 0.4s ease all;
right: 5%;
top: 25%;
width: 70%;}

.floating-text-mobile:hover {background-color: rgba(53, 125, 164, 0.99);}

.floating-text-mobile a h2 {color: #fff; text-decoration: none !important; padding-top: 0px !important;}
}

.interior-hero {margin: 0; padding: 0px}
.interior-hero-bg-image {height: 33vh; min-height: 360px; background-position: center center; background-size: cover;}
.interior-hero-bg-swirl {background-color: #136995; height: 33vh; min-height: 360px;background-position: center center; background-repeat: no-repeat; background-size: 110%;}

.interior-heading p {font-size: 1.3rem;}

.interior-hero-text-wrapper {height: 33vh; min-height: 360px; }
@media (max-width: 768px) {
.interior-hero-text-wrapper {height: 33vh; min-height: 360px; margin-top: 360px; text-align: center;}
}

.interior-giving-text {width: 90%; max-width: 960px; margin-left: auto; margin-right: auto;}
.interior-giving-text p  {font-size: 140%;}

.header-image {}
  .header-image img {width: 100% !important; height: auto !important;}


/** nav area **/
ul.uppernav {font-size: .8rem; padding: 0px 0px .45em 0px;  }
ul.lowernav {font-size: 1.1rem;}
ul.uppernav, ul.lowernav {text-align: right;  margin-left: 20px; margin-right: 0px;}
ul.uppernav li {display: inline-block; text-transform: uppercase; padding-left: .75rem; padding-right: .75rem;}
ul.lowernav li {display: inline-block; text-transform: uppercase; padding-left: .6rem; padding-right: .6rem;}
ul.uppernav li:last-of-type, ul.lowernav li:last-of-type {
  padding-right: 0 !important;
}
ul.lowernav li a, ul.uppernav  li a {color: #000; text-decoration: none;}
ul.lowernav li a:hover, ul.uppernav li a:hover {}

ul.sub-header-nav {text-align: center;}
ul.sub-header-nav li {display: inline-block; font-size: 1.2rem; }
ul.sub-header-nav li a {color: #000; padding: .5em .75em; text-decoration: none;}
ul.sub-header-nav li a:hover {background-color: #f2f2f2;}
ul.sub-header-nav li a.current {background-color: #136995;  color: #fff;}

ul.pag-nav {text-align: center;}
ul.pag-nav a {display: inline-block;  font-size: 1.4rem; color: #000; padding: .5em .75em; text-decoration: none;}
ul.pag-nav li {display: inline-block; }
ul.pag-nav li a {color: #000;  padding: .5em .75em; text-decoration: none;}
ul.pag-nav li a:hover {background-color: #f2f2f2;}
ul.pag-nav li a.current {background-color: #79A848;  color: #fff;}

.btn-header {background-color: #78bc51; color: #fff !important; border-radius: 0px; padding: .3rem 1rem;}
.btn-header:hover {background-color: #478722; color: #fff !important;  }

.btn-hero {background-color: #fff; border: 2px solid #fff; color: #136995 !important; border-radius: 0px; padding: .3rem 1rem;}
.btn-hero:hover {background-color: #136995; border: 2px solid #fff; color: #fff !important;  }


.welcome span {font-size: 1.8rem; display: block; color: #272727;}

/** alert area **/
.alert {background-color: #c1e1ec; margin: 0;}
.alert .alert-icon-row {display: flex; justify-content: center; align-items: center;}
.alert .alert-icon-row p {margin: 0; padding: 0px;}
.alert .alert-icon {max-width: 40px; height: auto;}


.logo-text-header, .sign-up-text p {font-size: 1.5rem;  }
.sign-up-text p {padding: 0px; margin: 0px;}
/** callout boxes area **/

.call-out-box {background-color: #fff; color: #136995; border: 1px solid #707070; text-align: center; }
.call-out-box h3 {text-transform: uppercase; font-size: 1.1em;}
.call-out-box p {font-size: 1.9em; color: #000; line-height: 120%;}
.call-out-box a {text-decoration: none;}
.call-out-box:hover {background-color: #fff; color: #136995; border: 1px solid #136995;}
.call-out-box a {text-decoration: none; color: #136995;}
.call-out-box:hover a {color: #000;}
.call-out-box .hovered {opacity: 0; }
.call-out-box:hover .solid {opacity: 0; display: none;}
.call-out-box:hover .hovered {opacity: 1;}

.blue-call-out-box { color: #fff;  text-align: left; }
.blue-call-out-box:hover { color: #136995; }
.blue-call-out-box a {background-color: #136995; border: 2px solid #136995; text-decoration: none; color: #fff;}
.blue-call-out-box:hover a {background-color: #fff; border: 2px solid #136995; color: #000;}
.blue-call-out-box .hovered {opacity: 0; }
.blue-call-out-box:hover .solid {opacity: 0; display: none;}
.blue-call-out-box:hover .hovered {opacity: 1;}
.blue-call-out-box img {height: auto;}

.white-call-out-box {color: #136995; text-align: left; }
.white-call-out-box:hover { color: #136995; }
.white-call-out-box a {background-color: #fff;  text-decoration: none; border: 2px solid #136995; color: #000;}
.white-call-out-box:hover a {color: #fff; background-color: #136995; border: 2px solid #136995;}
.white-call-out-box .hovered {opacity: 0; display: none;}
.white-call-out-box:hover .solid {opacity: 0; display: none;}
.white-call-out-box:hover .hovered {opacity: 1; display: block;}

.blue-footer-box { color: #fff; font-size: 1.5em; text-align: left; }
.blue-footer-box:hover { color: #136995; }
.blue-footer-box a {background-color: #136995; border: 2px solid #136995; text-decoration: none; color: #fff;}
.blue-footer-box:hover a {background-color: #fff; border: 2px solid #136995; color: #136995;}
.blue-footer-box .hovered {opacity: 0; }
.blue-footer-box:hover .solid {opacity: 0; display: none;}
.blue-footer-box:hover .hovered {opacity: 1;}
.blue-footer-learn-more span {font-size: .75em; text-transform: uppercase; text-decoration: underline;}
a.learn-more {text-decoration: none; }
a.learn-more span {font-size: 1.25em; text-transform: uppercase; color: #272727;}


.event-call-out-box {color: #000; text-align: left;}
.event-call-out-box:hover { color: #000; }
.event-call-out-box a {background-color: #f2f2f2; text-decoration: none; border: 2px solid #f2f2f2; color: #000;}
.event-call-out-box:hover a {color: #000; background-color: #fff; border: 2px solid #f2f2f2;}
.event-call-out-box .hovered {opacity: 0; display: none;}
.event-call-out-box:hover .solid {opacity: 0; display: none;}
.event-call-out-box:hover .hovered {opacity: 1; display: block;}
.event-learn-more  span {display: block; font-size: 1.1em;  color: #272727;}

.small-heading {text-transform: uppercase;}

.intro-copy p {font-size: 2em;}

.white-call-out-box-no-hover {color: #136995; text-align: left; }
.white-call-out-box-no-hover .boxwrap {background-color: #fff; font-size: 1.2em; text-decoration: none; border: 1px solid #707070; color: #000;}
.white-call-out-box-no-hover .boxwrap p span {font-size: .8em;}
.white-call-out-box-no-hover .boxwrap h3 {text-transform: uppercase;}
.signup-green {background-color: #78bc51;}
.signup-green p {font-size: 1.4rem;}
.signup-grey {background-color: #f2f2f2;}

.form-control {border-radius: 0px; margin-bottom: 1rem;}
.contact-icon-row {display: flex; justify-content: flex-start; align-items: center;}
.contact-icon-row a {color: #272727; text-decoration: none;}
.contact-icon-row a:hover {text-decoration: underline;}

.contact-icon-row p {margin: 0; padding: 0px;}
.contact-icon-row-address {display: flex; justify-content: flex-start; align-items: flex-start;}
.contact-icon-row-address p {margin: 0; padding: 0px;}

h3.event-date {font-size: 1.3rem;}
h3.sermon-date {font-size: 1.3rem; text-transform: uppercase;}

.event-row-address {display: flex; justify-content: start; align-items: center;}
.event-row-address p {margin: 0; font-size: 1.3rem; padding: 0px;}

.worship-header  {font-size: 2rem;}
@media (max-width: 768px) {
  .worship-header {font-size: 1.4rem;}
}
.newsletter h2 {font-size: 2em;}
@media (max-width: 768px) {
  .newsletter h2 {font-size: 1.4em;}
}
.newsletter p {font-size: 1.4em;}
@media (max-width: 768px) {
  .newsletter p {font-size: 1.1em;}
}
.center-address {display: flex; justify-content: center; align-items: flex-start;}
.center-address p {margin: 0; padding: 0px;}

#footer {}
#footer a {color: #fff; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer ul {display: block; list-style-position: inside; width: 100%; margin-left: 0% !important;}

#footer ul li {list-style: none; margin: 0px; padding: 0px;}

#footer .footer-icon-row {display: flex; justify-content: flex-start; align-items: center;}
#footer .footer-icon-row p {margin: 0; padding: 0px;}
#footer .footer-icon-row-address {display: flex; justify-content: flex-start; align-items: flex-start;}
#footer .footer-icon-row-address p {margin: 0; padding: 0px;}

#footer .footer-icon {max-width: 30px; height: auto;}

.footer-logo {text-align: right; width: 100%; max-width: 300px; margin: 0 0 0 0;}

#gform_submit_button_1 {
  cursor: pointer;
  font-family: 'Lato', sans-serif;
  display: block;
  background-color: #077EA8;
  padding: .5em 2em;
  margin: .5em 0 0 0;
  font-size: 1em;
  text-align: left !important;
  text-transform:uppercase;
  border: 2px solid #fff;
  border-radius: 14px;
  color: #ffffff;
  font-weight: 700;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
}
#gform_submit_button_1:hover {
  background: #fff;
  border: 2px solid #077EA8;
  color: #077EA8;
}

#gform_confirmation_message_1 {color: #fff !important; background-color: #79A848 !important; text-align: center !important; padding: 20px !important; }
.gform_confirmation_message_1 {color: #fff !important;}

#gform_wrapper_1 .name_first input, #input_1_1_3_container .name_first input {border: 2px solid #fff; border-radius: 5px;}
#gform_wrapper_1 .name_last input, #input_1_1_6_container .name_last input {border: 2px solid #fff; border-radius: 5px;}
#gform_wrapper_1 .ginput_container_email input, #gform_confirmation_message_1 .ginput_container_email input {border: 2px solid #fff; border-radius: 5px;}



#gform_submit_button_3 {
  cursor: pointer;
  font-family: 'Lato', sans-serif;
  display: inline-block;
  background-color: #FFB71B;
  padding: .5em 2em;
  margin: .25em 0 .75em 0;
  font-size: 1em;
  text-transform:uppercase;
  border: 4px solid #FFB71B;
  color: #ffffff;
  font-weight: 700;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
}
#gform_submit_button_3:hover {
  background: #fff;
  border: 4px solid #FFB71B;
  color: #FFB71B;
}

#gform_confirmation_message_3 {color: #79A848 !important; text-align: center !important; padding: 20px !important; }
.gform_confirmation_message_3 {color: #79A848 !important;}

.name_first input {color: #999;}
.name_last input {color: #999;}
.ginput_container_email input {color: #999;}

.gform_wrapper.gravity-theme .gfield input {border: 2px solid #FFB71B; border-radius: 5px; }
.gform_wrapper.gravity-theme .gfield textarea {border: 2px solid #FFB71B; border-radius: 5px; }

#gform_wrapper_4 .gfield input::-webkit-input-placeholder{
    color: #fff;
}

#gform_submit_button_4 {
  cursor: pointer;
  font-family: 'Lato', sans-serif;
  display: inline-block;
  background-color: #fff;
  padding: .5em 2em;
  margin: .25em 0 .75em 0;
  font-size: 1em;
  border: 2px solid #077EA8;
  border-radius: 14px;
  color: #444;
  font-weight: 700;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
}
#gform_submit_button_4:hover {
  background: #077EA8;
  border: 2px solid #077EA8;
  color: #fff;
}

#gform_confirmation_message_4 {color: #79A848 !important; text-align: center !important; padding: 20px !important; }
.gform_confirmation_message_4 {color: #79A848 !important;}

#gform_wrapper_4 .name_first input, #input_4_1_3_container .name_first input {color: #fff !important;}
#gform_wrapper_4 .name_last input, #input_4_1_6_container .name_last input {color: #fff !important;}
#gform_wrapper_4 .ginput_container_email input, #gform_confirmation_message_4 .ginput_container_email input {color: #fff !important;}

#input_4_1_3_container input, #input_4_1_6_container input, #gform_wrapper_4 .ginput_container_email input {border: 2px solid #077EA8; color: #fff; background-color: #077EA8 !important; border-radius: 5px; }
#gform_confirmation_message_4 .gform_wrapper.gravity-theme .gfield textarea {border: 2px solid #077EA8; background-color: #077EA8 !important; border-radius: 5px; }

/* Mobile List */
ul.mobile-list {width: 100%; padding: 0px; margin: 0px 0px 0px 0px !important; list-style-type: none;}
ul.mobile-list li {padding: 6px 0px; border-bottom: 1px solid #eee;}
ul.mobile-list li:first-of-type {border-top: 1px solid #eee;}
ul.mobile-list li a {display: block; width: 90%; color: #000 !important; font-size: 1.2rem; text-decoration: none; margin: 4px auto;}
/* ul.mobile-list li.dropped {background-color: #136995; margin: 0px auto; padding: 6px 0px;}
ul.mobile-list li.dropped:first-of-type {border-top: initial;}
ul.mobile-list li.dropped a {display: inline-block;  color: #fff; font-size: 1.2rem; text-decoration: none; margin: 0px 0px; padding: }

.drop-wrap {display: block; width: 90%; margin: 0px auto;} */

.hamburger .line{
  width: 30px;
  height: 4px;
  background-color: #fff;
  display: block;
  margin: 6px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburger:hover{
  cursor: pointer;
}

/* ONE */

#hamburger-1.is-active .line:nth-child(2){
  opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1){
  -webkit-transform: translateY(13px) rotate(45deg);
  -ms-transform: translateY(13px) rotate(45deg);
  -o-transform: translateY(13px) rotate(45deg);
  transform: translateY(13px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3){
  -webkit-transform: translateY(-13px) rotate(-45deg);
  -ms-transform: translateY(-13px) rotate(-45deg);
  -o-transform: translateY(-13px) rotate(-45deg);
  transform: translateY(-13px) rotate(-45deg);
}


.sf-input-select {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
}
 select.sf-input-select {
        font-family: 'Arial';
        display: inline-block;
        width: 100%;
        cursor: pointer;
        padding: 10px 15px;
        outline: 0;
        border: 2px solid #79a848;
        border-radius: 14px;
        background: #d8e6ca;
        color: #707070;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-image: url("data:image/svg+xml;charset=utf8, %3Csvg width='11px' height='6px' viewBox='0 0 11 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E    %3Cpolygon stroke='none' fill='%23000000' fill-rule='evenodd' points='5.5 6 11 0 0 0'%3E%3C/polygon%3E%3C/svg%3E");
        background-repeat:no-repeat;
        background-position: center right 10px;
    }
        select.sf-input-select::-ms-expand {
            display: none;
        }
         select.sf-input-select:hover,
         select.sf-input-select:focus {
            color: #ffffff;
            background: #79a848 url("data:image/svg+xml;charset=utf8, %3Csvg width='11px' height='6px' viewBox='0 0 11 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E    %3Cpolygon stroke='none' fill='%ffffff' fill-rule='evenodd' points='5.5 6 11 0 0 0'%3E%3C/polygon%3E%3C/svg%3E") no-repeat center right 10px;

        }
         select.sf-input-select:disabled {
            opacity: 0.5;
            pointer-events: none;
        }

 select.sf-input-select:after {
    position: absolute;
    top: 16px;
    right: 15px;
    width: 0px;
    height: 0px;
    border: solid #7b7b7b;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
 select.sf-input-select:hover ~ .select_arrow,
 select.sf-input-select:focus ~ .select_arrow {
    border-color: #000000;
}
 select.sf-input-select:disabled ~ select.sf-input-select:after {
    border-top-color: #cccccc;
}

.icon-audio {background: #fff url(assets/icons/Audio.svg) no-repeat bottom 10px left 10px; background-size: 40px;}
.icon-curriculum {background: #fff url(assets/icons/Curriculmn.svg) no-repeat bottom 10px left 10px; background-size: 40px;}
.icon-download {background: #fff url(assets/icons/Download.svg) no-repeat bottom 10px left 10px; background-size: 40px;}
.icon-webinar {background: #fff url(assets/icons/Webinar.svg) no-repeat bottom 10px left 10px; background-size: 40px;}
.icon-frontline-faith {background: #fff url(assets/icons/FrontlineFaith.svg) no-repeat bottom 10px left 10px; background-size: 40px;}
.icon-pilgrim-press {background: #fff url(assets/icons/PilgrimPress.svg) no-repeat bottom 10px left 10px; background-size: 40px;}
.icon-article {background: #fff url(assets/icons/Reading.svg) no-repeat bottom 10px left 10px; background-size: 40px;}
.icon-toolkit {background: #fff url(assets/icons/ToolsKit.svg) no-repeat bottom 10px left 10px; background-size: 40px;}
.icon-video {background: #fff url(assets/icons/Video.svg) no-repeat bottom 10px left 10px; background-size: 40px;}



section .btn-arrow {
  position: absolute;
  top: 50%;
  left: 10px;
  display: block;
  border: 0;
  background: none;
  z-index: 100;
}
section .btn-arrow.btn-slide-next {
  left: auto;
  right: 10px;
}
section .btn-arrow:disabled, section .btn-arrow.disabled {
  opacity: 0.65;
}
section .btn-arrow:active:not([disabled]) {
  color: #f99e1c;
}
section .slider-wrapper {
  position: relative;
  display: block;
  min-width: calc( 100% - 90px );
  margin-left: 45px;
  margin-right: 45px;
  overflow: hidden;
}
section .slider-wrapper .slider {
  position: relative;
  display: block;
  flex-direction: row;
  flex-wrap: wrap;
  min-width: 100%;
  height: auto;
  overflow: hidden;
  transition: transform 0.25s ease;
}
@media (min-width: 768px) {
  section .slider-wrapper .slider {
    display: flex;
    flex-wrap: nowrap;
  }
}
section .slider-wrapper .slider .slide-related{
  display: inline-block;
  width: 100%;
  border: 10px solid white;
  cursor: pointer;
  background: #ffffff;
  color: #000;
}
@media (min-width: 768px) {
  section .slider-wrapper .slider .slide-related{
    width: calc( (100vw - 90px) * 0.3333333367 );
  }
}
@media (min-width: 1148px) {
  section .slider-wrapper .slider .slide-related{
    width: calc( (100vw - 90px) * 0.25 );
  }
}
section .slider-wrapper .slider .slide-related.content {
  padding: 2.5rem;
  min-height: 100%;
}


@media (min-width: 992px) {
  section .slider-wrapper .slider .slide-related.content p {
    font-size: 1em;
  }
}
@media (min-width: 768px) {
  section .slider-wrapper.slide-start:before {
    content: "";
    display: block;
    width: 140px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
    z-index: 10;
    pointer-events: none;
  }
  section .slider-wrapper.slide-end:after {
    content: "";
    display: block;
    width: 140px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, white 100%);
    z-index: 10;
    pointer-events: none;
  }
}
@media (max-width: 576px) {

  section .btn-arrow.btn-slide-next {display: none !important;}
  section .btn-arrow.btn-slide-prev {display: none !important;}

}

/*** RADIAL PROGRESS ***/
/* Circumference = 2πr */
/* π = 3.1415926535898 */
/* r = 35 */

svg.radial-progress {
  height: auto;
  max-width: 600px;
  padding: 1em;
  transform: rotate(-90deg);
  width: 100%;
}

svg.radial-progress circle {
  fill: rgba(0,0,0,0);
  stroke: #fff;
  stroke-dashoffset: 219.91148575129; /* Circumference */
  stroke-width: 10;
}

svg.radial-progress circle.incomplete { opacity: 0.25; }

svg.radial-progress circle.complete { stroke-dasharray: 219.91148575129; /* Circumference */ }

svg.radial-progress text {
  fill: #fff;
  font: 400 1em/1 'Oswald', sans-serif;
  text-anchor: middle;
}

/*** COLORS ***/
/* Primary */

svg.radial-progress circle { stroke: #077EA8; }

/** Search **/

section.search {
  position: relative;
  padding: 5rem 0rem;
  margin-bottom: 2rem;
}
section.search:after {
  content: "";
  display: block;
  width: 280px;
  height: 100px;
  position: absolute;
  bottom: -45px;
  right: 0;
  z-index: 1;
}
section.search .form-control {
  border-radius: 0.3125rem !important;
  font-size: 1.25rem;
}
section.search .has-search .form-control {
  padding-left: 48px;
}
section.search .has-search .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  width: 48px;
  height: 48px;
  line-height: 42px;
  text-align: center;
  pointer-events: none;
  color: #aaa;
}