/* CSS for ae */
.landing-page-header p,
.landing-page-header span { font-family: proxima-nova, sans-serif; }
.landing-page-template .photo-box { height: 688px; background: #ccc; }
.landing-page-template .photo-box.top-lansing { background-image: url("/wp-content/themes/sycamore/images/lansing-location.jpg");
    background-size: cover; width: 100%; }
.landing-page-template .photo-box.bottom-potterville { background-image: url("/wp-content/themes/sycamore/images/potterville-location.jpg");
    background-size: cover; width: 100%; }
.landing-page-template .photo-box .hover-content { position: relative; height: 100%; background: rgba(0,0,0,.75); opacity: 0; }
.landing-page-template .photo-box:hover .hover-content{ opacity: 1; transition: opacity .3s ease-in-out; }
.landing-page-template .photo-box .hover-content a { color: #ffffff; }
.landing-page-template .photo-box .hover-content .wrapper-icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2;
    color: #ffffff; text-align: right; }
.landing-page-template .photo-box .hover-content .wrapper-icon:after{ content: ''; width: 0; height: 0;
    border-bottom: 25px solid transparent; border-top: 25px solid transparent; border-left: 32px solid #ffffff;
    font-size: 0; line-height: 0; position: absolute; right: -50px; top: 3px; color: #ffffff;
}
.triangle-wrapper { position: absolute; top: -72px; display: flex; justify-content: center;}
.triangle-wrapper.reverse{ top: 72px; }
.triangle { position: relative; background-color: #ffffff; text-align: left;
    transform: rotate(-60deg) skewX(-30deg) scale(1,.866); }
.triangle:before,
.triangle:after { content: ''; position: absolute; background-color: inherit; }
.triangle,
.triangle:before,
.triangle:after { width: 60px; height: 60px; border-top-right-radius: 30%; }
.triangle-inner { position: absolute; bottom: -3px; background: #2b2b2b; }
.triangle-inner.triangle-reverse { top: 3px; }
.triangle-inner,
.triangle-inner:before,
.triangle-inner:after { width: 30px; height: 30px; border-top-right-radius: 30%; }
.triangle-reverse { transform: rotate(120deg) skewX(-30deg) scale(1,.866); }
.triangle:before { transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%); }
.triangle:after { transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%); }

.double-triangle { background-image: url("/wp-content/themes/sycamore/images/arrows.png"); width: 135px; height: 87px;
    background-size: cover; transform: rotate(180deg); position: absolute; top: -85px; }
.double-triangle-reverse { background-image: url("/wp-content/themes/sycamore/images/arrows.png"); width: 135px; height: 87px;
    background-size: cover; position: absolute; top: 65px; }

.landing-page-template .photo-box .hover-content .wrapper-icon span:nth-child(1) { font-size: 60px; display: block;
    text-transform: uppercase; font-family: copse, serif; line-height: 60px; }
.landing-page-template .photo-box .hover-content .wrapper-icon span:nth-child(2) { font-size: 30px; display: block; }
.landing-page-template .middle { height: 65px; display: flex; align-content: center; align-items: center; justify-items: center;
    z-index: 5; position: relative; }
.landing-page-template .middle .left,
.landing-page-template .middle .right { width: 40%; font-size: 30px; font-family: copse, serif; text-transform: uppercase;
    color: #12849f; }
.landing-page-template .middle .mid { width: 20%; display: flex; justify-content: center; }
.landing-page-template .middle .left,
.landing-page-template .middle .right { display: flex; justify-content: center; }
.circle { height: 350px; width: 350px; background: url("/wp-content/themes/sycamore/images/center-circle.png");
    background-size: 100%; background-repeat: no-repeat; background-position: center; border-radius: 50%; position: relative; }
.circle div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #ffffff;
    text-align: center;  }
.circle span { display: block; }
.circle div span.title { font-size: 55px; line-height: 55px; text-transform: uppercase; font-family: copse, serif;}
.circle div span.subtitle { line-height: initial; }

.more-info {width: 190px; display: block; margin: 0 auto;}
.more-info button {border-radius: 5px; font-size: 30px; padding: 10px 20px; margin-top: 10px;}
.popup-img-m {display: none;}
.popup-closed {display: none;}
.popup-overlay {width: 100%; height: 100%; z-index: 1000000000; top: 0; background-color: #11101ea1; position: fixed;}
.popup {width: 100%; height: 100%; z-index: 1000000001; top: 0; position: absolute;}
.popup-img {display: block; width: 60%; margin: 0 auto; margin-top: 5%;}
.popup-close {display: block; margin-right: 10px; margin-top: 10px; right: 20%; position: absolute;
    padding: 10px 20px; font-size: 30px; border-radius: 5px;}

@media only screen and (max-width: 1400px) {
    .landing-page-template .middle .left,
    .landing-page-template .middle .right { width: 30%; }
    .landing-page-template .middle .mid { width: 40%; }
    .popup-img {width: 90%;}
    .popup-close {right: 5%;}
}

@media only screen and (max-width: 1023px) {
    .landing-page-template .photo-box { height: 400px; }
    .landing-page-template .top-lansing .hover-content .wrapper-icon { top: 20%; transform: translate(-50%, 0); text-align: center;
        width: 70%; }
    .landing-page-template .bottom-potterville .hover-content .wrapper-icon { top: unset; bottom: 20%; transform: translate(-50%, 0); text-align: center; }
    .landing-page-template .photo-box .hover-content .wrapper-icon:after { right: 0px; }
    .landing-page-template .photo-box .hover-content .wrapper-icon span:nth-child(1) { line-height: initial; font-size: 55px; }
    .landing-page-template .middle { flex-wrap: wrap; height: 500px; }
    .landing-page-template .middle .left,
    .landing-page-template .middle .mid,
    .landing-page-template .middle .right { width: 100%; }
    .double-triangle-reverse { top: 500px; }
}

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

@media only screen and (max-width: 600px) {
    .landing-page-template .photo-box { height: 275px; background-position: center; }
    .landing-page-template .bottom-potterville .hover-content .wrapper-icon { width: 80%; }
    .landing-page-template .photo-box .hover-content .wrapper-icon:after { display: none; }
    .landing-page-template .photo-box .hover-content .wrapper-icon span:nth-child(1) { font-size: 40px; }
    .landing-page-template .photo-box .hover-content .wrapper-icon span:nth-child(2) { font-size: 20px; }
    .popup-img-m {display: block; width: 98%; margin: 0 auto; margin-top: 85px;}
    .popup-img {display: none;}
}