/*
Theme Name: IRIARTEC - Divi Child
Theme URI: https://iriartec.com 
Author: IRIARTEC
Author URI: https://iriartec.com 
Description: Tema hijo de Divi para personalizaciones seguras de IRIARTEC.
Template: Divi
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: divi-child
*/

/* =====================================================
   PLUS ULTRA - VIDEO HERO
   ===================================================== */

#post-hero-section {
    position: relative !important;
    height: 550px !important;
    min-height: 550px !important;
    padding: 0 !important;
    overflow: hidden !important;
}


/* -----------------------------------------------------
   CODE MODULE = CAPA COMPLETA DEL HERO
   ----------------------------------------------------- */

#post-hero-section .et_pb_code {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 0 !important;
}


/* -----------------------------------------------------
   CODE INNER = CAPA COMPLETA
   ----------------------------------------------------- */

#post-hero-section .et_pb_code_inner {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
}


/* -----------------------------------------------------
   VIDEO
   ----------------------------------------------------- */

#post-hero-section video.post-hero-video-background {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    min-height: 100% !important;

    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center center !important;

    z-index: 0 !important;
}


/* -----------------------------------------------------
   OVERLAY
   ----------------------------------------------------- */

#post-hero-section::after {
    content: "";

    position: absolute;

    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background: rgba(0, 0, 0, 0.30);

    z-index: 1;

    pointer-events: none;
}


/* -----------------------------------------------------
   ROW
   ----------------------------------------------------- */

#post-hero-section .et_pb_row {
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 550px !important;
    min-height: 550px !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 2 !important;

    display: flex !important;
    align-items: center !important;
}


/* -----------------------------------------------------
   COLUMN
   ----------------------------------------------------- */

#post-hero-section .et_pb_column {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* -----------------------------------------------------
   POST TITLE
   ----------------------------------------------------- */

#post-hero-section .et_pb_post_title {
    position: relative !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 40px !important;

    z-index: 3 !important;

    text-align: center !important;
}


#post-hero-section .entry-title {
    color: #ffffff !important;
}


/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 980px) {

    #post-hero-section {
        height: 450px !important;
        min-height: 450px !important;
    }

    #post-hero-section .et_pb_row {
        height: 450px !important;
        min-height: 450px !important;
    }
}


/* =====================================================
   MOBILE
   ===================================================== */

@media (max-width: 767px) {

    #post-hero-section {
        height: 400px !important;
        min-height: 400px !important;
    }

    #post-hero-section .et_pb_row {
        height: 400px !important;
        min-height: 400px !important;
    }

    #post-hero-section .et_pb_post_title {
        padding: 30px 20px !important;
    }
}