/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
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
*/

img {
	width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}

ul.menu_vertical {
    display: flex;
    flex-direction: column;  
    align-content: flex-start;  
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0;
}
.menu_vertical li ul {display:none;}
.menu_vertical li {
    display: flex;
    flex-direction: column;
    /*float: left;*/
    list-style: none;
    text-align: center;
}
.menu_vertical > li > a {
    font-family: var(---e-global-typography-primary-font-family);
    color: #fff;
    text-decoration: none;
    display: inline-block;       
    font-weight: bold;
}
.menu_vertical > li > a {  
    font-size: 26px;  
    padding: 15px 25px;    
    border-bottom: dotted 1px rgba(255,255,255,0.3);
}
.menu_vertical a {
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    outline: none;	
}
.menu_vertical > li:hover > a, .menu_vertical > li.current-menu-item > a {	
    color: var(--e-global-color-accent);        
}
.menu_vertical ul.sub-menu {
    padding: 0;    
}
.menu_vertical ul.sub-menu li{
    list-style: none;   
    border-bottom: dashed 2px rgba(255,255,255,0.5);   
}
.menu_vertical ul.sub-menu a {
    color: #fff;
    font-size: 19px;
    padding: 20px 30px;
    display: block;    
}

ul.menu_aside{
    display: flex;
    flex-direction: column;  
    align-content: flex-start;  
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0;
}
.menu_aside ul {display:none;}
.menu_aside {
    display: flex;
    flex-direction: column;
    /*float: left;*/
    list-style: none;
    text-align: center;
}
ul.menu_aside > li{
    border-bottom: dashed 2px rgba(255,255,255,0.5);    
}
.menu_aside > li > a {
    font-family: var(---e-global-typography-primary-font-family);
    color: #fff;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;    
}
.menu_aside > li > a {
    font-size: 30px;
    padding: 20px 25px;
}
.menu_aside {
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    outline: none;	
}
.menu_aside ul.sub-menu {
    padding: 0;    
}
.menu_aside ul.sub-menu li{
    list-style: none;   
    border-bottom: dashed 2px rgba(255,255,255,0.5);   
}
.menu_aside ul.sub-menu a {
    color: #fff;
    font-size: 19px;
    padding: 20px 30px;
    display: block;    
}
.menu_aside ul.sub-menu a:hover {
    color: var(--e-global-color-secondary);  
}
.menu_aside ul.sub-menu li:last-child{border:none}
.menu_aside > li:hover > a, .menu_aside> li.current-menu-item > a {	
    color: var(--e-global-color-secondary);  
      
}
.toppopupProd{
    background: rgba(255,255,255,0.5);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
}
.aoutermenuprod{
    padding: 40px 0;
    background: rgba(254,79,70,0.4);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);       
}



/* *********************** ASIDE MENU INNER */

ul.aside_inner{
    display: flex;
    flex-direction: column;  
    align-content: flex-start;  
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0;
}
.aside_inner ul {display:none;}
.aside_inner {
    display: flex;
    flex-direction: column;
    /*float: left;*/
    list-style: none;
    text-align: center;
}
ul.aside_inner > li{
    border-bottom: dashed 2px rgba(255,255,255,0.5);    
}
.aside_inner > li > a {
    font-family: var(---e-global-typography-primary-font-family);
    color: #fff;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;    
}
.aside_inner > li > a {
    font-size: 30px;
    padding: 20px 25px;
}
.aside_inner {
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    outline: none;	
}
.aside_inner ul.sub-menu {
    padding: 0 0 25px 0;    
}
.aside_inner ul.sub-menu li{
    list-style: none;   
    border-bottom: dashed 2px rgba(255,255,255,0.5);   
}
.aside_inner ul.sub-menu a {
    color: #fff;
    font-size: 18px;
    padding: 20px 25px;
    display: block;    
}
.aside_inner ul.sub-menu a:hover {
    color: rgba(255,255,255,0.5);  
}
.aside_inner ul.sub-menu li:last-child{border:none}

.aside_inner > li:hover > a, .aside_inner .current-menu-item > a {	
    color: #FE4F46 !important;  
      
}

















.overflow{
    margin-top: -350px;
}
.img-intro img{
    position: absolute;
}




