/* ==========================================================================
   2019 Overrides
   - Homepage updates in an organized, separate place since
     sass files are obsolete
   ========================================================================== */

/* ==========================================================================
   GLOBAL
   ========================================================================== */

/* More Link */
.more-link {
    font-size: 18px;
    color: #00A84F;
    font-weight: bold;
    border-bottom: 2px solid #00A84F;
    padding-bottom: 2px;
    margin-top: 19px;
    display: inline-block;
}
.more-link:hover {
    color: #00A84F;
    border: 0;
}

/* Buttons */
.button {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    padding: 18px 25px;
    border-radius: 6px;
}
.button.button-green {
    background: #00A84F;
    color: #fff;
}
.button.button-green:hover {
    background: #00833E;
    color: #fff;
}

/* Inline Modal */
.white-popup-block {
    position: relative;
    background: #FFF;
    padding: 15px;
    width: auto;
    max-width: 850px;
    margin: 20px auto;
  }

  @media screen and (min-width: 768px){
    .white-popup-block {
        padding: 40px;
    }
  }

/* Videos */
.video-thumb {
    position: relative;
}
.video-thumb:before {
    position: absolute;
    top: 50%;
    left: 50%;
    background: rgba(0,0,0,0.65);
    border-radius: 8px;
    height: 60px;
    width: 100px;
    content: "";
    transform: translateY(-50%) translateX(-50%);
}
.video-thumb:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -18px 0 0 -18px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 0 18px 36px;
    border-color: transparent transparent transparent rgba(255,255,255,0.80);
}


/* ==========================================================================
   HOMEPAGE: CAROUSEL
   ========================================================================== */

    /* Carousel */
    .view-homepage-banner-carousel #views-bootstrap-homepage-banner-carousel-block-1.carousel {
        padding-bottom: 60px;
        background: #333333;
    }

    .view-homepage-banner-carousel #views-bootstrap-homepage-banner-carousel-block-1.carousel .carousel-inner {
        background-color: transparent;
    }

    /* Carousel Caption */
    .view-homepage-banner-carousel #views-bootstrap-homepage-banner-carousel-block-1.carousel .carousel-inner .item .carousel-caption {
        height: auto;
        bottom: 35px;
        left: 12%;
        padding-top: 28px;
    }

    /* H2 */
    .view-homepage-banner-carousel .carousel-caption h2 {
        font-size: 27px;
        line-height: 1.22;
        font-weight: bold;
        margin-bottom: 25px;
        text-shadow: 0 2px 4px rgba(0,0,0,0.5);
        margin-top: 0;
    }

    /* Paragraphs */
    .view-homepage-banner-carousel .carousel-caption p {
        line-height: 24px !important;
        font-size: 17px;
        font-weight: 600;
        text-shadow: 0 2px 4px rgba(0,0,0,0.5);
    }

    /* Button */
    .view-homepage-banner-carousel #views-bootstrap-homepage-banner-carousel-block-1.carousel .carousel-inner .item .carousel-caption .banner-readmore {
        position: static;
    }
    .view-homepage-banner-carousel #views-bootstrap-homepage-banner-carousel-block-1.carousel .carousel-inner .item .carousel-caption .banner-readmore a {
        border-radius: 6px;
        background: #00A84F;
        box-shadow: 0 10px 10px 0 rgba(0,0,0,0.15);
        font-size: 18px;
        color: #ffffff;
        font-weight: bold;
        line-height: 1;
        padding: 15px 25px;
        text-shadow: none;
        text-transform: none;
        margin-top: 20px;
        display: inline-block;
    }
    .view-homepage-banner-carousel #views-bootstrap-homepage-banner-carousel-block-1.carousel .carousel-inner .item .carousel-caption .banner-readmore a:hover {
        color: #ffffff;
        background: #6DAC39;
        transition: 200ms all ease-in-out;
    }

    /* Indicators */
    .view-homepage-banner-carousel #views-bootstrap-homepage-banner-carousel-block-1.carousel ol.carousel-indicators {
        bottom: 25px;
        right: 12%;
        left: auto;
        display: flex;
        flex-direction: row;
        text-shadow: none;
        height: 40px;
        width: auto;
    }

    .view-homepage-banner-carousel #views-bootstrap-homepage-banner-carousel-block-1.carousel .carousel-indicators li {
        position: relative;
        text-indent: 0;
        height: 40px;;
        width: 42px;
        color: #ffffff;
        font-size: 20px;
        line-height: 27px;
        font-weight: bold;
        opacity: 0.6;
        margin: 0 10px 0 0 ;
        text-align: center;
        display: block;
        padding-bottom: 13px;
        left: auto;
        bottom: auto;
        right: auto;
        top: auto;
    }
    .view-homepage-banner-carousel #views-bootstrap-homepage-banner-carousel-block-1.carousel .carousel-indicators li:after {
        content: "";
        display: block;
        background: #ACD58F;
        height: 6px; 
        width: 42px;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .view-homepage-banner-carousel #views-bootstrap-homepage-banner-carousel-block-1.carousel .carousel-indicators li.active {
        opacity: 1;
    }
    .view-homepage-banner-carousel #views-bootstrap-homepage-banner-carousel-block-1.carousel .carousel-indicators li.active:after {
        background: #00A84F;
    }



    /* MEDIUM SIZE */
    @media screen and (min-width: 768px) {
        .view-homepage-banner-carousel #views-bootstrap-homepage-banner-carousel-block-1.carousel {
            padding-bottom: 0;
        }
        .view-homepage-banner-carousel #views-bootstrap-homepage-banner-carousel-block-1.carousel .carousel-inner .item .carousel-caption {
            max-width: 75%;
            padding-top: 70px;
            padding-left: 0;
            padding-right: 0;
        }
        .view-homepage-banner-carousel .carousel-caption p {
            line-height: 27px !important;
            font-size: 20px;
        }
        .view-homepage-banner-carousel #views-bootstrap-homepage-banner-carousel-block-1.carousel ol.carousel-indicators {
            bottom: 30px;
        }
    }

    /* LARGE SIZE */
    @media screen and (min-width: 992px) {
        .view-homepage-banner-carousel #views-bootstrap-homepage-banner-carousel-block-1.carousel .carousel-inner .item .carousel-caption {
            bottom: 77px;
        }
        .view-homepage-banner-carousel .carousel-caption h2 {
            font-size: 35px;
            line-height: 1.1;
        }
        .view-homepage-banner-carousel #views-bootstrap-homepage-banner-carousel-block-1.carousel .carousel-inner .item .carousel-caption .banner-readmore a {
            padding: 21px 35px;
            margin-top: 40px;
        }
        .view-homepage-banner-carousel #views-bootstrap-homepage-banner-carousel-block-1.carousel ol.carousel-indicators {
            bottom: 50px;
        }
    }

    /* X LARGE SIZE */
    @media screen and (min-width: 1200px) {
        .view-homepage-banner-carousel #views-bootstrap-homepage-banner-carousel-block-1.carousel .carousel-inner .item .carousel-caption {
            max-width: 50%;
        }
        .view-homepage-banner-carousel .carousel-caption h2 {
            font-size: 50px;
            line-height: 60px;
        }
    }



