/*
Theme Name: Basil
*/

body {
	font-family: "proxima-nova",sans-serif;
}

.main-content{
    height: 100%;
}

.home-abovethefold {
	height: 100%;
	position: relative;
	background-color: #000;
}
@media (min-width:769px) {
    .main-table .colophon-wrapper {
        margin-top:0px;
        margin-bottom:2px;
    }
}
@media (min-width:983px) {
    .main-table .colophon-wrapper {
        display: none;
    }
}
.colophon-wrapper{
    opacity: 1;
    font-size: 1.2em;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    color:#FFFFFF;
}

.home .main-table .colophon-wrapper{
	display: block;
    left:auto;
}
@media (min-width:768px) {
    .home .main-table .colophon-wrapper {
        right: 25px;
    }
}

.home .colophon-wrapper a:hover {
	text-decoration: none;
	opacity: 0.75
}

.home-foreground, .home-background{
    position: absolute;
    width:100%;
    height:100%;
    overflow:auto
}
.home-background{
    position: fixed;
}

.home-foreground-gradient{
    height:170px;
    width:100%;
    position: absolute;
    left:0px;
    right:0px;
    top:0px;

    background-color: transparent;
    background-image: -webkit-linear-gradient(top, #010202, rgba(0,0,0,0));
    background-image: -moz-linear-gradient(top, #010202, rgba(0,0,0,0));
    background-image: -o-linear-gradient(top, #010202, rgba(0,0,0,0));
    background-image: -ms-linear-gradient(top, #010202, rgba(0,0,0,0));
    background-image: linear-gradient(to bottom, #010202, rgba(0,0,0,0));

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    -khtml-opacity: 0.65;
    opacity: 0.65;
}

.home-foreground-gradient-bottom{
    height:300px;
    width:100%;
    position: absolute;
    left:0px;
    right:0px;
    bottom:0px;

    background-color: transparent;
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), #010202);
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0), #010202);
    background-image: -o-linear-gradient(top, rgba(0,0,0,0), #010202);
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0), #010202);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), #010202);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    -khtml-opacity: 0.65;
    opacity: 0.65;
}

/*	==========================================================================
	 Header
	========================================================================== */
.home .header-alternative-container .navigation-alternative ul.sub-menu{
    display:none
}
.home .header-wrapper {
	/*position: absolute;*/
	/*width: 100%;*/
}

/* disable collapse */
@media (max-width: 767px) {
    .home .header-alternative-container.scrolling {
        height: 40px;
        max-height: 40px;
        padding: 0;
    }

    .home div.header-alternative-container {
        position: relative;
        padding: 0px;
        height: 50px;
        margin-bottom: 65px;
        margin-top:-15px;
    }
}

.home .header-logo{
    max-width:none;
}
@media (max-width: 767px){
    .home .header-inner-wrapper{
        height:100%;
        text-align: center;
    }
    .home-logo-wrapper{
        margin-bottom: 40px;
    }
    /*.home .header-inner {*/
        /*display:block !important;*/
    /*}*/
}
.home-logo-align-left, .home-logo-align-right, .home-logo-align-center{
    text-align: center;
}
@media (min-width: 768px) {

    .home-logo-align-left{
        text-align: left;
    }

    .home-logo-align-right{
        text-align: right;
    }

    .home-logo-align-center{
        text-align: center;
    }

    .home-logo-wrapper {
        margin-top: 50px;
        max-width:none;
        /*max-height: 350px;*/
    }
    .home .header-inner.vertical-align-middle .home-logo-wrapper {
        margin-bottom: 50px;
    }
    .home-logo-align-left .home-logo-wrapper{
        margin-left: -25px;
    }
    .home-logo-align-right .home-logo-wrapper{
        margin-right: -25px;
    }
}

.home .header {
	background: transparent;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;

	position: absolute;
    box-shadow: none;
}

.header {
	width: 100%;
}

.home .header:before {
	content: '';
	background-color: transparent;
	width: 100%;
	height: 100%;
	position: absolute;
	top: -100%;
}

.home .header.l-table, .header-inner.l-table-cell{
    height:100%;
    min-height:625px;
    overflow:auto;
}

.header .navigation {
	width: 100%;
	float: none;
}

@media (min-width: 970px) {
	.header .navigation {
		margin-bottom: 10px;
	}
}

.home-offcanvas-navigation {
	position: absolute;
}
.home-offcanvas-navigation{
	position:absolute;
	right:15px;
	top:15px;
}

.home .header-menu-trigger .icon-main-menu:before{
	margin:0px;
	padding:10px 15px;
	display: block;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.home .header-menu-trigger .icon-main-menu:hover:before{
	opacity: .75
}

.home .header-inner {
	position: relative;
    vertical-align: top;
}
.home .header-inner.vertical-align-middle{
    vertical-align: middle;
}

.home-logo-wrapper{
    /*float:left;*/
    display: inline-block;
}

.header-contact{
	clear: both;
}

.header-contact-item {
	margin: 0 5px;
	text-align: right;
}

/*
*  Header alternative
*/
div.header-alternative-container {
	position: absolute;
	top:0;
	padding:0px;
	margin:0px;
	width:calc(100% - 50px);
}
div.header-alternative-container .left {
	text-align: left;
}
div.header-alternative-container .left .contact-info {
	margin-top:20px;
}

.header-alternative-container .contact-info .phone .wording{
    padding-left: 25px;
}

div.header-alternative-container .css-dropdown > li {
	padding-top:20px;
	border-top:0px solid transparent;
}
div.header-alternative-container .header-menu-trigger {
	padding-top:20px;
}
.home .header-menu-trigger .icon-main-menu:before {
	padding:0px
}

.header-alternative-container .contact-info .phone .wording{
    padding-top:3px
}

.header-alternative-container .contact-info a{
    white-space: nowrap;
}

@media screen and (max-width: 767px) {
	div.header-alternative-container {
		width:100%;
		padding:0px 15px;
	}
}


.home .header-logo img{
    max-width: 420px;
    max-height: 350px;
    height: auto;
    width: auto;
}
@media (max-width:767px){
    .home .header-logo img{
        max-width: 100%;
        max-height: 250px;
        height: auto;
        width: auto;
    }
}
/*	==========================================================================
	 Hero Slider
	========================================================================== */

/* reset the slick bg */
.home .slick-track, .home .slick-list{
    background-color:transparent;
}

.home-hero-wrapper {
	position: relative;
	height: 100%;
	width: 100%;
	min-height: 500px;
}

@media (max-width: 500px) {
	.home-hero-wrapper {
		min-height: 330px;
	}
}

.home-hero-slider {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;

    -webkit-transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    -ms-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
}

.home-hero-slider.show-slides{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.home-hero-slider-wrapper, .home-hero-img-overlay, .hero-slide-img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/*images*/
.home .hero-slide, .home .hero-slide-img {
    background-size: 100% 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.home-hero-img-overlay {
    pointer-events: none;
}

/* bullets */
@media (max-width:767px){
    .slick-slider-content-dots{
        text-align: center;
    }
    .slick-slider-content-dots .slick-track{
        width:100% !important;
        transform: translate3d(0,0,0) !important;
    }
}

.slick-slider-content-dot{
    width: 14px !important;
    height: 14px !important;
    margin: 10px 5px;
    border-radius: 50%;

    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;

    float: none !important;
    display: inline-block !important;
    cursor: pointer;
}

.slick-slider-content-dot.brand-fg{
    background-color: #FFFFFF !important;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.slick-slider-content-dot.brand-fg:hover{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
}

.slick-slider-content-dot.slick-current.brand-fg{
    background-color: currentColor !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100;
}

/* content */
.home-hero-slider-content{
    padding-top:5px;
    padding-bottom: 25px;
    width:100% !important /* needed - on resize this goes funky */

}

.home-hero-slider-content-wrapper .slick-track{
    width:100% !important
}

.slick-slider-content-text-wrapper {
    padding-top: 5px;
    padding-bottom: 9px;
}

.slick-slider-content-text{
    line-height:1.55em;
    padding:0px;

    text-shadow: 1px 2px 1px rgba(24, 24, 24, 0.3);
}

.slick-slider-content-text-css-ellipsis{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.slick-slider-content-text-js-ellipsis{
    height:110px;
}

.slick-slider-content-text-upper{
    text-transform: uppercase;
}

.slick-slider-content-text-light{
    font-weight:300;
}

.basil-content-wrapper-outer{
    width: 100%;
}
@media (max-width:767px) {
    .home-hero-slider-content{
        text-align: center;
    }
}

/* fade in content */
.home-hero-slider-content-wrapper{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;

    -webkit-transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    -ms-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
}

.home-hero-slider-content-wrapper.slick-initialized{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100;
}

@media (min-width:768px){
    .basil-content-wrapper-inner{
        position: absolute;
        bottom:0;
    }
    .basil-content-wrapper-inner.basil-content-wrapper-inner-align-center{
        position: relative;
        bottom:0;
    }
    .basil-content-wrapper-outer-align-center{
        position: absolute;
        bottom:0;
    }
    .home-footer-wrapper-align-center .social-link{
        float:none;
        display:inline-block;
    }
}
.home-hero-slider-content-outer{
    position:relative;
    width: 100%;
}
@media (min-width: 768px) {
    .home-hero-slider-content-outer{
        max-width:55%
    }
}

.home-hero-slider-content-wrapper .slick-slide{
    position: absolute !important;
}
.home-hero-slider-content-wrapper .slick-list{
    height:180px
}

/*.home-hero-slider-content.slick-slide{*/
    /*display: none;*/
/*}*/
/*.home-hero-slider-content.slick-slide.slick-active{*/
    /*display: block;*/
/*}*/

/*	==========================================================================
	 Footer
	========================================================================== */
.home .social-links{
    margin-right:15px;
}
.home-footer-wrapper .social .social-link {
    float: right;
}

@media (max-width:767px){
    .home-footer-wrapper {
        margin-top: 92px
    }
}
@media (min-width:768px) {
    .home-footer-wrapper {
        position: absolute;
        bottom: 25px;
        right: 25px;
        text-align: right;
    }
    /* argh this says right but you are aligning left? yes that's correct. footer is opposite of the text */
    .home-footer-wrapper-align-right{
        left: 25px;
        right:auto;
        text-align: left;
    }
    .basil-content-wrapper-inner-align-right .slick-slider-content-dots {
        text-align: right;
    }
    .basil-content-wrapper-inner-align-right .slick-slider-content-dots .slick-track{
        transform: translate3d(0px, 0px, 0px) !important;
        padding-right:20px
    }

    .home-hero-slider-content-outer.home-hero-slider-content-outer-align-right{
        margin-left:auto;
        text-align:right;
        padding-right:25px;
    }

    .home-footer-wrapper .social{
        margin-right:-8px;
    }

    .home-footer-wrapper-align-right .social{
        margin-right:0px;
        margin-left:-8px;
    }


    .home-footer-wrapper-align-center{
        position: relative;
        text-align: center;
        margin:auto;
        width:100%
    }
    .basil-content-wrapper-inner-align-center .slick-slider-content-dots {
        text-align: center;
    }
    .basil-content-wrapper-inner-align-center .slick-slider-content-dots .slick-track{
        transform: translate3d(0px, 0px, 0px) !important;
        padding-right:20px
    }

    .home-hero-slider-content-outer.home-hero-slider-content-outer-align-center{
        margin:auto;
        text-align:center;
        padding-right:25px;
    }

    .home-footer-wrapper-align-right .social{
        margin-right:0px;
        margin-left:-8px;
    }


}

.home-footer-wrapper .social a {
    color: #FFF;
}



@media (min-width:1200px) {
    h4.slick-slider-content-text {
        line-height: 1.4em
    }
}

/*	==========================================================================
	 iphone landscape fixes
	========================================================================== */

@media (max-width:767px){
	.colophon-wrapper{
		position: relative;
		margin-bottom: 40px;
		left:auto;
		right:auto;
		bottom:0px;
        text-align: center;
	}
    .social-links{
        text-align: center;
    }
    .social-link{
        float:none !important;
        display: inline-block;
    }
}

/*	==========================================================================
	 IE8 - menu disappearing act fix
	========================================================================== */
.lte-ie8 .has-active-offcanvas-menu .offcanvas-unified li.hidden{
    display: block!important;
    visibility: visible!important;
}

.lte-ie9 .home div.header-alternative-container {
    position: relative;
    width:100%
}

@media (max-width:767px) {
    .lte-ie9 .home .header-logo-img {
        box-sizing: content-box;
    }
    .lte-ie9 .slick-slider-content-dots .slick-track {
        -ms-transform: translate(0, 0) !important;
    }
    .lte-ie9 .social-link{
        float:none;
    }
}

/**/
    /*IOS*/
/**/

/*@media screen and (max-width:768px) {*/
    /*.home .header-logo-img {*/
        /*margin-top: 83px;*/
    /*}*/
/*}*/


.header .social-link.icon-instagram:before{
    font-size:1.1em !important;
}