/* 
    Theme Name: Hello Elementor Child
    Theme URI: https://github.com/elementor/hello-theme-child/
    Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
    Author: Elementor Team
    Author URI: https://elementor.com/
    Template: hello-elementor
    Version: 2.0.0
    Text Domain: hello-elementor-child
    License: GNU General Public License v3 or later.
    License URI: https://www.gnu.org/licenses/gpl-3.0.html
    Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/* Add your custom styles here */
:root {
  --wp--preset--font-size--small: 16px;
}

a{text-decoration:none;}
a:hover{text-decoration:none;}
.pa-gallery-whole-link{z-index:1 !important;}
.comments-area a, .page-content a{text-decoration:none;}
.sr-only{display:none;visibility:hidden;}

#menu-main-menu li span.xpro-dropdown-menu-toggle{display:none;visibility:hidden;}
.xpro-elementor-dropdown-menu{left:-130px !important;}

main ul,
main ol{margin-right:1%;}

.img-container {
  display: inline-block;
  overflow: hidden;            /* clip the excess when child gets bigger than parent */
}

.img-container::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.img-container img {
  display: block;
  transition: transform .4s;   /* smoother zoom */
}
.img-container:hover img {
  transform: scale(1.2);
  transform-origin: 50% 50%;
}

/*home 3 stations*/
.home-3-stations{opacity: 0;}
.home-3-stations-1{animation:h3sDropIn 0.75s cubic-bezier(.4,0,.2,1) forwards 0.6s;}
.home-3-stations-2{animation:h3sDropIn 0.75s cubic-bezier(.4,0,.2,1) forwards 1.8s;}
.home-3-stations-3{animation:h3sDropIn 0.75s cubic-bezier(.4,0,.2,1) forwards 3.0s;}

@keyframes h3sDropIn {
    0%   { opacity: 0; transform: rotateX(-55deg) translateY(-40px) scale(0.9); }
    65%  { transform: rotateX(6deg) translateY(4px) scale(1.01); }
    100% { opacity: 1; transform: rotateX(0deg) translateY(0) scale(1); }
}


/*3 stations page*/
.three-stations-time .ue_timeline_item_icon_holder .ue_text_one{font-size:2.5rem;}

/*footer*/
.footer-testemonial-carousel .owl-nav{position:absolute;top:-90px;right:70px;}
.footer-testemonial-carousel .uc_carousel .ue-image{position:absolute;bottom:10%;}

