/***********************************************************
                        HEADER
************************************************************/

header.landing-page-header { height: 120px; padding: 0px 20px !important; float: none; border: none; position: fixed;
    z-index:999; background: #fff; top: 0px; box-shadow: 0px 5px 10px #00000047;}
.admin-bar header.landing-page-header{ top: 32px; }
.blue-bar { background: #12849f; height: 10px; width: 100%;}
header.landing-page-header .wrapper { display: flex; max-width: 1720px; margin: 0 auto; align-items: center;
    height: 110px; flex-wrap: wrap;}
header.landing-page-header .wrapper .header-left { width: 50%; }
header.landing-page-header .wrapper .header-right { width: 50%; float: none; padding: 0px; position: relative;
    display: flex }
header.landing-page-header .social-media { display: flex; justify-content: flex-start; align-items: flex-end;
    float: none; padding: 0px; margin-right: 50px;}
header.landing-page-header .social-media > span { margin-right: 20px; color: #008eba; text-transform: uppercase;
    font-size: 18px; }
header.landing-page-header .social-media ul { list-style: none; display: flex; justify-content: space-between;
    margin: 0px; float: none; }
header.landing-page-header .social-media ul li { width: 30px; height: 30px; background-color: #12849f;
    border-radius: 50%; }
header.landing-page-header .social-media ul li a { color: #ffffff; height: 30px; width: 30px; display: flex;
    justify-content: center; align-items: center; }
header.landing-page-header .social-media div { width: 156px; }
header.landing-page-header .social-media div.potterville-social,
header.landing-page-header .social-media div.eastwood-social {margin-right: 50px;}
header.landing-page-header .social-media div.eastwood-social ul {justify-content: flex-end;}
header.landing-page-header .social-media div > span { color: #626262; display: block; text-align: end;
    margin-bottom: 6px; font-size: 16px; line-height: 18px; text-transform: uppercase; }
header.landing-page-header .social-media div:nth-child(2) { margin-right: 50px; }
header.landing-page-header .social-media div:nth-child(3) span { justify-self: flex-end; }
header .logo-block a {display: block;}
header .logo-block a img {width: 390px; vertical-align: top;}
header.header-container .logo-block {width: 480px; padding-top: 30px;}
header.landing-page-header .header-right > a { position: absolute; font-size: 18px; text-transform: uppercase;
    bottom: -68px; right: 0px; z-index: 10; padding: 0px 14px; font-family: copse, serif; background: #12849f;
    color: #ffffff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.header-right .main-menu {width: 52px;}
.sm-mobile {display: none;}

.homeIntro div.elementor-widget-container p {font-size: 22px;}

.give-bar {display: flex; height: 70px; width: auto; background-color: #12849f; border-radius: 0px 0px 6px 6px;
    margin-left: auto; padding: 15px 20px; color: white;}

.give-bar p {margin-right: 20px; margin-top: 8px; font-size: 24px;}

.give-bar .give-btn {background-color: white; border-radius: 6px; text-align: center; padding: 0px 0px 0px 0px;
    width: 120px; height: 38px; color: rgb(18 132 159); font-weight: 500; font-size: 16px;
    font-family: Roboto, sans-serif;}

@media only screen and (max-width: 1720px) {
    header.landing-page-header .wrapper { max-width: 1400px; }
}

@media only screen and (max-width: 1400px) {
    header.landing-page-header .wrapper { max-width: 1100px; }
    header.landing-page-header .social-media {margin-right: 30px;}
    header.landing-page-header .social-media .eastwood-social,
    header.landing-page-header .social-media .potterville {margin-right: 30px;}
}

@media only screen and (max-width: 1300px) {
    .page-template-subpage main { padding: 50px 50px; }
}

@media only screen and (max-width: 1199px) {
    header.landing-page-header .logo-block { width: 100%; }
}

/* @media only screen and (max-width: 1150px) {
    header.landing-page-header .wrapper { max-width: 1000px; }
    .page-template-subpage main { padding: 50px 25px; }
    .social-media {display: none!important;}
} */

@media only screen and (max-width: 1023px) {
    header.landing-page-header .wrapper { max-width: 100%; padding: 0 20px; }
    header.landing-page-template .photo-box { max-width: 100%; }
    header.landing-page-header .wrapper .header-left { width: 40%; }
    header.landing-page-header .wrapper .header-right { width: 60%; }
    header.landing-page-header .header-right > a { padding: 4px 14px; bottom: -76px; }
}


@media only screen and (max-width: 1150px) {
    header.landing-page-header .wrapper { max-width: 1000px; }
    .page-template-subpage main { padding: 50px 25px; }
    .social-media {display: none!important;}
    header.landing-page-header .wrapper .header-left { width: 30%; }
    header.landing-page-header .wrapper .header-right { width: 70%; }
    header.landing-page-header .social-media { position: absolute; top: 150px;}
    header.landing-page-header {height: 90px;}
    header.landing-page-header .social-media div.potterville-social,
    header.landing-page-header .social-media div.south-lansing-social {display: flex; align-items: center;}
    header.header-container .wrapper {display: flex;}
    header.landing-page-header .social-media div {width: auto;}
    header.landing-page-header .social-media div span {color: #fff; margin-bottom: 0px;}
    header.landing-page-header .social-media div:nth-child(2) {margin-right: 0px;}
    .header-right .main-menu {margin-top: 15px;}
    
    .social-media.sm-mobile {display: flex!important; top: 150px; right: 30px; z-index: 9; align-items: center;
        position: absolute; background: #ffffff69; padding: 2px 10px 2px 15px; border-radius: 20px; backdrop-filter:blur(15px);}
    .social-media.sm-mobile > div {display: flex; align-items: center;}
    .social-media.sm-mobile .potterville-social,
    .social-media.sm-mobile .eastwood-social {margin-right: 20px;}
    .social-media.sm-mobile ul li a { color: #ffffff; height: 30px; width: 30px; display: flex; justify-content: center;
        align-items: center; }
    header.header-container .wrapper,
    header.header-container .wrapper .header-left,
    header.header-container .wrapper .header-right {height: 100%;}
    header.header-container .wrapper .header-left,
    header.header-container .wrapper .header-right {width: 50%;}

    header.header-container .wrapper .header-left .logo-block {padding: 0px;}

    header.header-container .wrapper .header-left,
    header.header-container .wrapper .header-left .logo-block {align-content: center;}
    header.header-container .wrapper .header-left .logo-block a {align-items: center;}

    header.header-container .wrapper .header-left,
    header.header-container .wrapper .header-left .logo-block,
    header.header-container .wrapper .header-left .logo-block a {display: flex;}

    .give-bar {height: 45px; width: 100%; border-radius: 0px; position: absolute; left: 0; top: 90px;
        margin-left: auto; padding: 3px 20px; justify-content: center;}
    
    .give-bar p {margin-right: 20px; margin-top: 8px; font-size: 24px;}
    
    .give-bar .give-btn {padding: 6px 0px 0px 0px; margin-top: 3px;
        width: 120px; height: 32px; line-height: normal;}

}

@media only screen and (max-width: 860px) {
    .social-media.sm-mobile {padding: 5px 10px 5px 15px;}
    .social-media.sm-mobile {flex-flow: column; align-items: end; border-radius: 10px;}
    .social-media.sm-mobile .potterville-social,
    .social-media.sm-mobile .eastwood-social {margin-right: 0px; padding-bottom: 5px;}
}

@media only screen and (max-width: 782px) {
    .admin-bar header.landing-page-header {top: 46px;}
}

@media only screen and (max-width: 767px) {
    header.landing-page-header { padding: 0px !important;}
    header.landing-page-header .wrapper { flex-wrap: wrap; }
    header.landing-page-header .wrapper .header-left { width: 100%; }
    header.landing-page-header .wrapper .header-left .logo-block { display: flex; height: 60px; justify-content: start;
        align-items: center; }
    header.landing-page-header .wrapper .header-right {position: absolute!important; z-index: 100; width: auto;
        right: 40px;}
    header.landing-page-header .wrapper .header-left .logo-block {height: 100%;}
    header.landing-page-header .social-media { justify-content: space-around; }
    header.landing-page-header .social-media > span { display: none; }
    header.landing-page-header .social-media div { width: 45%; }
    header.landing-page-header .social-media div > span { text-align: center; }
    header.landing-page-header .social-media div:nth-child(2) { margin-right: 0px; }
    header.landing-page-header .header-right > a { bottom: -58px; }
    header.header-container .logo-block img {max-width: 360px;}
    
    .give-bar p {margin-top: 10px;}
    header.header-container .logo-block img {max-width: 300px;}

}

@media only screen and (max-width: 479px) {
    header.landing-page-header .header-right > a { bottom: -57px; }
    header.header-container .logo-block img {max-width: 250px;}
    .social-media.sm-mobile {right: 10px; margin-top: 2px;}
}

@media only screen and (max-width: 420px) {
    /*header.landing-page-header { padding: 0px !important; height: 230px; }*/
    /*header.landing-page-header .social-media { flex-wrap: wrap; }*/
    /*header.landing-page-header .social-media div { width: 100%; margin-bottom: 15px;}*/
    /*header.landing-page-header .social-media div > span { margin-bottom: 10px; }*/
    /*header.landing-page-header .header-right > a { bottom: -39px; }*/
}

@media only screen and (max-width: 350px) {
    header.header-container .logo-block img {width: 180px;}
    .social-media.sm-mobile > div {align-items: end; flex-flow: column;}
    .social-media.sm-mobile {margin-top: 0px;}
}


/***********************************************************
                        MENU
************************************************************/

#menu-main-menu-2022 {display: flex; flex-wrap: wrap; justify-content: center; width: 400px; left: calc(50% - 200px);
    position: absolute; flex-direction: column;}

.menu-main-menu-2022-container {width: 100vw; height: 100vh; position: fixed; left: 0; top: 0;
    background-color: #12849fed; display: flex; z-index: 999; align-items: center;}

.menu-hidden .menu-main-menu-2022-container {display: none;}

#menu-main-menu-2022 {display: none;}

#menu-main-menu-2022 li {padding-bottom: 25px;}

#menu-main-menu-2022 li a:hover {color: #454545;}

#menu-main-menu-2022 li a {color: white; font-size: 40px; text-transform: uppercase; transition: .2s;
    padding-bottom: 0px;}

.main-menu ul li > a:hover:before {background: none!important;}

.header-right .main-menu {width: 56px; height: 54px;}
.ae-mobile-nav-close {z-index: 9999; position: fixed; color: white; display: none; transition: .2s;}
.ae-mobile-nav-close,
.ae-mobile-nav-open {font-size: 65px; cursor: pointer;}
.ae-mobile-nav-close:hover {color: #454545;}
.ae-mobile-nav-open {color: #12849f; transition: .2s;}
.ae-mobile-nav-open:hover {color: #454545;}
.ae-mobile-nav-open i,
.ae-mobile-nav-close i {display: block; margin-top: -4px;}
.ae-mobile-nav-close i {padding-left: 5px;}

@media only screen and (max-width: 767px) {
    #menu-main-menu-2022 li a {line-height: 40px;}
}

@media only screen and (max-width: 479px) {
    .ae-mobile-nav-close,
    .ae-mobile-nav-open {font-size: 45px;}
    .ae-mobile-nav-open i {margin-top: 0px;}
    .ae-mobile-nav-close i {padding-left: 0px;}
    .header-right .main-menu {width: 39px; height: 36px; margin-top: 32px;}
    header.landing-page-header .wrapper .header-right {right: 20px;}
    #menu-main-menu-2022 li a {font-size: 25px; line-height: 25px;}
}

/***********************************************************
                        CONTENT
************************************************************/

body {padding-top: 120px!important;}
.page-template-subpage-new h3 {margin-bottom: 10px;}
button.popup-close {display: block; margin-right: 10px; margin-top: 10px; right: 20%; position: absolute; padding: 10px 20px; font-size: 30px; background-color: white!important; border-radius: 5px;}
.more-info button {border-radius: 5px; font-size: 30px; padding: 10px 20px; margin-top: 10px; background-color: white!important;}
main .wrapper {max-width: 1920px;}
.page-template-subpage-new main .wrapper { padding: 0px 20px; }
main.main-content {padding: 0;}
div#watch-live-container {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 99;
    min-width: 235px; }
div#watch-live-container .watch-live-title p { font-family: 'Archer-Semibold', Roboto, sans-serif; font-size: 60px;
line-height: 45px; margin-bottom: 0; }
div#watch-live { height: 100%; background: url("../images/watch-live-circle.png") no-repeat center;
    background-size: 95%; display: flex; justify-content: center;}
#watch-live .elementor-widget-container {display: flex; align-items: center; padding: 0px 50px;}
#watch-live .elementor-widget-container div p:first-of-type { margin-bottom: 10px; }
#watch-live .elementor-widget-container div p:first-of-type span strong {font-size: 2.5vw; line-height: 2.5vw;
    text-transform: uppercase;}
#watch-live .elementor-widget-container div p:last-of-type {padding-bottom: 0px; margin-bottom: 0px; line-height: 17px;}
#watch-now-btn img { cursor: pointer; transition: .2s; }
#watch-now-btn img:hover { transform: scale(0.98); transition: .2s; }
.watch-now-modal {width: 800px; height: 360px; background-color: #1a839c; position: fixed; left: calc(50% - 400px);
    z-index: 999; bottom: -420px; filter: drop-shadow(0px 5px 20px #00000071); border-radius: 20px;
    font-family: 'Archer-Semibold', Roboto, sans-serif;}
#wn-close-btn {background-color: transparent; position: absolute; right: 0; top: 0; font-size: 26px; transition: .1s;
padding: 0; margin: 20px 30px 0 0; color: #fff; }
#wn-close-btn:hover {color: #d5d5d5; transition: .1s;}
.location-wrap {display: flex; justify-content: space-evenly; padding: 0 40px;}
.location-title {width: 100%; display: block; text-align: center; margin-top: 45px; font-size: 32px; color: #fff;
margin-bottom: 30px;}
.location {width: 150px;}
.location img {width: 150px; height: 150px; border-radius: 80px; outline: solid 3px #ffffff; outline-offset: 6px;
    transition: .2s;}
.location:hover img {outline: solid 3px #ffffff; outline-offset: 0px; transition: .2s;}
.location span {color: #ffffff; text-align: center; font-size: 20px; display: block; margin-top: -5px; transition: .2s;}
.location:hover span {color: #d5d5d5; transition: .2s; }
.location .south-lansing {}
.location .potterville {}
.location .coming-soon {}
div#south-lansing-container,
div#potterville-container {width: 50%;}
#south-lansing,
#potterville {overflow: hidden; height: 100%;}
#south-lansing a:hover img,
#potterville a:hover img {transform: scale(1.1);}
#south-lansing a:hover figcaption,
#potterville a:hover figcaption {background-color: #0f86a1f0;}
#south-lansing figcaption,
#potterville figcaption { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #0f86a1bf;
    text-align: center; color: #fff; text-transform: uppercase; font-size: 40px; height: 70px; padding-top: 15px;
    font-family: 'Archer-Semibold'; transition: background-color .5s;}

#we-are p {
    margin-bottom: 15px;
    font-size: 22px;
    color: #3c3c3c;
}

.noMbottom div > p:last-of-type {margin-bottom: 0px;}
.rightBar h2 {margin-top: 20px;}
.rightBar {height: fit-content;}
.rightBar h3 {margin: 10px 0px;}
.topDiv h2 {margin-top: 0px;}
.page-template-subpage-new div h4 {padding-bottom: 10px;}
.meetStaff div img {border-radius: 15px;}
.meetStaff div .elementor-widget-image {margin-bottom: 0px;}
.meetStaff div a {font-size: 22px;}
.meetStaff div .elementor-tab-title {padding-left: 30px; padding-bottom: 0px;}
.meetStaff div .elementor-tab-title,
.meetStaff div .elementor-tab-content {border-bottom: none;}
.meetStaff div .elementor-flip-box__layer__description {font-size: 14px; line-height: 16px;}

.page-template-subpage-new .hero .wrapper {max-width: 1420px; position: relative; right: 0; left: 0; bottom: 0;}
.page-template-subpage-new .hero img {width: 100%; top: 50%; position: relative; transform: translateY(-50%);}
.page-template-subpage-new .hero {height: 500px; overflow-y: hidden; position: relative;background-repeat: no-repeat;
    background-size: cover; background-position: center;}
.title-blue-bar {background-color: #12849fc7; position: absolute; bottom: 0; width: 100%; padding: 15px 20px;}
.subpage-title h1 {color: #fff;}
main.elementor-section {max-width: 1420px; margin: 0 auto;}
.page-template-subpage-new .hero {margin-bottom: 50px;}
.page-template-subpage-new footer {margin-top: 50px;}

.epyt-gallery-img,
.fluid-width-video-wrapper {border-radius: 15px; overflow: hidden;}
.epyt-gallery {font-weight: 500;}

.weAre h3 {margin-bottom: 10px;}
.weAre .elementor-text-editor ul {padding-left: 20px; line-height: 20px;}
.weAre .elementor-text-editor ul li {padding-bottom: 10px;}

.elementor p img.alignleft {float: left; margin: 0 25px 10px 0;}
.elementor p img.alignright {float: right; margin: 25px 0 10px 0;}


@media only screen and (max-width: 1400px) {
    button.popup-close {right: 5%;}
}

@media only screen and (max-width: 1200px) {
    #location-live-container figure {width: 100%; margin: 0 auto; overflow: visible;}
    #location-live-container figure a {position: relative; right: 50%; float: right;}
    #location-live-container figure a img,
    #location-live-container figure a figcaption {right: -50%;}
    #potterville a img,
    #south-lansing a img {min-height: 215px; min-width: 618px; position: relative; }
    #south-lansing figcaption,
    #potterville figcaption { font-size: 25px; height: 50px; padding-top: 5px; left: unset;}
    div#watch-live-container .watch-live-title p {font-size: 42px;}
    .page-template-subpage-new .left-content main div.elementor-row {flex-wrap: wrap;}
    .leftColumn,
    .rightBar {width: 100%!important; }
    div.elementor-container div.elementor-row div.leftColumn div.elementor-column-wrap,
    div.elementor-container div.elementor-row div.rightBar div.elementor-column-wrap {margin: 0px;}
}

@media only screen and (max-width: 1150px) {
    body {padding-top: 90px!important;}
}

@media only screen and (max-width: 900px) {
    div#watch-live-container .watch-live-title p { font-size: 32px; }
    .watch-now-modal { width: 600px; height: 325px; left: calc(50% - 300px); z-index: 999;}
    .location { width: 100px; }
    .location img { width: 100px; height: 100px; }
    .location-title { font-size: 26px; }
    #wn-close-btn { font-size: 18px; }
    .location span {font-size: 18px; line-height: 18px; margin-top: 8px; }
}

@media only screen and (max-width: 800px) {
    button.popup-close {right: 1%; margin-right: 5px; margin-top: -65px;}
}

@media only screen and (max-width: 768px) {
    #location-live-container #south-lansing-container figcaption {bottom: unset; top: 0;}
    #location-live-container #south-lansing-container figcaption,
    #location-live-container #potterville-container figcaption {padding-top: 12px;}
    #location-live-container #south-lansing-container .elementor-column-wrap > div,
    #location-live-container #potterville-container .elementor-column-wrap > div {padding: 5px 0px;}
    #location-live-container #south-lansing-container .elementor-column-wrap > div {padding-bottom: 2.5px;}
    #location-live-container #potterville-container .elementor-column-wrap > div {padding-top: 2.5px;}
    #watch-live .elementor-widget-container div p:first-of-type span strong {font-size: 30px; line-height: 30px;}
    div#watch-live-container .watch-live-title p { font-size: 22px; }
    #location-live-container > .elementor-container {height: 50px; min-height: 50px; }
    .watch-now-modal { width: 320px; height: 310px; left: calc(50% - 160px); }
    .location-wrap { padding: 0 15px; flex-wrap: wrap; }
    .location { margin: 0 10px 20px 10px; }
    .location-title { padding: 0 10px; margin-bottom: 30px; }
    .ae-mobile-nav-close,
    .ae-mobile-nav-open {font-size: 45px; text-align: end;}
    .ae-mobile-nav-open i, 
    .ae-mobile-nav-close i {margin-top: 8px;}
    .ae-mobile-nav-close i {padding-left: 22px;}
    .meetStaff .elementor-column-wrap .elementor-widget-wrap {padding: 10px!important;}
    .meetStaff .elementor-flip-box__front .elementor-flip-box__layer__overlay {padding:80px;}
}

@media only screen and (max-width: 600px) {
    .meetStaff .elementor-flip-box__front .elementor-flip-box__layer__overlay {padding:40px;}   
}

@media only screen and (max-width: 450px) {
    #location-live-container .elementor-row #watch-live-container {min-width: 190px; height: 170px;}
    #watch-live .elementor-widget-container div p {font-size: 13px;}
    #watch-live .elementor-widget-container div p:first-of-type span strong {font-size: 25px; line-height: 25px;}
    div#watch-live-container .watch-live-title p { font-size: 16px; }
    #location-live-container > .elementor-container {height: 36px; min-height: 36px; }
    .meetStaff .elementor-flip-box__front .elementor-flip-box__layer__overlay {padding:30px;}
}

@media screen and (min-width:320px) and (max-width:800px) and (orientation:landscape) {
    .watch-now-modal { width: 100%; height: 100%; position: fixed; left: 0; top: 0!important;
    border-radius: 0;}
    .location-title { margin-bottom: 60px; }
}