/* ==========================================================================
   HOMEPAGE: NEW & NOTEWORTHY
   ========================================================================== */

   /* container */
   body.path-frontpage .main-container .main-content-col.no-sidebars .region-content section.block#block-views-block-of-interest-view-block-1 {
       background: #fff;
       margin: 0 auto;
       max-width: 1537px;
       padding: 50px 30px 45px;
   }

   /* view content */
   body.path-frontpage .main-container .main-content-col.no-sidebars .region-content section.block#block-views-block-of-interest-view-block-1 .view-content {
        display: flex;
        flex-direction: column;
   }
   body.path-frontpage .main-container .main-content-col.no-sidebars .region-content section.block#block-views-block-of-interest-view-block-1 .views-field,
   body.path-frontpage .main-container .main-content-col.no-sidebars .region-content section.block#block-views-block-of-interest-view-block-1 .field-content,
   body.path-frontpage .main-container .main-content-col.no-sidebars .region-content section.block#block-views-block-of-interest-view-block-1 .field-content > div {
       height: 100%;
       display: block;
   }

   /* views row */
   body.path-frontpage .main-container .main-content-col.no-sidebars .region-content section.block#block-views-block-of-interest-view-block-1 .views-row {
       padding-left: 20px;
       padding-right: 20px;
   }

   /* header */
   body.path-frontpage .main-container .main-content-col.no-sidebars .region-content section.block#block-views-block-of-interest-view-block-1 .row .view-header {
       padding-left: 20px;
   }

   /* h2 */
   body.path-frontpage .main-container .main-content-col.no-sidebars .region-content section.block#block-views-block-of-interest-view-block-1 h2  {
       font-size: 32px;
       line-height: 43px;
       font-weight: bold;
       color: #242424;
       margin-bottom: 41px;
       margin-top: 0;
   }

   /* row */
   body.path-frontpage .main-container .main-content-col.no-sidebars .region-content section.block#block-views-block-of-interest-view-block-1 .row {
       margin-left: -20px;
       margin-right: -20px;
       padding: 0;
   }

   /* column */
   body.path-frontpage .main-container .main-content-col.no-sidebars .region-content section.block#block-views-block-of-interest-view-block-1 .col-lg-4 {
       padding-left: 20px;
       padding-right: 20px;
   }

   /* article */
   body.path-frontpage .main-container .main-content-col.no-sidebars .region-content section.block#block-views-block-of-interest-view-block-1 article {
       box-shadow: 0 4px 8px 0 rgba(0,0,0,0.15);
       border-radius: 10px;
       padding: 36px;
       position: relative;
       overflow: hidden;
       height: 100%;
       margin-bottom: 30px;
   }

   /* article blue top */
   body.path-frontpage .main-container .main-content-col.no-sidebars .region-content section.block#block-views-block-of-interest-view-block-1 article:before {
       content: "";
       position: absolute;
       top: 0;
       right: 0;
       left: 0;
       height: 113px;
       width: 100%;
       background: #0A63AF;
       opacity: 0.1;
   }

   /* image */
   body.path-frontpage .main-container .main-content-col.no-sidebars .region-content section.block#block-views-block-of-interest-view-block-1 .row .view-content .views-row img {
        height: 150px;
        width: 150px;
        object-fit: cover;
        margin-bottom: 20px;
        position: relative;
        z-index: 1;
   }

   /* article heading */
   body.path-frontpage .main-container .main-content-col.no-sidebars .region-content section.block#block-views-block-of-interest-view-block-1 .row .view-content .views-row .of-interest-title a {
       font-size: 20px;
       line-height: 27px;
       font-weight: 600;
       color: #000000;
       margin: 0 0 20px;
       display: inline-block;
   }

   /* content */
   body.path-frontpage .main-container .main-content-col.no-sidebars .region-content section.block#block-views-block-of-interest-view-block-1 .row .view-content .views-row .of-interest-body {
       font-weight: normal;
       font-size: 16px;
       line-height: 22px;
       margin: 0 0 20px;
   }

   /* read more */
   body.path-frontpage .main-container .main-content-col.no-sidebars .region-content section.block#block-views-block-of-interest-view-block-1 .row .view-content .views-row .readmore {
       display: inline-block;
       color: #00A84F;
       font-size: 18px;
       line-height: 24px;
       font-weight: bold;
       border-bottom: 2px solid #00A84F;
   }
   body.path-frontpage .main-container .main-content-col.no-sidebars .region-content section.block#block-views-block-of-interest-view-block-1 .row .view-content .views-row .readmore:hover {
       border-bottom-color: transparent;
   }

   /* LARGE SIZE */
   @media screen and (min-width: 992px) {
        body.path-frontpage .main-container .main-content-col.no-sidebars .region-content section.block#block-views-block-of-interest-view-block-1 {
            padding-top: 85px;
        }
        body.path-frontpage .main-container .main-content-col.no-sidebars .region-content section.block#block-views-block-of-interest-view-block-1 .view-content {
            flex-direction: row;
        }
        body.path-frontpage .main-container .main-content-col.no-sidebars .region-content section.block#block-views-block-of-interest-view-block-1 article { 
            margin-bottom: 0;
        }
   }

   /* LARGE SIZE */
   @media screen and (min-width: 1200px) {
    body.path-frontpage .main-container .main-content-col.no-sidebars .region-content section.block#block-views-block-of-interest-view-block-1 .views-row {
        padding-left: 40px;
        padding-right: 40px;
    }
    body.path-frontpage .main-container .main-content-col.no-sidebars .region-content section.block#block-views-block-of-interest-view-block-1 .row {
        margin-left: -40px;
        margin-right: -40px;
    }
    body.path-frontpage .main-container .main-content-col.no-sidebars .region-content section.block#block-views-block-of-interest-view-block-1 .row .view-header {
        padding-left: 40px;
    }
   }


