/*
Theme Name: CIMNE
Theme URI: https://www.cimne.com/
Template: Divi
Author: Cimne Webmaster
Author URI: https://www.cimne.com/
Description: Tema hijo para la nueva web del Centro Internacional de Métodos Numéricos en Ingeniería
Version: 1.0.1718180136
Updated: 2024-06-12 10:15:36

*/

/*--------------------------------------------------------------
  Estilos generales
----------------------------------------------------------------*/
/**/

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #004996;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
}

h1 {
  font-size: 4rem;
  line-height: 4.25rem;
}

h2 {
  font-size: 3rem;
  line-height: 3.25rem;
}

h3 {
  font-size: 2.5rem;
  line-height: 2.75rem;
}

h4 {
  font-size: 2rem;
  line-height: 2.25rem;
}

h5,
.intro {
  font-size: 1.5rem;
  line-height: 1.75rem;
}

/* Top bar menu */
/*#mobile_menu .top-menu a {
	color: #02A0A5;
}*/
#top-header .container {
	font-weight: 500;
}
#mobile_menu .simbol {
	display: none;
}
.et_mobile_menu ,
#mobile_menu .top-menu.first-item{
	border-top: #F3921A 3px solid;
}
.mobile_menu_bar:before {
	color: #004996;
}
/*#main-header .container {
	height: 110px;
}*/
#logo{
	width: 320px;
	height: auto;
	max-height: 100%;
}
/* Dos columnas en mobile */
@media only screen and (max-width: 768px) {
  .three-columns .et_pb_column {
    width: 33% !important;
  }
}

@media only screen and (max-width: 768px) {
  .two-columns .et_pb_column {
    width: 50% !important;
  }
}

/*--------------------------------------------------------------
  Estilos vista lista congresos
----------------------------------------------------------------*/


.congress-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* border: solid 1px cadetblue; */
  padding: 40px 20px;
  margin-bottom: 40px;
  box-shadow: 0px 10px 24px 6px rgba(0, 0, 0, 0.06);
  border-radius: 5px;
}

/* .congress-item::after {
  content: url('https://congressbureau.cimne.com/wp-content/uploads/2025/02/LANDMARKCONF_darkblue.png');
} */

.congress-banner {
  width: 20%;
  padding: 10px;
  background-color: rgba(2, 160, 165, 0.1);
}

.congress-banner img {
  width: 100%;
}

.congress-body {
  width: 55%;
}

.congress-title h5 {
  font-size: 1.3rem;
  line-height: 1.75rem;
  font-weight: 600;
  color: #02A0A5;
}

.congress-item a {
  padding-top: 12px !important;
  padding-right: 36px !important;
  padding-bottom: 12px !important;
  padding-left: 36px !important;
  color: #02A0A5 !important;
  border: 2px solid #02A0A5;
  border-radius: 100px;
  font-size: 14px;
  font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}
.congress-body > div {
  padding-bottom: 10px;
}
.congress-info {
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: #444444;
}
.congress-text {
  font-size: 0.875rem;
}
.congress-button {
  width: 20%;
}
.congress-button:hover a{
  background-color: rgba(0, 0, 0, .05);
  /* background-color: #02A0A5 !important;
  color: white !important; */
}
div.congress-landmark {
  /* background-image: url('https://congressbureau.cimne.com/wp-content/uploads/2025/02/LANDMARKCONF_darkblue.png'); */
  /* background: right 5% / 15% 60% no-repeat url("/wp-content/uploads/2025/02/LANDMARKCONF_darkblue.png"); */

  background-image: url("/wp-content/uploads/2025/02/LANDMARKCONF_orange.png"); /* The image used */
  background-position: 98% 10%; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: 45px; /* Resize the background image to cover the entire container */
}
/* .congress-landmark img {
  width: 80%;
} */

.congress-date {
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: #444444;
}

@media only screen and (max-width: 768px) {
  .congress-item {
    /* display: flex;
    align-items: center;
    justify-content: space-between; */
    flex-direction: column;
  }
  .congress-item > div {
    padding: 10px 20px 10px 20px;
    margin-bottom: 40px;
  }
  .congress-banner {
    width: 100%;
    text-align: center;
  }

  .congress-banner img {
    width: 60%;
  }

  .congress-body {
    width: 100%;
  }
  .congress-button {
    width: 100%;
    text-align: center;
  }
}