/* generic styles */
:root {
    --ff-basic: 'Basic';
    --green-new: #0F1C0A;
    --green-oliva: #B0BC9D;
    --white-ub: #F6F7EF;
}

html {
    scroll-behavior: smooth;
}

html body {
    background-color: var(--white-ub);
}

.txt-white-ub {
    color: var(--white-ub);
}

.text-green-new {
    color: var(--green-new);
}

/* generic styles */

.content-point-col-item-1,
.content-point-col-item-2,
.content-point-col-item-3 {
    align-items: center;
}

.content-point-col-item-4 {
    align-items: end;
}

.text-view-izq-der {
    writing-mode: sideways-lr;
}

.text-view-der-izq {
    writing-mode: sideways-rl;
    margin-left: -38px;
}

.content-points-clicks-line .border-fake {
    top: 14px;
    background-color: rgba(245, 222, 179, 0.50);
    border-radius: 20rem;
}

a.txt-white-ub:visited {
    color: var(--white-ub);
}

.btn-entrevista a:hover {
    color: var(--white-ub);
}

.content-img-left:not(.content-left-invertir) .footer-img {
    margin-top: 1rem !important;
}

.content-left-invertir img {
    order: 2;
}

.content-left-invertir .footer-img {
    order: 1;
    margin-bottom: 1rem !important;
}

.content-rigth-invertir img {
    order: 2;
}

.content-rigth-invertir .footer-img {
    order: 1;
    margin-bottom: 1rem !important;
}

.content-img-right:not(.content-rigth-invertir) .footer-img {
    margin-top: 1rem !important;
}

.margin-to-left-content {
    margin-top: 12rem !important;
}

.margin-to-rigth-content {
    margin-top: 9.5rem !important;
}

.text-question p {
    font-weight: 700 !important;
}

.text-mono {
    font-family: 'Basic Mono';
    font-style: normal;
    font-weight: 250;
    line-height: 90%;
    letter-spacing: -0.03rem;
}

.bg-banner-header {
    transition: background-image 0.5s ease-in-out, opacity 0.5s ease-in-out;
    /* background-image: url('/wp-content/themes/urbidermis/luzRespetuosa/img/bg-orange-header.png'); */
    opacity: 1;
    background-color: #182937;
    background-size: cover;
    background-position: center;
}

.bg-banner-header .bottom-content{
    z-index: 9999999999999;
}