/* ==========================================================================
   HOMEPAGE: BLOG
   ========================================================================== */

   #block-views-block-front-blog {
        margin: 0 auto;
        max-width: 1537px;
        padding: 0 30px 100px;
        border-bottom: 1px solid #979797;
   }

   #block-views-block-front-blog .posts {
        text-align: left;
   }

   #block-views-block-front-blog .blog_post_header {
        float: none !important;
        display: block;
        height: auto;
   }

   /* bootstrap */
   #block-views-block-front-blog .posts .row {
       margin-left: -20px;
       margin-right: -20px;
   }
   #block-views-block-front-blog .posts .col-md-4 {
       padding-left: 20px;
       padding-right: 20px;
   }

   /* Heading */
   #block-views-block-front-blog .blog_post_header h2.blog_post_title {
        position: static;
        width: auto;
        display: block;
        text-transform: none;
        font-size: 32px;
        line-height: 43px;
        font-weight: bold;
        color: #242424;
        margin: 0 0 41px;
        transform: none;
        text-align: left;
   }

   /* article */
   #block-views-block-front-blog .post_content {
        padding: 0;
        background: none;
        margin-bottom: 40px;
   }

   /* image */
   #block-views-block-front-blog .img-link {
       display: block;
       margin-bottom: 27px;
   }

   #block-views-block-front-blog .img-link img {
       border-radius: 10px;
       height: 262px;
       /*width: 438px;*/
       width: 100%;
       max-width: 100%;
       object-fit: cover;
       box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);
    }

    /* post info */
    #block-views-block-front-blog .post-info {
        font-size: 14px;
        line-height: 19px;
        color: #555555;
        margin: 0 0 16px;
        text-transform: uppercase;
    }
    #block-views-block-front-blog .post_autor_link {
        font-size: 14px;
        line-height: 19px;
        color: #242424;
        text-decoration: underline;
        text-transform: uppercase;
    }
    #block-views-block-front-blog .post_autor_link:hover {
        text-decoration: none;
    }
    #block-views-block-front-blog .post_author_span {
        font-size: 14px;
        line-height: 19px;
        color: #242424;
        text-transform: uppercase;
    }
    #block-views-block-front-blog .post_author_span:before {
        left: 11px;
    }

    /* post name */
    #block-views-block-front-blog h4 {
        margin: 0 0 15px;
    }
    .post_name_link {
        font-size: 20px;
        line-height: 27px;
        font-weight: 600;
        color: #000000;
    }

    /* summary */
    #block-views-block-front-blog .post_content {
        margin-bottom: 0;
    }
    #block-views-block-front-blog .field--type-text-with-summary {
        font-size: 16px;
        line-height: 22px;
        color: #444444;
        font-weight: 300;
    }

    /* Button */
    #block-views-block-front-blog .blog_post_btn {
        margin: 0;
        border-radius: 6px;
        background: #00A84F;
        box-shadow: 0 10px 10px 0 rgba(0,0,0,0.15);
        font-size: 18px;
        color: #ffffff;
        font-weight: bold;
        line-height: 1;
        padding: 15px 25px;
        text-shadow: none;
        text-transform: none;
        display: inline-block;
    }
    #block-views-block-front-blog .blog_post_btn:hover {
        background: #6DAC39;
        transition: 200ms all ease-in-out;
    }


    /* MEDIUM SIZE */
   @media screen and (min-width: 768px) {
    #block-views-block-front-blog {
        padding-top: 45px;
    }
    #block-views-block-front-blog .blog_post_btn {
        padding: 21px 35px;
    }
   }

    /* LARGE SIZE */
   @media screen and (min-width: 1200px) {
    #block-views-block-front-blog .posts .row {
        margin-left: -40px;
        margin-right: -40px;
    }
    #block-views-block-front-blog .posts .col-md-4 {
        padding-left: 40px;
        padding-right: 40px;
    }
   }


