:root {
  --footer-bg: var(--gradient-blue);
  --copyright-bg: rgba(0, 0, 0, .05);
}

body.dark {
  --footer-bg: rgba(255, 255, 255, .05);
  --copyright-bg: rgba(255, 255, 255, .05);
}

/* Footer
/*------------------------------------------------------------*/
footer {
  font-size: 14px;
  background: var(--footer-bg);

  color: #FFF;
  padding: 0;
}

footer a:link, footer a:visited {
  font-weight: normal;
  color: rgba(255, 255, 255, .7);
}

footer a:hover, footer a:focus {
  color: #FFF;
}

/* Sitemap */
.sitemap__submenu li:last-of-type {
  padding-bottom: 15px;
}

.sitemap__submenu li a {
  padding: 4px 0;
}

.sitemap__colheader {
  font-size: 15px;
  font-weight: 600 !important;
  color: #FFF !important;
  padding: .8rem;
  margin: 0 -12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.sitemap .col {
  border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.sitemap .col:last-of-type {
  border-bottom: 0;
}

.sitemap__colheader__arrow {
  width: 18px;
  height: 18px;
  font-size: 12px;

  display: flex;
  justify-content: center;
  align-items: center;

  transition: transform .3s ease-in-out;
}

.sitemap__colheader[aria-expanded="true"] .sitemap__colheader__arrow {
  transform: rotate(-180deg);
}

/* Copyright */
.copyright {
  font-size: 12px;
  background-color: var(--copyright-bg);
  padding: 30px 20px;
}

.copyright .iconBtn:link,
.copyright .iconBtn:visited {
  width: 40px;
  height: 40px;
  color: rgba(255, 255, 255, .7);
  border-color: rgba(255, 255, 255, .7);
}

.copyright .iconBtn:hover,
.copyright .iconBtn:focus {
  color: rgba(255, 255, 255, 1);
  border-color: rgba(255, 255, 255, 1);
}

.copyright__text {
  line-height: 1.6;
}

/* Simple Footer */
.footer--s .copyright {
  padding: 15px;
}


/* Extra small devices (landscape phones, 320px and up) */
@media (min-width: 320px) {


}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .copyright {
        font-size: 13px;
    }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .sitemap {
        padding: 60px 0;
    }

    .sitemap .col {
        border-bottom: 0;
    }

    .sitemap__submenu li:last-of-type {
      padding-bottom: 0;
    }
    
    .sitemap__colheader {
        font-size: 1rem;
        padding: 0;
        margin: 0;
        margin-bottom: 4px;
        cursor: default;
        pointer-events: none;
    }

    .sitemap__colheader__arrow {
        display: none;
    }

    /* Unset Collapse */
    .sitemap__submenu.collapse {
      display: block;
    }
    
    .sitemap__submenu.collapsing {
        height: auto;
        overflow: auto;
        transition: none;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}