/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* 
 * makes ul/ol as a dropdown select (normaly in mobile)
 * Structure: div > title > list > li > a
*/
/**==================================================================================================================================
BREAKPOINT
 ==================================================================================================================================*/
/**==================================================================================================================================
BREAKPOINT ENDS
==================================================================================================================================*/
span.edit-link {
  display: inline-block;
  background-color: yellow;
  font-weight: 700;
  position: fixed;
  left: 0;
  bottom: 3.125rem;
  transform: translateX(-45px);
  transition: all 0.2s;
}

span.edit-link a {
  display: block;
  padding: 0.9375rem;
}

span.edit-link:hover {
  transform: translateX(0);
}

.the-article.more-margin,
.articles.more-margin {
  margin-top: 6.25rem;
}

@media screen and (max-width: 47.99875em) {
  .the-article.more-margin,
.articles.more-margin {
    margin-top: 0;
  }
}
.the-article h1,
.the-article h2,
.the-article h3,
.the-article h4,
.the-article h5,
.articles h1,
.articles h2,
.articles h3,
.articles h4,
.articles h5 {
  color: #1a206d;
  font-weight: 600;
}

.the-article h1,
.articles h1 {
  display: block;
  position: relative;
  margin-bottom: 2.8125rem;
  font-size: 2.5rem;
  text-align: center;
}

.the-article h2,
.articles h2 {
  font-size: 1.25rem;
}

.the-article .title a,
.articles .title a {
  color: #1a206d;
  font-size: 1.5rem;
}

.the-article .title a:hover,
.articles .title a:hover {
  color: #0066c0;
}

.the-article.narrow > .row,
.articles.narrow > .row {
  max-width: 51.25rem;
}

.articles ul.article-list {
  margin-bottom: 0;
  line-height: normal;
  list-style: none;
}

.articles ul.article-list li {
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
}

.articles ul.article-list li .single-article {
  margin-bottom: 1.875rem;
  background-color: #dee7f7;
}

.articles ul.article-list li .single-article img {
  display: block;
  border-radius: 0.625rem;
}

.articles ul.article-list li .single-article > a {
  display: block;
  text-decoration: none;
}

.articles ul.article-list li .single-article > a:focus {
  outline-offset: 8px;
}

.articles ul.article-list li .single-article > a:hover .title {
  color: #0066c0;
}

.articles ul.article-list li .single-article > a:hover .image-wrapper {
  border-radius: 12px;
}

.articles ul.article-list li .single-article > a:hover img {
  transform: scale(1.06);
}

.articles ul.article-list li .single-article time {
  display: block;
  margin: 0.9375rem 0 0.1875rem;
}

.articles ul.article-list li .single-article .image-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.articles ul.article-list li .single-article img {
  width: 100%;
  transition: ease-in-out 0.2s transform;
}

.articles ul.article-list li .single-article h2 {
  font-size: 1.5rem;
  transition: color 0.2s ease-in-out;
}

.articles ul.article-list li .single-article p {
  color: #1a206d;
}

.article .hero {
  margin: 0;
}

.article .hero .bg-header {
  min-height: 15rem;
  max-height: 21.875rem;
  padding-top: 0;
}

@media screen and (max-width: 600px) {
  .article .hero .bg-header {
    max-height: 16.875rem;
    background-size: cover;
  }
}
@media screen and (max-width: 500px) {
  .article .hero .bg-header {
    max-height: 16.875rem;
  }
}
.article .hero .hero-height {
  min-height: 15rem;
  padding: 2.5rem 0;
  background-color: rgba(0, 0, 0, 0.6);
}

.article .hero .hero-height > div {
  transform: translate(0, 0);
}

.article .article-header time {
  color: #1a206d;
}

.article .article-header h1 {
  word-break: break-word;
}

.article .waves {
  display: inline-block;
  position: relative;
  min-width: 8.75rem;
  margin-bottom: 1.875rem;
}