/* ==========================================================================
   HOMEPAGE: UPCOMING EVENTS
   ========================================================================== */

   #block-views-block-home-upcoming-events-block-1 {
        margin: 0 auto;
        max-width: 1537px;
        padding-top: 50px;
        padding-bottom: 30px;
        padding-left: 30px;
        padding-right: 30px;
   }

   #block-views-block-home-upcoming-events-block-1 h2 {
       font-size: 32px;
       line-height: 43px;
       font-weight: bold;
       color: #242424;
       margin: 0 0 36px;
   }

   #block-views-block-home-upcoming-events-block-1 #views-bootstrap-home-upcoming-events-block-1 > .row {
       margin-left: -20px;
       margin-right: -20px;
   }
    #block-views-block-home-upcoming-events-block-1 .col-md-6 {
        padding-left: 20px;
        padding-right: 20px;
    }

   #block-views-block-home-upcoming-events-block-1 article {
       margin-bottom: 40px;
   }

   #block-views-block-home-upcoming-events-block-1 .img-link {
       display: block;
       margin-right: 39px;
       margin-bottom: 30px;
   }

   #block-views-block-home-upcoming-events-block-1 .img-link img {
       height: 180px;
       width: 100%;
       object-fit: cover;
       border-radius: 6px;
       box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
       display: block;
   }

   #block-views-block-home-upcoming-events-block-1 h4 {
       margin: 0 0 10px;
       font-size: 20px;
       font-weight: 600;
       line-height: 27px;
   }

   #block-views-block-home-upcoming-events-block-1 h4 a {
       color: #000000;
   } 

   #block-views-block-home-upcoming-events-block-1 .field--name-body {
        font-size: 16px;
        line-height: 22px;
        color: #444444;
   }

   /* MEDIUM SIZE */
   @media screen and (min-width: 768px) {
        #block-views-block-home-upcoming-events-block-1 article {
            flex-direction: row;
            display: flex;
            margin-bottom: 0;
        }
        #block-views-block-home-upcoming-events-block-1 {
            padding-top: 90px;
            padding-bottom: 130px;
       }
       #block-views-block-home-upcoming-events-block-1 .img-link { 
            margin-bottom: 40px;
            flex: 1 0 auto;
        }
        #block-views-block-home-upcoming-events-block-1 .img-link img {
            width: 263px;
        }
    }

    /* LARGE SIZE */
    @media screen and (min-width: 992px) {
        #block-views-block-home-upcoming-events-block-1 .img-link { 
            margin-bottom: 0;
        }
    }

    /* X LARGE SIZE */
    @media screen and (min-width: 1200px) {
        #block-views-block-home-upcoming-events-block-1 #views-bootstrap-home-upcoming-events-block-1 > .row {
            margin-left: -40px;
            margin-right: -40px;
        }
        #block-views-block-home-upcoming-events-block-1 .col-md-6 {
            padding-left: 40px;
            padding-right: 40px;
        }
    }


