@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/brands.min.css";

footer {
    padding: 30px 0;
   	background-color: #000000;
   	color: #ffffff;
}

footer .headline{
    border-bottom: 0px;}

body {
   position: relative;
    background-color: #e8eaeb;
  
}

header {
    background-color: #f2f4f5;
}
top {
    background-color: #f2f4f5;
}

body:before {
   content: '';
   display: block;
   position: absolute;
   z-index: 2;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   pointer-events: none;
}
    
header {
    background-color:#EB813E;
    box-shadow: 0px 2px 3px #00000080;
}
.navbar-toggle {
    border: 1px solid #FFFFFF80;
    color: white;
}
.social-icons li a {
    background-color: #00000080;
}
.social-icons a:hover .fa {
    opacity:1;
}
.social-icons li a.instagram:hover {
    background-color: #e1306c;
}
.social-icons li a.messaging-discord:hover {
    background-color: #7289da;
}
.social-icons li a.messaging-discord > .fa::before {
    content: "\f392";
    font-family: 'Font Awesome 5 Brands';
    font-size: 14px;
}
footer {
    background-color: #1f437c
}
footer a {
    color: #ffffff80;
}
#carousel-homepage.carousel {
    margin-bottom:0;
}
footer a:hover, footer a:focus {
    color: #ffffffb0;
}
.sf-menu > li.active, .sf-menu > li.path, .sf-menu > li:hover, .sf-menu > li:focus {
    border-color: #265eaa;
}
.sf-menu > li > ul {
    border-top: 2px solid #265eaa;
}
header .container .header-nav-top .login p {
    color: #ffffff80;
}
header .container .header-nav-top .login p a {
    color: inherit;
}
header .container .header-nav-top .login p a:hover {
    color:white;
}
header .container .header-nav .header-menu .sf-menu > li > a {
    padding: .4em .6em;
}
.sf-menu > li > a {
    color:white;
}
header .container .header-nav .header-menu .sf-menu.sf-arrows .sf-with-ul {
    padding-right: 2em;
}
.sf-menu.sf-arrows .sf-with-ul::after {
    border-top-color: #FFFFFF80;
}
#carousel-homepage.carousel .carousel-indicators li {
    border-color: #ffffff80;
    background-color: #357cbe;
}
#carousel-homepage.carousel .carousel-indicators li.active, #carousel-homepage.carousel .carousel-indicators li:hover, #carousel-homepage.carousel .carousel-indicators li:focus {
    background-color: #eb813e;
}
.navbar-brand::before {
    content: "";
    background: url("https://congressus-communique.s3-eu-west-1.amazonaws.com/files/f1a70cd97e724ceaa6c28ca99dfd7b35.png") 0 0/contain no-repeat;
    position: absolute;
    top: 0;
    height: 110%;
    width: 115px;
    filter: drop-shadow(2px 2px 3px #00000080);
    left: 0;
    transition: all .25s ease-out;
}
header .container .header-nav .header-logo {
    margin-left: 110px;
}
header .container .header-nav .header-logo a h1 {
    transition: all .25s ease-out;
    background: url("https://congressus-communique.s3-eu-west-1.amazonaws.com/files/094b6c69c8ee4e0abb887ae39dbe420d.png") no-repeat left center/contain;
}
header.hide-navbar {
    transform: translateY(calc(-100% + 43px)) !important;
    box-shadow: none;
}
header.hide-navbar .navbar-brand::before {
    top: calc(100% - 43px);
    height: 48px;
}
header.hide-navbar .container .header-nav .header-logo a h1,
header.hide-navbar .navbar-toggle.collapsed {
    opacity:0;
}
header .submenu-trigger path {
    fill: white;
}
.container {
    box-sizing: border-box;
    width: 100%;
}
header .top-mobile {
    padding: 10px;
    margin-bottom: 0;
}
@media (max-width:991px) {
    header .container .header-nav .header-logo {
        margin-left: 105px;
    }
    .navbar-brand::before {
        height:84px;
    }
    header .container {
        padding:0;
    }
    header ul.sf-menu li.active a {
        color: #265eaa;
    }
    header .sf-menu .has-submenu.is-active > ul {
        background: #FFFFFF80;
    }
    .sf-menu ul li:hover, .sf-menu ul li:focus {
        background-color: #FFFFFF80;
    }
}
.top-mobile a {
    color: #FFFFFFB0;
}
/Make sure pictures dont get overlapped by header/
.lg-outer {
	z-index: 10050 !important;
}
.lg-backdrop {
	z-index: 10040 !important;
}

// Make telegram button look like canvas button
.social-icons li a.messaging-telegram {
  padding-left:5px;
}
.social-icons li a.messaging-telegram:hover {
  background: #e53935;
}
.social-icons li a.messaging-telegram > i:before {
  content:"";
  background: url("data:image/svg+xml,%3Csvg fill='%23ffffff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24px' height='24px'%3E%3Cpath d='M12 5A1 1 0 1012 7 1 1 0 1012 5zM7.757 6.757A1 1 0 107.757 8.757 1 1 0 107.757 6.757zM6 11A1 1 0 106 13 1 1 0 106 11zM7.757 15.242999999999999A1 1 0 107.757 17.243 1 1 0 107.757 15.242999999999999zM12 17A1 1 0 1012 19 1 1 0 1012 17zM16.243 15.242999999999999A1 1 0 1016.243 17.243 1 1 0 1016.243 15.242999999999999zM18 11A1 1 0 1018 13 1 1 0 1018 11zM16.243 6.757A1 1 0 1016.243 8.757 1 1 0 1016.243 6.757zM14.97 1.41C14.77 2.87 13.52 4 12 4S9.23 2.87 9.03 1.41C9.97 1.14 10.97 1 12 1S14.03 1.14 14.97 1.41zM6.34 6.34C5.27 7.41 3.59 7.5 2.41 6.6 3.4 4.85 4.85 3.4 6.6 2.41 7.5 3.59 7.41 5.27 6.34 6.34zM4 12c0 1.52-1.13 2.77-2.59 2.97C1.14 14.03 1 13.03 1 12c0-1.03.14-2.03.41-2.97C2.87 9.23 4 10.48 4 12zM6.6 21.59c-1.75-.99-3.2-2.44-4.19-4.19 1.18-.9 2.86-.81 3.93.26C7.41 18.73 7.5 20.41 6.6 21.59zM14.97 22.59C14.03 22.86 13.03 23 12 23s-2.03-.14-2.97-.41C9.23 21.13 10.48 20 12 20S14.77 21.13 14.97 22.59zM21.59 17.4c-.99 1.75-2.44 3.2-4.19 4.19-.9-1.18-.81-2.86.26-3.93C18.73 16.59 20.41 16.5 21.59 17.4zM23 12c0 1.03-.14 2.03-.41 2.97C21.13 14.77 20 13.52 20 12c0-1.52 1.13-2.77 2.59-2.97C22.86 9.97 23 10.97 23 12zM21.59 6.6c-1.18.9-2.86.81-3.93-.26-1.07-1.07-1.16-2.75-.26-3.93C19.15 3.4 20.6 4.85 21.59 6.6z'/%3E%3C/svg%3E") center/contain;
  width: 18px;
  height: 18px;
  display: block;
}
.social-icons li a.messaging-telegram > i {
  margin-top:5px;
}
.module-events .heading-image img {
  object-fit: contain;
  background: linear-gradient(#eb813e,#357cbe);
}
.module-events .img-16by9-cover {
	padding-bottom:100%;
}
dl.headlines.headlines-footer dd a {
    color: white;
}

dl.headlines.headlines-footer dd a:hover {
    color: #eb813e;
}

footer .text-muted {
    color: rgb(255 255 255 / 70%);
}

header .container .header-nav .header-logo a h1 {
  background: url("https://congressus-communique.s3-eu-west-1.amazonaws.com/files/094b6c69c8ee4e0abb887ae39dbe420d.png") no-repeat left center/contain !important;
}

/* APRIL FOOLS */
/*
header, footer {
    background: #4466AC !important;
}
.navbar-brand::before {
    display:none;
}
header .container .header-nav .header-logo a h1 {
    background: url("https://www.sacommunique.nl/_media/1699787/f6119776e5794251854fa880223dae02/view") no-repeat left center/contain !important;
}
header .container .header-nav .header-logo .navbar-brand {
    width: 300px;
}
.header-logo.navbar-header {
    margin-left:0 !important;
}
@media (max-width: 991px) {
    header .container .header-nav .header-logo .navbar-brand {
        height: 40px;
        margin-left: 15px;
    }
}
*/.lg-backdrop.in {
    z-index: 1050 !important;
}