/*
Theme Name: Circuito Ultras
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 1.0.0
Description: Diseño y desarrollo web por DMM Studios.
Author: DMM StudiOS
Author URI: https://studiosdmm.com.mx/
Template: Divi
Version: 4.6.6
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/********************************* FONTS **************************************/


/********************************* GENERAL ************************************/

/* Fondo del sitio en general */
#main-content {
  background-color: #000;
}

/* Padding inferior de títulos y párrafos */
h2, h3, h4, h5, h6 {
  padding-bottom: 2vh;
}

/* Banners laterales */
.banner-vertical {
  box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
  -webkit-box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
  z-index: 10;
  position: fixed;
  transition: all 300ms ease 0ms;
}
.izq {
  top: 20%;
  left: 0;
}
.der {
  top: 20%;
  right: 0;
}

/********************************* MENU ***************************************/

/* Elemento destacado */
.featured a {
  padding-bottom: .5em!important;
  border-bottom: 2px solid #be1623;
}

/********************************* FOOTER *************************************/

/* Crédito */
#footer-info a {
	font-weight: normal;
}

/********************************* MODULOS ************************************/

/* Slider de videos */
.video-3-col .et_pb_carousel_items .columns-4 {
  height: auto;
}
.video-3-col .et_pb_carousel_items.columns-4 .et_pb_carousel_item {
  width: 32%;
}

/* Merchandise */
.merchandise .et_pb_portfolio_item {
  box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
}

/* Merchandise con filtro */
.et_pb_filterable_portfolio.merchandise .et_pb_portfolio_item {
  background-color: #0b8e36;
}

/********************************* RESPONSIVE *********************************/

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {

}

/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 981px) and (max-width: 1405px) {

}

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {

  /* Ocultar banners laterales */
  .banner-vertical {
    display: none!important;
  }

}

/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {

}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {

}

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {

}