/* ==========================================================================
   HOMEPAGE: VIDEO
   ========================================================================== */

    #block-homepagevideo,
    #block-homepagevideo-2 {
        margin-top: -15px;
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 30px;
        padding-right: 30px;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6bbe4a+0,0a63af+100&0.1+0,0.1+100 */
        background: -moz-linear-gradient(left,  rgba(107,190,74,0.1) 0%, rgba(10,99,175,0.1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  rgba(107,190,74,0.1) 0%,rgba(10,99,175,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  rgba(107,190,74,0.1) 0%,rgba(10,99,175,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a6bbe4a', endColorstr='#1a0a63af',GradientType=1 ); /* IE6-9 */
    }
    #block-homepagevideo  .wrapper,
    #block-homepagevideo-2 .wrapper {
        margin: 0 auto;
        max-width: 1537px;
    }
    #block-homepagevideo  .row,
    #block-homepagevideo-2 .row {
        margin: 0 -15px;
    }
    #block-homepagevideo  .field--name-field-media-embed,
    #block-homepagevideo-2  .field--name-field-media-embed {
        text-align: center;
    }
    #block-homepagevideo  .field--name-field-media-embed iframe,
    #block-homepagevideo-2  .field--name-field-media-embed iframe {
        width: 100%;
    }
    #block-homepagevideo [class*="col"],
    #block-homepagevideo-2 [class*="col"] {
        float: none;
    }
    #block-homepagevideo h3,
    #block-homepagevideo-2 h3 {
        margin: 0 0 16px;
        font-weight: bold;
        line-height: 30px;
        font-size: 24px;
        color: #000000;
    }
    #block-homepagevideo p,
    #block-homepagevideo-2 p {
        font-size: 16px;
        color: #444444;
        line-height: 22px;
        margin-bottom: 20px;
    }
    #block-homepagevideo p:last-child,
    #block-homepagevideo-2 p:last-child {
        margin-bottom: 0;
    }
    #block-homepagevideo a,
    #block-homepagevideo-2 a {
        color: #00A84F;
        font-size: 18px;
        font-weight: bold;
        line-height: 24px;
        border-bottom: 2px solid #00A84F;
    }
    #block-homepagevideo a:hover,
    #block-homepagevideo-2 a:hover {
        border-bottom: transparent;
    }
    #block-homepagevideo .col-md-7,
    #block-homepagevideo-2 .col-md-7 {
        margin-bottom: 30px;
    }
    #block-homepagevideo .col-md-5,
    #block-homepagevideo-2 .col-md-5 {
        position: relative;
        display: flex;
        align-items: center;
    }
    #block-homepagevideo .col-md-5:after,
    #block-homepagevideo-2 .col-md-5:after  {
        position: absolute;
        bottom: -50px;
        right: -15px;
        left: -15px;
        height: 6px;
        content: "";
        display: block;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6bbe4a+0,0a63af+100 */
        background: rgb(107,190,74); /* Old browsers */
        background: -moz-linear-gradient(left,  rgba(107,190,74,1) 0%, rgba(10,99,175,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  rgba(107,190,74,1) 0%,rgba(10,99,175,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  rgba(107,190,74,1) 0%,rgba(10,99,175,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bbe4a', endColorstr='#0a63af',GradientType=1 ); /* IE6-9 */
    }

    /* MEDIUM */
    @media screen and (min-width: 992px) {
        #block-homepagevideo,
        #block-homepagevideo-2 {
            padding-top: 100px;
            padding-bottom: 100px;
        }
        #block-homepagevideo  .row,
        #block-homepagevideo-2 .row {
            display: flex;
            flex-direction: row;
        }
        #block-homepagevideo h3,
        #block-homepagevideo-2 h3 {
            line-height: 43px;
            font-size: 32px;
        }
        #block-homepagevideo .col-md-5:after,
        #block-homepagevideo-2 .col-md-5:after {
            position: absolute;
            top: 0;
            left: auto;
            bottom: 0;
            right: 0;
            height: 100%;
            width: 6px;
            content: "";
            display: block;
            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6bbe4a+0,0a63af+100 */
            background: rgb(107,190,74); /* Old browsers */
            background: -moz-linear-gradient(top,  rgba(107,190,74,1) 0%, rgba(10,99,175,1) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top,  rgba(107,190,74,1) 0%,rgba(10,99,175,1) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom,  rgba(107,190,74,1) 0%,rgba(10,99,175,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bbe4a', endColorstr='#0a63af',GradientType=0 ); /* IE6-9 */
        }
        #block-homepagevideo .col-md-7,
        #block-homepagevideo-2 .col-md-7 {
            margin-bottom: 0;
        }
        #block-homepagevideo .field--name-body,
        #block-homepagevideo-2 .field--name-body {
            padding: 0 15% 0 0;
        }
    }


/* ==========================================================================
   HOMEPAGE: Bottom Banner
   ========================================================================== */

    #block-homepagebottombanner .banner,
    #block-homepagebottombanner-2 .banner  { 
        background-size: cover;
        position: relative;
        background-position: center;
        height: 438px;
    }

    #block-homepagebottombanner .inner,
    #block-homepagebottombanner-2 .inner {
        margin: 0 auto;
        max-width: 1537px;
        height: 100%;
        padding: 0 30px;
        position: relative;
    }

    #block-homepagebottombanner .field--name-body,
    #block-homepagebottombanner-2 .field--name-body {
        position: absolute;
        left: 30px;
        bottom: 30px;
        padding-right: 30px;
        max-width: 572px;
        color: #ffffff;
        line-height: 34px;
        font-size: 26px;
        font-weight: bold;
        text-shadow: 0 2px 2px rgba(0,0,0,0.2);
    }

    #block-homepagebottombanner .field--name-body p,
    #block-homepagebottombanner-2 .field--name-body p {
        margin: 0;
    }

    @media screen and (min-width: 768px) {
        #block-homepagebottombanner .field--name-body,
        #block-homepagebottombanner-2 .field--name-body {
            line-height: 43px;
            font-size: 32px;
            bottom: 91px; 
        }
    }



