/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: A plain-vanilla & lightweight theme for Elementor page builder, with a special touch of LocalWiz magic.
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 */

/*** Mobile Menu and Floating CTC ***/
.sticky-mobile-cta {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 98;
}

.sticky-mobile-cta a.bdt-ep-button {
    width: 100% !important;
}

.sticky-mobile-cta .elementor-widget-bdt-advanced-button,
.sticky-mobile-cta .elementor-widget-button,
.sticky-mobile-cta a.elementor-button-link,
.sticky-mobile-cta .elementor-widget-uael-marketing-button {
    width: 100% !important;
}

/*** UAE Mobile Menu Button ***/
a.uael-menu-item.elementor-button i {
    margin-right: 10px;
}

a.uael-menu-item.elementor-button {
    width: 100%;
    justify-content: center !important;
}


/*** Remove Margin on Last P ***/
p:last-child {
    margin-bottom: 0 !important;
}

/***Align Icon Lists ***/
.align-icon li.elementor-icon-list-item, 
.align-icon.link li.elementor-icon-list-item a {align-items: flex-start !important;}

.align-icon span.elementor-icon-list-icon, 
.align-icon.link a span.elementor-icon-list-icon {margin-top: 5px;}

.link a span {
    transition: all .2s ease-in-out;
}

.break .elementor-icon-list-text {
    word-break: break-all;
}

/*** Span Colors ***/
.clr-accent {
    color: var( --e-global-color-accent );
}

/*** Remove Child Theme credit on the footer ***/
div#footerlinktochildthemewp {
    display: none;
}

/*** Avoid Overflow in Mobile Screens ***/
html, body {
    overflow-x: hidden !important;
}


/*** Adjusting Fade In Animation Intensity ***/
@keyframes fadeIn1 {
  from {
    opacity: 0; 
  }
  to {
    opacity: 1; 
  }
}
.fadeIn {
  animation-name: fadeIn1 !important;
}


@keyframes fadeInUp1 {
  from {
    opacity: 0;
    transform: translate3d(0, 10%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp1 !important;
}

@keyframes fadeInRight1{
    from{
        opacity:0;
        transform:translate3d(10%,0,0)
    }
    to {
        opacity:1;
        transform:none
    }
}
.fadeInRight {
    animation-name: fadeInRight1 !important; 
}


@keyframes fadeInDown1 {
  from {
    opacity: 0;
    transform: translate3d(0, -10%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDown {
  animation-name: fadeInDown1 !important;
}
@keyframes fadeInLeft1 {
  from {
    opacity: 0;
    transform: translate3d(-10%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeft {
  animation-name: fadeInLeft1 !important;
}

/***LW APP CSS***/

/**=== ARCHIVE PAGE ===**/
/** Background Color **/
#location-projects {
  background-color: unset !important;
}

#location-projects .cat-name:after {
    margin-top: 3px !important;
}

#location-projects .project-results .first-item .proj-desc {
    color: inherit !important;
}

/** Remove Cat Name BG**/
#location-projects .boxes, #location-projects .grid-view .box, #location-projects .cat-name span.bg {
  background: unset !important;
}

/****************************/

/**=== SINGLE PROJECTS ===**/
/** Background Color **/
.single #location-projects {
  background-color: unset !important;
}

/** Typography **/
#location-projects {
    font-family: inherit !important;
}

#location-projects h1, #location-projects h2, #location-projects h3, #location-projects h4, #location-projects h5, #location-projects h6 {
  font-family: var( --e-global-typography-primary-font-family ) !important;
}

#location-projects.single-project .categories ul li span.count {
  background-color: var( --e-global-color-accent ) !important;
  color: #fff !important;
}

#location-projects.single-project .categories ul li {
    border-bottom: 2px solid var( --e-global-color-accent ) !important;
}

#location-projects.single-project .top-i a {
    color: #fff !important;
}

/** Excerpt and Post Content Text Color **/
#location-projects.single-project .description *,
.excerpt {
    color: inherit !important;
}

/** Color Links **/
#location-projects.single-project .description a,
#location-projects.single-project .top-i .sep {
    color: var( --e-global-color-accent ) !important;
}

/** Sidebar Text Colors **/
div#company_information, #custom-header a, #location-projects a, .categories.lw-section li > a, #location-projects.single-project .keywords ul li {
  color: var( --e-global-color-text ) !important;
  border-color: var( --e-global-color-text ) !important;
}

#location-projects.single-project .rn-row.top .details {
  color: var( --e-global-color-accent ) !important;
  border-color: var( --e-global-color-accent ) !important;
}

/** FB Comments Background **/
.fb-comments {
    background: #fff !important;
    padding: 10px !important;
}

/** Form Styles **/
form#project-contact input, 
form#project-contact textarea {
  font-family: inherit !important;
  font-size: inherit !important;
}

form#project-contact ::placeholder { 
  color: inherit;
  opacity: 0.5;
}

/** LWA Issue on iPhone devices **/
@media screen and (max-width: 767px) {
div#top-i-container,
#location-projects.single-project .top-ii,
.project-template-default .rn-row.two.main-content,
#location-projects.single-project .top-i {
    width: 100% !important;
}}