/*
  Theme Name: TheEvent
  Theme URL: https://bootstrapmade.com/theevent-conference-event-bootstrap-template/
  Author: BootstrapMade.com
  License: https://bootstrapmade.com/license/
*/


/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

/* Fuentes */
    @font-face {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold'), url('fonts/MYRIADPRO-BOLD.woff') format('woff');
    }

/* CSS Document */
:root {
  --color_fondo_primario: 6, 12, 34;
  --color_fondo_secundario: 13, 20, 41;
}

.img-fluid{
	
max-height: 400px;	
}

h2, h3{
  font-family: "Raleway", sans-serif !important;
}

/*--------------------------------
/* Sections Header
--------------------------------*/

.section-header{
  margin-top: 0 !important;
}


.section-header h2 {
  text-transform: uppercase;
}

.section-with-bg {
  background-color: #f5f5f5;
}

/*--------------------------------------------------------------
# Agenda
--------------------------------------------------------------*/

#agenda {
  padding: 60px 0 20px 0;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

#header {
  padding: 25px 0;
}

#header.header-scrolled,
#header.header-fixed {
  background: rgba(var(--color_fondo_primario), 0.98); 
  height: 70px;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/

/* Nav Meu Container */

#nav-menu-container {
  float: right;
}

/* Nav Meu Styling */

.nav-menu > li > a:before {
  background-color: #ccb470;
}

/*--------------------------------------------------------------
# Intro Section
--------------------------------------------------------------*/

#intro {
/*    height: 100vh; */
    height: 95vh;
    background: url(../img/intro-bg.webp) center;
    background-size: 130vmin;
    background-repeat: no-repeat;
}

#intro:before{
  background: none !important;
}

#intro .intro-container {
  bottom: 20px;
  top: auto !important;
}

#intro h1 span, #intro p span {
  color: #ccb470;
}

#intro .about-btn {
  border: 2px solid #bd1522;
 /*  
	background-color:#e84e1c; 
	color: #fff;
 */
 	color: #bd1522;
  font-weight: bold;
}

#intro .about-btn:hover {
  background: #bd1522;
}

/*--------------------------------------------------------------
# evento Section
--------------------------------------------------------------*/

#evento {
  background: url("../img/exposiciones/loft_translation/loft_in_translation.jpg");
}

#evento a{
	color:#FFF;	
}

#evento a:hover{
	color:#c00;	
}

#evento:before {
/*  background: rgba(13, 20, 41, 0.8); */
/*	background: rgba(133,19,18, 0.6); */
background: rgba(var(--color_fondo_primario), 0.6);
/* background: rgba(var(--color_fondo_secundario), 0.6);  */
}

#evento p {
  font-size: 15px;
}


#evento .mas_informacion a{
	color:#ececa9;
}

#evento .mas_informacion a:hover{
	color:#fff;
}


#evento .btn-outline-secondary{
	color:#FFF;
	border-color:#FFF;	
}

#evento .detalle{
	background-color: #a97c7c; 
	border-radius:5px; 
	padding:20px;	
}
#evento .detalle h4{
	color:#FFF;
}

img.imagen_portada{
	border:1px solid grey;
	border-radius:5px;	
}

/*--------------------------------------------------------------
# evento_detalle Section
--------------------------------------------------------------*/

#evento_detalle, #evento_detalle2, #la_sala {
  padding: 60px 0 20px 0;
}


/*--------------------------------------------------------------
# ponentes Section
--------------------------------------------------------------*/

.ponentes .ponente {
  text-align:center;
}

.ponentes .ponente .detalles {
/*  background: rgba(6, 12, 34, 0.76); */
  background: rgba(var(--color_fondo_primario), 0.768); 
/*  background: rgba(133,19,18, 0.6); */
}

.ponentes .ponente .detalles p{
  font-size: 14px;
  text-align: center !important;
}

.ponentes .ponente .detalles a:hover {
  color: #ccb470;
}

/*--------------------------------------------------------------
# Contact Section
--------------------------------------------------------------*/

#contact .contact-info {
  margin-bottom: 20px;
  text-align: center;
}

#contact .contact-info i {
  font-size: 48px;
  display: inline-block;
  margin-bottom: 10px;
  color: #C00;
}

#contact .contact-info address,
#contact .contact-info p {
  margin-bottom: 0;
  color: #112363;
}

#contact .contact-info h3 {
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: bold;
  text-transform: uppercase;
}

#contact .contact-info a {
  color: #4869df;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#footer {
/*  background: #101522; */
  background: rgba(var(--color_fondo_primario), 0.98);  
}

#footer .footer-top {
/*  background: #040919; */
  background: rgba(var(--color_fondo_primario), 0.98);  
}

#footer .footer-top h4 {
  border-bottom: 2px solid #fff;
}

#footer .footer-top .footer-links ul i {
  color: #fff;
}

#footer .footer-top .footer-links ul li {
  border-bottom: 1px solid #fff;
}

#footer .footer-top .footer-contact p a{
	color:#FFF;
}

@media (max-width: 991px) {
  #header {
/*    background: rgba(6, 12, 34, 0.98); */
/*	background: rgba(var(--color_fondo_primario), 0.98);*/
  }

}

@media (max-width: 574px) {
	#intro {
        top:50px;
	    background: url(../img/intro-bg.webp) top center;
		background-repeat: no-repeat;	
        background-size: 130vmin;
	}

  #intro .intro-container {
    top: 250px!important;
  }


  #lugar .lugar-info h3 {
    font-size: 24px;
  }
}