/*
RAYCA - Encabezado responsivo para OJS 3.3 (Tema por defecto)
Sustituye al archivo anterior de ampliación del encabezado.
*/

/* ESCRITORIO: 992 px o más */
@media (min-width: 992px) {
    .pkp_site_name_wrapper {
        height: auto !important;
    }

    .pkp_site_name {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 10px 0 !important;
        text-align: center !important;
        overflow: visible !important;
        white-space: normal !important;
    }

    .pkp_site_name .is_img {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .pkp_site_name .is_img img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 auto !important;
    }
}

/* TABLETA Y CELULAR: menos de 992 px */
@media (max-width: 991px) {
    .pkp_site_name_wrapper {
        height: auto !important;
        min-height: 0 !important;
    }

    .pkp_site_name {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 8px 48px 8px 52px !important;
        text-align: center !important;
        overflow: visible !important;
        white-space: normal !important;
    }

    .pkp_site_name .is_img {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .pkp_site_name .is_img img {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 150px !important;
        margin: 0 auto !important;
    }

    .pkp_site_nav_toggle {
        z-index: 1001 !important;
    }
}

/* CELULARES PEQUEÑOS */
@media (max-width: 480px) {
    .pkp_site_name {
        padding: 7px 42px 7px 48px !important;
    }

    .pkp_site_name .is_img img {
        max-height: 135px !important;
    }
}