.aside_title{
    padding: 25px;
    border-right: solid 9px var(--e-global-color-accent);
}
.mainframe{
    width: 67%;
    border-right: solid 7px #FE4F46;
}  
.BG_color{
    background: var(--e-global-color-secondary);
}
.bodyer h1, .bodyer h2, .bodyer h3, .bodyer h4{
    font-family: var(--e-global-typography-primary-font-family);
    margin-bottom: 30px;
    font-weight: 700;
}
.bodyer h2{    
    font-size: 35px;
    color:#fff;    
    text-align: center;    
}
.bodyer h3{
    font-size: 40px;
    color: var(--e-global-color-secondary) !important;    
}
.bodyer p{
    text-align: justify;
}


 /***************************/
/******* ELEMENTOR ESTADARIZADO Y CORREGIDO *********/

/* Small devices  */
@media only screen and (min-width: 300px) {
    .header-mb{
        background: #06054F;
    }    
    .aside{
        width:100%;
    }
    .bodyer h1, .bodyer h2, .bodyer h3, .bodyer h4{
        text-align: center;
    }
}
/* Tablet */
@media only screen and (min-width: 768px) {
    .header{
        margin-top: -130px;
    }  
    .aside{
        width: 40%;
    }
    .home_mainframe{
        width: 59.9%;
    }
    .mainbody{
        width: 60%;
    }
    .logo img{
		position: absolute;
		top: 0;
		left: 0;
	}    
    header.headereffects {    
        --header-height: 160px;        
        --shrink-header-to: 0.4;
        --transition: .45s cubic-bezier(.4, 0, .2, 1);
        background: linear-gradient(to bottom,  rgba(6,5,79,1) 8%,rgba(255,255,255,0) 100%); 
        transition: background-color var(--transition),
                    backdrop-filter var(--transition),
                    box-shadow var(--transition);        
    }  

    .mainframe_ww{
        width: 100%;
        border-right: solid 7px #FE4F46;
        margin-right: 10%;
    }         
}


/* Laptop */
@media only screen and (min-width: 1366px) {
    .header{
        margin-top: -162px;
    }  
    .headerhome{
        margin-top: -160px;
    }
    .headerinner{
        margin-top: -160px;
    }
    .aside{
        width: 25%;
    }
    .home_mainframe{
        width: 68%;
    }
    .mainbody{
        width: 75%;
    }
      
     
    .bg_grand{
        background: linear-gradient(to right,  #06054F 23%,rgba(255, 255, 255, 0) 23%);
    }
    .bg_grand2{
        background: linear-gradient(to right,  #06054F 23%,#040334 23%);
    }
    .img_MRG{
        margin: -40px 0;
    }

    /*
    .mainframe_ww{
        width: 90%;
        border-right: solid 7px #FE4F46;
        margin-right: 10%;
    } 
    .mainframe_post{
        width: 77%;
    } 
    */
    

    /***
    * Sticky header activated
    */
    header.headereffects.elementor-sticky--effects {
        background: rgba(6,5,79,0.8);       
        backdrop-filter: saturate(150%) blur(15px);        
    }
    header.headereffects > .e-con-full{
        min-height: var(--header-height);        
        transition: min-height var(--transition);
    }
    header.headereffects.elementor-sticky--effects > .e-con-full {
        min-height: calc( var(--header-height) * var(--shrink-header-to) );
    }
    .headerinner{
        margin-top: -250px;
    }    
    header.headereffects .logo img {
        transition: width var(--transition);
    }
    header.headereffects.elementor-sticky--effects .logo img {
        width: 45%;   
    }
    
    
}
/* desktop */
@media only screen and (min-width: 1400px) {
    .aside{
        width: 23%;
    }
    .home_mainframe{
        width: 67%;
    }
    .mainbody{
        width: 77%;
    }
}


.page-id-172{
    background: url(https://climora.com.co/wp-content/uploads/2025/05/bgbody.webp);
}




/* Works on Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--e-global-color-accent) #E5E5E5;
  }
  
  /* Works on Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 12px;
  }
  
  *::-webkit-scrollbar-track {
    background: #E5E5E5;
  }
  
  *::-webkit-scrollbar-thumb {
    background-color: var(--e-global-color-accent);
    border-radius: 20px;
    border: 3px solid #E5E5E5;
  }