/*

Theme Name: Pro – Child Theme
Theme URI: https://theme.co/pro/
Author: Themeco
Author URI: https://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/

.cp-slidein.slidein-bottom-center {
  backdrop-filter: blur(25px);
  border-radius: 1em;
  overflow: hidden;
  margin-bottom: 1em;
  width: calc(100% - 2em) !important;
}

/* Global Variables */

:root {
  --lc-gutter: 0.5rem;
  --lc-padding: 1.5rem;
  --lc-radius: 0.5rem;
  --lc-bannerMinH: 50vh;
  --lc-siteWidth: calc(100% - 2rem);
  --lc-siteMaxWidth: 1280px;
  /* colors */
  --lc-primary: rgb(204, 44, 36);
  --shadow-color: #090909;
  --240: rgb(240,240,240);
  --200: rgb(200,200,200);
  --200t: rgba(200,200,200,0.75);
  --section-border: rgba(50,50,50,1);
  --section-width: 2px;
}

@media (max-width:767px) {
  :root {
  	--lc-siteWidth: calc(100% - 3rem)
  }
}
.lc-pad{
  padding:var(--lc-padding)!important
}
.lc-bg {
  background-color:#222!important;
}
.lc-bg-dark {
  background-color:#111!important;
}
.lc-section {
  margin-bottom:var(--lc-gutter)!important;
}

.lc-highlight span {
  color:var(--lc-primary)!important
}
/* Ubermenu */

/* UberMenu base styles for dark theme */

.ubermenu {
    border: none;
  	font-family: "Roboto",sans-serif;
  font-size: 1em;
  background:#292929;
  border-top: 1px #111 solid;
}
.ubermenu-bar-inner-center .ubermenu-nav {
  width:var(--lc-siteWidth);
  max-width:var(--lc-siteMaxWidth);
}

.ubermenu-main .ubermenu-row {
  width:var(--lc-siteWidth) !important;
  max-width:var(--lc-siteMaxWidth) !important;
}

.ubermenu-skin-minimal .ubermenu-submenu.ubermenu-submenu-drop {
  background-color:rgba(50,50,50,1);
  border:none!important;
  border-radius:none!important;
}
.ubermenu-skin-minimal .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target,
.ubermenu-submenu .ubermenu-item{
  border:none!important;
}
.ubermenu-item {
    border: none;
    transition: background-color 0.2s ease;
    color:var(--200t)
}

.ubermenu-item > a > span.ubermenu-target-text,
.ubermenu-item > a > i {
  color:#ccc
}

.ubermenu-item:hover > a > span,
.ubermenu-item:hover > a > i {
  color: var(--240); /* Slight highlight on hover */
}

.ubermenu-item.ubermenu-current-menu-item,
.ubermenu-item.ubermenu-active {
    background-color: transparent; /* Highlight active items */
}

/* Text and icon colors */
.ubermenu-target {
    color: var(--240);
}
.ubermenu-item-level-0 > a {
  font-weight: 500 !important;
  font-size: 1.125em;
}

.ubermenu-item-level-0:first-child {
  margin-left: -20px;
}

.ubermenu-target:hover,
.ubermenu-item.ubermenu-current-menu-item .ubermenu-target,
.ubermenu-item.ubermenu-active .ubermenu-target {
    color: var(--lc-primary); /* Highlight text on hover or active state */
}

/* Submenu styles */
.ubermenu-submenu {
    background-color: #111; /* slightly lighter than base */
    border: none;
}

.ubermenu-submenu .ubermenu-item {
    border-top: 1px solid rgba(240, 240, 240, 0.1); /* subtle separator */
}

.ubermenu-submenu .ubermenu-target {
    color: var(--200); /* Lighter color for submenu items */
}

.ubermenu-submenu .ubermenu-target:hover,
.ubermenu-submenu .ubermenu-item.ubermenu-current-menu-item .ubermenu-target,
.ubermenu-submenu .ubermenu-item.ubermenu-active .ubermenu-target {
    color: var(--lc-primary); /* Highlight submenu text on hover or active state */
}

/* cf7 */

/* Base Styles for the Dark Form */
.cf7-dark-theme {
    color: #fff;
}
.cf7-center label {
  text-align:center;
  line-height:2;
  font-size:1rem;
  letter-spacing:0.5px;
  margin-bottom:0;
}
@media (min-width:768px) {
    .cf7-row {
      display: flex;
    }
    .cf7-row .cf7-col:first-child {
      margin-right:1rem;
    }
  .cf7-row > p {
    width:100%;
  }
    .cf7-col {
      margin:0;
      width:auto;
      display:inline-block;
    }
  }

/* Input Fields, Textarea, and Select Styles */
.cf7-dark-theme input[type="text"],
.cf7-dark-theme input[type="email"],
.cf7-dark-theme input[type="tel"],
.cf7-dark-theme input[type="number"],
.cf7-dark-theme input[type="date"],
.cf7-dark-theme select,
.cf7-dark-theme textarea {
  box-sizing:border-box !important;
  transition: all 0.2s ease;
    background-color: rgba(255,255,255,0.175);
    border: 2px solid rgba(255,255,255,0.25);
  	box-shadow: 0 0 5px -1px rgba(255,255,255,0.125);
    color: #fff;
    padding: 0.5rem 0.75rem;
    border-radius: var(--lc-radius);
    width: 100%;
    box-sizing: border-box;
  font-family: "Cairo", sans-serif;
  min-height: 40px;
  text-align:left;
  font-size:1.25rem;
  text-transform:unset!important;
  width:100% !important
}

/* Placeholder Color */
.cf7-dark-theme ::placeholder {
    color: #aaa;
    opacity: 1; /* Firefox */
}

