/*
Theme Name:        Wellora
Theme URI:         https://quiknexa.com
Author:            QuikNexa
Author URI:        https://quiknexa.com
Description:       
Version:           1.0.0
Requires at least: 6.2
Requires PHP:      7.4
Tested up to:      6.9
Template:          Divi
License:           GPL-2.0-or-later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       wellora
Tags:              divi, child-theme, demo-content

Generated by:      QuikNexa Divi Packager on 2026-08-28T05:32:18+00:00
*/

.et-l--header { position: relative; z-index: 99; }

/* ===== Custom CSS (from Design step) ===== */
/* =========================================

   ========================================= */

.wl_slide_bg .et_pb_slide {
    position: relative;
    overflow: hidden;
    transform: none !important;
    animation: none !important;
}


/* Animated Divi background image */
.wl_slide_bg .et_pb_slide::before {
    content: "";
    position: absolute;
    inset: -6%;
    z-index: 0;

    background-image: var(--wl-bg-image);
    background-color: var(--wl-bg-color);

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    /* Keep Divi native overlay/blend */
    background-blend-mode: var(--wl-bg-blend);

    transform: scale(1);
    transform-origin: center center;

    pointer-events: none;
}


/* Animate only the currently active Divi slide */
.wl_slide_bg .et_pb_slide.et-pb-active-slide::before {
    animation: wylora-ken-burns 7s ease-in-out infinite alternate;
}


/* Keep all Divi content static */
.wl_slide_bg .et_pb_slide > *,
.wl_slide_bg .et_pb_container {
    position: relative;
    z-index: 2;
}


/* =========================================
   SMOOTH KEN BURNS LOOP
   ========================================= */

@keyframes wylora-ken-burns {

    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.06);
    }

    100% {
        transform: scale(1.12);
    }

}








.wl_video_btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--gcid-primary-color);
  opacity: 0.5;
  animation: wy-video-pulse 2s infinite;
  z-index: -1;
  pointer-events: none;
}

@keyframes wy-video-pulse {
  0% { transform: scale(1); opacity: 0.5; }
  100% { transform: scale(1.6); opacity: 0; }
}








/* Desktop default */

.wl_img_according .et_pb_image {
    flex: 1 1 0;
    width: auto;
    margin-bottom: 0;
    overflow: hidden;
    border-radius: 10px;
    transition: flex 0.5s ease;
}

.wl_img_according .et_pb_image.pt-active {
    flex: 3 1 0;
}

.wl_img_according .et_pb_image img {
    height: 650px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    display: block;
}

/* Tablet */
@media (max-width: 980px) {
    .wl_img_according {
        gap: 12px;
    }
    .wl_img_according .et_pb_image img {
        height: 480px;
    }
}

/* Mobile - stacked, no flex-expand (hover doesn't apply on touch) */
@media (max-width: 767px) {
    .wl_img_according {
        flex-direction: column;
        gap: 15px;
    }
    .wl_img_according .et_pb_image,
    .wl_img_according .et_pb_image.pt-active {
        flex: none;
        width: 100%;
    }
    .wl_img_according .et_pb_image img {
        height: 280px;
    }
}

/* Small phones */
@media (max-width: 479px) {
    .wl_img_according .et_pb_image img {
        height: 220px;
    }
}




.wl_testimonial .et_pb_testimonial_description_inner::before {
  content: "\e033 \e033 \e033 \e033 \e033";
  font-family: "ETmodules";
  display: block;
  font-size: 16px;
  color: #f5b301;
  letter-spacing: 5px;
  margin-bottom: 10px;
}





.wl_package_features {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

.wl_package_features::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--gcid-primary-color);
  border-radius: inherit;
  transform: scale(1, 0);
  transform-origin: bottom center;
  transition: transform 0.4s ease-in-out;
  z-index: 0;
}

.wl_package:hover .wl_package_features::before {
  transform: scale(1, 1);
}

