/*
    Color theme:
    #E56399     China Pink
    #CFD4C5     Bone
    #5C164E     Palatinate Purple
    #402039     Dark Purple
    #170F11     Xinetic

    (from https://coolors.co/e56399-cfd4c5-464d77-36827f-3fa7d6)
    (from https://coolors.co/e56399-cfd4c5-5c164e-402039-170f11)
*/
/*
    Color theme:
    #90AFC5     Mist
    #336B87     Stone
    #2A3132     Shadow
    #763626     Autumn foliage
    #5e2a1d     Autumn (darker)

    (from https://document-export.canva.com/DADfC5CQ0W4/21/preview/0001-2563383640.png)
*/

@font-face {
    font-family: NotoSans;
    src: url('/assets/font/noto/NotoSans-Regular.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: Cinzel;
    src: url('/assets/font/cinzel/CinzelDecorative-Regular.ttf') format('truetype');
    font-display: swap;
}

html, body {
    /* font-family: Roboto, sans-serif; */
}

#content-container {
    min-height: 550px;
}

h2 {
    margin-top: 1rem;
}

.bg-light {
    background-color: #CFD4C5 !important;
}

.bg-dark {
    background-color: #170F11 !important;
}

.bg-primary {
    background-color: #170F11 !important;
}

.border-primary {
    border-color: #170F11 !important;
}

a {
    color: #E56399;
}

a:hover {
    color: #763626;
}

.navbar-light .navbar-nav .nav-link {
    color: #CFD4C5;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #CFD4C5;
}

#company-tabs li {
    background-color: #2A3132;
}

#company-tabs li.active {
    background-color: #2A3132;
}

#company-tabs li a {
    color: #90AFC5;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#company-tabs li a.active {
    color: #763626;
    border-color: #763626 #763626 #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#company-tabs {
    border-bottom: 1px solid #763626;
}

.btn-primary, .btn-primary:link, .btn-primary:visited {
    background-color: #E56399;
    border-color: #E56399;
}

.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #5C164E;
    border-color: #402039;
}

#header-homepage {
    background-image: url("/assets/img/welcome-bg.jpg");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-size: cover;
    min-height: 550px;
}

#intro {
    padding-top: 50px;
    padding-bottom: 100px;
    text-align: center;
}

#intro .slogan {
    font-family: Cinzel, sans-serif;
    font-size: 2.5rem;
}

.text-small {
    font-size: small;
}

/* Carousel */
.carousel-item img {
    opacity: 0.5;
}

.carousel-caption {
    opacity: 0.65;
    background-color: #170F11;
}

.carousel-caption:hover {
    opacity: 0.85;
}

.carousel-caption h3 {
    color: #CFD4C5;
}

.carousel-caption p {
    color: #E56399;
}

.carousel-control-next,
.carousel-control-prev /*, .carousel-indicators */ {
    filter: invert(100%);
}

/* Pagination elements */
.page-item.active > .page-link {
    background-color: #E56399;
    border-color: #E56399;
}
.page-item > .page-link {
    color: #E56399;
}