/*
 Theme Name:   Wisdom House
 Theme URI:    
 Description:  Consulting & Investments
 Version:      1.0.0
 Author:       Evox
 Author URI:   https://www.evox.ae/
 Text Domain:  wisdomhouse
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&display=swap');

html { scroll-behavior: smooth; }

body { transition: background-color 0.5s ease, color 0.5s ease; }

/* Adjust transition properties for specific elements */
.header {
    transition: height 0.5s ease;
}

/* Example hover effect */
.button {
  transition: background-color 0.3s ease, color 0.3s ease;
}

body {
  margin: 0;
}

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.btn-arrow .elementor-button-icon svg{transform: rotate(310deg);fill: #C8A246;}
.wh-accordion .elementor-accordion .elementor-accordion-item{
  border-top: none;
  border-right: none;
  border-left: none;
}
.wh-accordion .elementor-accordion-item .elementor-tab-title.elementor-active, .wh-accordion .elementor-accordion-item .elementor-tab-title{border-bottom: 1px solid #03132E73; border-width: 1px !important;}

.btn-arrow .elementor-button-content-wrapper .elementor-button-text{
  background-repeat: no-repeat;
  transition: background-size .4s cubic-bezier(.22,.61,.36,1);
  background-image: linear-gradient(#03132E,#03132e7c);
  background-image: linear-gradient(#03132E,#03132e7c);
  background-size: 0 1px;
  background-position: 0 100%;
}

.btn-arrow .elementor-button-content-wrapper:hover .elementor-button-text {
  background-size: 100% 1px;
}
.elementor-search-form .e-font-icon-svg-container{opacity: 0;}

/* Footer Menu */

.elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text{
  background-repeat: no-repeat;
  transition: background-size .4s cubic-bezier(.22,.61,.36,1);
  background-image: linear-gradient(#03132E,#03132e7c);
  background-image: linear-gradient(#03132E,#03132e7c);
  background-size: 0 1px;
  background-position: 0 100%;
}
.elementor-icon-list-items .elementor-icon-list-item:hover .elementor-icon-list-text{
  background-size: 100% 1px;
  transition: background-size 0.3s !important;
}

.elementor-lightbox .dialog-lightbox-close-button{color: #03132E; fill: #03132E;}
.elementor-lightbox .dialog-lightbox-close-button svg{fill: #03132E !important;}

.wh-box{position: relative;}
.wh-box-title{
    position: absolute !important; 
    top: 50%;
    z-index: 5;
    justify-content: center !important;
    align-items: center !important;
}


/* MENU */



.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span
{
      background: #d0b05a !important;
}
/*
.owl-subtitle::after {

   content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="e-font-icon-svg e-fas-arrow-right btn-arrow elementor-button-icon svg" viewBox="0 0 448 512"><path  d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"/></svg>');
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle; 
    width: 10px;
    transform: rotate(310deg);
  
}
*/

a.uc_more_btn::after{
       content: '';
         background-image: url('https://www.wisdomhouse.ae/wp-content/uploads/2024/03/icon2.svg');
         background-repeat: no-repeat;
         background-position: center center;
         background-size: cover;
         display: inline-flex;
         height: 15px;
         width: 15px;
         margin-left: 5px;
        vertical-align: middle; 
}
.owl-subtitle::after {
         content: '';
         background-image: url('https://www.wisdomhouse.ae/wp-content/uploads/2024/03/icon2.svg');
         background-repeat: no-repeat;
         background-position: center center;
         background-size: cover;
         display: inline-flex;
         height: 15px;
         width: 15px;
         margin-left: 5px;
        vertical-align: middle;
         }
.owl-subtitle::after
{
   fill:#d0b05a !important;
}
.offNav {
    height:100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    padding: 40px;

    -webkit-transition: all 300ms ;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ;
    z-index: 99;
}
.burger-menu-visible .offNav {
    background: linear-gradient(100.72deg, #202020 0.11%, rgba(32, 32, 32, 0.99) 72.41%, #202020 103.32%);
    visibility: visible;
    pointer-events: initial;
    opacity: 1;
}
#uc_fullscreen_navigation_menu_elementor_9318159 .ue_menu div div ul li a:hover {
    color: #c8a246;
}
#uc_fullscreen_navigation_menu_elementor_c1091eb .ue_menu div div ul li a:hover
{
    color: #c8a246;
}
.ue_hamburger_custom_close
{
  font-size: 35px !important;
}
.elementor-field-textual
{
  padding:5px 0px !important;
}
.elementor-field-group .elementor-field-textual:focus{
box-shadow:none !important;
}

.e-con-full.gridline.e-flex.e-con.e-child{position: relative;overflow: hidden;}
.e-con-full.gridline::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  
  width: 1px;
  height: calc(100% - 20px);
  background-color: #03132E;
  animation: animateLine 4s linear infinite alternate;
}

.e-con-full.gridline:first-of-type::after{ /* Select the first column */
  width: 1px; /* Ensure consistent width */
}

@keyframes animateLine {
  0% {
    height: 0;
  }
  100% {
    height: calc(100% - 20px); /* Adjust the end position as needed */
  }
}
#portfolio .elementor-portfolio-item__overlay
{
  position: relative;
  opacity: 1;
}
#portfolio .elementor-posts-container .elementor-post__thumbnail img
{
   transition: transform 0.3s ease; 
}
#portfolio .elementor-posts-container .elementor-post__thumbnail img:hover{

 transform: scale(1.1);
}
@media (max-width:480px)
{
  .e-con-full.gridline::after 
  {
    display: none !important;
  }
  html, body {
    overflow-x: hidden;
}
}
.owce-carousel .owl-nav i
{
  font-size: 18px !important;
    color: rgb(3 19 46) !important;
    padding: 16px !important;
}
.elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text
 {
   background-image:none !important;
 } 

 #whatwedo.btn-arrow .elementor-button-content-wrapper .elementor-button-text
 {
       background-image: linear-gradient(#fff, #fff) !important;
 }
 
header.she-header-yes.she-header #logo img
 {
width: 100px !important;
 }
#uc_card_carousel_elementor_ee391b9 .owl-dot
{
  width: 100px !important;
  height: 1px !important;
}
@media (max-width:780px)
{
#uc_card_carousel_elementor_ee391b9 .owl-dots
{
display: none !important;
}
header.she-header-yes.she-header #logo img
{
  width: 70px !important;
}
}
/* preloader */
#preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: #f2f2f2; /* Change this to your desired background color */
    display: flex;
    justify-content: center;
    align-items: center;
}

#loader {
    position: relative;
    width: 400px; /* Adjust to your logo size */
}

#loader img {
    width: 100%;
    height: auto;
    display: block;
}

.loader-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(242, 242, 242, 0.7); /* Semi-transparent overlay */
    animation: fillAnimation 2.5s forwards; /* Duration should match the delay in jQuery */
}

/* Animation */
@keyframes fillAnimation {
    0% {
        height: 100%;
    }
    100% {
        height: 0;
    }
}