.wl_package_features > * {
  position: relative;
  z-index: 1;
}

.wl_package_features .et_pb_icon_list_item {
  transition: color 0.4s ease-in-out;
}

.wl_package:hover .wl_package_features .et_pb_icon_list_item {
  color: #fff !important;
}

.wl_package_features .et_pb_icon_list_item span.et-pb-icon {
  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
}

.wl_package:hover .wl_package_features .et_pb_icon_list_item span.et-pb-icon {
  color: #fff!important;

}




:root{
    --wl-soft-light:hsl(from var(--gcid-primary-color) calc(h + 0) calc(s + 0) calc(l + 94));
}

.wl_contact_blurb .et-pb-icon {
    font-size: 20px!important;
    padding: 15px;
    border-radius: 9999px;
    background: var(--gcid-primary-color)!important;
    color: var(--wl-soft-light) !important;
    transition: background-color .3s ease, color .3s ease;

}

.wl_contact_blurb:hover .et-pb-icon {
    background-color: var(--wl-soft-light) !important;
    color: var(--gcid-primary-color) !important;
}


.wl_contact_blurb .et_pb_module_header{
  padding-bottom:8px;
}




.wl_newsletter  .et_pb_newsletter_form {
    width: 100% !important;
}

.wl_newsletter .et_pb_newsletter_fields {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    gap: 10px;
}

.wl_newsletter .et_pb_newsletter_field {
    flex: 1 1 auto !important;
    width: auto !important;
    margin-bottom: 0 !important;
}

.wl_newsletter .et_pb_newsletter_button_wrap {
    display: flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin-bottom: 0 !important;
    align-self: stretch !important;
}

.wl_newsletter .et_pb_newsletter_button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    white-space: nowrap;
    text-align: center !important;
}








/* Result count text */
.wl_shop .woocommerce-result-count {
  color: #666;
  font-size: 15px;
  margin-bottom: 20px;
}

/* Ordering dropdown */
.wl_shop .woocommerce-ordering select.orderby {
  border: 1px solid #e0e0e0;
  padding: 8px 35px 8px 15px;
  font-size: 14px;
  color: #333;
  background-color: #fff;
  cursor: pointer;
  transition: border-color 0.3s ease;
}


/* Pagination wrapper */
.wl_shop .woocommerce-pagination ul.page-numbers {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  justify-content: center;
}

.wl_shop .woocommerce nav.woocommerce-pagination ul, .wl_shop .woocommerce nav.woocommerce-pagination ul li{
  border:none;
}


/* Page number / links */
.wl_shop .woocommerce-pagination ul.page-numbers li .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid #e0e0e0;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
}

/* Hover state */
.wl_shop .woocommerce-pagination ul.page-numbers li .page-numbers:hover {
  background-color: var(--gcid-primary-color);
  border-color: var(--gcid-primary-color);
  color: #fff!important;
}

/* Current active page */
.wl_shop .woocommerce-pagination ul.page-numbers li span.page-numbers.current {
  background-color: var(--gcid-primary-color);
  border-color: var(--gcid-primary-color);
  color: #fff;
}

/* Next/Prev arrows */
.wl_shop .woocommerce-pagination ul.page-numbers li .next.page-numbers,
.wl_shop .woocommerce-pagination ul.page-numbers li .prev.page-numbers {
  font-size: 0;
}

.wl_shop .woocommerce-pagination ul.page-numbers li .next.page-numbers::after,
.wl_shop .woocommerce-pagination ul.page-numbers li .prev.page-numbers::after {
  font-family: "ETmodules";
  font-size: 20px;
}

.wl_shop .woocommerce-pagination ul.page-numbers li .next.page-numbers::after {
  content: "5";
}

.wl_shop .woocommerce-pagination ul.page-numbers li .prev.page-numbers::after {
  content: "4";
}

@media (max-width: 767px) {
  .wl_shop.woocommerce-pagination ul.page-numbers li .page-numbers {
    width: 36px;
    height: 36px;
    font-size: 13px;
  }
}









