/* _______________________ Logo _______________________ */

.updc-logo div {
    text-align: center;
    height: 28vh;
    margin-top: 6%;
    margin-bottom: 5%;
}

@media only screen and (max-width: 600px) {
    .updc-logo div {
        height: 20vh;
    }
}

.updc-logo img {
    height: 100%;
    object-fit: contain;
    max-width: 80vw;
}

/* _______________________ Navbar _______________________ */

header {
    position: relative;
}

nav.navbar {
    background-color: transparent;
    height: 60px;
    border-top: 1px solid rgba(66, 42, 38, 0.3);
    border-bottom: 1px solid rgba(66, 42, 38, 0.3);
    margin-left: calc((100vw - 100%) / (-2));
    width: 100vw;
}

nav .navbar-nav {
    width: min(75%, 1125px);
    margin: auto
}

nav .dropdown-menu {
    background-color: var(--light-pink);
    border-radius: 0;
    border: none;
}

nav span {
    color: var(--dark-brown);
    font-size: min(max(20px, 3vw), 28px);
}

nav .dropdown-menu span {
    font-size: min(max(16px, 1.6vw), 20px);
}

nav .dropdown-item {
    padding-top: 3%;
    padding-bottom: 3%;
}

nav .dropdown-item:active {
    background-color: var(--dark-pink);
}
nav.navbar>div.container-fluid>div>ul>li>a {
    padding: 0;
    border: 0;
}


@media only screen and (max-width: 600px) {
    nav.navbar {
        border: transparent;
    }
}


/* _______________________ Navbar - Mobile _______________________ */


.navbar .navbar-toggler {
    border: none;
}

/* Offcanvas */
.navbar .offcanvas.show {
    background-color: var(--background-color);
        border: 1px solid var(--dark-brown);
    width: 70%;
    overflow-y: scroll;
}

/* Links in offcanvas */
.navbar .offcanvas.show .nav-item {
    padding-bottom: 6vh;
}

/* Dropdown menu */
.navbar .offcanvas.show .dropdown-menu {
    background-color: var(--background-color);
}

/* Dropdown toggler */
.navbar a.nav-link.dropdown-toggle::after {
    color: var(--dark-brown);
}

/* Close button in offcanvas navbar */
.navbar .offcanvas.show .navbar-nav>li.navbar-toggler {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}