/* ----------------------------------------------------------------
COLOR CHEAT SHEET

64493B - brown 
6A994E - dark green
A7C957 - light green 
FFBA08 - bright orange 
686360 - steel grey 
1e232a - dark night

-----------------------------------------------------------------*/


/*********************/
/******* FONTS *******/
/*********************/

.team-title span {
    font-family: 'Lato', sans-serif !important;
}

h5 {
    font-family: 'Lora', serif !important;
}

.text-shadow {
    text-shadow: 1px 1px 3px #1e232a;
}

/*********** COLORS ************/
/*********** COLORS ************/
/*********** COLORS ************/
#wrapper, #content, body {
    background-color: #1e232a;
}

.bg-dark h3 {
    color:white; 
}

a.button:hover {
    color: #6A994E;
}

span.sub {
    color: #686360 !important;
    font-size: .9em;
}

.bg-dark {
    background-color: rgba(30,35,42,1) !important;
    color: white;
}

#gotoTop:hover {
    background-color: #6A994E;
}

.color {
    color: #A7C957 !important;
}

.bg-color, .bg-color #header-wrap {
    background-color: #6A994E !important;
}

.dark .menu-item:hover > .menu-link, .dark .menu-item.current > .menu-link {
    color: #FFBA08;
}

::selection {
	background: #6A994E;
}

/*******************************/
/*********** NAVBAR ************/
/*******************************/

#subscribe-link a div {
    color: #6A994E;
    text-shadow: 1px 1px 3px #64493B;
    font-weight: 900;
    transition: all 0.3s ease-in-out;
}

#buy-link a div {
    color: #A7C957;
    text-shadow: 1px 1px 10px #64493B;
    font-weight: 900;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
}

#subscribe-link a:hover div, #buy-link a:hover div {
    color: #FFBA08;
    text-shadow: 1px 1px 10px #64493B;
}


/*****************************/
/*********** HERO ************/
/*****************************/

#slider {
    background-image: url('../images/videos/opening.jpg');
    background-size:cover;
}


/***********************************/
/*** PLANT and FAIRY LIGHT DECOR ***/
/***********************************/

#wrapper {
    overflow-x: hidden;
}

.button {
    z-index: 50;
}

#vine1 {
	position: absolute;
    left: -33px;
    top: -79px;
    float: left;
    z-index: 99;
    max-height: 300px;
}

#pixie {
    z-index:10;
    position: absolute;
    top: -250px;
    left: 0;
}


img#side-plant {
    float: right;
    position: fixed;
    right: -258px;
    top: -150px;
    z-index:-10;
}

img#vines2 {
    width: 100%;
    position: relative;
    float:left;
    margin-top:-85px;
}

#logo img {
    max-width:300px;
    margin-bottom:-7px;
}


/***************************/
/****** ABOUT AUTHORS ******/
/***************************/

#letterj {
    position: absolute;
    z-index: -10;
    top: -175px;
    left: -175px;
}

#letterd {
    position: absolute;
    z-index: -10;
    top: 155px;
    left: 175px;
}

#bio p {
    -webkit-font-smoothing: antialiased;
    font-size: 1.2em;
}

/***************************/
/********* SOCIAL **********/
/***************************/

.widget i {
    font-size: 2em;
}

.widget .social-icon.si-small {
    width: 50px;
    height: 50px;
    line-height: 47px !important;
}

.widget .social-icon.si-small:hover i:first-child {
    margin-top: -47px;
}

/**** FOOOTER ****/

.widget_links ul {
    padding-left: 35px;
}

.testi-content p {
    font-family: 'PT Serif', serif !important;
    font-style: italic;
}

/***************************/
/**** RESPONSIVE FIXES *****/
/***************************/

@media (max-width: 991px){
    img#side-plant {
        display:none;
    }

    img#vines2 {
        margin-top:-42px;
    }

    #vine1 {
        top: -51px;
    }

    #header.transparent-header.dark:not(.sticky-header) #header-wrap {
        background-color: #1E232A;
        border-bottom-color: #1e232a11 !important;
    }
}

@media (min-width: 992px) and (max-width: 1399px) {

    img#vines2 {
        margin-top:-61px;
    }


}


/***** UTILITIES *****/

.bigBot {
    margin-bottom: 100px;
}

/*********************************/
/***** SUITABLE MERC STYLES ******/
/*********************************/

.sm-hero {
    min-height: 100vh !important;
}

.sm-hero .move-bg {
    transition: transform 0.3s ease-out;
}

.sm-overlay {
    background: linear-gradient(
        to bottom, 
        rgba(0,0,0,0.6) 0%,
        rgba(0,0,0,0.4) 50%,
        rgba(0,0,0,0.6) 100%
    ) !important;
}

/* Mobile Specific Styles */
@media (max-width: 991px) {
    .sm-hero .move-bg {
        transform: none !important;
        background-position: center center !important;
        background-attachment: scroll !important;
    }
    
    .sm-hero .vertical-middle {
        padding-top: 120px;
        padding-bottom: 60px;
    }
    
    .sm-title {
        font-size: 2.5rem;
        margin-bottom: 1.5rem;
        line-height: 1.2;
    }
    
    .sm-text {
        font-size: 1.1rem;
        line-height: 1.6;
        margin-bottom: 2rem;
    }
    
    .sm-overlay {
        background: linear-gradient(
            to bottom, 
            rgba(0,0,0,0.7) 0%,
            rgba(0,0,0,0.5) 50%,
            rgba(0,0,0,0.7) 100%
        ) !important;
    }

    .button.button-xlarge {
        font-size: 0.95rem;
    }
}