/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */
.container {
  padding: 0px 125px !important;
}

.container main {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.av-logo-container {
  height: 130px !important;
}

.av-main-nav-wrap {
  margin: 20px auto;
}

/*---------CSS DE LAS LINEAS EN EL HEADER-----*/
li.current_page_item>a>span {
  border-bottom: 2px solid #204b42;
  padding-bottom: 10px;
}

/*----------------CSS DEL LOGO ----------*/
#header_main .logo img {
  max-height: 100px !important;
  width: 200px !important;

}

.titulo-text h1 {
  text-transform: none !important;
  font-family: "Cormorant Garamond", serif;
}

.cont-val {
  display: none;
}

/*---------CSS DE LAS ENTRADAS DEL BLOG -----*/

.blog-meta {
  width: 50%;
  max-width: 600px;
}

#top .fullsize .template-blog .post .entry-content-wrapper {
  width: 50% !important;
}

.post_delimiter {
  display: none;
}

.template-blog article {
  margin-bottom: 40px;
}

.entry-content p {
  font-size: 17px;
}

/*---------CSS DE LA PAG DE NUETSROE.. SECCION INTEGRANTES  -----*/
.div-team {
  width: 48% !important;
 
}

.div-team-top {
 
}

.cont-informacion-equipo {
  padding: 0 20px;
}
.div-team:nth-child(2),
.div-team:nth-child(4){
  margin-left: 10px;
}
.div-team:nth-child(1),
.div-team:nth-child(3){
  margin-right: 10px;
}


.div-team-mt{
	 margin-top:50px !important;
}
/*---------CSS DEL LOGO DEL HEADER  ----------*/
#header_main .logo img {
  max-height: 70px;
  width: auto;
  vertical-align: middle;
}

.logo a {
  top: 60%;
  transform: translateY(-50%);
}

/*---------CSS DEL BOTON CONTACTO DEL HEADER  -----*/
.boton-contacto a .avia-menu-text {
  background-color: #265247;
  color: white;
  font-size: 15px;
  padding: 15px 35px;
  font-weight: 500;
}

/*---------CSS DE LAS LETRAS DE LAS PAGINAS DEL HEADER  -----*/
.av-main-nav li a {
  font-size: 15px;
  font-weight: 500;
}

/*---------CSS DE LA SECCION NUESTRO EQUIPO-INICIO  ----------*/
.team-name .team-member-name {
  background-color: #265247;
  padding: 13px 10px;
  color: white !important;
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  text-align: center !important;
}

.team-name .team-member-job-title {
  letter-spacing: 2px;
  color: #2e445d !important;
  text-align: center !important;
  padding-top: 6px;
}

/*---------CSS DE LA PAGINA NUESTRO EQUIPO(esconder imagen)  ----------*/
.cont-team {
  width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  padding: 70px 125px 0px 125px !important;
}

.img-team .avia-image-container-inner .avia-image-overlay-wrap img {
  position: relative !important;
  top: 55px;
}

.act-img-team img{
	display:none;
	visibility:hidden;
}


.titulo-lit-text h3 {
  font-family: "Cormorant Garamond", serif;
}


/* CSS DE COLOR DE TEXTO EN LAS TABLAS DE P.DE COOKIES */
tbody tr td {
  color: #1e3551 !important;
  font-size: 17px !important;
}

.avia-heading-row {
  font-size: 17px !important;
  color: #1e3551 !important;
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */
@media (max-width: 1100px) {

  /*---------CSS de la pagina publicaciones-entradas -----*/
  .blog-meta {
    width: 100% !important;
    max-width: 100% !important;
  }

  #top .fullsize .template-blog .post .entry-content-wrapper {
    width: 100% !important;
    margin: 0px !important;
  }
}

@media (max-width: 1000px) {
  .text-nos p br {
    display: none;
  }
}

@media (max-width: 767px) {

  
  /*---------CSS GENERAL -----*/

  .container {
    padding: 0px !important;
  }

  .logo a {
    top: 0% !important;
    transform: translateY(0%) !important;
  }

  /*---------CSS DEL BOTON CONTACTO DEL HEADER  -----*/
  .boton-contacto a .avia-menu-text {
    background-color: #265247;
    color: #265247 !important;
    padding: 0 !important;
    background-color: transparent !important;
  }

  .avia-menu-text {
    font-size: 15px !important;
  }

  .cont-team {

    padding: 50px !important;
  }

  /*------caja de integrantes---------*/
  .div-team-left {
    margin-left: 0px !important;
  }
	
	 /*-----espacio del top de la pagina areas p---------*/
	.space-ap-top{
		height: 50px !important;
	}
	
	/*---------CSS DE LA PAG DE NUETSROE.. SECCION INTEGRANTES  -----*/
.div-team {
  width: 100% !important;
 
}

}

@media (max-width: 480px) {
  #header_main .logo img {
    max-height: 50px !important;
  }

  .cont-team {
    padding: 20px !important;
  }

  /*---------CSS DEL LOGO -----*/
  #header_main .logo img {
    max-height: 100% !important;
    width: 100px !important;
  }

  .av-main-nav-wrap {
    margin: 0px auto;
  }
}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */