/**
 * GENERAL
 */
html {
    background: url('/styles/club911/theme/img/body-bg.jpg') repeat;
    /*background: url('/styles/club911/theme/img/bg-body.jpg') no-repeat center center fixed;*/
    /*background-size: cover;*/
}

body {
    font-size: 14px;
}

/*@media (min-width: 1400px) {*/
/*    body {*/
/*        margin: 60px;*/
/*        padding-bottom: 60px;*/
/*    }*/
/*}*/

html, body {
    background-color: transparent !important;
    /*font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
}

.card {
    --bs-card-spacer-y: 1.5rem !important;
    --bs-card-spacer-x: 1.5rem !important;
}

.club911-body {
    background-color: #d1d1d1;
}

.club911-text-primary {
    color: #c12938 !important;
}
.club911-text-secondary {
    color: #f9c65d !important;
}

.club911-bg-primary {
    background-color: #c12938 !important;
}
.club911-bg-secondary {
    background-color: #ebebeb !important;
}

.club911-bg-odd {
    background-color: #ebebeb !important;
}
.club911-bg-even {
    background-color: #f8f8f8 !important;
}

.btn-club911 {
    background-color: #c12938;
    color: white;
    border: 1px solid #c12938;
}

.btn-club911:hover {
    background-color: #73141d;
    color: white;
    border: 1px solid #73141d;
}

.cc-window {
    background-color: #c12938 !important;
    color: white;
}

/** Reduce image max size */
img.club911-bb-img {
    max-width: 700px;
    max-height: 700px;
}

@media (max-width: 767px) {
    img.club911-bb-img {
        max-width: 100%;
        max-height: 100%;
    }
}

/** Fix bloquote icon */
blockquote:before {
    font-family: 'Font Awesome 6 Pro';
}

/**
 * HEADER
 */
.club911-header {
    background-color: transparent;
    background-image: url('/styles/club911/theme/img/bg-header.jpg');
    background-position: top;
    z-index: 120;
}

/*@media (min-width: 1400px) {*/
/*    .club911-header:not(.club911-header-compact) {*/
/*        border-top-left-radius: 30px;*/
/*        border-top-right-radius: 30px;*/
/*    }*/
/*}*/


.club911-header .club911-header-navbar-logo {
    height: 60px;
    width: 260px;
    background: url("/styles/club911/theme/img/logo-mobile.png") no-repeat left center;
    background-size: contain;
    margin: 10px 0 10px 40px;
}
@media (min-width: 1024px) {
    .club911-header:not(.club911-header-compact) .club911-header-navbar-logo {
        height: 160px;
        width: 350px;
        position:relative;
        bottom: 3px;
        display: block;
        background: url("/styles/club911/theme/img/logo-header-flag.png") no-repeat left top;
        background-size: contain;
        margin: 0;
    }
}
.club911-header-navbar-primary {
    z-index: 50;
    height: 130px;
}
.club911-header-navbar-primary .nav-link {
    color:white;
}
.club911-header-navbar-primary .nav-item:hover .nav-link {
    background: rgba(255,255,255, 0.1);
    color:white;
    border-radius: 10px;
}

.club911-header-navbar-primary .nav-item.nav-button {
    background: rgba(255,255,255, 0.1);
    border-radius: 10px;
    margin: 0 5px;
    text-align: center;
}
.club911-header-navbar-mobile .username-coloured {
    color:white !important;
}
.club911-header-navbar-mobile .dropdown-toggle:after {
    color:white !important;
}
.club911-header-navbar-secondary {
    background-color:white !important;
}

.club911-breadcrumbs {
    --bs-breadcrumb-divider: '>';
}

.club911-breadcrumbs .breadcrumb-item a {
    color: #1F1F1F;
    font-weight: bold;
}
.club911-breadcrumbs .breadcrumb-item a .fal {
    font-size: 14px;
    margin-right: 5px;
}
.club911-breadcrumbs .breadcrumb-item a {
    text-decoration: none;
}

/**
 * HEADER MOBILE
 */
@media (max-width: 767px) {
    .club911-header .navbar-collapse {
        background-color: white;
        border-radius: 20px;
    }
    .club911-header .navbar-collapse .navbar-nav {
        padding: 10px;
    }
    .club911-header .navbar-collapse .nav-link {
        color: black;
        padding-left: 10px;
    }
    .club911-header .navbar-collapse .nav-link:hover {
        color: #c12938;
        text-decoration: none;
        background: rgba(193,41,56, 0.1);
    }

    .club911-header-navbar-primary {
        height: 70px !important;
    }

    .club911-header-navbar-secondary .navbar-nav {

    }
}

/**
 * FOOTER
 */

.club911-footer {
    background-color: #1F1F1F;
    color: white;
    padding: 0 !important;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
.club911-footer .footer-links {
    background-color: #1F1F1F;
    color: white;
    padding: 0;
}

/**
 * PORTAL
 */

.club911-portal-welcome-banner {
    background: url('/styles/club911/theme/img/bg-portal-welcome.jpg');
    background-size: cover;
    background-position: center right;
}


/** PHPBB ICONS */

/* Forum icons & Topic icons */
.global_read						{ background-image: url("./images/announce_read.gif"); }
.global_read_mine					{ background-image: url("./images/announce_read_mine.gif"); }
.global_read_locked					{ background-image: url("./images/announce_read_locked.gif"); }
.global_read_locked_mine				{ background-image: url("./images/announce_read_locked_mine.gif"); }
.global_unread						{ background-image: url("./images/announce_unread.gif"); }
.global_unread_mine					{ background-image: url("./images/announce_unread_mine.gif"); }
.global_unread_locked					{ background-image: url("./images/announce_unread_locked.gif"); }
.global_unread_locked_mine				{ background-image: url("./images/announce_unread_locked_mine.gif"); }

.announce_read						{ background-image: url("./images/announce_read.gif"); }
.announce_read_mine					{ background-image: url("./images/announce_read_mine.gif"); }
.announce_read_locked					{ background-image: url("./images/announce_read_locked.gif"); }
.announce_read_locked_mine				{ background-image: url("./images/announce_read_locked_mine.gif"); }
.announce_unread					{ background-image: url("./images/announce_unread.gif"); }
.announce_unread_mine					{ background-image: url("./images/announce_unread_mine.gif"); }
.announce_unread_locked					{ background-image: url("./images/announce_unread_locked.gif"); }
.announce_unread_locked_mine				{ background-image: url("./images/announce_unread_locked_mine.gif"); }

.forum_link						{ background-image: url("./images/forum_link.gif"); }
.forum_read						{ background-image: url("./images/forum_read.gif"); }
.forum_read_locked					{ background-image: url("./images/forum_read_locked.gif"); }
.forum_read_subforum					{ background-image: url("./images/forum_read_subforum.gif"); }
.forum_unread						{ background-image: url("./images/forum_unread.gif"); }
.forum_unread_locked					{ background-image: url("./images/forum_unread_locked.gif"); }
.forum_unread_subforum					{ background-image: url("./images/forum_unread_subforum.gif"); }

.sticky_read						{ background-image: url("./images/sticky_read.gif"); }
.sticky_read_mine					{ background-image: url("./images/sticky_read_mine.gif"); }
.sticky_read_locked					{ background-image: url("./images/sticky_read_locked.gif"); }
.sticky_read_locked_mine				{ background-image: url("./images/sticky_read_locked_mine.gif"); }
.sticky_unread						{ background-image: url("./images/sticky_unread.gif"); }
.sticky_unread_mine					{ background-image: url("./images/sticky_unread_mine.gif"); }
.sticky_unread_locked					{ background-image: url("./images/sticky_unread_locked.gif"); }
.sticky_unread_locked_mine				{ background-image: url("./images/sticky_unread_locked_mine.gif"); }

.topic_moved						{ background-image: url("./images/topic_moved.gif"); }
.pm_read,
.topic_read						{ background-image: url("./images/topic_read.gif"); }
.topic_read_mine					{ background-image: url("./images/topic_read_mine.gif"); }
.topic_read_hot						{ background-image: url("./images/topic_read_hot.gif"); }
.topic_read_hot_mine					{ background-image: url("./images/topic_read_hot_mine.gif"); }
.topic_read_locked					{ background-image: url("./images/topic_read_locked.gif"); }
.topic_read_locked_mine					{ background-image: url("./images/topic_read_locked_mine.gif"); }
.pm_unread,
.topic_unread						{ background-image: url("./images/topic_unread.gif"); }
.topic_unread_mine					{ background-image: url("./images/topic_unread_mine.gif"); }
.topic_unread_hot					{ background-image: url("./images/topic_unread_hot.gif"); }
.topic_unread_hot_mine					{ background-image: url("./images/topic_unread_hot_mine.gif"); }
.topic_unread_locked					{ background-image: url("./images/topic_unread_locked.gif"); }
.topic_unread_locked_mine				{ background-image: url("./images/topic_unread_locked_mine.gif"); }

/** Blockquote */
.card.blockquote {
    border-left-color: #666666;
}
blockquote {
    background-color: #dbdbdb;
}