@charset "utf-8";
/* CSS Document */

body[data-color],  body[data-color] #mainContentWrap{
    background-color:#000;
    transition: all 0.3s;
}

body[data-color="white"], body[data-color="white"] #mainContentWrap{
    background-color:#fff;
    color:#000;
}

body[data-color] .section{
    background-color: rgba(0,0,0,0) !important;; 
}

#heroBanner{
    bottom:0;
    position: fixed;
        
/*background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgb(0 18 82) 100%);*/
    
    
}

#heroBannerText{
    background: none !important;
}

#heroBanner #heroBannerImg{
    background-image: url('../images/bg-img-1.jpg');
   /* background-color: #555;
    background-blend-mode: luminosity;*/
    opacity: 0.5;
       background-size: cover;
    
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
     font-family: "EB Garamond";
}

h1, .h1{font-size: calc(36px + 0.75vw);}

#heroBannerText p.home-banner-top-text{
     font-family: "EB Garamond";
    line-height: 1;
    font-size: calc(30px + 3vw);
    margin-bottom: 5%;
    /*text-transform: uppercase;*/
    font-weight: 700;
}

/*@media(min-width: 768px) {
    .section .container {
         width:800px;
    }
}

@media(min-width: 992px) {
    .section .container {
        width:970px;
    }
}

@media(min-width: 1200px) {
    .section .container {
        width: 1300px;
    }

 
}*/

.section.no-padding-top{padding-top:0;}

.section.dark-grey, .dark-grey .imageGrid{
    background: #000;
}
.dark-grey .imageGrid a{
    border-color: #000;
}

.imageGrid a {background-color: #ddd;}

.imageGrid a img {
    filter: grayscale(1);
    opacity: 0;
    transition: all 0.3s;
}

.imageGrid a:hover img{
      opacity: 1;
}

#topBar{background: rgba(0,0,0,0);  border-bottom:0;}

.navbar-inverse{
    background: rgba(0,0,0,0);
    border-bottom:0;
}

@media(max-width: 767px) {
    #header > .navbar{background: #000;}
}

@media(min-width: 768px) {
    
    #header .navbar{
        position: absolute !important;
        top:0; left:0; right: 0; z-index: 10;
    }    
    
.navbar-inverse > .container{display: flex; align-items:center;}

#navbar{margin-left: auto;}

    .navbar-nav>li.active{border-color: #fff;}
    
}
.navbar-right,
.navbar-nav>li{border: none;}

#header .nav>li>a{padding: 10px 20px; font-size: 16px;}


@media(min-width: 991px) {
    #header .nav>li>a{padding: 10px 30px;}
}

#header .nav>li>a[href*="contact"]{
   /* background: rgba(0,0,0,0);*/
    color: #fff;
    border-radius: 50rem;
    padding: 10px 40px;
    margin-left: 20px;
    border: 0px solid #07bdae;
    transition: all 0.2s;
background: rgb(218,24,238);
background: -webkit-linear-gradient(left, rgba(218,24,238,1) 0%, rgba(236,2,141,1) 100%);
background: -o-linear-gradient(left, rgba(218,24,238,1) 0%, rgba(236,2,141,1) 100%);
background: linear-gradient(to right, rgba(218,24,238,1) 0%, rgba(236,2,141,1) 100%);
}

#header .nav>li>a[href*="contact"]:hover{
background: rgb(218,24,238);
background: -webkit-linear-gradient(left, rgba(218,24,238,1) 50%, rgba(236,2,141,1) 100%);
background: -o-linear-gradient(left, rgba(218,24,238,1) 50%, rgba(236,2,141,1) 100%);
background: linear-gradient(to right, rgba(218,24,238,1) 50%, rgba(236,2,141,1) 100%);
}

.section.white .customHTML .page-header *{color:#000;}

/*#topBar 
.glyphicon, .section .customHTML a, 
#topBar a:hover,
.footer-item .footer-title,
.footer-item .glyphicon,
a:focus, a:hover,
.dropdown-header,
.section .customHTML .page-header{
        color: #07bdae;
}
#heroBannerText .line, .section .line, .imageGrid .line{
      background: #07bdae;
}
.section .customHTML a:hover {
    border-bottom-color: #07bdae;
}
.scroll-down.svg .scroller{
    fill: #07bdae;
}*/

.section.dark-grey,
.section.black{background: rgba(0,0,0,0);}

.section.white .imageGrid *{color:#fff !important;}

#bkg-img-wrap{ 
    background-image: url('../images/bg-img-1.jpg');
    height: 100vh;
    background-size: cover;
    background-position: center;
}
#bkg-img-wrap img{display: none;}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
    background-color: rgba(0,0,0,0);
}