/* Date pill (built from existing .post-meta text — full date, not a day-only badge) */
.wl_blog .post-meta .published{
  position:absolute;
    display:flex;
      align-items: center;
  height:40px;
  top:20px;
  left:20px;
  padding:15px;
  z-index:2;
  margin:0;
font-size:14px;
    color:#fff;
  background-color:var(--gcid-primary-color,#214442);
  border-radius:5px;
  
}












/* Title — 2-line clamp + underline-slide hover (hardened) */
.wl_blog .entry-title{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.wl_blog .entry-title a{

  color:inherit !important;
  background-image:linear-gradient(180deg,var(--gcid-primary-color,#214442) 0%,var(--gcid-primary-color,#214442) 100%) !important;
  background-position:0 95% !important;
  background-repeat:no-repeat !important;
  background-size:0 2px !important;
  transition:background-size .3s ease, color .3s ease !important;
}
.wl_blog .et_pb_post:hover .entry-title a{
  color:var(--gcid-primary-color,#214442) !important;
  background-size:100% 2px !important;
}

/* Excerpt — 2-line clamp */

.wl_blog .post-content-inner p{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin:0;
}






.wl_blog .more-link{
  display:inline-flex!important;
  align-items:center;
  gap:5px;
  margin-top:15px;
  padding:7px 7px 7px 20px;
  border:1px solid #e5e5e5;
  border-radius:999px;
  font-size:0;
  color:var(--gcid-heading-color,#214442);
  transition:border-color .3s ease;
}

.wl_blog .more-link::before{
  content:"Read More";
  font-size:16px;
  font-weight:500;
}

.wl_blog .more-link::after{
  content:"5";
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:999px;
  background:var(--gcid-primary-color,#214442);
  color:#fff;
  font-family:ETmodules;
  font-size:16px;
  transition:transform .3s ease;
}

.wl_blog .more-link:hover{
  border-color:var(--gcid-primary-color,#214442);
}

.wl_blog .more-link:hover::after{
  transform:translateX(3px);
}



@keyframes wl-img-effect {
  0%   { transform: translateX(0) scaleX(1);    opacity: 1; filter: blur(0); }
  45%  { transform: translateX(-50%) scaleX(2); opacity: 0; filter: blur(10px); }
  46%  { transform: translateX(50%) scaleX(2);  opacity: 0; filter: blur(10px); }
  100% { transform: translateX(0) scaleX(1);    opacity: 1; filter: blur(0); }
}

/* standalone Image module — add "wl_img_effect" as its CSS Class */
.wl_img_effect .et_pb_image_wrap{
  overflow:hidden;
  display:block;
}
.wl_img_effect:hover .et_pb_image_wrap img{
  animation:wl-img-effect 600ms ease;
}

/* wl_blog thumbnail */
.wl_blog .et_pb_image_container{
  overflow:hidden;
	margin:-20px -20px 0px!important;
}
.wl_blog .et_pb_post:hover .et_pb_image_container img{
  animation:wl-img-effect 600ms ease;
}







/* ==========================================================================
   11. FAQ
   ========================================================================== */

.wl-faq .et_pb_toggle {
    margin-bottom: 10px !important;
}

.wl-faq .et_pb_toggle_open.et_pb_toggle .et_pb_toggle_title:before {
    content: "\4d" !important;
    background: var(--gcid-primary-color);
    border: 1px solid var(--gcid-primary-color);
    opacity: 1;
    color: white;
}

.wl-faq .et_pb_toggle_title::before {
    width: 32px;
    height: 32px;
    border: 1px solid var(--gcid-primary-color);
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 20px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0 !important;
    color: var(--gcid-primary-color);
    opacity: 0.5;
    transition: all 0.5s ease;
}



.wl-moving{
	animation: movestyle 4s infinite alternate linear;
}

@keyframes movestyle{
	50%{
		transform: translateX(20px);
	}
}