/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 14 2023 | 20:09:07 */
/* ENCABEZADOS CON LÍNEAS */
.fancyheadingtransparent {
    padding: 0;
    margin: 0 0 22px 0;
    background-position: right center;
	background-repeat:no-repeat;
    background-size:100% 5px;
    position: relative;
    margin-bottom: 25px;
    text-align: left;
	display:inline;
    padding-right:20px;
    padding-left:20px;
    font-family: 'Exo', sans-serif !important;
  	color:#fff;
}

.fancyheadingtransparent h1, .fancyheadingtransparent h2{
   font-family: 'Exo', sans-serif !important;
	color:#fff;
  	font-weight:900 !important;
}

.fancyheading, .fancyheadingcenter {
    padding: 0;
    margin: 0 0 22px 0;
    background-position: right center;
	background-repeat:no-repeat;
    background-size:100% 5px;
    position: relative;
    margin-bottom: 25px;
    text-align: left;
    font-weight:900 !important;
}

.fancyheader h2{
	font-weight:900 !important;
}

.fancyheading-blue{
  background-image: url(https://www.compusoluciones.com/wp-content/uploads/2020/04/fancytitle_blue.png);
}
.fancyheading-red{
  background-image: url(https://www.compusoluciones.com/wp-content/uploads/2020/04/fancytitle_red.png);
}
.fancyheading-green{
  background-image: url(https://www.compusoluciones.com/wp-content/uploads/2020/04/fancytitle_green.png);
}
.fancyheading-yellow{
  background-image: url(https://www.compusoluciones.com/wp-content/uploads/2020/04/fancytitle_yellow.png);
}

.fancyheading h1, .fancyheading h2  {
  background-color:#fff;
  display:inline;
  padding-right:20px;
  font-family: 'Exo', sans-serif !important;
  font-weight:900 !important;
}

.fancyheadingcenter h1, .fancyheadingcenter h2  {
  background-color:#fff;
  display:inline;
  padding-right:20px;
  padding-left:20px;
  font-family: 'Exo', sans-serif !important;
  font-weight:900 !important;
}

/* FIN DE ENCABEZADOS CON LÍNEAS */

.colorblock{
	color:#ffffff;
}

.colorblock h1, .colorblock h2, .colorblock h3, .colorblock h4, .colorblock h5, .colorblock p{
	color:#ffffff;
}

.flip-box-front{
  	background-position:bottom right !important;
}

/* FIX DE CSS PARA LÍNEAS DE TEXTO MUY PEQUEÑAS EN LOS ACORDEONES */

div[data-style="default"] .toggle h3 a, div[data-style="default"] .toggle h3{
  	font-size:22px !important;
}

div[data-style="default"] .toggle h3 i{
  float:right !important;
}

/* Fix para bordes laterales */

.borderright{
  border-right:2px solid #e1e1e1;
}

/* MENÚ LATERAL SOLUCIONES Y ALIANZAS */
.lateralmenu:link, .lateralmenu:visited{
  display: block;
    color: rgba(0,0,0,0.65);
    letter-spacing: 0;
    font-size: 20px;
    line-height: 20px;
    padding: 25px 14px 25px 14px;
    font-weight: 400;
    background-color: rgba(0,0,0,0.045);
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
  
}

.lateralmenu:hover{
  background-color:#cecece;
}

.noshow, .noshow div{
  display:block;
  z-index:0;
}

/* FIN DE MENÚ LATERAL SOLUCIONES Y ALIANZAS */

/* Fix de z-index para Sticky section en los menús laterales de Soluciones y Alianzas */
#stickysection{
  display:block;
  z-index:1000;
  
}

/* Estilos de fuentes */
.exo{
  font-family:"Exo", sans-serif !important;
}

.font12px{
  font-size:12px;
}

.font-babyblue{
  color:#64a2d9;
}

.font-white{
  color:#fff !important;
}

.font-black{
  color:#333 !important;
}


#footer-outer i, #header-secondary-outer #social i {
    font-size: 16px;
    width: auto;
    background-color: #ffffff !important;
    border-radius: 50%;
    color: #004a98;
    padding: 0 7px;
	margin-right:10px
}

/* Estilos para hover en ligas en el footer */
#footer-outer i:hover, #header-secondary-outer #social i:hover {
    font-size: 16px;
    width: auto;
    background-color: #cccccc !important;
    border-radius: 50%;
    color: #004a98;
    padding: 0 7px;
	margin-right:10px
}

/* Fix para íconos de Font-Awesome en botones */
[class*="fa-"] {
    display: inline-block;
    font-size: 16px;
    width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
    top: -2px;
    word-spacing: 1px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    max-width: 100%;
}

/* Estilos para Ventures */

.venturesborder{
  border:none;
  border-top:20px solid #004a98;
  
}

/* ESTILOS PARA MENÚ LATERAL DE SOLUCIONES */

.centeranything{
  margin:0px auto;
  text-align:center;
}

div[data-style="default"] .toggle h3{
  line-height:100% !important;
  
}


.grayscale {
  filter: grayscale(100%);
}

.grayscale:hover{
  filter: grayscale(0%);
}

.lateralblue{
  background-color:#868a88 !important;
  border-left:5px solid #004a98 !important;
  color:#ffffff !important;
  font-weight:bold !important;
}

/* FIN DE ESTILOS DE MENÚ LATERAL DE SOLUCIONES */

/* Peso para tipografías */
.font600{
  font-weight:600 !important;
}

.swiper-slide .content h2{
  font-family:"Exo", sans-serif !important;
  font-weight:600 !important;
  
}

.swiper-slide .content h2{
  font-family:"Exo", sans-serif !important;
  font-weight:600 !important;
  
}

/* Estilos para el submenú de Alianzas */
.page-submenu .full-width-content, .page-submenu .full-width-content ul{
  border-bottom:2px solid #c8c8c8;
}


/* Tipografía EXO para los encabezados */
#page-header-bg h1{
  font-family:"Exo", sans-serif !important;
  font-weight:600 !important;
}


