.hero{background-image: url('../images/hero.jpg');}

.logo-sm{width: 400px;}
#CommunityHome .community-logo-wrapper{display: none;}

.btnCustom{background-color: #008080; color: #FFF; border: none; font-weight: 600; font-size: 20px; padding: 5px 20px; letter-spacing: 1px; transition: all .30s ease-in-out; display: inline-block; 
}
.btnCustom:hover{background-color: #666; color: #FFF;}


#innerNav{background-color: #000000; text-align: center; padding: 21px; z-index: 100;}
#innerNav a{ color: #fff; font-size: 18px; font-weight: 600;}
#innerNav .activeNav,
#innerNav a:hover{ color: #b49e50;}

.nav-text{position: absolute; right: 0; bottom: 0; max-width: 650px; padding: 15px; text-transform: uppercase; color:#FFF; letter-spacing: 4px; font-weight: 400;}
.register-button a{
    color: #FFF;
    background-color: #b49e50;
    display: inline-block;
    font-weight: 600;
    padding: 13px 35px 13px 86px; 
    background-image: url('/images/misc/bg-register.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
}

.text-purple{color:#532767 ;}
.text-golden{color:#b49e50 ;}
.bg-golden{background-color: #b49e50;}
.img-linked2:hover{  
    transform: scale(.98);
    cursor: pointer;
}



@media screen and (max-width: 991px){

}

@media screen and (max-width: 767px){
    .logo-sm{width: 300px;}
    .pt-xl{padding-top: 0;}
}

@media screen and (max-width: 576px){
    .logo-sm{width: 200px;}
    #innerNav{padding: 5px;}
}

@media screen and (max-width: 1200px){
#innerNav .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
}

@media screen and (max-width: 767px){
#navbarBalmoral {
    position: absolute;
    top: 50px;
    background-color: #000;
    left: 0px;
    right: 0px;
}}