* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {     
    color: #616971;
}

/* loader */
    
.loading-container {
    width: 100%;
    min-height: 100vh;
    background-color: rgba(0,0,0,.7);    
    position: fixed;
    top: -45px;
    left: 0;
    right: 0;
    bottom: 0;
    transition: 1s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1050;
}

.loading-container p {
    text-align: center;
    position: absolute;
    letter-spacing: 2px;
    font-family: 'Ubuntu', sans-serif;
    padding-top: 12px;
    font-size: .88rem;
    color: #fafafa;
}

.loading-animation {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 40px solid transparent;    
    border-top-color: #28a745;
    border-bottom-color: #0575E6;    
    border-top-style: double;
    border-bottom-style: double;    
    width: 40px;
    height: 40px; 
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;    
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 1s ease;
    animation: roll 1s infinite linear alternate;    
}

@keyframes roll {
    from {
        transform: rotate(0deg);        
    }
    to {
        transform: rotate(360deg);        
    }
}
    
/* End loader */

.top-bar {    
    position: fixed;
    top: 0;    
    width: 100%;    
    height: 45px;    
    background: #00F260;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #00F260, #0575E6);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #00F260, #0575E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    z-index: 10;    
}

.top-bar p {
    padding-top: 1px;
    margin-bottom: 0px;
    font-family: 'Ubuntu', sans-serif;
    font-size: .8em;
    text-shadow: .7px .7px 1px #000;    
    color: #f5f5f5;
}

.top-bar span {
    position: absolute;
    top: 0;
    right: 207px;    
    line-height: 45px;
    font-size: 1.3em;    
    text-transform: uppercase;
    font-weight: 700;
    text-shadow: .7px .7px 1px #000;    
    color: #FFD563;    
}

.navbar {
    position: sticky;    
    position: -webkit-sticky;
    top: 0;
    margin-top: 45px;    
    background-color: #f5f5f5 !important;   
}

.nav-item {
    padding-left: .7em;
    text-align: center;    
}

.nav-link {
    font-family: 'Ubuntu', sans-serif;    
    font-weight: 500;      
    font-size: 1.05em;
    letter-spacing: 2px;        
    color: #757575 !important;
}

.nav-link.active, .nav-link:hover {       
    color: #1d4871 !important;    
}

.navbar-toggler {
    border: 0;
}

span.ham-menu {
    font-size: 1.1em;    
    color: #9e9e9e;
}

span.ham-menu:hover {
    cursor: pointer;    
    color: #1d4871;
}

.dropdown-menu {
    letter-spacing: 1px; 
    font-family: 'Ubuntu', sans-serif;
    font-size: .95rem;
    font-weight: bold;
    background-color: #fafafa !important;    
}

.dropdown-item:hover {
    color: #1d4871;
    background-color: #e0e0e0;
}

.amg-org {
    font-size: .85em;
    color: #1d4871;
}

.prefooter {
    background-color: #f5f5f5;
    border-top: .7px solid #424242;
    border-bottom: .7px solid #424242;;
}

.pre__donate {
    padding: 30px 0px;    
}

.btn-donate {
    font-weight: bold;    
    text-shadow: .5px .5px .7px #1f1f1f;
    box-shadow: .5px .5px 1.7px #1f1f1f;
}

.donate {
    font-size: 1.3em;
    font-family: 'Ubuntu', sans-serif;
}

.donatebtn .img-donate {
    filter: drop-shadow(2px 2px 1px #1f1f1f);
}

[data-tooltip] {
    position: relative;        
}

[data-tooltip]:hover::before {
    content: attr(data-tooltip);
    position: absolute;
    width: 100%;
    background-color: #1f1f1f;
    color: #f5f5f5;
    padding: 5px 7px;
    top: -1.4rem;
    font-family: 'Ubuntu', sans-serif;
    font-size: .88rem;
    transform: translate(60px, -84%);    
}

[data-tooltip]:hover::after {
    content: '';
    display: block;    
    position: absolute;
    bottom: 20px;
    right: 35%;
    border-top: 10px solid #1f1f1f;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;    
}

.footer-border {
    background: #00F260;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #00F260, #0575E6);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #00F260, #0575E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    height: 3px;
}

.footer-foa {
    background-color: rgba(0, 0, 0, .78);    
}

.footer__flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0px;    
}

.footer__social i {
    padding-top: 20px;    
    margin: 0 12px;
    text-shadow: 1px 1px 2px #000;
        
}

.footer__social p {
    padding-bottom: 15px;
}

.face, .insta, .linked, .twitt {
    font-size: 1.35em;
    color: #f5f5f5;
}

.footer__address {
    margin-bottom: 0px;    
}

.footer__follow {        
    padding-top: 7px;
    text-shadow: .7px .7px 1px #000;
    color: #f5f5f5;
}

.footer__foa {         
    font-size: 1em;    
    text-shadow: 1px 1px 2px #000;
    color: #f5f5f5;
    padding-bottom: 15px;    
}

.foa__inc {
    padding: 10px;
}

.footer__foa p {         
    margin-bottom: 0px;
    text-align: center;    
}

.footer__designer {
    font-size: 1em;        
    text-shadow: .7px .7px 1px #000;    
    color: #f5f5f5;
}

.footer__designer img {
    filter: drop-shadow(.7px .7px 1px #000);
}

.designer {
    padding-top: 7px;
    font-size: .75em;
    font-family: 'Ubuntu', sans-serif;
    color: #f5f5f5;    
}

@media screen and (max-width: 425px) { 
    
    .top-bar span {
        display: none;
    }
    
    .footer__foa {
        font-size: .9em;
    }
}

@media screen and (max-width: 767px) {
    .donate {
       font-size: 1em;        
    }

    .footer__foa {
        font-size: .9em;
     }
} 

@media screen and (min-width: 768px) and (max-width: 991.98px) {
    .donate {
       font-size: 1.1em;        
    }

    .footer__foa {
       font-size: 1em;
    }
}