/* Breakpoints -----------------
// -------------------------------------------- */
/* Effect Animation -----------------
// -------------------------------------------- */
/* == FOOTER MAIN ==================================================================================================================================== */
.ep-footer {
  background-color: #232225;
  color: #fff;
  font-family: sans-serif;
  padding: 30px 0;
}
.ep-footer .wrapper {
  max-width: 1176px;
  margin: 0 auto;
}
.ep-footer .wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.ep-footer .wrapper h1, .ep-footer .wrapper h2, .ep-footer .wrapper h3, .ep-footer .wrapper h4, .ep-footer .wrapper h5, .ep-footer .wrapper h6 {
  font-size: inherit;
  font-weight: normal;
  margin: 0;
}
.ep-footer .wrapper a {
  color: inherit;
  text-decoration: inherit;
  outline: none;
}
.ep-footer .wrapper button {
  background-image: none;
  padding: 0;
  margin: 0;
  border: 0;
  cursor: pointer;
}
.ep-footer .wrapper .item .name {
  font-weight: bold;
  display: inline-block;
}
.ep-footer .footer-relatedlinks {
  display: flex;
  margin: 0 30px;
}
.ep-footer .footer-relatedlinks .item .button .name {
  font-size: 0.9rem;
  transform: translate(0, 0);
  transition: transform 0.2s ease-out 0s;
}
.ep-footer .footer-relatedlinks .item .button:hover .name, .ep-footer .footer-relatedlinks .item .button:focus .name {
  transform: translate(3px, 0);
}
.ep-footer .footer-relatedlinks .item .button:focus .name {
  outline: 3px dotted #d9d9d9;
  outline-offset: 1px;
}
.ep-footer .websitelinks .title .name,
.ep-footer .europarllinks .title .name {
  display: inline-block;
  font-family: Georgia, Garamond, serif, Palatino;
  font-size: 1.2rem;
}
.ep-footer .websitelinks .list,
.ep-footer .europarllinks .list {
  margin-top: 26px;
  margin-bottom: 20px;
}
.ep-footer .websitelinks {
  display: inline-block;
  width: 75%;
  flex: 0 0 75%;
}
.ep-footer .websitelinks .list .list-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.ep-footer .websitelinks .list.layout_category {
  padding-right: 20px;
}
.ep-footer .websitelinks .list.layout_category .category {
  vertical-align: top;
  display: inline-block;
  width: 33.3333333333%;
}
.ep-footer .websitelinks .list.layout_category .category .subtitle {
  margin: 0 0 10px 0;
  padding: 0 20px 0 0;
}
.ep-footer .websitelinks .list.layout_category .category .subtitle .name {
  font-size: 0.9rem;
  color: #b9bcc0;
}
.ep-footer .websitelinks .list.layout_category .category .item {
  margin-top: 0;
  margin-bottom: 10px;
  padding-right: 20px;
}
.ep-footer .europarllinks {
  display: inline-block;
  width: 25%;
  flex: 0 0 25%;
}
.ep-footer .europarllinks .list .item {
  margin-top: 0;
  margin-bottom: 10px;
  padding-right: 20px;
}
@media screen and (max-width: 1019px) {
  .ep-footer .footer-relatedlinks {
    flex-direction: column;
  }
  .ep-footer .footer-relatedlinks .websitelinks,
  .ep-footer .footer-relatedlinks .europarllinks {
    width: 100%;
  }
  .ep-footer .footer-relatedlinks .websitelinks .list.layout_category {
    margin-top: 0;
  }
  .ep-footer .footer-relatedlinks .websitelinks .list.layout_category .category {
    margin-top: 26px;
    width: 50%;
  }
  .ep-footer .footer-relatedlinks .websitelinks + .europarllinks:before {
    content: "";
    position: relative;
    display: block;
    overflow: hidden;
    height: 0;
    margin: 20px 0 27px 0;
    border-top: 2px dotted #b1b3b6;
  }
  .ep-footer .footer-relatedlinks .europarllinks .list {
    -moz-column-count: 2;
         column-count: 2;
  }
}
@media screen and (max-width: 639px) {
  .ep-footer .footer-relatedlinks {
    text-align: center;
  }
  .ep-footer .footer-relatedlinks .websitelinks,
  .ep-footer .footer-relatedlinks .europarllinks {
    position: relative;
  }
  .ep-footer .footer-relatedlinks .europarllinks .list {
    -moz-column-count: 1;
         column-count: 1;
  }
  .ep-footer .footer-relatedlinks .europarllinks .list .item {
    padding-right: 0;
  }
  .ep-footer .footer-relatedlinks .europarllinks .list .item:last-of-type {
    padding-bottom: 20px;
  }
  .ep-footer .footer-relatedlinks .europarllinks .list .footer-expand-content.expanded {
    border-bottom: 2px dotted #b1b3b6;
    padding-bottom: 26px;
  }
  .ep-footer .footer-relatedlinks .websitelinks .list.layout_category {
    padding-right: 0;
  }
  .ep-footer .footer-relatedlinks .websitelinks .list.layout_category .category {
    width: 100%;
  }
  .ep-footer .footer-relatedlinks .websitelinks .list.layout_category .category .subtitle {
    padding-right: 0;
  }
  .ep-footer .footer-relatedlinks .websitelinks .list.layout_category .category .item {
    padding-right: 0;
  }
  .ep-footer .footer-relatedlinks .websitelinks + .europarllinks:before {
    display: none;
  }
}