.article .waves:after {
  position: absolute;
  right: 50%;
  bottom: -0.625rem;
  left: 50%;
  width: 11.25rem;
  height: 0.3125rem;
  transform: translateX(-50%);
  background-image: url("assets/images/wave.png");
  background-position: left;
  background-repeat: repeat-x;
  content: "";
}

.the-article h1,
.articles h1 {
  font-size: 3rem;
}

.the-article table {
  overflow: hidden;
  border-radius: 0.625rem;
  border-collapse: collapse;
}

@media screen and (max-width: 47.99875em) {
  .the-article table {
    font-size: 0.75rem;
  }
}
.the-article table thead th, .the-article table thead td {
  width: auto !important;
  border: 0;
  background-color: #1a206d;
  color: #ff6d42;
  font-size: 1.25rem;
  font-weight: 600;
}

@media screen and (max-width: 47.99875em) {
  .the-article table thead th, .the-article table thead td {
    font-size: 0.75rem;
  }
}
.the-article table thead th:first-child, .the-article table thead td:first-child {
  border-radius: 0.625rem 0 0 0;
}

.the-article table thead th:last-child, .the-article table thead td:last-child {
  border-radius: 0 0.625rem 0 0;
}

.the-article table thead + tbody tr:first-child td:first-child {
  border-radius: 0 0 0 0.625rem;
}

.the-article table thead + tbody tr:first-child td:last-child {
  border-radius: 0 0 0.625rem 0;
}

.the-article table td:first-child {
  border-radius: 0.625rem 0 0 0.625rem;
}

.the-article table td:last-child {
  border-radius: 0 0.625rem 0.625rem 0;
}

.the-article table tbody tr:nth-child(even) td {
  padding: 0.4375rem;
  background-color: #ffffff;
}

.the-article table tbody tr td {
  width: auto !important;
  background-color: #dee7f7;
}

.the-article table tbody tr td strong, .the-article table tbody tr td b {
  display: block;
  margin-bottom: 0.625rem;
  font-size: 1.25rem;
}

@media screen and (max-width: 47.99875em) {
  .the-article table tbody tr td strong, .the-article table tbody tr td b {
    font-size: 0.75rem;
  }
}
.the-article table thead, .the-article table tbody tr, .the-article table tbody {
  border: none;
}

.the-article.narrow table thead td, .the-article.narrow table tbody td {
  padding: 0.625rem;
}

.the-article.wide table thead td, .the-article.wide table tbody td {
  padding: 1.25rem 8.75rem;
}

@media screen and (min-width: 48em) and (max-width: 63.99875em) {
  .the-article.wide table thead td, .the-article.wide table tbody td {
    padding: 1.25rem 3.125rem;
  }
}
@media screen and (max-width: 47.99875em) {
  .the-article.wide table thead td, .the-article.wide table tbody td {
    padding: 0.625rem;
  }
}
@media screen and (max-width: 640px) {
  /* 	.the-article:not(.archive),
  	.articles:not(.archive) {
  		padding: rem-calc(60 0);
  	} */
  .the-article h1,
.articles h1 {
    font-size: 2.5rem;
  }
}
.article.single h1 {
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
}

@media print, screen and (min-width: 48em) {
  .article.single h1 {
    margin-top: 3.75rem;
  }
}
@media print, screen and (min-width: 64em) {
  .article.single h1 {
    margin-top: 5.625rem;
  }
}
.article.single .ingress {
  margin-top: 0.625rem;
  color: #1a206d;
  font-size: 1rem;
  font-style: normal;
}

.article.single .bg-header {
  height: 18.75rem;
  margin-top: 3.75rem;
  border-radius: 1.25rem;
  background-size: cover;
  background-position: center;
}

@media print, screen and (min-width: 48em) {
  .article.single .bg-header {
    height: 25rem;
  }
}
@media print, screen and (min-width: 64em) {
  .article.single .bg-header {
    height: 31.25rem;
  }
}