@charset 'UTF-8';


/* Testmode Header */

#testmode-header
{
    display: none;
}


/* Tags */

body
{
    font-family: 'raleway',sans-serif;
    font-weight: 300;

    color: #989b95;
}

h1,
h2,
h3,
h4
{
    font-family: 'raleway',sans-serif;

    color: #77787b;
}

h1
{
    font-size: 1.8em;
    font-weight: 400;

    margin-bottom: 20px;

    text-transform: uppercase;
}

h2
{
    font-size: 1.5em;
    font-weight: 500;

    margin-bottom: 15px;

    text-transform: uppercase;
}

h3
{
    font-size: 1.2em;

    margin: 15px 0;
}

h4
{
    font-size: 1.1em;

    margin: 15px 0;
}

p
{
    font-family: 'raleway',sans-serif;
    font-size: .95em;
    font-weight: 300;
    line-height: 2.1em;

    margin-bottom: 20px;

    color: #585858;
}

.hp p
{
    font-size: 1.2em;

    margin-bottom: 30px;
}

a
{
    text-decoration: none;

    color: #444;
    outline: none !important;
}

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

    color: #666;
}

hr
{
    margin: 75px;

    border-top: 1px solid #ccc;
}


/* Buttons */

.btn
{
    font-size: 1.2em;
    font-weight: 400;

    padding: 15px 30px;

    -webkit-transition: .3s ease-in-out;
       -moz-transition: .3s ease-in-out;
         -o-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
    text-transform: uppercase;

    color: #fff !important;
    border: none;
    border-radius: 0;
    background: #989898;
}

.btn:hover
{
    text-decoration: none !important;

    background: #666;
}

.btn.disabled
{
    background: #ccc;
}


/* Layout */

header
{
    position: fixed;
    z-index: 1001;
    top: 0;

    width: 100%;

    border-bottom: 1px solid #efefef;
    background: #fff;
}

.hp header
{
    background: transparent url(/core/structure/alpha_tiles/FFFFFF_90.png);
}

/* !important needed so it doesn't get modified by JS */
.hp section#layout
{
    padding: 0 !important;
}

section.kablamo
{
    padding: 90px 0 120px;
}


/* Glory */

#glory
{
    margin-bottom: 120px;
}

body.hp #glory
{
    margin-bottom: 90px;
}

#glory video
{
    margin-top: -30px;
}

section#layout
{
    max-width: 100%;
    padding: 120px 0 30px;
}


/* CTA */

section#cta
{
    display: block !important;
    font-size: .8em;

    margin-top: 90px;
}

/* Not sure why, but this needs to be set or it blows out */
section#cta .row
{
    /* max-width: 100% !important; */
}

section#cta p
{
    font-size: 1.1em;

    margin: 30px 10%;
}


/* Footer */

footer
{
    font-size: .8em;

    padding: 30px 0 0;

    background: #fff;
}

footer i
{
    margin: 0 10px;

    color: #c1c4be;
}

footer i:hover
{
    color: #77787b;
}

footer p
{
    font-size: 1em;
    font-weight: 400;
}

footer p.branding
{
    color: #666 !important;
}

footer p.branding span
{
    font-style: italic;
}

footer p a
{
    text-decoration: none;
}

footer p a:hover
{
    text-decoration: underline;
}

footer #contact-info
{
    padding: 45px 0;
}

footer #bottombar p
{
    font-size: .8em;

    margin: 20px 0;

    color: #999;
}



/* social media  */
footer .spark_593 p
{
    margin: 0;
    font-size: 2.5em;
}

/* phone  */
footer .spark_637
{
    margin-bottom: 30px;
}

/* addresses */
footer .spark_563 a
{
    font-size: 1.1em;
    text-decoration: none !important;
    color: #979994 !important;
}

footer .spark_563 p
{
    margin:0;
}

footer .spark_563 .col-md-3
{
    margin-bottom: 30px;
}

footer .spark_563 .col-md-3:nth-of-type(2)
{
    border-left: 2px solid #ccc;
}



/* Press */

#press-list a
{
    display: block;
}


#press-list h4
{
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.4em;

    margin: 10px 15px 0;

    text-align: center;
    text-transform: none;
}


/* Staff */

