/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    A plain-vanilla
 */
 
 html, body{
     overflow-x: hidden !important;
 }

.three-line-text div p{
  	overflow: hidden;
  	display: -webkit-box;
  	-webkit-box-orient: vertical;
  	-webkit-line-clamp: 3; /* start showing ellipsis when 3rd line is reached */
	white-space: pre-wrap; /* let the text wrap preserving spaces */
}

.page-id-39 .footer-bottom .footer-bottom-text div {
    color: #fff !important;
}

.page-id-39 .footer-bottom .footer-bottom-icon img {
    content: url(/wp-content/uploads/2023/05/Fem_White-2.png);
    width: 111px !important;
    height: 32px !important;
}

.footer-bottom .e-con-inner {
    padding-top: 30px !important;
    padding-bottom: 35px !important;
}

/*================ sticky header =======================*/

/*.main-header-nav {*/
/*  position: initial !important;*/
/*  padding: 17px 22px 8px 19px;*/
/*  transition: all 0.3s ease;*/
/*}*/

/*.main-header-nav.sticky-header {*/
/*  position: fixed !important;*/
/*  z-index: 999;*/
/*  padding: 0;*/
  
/*}*/

/*.main-header-nav.sticky-header div {*/
/*    border-radius: 0;*/
/*}*/

/*.main-header-nav  {*/
/*  position: initial;*/
/*  padding: 17px 22px 8px 19px !important;*/
/*  top: 0;*/
/*  left: 0;*/
/*  width: 100%;*/
/*  background-color: #fff;*/
/*  z-index: 999 !important;*/
/*  transition: top 0.3s ease-in-out;*/
/*}*/

/*.main-header-nav.sticky {*/
/*    position: fixed !important;*/
/*    padding: 0 !important;*/
/*    transition: all 0.3s ease !important;*/
/*}*/

.main-header-nav {
    position: initial;
    top: 0;
    left: 0;
    width: 100% !important;
    transition: all 0.4s ease-in-out !important;
    z-index: 999 !important;
}
.main-header-nav.sticky {
    padding: 0px;
    position: fixed !important;
    /*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);*/
}

.main-header-nav.sticky > div {
    border-radius: 0;
}

/*============ hover effect change body color ============================*/

.loop-blog-hover {
    transition: all 0.3s ease;
	position: relative;
}

.loop-blog-hover:hover, .loop-people-hover:hover{
	transform: scale(0.9);
	cursor:pointer;
}

body{
    transition: all 0.3s ease;
}

.hover-parent-1{
    background: #FF99C8 !important;
}

.hover-parent-2{
    background: #FCF6BD !important;
}

.hover-parent-3{
    background: #D0F4DE !important;
}

.hover-parent-4{
    background: #A9DEF9 !important;
}

.hover-parent-5{
    background: #E4C1F9 !important;
}

.hover-parent-6{
    background: #EAF6FF !important;
}

.hover-parent-6{
    background: #E5F2C9 !important;
}

.hover-parent-7{
    background: #EBEBD3 !important;
}

.hover-parent-8{
    background: #EFB0A1 !important;
}

.hover-parent-9{
    background: #94A89A !important;
}

/*=========== text animation =======================*/
.text-anim-up h1{
    /*animation: anim-lineUp 2s ease-out infinite;*/
}

.lineUp {
  animation:  anim-lineUp 2s ease-out infinite;
}
@keyframes anim-lineUp {
  0% {
    opacity: 0;
    transform: translateY(80%);
  }
  20% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    transform: translateY(0%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
/*============ cursor pointer ============= */

@media screen and (min-width: 1024px){
    #magicMouseCursor {
        position: fixed;
        /*width: 35px;*/
        /*height: 35px;*/
        /*border: 1px solid red;*/
        border-radius: 50%;
        background: #fff !important;
        z-index: 9999;
        left: 0;
        top: 0;
        transition: transform 0.07s, width 0.3s, height 0.3s;
        pointer-events: none;
    }
    
    #magicMouseCursor.cursor-square {
        border-radius: 0;
    }
    
    #magicPointer {
        height: 115px;
        width: 115px;
        top: 0;
        left: 0;
        position: fixed;
        background: #fff;
        border-radius: 50%;
        pointer-events: none;
        transition: background 0.2s, width 0.2s, height 0.2s, box-shadow 0.2s;
    }
    
    #magicPointer.pointer-blur {
        height: 50px;
        width: 50px;
        background: none;
        border: 1px solid #fff;
        box-shadow: 0px 0px 15px -5px white;
    }
    
    #magicPointer.pointer-overlay {
        height: 50px !important;
        width: 50px !important;
        mix-blend-mode: difference !important;
        box-shadow: 0px 0px 15px -5px white !important;
        background: red !important;
    }
    
    #magicPointer.is-hover {
        background: red;
    }
    
    .magic-hover {
        transition: all 0.2s;
    }
    
    .magic-hover:hover {
        cursor: none;
    }
}


/*======================== custom hover =====================================*/

.header-nav {
    display: flex;
    flex-direction: row;
    column-gap: 40px;
}


a.nav-link:not(.active):hover div.original-container {
    transform: scale(0);
}

.nav-link:not(.active):hover .duplicate-text {
    transform: translate(0, 0);
}

a.nav-link.active {
    background: #fff;
    color: #000;
}

a.nav-link div.original-container {
    transition: all 0.2s ease-in-out;
}

.nav-link {
    position: relative;
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    font-size: 15px;
    font-weight: 700 !important;
    line-height: 18px;
    border: none;
    cursor: pointer;
    overflow: hidden;
    text-transform: uppercase;
    border-radius: 50px;
}

.nav-link .original-text {
    position: relative;
    z-index: 2;
    transition: transform 0.2s ease-in-out;
}

.nav-link .duplicate-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.2s ease-in-out;
    transform: translate(0, 100%);
    background-color: #fff;
    color: #000;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}


.footer-nav {
    display: flex;
    column-gap: 51px;
    justify-content: center;
}

@media screen and (max-width: 1024px){
    .footer-nav {
        flex-direction: column;
        row-gap: 30px;
        align-items: center;
    }
    
    .footer-nav a {
        padding: 0;
    }
    
    .header-nav{
        display: none;
    }
}

/* ========================= preloader ========================================== */