@media (min-width: 992px) {

    /* fonts sizes */
    .primero-font {
        font-size: 5rem;
        font-style: normal;
        line-height: 100%;
        letter-spacing: -0.2rem;
    }

    .segundo-font {
        font-size: 4.3125rem;
        font-style: normal;
        line-height: 97%;
        letter-spacing: -0.1725rem;
    }

    .tercero-font {
        font-size: 3.25rem;
        font-style: normal;
        line-height: 100%;
        letter-spacing: -0.13rem;
    }

    .cuarto-font {
        font-size: 2.125rem;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.0425rem;
    }

    .quinto-font {
        font-size: 1.375rem;
        font-style: normal;
        line-height: normal;
    }

    .sexto-font {
        font-size: 0.8125rem;
        font-style: normal;
        line-height: normal;
    }

    .septimo-font {
        font-size: 0.60938rem;
        font-style: normal;
        line-height: normal;
    }

    /* paddings */
    .paddding-top-seccion {
        padding-top: 8.38rem;
    }

    .paddding-bottom-seccion {
        padding-bottom: 8.38rem;
    }


    /* all content */
    .wrapper-container {
        margin-left: 52px;
        margin-right: 52px;
    }

    .content-intro-header-banner>* {
        text-align: center;
        color: var(--white-ub);
        font-size: 1.375rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-text-intro-luz-space-urban>* {
        font-size: 2.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.0425rem;
    }

    .content-text-intro-impact-ambiental>* {
        font-size: 0.8125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-text-intro-project-luminics>* {
        font-size: 2.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.0425rem;
    }

    .content-text-intro-rigth>* {
        font-size: 1.375rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-title-intro-interview>* {
        color: var(--white-ub);
        font-size: 2.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.0425rem;
    }

    .content-text-intro-interview>* {
        color: var(--white-ub);
        font-size: 1.375rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    #seccion-banner-interview .content-left {
        width: 28.5%;
    }

    #seccion-banner-interview .content-right {
        width: 60%;
        margin-left: auto;
    }

    .btn-new-standar {
        display: inline-flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 0.5rem !important;
        border-radius: 3.125rem !important;
        padding: 0.5rem 0.9375rem !important;
        font-size: 0.8125rem !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: normal !important;
    }

    .content-text-intro-cta>* {
        font-size: 1.375rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;

    }

    .content-profile-interview {
        width: 11rem;
        height: auto;
    }

    #wpadminbar {
        display: none !important;
    }

    #navbar_primary {
        visibility: visible;
    }

    body.page-template-template-luz-respetuosa #page {
        margin-top: 0px !important;
    }

    html .page-template-template-luz-respetuosa #masthead {
        background-color: transparent !important;
    }

    html .page-template-template-luz-respetuosa .custom-logo-link .custom-logo {
        filter: invert(1) !important;
    }

    html .page-template-template-luz-respetuosa #navbar_primary #main-menu-primary .menu-item .nav-link span,
    html .page-template-template-luz-respetuosa #main-menu-secondary .menu-item .nav-link span,
    html .page-template-template-luz-respetuosa .menu-ver-desktop-right .lang-selector-dropdown .current-lang,
    html .page-template-template-luz-respetuosa .menu-ver-desktop-right .lang-selector-dropdown .lang-selector-icon {
        color: var(--light-2) !important;
    }

    html .page-template-template-luz-respetuosa #navbar_secondary #main-menu-secondary .menu-item:nth-of-type(2) .nav-link {
        border: 1px solid var(--light-2) !important;
    }

    html .page-template-template-luz-respetuosa.scroll-top #masthead {
        background: var(--light-2) !important;
    }

    html .page-template-template-luz-respetuosa.scroll-top .custom-logo-link .custom-logo {
        filter: unset !important;
    }

    html .page-template-template-luz-respetuosa.scroll-top #navbar_primary #main-menu-primary .menu-item .nav-link span,
    html .page-template-template-luz-respetuosa.scroll-top #main-menu-secondary .menu-item .nav-link span,
    html .page-template-template-luz-respetuosa.scroll-top .menu-ver-desktop-right .lang-selector-dropdown .current-lang,
    html .page-template-template-luz-respetuosa.scroll-top .menu-ver-desktop-right .lang-selector-dropdown .lang-selector-icon {
        color: var(--green-new) !important;
    }

    html .page-template-template-luz-respetuosa.scroll-top #navbar_secondary #main-menu-secondary .menu-item:nth-of-type(2) .nav-link {
        border: 1px solid var(--green-new) !important;
    }

    .space-desktop-bg-dinamic {
        margin-left: 30px;
        margin-right: 30px;
    }

    .content-sumari-between-3 .content-img-left {
        grid-column: span 6 / span 6;
    }

    .content-sumari-between-3 .space-separator {
        grid-column: span 2 / span 2;
    }

    .content-sumari-between-3 .content-img-right {
        grid-column: span 4 / span 4;
    }

    .content-sumari-between-5 .content-img-left {
        grid-column: span 3 / span 3;
    }

    .content-sumari-between-5 .space-separator {
        grid-column: span 1 / span 1;
    }

    .content-sumari-between-5 .content-img-right {
        grid-column: span 8 / span 8;
    }

    html,
    html body,
    html body main {
        min-height: 100vh;
    }

    html body.page-template-template-luz-respetuosa .bg-banner-header {
        height: 100vh !important;
        min-height: 100vh !important;
    }

    html body #navbar_secondary {
        visibility: visible !important;
    }

    .content-img-bettween-two-images,
    .content-img-end-two-images {
        margin-top: 8.53rem !important;
    }

    .content-img-bettween-two-images,
    .content-img-end-two-images {
        margin-bottom: 8.53rem !important;
    }

    .content-img-bettween-two-images .content-img-left img{
        width: 100%;
        object-fit: cover;
    }

    #seccion-wrapper-relation-luz-space .content-impact-ambiental .content-right .content-img{
        top: 50px!important;
    }
}

