/************************************/
/************* GLOBAL ***************/
/************************************/

@media screen and (min-width: 40em) {
    .showformobile {
      display: none;
    }
  }
  
  @media screen and (max-width: 39.9375em) {
    .mobile-center {
      text-align: center;
    }
  }
  
  .bold {
    font-weight: 800;
  }
  
  .relative {
    position: relative;
  }
  
  .uppercase {
    text-transform: uppercase;
  }
  
  .capitalize {
    text-transform: capitalize;
  }
  
  .center {
    text-align: center;
  }
  
  
  /*** 
    * BUTTON STYLE 
    * BUTTON STYLE GHOST
    * BUTTON LONG
    * BUTTON WHITE
    *
    * ARE THE CLASSES FOR ALL BUTTONS 
    ***/
  
  .button-style {
    background-color: #234058;
    border: 0;
    border-radius: 60px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2em;
    font-weight: 600;
    margin: 5px;
    padding: 10px;
    text-align: center;
    transition: all 0.5s;
    width: 200px;
  }
  
  .button-style span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
  }
  
  .button-style span:after {
    content: "\00bb";
    opacity: 0;
    position: absolute;
    right: -20px;
    top: 0;
    transition: 0.5s;
  }
  
  .button-style:hover span {
    padding-right: 25px;
  }
  
  .button-style:hover span:after {
    opacity: 1;
    right: 0;
  }
  
  .button-style:hover {
    color: #ffffff;
  }
  
  .button-style-ghost {
    background-color: rgba(0, 0, 0, 0);
    border: 3px solid #234058;
    border-radius: 60px;
    color: #234058;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2em;
    font-weight: 600;
    margin: 5px;
    padding: 10px;
    text-align: center;
    transition: all 0.5s;
    width: 200px;
  }
  
  .button-style-ghost span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
  }
  
  .button-style-ghost span:after {
    content: "\00bb";
    opacity: 0;
    position: absolute;
    right: -20px;
    top: 0;
    transition: 0.5s;
  }
  
  .button-style-ghost:hover span {
    padding-right: 25px;
  }
  
  .button-style-ghost:hover span:after {
    opacity: 1;
    right: 0;
  }
  
  .button-style-ghost:hover {
    color: #234058;
  }
  
  .long-button {
    width: 250px;
  }
  
  .button-white {
    background-color: white;
    color: #234058;
  }
  
  
  /************************************/
  /**** FULL PAGE BACKGROUND CODE *****/
  /************************************/
  
  .fullPageBg {
    position: relative;
    width: 100%;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    margin-top: -40px;
  }
  
  @media only screen and (min-width: 600px) {
    .fullPageBg {
      margin-top: -70px;
    }
  }
  
  @media screen and (max-width: 39.9375em) {}
  
  .hideForMobile {
    display: none;
  }
  
  @media screen and (min-width: 40em) {
    .notFullWidth {
      width: 70%;
      text-align: center;
      margin: 0 auto;
    }
  }
  
  
  /* GENERIC ACCORDION */
  .gen_accordion {
    background-color: #234058;
    color: white;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    margin: auto;
    width: 80%;
    font-size: 1.2em;
  }
  
  .gen_active,
  .gen_accordion:hover {
    background-color: #7498BE;
  }
  
  .gen_accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
  }
  
  .gen_active:after {
    content: "\2212";
  }
  
  .gen_panel {
    padding: 0 18px;
    color: black;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    font-size: 1.1em;
    background-color: #ccc9c0;
    width: 80%;
    margin: auto;
  }
  
  .gen_panel p {
    margin: 15px !important;
  }
  
  
  /**************************************************/
  /******* Mobile Styles for the Sermon page ********/
  /**************************************************/
  
  @media (max-width: 1026px) {
    body.hasbillboard.sermons #billboard {
      padding-bottom: 80%;
    }
  }
  
  @media (max-width: 580px) {
    #hideForMobile {
      display: none;
    }
  }
  
  .sermonFix {
    width: 75%;
  }
  
  
  /*************************************/
  /************* HISTORY  **************/
  /*************************************/
  
  .history-outer {
    width: 100%;
  }
  
  .history-outer h2 {
    text-align: center;
    margin-top: 20px;
  }
  
  .history-outer p {
    padding: 0 20px;
  }
  
  .history-outer hr {
    background-color: transparent;
  }
  
  @media screen and (min-width: 40em) {
    .history-outer p {
      padding: 0 10%;
    }
  }
  
  .h-hr-text {
    line-height: 1em;
    position: relative;
    outline: 0;
    border: 0;
    color: black;
    text-align: center;
    height: 1.5em;
    opacity: .5;
  }
  
  .h-hr-text:before {
    content: '';
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#818078), to(transparent));
    background: linear-gradient(to right, transparent, #818078, transparent);
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
  }
  
  .h-hr-text:after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    color: black;
    padding: 0 .5em;
    line-height: 1.5em;
    color: #818078;
    background-color: #fcfcfa;
  }
  
  
  /*************************************/
  /*********** ABOUT PT PAGE ***********/
  /*************************************/
  
  .about-pt-outer {
    width: 100%;
  }
  
  .about-pt-title-outer {
    padding: 0 20px;
  }
  
  @media screen and (min-width: 40em) {
    .about-pt-title-outer {
      padding: 0 20%;
    }
  }
  
  .about-pt-title {
    display: inline-block;
  }
  
  .about-pt-title h2 {
    text-align: left;
    margin-top: 20px;
    font-size: 1.7em;
  }
  
  @media screen and (min-width: 40em) {
    .about-pt-title h2 {
      font-size: 2em;
      margin-bottom: -5px;
    }
  }
  
  .about-pt-title h4 {
    text-align: left;
    color: black;
    text-transform: uppercase;
    font-size: 1.2em;
    margin-bottom: 10px;
  }
  
  .about-pt-title i {
    margin-bottom: 30px;
    font-size: 1.8em;
    padding-right: 5px;
    color: black;
  }
  
  .about-pt-title img {
    width: 20px;
  }
  
  .about-pt-outer p {
    padding: 0 20px;
  }
  
  @media screen and (min-width: 40em) {
    .about-pt-outer p {
      padding: 0 20%;
    }
  }
  
  .pt-image-outer img {
    border-radius: 10px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  }
  
  .pt-image-outer {
    padding: 0 20px;
  }
  
  @media screen and (min-width: 40em) {
    .pt-image-outer {
      padding: 0 20%;
    }
  }
  
  
  /*************************************/
  /*********** EVENTS PAGE *************/
  /*************************************/
  
  .containerEvents {
    height: 10%;
    /* height: 10%; reset this to go back to the old video format */
  }
  
  
  /* VIDEO */
  
  #featVideo {
    object-fit: cover;
    object-position: top center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* height: 100%; reset this to go back to the old video format */
    height: 700px;
    z-index: 0;
  }
  
  
  /* PHOTO HEADER */
  
  .eventBg {
    position: relative;
    width: 100%;
    background: linear-gradient( rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/s/0e9289488_1569517937_southern-sunday-background-6.jpg");
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    margin-top: 0px;
  }
  
  @media only screen and (min-width: 600px) {
    .eventBg {
      margin-top: -60px;
    }
  }
  
  .event_header {
    text-align: center;
    position: relative;
    padding-top: 15%;
  }
  
  .event_header h1 {
    font-size: 2.8em;
    color: white;
    text-align: right;
    padding-top: 10%;
    padding-bottom: 30%;
    padding-right: 2%;
  }
  
  @media only screen and (min-width: 600px) {
    .event_header h1 {
      font-size: 6em;
      padding-top: 0%;
      padding-bottom: 20%;
      padding-right: 2%;
    }
  }
  
  
  /* REST OF PAGE */
  
  .feat_event {
    text-align: center;
    position: relative;
    padding-top: 25%;
    padding: 20px;
  }
  
  @media only screen and (min-width: 600px) {
    .feat_event {
      padding-top: 10%;
    }
  }
  
  .feat_event p {
    font-size: 1.5em;
    font-weight: 100;
    margin-bottom: 0px;
    color: white;
  }
  
  .feat_event h1 {
    font-size: 1.5em;
    color: white;
  }
  
  @media only screen and (min-width: 600px) {
    #adjMargin {
      margin-bottom: 110px;
    }
  }
  
  .eventTitle {
    font-size: 1.5em;
    font-weight: 800;
    margin-bottom: 0px;
    text-align: left;
  }
  
  .eventDate {
    font-size: 1em;
    text-align: left;
  }
  
  .eventTitle a {
    color: black;
  }
  
  .eventDate a {
    color: black;
  }
  
  .column {
    float: left;
    width: 50%;
    display: none;
    /* Hide all elements by default */
  }
  
  
  /* Responsive layout - makes a two column-layout instead of four columns */
  
  @media screen and (max-width: 800px) {
    .column {
      float: middle;
      width: 100%;
    }
  }
  
  
  /* Clear floats after rows */
  
  .row:after {
    content: "";
    display: table;
    clear: both;
  }
  
  
  /* Content */
  
  .content {
    background-color: white;
    padding: 10px;
  }
  
  
  /* The "show" class is added to the filtered elements */
  
  .show {
    display: block;
  }
  
  
  /* Style the buttons */
  
  #myBtnContainer {
    margin-top: -30px;
  }
  
  @media screen and (min-width: 600px) {
    #myBtnContainer {
      margin-top: 0px;
    }
  }
  
  @media screen and (min-width: 1028px) {
    #myBtnContainer {
      margin-top: -110px;
    }
  }
  
  .btn {
    border: none;
    outline: none;
    padding: 12px 16px;
    background-color: white;
    cursor: pointer;
  }
  
  .btn:hover {
    background-color: #ddd;
  }
  
  .btn.active {
    background-color: #666;
    color: white;
  }
  
  
  /***************************************/
  /**** EVENT SUBPAGE TEMPATE STYLES *****/
  /***************************************/
  
  .eventBannerBg {
    background-color: #D0D0D0;
    color: #234058;
    height: 350px;
    width: 100%;
    font-size: 1.6em;
    font-weight: 100;
    padding-top: 2em;
    padding-bottom: 0px;
  }
  
  .eventInfo {
    padding-bottom: 10px;
    padding-left: 20px;
  }
  
  .eventTitleSub {
    font-weight: 900;
    font-size: .7em;
  }
  
  .eventLocation {
    padding-top: 5px;
  }
  
  .padRight {
    padding-right: 33px;
  }
  
  .padRight2 {
    padding-right: 40px;
  }
  
  @media only screen and (max-width: 768px) {
    #endTime {
      margin-bottom: 10px;
    }
  }
  
  @media only screen and (min-width: 768px) {
    .eventBannerBg {
      padding-left: 3em;
      height: 250px;
    }
  }
  
  .eventDetails h2 {
    text-align: center;
  }
  
  .eventDetails p {
    padding-left: 30px;
    padding-right: 30px;
  }
  
  
  /* TWO BUTTON STYLES */
  
  .eventBannerBg2 {
    background-color: #D0D0D0;
    color: #234058;
    height: 450px;
    width: 100%;
    font-size: 1.6em;
    font-weight: 100;
    padding-top: 2em;
    padding-bottom: 0px;
  }
  
  @media only screen and (min-width: 768px) {
    .eventBannerBg2 {
      padding-left: 3em;
      height: 250px;
    }
  }
  
  .buttonPlacement2 {
    text-align: center;
    margin-bottom: 0px !important;
  }
  
  @media only screen and (min-width: 768px) {
    .buttonPlacement2 {
      text-align: left;
    }
  }
  
  .eventVideo {
    width: 50%;
    text-align: center;
    margin: 0 auto;
  }
  
  @media only screen and (max-width: 768px) {
    .eventVideo {
      width: 90%;
    }
  }
  
  
  /* Button Styles */
  
  .eventButton {
    display: inline-block;
    border-radius: 60px;
    background-color: #234058;
    border: none;
    color: white;
    text-align: center;
    font-size: 28px;
    padding: 20px;
    width: 200px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
    text-align: center;
  }
  
  .eventButton span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
  }
  
  .eventButton span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
  }
  
  .eventButton:hover span {
    padding-right: 25px;
  }
  
  .eventButton:hover span:after {
    opacity: 1;
    right: 0;
  }
  
  .eventButton:hover {
    color: white;
  }
  
  .buttonPlacement {
    text-align: center;
  }
  
  @media only screen and (min-width: 768px) {
    .buttonPlacement {
      text-align: left;
      padding-top: 50px !important;
    }
  }
  
  .btndisabled {
    opacity: 0.55;
    pointer-events: none;
    cursor: not-allowed;
  }
  
  .event-limiter {
    max-width: 790px;
  }
  
  #camp3 {
    height: 325px;
  }
  
  @media screen and (max-width: 39.9375em) {
    #camp3 {
      height: 400px;
    }
  }
  
  #camp3 .buttonplacement {
    margin-top: -45px;
  }
  
  @media screen and (max-width: 39.9375em) {
    #camp3 .buttonplacement {
      margin-top: 10px;
    }
  }
  
  .blog-style {
    padding: 0 20px;
  }
  
  @media screen and (min-width: 40em) {
    .blog-style {
      padding: 0 20%;
    }
  }
  
  .blog-style h3 {
    margin: 20px 0 0 0;
    padding: 0;
  }
  
  .blog-style h4 {
    margin: 25px 0 0 0;
    padding: 0;
    color: black;
    font-size: 1.2em;
  }
  
  .blog-style p {
    margin: 0;
    padding: 0;
  }
  
  
  /* Basecamp / Camp 2 Code */
  
  .basecamp-outer {
    padding: 20px;
  }
  
  @media screen and (min-width: 1080px) {
    .basecamp-outer {
      margin: 0 10%;
    }
  }
  
  .basecamp-outer p {
    margin: 0;
    padding: 0 0 25px 0;
  }
  
  .basecamp-outer h2 {
    padding-bottom: 15px;
  }
  
  .basecamp-outer h3 {
    font-size: 1.4em;
  }
  
  .basecamp-container {
    background: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.55)), url(https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/b/0e13001362_1631631870_basecamp-background-1.jpg) no-repeat bottom right scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 400px;
    width: 100%;
    margin: 20px 0px;
    border-radius: 10px;
    position: relative;
  }
  
  .basecamp-container-2 {
    background: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.55)), url(https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/b/0e13001358_1631631870_basecamp-basecamp-2.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 400px;
    width: 100%;
    margin: 20px 0px;
    border-radius: 10px;
    position: relative;
  }
  
  .basecamp-container-3 {
    background: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.55)), url(https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/b/0e13001360_1631631870_basecamp-basecamp-3.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 400px;
    width: 100%;
    margin: 20px 0px;
    border-radius: 10px;
    position: relative;
  }
  
  .basecamp-container .button-style,
  .basecamp-container-2 .button-style,
  .basecamp-container-3 .button-style {
    background-color: white;
    color: #234058;
  }
  
  
  /***************************************/
  /************ Careers Page *************/
  /***************************************/
  
  .careers-outer {
    background-color: white;
  }
  
  .careersBg {
    position: relative;
    width: 100%;
    background-image: url("https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/c/0e10798389_1597694258_careers-header.jpg");
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    margin-top: 0px;
    height: 80%;
  }
  
  @media only screen and (min-width: 600px) {
    .careersBg {
      margin-top: 0px;
    }
  }
  
  .careers_header {
    text-align: center;
    position: relative;
    padding-top: 15%;
  }
  
  .careers_header h1 {
    font-size: 2.4em;
    color: white;
    text-align: right;
    padding-right: 2%;
    padding-bottom: 40%;
  }
  
  .careers_header h2 {
    font-size: 2.2em;
    color: white;
    text-align: right;
    padding-right: 2%;
    padding-top: 10%;
  }
  
  @media only screen and (min-width: 600px) {
    .careers_header h1 {
      font-size: 3.5em;
      padding-top: 0%;
      padding-bottom: 5%;
      padding-right: 2%;
    }
    .careers_header h2 {
      font-size: 3em;
      padding-top: 10%;
      padding-bottom: 0%;
      padding-right: 4%;
      margin-bottom: -10px;
    }
  }
  
  @media screen and (min-width: 64em) {
    .careers_header h1 {
      font-size: 6em;
    }
  }
  
  .career-hero {
    margin-top: 50px;
    margin-bottom: 30px;
    font-size: 1.5em;
  }
  
  .career-block-outer {
    width: 80%;
    text-align: center;
    margin: 0 auto 100px auto;
  }
  
  .career-block-inner {
    background-color: #E8E8E8;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    border-radius: 5px;
    padding: 20px;
  }
  
  .career-block-inner p {
    margin-bottom: 0;
  }
  
  .career-headline {
    text-align: left;
    color: black;
    text-transform: uppercase;
  }
  
  .career-divider {
    margin-top: 0px;
    height: 8px;
    background-color: black;
  }
  
  .career-block-inner i {
    font-size: 4em;
    margin-bottom: 10px;
  }
  
  .career-block-inner h3 {
    font-size: 1.3em;
  }
  
  
  /* Height Lock to make sure all the squares are the same size */
  
  @media screen and (min-width: 40em) {
    .career-height-lock {
      height: 200px;
    }
  }
  
  @media screen and (min-width: 40em) {
    .career-sm-height-lock {
      height: 140px;
    }
  }
  
  .new-job {
    border-left: 10px solid #234058;
    transition: .5s;
    display: block;
  }
  
  .career-title {
    font-size: 1.3em;
    text-align: left;
    margin-bottom: 2px;
    display: block;
    text-transform: uppercase;
    color: #4c4c4c;
    font-weight: 800;
  }
  
  .career-team {
    font-size: 1.1em;
    font-style: italic;
    font-weight: 800;
    text-align: left;
    color: black;
    display: block;
  }
  
  .career-desc {
    text-align: left;
    display: block;
    padding-top: 8px;
    color: black;
  }
  
  .career-cta {
    text-align: left;
    margin-top: 10px;
    color: #234058;
    display: block;
  }
  
  .new-job a {
    color: black;
    display: block;
  }
  
  .new-job a:hover {
    color: black;
  }
  
  .new-job:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.35), 0 10px 10px rgba(0, 0, 0, 0.32);
  }
  
  .career-footer {
    padding: 0 0 20px 0;
  }
  
  .career-footer .career-block-inner {
    /*text-transform: capitalize;*/
    font-weight: 800;
  }
  
  
  /************* Single Job *************/
  
  .careers-desc-outer {
    padding: 50px 10px 10px 10px;
    text-align: left;
    margin: 0 auto 100px auto;
  }
  
  @media screen and (min-width: 40em) {
    .careers-desc-outer {
      width: 70%;
    }
  }
  
  .job-overview p {
    padding: 0;
    margin: 0;
  }
  
  .job-overview span {
    font-weight: 800;
  }
  
  .job-desc-single {
    margin-bottom: 30px !important;
  }
  
  .job-desc-title {
    font-size: 1.3em;
  }
  
  .apply-button {
    text-align: center;
  }
  
  
  /***************************************/
  /************* Give Page ***************/
  /***************************************/
  
  .givepageBg {
    position: relative;
    width: 100%;
    background: linear-gradient( rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/g/0e13318036_1637163869_give-page-header-2021.jpg");
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    margin-top: -60px;
    z-index: 1;
  }
  
  .givepage_header {
    text-align: center;
    position: relative;
    padding-top: 15%;
    z-index: 3;
  }
  
  .givepage_header h1 {
    font-size: 2.8em;
    color: white;
    text-align: right;
    padding-top: 20%;
    padding-right: 2%;
  }
  
  .givepage_header .givepage-button {
    margin-bottom: 10%;
    text-align: center;
  }
  
  .givepage_header .button-style:hover,
  .givepage_header .button-style:after {
    color: #234058;
  }
  
  @media only screen and (min-width: 600px) {
    .givepage_header h1 {
      font-size: 6em;
      padding-top: 0%;
      padding-right: 2%;
    }
    .givepage_header .givepage-button {
      padding-bottom: 5%;
      padding-right: 2%;
      text-align: right;
    }
  }
  
  .givepage-body {
    background-color: white;
    color: black;
    padding: 60px 5px 0 5px;
  }
  
  .givepage-body p {
    padding-bottom: 0px;
    margin-bottom: 15px;
  }
  
  .givepage-section-2 {
    padding-top: 0;
  }
  
  @media screen and (min-width: 40em) {
    .givepage-inner {
      margin-left: 10%;
      margin-right: 10%;
    }
    .givepage-body .div-row .two-third {
      width: 64%;
    }
  }
  
  .give-container {
    background: linear-gradient( rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/g/0e13736013_1644521949_give-online-2022.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 400px;
    width: 100%;
    margin: 20px 0px;
    border-radius: 10px;
    position: relative;
  }
  
  .give-container-2 {
    background: linear-gradient( rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/a/0e13318160_1637165711_automate-the-important-giving-card.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 400px;
    width: 100%;
    margin: 20px 0px;
    border-radius: 10px;
    position: relative;
  }
  
  .give-container-3 {
    background: linear-gradient( rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/9/0e13744454_1644752639_90-day-challenge-background.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 400px;
    width: 100%;
    margin: 20px 0px;
    border-radius: 10px;
    position: relative;
  }
  
  .give-container-4 {
    background: linear-gradient( rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(https://images.unsplash.com/photo-1519944518895-f08a12d6dfd5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 400px;
    width: 100%;
    margin: 20px 0px;
    border-radius: 10px;
    position: relative;
  }
  
  .give-container-5 {
    background: linear-gradient( rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/g/0e7758967_1536084945_giving-banner2.jpeg) no-repeat bottom center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 400px;
    width: 100%;
    margin: 20px 0px;
    border-radius: 10px;
    position: relative;
  }
  
  @media screen and (max-width: 39.9375em) {
    .give-container,
    .give-container-2,
    .give-container-3,
    .give-container-4,
    .give-container-5 {
      margin: 0;
    }
  }
  
  .give-container-header {
    color: white;
    font-size: 1.2em;
    font-weight: 700;
  }
  
  .give-overlay {
    color: white;
    font-size: 1.1em;
    margin: auto;
  }
  
  @media screen and (min-width: 40em) {
    .give-container-header {
      font-size: 1.3em;
    }
    .give-overlay {
      font-size: 1.2em;
    }
  }
  
  .give-container-inner {
    position: absolute;
    bottom: 0;
    padding: 10px;
  }
  
  .giveButton {
    font-size: 1em;
    padding: 10px;
    width: 110px;
    margin: 5px 0px;
    color: #234058;
    background-color: white;
  }
  
  .give-container-outer .eventButton:hover {
    color: #234058 !important;
    background-color: white;
  }
  
  @media screen and (min-width: 40em) {
    .give-desktop-fix {
      margin-bottom: 0 !important;
    }
  }
  
  
  /***************************************/
  /********* Pastor Trent Bio  ***********/
  /***************************************/
  
  .bioContainer {
    width: 100%;
  }
  
  .bioHeadshot {
    width: 100%;
    text-align: center;
  }
  
  @media only screen and (min-width: 600px) {
    .bioHeadshot {
      width: 50%;
      float: right;
      padding: 10px 0 10px 10px;
    }
  }
  
  
  /***************************************/
  /********  Annual Report 2018  *********/
  /***************************************/
  
  .reportBG {
    background-image: url("https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/a/0e9220869_1568051187_annual-report-header-new.jpg");
  }
  
  .report_header {
    text-align: center;
    position: relative;
    padding-top: 18%;
    padding-bottom: 20%;
  }
  
  .report_header h1 {
    font-size: 3.5em;
    color: white;
    text-align: center;
    padding-top: 10%;
    padding-bottom: 2%;
    padding-right: 2%;
    padding-left: 2%;
  }
  
  .report_header h3 {
    color: white;
  }
  
  @media only screen and (min-width: 600px) {
    .report_header h1 {
      font-size: 6em;
      padding-top: 0%;
      padding-bottom: 2%;
      padding-right: 2%;
    }
  }
  
  .headerStat {
    color: white;
    padding-bottom: 20%;
  }
  
  #annualInfo {
    background-color: #606b75;
    background-image: radial-gradient(#606b75, #a5aeb7);
    padding: 10%;
  }
  
  #annualInfo p {
    color: white;
    font-size: 1.5em;
    font-weight: 800;
  }
  
  .reportFooter {
    background-image: url("https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/a/0e8385646_1550033892_annual-report-footer.jpg");
    margin-bottom: -26%;
  }
  
  @media screen and (min-width: 600px) {
    .reportFooter {
      margin-bottom: -12%;
    }
  }
  
  .report_footer {
    text-align: center;
    position: relative;
    padding-top: 10%;
    padding-bottom: 20%;
  }
  
  .reportFooter h2 {
    color: white;
    text-align: center;
    font-size: 2em;
    padding-left: 5%;
    padding-right: 5%;
  }
  
  
  /***************************************/
  /************** NORTH LOT **************/
  /***************************************/
  
  .north-head {
    text-align: center;
    font-size: 4em;
  }
  
  .north-p {
    font-size: 1.2em;
    text-align: justify;
    padding: 20px;
  }
  
  @media screen and (min-width: 40em) {
    .north-p {
      padding-left: 100px;
      padding-right: 100px;
    }
  }
  
  .video-embed-lot {
    width: 90%;
    text-align: center;
    margin: 0 auto;
  }
  
  @media screen and (min-width: 40em) {
    .video-embed-lot {
      width: 60%;
    }
  }
  
  .north-tag {
    text-align: center;
    font-size: 1.4em;
    font-weight: 800;
    margin-bottom: 0;
    padding: 20px 0;
  }
  
  .north-h3 {
    padding: 20px 5px 5px 5px;
    text-align: center;
    font-size: 2em;
  }
  
  
  }
  
  /**********************************/
  /********* Live Stream ************/
  /**********************************/
  .livenow {
    text-align: center;
    padding: 20px;
  }
  .live-container {
    width: 93%;
    text-align: center;
    margin: 0 auto;
    padding: 10px;
  }
  @media screen and (min-width: 40em) {
    .live-container {
      width: 60%;
    }
  }
  
  /**********************************/
  /******* Homepage Sermon **********/
  /**********************************/
  @media screen and (min-width: 40em) {
    #homepage-sermon-bg {
      margin: 0 150px;
    }
  }
  @media screen and (min-width: 64em) {
    #homepage-sermon-bg {
      margin: 0 250px;
    }
  }
  
  /***************************************/
  /********** Online Content *************/
  /***************************************/
  .full-background {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    height: 400px;
    position: relative;
    margin-top: -80px;
  }
  .full-background h1 {
    color: white;
  }
  .agegroup {
    font-size: 1em;
  }
  .content-middle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .oc-width-fix {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    position: relative;
    margin-top: 0px;
  }
  @media screen and (min-width: 40em) {
    .oc-width-fix {
      margin-top: 50px;
    }
  }
  .oc-width-fix figure {
    position: relative;
  }
  .oc-width-fix figure:before {
    width: 100%;
    height: 100%;
    content: " ";
    background: #234058;
    box-shadow: 0px 19px 70px -27px rgba(0, 0, 0, 1);
    position: absolute;
    top: 1.5625rem;
    left: 1.875rem;
    z-index: 0;
    border-radius: 13px;
  }
  .oc-width-fix figure img {
    border-radius: 13px;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
  }
  .oc-width-fix a.image-link {
    border-radius: 13px;
  }
  .oc-width-fix .content-middle {
    z-index: 10;
    color: white;
    width: 100%;
  }
  .oc-width-fix .content-middle h2,
  .oc-width-fix .content-middle h3 {
    color: white;
  }
  .oc-width-fix a:hover {
    color: white;
  }
  @media screen and (max-width: 39.9375em) {
    .oc-padding-top {
      margin-top: 50px;
    }
  }
  .contentButton {
    font-size: 1em;
    padding: 13px;
    width: 170px;
    margin: 5px 0px;
    color: white;
    background-color: #234058;
  }
  
  /********** Pre K Online Content *************/
  .video-content-container {
    width: 70%;
    text-align: center;
    margin: 0 auto;
    margin-top: 50px;
    border: 35px solid #234058;
    border-radius: 10px;
    box-shadow: 0px 19px 70px -27px rgba(0, 0, 0, 1);
    background-color: white
  }
  @media screen and (max-width: 39.9375em) {
    .video-content-container {
      width: 90%;
      border: 10px solid #234058;
      border-radius: 5px;
    }
  }
  .online-content-head {
    padding-top: 50px;
    width: 75%;
    text-align: center;
    margin: 0 auto;
  }
  @media screen and (max-width: 39.9375em) {
    .online-content-head {
      width: 90%;
    }
  }
  .online-content-head h2 {
    padding: 10px;
    color: #234058;
    background-color: white;
    border: 15px solid #234058;
    border-radius: 10px;
  }
  .online-content-desc {
    font-size: 1.4em;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
  }
  .online-content-subpage {
    background: url(https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/o/0e10062062_1585775440_online-content-background.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: -100px;
    padding-bottom: 30px;
  }
  
  /***************************************/
  /********* Homepage Updates ************/
  /***************************************/
  .homepage-p {
    color: black;
    font-size: 1.3em;
    background-color: rgba(255, 255, 255, .8);
    border-radius: 10px;
    padding: 45px;
  }
  .homepage-p .eventButton {
    font-size: .9em;
    width: 220px;
  }
  .covid-updates img {
    border-radius: 10px;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
  }
  .sermon-inner iframe {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
    border-radius: 10px;
    overflow: hidden;
  }
  .featured-event-card img {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
  }
  .featured-event-card .homepage-p {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: -5px
  }
  .homepage-p .eventButton.eb-small {
    width: 150px;
  }
  .homepage-p .eventButton.eb-small:hover {
    cursor: pointer;
  }
  .homepage-p .eventButton.eb-small a {
    color: white;
  }
  .homepage-cta .eventButton {
    width: 260px;
    font-size: 1.5em;
  }
  @media screen and (max-width: 39.9375em) {
    .homepage-header {
      height: 500px;
    }
    
    .homepage-header h1 {
      margin-top: 100px;
      font-size: 1.8em;
    }
    
    .homepage-header h2 {
      font-size: 1.6em;
    }
  }
  @media screen and (max-width: 39.9375em) {
    .homepage-sermon h1 {
      margin-top: 100px;
      font-size: 1.8em;
    }
    
    .homepage-sermon .homepage-p {
      margin-bottom: 100px;
    }
  }
  @media screen and (max-width: 39.9375em) {
    .homepage-p {
      padding: 20px;
    }
  }
  @media screen and (max-width: 39.9375em) {
    .homepage-letsgo {
      padding-top: 100px;
    }
  }
  @media screen and (max-width: 39.9375em) {
    .homepage-kids {
      padding-top: 200px;
      padding-bottom: 100px;
    }
  }
  #countdown-bar-2 {
    display: none !important;
  }
  @media screen and (min-width: 40em) {
    .homepage-centered {
      margin-top: 8% !important;
    }
  }
  .content-section .text .featured-announcement h1 {
    font-size: 1.8em;
    color: white;
  }
  @media screen and (min-width: 40em) {
    .featured-announcement .height-lock {
      min-height: 300px;
    }
  }
  .containerHome {
    height: 76vh;
    position: relative;
  }
  #homeVideo {
    object-fit: cover;
    object-position: top center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 86vh;
    z-index: 0;
    margin-top: -90px;
  }
  .logo-title {
    text-align: center;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }
  .logo-title h1 {
    font-size: 2em;
    color: white;
  }
  .logo-title h2 {
    font-size: 1.3em;
    color: white;
  }
  @media screen and (min-width: 40em) {
    .logo-title h1 {
      font-size: 4em;
      padding-bottom: 0;
      margin-bottom: 0;
    }
    
    .logo-title h2 {
      font-size: 3.3em;
    }
  }
  .home-banner {
    background-color: white;
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;
    padding: 30px 0 0px 0;
    margin-bottom: -10px;
  }
  @media screen and (min-width: 40em) {
    .home-banner {
      padding: 30px 0 0px 0;
      margin-bottom: -50px;
    }
  }
  .home-banner h3 {
    text-align: center;
    font-size: 1.4em;
    display: inline;
  }
  .home-banner .eventButton {
    width: 200px;
    padding: 10px;
    10px 0 10px;
    font-size: 1.2em;
    text-align: center;
    font-weight: 600;
  }
  .latest-sermon {
    padding: 0 10px;
  }
  @media screen and (min-width: 40em) {
    .latest-sermon {
      margin-left: 10%;
      margin-right: 10%;
    }
  }
  .sermon-inner .eventButton {
    width: 200px;
    padding: 10px;
    10px 0 10px;
    font-size: 1.2em;
    text-align: center;
    font-weight: 600;
    margin-top: 20px;
  }
  
  /************ Location *************/
  .location {
    height: 116vh;
    margin-top: -90px;
    margin-bottom: -90px;
  }
  @media screen and (min-width: 48em) {
    .location {
      margin-bottom: -290px;
    }
  }
  .maryville {
    background: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url(https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/f/0e12834393_1629146444_find-a-location-maryville.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 50vh;
    position: relative;
  }
  .location .bearden {
    background: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url(https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/b/0e12835267_1628795697_bearden-location-1.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 50vh;
    position: relative;
  }
  @media screen and (min-width: 48em) {
    .maryville,
    .location .bearden {
      height: 85vh;
    }
  }
  .maryville-inner,
  .bearden-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .maryville-inner h3,
  .bearden-inner h3 {
    text-align: center;
    color: white;
  }
  .location .eventButton {
    width: 250px;
    padding: 10px;
    font-size: 1.2em;
    text-align: center;
    background-color: white;
    color: black;
    font-weight: 600;
  }
  
  /*** Gotta fix the monk grid ***/
  .location .div-row.one-half .div-col {
    margin: 0;
  }
  @media (min-width: 48em) {
    .location .div-row.one-half .div-col {
      width: 50%;
    }
    
    .location .div-row {
      margin: 0;
    }
  }
  .location-banner {
    background-color: white;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 30px 0 30px 0;
  }
  @media screen and (min-width: 40em) {
    .location-banner {
      padding: 30px 0 0px 0;
    }
  }
  .location-banner h3 {
    text-align: center;
    font-size: 1.4em;
    display: inline;
    margin-top: -5px;
  }
  .location-banner .eventButton {
    width: 200px;
    background-color: #234058;
    color: white;
    padding: 10px;
    font-size: 1.2em;
    text-align: center;
    font-weight: 600;
  }
  
  /***************************************/
  /********* Creative Request ************/
  /***************************************/
  .asana-background {
    background-color: white;
    text-align: center;
  }
  .desktop-margin {
    padding: 100px 0;
  }
  @media screen and (min-width: 64em) {
    .desktop-margin {
      margin: 0 13%;
    }
  }
  @media screen and (min-width: 1500px) {
    .desktop-margin {
      margin: 0 20%;
    }
  }
  
  /*@media screen and (min-width: 1258px) {
      .desktop-margin {
        margin: 0px 200px;
      }
    }
    
    @media screen and (min-width: 1880px) {
      .desktop-margin {
        margin: 0px 400px;
      }
    }
    
    @media screen and (min-width: 2265px) {
      .desktop-margin {
        margin: 0px 800px;
      }
    }*/
  .asana-card {
    text-align: center;
    margin: 0px 0px;
    border-radius: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    transition: 0.3s;
  }
  .asana-card img {
    max-width: 200px;
  }
  .asana-card h3 {
    color: #161b25;
    text-transform: capitalize;
    font-size: 1em;
  }
  .asana-card a {
    color: #161b25;
  }
  .asana-card:hover {
    background-color: #ececec;
  }
  
  /***************************************/
  /*********** MAKE IT COUNT *************/
  /***************************************/
  .mic-outer-background {
    background-color: #234058;
  }
  .mic-header {
    margin: 0;
  }
  .mic-header {
    background: url(https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/m/0e11116782_1603827980_make-it-count-bg.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0;
    position: relative;
    height: 80vh;
  }
  .mic-header h1 {
    text-align: center;
    color: white;
  }
  .header-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }
  .mic-header .logo {
    width: 70%;
    text-align: center;
    margin: 0 auto;
  }
  .mic-header .icons {
    text-align: center;
    margin: 0 auto;
    width: 70%;
  }
  .mic-header .icons img {
    width: 40%;
  }
  @media screen and (min-width: 40em) {
    .mic-header .icons img {
      width: 16%;
    }
  }
  .mic-hero {
    background-color: #234058;
  }
  .mic-hero>h2 {
    padding: 5% 10% 0 10%;
    color: white;
    font-size: 1.3em;
  }
  .mic-hero>p {
    padding: 0% 10% 5% 10%;
    text-align: right;
    font-size: 1em;
  }
  .mic-hero a {
    color: white;
  }
  .mic-desc {
    background-color: #234058;
  }
  .mic-desc h2 {
    padding: 2% 5% 0% 5%;
    color: white
  }
  .mic-desc p {
    padding: 0% 5% 0% 5%;
    color: white;
  }
  .mic-desc .eventButton {
    background-color: white;
    color: black;
    margin: 0% 5% 5% 5%;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  }
  .verse-italics {
    text-decoration: italics;
  }
  .verse-script {
    vertical-align: top;
    font-size: 0.6em;
    line-height: 2;
  }
  .mic-outer-background .eventButton,
  .colored-slants .eventButton {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  }
  
  /******** COLORS *********/
  .hunger {
    background-color: #9dc5be;
  }
  .thirst {
    background-color: #3d4b91;
  }
  .stranger {
    background-color: #efbb63;
  }
  .clothing {
    background-color: #dcc198;
  }
  .sick {
    background-color: #e5855a;
  }
  .prison {
    background-color: #626b76;
  }
  .saltydog {
    background-color: #234058;
  }
  .off-blue {
    background-color: #7498be;
  }
  
  /******** SLANTS *********/
  .colored-slants {
    background-color: #234058;
  }
  .colored-slants h1,
  .colored-slants p {
    color: white;
  }
  .colored-slants .eventButton {
    background-color: white;
    color: black;
  }
  .slanted {
    box-sizing: border-box;
    padding: 3em 1em;
    transform: skewY(-2deg);
  }
  @media screen and (min-width: 40em) {
    .slanted {
      padding: 6em 1em;
    }
  }
  .slanted>* {
    transform: skewY(2deg);
    max-width: 55em;
    margin: auto;
    text-align: left;
  }
  @media screen and (min-width: 40em) {
    .slanted>* {
      text-align: center;
    }
  }
  
  /******** Subpages *********/
  .mic-subpage-header {
    background: url(https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/m/0e11116782_1603827980_make-it-count-bg.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0;
    position: relative;
  }
  .mic-subpage-logo {
    padding: 30px;
    text-align: center;
    margin: 0 auto;
    width: 60%;
  }
  .mic-subpage-logo h1 {
    color: white;
    font-size: 3em;
  }
  @media screen and (min-width: 40em) {
    .mic-subpage-logo {
      width: 20%;
    }
  }
  .mic-subpage-hero {
    background-color: #234058;
    color: white;
  }
  .mic-subpage-hero .mic-content {
    padding: 20px;
  }
  .mic-subpage-hero .mic-content h2 {
    color: white;
  }
  @media screen and (min-width: 40em) {
    .mic-subpage-hero .mic-content {
      padding: 2% 5%;
    }
  }
  .mic-subpage-content h3 {
    text-align: left;
    color: white;
    font-size: 1.3em;
  }
  @media screen and (min-width: 40em) {
    .mic-subpage-content h3 {
      font-size: 1.835em;
    }
  }
  .mic-subpage-content p {
    text-align: left;
    color: white;
  }
  .mic-subpage-content ul {
    text-align: left;
    color: white;
    margin-bottom: 30px;
    list-style-type: disc;
    line-height: 1.2;
  }
  .mic-subpage-content li {
    margin-left: 10px;
    line-height: 1.44;
  }
  .mic-subpage-content .disclaimer {
    text-align: center;
    font-weight: 800;
  }
  #mic-global-disclaimer {
    font-style: italic;
    font-weight: 600;
    padding-bottom: 20px;
  }
  
  /********* VISION / GLOBAL ***********/
  .mic-alt-header {
    background: url(https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/m/0e11153834_1604610263_make-it-count-background-mobile.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0;
    position: relative;
    height: 60vh;
  }
  @media screen and (min-width: 40em) {
    .mic-alt-header {
      background: url(https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/m/0e11152566_1604600819_make-it-count-background-alt.jpg) no-repeat center center scroll;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
  }
  .mic-alt-logo {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%, -50%);
    text-align: center;
  }
  .mic-alt-logo h1 {
    color: white;
    font-size: 2em;
  }
  @media screen and (min-width: 40em) {
    .mic-alt-logo {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 60%;
    }
    
    .mic-alt-logo h1 {
      font-size: 3em;
    }
  }
  .mic-reno-pics {
    border-radius: 10px;
    border: 10px solid #234058;
    margin-left: -10px;
  }
  .mic-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
  }
  .mic-overlay div {
    width: 560px;
    height: 315px;
    margin: 100px auto;
  }
  .mic-pop-out input[type="button"] {
    background: white;
    border: none;
    width: 300px;
    height: 70px;
    color: black;
    font-size: 28px;
    border-radius: 60px;
    -webkit-cursor: pointer;
    -moz-cursor: pointer;
    -ms-cursor: pointer;
    -o-cursor: pointer;
    cursor: pointer;
  }
  @media screen and (max-width: 39.9375em) {
    .mic-desktop {
      display: none;
    }
    
    .mic-mobile .videoWrapper {
      position: relative;
      padding-bottom: 56.25%;
      /* 16:9 */
      height: 0;
    }
    
    .mic-mobile .videoWrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
  }
  @media screen and (min-width: 40em) {
    .mic-mobile {
      display: none;
    }
  }
  .blue-border-outline {
    border-radius: 10px;
    border: 10px solid #7498be;
    margin-left: -10px;
  }
  
  /***************************************/
  /*********** Plan A Visit **************/
  /***************************************/
  .visit .details {
    background-color: #234058;
    color: white;
    padding: 40px 10px;
  }
  @media screen and (min-width: 40em) {
    .visit .details {
      padding-left: 15%;
      padding-right: 15%;
    }
  }
  .visit .details h2 {
    text-align: center;
    color: white;
  }
  .visit .detail-line {
    padding: 30px 25px 0 25px;
  }
  @media screen and (min-width: 40em) {
    .visit .detail-line {
      padding-top: 30px;
    }
  }
  .visit .detail-line i {
    display: inline;
    font-size: 1.2em;
  }
  .visit .detail-line p {
    display: inline;
    font-size: 1.2em;
  }
  .visit .watch {
    text-align: center;
    padding: 50px 10px;
  }
  .visit .watch .eventButton {
    width: 220px;
    padding: 10px;
    font-size: 1.4em;
  }
  .visit .involved {
    padding: 40px 25px;
  }
  @media screen and (min-width: 40em) {
    .visit .involved {
      padding-left: 10%;
      padding-right: 10%;
    }
  }
  .visit .involved p {
    padding-bottom: 15px;
    margin-bottom: 0;
  }
  .visit .involved .eventButton {
    width: 200px;
    padding: 10px;
    font-size: 1.1em;
  }
  @media screen and (min-width: 40em) {
    .visit .involved .eventButton {
      width: 270px;
      font-size: 1.4em;
    }
  }
  .visit .faq {
    background-color: #7498BE;
    color: white;
    padding: 40px 25px;
  }
  .visit .faq a {
    color: #234058;
  }
  @media screen and (min-width: 40em) {
    .visit .faq {
      padding-left: 10%;
      padding-right: 10%;
    }
  }
  .visit .faq h2 {
    color: white;
  }
  .visit .faq h4 {
    color: white;
    text-transform: uppercase;
    font-size: 1.3em;
  }
  
  /********* Photos at bottom of page **********/
  .visit .quicklink {
    background-color: #234058;
    color: white;
    padding: 40px 20px;
  }
  @media screen and (min-width: 40em) {
    .visit .quicklink {
      padding-left: 10%;
      padding-right: 10%;
    }
  }
  .visit .quicklink h2 {
    color: white;
  }
  .visit .quicklink img {
    border-radius: 20px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  }
  .visit .quicklink a {
    border-radius: 20px;
  }
  .visit .quicklink .get-involved-text {
    font-size: 2em;
    font-weight: 800;
  }
  .visit .footer {
    color: white;
    background-color: #7498BE;
    margin-bottom: -90px;
  }
  @media screen and (min-width: 40em) {
    .visit .footer {
      margin-bottom: -110px;
    }
  }
  .visit .footer h2 {
    text-align: center;
    color: white;
    font-size: 1.4em;
    font-weight: 200;
    padding: 20px;
  }
  .visit-get-involved {
    background-color: #7498be;
    padding: 0px 10px;
  }
  @media screen and (min-width: 40em) {
    .visit-get-involved {
      padding: 10px 40px;
    }
  }
  .visit-container {
    position: relative;
    text-align: center;
    color: white;
  }
  .get-involved-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    color: white;
    font-size: 3em;
  }
  .visit-images {
    width: 100%;
    margin-bottom: 0 !important;
  }
  @media screen and (min-width: 40em) {
    .visit-top-pad {
      padding-top: 30px;
    }
  }
  .visit-footer-outer {
    background-color: #234058;
    margin-bottom: -90px;
  }
  @media screen and (min-width: 40em) {
    .visit-footer-outer {
      margin-bottom: -110px;
    }
  }
  .visit-footer {
    text-align: center;
    color: white;
    font-size: 1.4em;
    font-weight: 200;
    padding: 20px;
  }
  
  /***************************************/
  /************* VISION 2021 *************/
  /***************************************/
  .visionBg {
    position: relative;
    width: 100%;
    background-image: url("https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/e/0e12835482_1628797731_events-plan-a-visit.jpg");
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    margin-top: 0px;
  }
  @media only screen and (min-width: 600px) {
    .visionBg {
      margin-top: 0px;
    }
  }
  .vision_header {
    text-align: center;
    position: relative;
    padding-top: 25%;
  }
  .vision_header h1 {
    font-size: 3.5em;
    color: white;
    text-align: right;
    padding-top: 10%;
    padding-bottom: 40%;
    padding-right: 2%;
  }
  @media only screen and (min-width: 600px) {
    .vision_header h1 {
      font-size: 6em;
      padding-top: 0%;
      padding-bottom: 20%;
      padding-right: 2%;
    }
  }
  .vision-body {
    background-color: white;
    color: black;
    padding: 40px 30px 10px 30px;
  }
  @media screen and (min-width: 40em) {
    .vision-inner {
      padding: 10px 30px;
      margin-left: 10%;
      margin-right: 10%;
    }
  }
  .vision-body h2 {
    margin-bottom: 0;
  }
  .vision-body hr {
    color: black;
    background-color: black;
    height: 2px;
  }
  .vision-body .statement {
    font-weight: 800;
    font-size: 1.2em;
  }
  .vision-body .eventButton {
    padding: 7px;
    font-size: 1.3em;
  }
  .vision-body .list {
    padding-bottom: 0;
    margin-bottom: 0;
    font-weight: 600;
  }
  .vision-body ul {
    padding: 3px 0 20px 0;
  }
  .vision-body li {
    list-style-type: disc;
    margin-left: 20px;
  }
  
  /************** Journey Team Night ****************/
  .journey-team {
    padding: 20px;
  }
  @media screen and (min-width: 40em) {
    .journey-team {
      margin: 0 10%;
    }
  }
  .journey-team h3 {
    margin: 20px 0 0 0;
    padding: 0;
  }
  .journey-team p {
    margin: 0;
    padding: 0 0 15px 0;
    font-size: 1.1em;
  }
  
  /***************************************/
  /*********** Volunteer 2021 ************/
  /***************************************/
  .volunteerBg {
    position: relative;
    width: 100%;
    background: linear-gradient( rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/v/0e12895511_1629836062_volunteer-header.jpg");
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    margin-top: 0px;
  }
  @media only screen and (min-width: 600px) {
    .volunteerBg {
      margin-top: 0px;
    }
  }
  .volunteer_header {
    text-align: center;
    position: relative;
    padding-top: 25%;
  }
  .volunteer_header h1 {
    font-size: 2.8em;
    color: white;
    text-align: right;
    padding-top: 10%;
    padding-bottom: 40%;
    padding-right: 2%;
  }
  @media only screen and (min-width: 600px) {
    .volunteer_header h1 {
      font-size: 6em;
      padding-top: 0%;
      padding-bottom: 20%;
      padding-right: 2%;
    }
  }
  .volunteer-body {
    background-color: white;
    color: black;
    padding: 10px 10px;
  }
  @media screen and (min-width: 40em) {
    .volunteer-inner {
      padding: 10px 30px;
      margin-left: 10%;
      margin-right: 10%;
    }
  }
  .volunteer-inner h2 {
    color: black;
    text-align: center;
  }
  .vol-container {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9906337535014006) 0%, rgba(0, 0, 0, 0.788953081232493) 30%, rgba(0, 0, 0, 0) 100%), url(https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/s/0e13077443_1633018705_serve-at-fc-card.jpg) no-repeat bottom right scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 400px;
    width: 100%;
    margin: 20px 0px;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  }
  .vol-container-2 {
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.8365721288515406) 41%, rgba(0, 0, 0, 0.052258403361344574) 100%), url(https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/s/0e13077455_1633018724_serve-in-community-card.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 400px;
    width: 100%;
    margin: 20px 0px;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  }
  
  /***************************************/
  /************* Baptism 2021 ************/
  /***************************************/
  .baptismBg {
    position: relative;
    width: 100%;
    background: linear-gradient( rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/b/0e12901041_1629921007_baptism-header-2021.jpg");
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    margin-top: 0px;
  }
  @media only screen and (min-width: 600px) {
    .baptismBg {
      margin-top: 0px;
    }
  }
  .baptism_header {
    text-align: center;
    position: relative;
    padding-top: 25%;
  }
  .baptism_header h1 {
    font-size: 2.8em;
    color: white;
    text-align: right;
    padding-top: 10%;
    padding-bottom: 40%;
    padding-right: 2%;
  }
  @media only screen and (min-width: 600px) {
    .baptism_header h1 {
      font-size: 6em;
      padding-top: 0%;
      padding-bottom: 20%;
      padding-right: 2%;
    }
  }
  .baptism-body {
    background-color: white;
    color: black;
    padding: 10px 30px;
  }
  @media screen and (min-width: 40em) {
    .baptism-inner {
      margin-left: 10%;
      margin-right: 10%;
    }
  }
  .baptism-body hr {
    height: 2px;
    background-color: black;
  }
  .baptism-questions {
    background-color: white;
  }
  .baptism-questions .faq-content {
    background-color: white;
    color: black;
    padding: 10px 5px;
  }
  @media screen and (min-width: 40em) {
    .baptism-questions .faq-content {
      margin-left: 10%;
      margin-right: 10%;
    }
  }
  .baptism-questions .faq-question {
    padding: 20px 0;
    border-bottom: 1px dotted #ccc;
  }
  .baptism-questions .panel-title {
    font-size: 1.3em;
    position: relative;
    margin: 0;
    padding: 15px 10px 0 35px;
    display: block;
    cursor: pointer;
  }
  .baptism-questions .panel-content {
    font-size: 1em;
    padding: 0px 14px;
    margin: 0 20px;
    height: 0;
    overflow: hidden;
    position: relative;
    opacity: 0;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
  }
  .baptism-questions .panel:checked~.panel-content {
    height: auto;
    opacity: 1;
    padding: 14px;
  }
  .baptism-questions .plus {
    position: absolute;
    margin-top: 4px;
    z-index: 5;
    font-size: 42px;
    line-height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
  }
  .baptism-questions .panel:checked~.plus {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .baptism-questions .panel {
    display: none;
  }
  .baptism-questions h5 {
    color: black;
    font-weight: 1em;
    font-weight: 800;
    text-transform: none;
  }
  .baptism-questions ul {
    font-size: 1em;
    margin-bottom: 10px;
  }
  .baptism-questions li {
    list-style-type: circle;
    padding-bottom: 5px;
    font-weight: 500;
  }
  @media screen and (min-width: 40em) {
    .baptism-questions .plus {
      margin-left: 20px;
    }
    
    .baptism-questions .panel-title {
      padding: 15px 10px 0 55px;
    }
    
    .baptism-questions .panel-content {
      margin: 0 40px;
    }
  }
  
  /***************************************/
  /*************** FC KIDS ***************/
  /***************************************/
  .kidsBg {
    position: relative;
    width: 100%;
    background: linear-gradient( rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/f/0e12979508_1631204878_fc-kids-header-new.jpg");
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    margin-top: -80px;
  }
  @media only screen and (min-width: 600px) {
    .kidsBg {
      margin-top: -80px;
    }
  }
  .kids_header {
    text-align: center;
    position: relative;
    padding-top: 20%;
  }
  .kids_header h1 {
    font-size: 2.8em;
    color: white;
    text-align: right;
    padding-top: 10%;
    padding-right: 2%;
  }
  @media only screen and (min-width: 600px) {
    .kids_header h1 {
      font-size: 6em;
      padding-top: 0%;
      padding-right: 2%;
    }
  }
  .kids_header h2 {
    font-size: 2em;
    color: white;
    text-align: right;
    padding-top: 1%;
    padding-bottom: 40%;
    padding-right: 2%;
  }
  @media only screen and (min-width: 600px) {
    .kids_header h2 {
      font-size: 4em;
      padding-top: 0%;
      padding-bottom: 20%;
      padding-right: 2%;
    }
  }
  .kids-main {
    background-color: white;
    color: black;
    padding: 10px 30px;
  }
  @media screen and (min-width: 40em) {
    .kids-inner {
      margin-left: 10%;
      margin-right: 10%;
    }
  }
  .kids-main h2 {
    color: black;
    font-weight: 300;
    text-align: center;
  }
  .kids-main h4 {
    color: black;
    font-weight: 500;
    text-align: center;
    font-size: 1.4em;
  }
  .kids-main hr {
    height: 2px;
    background-color: white;
    margin: 10px 0px;
  }
  .kids-insta img {
    max-height: 300px;
    margin-bottom: 20px;
  }
  .kids-main .color-bg {
    background-color: #e68b68;
    display: inline-block;
    padding: 10px 25px;
    border-radius: 7px;
    font-size: 1.9em;
    color: white;
    margin-top: 30px;
  }
  .kids-main .circle {
    background-color: #e68b68;
    border-radius: 50%;
    width: 66px;
    height: 66px;
    padding: 8px;
    text-align: center;
    margin: 15px auto;
  }
  .kids-main .circle h4 {
    margin-top: 18px;
    color: white;
  }
  .explorange {
    background-color: #CEE1F1;
    padding: 30px 25px;
  }
  .explorange h2 {
    font-size: 1.9em;
  }
  .explorange h4 {
    margin-bottom: 25px;
  }
  .explorange .card-outer {
    background-color: #e1ac6a;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  }
  .explorange img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .explorange .card-inner {
    padding: 15px;
  }
  .explorange h3 {
    padding: 0px;
    margin: 0px;
    font-size: 1.1em;
    color: white;
    font-weight: 500;
  }
  .explorange p {
    margin-bottom: 0;
    color: white;
  }
  .explorange .button-style {
    margin-top: 10px;
    background-color: #ffffff;
    color: black;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  }
  .seaside {
    background-color: #B6C0C6;
    padding: 60px 20px;
  }
  .seaside .circle h4 {
    margin: 14px 0 0 10px;
    color: white;
  }
  .seaside .circle a {
    color: white;
  }
  .seaside .circle a:hover {
    color: white;
  }
  .seaside .circle {
    display: inline-block;
  }
  .seaside i {
    font-size: 1.8em;
  }
  .margin-kids {
    margin-bottom: -110px;
  }
  .seaside .kids-light {
    color: white;
  }
  
  /***************************************/
  /*************** VIP 2021 **************/
  /***************************************/
  .vipBg {
    position: relative;
    width: 100%;
    background: linear-gradient( rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/v/0e13036400_1632321078_vip-header.jpg");
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    margin-top: 0px;
  }
  @media only screen and (min-width: 600px) {
    .vipBg {
      margin-top: 0px;
    }
  }
  .vip_header {
    text-align: center;
    position: relative;
    padding-top: 15%;
  }
  .vip_header h1 {
    font-size: 2.8em;
    color: white;
    text-align: right;
    padding-top: 10%;
    padding-bottom: 30%;
    padding-right: 2%;
  }
  @media only screen and (min-width: 600px) {
    .vip_header h1 {
      font-size: 6em;
      padding-top: 0%;
      padding-bottom: 20%;
      padding-right: 2%;
    }
  }
  .vip-body {
    background-color: white;
    color: black;
    padding: 60px 30px;
  }
  @media screen and (min-width: 40em) {
    .vip-inner {
      margin-left: 10%;
      margin-right: 10%;
    }
  }
  
  /***************************************/
  /*************** INTERNS ***************/
  /***************************************/
  .internBg {
    position: relative;
    width: 100%;
    background: linear-gradient( rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/i/0e13245633_1635864414_interns-and-residents-header-2.jpg");
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    margin-top: -60px;
  }
  @media only screen and (min-width: 600px) {
    .internBg {}
  }
  .intern_header {
    text-align: center;
    position: relative;
    padding-top: 15%;
  }
  .intern_header h1 {
    font-size: 2.8em;
    color: white;
    text-align: right;
    padding-top: 10%;
    padding-bottom: 30%;
    padding-right: 2%;
  }
  @media only screen and (min-width: 600px) {
    .intern_header h1 {
      font-size: 6em;
      padding-top: 0%;
      padding-bottom: 20%;
      padding-right: 2%;
    }
  }
  .intern-body {
    background-color: white;
    color: black;
    padding: 60px 10px 0 10px;
  }
  .intern-body p {
    padding-bottom: 0px;
    margin-bottom: 15px;
  }
  .intern-section-2 {
    padding-top: 0;
  }
  @media screen and (min-width: 40em) {
    .intern-inner {
      margin-left: 10%;
      margin-right: 10%;
    }
    
    .intern-body .div-row .two-third {
      width: 64%;
    }
  }
  .intern-inner ul,
  .intern-inner li {
    list-style-type: none;
  }
  .intern-inner .postings {
    display: block;
    padding: 0 0 20px 0;
    margin: 0;
  }
  .intern-body hr {
    background-color: #666666;
    height: 2px;
    text-align: left;
    width: 75%;
    margin: 10px 0 40px;
    padding: 0;
  }
  .job-posting {
    color: #4c4c4c;
    font-size: 1.2em;
    font-weight: 800;
    text-transform: uppercase;
  }
  .intern-inner h6 {
    color: #4c4c4c;
    font-weight: 800;
  }
  
  /***************************************/
  /************** Jingle Jam *************/
  /***************************************/
  .jj-background {
    background-color: #180e31;
  }
  .jj-background .div-row {
    margin-bottom: 0;
  }
  .jj-background .buttonPlacement {
    position: relative;
    z-index: 10;
  }
  .snowy-background {
    z-index: -1;
    background-color: #180e31;
  }
  .jj-outer {
    color: white;
    padding: 60px 20px 0 20px;
    background-color: #180e31;
  }
  .jj-outer p {
    padding-bottom: 0px;
    margin-bottom: 15px;
    font-size: 1.2em;
  }
  @media screen and (min-width: 40em) {
    .jj-outer {
      margin-left: 10%;
      margin-right: 10%;
      margin-bottom: -100px;
    }
  }
  .jj-outer .jj-head h2 {
    color: white;
    text-align: left;
    padding-bottom: 20px;
  }
  .jj-faq h6 {
    color: white;
    font-size: 1.4em;
  }
  .div-row .jj-checklist {
    padding-bottom: 15px;
  }
  @media screen and (min-width: 40em) {
    .div-row .jj-checklist {
      padding-bottom: 150px;
    }
  }
  
  /***************************************/
  /************* Bible 2021 **************/
  /***************************************/
  .bibleBg {
    position: relative;
    width: 100%;
    background: linear-gradient( rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/b/0e13536907_1641245077_bible-reading-plan-header.jpg");
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    margin-top: 0px;
  }
  @media only screen and (min-width: 600px) {
    .bibleBg {
      margin-top: 0px;
    }
  }
  .bible_header {
    text-align: center;
    position: relative;
    padding-top: 25%;
  }
  .bible_header h1 {
    font-size: 2.8em;
    color: white;
    text-align: right;
    padding-top: 10%;
    padding-bottom: 40%;
    padding-right: 2%;
  }
  @media only screen and (min-width: 600px) {
    .bible_header h1 {
      font-size: 6em;
      padding-top: 0%;
      padding-bottom: 20%;
      padding-right: 2%;
    }
  }
  .bible-body {
    background-color: white;
    color: black;
    padding: 10px 30px;
  }
  @media screen and (min-width: 40em) {
    .bible-inner {
      margin-left: 10%;
      margin-right: 10%;
    }
  }
  .bible-inner hr {
    background-color: black;
    height: 2px;
    margin: 5px 0px;
  }
  .bible-inner .memory-verse-break {
    margin: 45px 0px;
  }
  .bible-inner .verse {
    margin-bottom: 0;
  }
  
  /***************************************/
  /************ JOURNEY 2022 *************/
  /***************************************/
  .journey-background-image {
    background: linear-gradient( rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/j/0e13574026_1641924278_journey-2022-header.jpg");
  }
  .journey-outer {
    padding: 20px;
    background-color: #eeeeee;
  }
  @media screen and (min-width: 40em) {
    .journey-outer {
      padding-left: 10%;
      padding-right: 10%;
    }
  }
  .journey-bg-1 {
    background: linear-gradient( rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/b/0e13578351_1642005282_basecamp-journey.jpg) no-repeat bottom right scroll;
  }
  .journey-bg-2 {
    background: linear-gradient( rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/c/0e13578355_1642005282_camp-2-journey.jpg) no-repeat top right scroll;
  }
  .journey-bg-3 {
    background: linear-gradient( rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/c/0e13578353_1642005282_camp-3-journey.jpg) no-repeat center center scroll;
  }
  .journey-bg-4 {
    background: linear-gradient( rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/l/0e13578357_1642005282_leadership-summits-journey.jpg) no-repeat center center scroll;
  }
  
  /***************************************/
  /********** Homepage Event *************/
  /***************************************/
  @media screen and (min-width: 40em) {
    .date-push {
      margin-top: 90px !important;
    }
  }
  
  /***************************************/
  /******** Annual Report 2021 ***********/
  /***************************************/
  .report-background-image {
    background: linear-gradient( rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/a/0e13617292_1642604145_annual-report-2021-header.jpg");
    margin-top: 0 !important;
    z-index: 1 !important;
  }
  .button-adjust {
    padding-bottom: 0% !important;
  }
  .report-button {
    text-align: right;
    margin-top: -10px;
    padding-bottom: 5%;
    z-index: 2;
  }
  
  /***************************************/
  /*********** Mission Trips *************/
  /***************************************/
  .trips-background-image {
    background: linear-gradient( rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/z/0e13624606_1642689149_zambia-mission-trip-2022-header.jpg");
  }
  .trips-bg-1 {
    background: linear-gradient( rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url(https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/z/0e13702980_1643906806_zambia-mission-trip-thumbnail.jpg) no-repeat bottom center scroll;
  }
  .trips-bg-2 {
    background: linear-gradient( rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/c/0e13702970_1643906693_clarkston-mission-trip-header.jpg) no-repeat bottom right scroll;
  }
  .trips-bg-3 {
    background: linear-gradient( rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/h/0e13703037_1643907133_honduras-mission-trip-thumbnail-2022.jpeg) no-repeat bottom center scroll;
  }
  
  /***************************************/
  /*************** Gospel ****************/
  /***************************************/
  .gospel-background-image {
    background: linear-gradient( rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/g/0e13705401_1643949526_gospel-page-header.jpg");
  }
  .videoWrapper-g {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    
    height: 0;
  }
  .videoWrapper-g iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
    border-radius: 10px;
    overflow: hidden;
  }
  .gospel-image {
    border-radius: 10px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  }
  
  /***************************************/
  /************ Groups 2022 **************/
  /***************************************/
  .groupspageBg {
    position: relative;
    width: 100%;
    background: linear-gradient( rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/s/0e13583718_1642085687_small-group-header-2022.jpg");
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
  }
  .groupspage_header {
    text-align: center;
    position: relative;
    padding-top: 15%;
    z-index: 3;
  }
  .groupspage_header h1 {
    font-size: 2.8em;
    color: white;
    text-align: right;
    padding-top: 20%;
    padding-right: 2%;
  }
  .groupspage_header .groupspage-button {
    margin-bottom: 10%;
    text-align: center;
  }
  .groupspage_header .button-style:hover,
  .groupspage_header .button-style:after {
    color: #234058;
  }
  @media only screen and (min-width: 600px) {
    .groupspage_header h1 {
      font-size: 6em;
      padding-top: 0%;
      padding-right: 2%;
    }
    
    .groupspage_header .groupspage-button {
      padding-bottom: 5%;
      padding-right: 2%;
      text-align: right;
    }
  }
  .groups-bg-1 {
    background: linear-gradient( rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/s/0e13727959_1644416455_small-group-2022-2.jpg) no-repeat top center scroll;
  }
  .groups-bg-2 {
    background: linear-gradient( rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/s/0e13727961_1644353476_small-group-2022-1.jpg) no-repeat center center scroll;
  }
  .groups-bg-3 {
    background: linear-gradient( rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/s/0e13727963_1644443596_small-group-2022-3.jpg) no-repeat center center scroll;
  }

.multibutton {
   padding-top: 10px;
}

.multibutton .image-container-outer-button {
   display: inline;
}

  /***************************************/
  /********** Refugee Outreach ***********/
  /***************************************/
  .refugee-background-image {
    background: linear-gradient( rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/a/0e13803989_1645730546_afghan-children.jpg");
  }  

.white-background {
  background-color: #ffffff;
}

/***************************************/
/********** Outreach Overview **********/
/***************************************/
  .outreach-background-image {
    background: linear-gradient( rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/o/0e13865378_1646668931_outreach-header-2022.jpg");
  }

.outreach-title {
  margin-top: 1em;
}

.outreach-card {
  border-radius: 10px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  margin-bottom: 5px;
}

.outreach-bg-4 {
  background: linear-gradient( rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/o/0e13865387_1646668966_outreach-local-background.jpg) no-repeat center center scroll;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.outreach-bg-5 {
  background: linear-gradient( rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/h/0e13703032_1643907115_honduras-mission-trip-header-2022.jpeg) no-repeat center center scroll;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

/***************************************/
/*********** EASTER HOMEPAGE ***********/
/***************************************/
@media screen and (min-width: 40em) {
.div-row .homepage-easters {
  margin-top: 120px;
}
}

.homepage-easters p {
  text-align: center; 
  font-size: 1.2em; 
  margin-bottom: 0;
}

  /****************************************/
  /******* Full Page Header Generic *******/
  /***** MUST BE ON THE BOTTOM OF CSS *****/
  /****************************************/
  
  /*
    So you're going to forget how to do this, so. Here's the HTML:
    
    <div class="banner-image-bg generic-background-image">
        <div class="banner-image-inner">
            <h1>text text text</h1>
        </div>
    </div>
    */
  
  /* Change this one to use a unique class name + image */
  .generic-background-image {
    background: linear-gradient( rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/g/0e13318036_1637163869_give-page-header-2021.jpg");
  }
  .banner-image-bg {
    position: relative;
    width: 100%;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
  }
  .banner-image-inner {
    text-align: center;
    position: relative;
    padding-top: 15%;
    z-index: 3;
  }
  .banner-image-inner h1 {
    font-size: 2.8em;
    color: white;
    text-align: right;
    padding-top: 25%;
    padding-right: 2%;
    padding-bottom: 5%;
  }
  @media only screen and (min-width: 600px) {
    .banner-image-inner h1 {
      font-size: 6em;
      padding-top: 13%;
      padding-right: 2%;
      padding-bottom: 5%;
    }
  }
  
  /****************************************/
  /********** Image Cards Generic *********/
  /***** MUST BE ON THE BOTTOM OF CSS *****/
  /****************************************/
  
  /* Change this one to use a unique class name + image */
  .image-container-background {
    background: linear-gradient( rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/g/0e9653812_1576697437_giving-page-slide-1.jpg) no-repeat bottom right scroll;
  }
  .image-container {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 400px;
    width: 100%;
    margin: 20px 0px;
    border-radius: 10px;
    position: relative;
  }
  .image-container-inner {
    position: absolute;
    bottom: 0;
    padding: 10px;
  }
  .image-container-header {
    color: white;
    font-size: 1.2em;
    font-weight: 700;
  }
  .image-container-overlay {
    color: white;
    font-size: 1.1em;
    margin: auto;
  }
  @media screen and (min-width: 40em) {
    .image-container-header {
      font-size: 1.3em;
    }
    
    .image-container-overlay {
      font-size: 1.2em;
    }
  }
  .image-container-inner {
    position: absolute;
    bottom: 0;
    padding: 20px;
  }
  .image-container-outer-button {
    padding-top: 15px;
  }
  .image-container-button {
    font-size: 1em;
    padding: 10px;
    width: 120px;
    margin: 5px 0px;
    color: #234058;
    background-color: white;
  }
  .image-container-button .eventButton {
    width: 125px;
  }
  .image-container-inner .eventButton:hover {
    color: #234058 !important;
    background-color: white;
  }