/* ==========================================================================
   FOOTER
   ========================================================================== */

   body footer.footer.container-fluid {
       background: #333333;
       position: relative;
       padding-top: 81px;
       padding-bottom: 61px;
   }

   body footer.footer.container-fluid:before {
        height: 6px;
        content: "";
        display: block;
        position: absolute;
        top: 53px;
        right: 40px;
        left: 40px;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6bbe4a+0,0a63af+99 */
        background: rgb(107,190,74); /* Old browsers */
        background: -moz-linear-gradient(left,  rgba(107,190,74,1) 0%, rgba(10,99,175,1) 99%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  rgba(107,190,74,1) 0%,rgba(10,99,175,1) 99%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  rgba(107,190,74,1) 0%,rgba(10,99,175,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bbe4a', endColorstr='#0a63af',GradientType=1 ); /* IE6-9 */
   }

   body footer.footer.container-fluid .region-footer section#block-footercatchallblock .field--name-body .row > div.footerblock-4 .footerblock-4-wrapper {
       background: #333333;
       padding-top: 0;
   }

   body footer.footer.container-fluid .region-footer section#block-footercatchallblock .field--name-body .row > div.footerblock-4 .footerblock-4-wrapper .footer-newsletter-signup #mc_embed_signup .newsletter-icon {
       display: none;
   }

   body footer.footer.container-fluid .region-footer section#block-footercatchallblock .field--name-body .row > div.footerblock-2 .footerblock-2-wrapper {
       border: 0;
   }

   body footer.footer.container-fluid .region-footer section#block-footercatchallblock {
       padding-top: 0;
   }

   body footer.footer.container-fluid .footer-menu a {
       font-size: 16px;
       font-weight: bold;
   }

   body footer.footer.container-fluid .region-footer section#block-footercatchallblock .field--name-body .row > div.footerblock-2 .footerblock-2-wrapper ul.footer-menu li {
       margin: 0 0 12px;
   }

   body footer.footer.container-fluid .region-footer section#block-footercatchallblock .field--name-body .row > div.footerblock-3 p.footer-address {
       font-size: 14px;
       line-height: 19px;
       margin-bottom: 24px;
   }

   body footer.footer.container-fluid .region-footer section#block-footercatchallblock .field--name-body .row > div.footerblock-3 p.footer-copyright {
    font-size: 12px;
    line-height: 19px;
    }

    body footer.footer.container-fluid .region-footer section#block-footercatchallblock .field--name-body .row > div.footerblock-4 .footerblock-4-wrapper .footer-newsletter-signup #mc_embed_signup #mc_embed_signup_scroll .green-caps {
        font-size: 20px;
        color: #ffffff;
        font-weight: 600;
        line-height: 27px;
        margin-bottom: 14px;
    }

    body footer.footer.container-fluid .region-footer section#block-footercatchallblock .field--name-body .row > div.footerblock-4 .footerblock-4-wrapper .footer-newsletter-signup #mc_embed_signup #mc_embed_signup_scroll .green-caps + p {
        display: none;
    }

    body footer.footer.container-fluid .region-footer section#block-footercatchallblock .field--name-body .row > div.footerblock-4 .footerblock-4-wrapper .footer-newsletter-signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group input.input#mce-EMAIL {
        border-radius: 6px;
        padding: 30px 20px;
        font-size: 18px;
        color: #666666;
        font-weight: normal;
        vertical-align: middle;
        margin-right: 10px;
        margin-bottom: 15px;
        width: 240px;
    }

    body footer.footer.container-fluid .region-footer section#block-footercatchallblock .field--name-body .row > div.footerblock-4 .footerblock-4-wrapper .footer-newsletter-signup #mc_embed_signup #mc_embed_signup_scroll #submit-button input.btn#mc-embedded-subscribe {
        margin: 0;
        border-radius: 6px;
        background: #00A84F;
        box-shadow: 0 10px 10px 0 rgba(0,0,0,0.15);
        font-size: 18px;
        color: #ffffff;
        font-weight: bold;
        line-height: 1;
        padding: 15px 25px;
        text-shadow: none;
        text-transform: none;
        display: inline-block;
        padding: 21px 35px;
        height: auto;
        width: auto;
    }
    body footer.footer.container-fluid .region-footer section#block-footercatchallblock .field--name-body .row > div.footerblock-4 .footerblock-4-wrapper .footer-newsletter-signup #mc_embed_signup #mc_embed_signup_scroll #submit-button input.btn#mc-embedded-subscribe:hover {
        background: #6DAC39;
        transition: 200ms all ease-in-out !important;
    }
    body footer.footer.container-fluid .region-footer section#block-footercatchallblock .field--name-body .row > div.footerblock-2 .footerblock-2-wrapper a.footer-link img.default {
        display: inline-block !important;
        padding-right: 20px;
    }
    body footer.footer.container-fluid .region-footer section#block-footercatchallblock .field--name-body .row > div.footerblock-2 .footerblock-2-wrapper a.footer-link:hover img.default {
        opacity: 0.7;
    }

    /* MEDIUM */
    @media screen and (min-width: 768px){
        body footer.footer.container-fluid:before {
            left: 70px;
            right: 70px;
        }
        body footer.footer.container-fluid .region-footer section#block-footercatchallblock .field--name-body .row > div.footerblock-2 .footerblock-2-wrapper .social-links {
            padding-top: 35px;
        }
    }


/* ==========================================================================
   HEADER
   ========================================================================== */

header.navbar {
    position: sticky !important;
    top: 0 !important;
}

/* When logged in, site header doesn't overlap admin header */
body.user-logged-in .navbar-inverse {
    z-index: 99;
}



/* ==========================================================================
   VIEW: PODCASTS
   ========================================================================== */

#block-views-block-podcasts-block-1 .row {
    margin-bottom: 60px;
    margin-left: -15px;
    margin-right: -15px;
}

#block-views-block-podcasts-block-1 h2 {
    margin-bottom: 25px;
}

#block-views-block-podcasts-block-1 h3 {
    margin-top: 0;
}

#block-views-block-podcasts-block-1 img {
    margin-top: 30px;
}

#block-views-block-podcasts-block-1 .actions {
    margin-top: 25px;
}

#block-views-block-podcasts-block-1 .actions a {
    color: #000;
    font-weight: bold;
    display: inline-block;
    padding: 10px 0;
}

#block-views-block-podcasts-block-1 .actions > * {
    margin-right: 20px;
}

@media screen and (min-width: 600px){
    #block-views-block-podcasts-block-1 .actions {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
}

@media screen and (min-width: 992px){
    #block-views-block-podcasts-block-1 .row {
        margin-bottom: 80px;
    }
    #block-views-block-podcasts-block-1 h2 {
        margin-bottom: 43px;
    }
    #block-views-block-podcasts-block-1 img {
        margin-top: 0px;
    }
    #block-views-block-podcasts-block-1 .actions {
        margin-top: 0px;
    }
}


/* ==========================================================================
   VIEW: VIDEOS
   ========================================================================== */

#block-views-block-featured-videos-block-1  {
    margin-bottom: 30px;
}
#block-views-block-featured-videos-block-1 .row {
    margin-left: -15px;
    margin-right: -15px;
}
#block-views-block-featured-videos-block-1 h2 {
    margin-bottom: 30px;
}
#block-views-block-featured-videos-block-1 h4 {
    margin-top: 30px;
}
#block-views-block-featured-videos-block-1 article {
    margin-bottom: 30px;
}
#block-views-block-featured-videos-block-1 .video-thumb {
    display: inline-block;
}
#block-views-block-featured-videos-block-1 .video-thumb img {
    object-fit: cover;
    height: 199px;
    width: 355px;
    max-width: 100%;
}

