#active {
    color: white; 
    opacity: 1!important; 
}

h1 {
    font-family: "custom-header", 'Times New Roman', Times, serif;
}

h2 {
    font-family: "custom-main-text", Arial, Helvetica, sans-serif;
    font-size: calc(1.25rem)!important; 
    font-weight: bold!important; 
}

h3 {
    font-family: "custom-main-text", Arial, Helvetica, sans-serif;
    font-size: calc(1.25rem)!important; 
    font-weight: bold!important; 
}

h4 {
    font-family: "custom-main-text", Arial, Helvetica, sans-serif;
    font-size: calc(1rem)!important; 
    font-weight: bold!important; 
    padding-top: 1rem;  
    padding-bottom: 0.5rem; 
}

p {
    font-size: calc(1rem); 
    color: rgba(1, 1, 1, 0.9);
}

hr {   
    width: 33%; 
    margin: 0 auto; 
}


.body-section ul {
    list-style: none;
}

.body-section h4 ul {
    list-style: none;
    padding-left: 0; 
}

.body-section li {
    margin-left: -2rem; 
    padding-left: 2.5rem; 
    text-indent: -2.5rem; 
}

.header {
    background: linear-gradient(to bottom, rgba(1, 1, 1, 0.2) 0%, rgba(1, 1, 1, 0.2) 100%), url("../assets/thomas-shellberg-PCCMe3-YQpA-unsplash-color-fotor-20230919163423.jpg");
    background-size: 100%;
    background-position: 15% 60%;
    height: calc(48vh);
    margin-bottom: calc(-5rem);
}

header h1 {
    margin-top: calc(10vh);
}

.last {
    margin-top: 4rem; 
    margin-bottom: -2rem; 
}

.footer {
    background-color: black!important; 
    min-height: calc(5vh);
    padding: 1rem!important; 
}

.footer p {
    color: rgba(255, 255, 255, 0.5)!important; 
    font-size: 0.75rem; 
}

.footer a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
}

.footer a:hover {
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
}

/* .navbar-toggler {
    text-align: center!important; 
    margin-left: auto!important; 
    margin-right: auto!important; 
} */

#mainNav {
    background-color: black!important;
    font-size: calc(0.9rem)!important;
    padding: 1.5rem!important; 
    text-transform: capitalize!important;
}

.navbar-nav {
    text-align: center!important; 
    margin-left: auto!important; 
    margin-right: auto!important; 
}

.custom-header {
    font-family: "custom-header", 'Times New Roman', Times, serif;
    font-size: calc(1.3rem)!important;
    font-weight: 300!important; 
    text-transform: capitalize;
}

.subheader {
    color: #bcc6c4;
    font-family: "custom-main-text", Arial, Helvetica, sans-serif;
    margin-top: 0.75rem!important; 
    font-size: calc(1.25rem);
}

#about .container {
    margin-bottom: calc(-5rem)!important; 
    /* border: 1px solid blue;  */
}

img {
    width: 100%; 
}

.author-img {
    margin: 1.5rem 0rem; 
}

.book-cover {
    margin-top: 0.5rem; 
    width: 50%; 
}

.book-cover:hover {
    cursor: pointer;
    opacity: 0.8; 
}

figcaption {
    font-size: calc(0.85rem);
    color: rgba(1, 1, 1, 0.5);
    margin-top: 0.25rem;
}

#about .col-lg-6 {
    padding: 2rem 0rem 0rem 0rem; 
    /* border: 1px solid red;  */
}

.col-lg-6 {
    line-height: 180%; 
}

.social {
    margin-top: 4rem; 
}

.icons {
    margin: 1rem 0rem; 
    display: flex; 
    flex-direction: row;
}

.icons .social-icon:not(:last-child) {
    margin-right: 1rem; 
  }

.col-lg-6 .fw-bolder {
    margin-top: 2rem; 
}

.col-lg-6 .fw-bolder:not(:first) {
    margin-top: 1.5rem; 
}


@font-face {
    font-family: "custom-main-text";
    src:url(../fonts/Lato/Lato-Regular.ttf)
}

@font-face {
    font-family: "custom-header";
    src: url(../fonts/Rock_Salt/RockSalt-Regular.ttf);
}

@media (prefers-reduced-motion: no-preference) {
    :root {
      scroll-behavior: smooth;
    }
  }

@media screen and (max-width: 400px) { 
    #mainNav {
        margin-left: -1rem!important; 
        padding: 1rem!important; 
    }
}

@media screen and (max-width: 400px) { 
    .header {
        background-size: 200%;
        height: calc(35vh);
        background-position: 50% 50%;
    }
}

@media screen and (min-width: 400.1px) and (max-width: 768px) { 
    .header {
        background-size: 150%;
        height: calc(35vh);
        background-position: 50% 55%;
    }
}

@media screen and (max-width: 400px) { 
    header h1 {
        margin-top: calc(0rem)!important;
    }
     
}

@media screen and (min-width: 400.1px) and (max-width: 768px) { 
    header h1 {
        margin-top: calc(2.5rem)!important;
    }
}

@media screen and (max-width: 768px) { 
    .navbar-nav {
        text-align: left!important; 
        margin: 1rem; 
    }  
}

@media screen and (max-width: 411px) { 
    .col-lg-6 {
        padding: 1.25rem!important; 
    }  
}

@media screen and (max-width: 411px) { 
    .social {
        padding-bottom: 0rem!important; 
    }  
}

@media screen and (max-width: 411px) { 
    .book-cover {
        margin-top: 1rem; 
        width:100%;
    }  
}

@media screen and (max-width: 411px) { 
    .remove-on-mobile 
    {
        display: none; 
    }
}