/*
Theme Name: José García Ocejo
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.9.5
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

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


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

/* Font especial */
/*
@font-face {
  font-family: 'woodlandregular';
  src: url('https://test.studiosdmm.com.mx/ocejo/wp-content/themes/ocejo/fonts/woodland-webfont.woff2') format('woff2'),
       url('https://test.studiosdmm.com.mx/ocejo/wp-content/themes/ocejo/fonts/woodland-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
*/

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

/* Contenedor de sitio */
.et_boxed_layout #page-container {
  width: 94%;
  max-width: 94%;
  margin: 3% auto;
}

/* Fuente en Woodland, diferentes colores */
/*
h1 span.woodland-font,
h2 span.woodland-font,
h3 span.woodland-font {
  font-family: 'woodlandregular', Helvetica, Arial, Lucida, sans-serif;
  font-size: 92px;
}
h1 span.azul,
h2 span.azul {
  color: #0000b2;
}
h1 span.rojo,
h2 span.rojo {
  color: #cc0000;
}
h1 span.verde,
h2 span.verde {
  color: #00b200;
}
h1 span.amarillo,
h2 span.amarillo {
  color: #ffca00;
}
h1 span.magenta,
h2 span.magenta {
  color: #ff00ff;
}
h1 span.naranja,
h2 span.naranja {
  color: #ffa500;
}
h1 span.turquesa,
h2 span.turquesa {
  color: #00ffff;
}
h1 span.morado,
h2 span.morado,
h3 span.morado {
  color: #9400D3;
}
h1 span.cafe,
h2 span.cafe,
h3 span.cafe {
  color: #A52A2A;
}
*/

/* Galerías */
.gallery .gallery-item {
  display: flex;
  flex-direction: column;
}
.gallery .gallery-item .gallery-icon {
  height: 440px;
  max-height: 440px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 8px;
}
.gallery .gallery-item .gallery-icon img {
  border: 0!important;
  padding: 0 4px;
}
.wp-caption-text {
  line-height: 1.5em;
  font-size: 85%;
  text-align: left;
  padding: 0 6px;
}

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

/* Color al flotar sobre el elemento del menú */
.menu-azul a:hover {
  opacity: 1;
  color: #0000b2;
}
.menu-rojo a:hover {
  opacity: 1;
  color: #cc0000;
}
.menu-verde a:hover {
  opacity: 1;
  color: #00b200;
}
.menu-amarillo a:hover {
  opacity: 1;
  color: #ffca00;
}
.menu-magenta a:hover {
  opacity: 1;
  color: #ff00ff;
}
.menu-naranja a:hover {
  opacity: 1;
  color: #ffa500;
}
.menu-morado a:hover {
  opacity: 1;
  color: #9400D3;
}
.menu-cafe a:hover {
  opacity: 1;
  color: #A52A2A;
}

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

/* Menús en footer */
.widget_nav_menu {
  margin-bottom: 0!important;
}

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

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



/********************************* 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) {

  /* Ajustar menú móvil */
  .et_mobile_menu {
    width: 220px;
    margin-left: -88px;
    margin-top: 1em;
  }

}

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

  /* Ajuste de fuente Woodland */
  h1 span.woodland-font,
  h2 span.woodland-font {
    font-size: 60px;
  }

}

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

  /* Ajuste de fuente Woodland */
  h1 span.woodland-font,
  h2 span.woodland-font {
    font-size: 50px;
  }

}

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

}