/*--- SOCIAL AND OTHER LINKS ---*/
.ep-footer .footer-otherlinks {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 30px;
}
.ep-footer .footer-otherlinks .mandatorylinks,
.ep-footer .footer-otherlinks .sociallinks {
  margin-top: 30px;
  width: auto;
  flex: 0 0 auto;
}
.ep-footer .footer-otherlinks .mandatorylinks ul,
.ep-footer .footer-otherlinks .sociallinks ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.ep-footer .footer-otherlinks .mandatorylinks ul .item,
.ep-footer .footer-otherlinks .sociallinks ul .item {
  display: inline-block;
}
.ep-footer .footer-otherlinks .sociallinks ul .item .button {
  display: inline-block;
  margin: 10px 10px 0;
}
.ep-footer .footer-otherlinks .sociallinks ul .item .button .icon {
  position: relative;
  overflow: hidden;
  width: 35px;
  height: 35px;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
}
.ep-footer .footer-otherlinks .sociallinks ul .item .button .icon:after {
  content: " ";
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  display: inline-block;
  overflow: hidden;
  width: 21px;
  height: 20px;
  background-image: url(../img/icons.svg);
  background-repeat: no-repeat;
  transition: transform 0.1s ease-out 0s;
}
.ep-footer .footer-otherlinks .sociallinks ul .item .button:hover .icon:after, .ep-footer .footer-otherlinks .sociallinks ul .item .button:focus .icon:after {
  transform: translate(-50%, -50%) scale(1.4);
}
.ep-footer .footer-otherlinks .sociallinks ul .item .button:focus .icon {
  outline: 3px dotted #d9d9d9;
}
.ep-footer .footer-otherlinks .sociallinks ul .item .button.facebook .icon:after {
  background-position: -108px -43px;
}
.ep-footer .footer-otherlinks .sociallinks ul .item .button.twitter .icon:after {
  background-position: -108px -142px;
}
.ep-footer .footer-otherlinks .sociallinks ul .item .button.flickr .icon:after {
  background-position: -108px -82px;
}
.ep-footer .footer-otherlinks .sociallinks ul .item .button.linkedin .icon:after {
  background-position: -108px -102px;
}
.ep-footer .footer-otherlinks .sociallinks ul .item .button.youtube .icon:after {
  background-position: -108px -122px;
}
.ep-footer .footer-otherlinks .sociallinks ul .item .button.instagram .icon:after {
  background-position: -108px -162px;
}
.ep-footer .footer-otherlinks .sociallinks ul .item .button.pinterest .icon:after {
  background-position: -108px -182px;
}
.ep-footer .footer-otherlinks .sociallinks ul .item .button.snapchat .icon:after {
  background-position: -108px -202px;
}
.ep-footer .footer-otherlinks .sociallinks ul .item .button.reddit .icon:after {
  background-position: -108px -62px;
}
.ep-footer .footer-otherlinks .sociallinks ul .item .button.googleplus .icon:after {
  background-position: -108px -62px;
}
.ep-footer .footer-otherlinks .mandatorylinks .list .item .button {
  display: inline-block;
  margin: 8px 13px;
}
.ep-footer .footer-otherlinks .mandatorylinks .list .item .button .name {
  font-size: 0.75rem;
  transition: transform 0.2s ease-out 0s;
}
.ep-footer .footer-otherlinks .mandatorylinks .list .item .button:hover .name, .ep-footer .footer-otherlinks .mandatorylinks .list .item .button:focus .name {
  transform: translate(0, -3px);
}
.ep-footer .footer-otherlinks .mandatorylinks .list .item .button:focus .name {
  outline: 3px dotted #d9d9d9;
}
@media screen and (max-width: 639px) {
  .ep-footer .footer-otherlinks .sociallinks {
    margin-top: 0;
  }
}
@media screen and (max-width: 480px) {
  .ep-footer .sociallinks {
    max-width: 220px;
  }
  .ep-footer .footer-otherlinks {
    margin: 0 20px;
  }
}
@media screen and (max-width: 380px) {
  .ep-footer .mandatorylinks ul {
    align-items: center;
  }
}
@media screen and (max-width: 320px) {
  .ep-footer .footer-otherlinks {
    margin: 0 10px;
  }
}