@media screen and (min-width: 992px){
    #block-views-block-featured-videos-block-1 h2 {
        margin-bottom: 50px;
    }
    #block-views-block-featured-videos-block-1 article {
        margin-bottom: 60px;
    }
}


/* ==========================================================================
   INFINITE SCROLL
   ========================================================================== */

/* Load More */
.js-pager__items .button {
    background: #00A84F;
    border-radius: 6px;
    color: #fff;
    font-weight: bold;
    padding: 17px 36px;
}

.js-pager__items .button:hover {
    background: #00833E;
}


/* ==========================================================================
   VIEW: EVENTS
   ========================================================================== */

#block-views-block-events-block-1 .row {
    margin-left: -15px;
    margin-right: -15px;
}
#block-views-block-events-block-1 h2 {
    margin-bottom: 60px;
}
#block-views-block-events-block-1 h3 {
    margin: 32px 0 20px;
}
#block-views-block-events-block-1 article {
    margin-bottom: 80px;
}


/* ==========================================================================
   VIEW: EVENT 'TOKEN' DISPLAY
   ========================================================================== */

#block-views-block-event-brian-gong-colloquium-block-1,
#block-views-block-event-rils-block-1 { 
    padding: 40px 0;
}

#block-views-block-event-brian-gong-colloquium-block-1 .more-link {
    display: none;
}

#block-views-block-event-brian-gong-colloquium-block-1 .row,
#block-views-block-event-rils-block-1 .row {
    margin-left: -15px;
    margin-right: -15px;
}
#block-views-block-event-brian-gong-colloquium-block-1 h2,
#block-views-block-event-rils-block-1 h2 {
    margin-bottom: 20px;
    margin-top: 0;
}

#block-views-block-event-brian-gong-colloquium-block-1 .media-col,
#block-views-block-event-rils-block-1 .media-col {
    margin-bottom: 20px;
}

@media screen and (min-width: 992px){
    #block-views-block-event-brian-gong-colloquium-block-1 .article-row {
        display: flex;
        flex-direction: row-reverse;
    }
    #block-views-block-event-brian-gong-colloquium-block-1 .media-col,
    #block-views-block-event-rils-block-1 .media-col {
        margin-bottom: 0px;
    }
}


/* ==========================================================================
   SUB MENU
   ========================================================================== */

.sub-menu {
    box-shadow: 0 4px 6px 0 rgba(0,0,0,0.15);
    background: #333;
    position: absolute;
    height: 66px;
    top: 0;
    left: 0;
    right: 0;
    display: none;
    align-items: center;
    justify-content: space-between;
    line-height: 1;
    padding: 0 60px;
    z-index: 99;
}

@media screen and (min-width: 992px){
    .sub-menu {
        display: flex;
    }
}

.sub-menu.is-fixed {
    position: fixed;
    top: 64px;
}

.sub-menu .title {
    font-size: 18px;
    color: #00A84F;
    font-weight: bold;
}

.sub-menu nav ul {
    display: flex;
    margin: 0;
    padding: 0;
}

.sub-menu li {
    margin-left: 30px;
}

.sub-menu a {
    color: #fff;
    font-size: 14px;
    opacity: 0.75;
    font-weight: bold;
    text-transform: uppercase;
    padding: 7px 0;
    display: inline-block;
}

.sub-menu a:hover {
    opacity: 1;
}

.sub-menu li.active a {
    border-bottom: 2px solid #00A84F;
    opacity: 1;
}


/* ==========================================================================
   NODE: EVENT
   ========================================================================== */

.page-node-type-event .main-container {
    position: relative;
    clear: both;
}
.page-node-type-event .main-content-col {
    position: static;
}

.page-node-type-event .main-content-col section {
    outline: 0;
}

.page-node-type-event .event-meta {
    display: flex;
    flex-wrap: wrap;
    font-size: 24px;
    clear: both;
    margin-top: 37px;
    margin-bottom: 20px;
}
.page-node-type-event .event-meta .field--name-field-date {
    padding-right: 13px;
}
.page-node-type-event .main-content-col .row {
    margin-left: -15px;
    margin-right: -15px;
}
.page-node-type-event .main-content-col h2,
.page-node-type-event .main-content-col h3 {
    margin-bottom: 22px;
}

.page-node-type-event #event-location,
.page-node-type-event #event-explore .map-wrapper,
.page-node-type-event #event-resources,
.page-node-type-event #event-agenda {
    padding: 20px 0;
}

/* Explore */
.page-node-type-event #event-explore .map {
    margin-top: 50px;
}
.page-node-type-event #event-explore .map iframe {
    width: 100%;
    height: 400px;
}

/* Resources */
.page-node-type-event #event-resources .columns > div {
    margin-top: 20px;
}

/* Register */
.page-node-type-event #event-register {
    background: #333333;
    padding: 58px 15px 83px 15px;
    color: #fff;
    text-align: center;
    margin: 40px 0;
}
.page-node-type-event #event-register img {
    width: 100px;
    height: auto;
}
.page-node-type-event #event-register h2 {
    color: #fff;
    margin-top: 20px;
}
.page-node-type-event #event-register .button {
    margin-top: 30px;
}