.form-meeting{}
.form-meeting .uacf7-row{background-color:#36363B;padding:15px;}

@media screen and (max-width: 767px) {
.form-meeting .uacf7-row .uacf7-col-3, 
.form-meeting .uacf7-row .uacf7-col-4, 
.form-meeting .uacf7-row .uacf7-col-6, 
.form-meeting .uacf7-row .uacf7-col-12{margin-bottom:20px;}
}

.form-meeting .uacf7-row label{color:#ffffff;padding:0 10px 10px 0;}
.form-meeting input::placeholder{text-align:right;direction:rtl;color:#ffffff;}
.form-meeting textarea::placeholder{color:#ffffff;}
.form-meeting input{background-color:#36363B;color:#ffffff;border-radius:20px;}
.form-meeting textarea{background-color:#36363B;min-height:150px;height:150px;color:#ffffff;border-radius:20px;}
.form-meeting a{color:#ffffff;}



/* Main button styling */
.form-meeting button[type="submit"],
.form-meeting .wpcf7-submit {
    background-color: #10b6e1;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    font-size: 1.2em;
    padding: 14px 28px;        /* good padding for rounded button */
    display: inline-flex;
    align-items: center;
    justify-content: center; 
    gap: 10px;                 /* nice space between icon and text */
    cursor: pointer;
    transition: all 0.3s ease; /* smooth hover effect */
}

/* Icon styling */
.form-meeting button i,
.form-meeting .wpcf7-submit i {
    padding-right: 0;          /* remove this, we use gap instead */
    font-size: 1.25em;         /* slightly larger icon */
}

/* Optional: Nice hover effect */
.form-meeting button[type="submit"]:hover,
.form-meeting .wpcf7-submit:hover {
    background-color: #0e9fc4;   /* darker shade of your blue */
    transform: translateY(-2px); /* subtle lift effect */
}

/* =========================
   FORM WOW ANIMATION LAYER
   (ADD AT END OF YOUR CSS)
========================= */

/* Labels - hidden state */
.form-meeting label {
  display: inline-block;
  opacity: 0;
  transform: translateX(-18px) rotate(-2deg);
  filter: blur(6px);
  transition: 0.6s cubic-bezier(.2,.9,.2,1);
  will-change: transform, opacity, filter;
}

/* Inputs + textarea - hidden state */
.form-meeting input,
.form-meeting textarea {
  opacity: 0;
  transform:
    perspective(800px)
    translateY(45px)
    rotateX(-25deg)
    scale(0.98);

  transform-origin: top;
  transition: 1.2s cubic-bezier(.2,.9,.2,1);

  will-change: transform, opacity;
}

/* Columns stagger base */
.form-meeting .uacf7-col {
  opacity: 0;
  transform: translateY(40px) scale(0.98);
  transition: 1.2s cubic-bezier(.2,.9,.2,1);
}

/* Button hidden state */
.form-meeting .wpcf7-submit {
  opacity: 0;
  transform: scale(0.85) translateY(30px);
  filter: blur(6px);
  transition: 1.2s cubic-bezier(.2,.9,.2,1);
  will-change: transform, opacity, filter;
}

/* RESPONSE */
.form-meeting .wpcf7-response-output {
  opacity: 0;
  transform: translateY(10px);
  transition: 0.6s ease;
}

/* =========================
   ACTIVE STATE (IN VIEW)
========================= */

.form-meeting.in-view label {
  opacity: 1;
  transform: translateX(0) rotate(0);
  filter: blur(0);
}

.form-meeting.in-view input,
.form-meeting.in-view textarea {
  opacity: 1;
  transform:
    perspective(800px)
    translateY(0)
    rotateX(0)
    scale(1);
}

.form-meeting.in-view .uacf7-col {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* Stagger effect */
.form-meeting.in-view .uacf7-col:nth-child(1) { transition-delay: 0.05s; }
.form-meeting.in-view .uacf7-col:nth-child(2) { transition-delay: 0.10s; }
.form-meeting.in-view .uacf7-col:nth-child(3) { transition-delay: 0.15s; }
.form-meeting.in-view .uacf7-col:nth-child(4) { transition-delay: 0.20s; }
.form-meeting.in-view .uacf7-col:nth-child(5) { transition-delay: 0.25s; }
.form-meeting.in-view .uacf7-col:nth-child(6) { transition-delay: 0.30s; }

/* Button reveal */
.form-meeting.in-view .wpcf7-submit {
  opacity: 1;
  transform: scale(1) translateY(0);
  filter: blur(0);
  transition-delay: 0.35s;
}

/* Response reveal */
.form-meeting.in-view .wpcf7-response-output {
  opacity: 1;
  transform: translateY(0);
}

/* =========================
   OPTIONAL: micro interaction polish
========================= */

/* focus feels smoother */
.form-meeting input:focus,
.form-meeting textarea:focus {
  transform: scale(1.01);
  transition: transform 0.25s ease;
}

.form-meeting .wpcf7-response-output{color:#ffffff;}

/*blog read more button*/
.premium-blog-wrap .premium-blog-excerpt-link-wrap a{background-image:linear-gradient(90deg, #0082E2 0%, #40CDF8 100%);}

/*workbook form*/
.workbook-form{}
.workbook-form a{color:#403e46;}
.workbook-form-row{margin-bottom:25px !important;}
.workbook-form .workbook-form-row input::placeholder{color:#404048;text-align:right;direction:rtl;}
.workbook-form .workbook-form-row textarea::placeholder{color:#404048;}
.workbook-form .workbook-form-row input[type="text"],
.workbook-form .workbook-form-row input[type="email"],
.workbook-form .workbook-form-row input[type="tel"]{border:none;border-bottom:solid 1px #404048;color:#404048;background-color:#f5f5f5;}
.workbook-form .workbook-form-row textarea{border:none;border-bottom:solid 1px #404048;color:#404048;background-color:#f5f5f5;height:70px;}
.workbook-form .workbook-form-row input[type="submit"]{color:#ffffff;background-color:#36363b;border:none;}

/*main form*/
.main-form{}
.main-form a{color:#403e46;}
.main-form-row{margin-bottom:25px !important;}
.main-form .main-form-row input::placeholder{color:#404048;text-align:right;direction:rtl;}
.main-form .main-form-row textarea::placeholder{color:#404048;}
.main-form .main-form-row input[type="text"],
.main-form .main-form-row input[type="email"],
.main-form .main-form-row input[type="tel"]{border:none;border-bottom:solid 1px #404048;color:#404048;background-color:#f5f5f5;}
.main-form .main-form-row textarea{border:none;border-bottom:solid 1px #404048;color:#404048;background-color:#f5f5f5;height:70px;}
.main-form .main-form-row input[type="submit"]{color:#ffffff;background-color:#36363b;border:none;}

@media screen and (max-width: 767px) {
    footer .contact-icons .elementor-icon-list-items{
       display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 10px 0 10px 0 !important; 
    }
}