@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600&family=Lato:wght@100;300;400;700;900&family=Noto+Serif:wght@100;400;600;700&family=Playfair+Display:wght@400;700;800&display=swap');
html{scroll-padding-top: 150px;}
    body{color:#05081C; font-family: 'Lato', sans-serif;
}
    a{   -webkit-transition: color .5s linear;
  -moz-transition: color .5s linear;
  -ms-transition: color .5s linear;
  -o-transition: color .5s linear;
  transition: color .5s linear;!important}
    .btn{text-transform: uppercase}
    .home-number {text-align: center} 
    .carousel-control-prev {justify-content:left}
    .carousel-control-next {justify-content:right}
    .navbar {background:white}
    .nav-link {text-transform: uppercase; font-weight: 300; font-size: 1.3em; color:#222222;}
    .quote-source {text-decoration: none; color:#222222; text-transform: uppercase}
    .nav-link:hover, .quote-source:hover{color:#e41616}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color:#e41616}
    .quote-text {font-size: 1.7em;
font-weight: 300;}
    .carousel-indicators .active{color:#e41616;}
    
.img-bg{background-color: rgba(5, 8, 28, 0.9);
  background-image: url("https://takemedicineback.net/site/templates/img/slider/3-5.jpg");
  background-size: cover; background-attachment: fixed;
  background-blend-mode: multiply; background-repeat: no-repeat;}
  .img-bg h2{color:#f8f9fa}
  .img-bg a{text-decoration: none; color:#e41616;}
  .img-bg a:hover{text-decoration:underline;}
    .social-links a{padding: 8px}
    .dark-blue{color:#05081c}
    .dark-blue-bg{background: #05081c; color:#f8f9fa}
    footer .social-links a{color:white; font-size: 1.2em}
    .social-links a:hover{color:#e41616}
    .copyright {font-size: 0.8em}
    .red {color:#e41616}
    .red-bg{background: #e41616}
    .black {color:#222222}
    .black-bg {background: #222222}
    .btn-primary {background:#e41616; border-color:#e41616; font-weight: 900}
.btn-primary:hover{background: #fff; color:#e41616;border-color:#e41616}
    .btn-outline-primary:hover {background:#e41616; border-color:#e41616}
    h1{font-family: 'Noto Serif', serif; font-weight: 600}
    h2{font-family: 'Noto Serif', serif;}
    .home-numbers h3 {font-family: 'Noto Serif', serif; font-size:2em; font-weight: 900;  border-bottom: 5px solid #e41616; display: inline-block; padding-bottom:5px; padding-left:20px; padding-right:20px;}
    .member-card-info h3 {font-family: 'Noto Serif'; font-size: 1.5em; font-weight: 500}
    .member-card a{color:#14457b}
    .member-card img{ -webkit-transition: border .5s linear;
  -moz-transition: border .5s linear;
  -ms-transition: border .5s linear;
  -o-transition: border .5s linear;
  transition: border .5s linear; border-bottom:5px solid transparent}
    .member-card:hover img{border-bottom: solid 5px #e41616}
    section {border-bottom: 1px solid rgb(219, 219, 219);}
    .topbar a{color:white; text-decoration: none;}
    .carousel-control-prev i{font-size: 2em; color:#e41616}
        .carousel-control-next i {font-size: 2em; color:#e41616}
.partner-logo img{    display: inline-block;
    max-width: 85%;
    padding: 15px 0;
    transition: all 0.3s ease-in-out;
    -webkit-filter: grayscale(100);
    -moz-filter: grayscale(100);
    filter: grayscale(100);}
        .partner-logo img:hover{    filter: none;
    transform: scale(1.2);
    -webkit-filter: none;
            -moz-filter: none;}
.event-card .badge {left:10px; top:10px}
    .btn-outline-primary {border-color:#e41616; color:#e41616; font-weight: 900;}

    
.event-card-info h3 {font-family: 'Noto Serif'; font-size: 1.5em; font-weight: 500}
    .event-card img{ -webkit-transition: border .5s linear;
  -moz-transition: border .5s linear;
  -ms-transition: border .5s linear;
  -o-transition: border .5s linear;
  transition: border .5s linear; border-bottom:5px solid transparent}
    .event-card:hover img{border-bottom: solid 5px #e41616}
    section {border-bottom: 1px solid rgb(219, 219, 219);}
    .topbar a{color:white; text-decoration: none;}
    .carousel-control-prev i{font-size: 2em; color:#e41616}
.error{color:red}
.form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
    transform: scale(.65) translateY(-.5rem)}
.bg-light a, .bg-white a{color:#e41616; text-decoration: none}
.bg-light a:hover, bg-white a:hover{text-decoration: underline}

.disabled-overlay{position:relative}
.disabled-overlay::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: white;
        opacity: .8;
        z-index: 1000;
    }
    .home-number a{   -webkit-transition: color .5s linear;
  -moz-transition: color .5s linear;
  -ms-transition: color .5s linear;
  -o-transition: color .5s linear;
  transition: color .5s linear; color:#222222}
  .home-number a:hover{color:#e41616; text-decoration:underline;}
  .dropdown-menu{border-radius:0px; text-transform:uppercase}
  .dropdown-item:active{background:#e41616}
  .text-bg-dark {background:rgba(5, 8, 28, 0.9)}
  .trending-select:hover{cursor:pointer;}
  .modal-body a{color:#e41616; text-decoration:none; -webkit-transition: color .5s linear;
  -moz-transition: text-transform .5s linear;
  -ms-transition: text-transform .5s linear;
  -o-transition: text-transform .5s linear;
  transition: text-transform .5s linear !important}
  .modal-body a:hover{text-decoration:underline}
  .comment-border-link{
display: block;
position: absolute;
top: 0px;
left: 0;
width: 12px;
height: 100%;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
background-color: rgba(0, 0, 0, 0.1);
background-clip: padding-box;
}
.comment-border-link:hover{ background-color: rgba(0, 0, 0, 0.3);}
.breadcrumb{flex-wrap:nowrap;}
.breadcrumb-item, .breadcrumb-item a, .breadcrumb a{white-space: nowrap;
display: inline;}
.breadcrumb-item::before{content:''!important}
.form-check-input:hover{cursor: pointer}
.form-check-input:checked{background-color: #e41616; border-color:#e41616}