/* Location */
.page-node-type-event .field--name-field-location-image {
    margin-top: 30px;
}

@media screen and (min-width: 768){
    .page-node-type-event #event-explore .map iframe {
        height: 600px;
    }
}

@media screen and (min-width: 992px){
    .page-node-type-event #event-location,
    .page-node-type-event #event-explore .map-wrapper,
    .page-node-type-event #event-resources,
    .page-node-type-event #event-agenda {
        padding: 40px 0;
    }
    .page-node-type-event #event-resources .columns {
        margin-top: 15px;
    }
    .page-node-type-event #event-register {
        margin: 70px 0;
    }
    .page-node-type-event .main-container {
        padding-top: 76px;
    }
    .page-node-type-event .field--name-field-location-image {
        margin-top: 0px;
    }
}


/* ==========================================================================
   PARAGRAPH: CONTENT WITH MEDIA
   ========================================================================== */

.paragraph--type--content-with-media {
    padding: 20px 0;
}
.paragraph--type--content-with-media .field--name-field-image {
    margin-top: 25px;
}
.paragraph--type--content-with-media ul {
    margin: 21px 0;
    padding-left: 25px;
}
.paragraph--type--content-with-media li {
    list-style: disc;
}

@media screen and (min-width: 992px){
    .paragraph--type--content-with-media {
        padding: 40px 0;
    }
    .paragraph--type--content-with-media .row.imageLeft {
        display: flex;
        flex-direction: row-reverse;
    }
    .paragraph--type--content-with-media .field--name-field-image {
        margin-top: 0px;
    }
}


/* ==========================================================================
   PARAGRAPH: QUOTE
   ========================================================================== */

.paragraph--type--quote {
    color: #fff;
    background: #00A84F;
    padding: 50px 15px 50px 0;
    max-width: 924px;
    margin: 20px 0;
    position: relative;
}
.paragraph--type--quote:before {
    position: absolute;
    height: 100%;
    width: 9999px;
    right: 100%;
    bottom: 0;
    top: 0;
    display: block;
    content: "";
    background: #00A84F;
}
.paragraph--type--quote blockquote {
    padding: 0;
    margin: 0;
    border: 0;
}
.paragraph--type--quote .field--name-field-quote {
    font-size: 24px;
    line-height: 33px;
}
.paragraph--type--quote .field--name-field-quote p:first-child:before {
    content: "“";
}
.paragraph--type--quote .field--name-field-quote p:last-child:after {
    content: "”";
}
.paragraph--type--quote .field--name-field-quote-author {
    font-size: 16px;
    margin-top: 24px;
}

@media screen and (min-width: 992px){
    .paragraph--type--quote {
        margin: 40px 0;
        padding: 50px 70px 50px 0;
    }
}


/* ==========================================================================
   PARAGRAPH: PRESENTERS
   ========================================================================== */

.paragraph--type--presenters {
    margin: 20px 0;
}

.paragraph--type--presenters .header {
    text-align: center;
    max-width: 558px;
    margin: 0 auto;
}

.paragraph--type--presenters .header p {
    margin: 0;
}

.presenter {
    text-align: center;
}

.presenter .field--name-field-image img {
    border-radius: 50%;
    height: 150px;
    width: 150px;
    object-fit: cover;
    margin: 0 auto;
}

.paragraph--type--presenter article.presenter {
    margin-top: 40px;
}

.page-node-type-event .main-content-col .presenter h3 {
    margin-top: 30px;
    margin-bottom: 10px;
}

.presenter .twitter-link {
    margin-top: 20px;
}

.presenter-modal h2 {
    margin-top: 0;
}

.presenter-modal .presenter {
    margin-bottom: 30px;
}

@media screen and (min-width: 992px){
    .paragraph--type--presenters {
        margin: 40px 0;
        padding-top: 15px;
    }
    .paragraph--type--presenter article.presenter {
        margin-top: 80px;
    }
    .presenter-modal .presenter {
        margin-bottom: 0px;
    }
}


/* ==========================================================================
   PARAGRAPH: AGENDA
   ========================================================================== */

.paragraph--type--agenda-group {
    margin-top: 53px;
}
.paragraph--type--agenda-group .field--name-field-date {
    font-size: 24px;
    color: #06537C;
    line-height: 33px;
    margin-bottom: 16px;
}

.paragraph--type--agenda .accordion .accordion-header {
    display: flex;
    flex-direction: row;
    font-size: 18px;
    font-weight: bold;
    padding: 23px 30px 23px 0;
    border-top: 1px solid #979797;
    cursor: pointer;
    position: relative;
}

.paragraph--type--agenda .accordion .accordion-header .toggle-icon {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -13px;
    height: 20px;
    width: 20px;
    transform: rotate(135deg);
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    display: block;
}

.paragraph--type--agenda .accordion.expanded .accordion-header .toggle-icon {
    transform: rotate(-45deg);
}

.paragraph--type--agenda .accordion .accordion-header .field--name-field-time {
    width: 50px;
}

.paragraph--type--agenda .accordion .accordion-content {
    display: none;
}

.paragraph--type--agenda .accordion .accordion-content .field--name-field-agenda-content {
    padding-bottom: 25px;
}

.paragraph--type--agenda .accordion .accordion-content h3 {
    font-size: 18px;
    color: #00A84F;
    margin-bottom: 10px;
}

@media screen and (min-width: 768px){
    .paragraph--type--agenda .accordion .accordion-header .field--name-field-time {
        width: 120px;
    }
    .paragraph--type--agenda .accordion .accordion-content .field--name-field-agenda-content {
        padding-left: 120px;
    }
}