:root {
    --custom-primary: #FF7500;
    --custom-primary-rgb: 255, 117, 0;
    --custom-primary-dark: #401E00;
    --custom-primary-semi-dark: #A30015;
    --custom-secondary: #03A9AD;
}

body {
    font-family: 'Philosopher', sans-serif;
    padding-top: 50px;
    position: relative;
    color: #212121;
}

/* Fixes issues with smooth scrolling and fixed navbar*/
html {
    scroll-padding-top: 50px;
}

a, a:focus, a:active {
    color: var(--custom-primary);
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

a:focus, a:active {
    color: var(--custom-primary);
}

a:hover {
    color: var(--custom-primary-dark);
}

.masthead {
    height: 100vh;
    min-height: 500px;
    background-image: url('../images/imperial_southken.jpeg');
    background-size: cover;
    /*background-position: center; */
    background-position: 30% 30%;
    background-repeat: no-repeat;
}

.masthead-text {
    color: white;
    background-color: rgba(var(--custom-primary-rgb), 0.70);
    line-height: 1.8em;
    padding: 0.1em;
}

.paragraph-title {
    font-weight: bold;
    margin-right: 0.5em;
}

/* Navbar setup */

.navbar-custom {
    background-color: var(--custom-primary);
}

.navbar-brand {
    color: white;
    font-weight: bold;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: white;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .nav-link {
        transition: none;
    }
}

.nav-link:hover, .navbar-brand:hover {
    color: var(--custom-primary-dark);
}

.nav-link.active {
    color: var(--custom-primary-dark);
}

.nav-link.disabled {
    color: white;
    pointer-events: none;
    cursor: default;
}

.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
    border-color: rgb(255,255,255);
}

/* Padding of section */

section.anchor {
    padding-top: 2em;
}

/* For lecture section */
.lectures h5 {
    padding-top: .5em;
}

.lectures h6 {
    padding-bottom: 1em;
}

.lectures img {
    border-radius: 50%;
    border: 1px solid var(--custom-primary-dark);
    height: 9em;
    width: 9em;
    object-fit: cover;
}

.lectures a, .lectures a:focus, .lectures a:active {
    color: inherit;
    text-decoration: inherit;
}

.lectures a:hover {
    color: var(--custom-primary);
}

/* For the program section */
#program thead th {
    width: 20%;
}

#program thead {
    background-color: var(--custom-primary);
    color: white;
}

#program tr:nth-child(even){
    background-color: #dcdcdc;
}

#program td div:first-child {
    font-weight: bold;
}

#program td:nth-of-type(4n+3),
#program td:nth-of-type(4n+4),
#program th:nth-of-type(2n) {
    background-color: rgba(var(--custom-primary-rgb), 0.05);
}

/* Fixes issue with transparent pixels in logos */
.logo-link {
    display: inline-block;
}