#staff-list img
{
    margin-bottom: 30px;
}

#staff-list .staff-list-item h2
{
    margin-bottom: 5px;
}

#staff-list .staff-list-item h3
{
    font-size: 1em;
    font-weight: 500;

    margin: 5px 0 20px;
}


/* Misc CSS Classes */

.nopad
{
    padding-right: 0;
    padding-left: 0;
}

hr,
div.hr
{
    clear: both;

    height: .001em;
    margin: 45px 0;

    border-top: 1px solid #666;
}


/* Map */

#map.embed-responsive
{
    /* margin: 30px 0;
    padding-bottom: 400px !important;*/
}

#map .embed-responsive-item
{
    max-height: 400px !important;
}

#map.scrolloff iframe
{
    pointer-events: none ;
}

#map.scrolloff:hover
{
    cursor: pointer;
}


/* Fader Effect */

.fader-group .item
{
    display: none;

    margin-bottom: 30px;
}

.fader-group .item h2
{
    font-size: 1.3em;

    margin: 15px 0 5px;
}

.fader-group .item p
{
    font-size: .9em;

    margin-bottom: 0;
}

.fader-group .item a
{
    display: block;

    padding: 10px;

    -webkit-transition: .3s ease-in-out;
       -moz-transition: .3s ease-in-out;
         -o-transition: .3s ease-in-out;
            transition: .3s ease-in-out;

    background: transparent;
}

.fader-group .item a:hover
{
    text-decoration: none;

    background: #fbfbfb;
}


/* Bootstrap Carousel */

.carousel .carousel-item
{
    min-height: 600px;

    background-position: center center !important;
    background-size: cover !important;
}


/* Vanilla JS Lightbox */

.vanilla-js-lightbox
{
    margin-top: 45px;
}

.vanilla-js-lightbox a
{
    display: block;

    padding: 5px;
}

.vanilla-js-lightbox a img
{
    border: 1px solid #fff;
}

.vanilla-js-lightbox a:hover img
{
    border: 1px solid #ccc;
}

.vanilla-js-lightbox .btn-default
{
    font-size: 1.6em;

    position: absolute;
    right: 0;
    left: 0;

    display: none;

    width: 260px;
    margin: 0 auto;
    padding: 20px 30px;

    text-transform: uppercase;

    color: #fff !important;
    border: 3px solid #efefef;
    background: transparent url(/core/structure/alpha_tiles/black_50.png);
}

.vanilla-js-lightbox .btn-default:hover
{
    background: transparent url(/core/structure/alpha_tiles/black_70.png);
}

.vanilla-js-lightbox-holder
{
    box-shadow: none !important;
}

.vanilla-js-lightbox-caption
{
    font-family: 'brandon-grotesque', sans-serif !important;
    font-size: 1em !important;
    font-weight: 400 !important;

    margin-bottom: -28px !important;
    padding: 1px !important;

    background: transparent !important;
}

.vanilla-js-lightbox-loader
{
    display: none !important;
}

/* Custom */
.slide-fade-animation
{
    animation: fade-animation 2s ease;
}

@keyframes  fade-animation
{
    0%
    {
        opacity: .4;
    }

    100%
    {
        opacity: 1;
    }
}

.fslightbox-container
{
    background: #fff !important;
}

/*Hide the min / max zoom*/
.fslightbox-toolbar div:nth-of-type(2),
.fslightbox-toolbar div:nth-of-type(3)
{
    display: none;
}



/* Masonry */

div.grid
{
    margin-top: -20px;
}

.grid-sizer,
.grid-item
{
    width: 16.5%;
}

.grid-item
{
    padding: 1px;
}

.grid-item a
{
    margin: 0;

    border: none;
}

.grid-item a img
{
    -webkit-transition: .5s ease-in;
       -moz-transition: .5s ease-in;
         -o-transition: .5s ease-in;
            transition: .5s ease-in;

    border: 2px solid #fff;
}
.grid-item a:hover img
{
    border: 2px solid #efefef;
}


@media only screen and (max-width : 992px)
{
    .grid-sizer,
    .grid-item
    {
        width: 33.3%;
    }

    .grid-item a img.responsimg
    {
        margin: 0 5px;
    }
}