/*
Theme Name: Menton Elementor
Theme URI: http://localhost/menton/wordpress/
Description: Child theme for Menton SK built on Hello Elementor. Keeps the static Menton visual system while allowing page content to be edited in Elementor.
Author: Menton SK
Template: hello-elementor
Version: 0.1.0
Text Domain: menton-elementor
*/

.elementor-location-header {
  position: sticky;
  top: 0;
  z-index: 10;
}

.elementor-location-header .site-header {
  display: block;
  position: static;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  padding-block: 0;
}

.elementor-location-footer {
  width: 100%;
  background: #191c20;
}

.elementor-location-footer .site-footer {
  width: 100%;
  padding: 48px 0;
  color: rgba(255, 255, 255, 0.72);
  background: #191c20;
}

.elementor-location-footer .site-footer > .elementor-container {
  width: min(var(--max), calc(100% - 40px));
  max-width: var(--max);
  margin: 0 auto;
}

.elementor-location-footer .elementor-column {
  min-width: 0;
}

.elementor-location-footer .elementor-widget-wrap {
  padding: 0 16px;
}

.elementor-location-footer .elementor-widget-text-editor {
  color: rgba(255, 255, 255, 0.72);
  font: inherit;
}

.elementor-location-footer .elementor-widget-text-editor h3 {
  margin: 0 0 14px;
  color: #fff;
  font-size: 17px;
  line-height: 1.25;
}

.elementor-location-footer .elementor-widget-text-editor p,
.elementor-location-footer .elementor-widget-text-editor a {
  display: block;
  margin: 8px 0 0;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.55;
}

.elementor-location-footer .elementor-element-mentonfootoneeditor h3 + p {
  margin-top: 0;
}

.elementor-location-footer .elementor-widget-text-editor a {
  width: fit-content;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 4px;
  transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.elementor-location-footer .elementor-widget-text-editor a:hover,
.elementor-location-footer .elementor-widget-text-editor a:focus-visible {
  color: #fff;
  text-decoration-color: var(--red);
}

@media (max-width: 980px) {
  .elementor-location-footer .site-footer > .elementor-container {
    flex-wrap: wrap;
  }

  .elementor-location-footer .elementor-column {
    width: 50%;
  }
}

@media (max-width: 680px) {
  .elementor-location-footer .elementor-column {
    width: 100%;
  }
}