/* 
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
*/

body{
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
	font-size:18px; 
	color:var(--e-global-color-text);	
}

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

h1, h2, h3, h4, h5, h6{
	font-family: var(--e-global-typography-secondary-font-family), Sans-serif; 	 	
}

p{
	text-align: justify;
}

.banner-2colors{
	background: linear-gradient(to right,  #0D518C 0%,#00215E 100%);
}
.menu-item-289 a{
	color: #fff !important;
	display: block;
	background: var(--e-global-color-accent);	
	transition: background 0.2s linear !important;
	border-radius: 22px;
}
.menu-item-289 a:hover{
	background: var(--e-global-color-primary);
	transition: background 0.2s linear !important;
}

/* 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;
}



ul.menuaside{
  padding:0;
  margin: 0;
}
.menuaside li {
	display: flex;	
	flex-direction: column;
	align-items: center;
	list-style: none;  
	width: 100%;
	border-bottom: dotted 1px rgba(0,50,146,0.7);
}
.menuaside a {
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	outline: none;
	z-index: 10;
}
.menuaside > li > a {
  font-family: var(--e-global-typography-primary-font-family);
  font-size: 22px;
  color: var(--e-global-color-879faee);
  font-weight: 300;  
  padding: 15px 0;
  align-items: center;
  text-align: center;
}
.menuaside > li > a:hover, .menuaside .current-menu-item a {
  color: var(--e-global-color-accent);  
}



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

/* Small devices  */
@media only screen and (min-width: 300px) {
	.cssmiddle{
		background: var(--e-global-color-cc3b6f6);		
	}
}
/* Tablet */
@media only screen and (min-width: 768px) {
	.logo_site{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 5;
	}
}
/* Laptop */
@media only screen and (min-width: 1366px) {	
	.banner{		
		box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.5);	
		margin-top: -120px;
	}
	.menu-item-72 a{
		border-radius: 25px;
	}
	.cssmiddle{
		background: url(https://medicointernistabucaramanga.com/wp-content/uploads/2025/07/bgmiddle.jpg) no-repeat center var(--e-global-color-cc3b6f6);
		background-size: cover;
	}
}
/* desktop */
@media only screen and (min-width: 1400px) {
}







/***
* class: .headereffects
*/
header.headereffects {    
	--header-height: 80px;
	--shrink-header-to: 0.6;
	--transition: .45s cubic-bezier(.4, 0, .2, 1);
	background: rgba(25,45,72, 0.5);
    backdrop-filter: saturate(150%) blur(20px);
    -webkit-backdrop-filter: saturate(150%) blur(20px);
	transition: background-color var(--transition),
				backdrop-filter var(--transition),
				box-shadow var(--transition);
	box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .3);
	z-index: 5;
}

/***
* Sticky header activated
*/
header.headereffects.elementor-sticky--effects {
	background: rgba(25,45,72, 0.5);
	box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .3);
	backdrop-filter: saturate(150%) blur(20px);
    -webkit-backdrop-filter: saturate(150%) blur(20px);
}
header.headereffects > .e-con-inner{
	min-height: var(--header-height);
	transition: min-height var(--transition);
}
header.headereffects.elementor-sticky--effects > .e-con-inner {
	min-height: calc( var(--header-height) * var(--shrink-header-to) );
}

/***
* Shorter header on mobile (70px instead of 100px)
*/
@media only screen and (max-width: 767px) {
	header.headereffects {
		--header-height: 70px;
	}
}


header.headereffects .logo img {
	transition: width var(--transition);
}
header.headereffects.elementor-sticky--effects .logo img {
	width: 50%;   
}