/*--- BUTTON EXPAND COLLAPSE ---*/
.ep_menu-access {
  display: none;
}

@media screen and (max-width: 639px) {
  .footer-expand-content {
    overflow: hidden;
    transition: height 0.3s ease-in-out;
  }
  .footer-expand-content.expanded {
    transition: height 0.3s ease-in-out;
  }
  .menu-access {
    display: flex;
    justify-content: center;
    margin-top: 16px;
    position: relative;
    width: auto;
    height: auto;
  }
  .menu-access:before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-bottom: 2px dotted #b1b3b6;
  }
  .menu-access button {
    display: block;
    width: 33px;
    height: 33px;
    background-color: #fff;
    border-radius: 50%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    transition: background-color 0.1s ease-in-out;
  }
  .menu-access button:before, .menu-access button:after {
    content: "";
    display: block;
    width: 18px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #326AAB;
  }
  .menu-access button:after {
    width: 1px;
    height: 18px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #326AAB;
  }
  .menu-access button:hover, .menu-access button:focus {
    background-color: #326aab;
  }
  .menu-access button:hover:before, .menu-access button:hover:after {
    background-color: #fff;
  }
  .menu-access button:focus {
    outline: 3px dotted #d9d9d9;
  }
  .menu-access button:focus:before, .menu-access button:focus:after {
    background-color: #fff;
  }
  .menu-access button[aria-expanded=true] {
    background-color: #326aab;
  }
  .menu-access button[aria-expanded=true]:before, .menu-access button[aria-expanded=true]:after {
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .menu-access button[aria-expanded=true]:after {
    background-color: #fff;
  }
  .menu-access button[aria-expanded=true]:hover:before, .menu-access button[aria-expanded=true]:focus:before {
    display: none;
  }
}
/*--- SEPERATOR ---*/
.ep-footer .footer-separator {
  display: block;
  margin: 5px 15px 0;
  height: 0;
  border-top: 2px dotted #b1b3b6;
}
.ep-footer .menu-access {
  display: none;
}
@media screen and (max-width: 639px) {
  .ep-footer .footer-separator {
    display: none;
  }
  .ep-footer .footer-expand-content {
    display: flex;
    flex-wrap: wrap;
    height: auto;
  }
  .ep-footer .menu-access {
    display: block;
  }
}
@media screen and (min-width: 640px) {
  .ep-footer .footer-expand-content {
    display: flex !important;
    flex-wrap: wrap;
    height: auto !important;
  }
}
/*# sourceMappingURL=footer-ep.css.map */