/* ----------------------- */
/* Resets                  */
/* ----------------------- */

html {height:100%;}
body {-webkit-font-smoothing: antialiased; font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 1.5;}
a {-webkit-transition: color .25s, background-color .25s, padding .25s, margin .25s, height .25s, width .25s, opacity .25s;
    -moz-transition:  color .25s, background-color .25s, padding .25s, margin .25s, height .25s, width .25s, opacity .25s;
    -ms-transition:  color .25s, background-color .25s, padding .25s, margin .25s, height .25s, width .25s, opacity .25s;
    transition:  color .25s, background-color .25s, padding .25s, margin .25s, height .25s, width .25s, opacity .25s;}
a:hover {text-decoration: none;}

/* ----------------------- */
/* Utils                   */
/* ----------------------- */

.center-vertical {position:relative; top:50%;
    /* translateZ(0) and -webkit-backface-visibility are needed to fix a HW-acceleration bug in Chrome */
    -webkit-transform: translateZ(0) translateY(-50%);
    -moz-transform: translateZ(0) translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateZ(0) translateY(-50%);
    transform: translateZ(0) translateY(-50%);
    -webkit-backface-visibility: hidden;}

/* ----------------------- */
/* Bootstrap Tweaks        */
/* ----------------------- */

/* Navbar */
.navbar {border-radius: 0; margin-bottom: 0;}
.navbar-brand {height:auto;}
.navbar-header { max-width: 100%; max-height: 100%; }
.navbar-brand img {width: auto; max-height: 60px; max-width: 100%;}
.navbar.mainnav { padding-top: 0; padding-bottom: 0; }
.navbar.mainnav .container { position: relative; padding-top: 20px; padding-bottom: 20px; }
.top-nav { padding: 5px 10px; background: #ccc; position: absolute; top: 0; right: 0; }
.top-nav ul { padding:0; margin:0; }
.top-nav li { list-style:none; display:inline-block; padding:0 10px; font-size:.8em; }

/* Dropdown 2nd Level */
.dropdown-menu .dropdown{position: relative;}
.dropdown-menu .dropdown > .dropdown-menu {top: 0; left: 100%; margin-top: -6px; margin-left: -1px;}
.dropdown-menu .dropdown:hover > .dropdown-menu {display: block;}
.dropdown-menu .dropdown:hover > a:after {border-left-color: #fff;}
.dropdown-menu .dropdown.pull-left {float: none;}
.dropdown-menu .dropdown.pull-left > .dropdown-menu {left: -100%; margin-left: 10px;}
.dropdown-menu .dropdown:after {content:""; display:block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-left: 4px solid; border-top: 4px solid transparent; border-bottom: 4px solid transparent; position:absolute; top:10px; right:15px}

/* Scrolling Nav */
.scrolling:before {content:""; display:block; height:130px;}
.scrolling .navbar {
    position:fixed; top:0; left:0; width:100%; z-index:10000; box-shadow: 0 3px 10px rgba(0,0,0,.2);
    -webkit-animation: fadein .5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein .5s; /* Firefox < 16 */
    -ms-animation: fadein .5s; /* Internet Explorer */
    -o-animation: fadein .5s; /* Opera < 12.1 */
    animation: fadein .5s;
}
.scrolling .navbar-brand img {height:50px;}
.scrolling .top-nav {display:none;}
.scrolling .navbar-brand {padding:5px 15px;;}

/* BX Slider */
.bx-wrapper {margin:0;box-shadow:none; border:none;}
.bx-wrapper .bx-viewport {box-shadow:none; border:none; left:0;}

/* Misc */
.padded-section {padding:100px 0;}
.section-title {padding-bottom:50px;}
.slide-content {height: 50vh; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.gallery-slide {min-height:300px;}
footer.mainfooter {background:#ccc; padding:50px 0;}
.subfooter {text-align:center; padding:20px; font-size:.65em;}
.interior-header {background-size: cover; background-position: center center;}

/* ----------------------- */
/* Media Queries           */
/* ----------------------- */

@media (max-width: 767px) {
    .top-nav {display:none;}

    .navbar-brand {width:100%; text-align:center;}
    .navbar-brand>img {margin:0 auto;}

    .caret {float:right; display:block; margin-top:8px;}
    .dropdown-menu .dropdown:after {content:""; display:block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; position:absolute; top:10px; right:15px}
    .navbar-inverse .dropdown-menu .dropdown:after {border-top-color:#fff;}
}

/* ----------------------- */
/* CSS3 Animations         */
/* ----------------------- */

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* ----------------------- */
/*        ACF Maps         */
/* ----------------------- */

/* @see https://www.advancedcustomfields.com/resources/google-map/ */

.ea-acf-map {
    width: 100%;
    height: 400px;
    border: #ccc solid 1px;
    margin: 20px 0;
}
.ea-acf-map img {
    max-width: inherit !important;
}