@media (min-width: 1920px) {

    /* fonts sizes */
    .primero-font {
        font-size: 6.875rem;
        font-style: normal;
        line-height: normal;
    }

    .segundo-font {
        font-size: 4.3125rem;
        font-style: normal;
        line-height: 97%;
        letter-spacing: -0.1725rem;
    }

    .tercero-font {
        font-size: 4.3125rem;
        font-style: normal;
        line-height: 97%;
        letter-spacing: -0.1725rem;
    }

    .cuarto-font {
        font-size: 2.8125rem;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.05625rem;
    }

    .quinto-font {
        font-size: 1.875rem;
        font-style: normal;
        line-height: normal;
    }

    .sexto-font {
        font-size: 1.125rem;
        font-style: normal;
        line-height: normal;
    }

    .septimo-font {
        font-size: 1.125rem;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.01125rem;
    }

    /* paddings */
    .paddding-top-seccion {
        padding-top: 8.38rem;
    }

    .paddding-bottom-seccion {
        padding-bottom: 8.38rem;
    }


    /* all content */
    .wrapper-container {
        margin-left: 52px;
        margin-right: 52px;
    }

    .content-intro-header-banner>* {
        text-align: center;
        color: var(--white-ub);
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-text-intro-luz-space-urban>* {
        font-size: 2.8125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.05625rem;
    }

    .content-text-intro-impact-ambiental>* {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.01125rem;
    }

    .content-text-intro-project-luminics>* {
        font-size: 2.8125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.05625rem;
    }

    .content-text-intro-rigth>* {
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-title-intro-interview>* {
        color: var(--white-ub);
        font-size: 2.8125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.05625rem;
    }

    .content-text-intro-interview>* {
        color: var(--white-ub);
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    #seccion-banner-interview .content-left {
        width: 28.5%;
    }

    #seccion-banner-interview .content-right {
        width: 60%;
        margin-left: auto;
    }

    .btn-new-standar {
        display: inline-flex;
        padding: 0.9375rem 1.25rem;
        justify-content: center;
        align-items: center;
        gap: 0.23438rem;
        border-radius: 2.34375rem;
    }

    .content-text-intro-cta>* {
        font-size: 1.375rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-profile-interview {
        width: 17rem;
        height: auto;
    }

    .space-desktop-bg-dinamic {
        margin-left: 45px;
        margin-right: 45px;
    }

    .content-item-points-text {
        width: 187px;
    }

    .content-img-bettween-two-images,
    .content-img-end-two-images {
        margin-top: 11.38rem !important;
    }

    .content-img-bettween-two-images,
    .content-img-end-two-images {
        margin-bottom: 11.38rem !important;
    }

    .content-img-end-two-images:last-of-type {
        margin-bottom: 0rem !important;

    }
}

@media (max-width: 991px) {

    /* fonts sizes */
    .primero-font {
        font-size: 3.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: 97%;
        letter-spacing: -0.09375rem;
    }

    .segundo-font {
        font-size: 1.875rem;
        font-style: normal;
        line-height: 96%;
        letter-spacing: -0.0375rem;
    }

    .tercero-font {
        font-size: 1.875rem;
        font-style: normal;
        line-height: 96%;
        letter-spacing: -0.0375rem;
    }

    .cuarto-font {
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 400;
        line-height: 107%;
        letter-spacing: -0.015rem;
    }

    .quinto-font {
        font-size: 1rem;
        font-style: normal;
        line-height: normal;
    }

    .sexto-font {
        font-size: 0.625rem;
        font-style: normal;
        line-height: normal;
    }

    .septimo-font {
        font-size: 0.60938rem;
        font-style: normal;
        line-height: normal;
    }

    .title-mobile-bold {
        font-weight: 500;
    }

    /* paddings */
    .paddding-top-seccion {
        padding-top: 3.75rem;
    }

    .paddding-bottom-seccion {
        padding-bottom: 3.75rem;
    }


    /* all content */
    .link-ascensors:not(:last-child) {
        margin-bottom: 2.19rem;
    }

    .wrapper-container {
        margin-left: 15px;
        margin-right: 15px;
    }

    .content-intro-header-banner>* {
        text-align: center;
        color: var(--white-ub);
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-impact-ambiental.grid .content-left {
        order: 2;
    }

    .content-text-intro-luz-space-urban>* {
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 400;
        line-height: 107%;
        letter-spacing: -0.015rem;
    }

    .content-text-intro-impact-ambiental>* {
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-text-intro-project-luminics>* {
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 400;
        line-height: 107%;
        letter-spacing: -0.015rem;
    }

    .content-text-intro-rigth>* {
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-title-intro-interview>* {
        color: var(--white-ub);
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 400;
        line-height: 107%;
        letter-spacing: -0.015rem;
    }

    .content-text-intro-interview>* {
        color: var(--white-ub);
        font-size: 1rem;
        font-weight: 400;
        font-style: normal;
        line-height: normal;
    }

    #seccion-banner-interview .content-left {
        width: 100%;
    }

    #seccion-banner-interview .content-right {
        width: 100%;
        margin-left: auto;
    }

    .btn-new-standar {
        display: inline-flex;
        padding: 0.60938rem 0.65625rem;
        justify-content: center;
        align-items: center;
        gap: 0.23438rem;
        border-radius: 2.34375rem;
    }

    .content-text-intro-cta>* {
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;

    }

    .content-profile-interview {
        width: 10rem;
        height: 10rem;
    }

    .margin-to-left-content {
        margin-top: 2rem !important;
    }

    .margin-to-rigth-content {
        margin-top: 2rem !important;
    }

    .content-img-end-two-images {
        display: flex !important;
        flex-direction: column !important;
    }

    .content-img-bettween-two-images {
        display: flex !important;
        flex-direction: column !important;
        gap: 0rem !important;
    }

    .content-rigth-invertir .footer-img {
        order: 2 !important;
        margin-top: .5rem !important;
    }

    .content-sumari-between-5 .content-img-left .footer-img {
        margin-top: .5rem !important;
        margin-bottom: 4.5rem !important;
    }

    .content-img-left:not(.content-left-invertir) .footer-img {
        margin-top: .5rem !important;
    }

    .content-rigth-invertir .footer-img {
        margin-bottom: .5rem !important;
    }

    .content-img-right:not(.content-rigth-invertir) .footer-img {
        margin-top: .5rem !important;
    }

    .wrapper-points-click .bottom-content {
        width: 70%;
        text-align: center;
        margin: auto;
    }

    html body #wpadminbar {
        display: none !important;
    }

    html body #navbar_secondary,
    html body #navbar_mobile {
        visibility: visible !important;
    }

    .wrapper-points-click .image-content {
        height: 8.52763rem;
    }

    .wrapper-points-click .image-content img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .wrapper-points-click .wrapper-container {
        margin-left: 0px;
        margin-right: 0px;
    }

    .wrapper-points-click .top-content,
    .wrapper-points-click .wrapper-content-btn-points-bg-dinamic {
        margin-left: 15px;
        margin-right: 15px;
        width: calc(100% - 30px) !important;
    }

    html body #seccion-wrapper-relation-luz-space .content-impact-ambiental .wrapper-content-points {
        justify-content: center !important;
        padding-left: 0rem !important;
    }

    html body #seccion-wrapper-relation-luz-space .content-impact-ambiental .content-right .wrapper-content-points .center-content {
        margin-left: 1.25rem !important;
        margin-right: 1.25rem !important;
    }

    html body #seccion-wrapper-points .top-content {
        min-height: 3.5rem !important;
    }


    html body .content-sumari-between-5 {
        margin-top: 6rem!important;
    }

    html body .content-sumari-between-5 .content-img-left{
        margin-top: 0rem!important;
    }

    html body .content-sumari-between-5 .content-img-left .footer-img {
        order: 2 !important;
        margin-bottom: 2rem!important;
    }

    .content-img-end-two-images:last-of-type{
        margin-bottom: 0rem!important;
    }

}