/**
 * @file    css/_tmpl-footer.css
 * @brief   Footer stylesheet.
 *
 * @ingroup DKSL_CSS
 */

 /**
 * Table of Contents
 *
 * 1.0 - Footer
 *   1.1 - Defines
 *   1.2 - Site Footer
 *   1.3 - Site Footer Media Queries
 */

/*===========================================================================*/
/* 1.0 Footer                                                                */
/*===========================================================================*/
/**
 * 1.1 - Defines
 */
:root {
  --dksl-footer-padding-side: 40px;
  --dksl-footer-padding-block: 10px;
}

@media screen and (max-width: 1023px) {
  :root {
    --dksl-footer-padding-side: 20px;
    --dksl-footer-padding-block: 8px;
  }
}

/**
 * 1.2 - Site Footer
 */
#dksl-site-footer {
  width: 100%;
  background-color: var(--dksl-block-background);
}

#dksl-site-footer .footer-content {
  max-width: 1440px;
  font-size: 0.90em;
  text-align: center;
  padding: var(--dksl-footer-padding-block) var(--dksl-footer-padding-side);
  margin: auto;
}

/**
 * 1.3 - Site Footer Media Queries
 */
@media screen and (max-width: 1023px) {

}