/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/* - - - - - - - - - - GLOBAL - - - - - - - - - - - - */

body {font-weight: 300; color: #575756}

.blue-bg,
.red-bg,
.black-bg {color: #FFFFFF}
.blue-bg {background: #2d6795}
.red-bg {background: #cd1619}
.black-bg {background: #000000}

h2 {text-transform: uppercase; font-weight: 800; font-size: 1.3em; letter-spacing: 2px; margin-bottom: 30px}
h3 {text-transform: uppercase; font-weight: 800; font-size: 1.1em; letter-spacing: 2px; margin-top:32px; margin-bottom: 25px}
h4 {text-transform: uppercase; font-weight: 800; font-size: 1em; letter-spacing: 2px; margin-bottom: 8px; line-height: 1.3em}

.red-bg h2 {font-size: 1.5em}

.arrow-link {text-transform: uppercase; font-weight: 800; letter-spacing: 1px}
.arrow-link:hover {text-decoration: none}
.arrow-link span {font-weight: 300; color: #575756; font-size: 1.2em}

p {margin-bottom: 30px}
.line-height-lg p {line-height: 1.7em}

p.image-caption {font-style: italic; margin-bottom: 0; display: block; padding: 5px 0 0}

#content {padding: 45px 0 0}

.text-content {}

.articles article, 
.articles section {padding-bottom: 90px}
.articles h3 {text-align: center; margin-top: 45px}

.circles-section {padding: 45px 0 80px; margin-bottom: 105px}
.circles-section > .container > .wrapper {padding: 0 60px 0}
.circles-section > .container > .wrapper > p {font-size: 1.1em; font-weight: 600}
.circles-section > .container > .wrapper .wrapper {padding: 0 30px}
.circles-section > .container > .wrapper .wrapper p {margin: 30px 0 0}

.padding-btm-60 {padding-bottom: 60px}

.imagery {padding-bottom: 30px}

.read-more-circles {padding: 30px 0 90px}
.read-more-circles .wrapper {padding: 0 10px; text-align: center}
.read-more-circles .wrapper h3 {margin-bottom: 12px}
.read-more-circles > h3 {color: #cd1619; text-align: center}
.read-more-circles .arrow-link {font-size: 0.8em}

@media only screen and (max-width: 1100px) {

    .circles-section > .container > .wrapper {padding: 0}
    .circles-section > .container > .wrapper .wrapper {padding: 0}

}

@media only screen and (max-width: 767px) {

    .circles-section > .container > .wrapper .wrapper {max-width: 250px; margin: 0 auto 60px}

    .imagery img {margin-bottom: 45px}

    .read-more-circles {padding-bottom: 30px}
    .read-more-circles .wrapper {max-width: 250px; margin: 0 auto 60px}

}

/* - - - - - - - - - - GLOBAL - - - - - - - - - - - - */




/* - - - - - - - - - - HEADER - - - - - - - - - - - - */

h1 {width:635px; height: 266px; position: absolute; left: 50%; margin: 0 0 0 -317px; background: url(/img/global/h1.png) no-repeat; background-size: 635px 266px; top:35px; text-indent: -9999px}
#top-strip {width: 100%; height: 105px}
#bottom-strip {padding: 53px 0 43px}
#bottom-strip .wrapper {max-width:1510px; margin: auto; padding: 0 30px; width:100%}
#bottom-strip p {margin: 0}
#bottom-strip a {color: #FFFFFF}
#bottom-strip .tagline {text-transform: uppercase; font-size: 1.1em; font-weight: 400; letter-spacing: 3px; padding: 6px 0 4px 20px; margin: 17px 0 0 0}
#bottom-strip .tagline strong {font-weight: 800}
#bottom-strip .ta-wrapper {float: left; width: 100px; margin: 17px 0 0 0}
#bottom-strip .text-wrapper-l {float: left}
#bottom-strip .phone-numbers {text-align: right; font-size: 1.1em; background-size: 75px 102px; padding: 0px}
#bottom-strip .phone-numbers p:first-child {font-size: 1.8em; line-height: 1em; margin-bottom: 10px}
#bottom-strip .phone-numbers a {font-weight: 600}
#bottom-strip .qs-wrapper {float: right; width: 75px; opacity: 0}
#bottom-strip .text-wrapper-r {float: right; padding: 10px 20px 0 0}
header .visible-tablet {display: none}

#main-nav-lg ul {list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #000; text-align: center; text-transform: uppercase; font-weight: 400; font-size: 0.9em}
#main-nav-lg li {display: inline-block}
#main-nav-lg li a, 
#main-nav-lg .dropbtn {display: inline-block; color: white; text-align: center; padding: 14px 16px; text-decoration: none}
#main-nav-lg li a:hover, 
#main-nav-lg .mnldropdown:hover .dropbtn {background-color: #cd1619}
#main-nav-lg li.mnldropdown {display: inline-block}
#main-nav-lg .dropdown-content {display: none; position: absolute; background-color: #58585a; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 5}
#main-nav-lg .dropdown-content a {color: #ffffff; padding: 8px 20px; text-decoration: none; display: block; text-align: left; border-top: solid 1px #a1a1a1}
#main-nav-lg .dropdown-content a:hover {background-color: #717273} 
#main-nav-lg .mnldropdown:hover .dropdown-content {display: block}

@media only screen and (max-width: 1400px) {

    h1 {width:400px; height: 168px; background-size: 400px 168px; margin-left: -200px}
    #top-strip {height: 75px}
    #bottom-strip {padding: 33px 0 23px}
    #bottom-strip .tagline {font-size: 0.9em; letter-spacing: 2px; margin-top: 9px; padding-left: 15px}
    #bottom-strip .ta-wrapper {width: 85px; margin-top: 9px}
    #bottom-strip .phone-numbers {font-size: 0.9em}
    #bottom-strip .phone-numbers p:first-child {margin-bottom: 5px}
    #bottom-strip .qs-wrapper {padding-right: 15px; width: 75px}

}

@media only screen and (max-width: 1100px) {
    
    #bottom-strip .wrapper {padding: 0 20px}
    #bottom-strip {padding: 25px 0 18px}
    #bottom-strip .tagline,
    #bottom-strip .phone-numbers {background: none; padding-left: 0; padding-right: 0}
    #bottom-strip .ta-wrapper,
    #bottom-strip .qs-wrapper {display: none}
    #bottom-strip .text-wrapper-l {padding-left: 2px}
    #bottom-strip .text-wrapper-r {padding-right: 4px}
    #bottom-strip .tagline {display: none}
    #bottom-strip .tagline.visible-tablet {display: block; margin-top: 0}
    #bottom-strip .phone-numbers {margin-top: 5px}
    header .visible-tablet {display: block}
    #top-strip .wrapper {padding: 0 15px}
    #top-strip .ta-wrapper {width: 90px; padding:11px 0 0 7px; display: inline-block}
    #top-strip .qs-wrapper {width: 49px; display: inline-block; padding:5px 0 0; opacity: 0}

    #main-nav-lg ul {font-size: 0.7em}
    #main-nav-lg li a, 
    #main-nav-lg .dropbtn {padding: 14px 9px}

}

@media only screen and (max-width: 767px) {

    h1 {width:290px; height: 121px; background-size: 290px 121px; margin-left: -145px; top:61px}
    #bottom-strip {padding: 105px 0 15px}
    #bottom-strip .tagline.visible-tablet {width: 100%; text-align: center}
    #bottom-strip .phone-numbers {width: 100%; text-align: center}
    #bottom-strip .text-wrapper-l,
    #bottom-strip .text-wrapper-r {float: none}

    #main-nav-lg {display: none}

    .navbar-inverse {background: #000; text-transform: uppercase; font-size: 0.9em; margin-bottom: 0}

}

/* - - - - - - - - - - HEADER - - - - - - - - - - - - */





/* - - - - - - - - - - FOOTER - - - - - - - - - - - - */

#quick-links {padding: 0 0 75px}
#quick-links .quick-link {padding: 0 30px}

footer {font-size: 0.9em}
footer .wrapper {width: 1250px; margin: 0 auto; padding: 70px 0 60px}
footer h4 {margin: 25px 0 0}
footer .footer-col {padding: 0 15px}
#contact-form .btn,
footer .footer-col.contact .btn {margin-top: 15px}
footer .footer-col.details {text-align: center}
footer .footer-col.details > img {margin-bottom: 15px}
footer .footer-col.details h4:first-child {margin-top: 32px}
footer .footer-col.details p {margin-bottom: 13px}
footer .footer-col.details a {color: #FFFFFF}
footer .footer-col.details .facebook-link {width: 175px; margin: 0 auto} 
footer .footer-col.details .facebook-link span {float: left; display: block; width:155px; margin-right: 10px; line-height: 16px; padding-top: 9px} 
footer .footer-col.details .facebook-link a {float: left; width: 10px}
footer .social-feed {padding: 0 0 0 60px}
footer .social-feed h3 {margin-top: 20px; margin-bottom: 45px}
footer .fb-feed p {background: url(/img/global/fb-icon.png) no-repeat 0px 5px; background-size: 12px 26px; padding: 0 0 0 30px; min-height: 31px}
footer .twitter-feed p {background: url(/img/global/twitter-icon.png) no-repeat 0px 5px; background-size: 28px 24px; padding: 0 0 0 47px; min-height: 29px}
footer .red-bg {padding: 20px 0}
footer nav {text-align: center}
footer nav ul {list-style: none; margin: 0; padding: 0}
footer nav ul li {display: inline-block}
footer nav ul li a {color: #FFFFFF; padding: 10px 20px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; font-size: 0.9em; display: block}
footer nav ul li a:hover {color: #FFFFFF}

@media only screen and (max-width: 1350px) {

    footer .wrapper {width: 100%; padding: 70px 30px 60px}
    footer nav ul li a {padding: 10px 10px}

}

@media only screen and (max-width: 1200px) {
    #quick-links .quick-link {padding: 0 20px}
}

@media only screen and (max-width: 990px) {
    #quick-links .quick-link {padding: 0 5px}

    footer {font-size: 0.8em}
    footer .social-feed {padding: 0}
    footer .social-feed h3 {margin-top: 9px}
    footer nav ul li a {padding: 10px 7px; font-size: 0.8em}

}

@media only screen and (max-width: 767px) {

    #quick-links .quick-link {padding: 0 0 60px; text-align: center}

    footer .wrapper {padding: 70px 15px 45px}
    footer .footer-col {max-width: 290px; margin: 0 auto 60px}
    footer .footer-col.details .facebook-link {width: 165px} 
    footer .footer-col.details .facebook-link span {padding-top: 8px; margin-right: 0px}
    footer nav {padding: 0 15px}
    footer nav ul li a {padding: 10px 10px}

}

/* - - - - - - - - - - FOOTER - - - - - - - - - - - - */





/* - - - - - - - - - - HOME - - - - - - - - - - - - */

#homepage-carousel {text-align: center; text-transform: uppercase; color: #FFFFFF}
#homepage-carousel .item {display: block; width: 100%; height: 645px; background-size: cover; background-position: center center; position: relative}
#homepage-carousel .item .wrapper {background: url(/img/global/bg-black-40-per.png); width: 100%; height: 645px}
#homepage-carousel h2 {margin: 0; padding: 150px 0 0; font-size: 3.2em}
#homepage-carousel p {max-width: 600px; margin: 30px auto 0; font-size: 1.3em}
#homepage-carousel .owl-controls {position: absolute; width: 100%; bottom: 35px}
#homepage-carousel .owl-controls .owl-page span {background: #FFFFFF}

#showcase-carousel .item {background-size: cover; background-position: center center}
#showcase-carousel .sc-item {min-height: 250px; display: block; color: #FFFFFF; background: url(/img/global/bg-blue-opacity.png); width: 100%; position: relative; opacity: 0}
#showcase-carousel .sc-item .wrapper {position: absolute; bottom: 0px; width: 100%; padding: 0 45px}
#showcase-carousel .sc-item .wrapper p {margin-bottom: 45px}
#showcase-carousel .sc-item:hover {opacity: 0}
#showcase-carousel .sc-item.overlay:hover {opacity: 1}

.read-more-content {display: none}

@media only screen and (max-width: 1400px) {

    #homepage-carousel .item,
    #homepage-carousel .item .wrapper {height: 575px}

}

@media only screen and (max-width: 990px) {

    #homepage-carousel .item,
    #homepage-carousel .item .wrapper {height: 450px}
    #homepage-carousel h2 {padding-top: 100px}

}

@media only screen and (max-width: 767px) {

    #homepage-carousel .item,
    #homepage-carousel .item .wrapper {height: auto}
    #homepage-carousel h2 {font-size: 1.5em; padding-top: 40px}
    #homepage-carousel p {font-size: 1em; margin-top: 15px; margin-bottom: 75px}
    #homepage-carousel .owl-controls {bottom: 25px}

}

/* - - - - - - - - - - HOME - - - - - - - - - - - - */





/* - - - - - - - - - - NEWS - - - - - - - - - - - - */

#news h4 {margin: 0 0 15px}
#news ul {list-style: none; padding: 0 0 45px}
#news ul li {margin-bottom: 10px}
#news ul li a {font-weight: 600}
#news ul li.active a {font-weight: 700; text-transform: uppercase}
#news article h4 {margin: 0 0 11px}
#news .news-item-single article h4 {margin-top: 30px}
#news article time {margin: 0 0 10px; display: block; font-weight: 400}
#news article p.excerpt {margin-bottom: 15px}
#news article p.last {margin-bottom: 0}
#news .news-item {padding-bottom: 60px}

@media only screen and (max-width: 767px) {

    #news article h4 {margin-top: 20px}

}

/* - - - - - - - - - - NEWS - - - - - - - - - - - - */




/* - - - - - - - - - - EVENTS - - - - - - - - - - - - */

#calendar {margin-bottom: 30px}
#calendar h2 {background: #2d6795; color: #FFFFFF; font-size: 1.1em; height: 36px; line-height: 36px; width:530px; text-transform: uppercase; text-align: center}

#event-modal .modal-body img {width: 100%!important; height: auto!important}

.fc-state-default {background: #cd1619; border: none}
.fc-state-default.fc-corner-right,
.fc-state-default.fc-corner-left {border-radius: 0}
.fc-icon-right-single-arrow:after,
.fc-icon-left-single-arrow:after {color: #FFFFFF}
.fc button {color: #FFFFFF; text-transform: uppercase}
.fc-day-header {color: #2d6795}
.fc-day-number {color: #cd1619; font-weight: 700}
.fc-event {background: #2d6795; border: solid 1px #2d6795; border-radius: 0; margin: 0; text-align: center; padding: 5px 0}
.fc-time {display: none}
.fc-title {font-size: 0.8em}
.fc-widget-content .fc-content {white-space: normal}

@media only screen and (max-width: 1199px) {

    #calendar h2 {width: 390px}

}

@media only screen and (max-width: 991px) {

    #calendar h2 {width: 225px} 

}

@media only screen and (max-width: 767px) {

    #calendar h2 {width: 275px; margin-top: 10px; width: 100%; display: block}

    .fc-toolbar .fc-center {width: 100%}

}

@media only screen and (max-width: 480px) {

    .fc button {font-size: 14px}

}

/* - - - - - - - - - - EVENTS - - - - - - - - - - - - */




/* - - - - - - - - - - CONTACT - - - - - - - - - - - - */

#contact-form {max-width: 600px; margin: 0 auto; padding: 0 0 30px}
.map-container {margin: 30px 0 60px; border-top:solid 1px #FFFFFF}
.map-overlay {background:transparent; position:relative; width:100%; height:500px; top:500px; margin-top:-500px; z-index: 1000}
#map {width: 100%; height: 500px}
#contact-form .thank-you {text-align: center}

/* - - - - - - - - - - CONTACT - - - - - - - - - - - - */



/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 768px) {
  .modal {
    text-align: center;
  }
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
  .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }
  .modal.fade .modal-dialog {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    //-webkit-transform: translate3d(0, -300px, 0);
    //transform: translate3d(0, -300px, 0);
    opacity: 1;
  }
}

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}