/*
Theme Name: IECCA
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: RightClickMedia
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.0.1.1715847949
Updated: 2024-05-16 08:25:49

*/
.heading-bg:after{
    content: "";
    width: 100%;
    left: -100%;
    position: absolute;
    background: transparent linear-gradient(270deg, #1698CC00 0%, #1698CC 48%, #1698CC00 100%) 0% 0% no-repeat padding-box;
    height: 100px;
    top: -100px;
    animation: slide 1.5s forwards;
    animation-delay: 0.6s;
}
@keyframes slide {
    100% { left: 0; }
}
.page-width{
    padding-left: 3% !important;
    padding-right: 3% !important;
}
.header-toggle{
    position: fixed !important;
    z-index: 99 !important;
    width: 100%;
    transition: all 0.3s;
    top: 0px;
  	background-color: #0F649A;
}
.home .header-toggle{
  	background-color: transparent;
}
.top-tile{
    background-image: url(images/tile.png);
    background-repeat: repeat-x;
    width: 100%;
    height: 80px;
    top: -80px;
    left: 0;
    position: fixed;
    transition: all 0.3s;
}
.header-toggle.toggled .top-tile{
    transition: all 0.3s;
    top: 20px;
}
.header-toggle .logo img{
    max-width: 250px;
    transition: all 0.3s;
}
.header-toggle.toggled .logo img{
    max-width: 180px;
    transition: all 0.3s;
}
.header-toggle.toggled .elementor-nav-menu--main .elementor-item{
    padding: 0px 20px;
    transition: all 0.3s;
}
.header-toggle.toggled .elementor-nav-menu--main .elementor-item:hover{
    color: #219BDA !important;
}
.header-toggle.toggled .elementor-nav-menu--main .elementor-item-active{
    color: #219BDA !important;
}
.menu-left{
    width: 90% !important;
}
.menu-right{
    width: 10% !important;
    min-width: 180px !important;
}
.bar-left{
    width: 80% !important;
}
.bar-right{
    width: 20% !important;
}
.page-content{
	padding-top:150px;
}
@media all and (max-width:1180px){
    .heading-bg:after{
        height: 190px;
        top: -180px;
    }
}
@media all and (max-width:1024px){
    .heading-bg:after{
        height: 70px;
        top: -74px;
    }
    .menu-left{
        width: 80% !important;
    }
    .menu-right{
        width: 20% !important;
        min-width: 180px !important;
    }
    .elementor-nav-menu--dropdown{
        margin-top: 30px !important;
        position: fixed;
        top: 86px;
        width: 100%;
        left: 0;
    }
}
@media all and (max-width:920px){
    .bar-left{
        width: 70% !important;
    }
    .bar-right{
        width: 20% !important;
        min-width: 110px !important;
    }
    .top-links a, .top-links{
        font-size: 12px !important;
    }
}
@media all and (max-width:803px){
    .elementor-nav-menu--dropdown{
        margin-top: 30px !important;
        position: fixed;
        top: 96px;
        width: 100%;
        left: 0;
    }
}
@media all and (max-width:767px){
    .heading-bg:after{
        height: 60px;
        top: -64px;
    }
    .menu-left{
        width: 60% !important;
    }
    .menu-right{
        width: 30% !important;
        min-width: 180px !important;
    }
}
@media all and (max-width:527px){
    .heading-bg:after{
        height: 80px;
        top: -90px;
    }
}
@media all and (max-width:590px){
    .header-toggle .logo img {
        max-width: 180px !important;
    }
    .menu-left{
        width: 60% !important;
    }
    .menu-right{
        width: 20% !important;
        min-width: 180px !important;
        position: absolute !important;
        right: 0;
    }
  	.elementor-nav-menu--dropdown {
        top: 81px;
    }
}
@media all and (max-width:480px){
    .bar-left{
        width: 60% !important;
    }
    .bar-right{
        width: 20% !important;
        min-width: 110px !important;
    }
    .menu-left{
        width: 70% !important;
    }
    .main-menu .elementor-menu-toggle{
        position: fixed !important;
        right: auto;
        left: 48%;
        top: 70px;
      	z-index: 99;
    }
  	.header-toggle .logo img {
        max-width: 140px !important;
    }
    .menu-right a{
        padding: 15px !important;
    }
    .bar-left{
        width: 99% !important;
    }
    .bar-right{
        display: none !important;
    }
}
@media all and (max-width:420px){
    .header-toggle .logo img {
        max-width: 140px !important;
    }
    .menu-right a{
        padding: 15px !important;
    }
    .bar-left{
        width: 99% !important;
    }
    .bar-right{
        display: none !important;
    }
}
@media all and (max-width:343px){
    .heading-bg:after{
        height: 110px;
        top: -120px;
    }
}