body {
  background: linear-gradient(270deg, #8ea69a, #457d92);
  background-size: 400% 400%;
  -webkit-animation: Innovation 15s ease infinite;
  -moz-animation: Innovation 15s ease infinite;
  animation: Innovation 15s ease infinite;
  color: #2C3D46!important;
  scrollbar-color: #2C3D46 #8EA69A!important;
}

@-webkit-keyframes Innovation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes Innovation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes Innovation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

body::-webkit-scrollbar-track {
  background: #8EA69A;
}

body::-webkit-scrollbar-thumb {
  background-color: #2C3D46;
  border: 3px solid #8EA69A;
}

a {
  color: #2C3D46!important;
}

a:hover {
  color: #457D92!important;
}

#section-2-article a {
  color: #457D92!important;
}

#section-2-article a:hover {
  color: #7F593E!important;
}

.logo, .logo a {
  background: url(images/logo_steel.svg) no-repeat;
}

.logo-nav {
  background: url(images/logo_steel.svg) no-repeat;
}

#footer, #related-container {
  border-top: 1px solid #2C3D46;
}

#footer a {
 color: #2C3D46!important;
}

#nav-bar {
  background: #457D9200!important;
}

#stroke {
  background: #2C3D46!important;
}

#menu {
  background-color: #ffffff30;
}

#menuToggle span {
  background: #2C3D46!important;
}

.menu-parent {
  color: #2C3D46!important;
}

.dropdown:hover {
  color: #457D92!important;
}
.sub-menu li {
  color: #2C3D46!important;
}
.sub-menu li:hover {
  color: #457D92!important;  
}


/* =FILTER
-------------------------------------------------------------- */

.accordion {
  stroke:#2C3D46!important;
}

.filteractive, .accordion:hover {
  stroke: #457D92!important;
}


/* =UNDERLINE
-------------------------------------------------------------- */

.hover-underline-animation:hover {
  color: #2C3D46;
}

.hover-underline-animation::after {
  background-color: #2C3D46;
}


/* =GRAPHIC DEVICES 
-------------------------------------------------------------- */

.mark-steel {
  width: 25px!important;
  height: 43px;
  padding-top: 0px;
  margin-bottom: 0px;
  background: url(images/mark_steel.svg) no-repeat;
  background-size: contain; 
  display: inline-block;
}



/* =FOOTER
-------------------------------------------------------------- */

.climateactive {
  width: 70px;
  height: 85px;
  margin-bottom: 30px;
  margin-right: 20px;
  background: url(images/climate.png) no-repeat;
  background-size: contain;
  display: inline-block;
}

.reconciliation{
  background: url(images/reconciliation.svg) no-repeat!important;
}