@media (max-width: 768px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.item {
    position: relative;
}

.item:last-child {
    margin: 0;
}

.dropdown-items {
    display: none;
    min-width: 180px;
    z-index: 1;
}

.dropdown-menu:hover .dropdown-items {
    display: block;
}

@media (max-width: 767px) {
    .border-bottom {
        border-bottom: 1px solid #f1f1f1;
    }
    nav .item {
        margin-right: 0;
    }
}

.section-gutter {
    margin-top: 4rem;
}

@media screen and (min-width: 768px) {
    .section-gutter {
        margin-top: 6rem;
    }
}

@media screen and (min-width: 992px) {
    .section-gutter {
        margin-top: 8rem;
    }
}

.ico-youtube {
    display: inline-flex;
    align-items: center;
}

.ico-youtube::after {
    content: "";
    background-image: url(/assets/imgs/miscs/icon-youtube-dark.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 15px;
    width: 18px;
    margin-left: 5px;
}

.ico-spotify {
    display: inline-flex;
    align-items: center;
}

.ico-spotify::after {
    content: "";
    background-image: url(/assets/imgs/miscs/icon-spotify-dark.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 17px;
    width: 15px;
    margin-left: 5px;
}

.ico-itunes {
    display: inline-flex;
    align-items: center;
}

.ico-itunes::after {
    content: "";
    background-image: url(/assets/imgs/miscs/icon-podcast-dark.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 21px;
    width: 16px;
    margin-left: 5px;
}

.dark-overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    background: -moz-linear-gradient(180deg, transparent 30%, rgba(0, 0, 0, 0.6) 100%);
    background: -webkit-linear-gradient(180deg, transparent 30%, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient(180deg, transparent 30%, rgba(0, 0, 0, 0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}

.overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(180deg, rgba(9, 36, 0, 0.36) 0%, #000 100%);
}

.light-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(180deg, rgba(12, 45, 0, 0.55) 0%, #0000 100%);
}

.inset-shadow-t-lg {
    box-shadow: inset 0px 200px 170px -100px rgba(0, 0, 0, 0.7);
}

.img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    min-width: 100%;
    height: 100%
}

.lr-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.51) 0%, #0000 100%);
}