/*
Theme Name:   TempoPay Divi Child Theme
Theme URI:    https://tempopay.com/
Description:  TempoPay theme, based on Divi
Author:       TempoPay
Author URI:   https://www.spingroup.com
Template:     Divi
*/

:root {
  --primary-color: #ffe76a;
}

/* Focus outline: keyboard / focus-visible only (not mouse click) */
:focus-visible {
  outline: 3px solid blue !important;
  outline-offset: 4px;
}

/* Footer Styles */

/* Footer Menu */
.et-l.et-l--footer .menu-footer-menu-container > ul {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 20px;
}

.et-l.et-l--footer .menu-footer-menu-container > ul > li {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.et-l.et-l--footer .menu-footer-menu-container > ul > li > a {
  color: #f2f4f7 !important;
  font-size: 14px;
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}
.et-l.et-l--footer .menu-footer-menu-container > ul > li > ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.et-l.et-l--footer .menu-footer-menu-container > ul > li > ul > li {
  margin: 0;
}

.et-l.et-l--footer
  .menu-footer-menu-container
  > ul
  > li
  > ul
  > li:is(:hover, :focus) {
  text-decoration: underline;
}

@media (max-width: 1280px) {
  .et-l.et-l--footer .menu-footer-menu-container > ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
  }
}
@media (max-width: 980px) {
  .et-l.et-l--footer .et_pb_column .et_pb_widget {
    width: 100%;
    margin: 0;
  }
}

@media (max-width: 640px) {
  .et-l.et-l--footer .menu-footer-menu-container > ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* End Footer Styles */

/* Copyright Styles */

.et-l.et-l--footer .copyright-row {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.et-l.et-l--footer .copyright-row .et_pb_column:nth-of-type(1) {
  grid-column: span 2 / span 2;
}

.et-l.et-l--footer .copyright-row .et_pb_column:nth-of-type(2) {
  grid-column: 3 / 10;
}

.et-l.et-l--footer .copyright-row .et_pb_column:nth-of-type(3) {
  grid-column: span 3 / span 3;
}

@media (max-width: 1280px) {
  .et-l.et-l--footer .copyright-row .et_pb_column:nth-of-type(2) {
    order: 3;
    grid-column: 1 / -1;
  }

  .et-l.et-l--footer .copyright-row .et_pb_column:nth-of-type(3) {
    grid-column: 3 / -1;
  }
}

@media (max-width: 640px) {
  .et-l.et-l--footer .copyright-row .et_pb_column:nth-of-type(1) {
    grid-column: 1 / -1;
  }
  .et-l.et-l--footer .copyright-row .et_pb_column:nth-of-type(2) {
    order: 0;
  }

  .et-l.et-l--footer .copyright-row .et_pb_column:nth-of-type(3) {
    grid-column: 1 / -1;
  }
}

/* End Copyright Styles */

/* End Footer Styles */

/* Header Styles */

/* Generalized Mega Menu / Static Position Fix */
.et_pb_column.et_pb_column--with-menu,
.et_pb_menu,
.et_pb_menu_inner_container,
.et_pb_menu__wrap,
.et_pb_menu__menu,
.et-menu-nav,
.et-menu.nav,
.et-menu.nav > li {
  position: static !important;
}

/* Ensure the sub-menu actually spans the width of the relative parent (usually the Row) */
.et-menu.nav > li > ul.sub-menu {
  width: 100% !important;
  left: 0 !important;
}

/* Desktop Mega Menu Animations */
/* This class will be added to the Row via the Interaction */
.container-active {
  max-height: 800px !important;
}

.et_pb_row.et_pb_row_nested.is-active {
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  display: flex !important;
  padding-bottom: 32px !important;
  filter: opacity(1) !important;
  z-index: 1000 !important;
}

.mobile-header .et_pb_group.is-active {
  filter: opacity(1);
}

.mobile-header .dropdown-active {
	background-color: #FFFFFF !important;
}

/* Gravity Form Overrides */

.et_pb_code .gform_wrapper.gform-theme .gfield :is(input, textarea, select) {
  border-radius: 12px;
  border-color: #eaecf0;
  padding: 16px 24px;
  font-size: 16px;
}

.et_pb_code
  .gform_wrapper.gform-theme
  .gfield
  :is(input, textarea, select):focus {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}

.et_pb_code
  .gform_wrapper.gform-theme
  .gfield
  input:not([type="submit"]):not([type="button"]):not([type="hidden"]):focus,
.et_pb_code .gform_wrapper.gform-theme .gfield textarea:focus,
.et_pb_code .gform_wrapper.gform-theme .gfield select:focus {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}

.et_pb_code
  .gform_wrapper.gform-theme
  .gform-footer.gform_footer
  input[type="submit"].gform_button {
  background-color: #09090b;
  border-radius: 12px;
  padding: 16px 24px;
  font-size: 16px;
}

.et_pb_code
  .gform_wrapper.gform-theme
  .gform-footer.gform_footer
  input[type="submit"].gform_button:is(:hover, :focus) {
  background-color: var(--primary-color);
  color: #101828;
}