/***************************************************************************
 ------------------------------ Main Navigation Bar ------------------------
 ***************************************************************************/
.header-wrapper
{
    width:100%;
}

.green-bar
{
    width:100%;
    /*background-color:#64a70b;*/
    position:relative;
    padding-right:60px;
    height:70px;
}

.home-link
{
    font-size:18px;
    color:white;
    font-weight:bold;
    vertical-align:middle;
    margin-left:15px;
    text-decoration:none;
    display:inline-block;
    margin-top:22px;
}

#home-link-container
{
    display:table;
    height:100%;
}

.home-link:hover,
.home-link:active,
.home-link:focus
{
    color:#1cb0b5;
    text-decoration:none;
}

/************ Full Main Nav Bar ***********/
#full-navbar .full-main-nav-item
{
    background-color:transparent;
    border-left:1px solid rgba(0, 0, 0, 0.1);
    border-right:1px solid rgba(255, 255, 255, 0.1);
    border-top:none;
    border-bottom:none;
    margin:0 -2px;
    font-size:20px;
    color:white !important;
    line-height:30px;
    height:60px;
}

#full-navbar .full-main-nav-item:hover
{
    text-shadow:5px 0px 5px black;
}

#full-navbar .dropdown-menu
{
    margin:0;
    border:none;
    border-radius:0;
    min-width:140px;
    padding-left:5px;
    background-color:#cccccc;
}

.navbar-main
{
    height:60px;
    margin:0 !important;
    padding:0;
    text-align:right;
    border:none !important;
    background-color:transparent !important;
    border-radius:0;
    float:right;
}

/********************** Mobile Navbar *********************/
#main-menu-btn:hover
{
    cursor:pointer;
}

#navbar
{
    position: absolute;
    right: 0;
    max-width: 300px;
    background-color:#404040;
    padding:25px 0;
    -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 2s;
    animation: slide 0.5s forwards;
    animation-delay: 2s;
    z-index:998;
}

#navbar > .nav
{
    float:right;
}

.navbar-toggle
{
    float:none !important;
}

.navbar-header
{
    height:60px;
}

.navbar-item
{
    height:35px;
    padding:0 !important;
}

.navbar-link
{
    color:white;
    font-size:24px;
    display:inline-block;
    padding:0 15px;
    margin-right:15px;
}

.navbar-link:hover
{
    text-decoration:none;
    color:white;
    cursor:pointer;
}

.navbar-link:focus
{
    text-decoration:none;
    color:white;
}

.navbar-icon
{
    max-width:25px;
}

.slide-left
{
    right:0 !important;
}

/************* Main Menu Hamburger Button *************/
#main-menu-btn
{
    position: absolute;
    right: 15px;
    top: calc(50% - 20px);
    top: -webkit-calc(50% - 20px);
    top: -moz-calc(50% - 20px);
}

#main-menu-btn > div
{
    display:inline-block;
    vertical-align:top;
}

#main-menu-btn > #bar-wrapper > .icon-bar
{
    background-color:white;
    height:6px;
    width:35px;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}

#link-image-container
{
    margin-left:15px;
    padding:10px 0;
    max-width:300px;
}

/******************************* Admin NavBar *****************************/
#admin-bar
{
    background-color:orange;
}

#admin-bar .navbar-link:hover
{
    color:red;
}

/***************************************************************************
 -------------------------- Max Screen Width 1200px ------------------------
 ***************************************************************************/
@media(max-width:1200px) 
{
}

@media(max-width:767px)
{
    /************* Main Menu Toggle *************/
    .navbar-collapse.in
    {
        overflow-y:unset !important;
    }

    .navbar-main ul li a
    {
        border-top:1px solid rgba(255, 255, 255, 0.25);
    }

    /************* Main Menu Hamburger Button *************/
    .menu-btn-wrapper > p
    {
        display:block;
    }

    #navbar
    {
        position:relative;
        right:unset;
        max-width:100%;
    }
}