/* Old Style CSS*/

.nav-page{
    background-color:#020b28
}
.nav-page container{
    padding: 0px 0px;
}
.nav-page ul{
    white-space: nowrap;
}
.nav-page a {
    color: #cadcf9;
    
    font-size: 18px;
    font-weight: bold;
    padding: 0px 10px 0px 0px;
    line-height:40px;
    
    /*text-transform: uppercase;*/
}

.nav-page li {
    display:inline-block;
}

/*MARK:*/
/* Footer & Share Link & Navigation Bar in New File System */
.navbar {
    background-color: #1e1919;
}
.navbar .navbar-brand {
    color: #afb5b6;
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
    color: #f5f6f6;
}
.navbar .navbar-text {
    color: #afb5b6;
}
.navbar .navbar-text a {
    color: #f5f6f6;
}
.navbar .navbar-text a:hover,
.navbar .navbar-text a:focus {
    color: #f5f6f6;
}
.navbar .navbar-nav .nav-link {
    color: #afb5b6;
    border-radius: .25rem;
    margin: 0 0.25em;
}
.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
    color: #f5f6f6;
}
.navbar .navbar-nav .dropdown-menu {
    background-color: #1e1919;
    border-color: #2351ab;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item {
    color: #afb5b6;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar .navbar-nav .dropdown-menu .dropdown-item:focus,
.navbar .navbar-nav .dropdown-menu .dropdown-item.active {
    color: #f5f6f6;
    background-color: #2351ab;
}
.navbar .navbar-nav .dropdown-menu .dropdown-divider {
    border-top-color: #2351ab;
}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
    color: #f5f6f6;
    background-color: #2351ab;
}
.navbar .navbar-toggle {
    border-color: #2351ab;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
    background-color: #2351ab;
}
.navbar .navbar-toggle .navbar-toggler-icon {
    color: #afb5b6;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
    border-color: #afb5b6;
}
.navbar .navbar-link {
    color: #afb5b6;
}
.navbar .navbar-link:hover {
    color: #f5f6f6;
}

@media (max-width: 575px) {
    .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
        color: #afb5b6;
    }
    .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
    .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
        color: #f5f6f6;
    }
    .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
        color: #f5f6f6;
        background-color: #2351ab;
    }
}

@media (max-width: 767px) {
    .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
        color: #afb5b6;
    }
    .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
    .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
        color: #f5f6f6;
    }
    .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
        color: #f5f6f6;
        background-color: #2351ab;
    }
}

@media (max-width: 991px) {
    .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
        color: #afb5b6;
    }
    .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
    .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
        color: #f5f6f6;
    }
    .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
        color: #f5f6f6;
        background-color: #2351ab;
    }
}

@media (max-width: 1199px) {
    .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
        color: #afb5b6;
    }
    .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
    .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
        color: #f5f6f6;
    }
    .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
        color: #f5f6f6;
        background-color: #2351ab;
    }
}

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #afb5b6;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #f5f6f6;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #f5f6f6;
    background-color: #2351ab;
}
/*end navbar*/

/*Mark:jumbotron*/
.myjumbotron {
    background-image:url("Archieve/Images/frontpage.jpeg");
    background-repeat:no-repeat;
    background-color:lightblue;
    background-size:cover;
    background-position:center;
    height: 500px;
}

.myjumbotron .container {
    position: relative;
    top:20px;
}

.myjumbotron h1 {
    color: #000;
    font-size: 48px;
    font-family: 'Shift', sans-serif;
    font-weight: bold;
}
.myjumbotron h2 {
    color: #001c49;
    font-size: 36px;
    font-family: 'Shift', sans-serif;
    font-weight: bold;
}
.myjumbotron h3{
    color: #011523;
}

.myjumbotron p {
    font-size: 20px;
    color: #000;
}
/* MARK: */
/*
.neighborhood-guides{
    background-color:#efefef;
    border-bottom:1px solid #dbdbdb;
    
}
.neighborhood-guides h2{
    color:#393c3d;
    font-size:24px;
}
.neighborhood-guides p{
    font-size:15px;
    margin-bottom:13px;
}
*/
.learn-more {
    background-color: #020b28;
    padding:10px;
}
.learn-more h2 {
    font-family: 'Shift', sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #011523;
}
.learn-more h3 {
    font-family: 'Shift', sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
}

.learn-more a {
    color: #011523;
}

.information{
    background-image:url("Archieve/Images/galaxy6.jpg");
    background-size:cover;
    text-align: center;
}
/*
.about{
    background-image:url("Archieve/Images/galaxy6.jpg");
    background-size:cover;
    text-align: center;
}
 */
.portfolio{
    background-image:url("Archieve/Images/galaxy7.jpg");
    background-size:cover;
}



p.medium { font-size: 16px; line-height: 18px; color:black; font-family:Microsoft JhengHei  }
p.small { font-size: 13px; line-height: 15px;}

ul.share-buttons{
    list-style: none;
    padding: 0;
}

ul.share-buttons li{
    display: inline;
    padding:10px;
}

ul.share-buttons .sr-only{
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}


/* Footer */
footer { background-color: #000; height:40px; padding: 0px 0; color: white; text-align: center;}
footer p { font-size: 20px; line-height: 10px; }
footer a { color: white; text-decoration: none !important;  }