/*
 Theme Name: Tecsa Domótica
 Description: Tecsa Domótica Child Theme
 Template: Divi
 Version: 1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */

:root {
  --content-width: 90%;
}

html {
  scroll-behavior: smooth;
}

html,
body {
  overflow-x: hidden;
}

.dropdown-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}

.dropdown-header {
  cursor: pointer;
}

.dropdown.dropdown-active,
.dropdown-header .et_pb_icon,
.dropdown.dropdown-active .dropdown-header .et_pb_text_inner {
  transition: all 0.3s ease-out;
}

/* Active state for when the accordion is open */
.dropdown.dropdown-active {
  border-color: #5839aa !important;
}
.dropdown.dropdown-active .dropdown-header .et_pb_text_inner {
  color: #fff !important;
}
.dropdown.dropdown-active .dropdown-content {
  max-height: 200px; /* Make sure this is larger than your content height */
}
.dropdown.dropdown-active .et_pb_icon {
  transform: rotate(180deg);
}

/* Contact Form 7 */
.wpcf7-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select {
  display: flex;
  padding: 14px 16px;
  align-items: center;
  align-self: stretch;
  border-radius: 12px;
  border: 1px solid var(--Border-tertiary, #444);
  background: var(--Color-Neutral-neutral-darker, #222);
  width: 100%;
}

.wpcf7-form .two-columns > p {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.wpcf7-form label {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: var(--Color-Neutral-neutral-light, #aaa);

  /* Link/Link X-Small */
  font-family: Silka;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px; /* 128.571% */
  letter-spacing: 0.105px;
}
.wpcf7-form-control-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.wpcf7-form input[type="submit"] {
  display: none;
}

/* Images tab pane */
#tap-pane-images .et_pb_image {
  transition: opacity 0.4s ease-in-out;
}
#tap-pane-images .et_pb_image.initialized {
  position: absolute;
  opacity: 0;
}
#tap-pane-images .et_pb_image.active {
  opacity: 1;
}

#tap-pane-selectors .et_pb_row {
  transition: border 0.4s ease-in-out;
  cursor: pointer;
}
#tap-pane-selectors .et_pb_row.active {
  border-left: 4px solid var(--Grad-Stroke, #01eefe) !important;
}

/* Images folder tabs */
#folder-pane.initialized .folder-tab {
  position: absolute;
  transition: transform 0.4s ease;
}
#folder-pane.initialized .folder-tab-header {
  cursor: pointer;
  transition: all 0.4s ease;
}
#folder-pane.initialized .folder-tab.active .folder-tab-header,
#folder-pane.initialized .folder-tab:hover .folder-tab-header {
  border-top: 1px solid var(--Grad-2, #01eefe);
  border-bottom: 1px solid var(--Grad-2, #01eefe);
  border-left: 1px solid var(--Grad-2, #01eefe);
  background: linear-gradient(
    62deg,
    #003033 0.48%,
    #232028 56.1%,
    #140729 111.72%
  );
}