.cf7-dark-theme :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #aaa;
}

.cf7-dark-theme ::-ms-input-placeholder { /* Microsoft Edge */
    color: #aaa;
}

/* On Focus Styles */
.cf7-dark-theme input[type="text"]:focus,
.cf7-dark-theme input[type="email"]:focus,
.cf7-dark-theme input[type="tel"]:focus,
.cf7-dark-theme input[type="number"]:focus,
.cf7-dark-theme input[type="date"]:focus,
.cf7-dark-theme select:focus,
.cf7-dark-theme textarea:focus {
    outline: none;
		background-color: rgba(255,255,255,0.225);
    border-color: rgba(203,43,35,0.65);
  	box-shadow: 0 0 0 4px rgba(203,43,35,0.25);
  
}

/* Submit Button Styles */
.cf7-dark-theme input[type="submit"] {
    background-color: var(--lc-primary);
    color: #fff;
    padding: 10px 20px !important;
    border: none;
    border-radius: var(--lc-radius);
    cursor: pointer;
    transition: all 0.3s ease;
  width: 100%;
  font-family: "Bai Jamjuree", sans-serif;
  text-transform:uppercase;
  font-weight:600;
  box-shadow: 0 0 0 2px rgba(204,34,36,0.35);
}
.wpcf7-not-valid-tip {
  color:var(--lc-primary)
}
/* Submit Button Styles */
.cf7-dark-theme input[type="submit"]:hover {
    background-color:rgb(234, 74, 66)!important;
  transform:scale(1.01);
    color: #fff;
  font-family: "Bai Jamjuree", sans-serif;
  text-transform:uppercase;
  font-weight:600;
  box-shadow: 0 0 0 2px rgba(204,34,36,0.65);
  width:100%!important;
}

.cf7-dark-theme .wpcf7 {
  margin: 0 auto;
  font-family: "Cairo", sans-serif;
  font-size:1.125em;
}

.wpcf7-response-output {
  border: 2px rgb(204, 34, 36) solid;
  padding: 10px;
  text-align: center;
  border-radius: var(--lc-radius);
  background: rgba(204,34,36,0.25);
  margin-top: 1em;
}
.cf7-dark-theme input[type="submit"]:hover {
    background-color: var(--lc-primary);
}

/* Set the initial height of the textarea */
.wpcf7-form-control.wpcf7-textarea {
  height: 40px;
  min-height: 90px; /* Adjust this value as needed */
  resize: none; /* Prevent manual resizing by the user */
  overflow: hidden; /* Hide any overflowing content */
  font-family: "Cairo", sans-serif;
}


.truncate {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* Adjust the number of lines to limit the height */
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative; /* Required for stacking */
}
.hide {display:none!important}
.shadow .lc-bg {
  border-radius: var(--lc-radius);
	overflow:hidden;
}
.shadow-long {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

#splash .x-bg-layer-upper-color{
  position: relative;
  top: 1px;
  background: rgb(10,10,10);
background: linear-gradient(0deg, rgba(20,20,20,1) 0%, rgba(20,20,20,0.33) 75%, rgba(10,10,10,0) 100%);
}

.green_energy .colortarget i.x-icon , 
.green_energy .colortarget span.x-text-content-text-primary,
.green_energy .colortarget span.x-text-content-text-secondary,
.green_energy .colortarget .x-particle  {
  color:rgb(192,240,23)!important
}
.green_energy .colortarget .x-anchor.has-particle .x-icon {
  color:rgb(250,250,250)!important
}

.green_energy .colortarget .x-anchor.has-particle:hover .x-icon,
.green_energy .colortarget .x-anchor.has-particle:hover .x-anchor-text-primary,
.green_energy .colortarget .x-anchor.has-particle:hover .x-anchor-text-secondary {
  color:rgb(20,20,20)!important
}
.nowrap {text-wrap:nowrap;}
.z10 {z-index:10}

/* sliders */
.slide-max .slide-row {
  height: 100%
}


/* glass */
.glass_container {
  background: rgba(18, 18, 18, 0.42);
  backdrop-filter: blur(22px) saturate(140%) contrast(140%) brightness(150%);
  -webkit-backdrop-filter: blur(22px) saturate(140%) contrast(140%) brightness(150%);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.35),
    inset 0 -1px 0 rgba(255, 255, 255, 0.10);
}
.glass_container .x-anchor, .glass_container .x-anchor * {
  white-space:nowrap;
}
.glass_container .x-particle {mix-blend-mode: overlay; box-shadow:0 0 40px -10px rgba(255,255,255,1) inset; border-radius:100em}

.glass_container::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
	border-radius:100em;
  border: 1px solid rgba(255, 255, 255, 0.12);

  box-shadow:
    inset 1px 1px 0 rgba(255, 255, 255, 0.12),
    inset -1px -1px 0 rgba(255, 255, 255, 0.05),
    inset 0 0 18px rgba(255, 255, 255, 0.04),
    inset 0 0 40px rgba(255, 255, 255, 0.02);
}

.glass_container::after {
  content: "";
  position: absolute;
  inset: 1px;
  pointer-events: none;
  z-index: 2;
	border-radius:100em;
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.12) 0%,
      rgba(255, 255, 255, 0.03) 1px,
      transparent 18px
    ),
    linear-gradient(
      315deg,
      rgba(255, 255, 255, 0.4) 0%,
      rgba(255, 255, 255, 0.03) 1px,
      transparent 22px
    );

  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.04),
    inset 0 12px 18px rgba(255, 255, 255, 0.03),
    inset 0 -14px 20px rgba(0, 0, 0, 0.12);
}

@media (max-width:767px) {
  .glass_container::before, .glass_container::after {border-radius:2em;}
}