body{
    font-family: atlas;
    font-size: 16px;
    color: #FFF;
    background-color: #0f0f0f;
    word-break: break-word;
}
svg,
img{
    vertical-align: bottom;
    max-width: 100%;
    height: auto;
}
img{
  filter: grayscale(100%);
}
svg:hover,
img:hover{
  filter: none;
}
.card-link:hover img{
  filter: none;
}
a{
    text-decoration: none;
    color: #FFF;
}

.field--type-text-long a,
.cke_editable a{
  color: #FFF;
  position: relative;
}
.field--type-text-long a:after,
.cke_editable a:after{
  content: '';
  background-color: rgb(254, 1, 154);
  height: 8px;
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -8%;
  z-index: -1;
}

p{
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 24px;
}
p.special{
    text-transform: uppercase;
    margin: 25px 0;
    font-size: 16px;
}
.text-formatted ul,
.text-formatted ol{
    line-height: 1.5;
    padding-left: 24px;
    margin-bottom: 25px;
}

.text-formatted ul li,
.text-formatted ol li{
    margin-bottom: 5px;
    line-height: 1.8;
}
.text-formatted ul li:last-child,
.text-formatted ol li:last-child,
.text-formatted ul:last-child,
.text-formatted ol:last-child,
p:last-child{
    margin-bottom: 0;
}

strong{
    font-weight: 700;
}

h1{
  margin-top: 0;
}

h2{
  margin-top: 0;
  font-size: 28px;
}
.text-formatted h2:not(:first-child){
  margin-top: 30px;
}

h3{
    font-size: 24px;
    font-weight: normal;
    color: #FFF;
    margin-bottom: 16px;
}
h4{
  font-size: 20px;
  margin-bottom: 10px;
}