/**
 * BASE AND UTIL
 */
.text-sans {
    font-family: "Lato", sans-serif !important;
}
.text-display {
    font-family: "Noto Serif", serif !important;
}
:root {
    font-size: 17px;
}
body {
    font-size: 17px;
    color: #333;
    font-family: "Lato", sans-serif;
    margin-top: 0;
    padding-top: 0;
}
img {
    max-width: 100%;
}
a {
    color: #008c44;
}
/**
 * END BASE AND UTIL
 */
/**
 * NAVBAR
 */
#mainNavbar {
    background: #404041;
    font-size: 0.8rem;
    line-height: 1.05882353rem;
    font-family: "Lato", sans-serif;
}
#mainNavbar a {
    color: #fff;
}
#mainNavbar .dropdown-menu {
    background: #404041;
}
#mainNavbar .dropdown-menu .dropdown-item {
    font-size: 0.88235294rem;
    line-height: 1.17647059rem;
    text-transform: none;
}
#mainNavbar .dropdown-menu .dropdown-item:hover {
    color: #404041;
}
/**
 * END NAVBAR
 */
/**
 * SOCIAL LINKS
 */
.social-links a[href*="twitter.com"] .fa-circle {
    color: #55acee;
}
.social-links a[href*="facebook.com"] .fa-circle {
    color: #3b5998;
}
.social-links a[href*="instagram.com"] .fa-circle {
    color: #833ab4;
}
.social-links a[href*="linkedin.com"] .fa-circle {
    color: #0077b5;
}
.social-links a[href*="spotify.com"] .fa-circle {
    color: #1db954;
}
.social-links a[href*="youtube.com"] .fa-circle {
    color: #ff0000;
}
.social-links a[href*="tiktok.com"] .fa-circle {
    color: #69c9d0;
}
.social-links a[href*="apple.com"] .fa-circle {
    color: #f9f6ef;
}
.social-links a[href*="play.google.com"] .fa-circle {
    color: #78c257;
}
/**
 * END SOCIAL LINKS
 */
/**
 * QUOTES
 */
.quote {
    font-family: "Lato", sans-serif;
    position: relative;
}
.quote .fa {
    font-size: 2.35294118rem;
    line-height: 2.63529412rem;
    color: #008c44;
}
.quote .fa-quote-left {
    position: absolute;
    top: 0;
    left: 0;
}
.quote .fa-quote-right {
    position: absolute;
    bottom: 0;
    right: 0;
}
.quote .quote-text {
    font-size: 1.88235294rem;
    line-height: 2.35294118rem;
    text-align: center;
}
.quote .quote-credit {
    font-size: 1.17647059rem;
    line-height: 1.29411765rem;
    text-align: center;
}
.carousel-item.active {
    display: block;
}
/**
 * END QUOTES
 */
/**
 * ARTICLE PREVIEW
 */
article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
    font-family: "Noto Serif", serif;
}
/**
 * END ARTICLE PREVIEW
 */
/**
 * CARDS
 */
.card .card-img-overlay {
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    text-shadow: #333 0px 0px 2px;
    transition: all 300ms ease-out;
    opacity: 0;
}
.card:hover .card-img-overlay,
.card:active .card-img-overlay {
    opacity: 1;
}
/**
* END CARDS
*/