.fesbox-container {
  background:#00356b;
}
.fesbox {
  padding-top:10px;
  height:70px;
  z-index:99999999;
}
.fesbox img {
  max-width:100%;
}
.header .navbar {
  top:55px;
  position:absolute;
  left:10px;
}
body .header-upper {
  position:absolute;
}
.header {
  background:#fff;
  border:0;
}
.header .header-brand-text h1 {
  color:#333;
  position: relative;
  top: 0px;
  z-index: 9999999;
  font-size:55px;
}
.header .header-brand-text h1 span {
  color:#000;
}
body .header {
  padding:33px 0 50px 0;
}
.sponsorbox {
  background:#fff;
  display:inline-block;
  text-align:center;
}
.sponsorbox img {
  margin:5px 20px;
  padding:6px;
}

.container.page-10.section-2 {
  min-height:700px;
}
.header-upper {
  height:1px;
  padding:0;
}
#content-below .bg-primary {
  background:rgba(0, 53, 107, 0.89) !important;
}
#content-below .text-primary-darkend {
    color: #f4f4f4 !important;
    opacity: 0.5;
}
.header-btn {
  color: #f4f4f4;
  opacity: 0.5;
}
.navbar-toggleable-sm .navbar-main .navbar-nav>.nav-item>.nav-link, .navbar-toggleable-sm .navbar-main .navbar-nav>.nav-link, .navbar-toggleable-sm.navbar-main .navbar-nav>.nav-item>.nav-link, .navbar-toggleable-sm.navbar-main .navbar-nav>.nav-link {
  color:#333;
  font-size:15px;
}
.markline {
  border-top:2px solid #333;
  position:relative;
  top:-45px;
}
.header .header-brand-text, .header .header-brand-text h1,
body{font-family:"Mulish", sans-serif;}
.fesbox-container{background:#137BC1}

.fesbox-container {
    position: relative;
    width: 100%;
    height: 40vh;
    background-size: cover;
    background-position: center;
    background-image: url(https://life4epr.ent.cat/wp-content/uploads/2025/09/engaging-stakeholder-cover-scaled.png);
}

.fesbox-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5));
    z-index: 1; /* Ensures the mask is on top */
}
.overlayb{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 200px; 
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
    opacity:1;
    z-index: 2;
}

.fesbox h1 {
  font-size: 59px;
  font-weight: 700;
}
#headbox {
  margin-top:10vh;
  color:#fff;
}
@media (max-width: 768px) {
  #headbox {
    margin-top: 5vh;
  }
}
#headbox p{
  font-size: 26px;
}
@media (max-width: 430px) {
  #headbox p{
    font-size: 23px;
  }
}
@media (max-width: 400px) {
  #headbox p{
    font-size: 21px;
  }
}

@media (max-width: 380px) {
  #headbox p{
    font-size: 20px;
  }
}

@media (max-width: 490px) {
  footer div.d-flex {
    display: block !important;
  }
  footer div.d-flex img {
    margin-bottom:15px;
  }
}
.line {background:rgb(19, 123, 193);height:3px;width:400px;margin:30px 0;}

.navbar-toggleable-sm .navbar-main .navbar-nav > .nav-item > .nav-link, .navbar-toggleable-sm .navbar-main .navbar-nav > .nav-link, .navbar-toggleable-sm.navbar-main .navbar-nav > .nav-item > .nav-link, .navbar-toggleable-sm.navbar-main .navbar-nav > .nav-link {
  color: #fff;
  text-transform: inherit;
}
@media (min-width: 768px) {
.navbar-toggleable-sm .navbar-main .navbar-nav > .active > .nav-link, .navbar-toggleable-sm .navbar-main .navbar-nav > .nav-item > .nav-link:hover, .navbar-toggleable-sm.navbar-main .navbar-nav > .active > .nav-link, .navbar-toggleable-sm.navbar-main .navbar-nav > .nav-item > .nav-link:hover {
    color: #fff;
    text-transform: inherit;
  }
}



.fesbox-container img{max-height:2em}
.bg-warning{background:#fff !important}
.nav-item.active a{color:#137BC1 !important}
.navbar-toggleable-sm .navbar-main .navbar-nav > .nav-item > .nav-link, .navbar-toggleable-sm .navbar-main .navbar-nav > .nav-link, .navbar-toggleable-sm.navbar-main .navbar-nav > .nav-item > .nav-link, .navbar-toggleable-sm.navbar-main .navbar-nav > .nav-link {font-weight:normal}
li.open a {color: #333 !important}

.container {
  max-width: 540px; /* Small */
  width:100%;
}

@media (min-width: 576px) {
  .container {
    max-width: 720px; /* Medium */
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 960px; /* Large */
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 1140px; /* Extra Large */
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1400px; /* Extra Extra Large */
  }
}

#latest a{color:#fff}
#latest{opacity:0.8;line-height:1.1;font-size:16px}
#latest li{margin-bottom:20px}
#latest h2{margin-bottom:30px;font-size:22px}

.navbar-toggleable-sm .navbar-main .navbar-nav > .active > .nav-link, .navbar-toggleable-sm .navbar-main .navbar-nav > .nav-item > .nav-link:hover, .navbar-toggleable-sm.navbar-main .navbar-nav > .active > .nav-link, .navbar-toggleable-sm.navbar-main .navbar-nav > .nav-item > .nav-link:hover {color:#fff;opacity:0.8}
.navbar-toggleable-sm .navbar-main .navbar-nav > .nav-item.show > .dropdown-toggle:hover{color:#333}

.do_not_display_in_hamburger_menu { display: none; }
@media (min-width: 990px) {
  .do_not_display_in_hamburger_menu { display: block; }
}

body{font-size:18px}

footer ul a{color:#333}
#footer {
  background: #000;
  color: #333;
}

a.btn-primary, .btn-primary,
a.btn-info, .btn-info{
  background: #137BC2;
  color: #fff !important;
  text-decoration: none !important;
  border: none;
  border-radius: 3px;
  font: normal normal 600 14px / 1em;
}
a.btn-primary:hover, .btn-primary:hover,
a.btn-info:hover, .btn-info:hover {
  background: #137BC2;
}
.bg-blue {
  background-color: #137BC2 !important;
}
body a, body p a:not(.btn){
  color: #137BC2;
}
#footer{background: rgba(0, 0, 0, 0.04);