/* ESTILOS DE FORMULARIO DE CONTACTO */

/* Creamos el overlay */
.contactlightbox {
	display:table;	
	position: fixed;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	vertical-align:middle;
	opacity:0;
    z-index:100000;
}

/* Estilos de modal */
.contactlightbox .container{
	display:table-cell;
	vertical-align:middle;
}

/* Estilos de contenedor */
.content-container{
	width:90%;
	max-width:500px !important;
	margin:0px auto;
	background-color:#ffffff;
	padding:30px;
	border-radius:15px;
	text-align:left;
	position:relative;

}

/* Botón de cerrado de modal */
.close-modal{
	position:absolute;
	background-color:#004a98;
	right:-5px;
	top:-5px;
	padding:0px 9px 5px;
	font-size:20px;
	line-height:20px;
	font-weight:bold;
	color:#ffffff;
	border-radius:25px;
	cursor:pointer;
	cursor:hand;
}

input[type=submit], button[type=submit], input[type="button"] {
    background-color:#ffa100;
    border-color: rgba(0, 74, 152, 0.75);
    color: #fff;
    font-size:20px;
}    

/* FIN DE ESTILOS DE FORMULARIO DE CONTACTO */



/* Estilos del textarea para las formas de contacto */
.wpcf7-textarea{
	resize:none;
	height:100px;
	
}

/* Captcha fix */
.grecaptcha-badge { visibility: hidden; }

/* Desaparecemos los avatars de los comentarios para que no se vea el cambio */
img.avatar{
  opacity:0;
}

/* Sombra del botón flotante de contacto */
.social-custom_one, .mystickyelements-social-text {
      box-shadow: -3px 3px 5px rgba(0,0,0,.2);
}





/* Arreglo de imágenes de promociones-todas */
body .portfolio-items .col .work-item.style-3, body .portfolio-items .col .work-item.style-4, body .portfolio-items .col .work-item.style-3-alt {
  border-radius:5px;
  box-shadow: 0 5px 20px rgba(191,222,250,.4);
  border: .5px solid #e0e6ef;
}

body .portfolio-items[data-gutter="20px"][data-col-num="elastic"], body .portfolio-items[data-gutter="20px"] .col {
  padding: 30px;
}


/* Arreglo de imágenes de promociones */
body .portfolio-items .col.elastic-portfolio-item {
  border-radius:5px;
  box-shadow: 0px 5px 20px rgba(191,222,250,.4);
  margin: 15px;
  justify-content: flex-end;
  border: .5px solid #e0e6ef;
}


/* Arreglo footer copyright */
#footer-outer[data-cols="1"] #copyright, #footer-outer #copyright[data-layout="centered"] {
  padding: 20px 0;
}


/* Arreglo carrusel logos alianzas*/
body .carousel-wrap {
  overflow: visible;
}


/* FIX BOTONES */
body .nectar-button.small {
    background-color: #004a98;
    border-radius:14px;
}


/*--- Modificar estilo de cita ---*/
blockquote {
background: #e0e0e0; /*color de fondo*/
color: #212121;/*color de texto*/
padding: 20px;/*espacio hacia dentro*/
margin: 10px 30px;/*espacio hacia fuera*/
}


/*--- Modificar estilo de sección Eventos ---*/
.wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-title .wpem-heading-text {
  color:#004a98;
  font-weight:bold;
}

.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-date-time::before,
.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-location::before{
	color:#004a98 !important;
}


.wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper {
  overflow:hidden;
  border-radius:10px 10px 0 0;
}

.rss_link{
  display:block;
  opacity:0;
  position:absolute;
  top:-1000px;
  left:-1000px;
  width:0px;
  content:'';
  height:0px;
}


.wpem-form-group .comiseo-daterangepicker-triggerbutton.ui-button .ui-button-icon {
  float: right;
    margin-top: 12px;
    margin-right: -8px;
}


.ui-menu li{
      list-style: none !important;
}


.wpem-single-event-page .wpem-single-event-wrapper{
  border: none !important;
  
}

.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body .wpem-single-event-left-content::after{
  background:none;
}

.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-header-top {
  background:#ffffff;
}


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
  background:#004a98 !important;
  border:1px solid #004a98 !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
  background:#fea30b !important;
  border:1px solid #fea30b !important;
}

.wpem-form-wrapper .chosen-container .chosen-drop .chosen-results li.highlighted {
  background:#fea30b !important;
}


/* Vacantes */
.job_filters .job_types li {
	list-style-type: none
}
.single_job_listing .meta li {
	list-style-type: none
}

.job-manager .full-time, .job_listing .full-time, .job-types .full-time{
	color: #f08d3c
}
.single_job_listing .meta .full-time{
	background-color: #ffa100
}
/*Fin de Vacantes */

}

/*Botón Slider*/
.my-slide-button {
	border-radius: 0px
}
.swiper-slide[data-color-scheme="dark"] .content h2 {
	color: #333333
}

/*Menú desplegado*/
#header-outer .sf-menu li ul li a {
	font-size: 14px;
	line-height: 8px;	
}