body {
    /* overflow-x: hidden;
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    */
    font-family: 'Fjalla One', 'Helvetica Neue', Helvetica, Arial, sans-serif;

}
body.not-fancy-page{
    padding-top: 3.5rem;
}

body.sticky-footer{
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}
.h-100vh{
    height: 100vh;
}
#mainNav{
    /*transition: all 1s;*/
    transition: none;
}
#mainNav.scrollUp{
    transform: translateY(-80px);
}
#mainNav.scrollUp a.navbar-brand{


}

.main-site-content{
    flex: 1;

}

.footer-site{
    background-color: #eee;
    position: relative;
}


.footer-site .list-group-item{
    background-color: transparent;

}

.site-footer-logo {
    height: 75px;
}

ul.social-buttons li a {
    font-size: 1.5rem;
    width: 3rem;
    height: 3rem;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    outline: none;
}

ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {
    background-color: #212529!important;
    text-decoration: none;
}

::-moz-selection{
    background: #007bff;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #007bff;
    color: #fff;
    text-shadow: none;
}

img::selection {
    background: transparent;
}

img::-moz-selection {
    background: transparent;
}

.image1
{
    width:150px;
    height:150px;
}

p {
    line-height: 1.75;
}


a.navbar-brand {
    color: #FFF;
    background: url(../images/AHED2.2C.svg) no-repeat top left;
    background-size: contain;
    padding-left: 48px;
    flex-grow: 0;
    
}

a#nav-user-menu i
{
    /* font-size: 1.5rem; */
    white-space:nowrap;
}

#main-nav-container .dropdown-menu{
    min-width: auto;
    top: 3rem;
    position: absolute;
    border-radius: 0px;
}
#main-nav-container .dropdown-menu .nav-link{
    padding-right: 1rem;
}
#nav-user-menu-dropdown{

}

.btn-google {
    color: white;
    background-color: #ea4335;
}
.lg-logo{
    font-size: 4.9rem;
}
.lg-logo.google{
    color: #ea4335;
    font-weight: 700;
}


.ahed-google-map-wrapper {
    position: relative;
    width: 100% !important;
    height: 100% !important;
    padding-bottom: 49%;
    overflow: hidden;
}

.das-spinner-big{
    font-size: 8rem;
    color: rgba(82, 58, 184, 0.4);
}

.sticky-section-header{
    background-color: white;
    margin: 0;
}
.carousel-item-ratio-set{
    position: relative;
    width: 100% !important;
    height: 100% !important;
    padding-bottom: 49%;
    overflow: hidden;
}


.scroll-to-top {
    position: fixed;
    right: 15px;
    bottom: 15px;
    display: none;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #fff;
    background: rgba(52, 58, 64, 0.5);
    line-height: 46px;
}

.scroll-to-top:focus, .scroll-to-top:hover {
    color: white;
}

.scroll-to-top:hover {
    background: #343a40;
}

.scroll-to-top i {
    font-weight: 800;
}


.navbar-nav .nav-item .nav-link{
    white-space: nowrap;
}

#navbar-search-form{
    width: 100%;
}
#navbar-search-form #q{
    padding-left: .5rem;
    padding-right: 0;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.active-show{
    display:none;
}
.active .active-show{
    display:inline;
}
.active .active-hide{
    display:none;
}
.clickable{
    cursor: pointer;
}

.bgnasa{
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.min-height-window-fill{
    min-height: 100vh;
}

@keyframes rotating
{
    from
    {
        transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    to
    {
        transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}
@-webkit-keyframes rotating
{
    from
    {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    to
    {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}
.das-spinner{
    -webkit-animation: rotating 1s linear infinite;
    -moz-animation: rotating 1s linear infinite;
    -ms-animation: rotating 1s linear infinite;
    -o-animation: rotating 1s linear infinite;
    animation: rotating 1s linear infinite;
}

.boxed10 {
    border: 1px solid green ;
    background-color: #DDDDAF ;
}
.boxed2 {
    border: 1px solid pink ;
    background-color: lightgray;
}
.boxed3 {
    border: 1px solid orange ;
    background-color: lightgray;
}
.boxed4 {
    border: 1px solid purple ;
    background-color: lightgray;
}
.boxed5 {
    border: 1px solid orangered ;
    background-color: lightgray;
}

.boxed1 {
    border: 2px black !important;
    border-style: solid;
    background-color: #D0D0D0;
}
.boxed {
    border: 2px black !important;
    border-style: solid;
    background-color: #fffde7;
}

.indent {
    text-indent: 2rem;
}
.ahead-blue {
    color: #0272a7;
    font: gothic;
}
.ahead-pink {
    color: #800080;
    font: gothic;
}
.ahead-green {
    color: #00695c;
    font: gothic;
}
.ahead-orange {
    color: #996d33;
    font: gothic;
}
.ahead-purple {
    color: #2d17e7;
    font: gothic;
}    
.ahead {
    color: #FFF;
    font: gothic;
}
.title small {
    font-size: smaller;
}


.faq {
    font-size:22px;
    margin-top:25px;
    padding: 20px 0;
}

.nasa-purple {
    /*background-color: #75829e;*/
    background-color: #7a819a;
    
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(62 45 132 / 6%);
}


/* landscape phones */
@media only screen and (min-width: 576px) {
.mydataset-name-col{
        max-width: 480px;
    }

}
@media only screen and (max-width: 768px) {
    .mydataset-name-col{
        max-width: 700px;
    }
}


/* tablets */
@media only screen and (min-width : 768px) {
    .sticky-section-header{
        top: 3.5rem;
    }

    #mainNav a#nav-user-menu.nav-link i{
        line-height: 1.5;
    }

    #mainNav.fancy #nav-user-menu-dropdown{
        top: 3.5rem;

    }
    #navbar-search-form{
        margin-right: 2rem;
        width: 18rem;
    }

}
@media (min-width: 768px) and (max-width: 991px) {}
@media only screen and (max-width : 768px) {}


/* desktops */
@media only screen and (min-width : 992px) {

}
@media (min-width: 992px) and (max-width: 1199) {}
@media only screen and (max-width : 768px) {}


/* large desktops */
@media only screen and (min-width : 1200px) {
    .container-lg{
        max-width: 1200px;
    }
}
@media (min-width: 1200px) and (max-width: 1499px) {}
@media only screen and (max-width : 1499px) {}

/* fullscreen */
@media only screen and (min-width : 1500px) {}

/* media query print */
@media print {}