.container-header {
    background-color: #7a1f2b;
    background-image: none;
}

.container-footer {
    background-color: #55161e;
    background-image: none;
    color: #ffffff;
}

.container-footer a {
    color: #ffffff;
}

.container-footer a:hover {
    color: #f3c5cb;
}

/* Allow the middle section to fill all space between header and footer */
body.site {
    min-height: 100svh;
}

/* Background for the complete middle section */
.site-grid {
    flex: 1 0 auto;
    margin-bottom: 0 !important;

    background-image:
    	linear-gradient(
        	rgba(255, 255, 255, 0.75),
        	rgba(255, 255, 255, 0.75)
    	),
    	url("/images/Alps.jpg");
  
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Prevent inner Joomla containers from covering the image */
.site-grid .container-component,
.site-grid main {
    background: transparent !important;
}

/* Centre the entire branding area */
.container-header .navbar-brand {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}

/* Keep the link only as wide as the logo */
.container-header .navbar-brand .brand-logo {
    display: inline-block;
    width: auto;
}

/* Logo size */
.container-header .navbar-brand .brand-logo img {
    display: block;
    height: 160px;
    width: auto;
    max-width: 100%;
}

@media (max-width: 768px) {
    .container-header .navbar-brand .brand-logo img {
        height: 90px;
    }
}

/* Main Menu in right sidebar */
.container-sidebar-right .card {
    background-color: #34383c !important;
    border-color: #34383c !important;
    color: #ffffff !important;
}

/* Menu content area */
.container-sidebar-right .card-body {
    background-color: #34383c !important;
    color: #ffffff !important;
}

/* Menu heading */
.container-sidebar-right .card-header,
.container-sidebar-right .card-header * {
    background-color: #2b2f33 !important;
    color: #ffffff !important;
    border-color: #4b5055 !important;
}

/* Menu links */
.container-sidebar-right .mod-menu a {
    display: block;
    color: #ffffff !important;
    padding: 0.55rem 0.75rem;
    border-radius: 4px;
    text-decoration: none;
}

/* Hover and current page */
.container-sidebar-right .mod-menu a:hover,
.container-sidebar-right .mod-menu a:focus,
.container-sidebar-right .mod-menu .active > a,
.container-sidebar-right .mod-menu .current > a {
    background-color: #50555a !important;
    color: #ffffff !important;
}