/*******************************

	CUSTOM BOOTSTRAP

*******************************/


.navbar-default {
	background-color:transparent;
	border: none;
	margin-bottom: 0;
	border-radius: 0;
	position: absolute;
	top:10px;
	width: 100%;
	z-index: 100;
}

.container {
	padding: 0;
}

.container-fluid {
    max-width: 980px;
}

html#admin .container-fluid {
    max-width: 1200px;
}

.navbar-back {
	display: none;
}

.navbar-brand {
    font-family: vanitas-extrabold;
    font-size:170%;
    letter-spacing: 4px;
    position: relative;
    color: white !important;
    /*-webkit-text-stroke-width: 0.8px;*/
}

.navbar-brand:hover {
	color: white !important;
}

.navbar-brand:active {
    color: #E0E0DF !important;
}

.navbar-nav > li, ul.popmyday-footer > li, ul.dropdown-menu > li {
	font-weight: 500;
	font-size: 80%;
	letter-spacing: 1px;
	color: white;
}

.navbar-nav > li > a {
    color: white !important;
}

.navbar-nav > li > a:hover {
    color: white !important;
}


/* Start Link Animation */

.nav-underline-active{
    padding-bottom: 4px;
    border-bottom: 2px solid;
}

.nav-underline::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: white;
    transition: width .3s;
}

.nav-underline:hover::after {
    width: 100%;
    transition: width .3s;
}

.dark-nav .nav-underline::after {
    background: black;
}

/* End Link Animation */


/* Start Active */

.dark-nav .navbar-default .navbar-nav > .active > a {
    background-color: transparent;
}

.dark-nav .navbar-nav > li[class="active"] > a {
    color: black !important;
    /*color: #E0E0DF !important;*/
}

.navbar-default .navbar-nav > .active > a {
    background-color: transparent !important;
}

.navbar-nav > li[class="active"] > a {
    color: white !important;
}

/* End Active */



/* Start Custom Popup */

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus 
{
	background: transparent;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus 
{
	background: transparent;
}

.navbar-nav > li > .dropdown-menu {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.dropdown-menu {
    padding: 10px 0px 10px 0px;
}

.dropdown-menu > li {
    padding: 0px 0px 0px 0px;
}

.dropdown-menu > li > a {
    padding: 0px 0px 0px 15px;
}

/* End Custom Popup */



.dark-nav .navbar-brand {
    color: black !important;
}

.dark-nav .navbar-brand:hover {
    color: black !important;
}

.dark-nav .caret {
	color: black !important;
}

.dark-nav .caret:hover {
	color: black !important;
}

.dark-nav .navbar-nav > li > a {
    color: black !important;
}

.dark-nav .navbar-nav > li > a:hover {
    color: black !important;
}

::-webkit-input-placeholder {
}

:-moz-placeholder { /* Firefox 18- */
}

::-moz-placeholder {  /* Firefox 19+ */
}

:-ms-input-placeholder {  
}

/* Custom Button */
.btn-lg {
	border-radius: 0px;
}

/* Custom Alert */
.alert-newsletter {
	border-top:5px solid #54D9D7;
    background-color: rgba(255,255,255,1);
    color: grey;
    border-radius: 0;
}

/*******************************

	CUSTOM BOOTSTRAP RESPONSIVE

*******************************/


@media all and (max-width: 767px)
{	
	.navbar-default {
		top:0px;
		/*background-color:rgba(255,255,255,0.8);*/
		background-color:white;
/* 		border-bottom: 1px solid #e9e9e9; */
		box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
		position: fixed; /* ! FLICKERS ! */
	}
	
	html[class=""] .navbar-default {
		top:0px;
		background-color:white;
	}
	
	/* Splash page custom */
	html[id="popmyday"] .navbar-default {
		/*display: none;*/
	}

	
	
	/* Start Active */
		
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		background-color: #e7e7e7 !important;
	}
	
	.navbar-nav > li[class="active"] > a {
    	color: black !important;
	}
		
	.navbar-nav > li > a {
        /* Responsive menu font color */
    	color: black !important;
	}
		
	/* End Active */



    /* Start Link Animation */

    .nav-underline-active{
        padding-bottom: 0;
        border-bottom: 0;
    }

    .nav-underline::after {
    }

    .nav-underline:hover::after {
        width: 0;
    }

    .dark-nav .nav-underline::after {
    }

    /* End Link Animation */



    .dark-nav .navbar-brand:active {
        color: #E0E0E0 !important;
    }
		
	#color-header {
		display: none;
	}
	
	/* Splash page custom */
	html[id="popmyday"] #color-header {
		display: block;
	}
	
	.navbar-back {
		display: block;
		position: absolute;
        padding: 0 45px 0px 20px;
        left:0;
        height: 50px;
	}

    #nav-back-icon {
        line-height: 49px;
        height: 50px;
        font-size:29px;
        display: inline-block;
        color: black !important;
        -webkit-font-smoothing: antialiased !important;
    }

    .navbar-back:active {
        color: #E0E0E0 !important;
    }

	.navbar-brand {
		font-family: vanitas-extrabold;
        font-size:20px;
        letter-spacing: 3px;
        left: 50%;
        margin-left: -79.4px !important;
        color: black !important;
        /*top: -2px;*/
        /*font-size:150%;*/
		/*margin-left: -59.5px !important;  !* 50% of logo width *!*/
	}
	
	.navbar-brand:hover {
		color: black !important;
	}
	
	.navbar-nav > li > a:hover {
    	color: black !important;
	}
	
	.navbar-default .navbar-toggle .icon-bar {
		background-color:black;
	}
	
	.navbar-default .navbar-toggle {
		border: 0px;
	}
}