/*Alexrivera.vegas - neilmclean.com - portfolio code*/
/*Copyright 2024 Estebagel*/

/* -----------------------------------------------------------------------
   Page layouts and scroll infrastructure.
   Global skeleton (nav, body, components) lives in main.css.
   Color/theme overrides live in from-wordpress.css (commented by default).
   ----------------------------------------------------------------------- */

/* -----------------------------------------------------------------------
   Footer — default dark theme
   ----------------------------------------------------------------------- */
#colophon {
    background-color: #141414;
    color: #fff;
}

.footer-credits {
    background-color: #141414;
    color: #fff;
}

.footer-credits-text {
    background-color: #141414;
    color: #aaa;
    padding: 0;
}

.footer-social-media {
    margin-bottom: -30px;
}

/* -----------------------------------------------------------------------
   Main content area
   ----------------------------------------------------------------------- */
.content-main-architect {
    margin-left: 280px;
    opacity: 1;
    overflow-x: visible;
    min-height: 510px;
    height: 510px;
}

@media (min-width: 768px) {
    .content-main-architect {
        min-height: 580px;
        height: 80vh;
    }
}

@media (min-width: 1025px) {
    .content-main-architect {
        min-height: 580px;
        height: 80vh;
    }
}

@media (min-height: 980px) {
    .content-main-architect {
        min-height: 580px;
        height: 82vh;
    }
}

@media (min-width: 1840px) {
    #yourDiv {
        --content-width: unset;
    }
}

/* -----------------------------------------------------------------------
   Horizontal scroll wrapper — standard
   ----------------------------------------------------------------------- */
.clearfix-architect {
    overflow-x: auto;
    overflow-y: hidden;
    margin-left: -280px;
}

@media (min-width: 768px) {
    .clearfix-architect {
        padding-left: 280px;
    }
}

@media (min-width: 1025px) {
    .clearfix-architect {
        padding-left: 280px;
    }
}

/* -----------------------------------------------------------------------
   Horizontal scroll wrapper — Google Drive content
   ----------------------------------------------------------------------- */
.clearfix-architect-google {
    overflow-x: auto;
    overflow-y: hidden;
    margin-left: -280px;
}

@media (max-width: 767px) {
    .clearfix-architect-google {
        margin-left: 0;
        overflow-y: auto;
    }
    .content-main-architect {
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .clearfix-architect-google {
        padding-left: 280px;
    }
}

@media (min-width: 1025px) {
    .clearfix-architect-google {
        padding-left: 280px;
    }
}

/* -----------------------------------------------------------------------
   Asset scroll containers
   ----------------------------------------------------------------------- */
.assets-architect {
    width: 100vw;
    touch-action: pan-y;
    height: auto;
    overflow-y: auto;
    white-space: nowrap;
}

.assets-architect h3 {
    padding-left: 0;
}

.assets-architect h1,
.assets-architect h2,
.assets-architect h3,
.assets-architect h4,
.assets-architect h5,
.assets-architect h6,
.assets-architect p,
.assets-architect div {
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

@media (min-width: 768px) {
    .assets-architect {
        width: max-content;
        touch-action: pan-x;
        height: 100vh;
        overflow-x: auto;
        white-space: nowrap;
    }
}

/* Google Drive asset container */
@media (min-width: 768px) {
    .assets-architect-google {
        width: max-content;
        touch-action: pan-x;
        height: 100vh;
        overflow-x: inherit;
        white-space: nowrap;
    }
}

/* -----------------------------------------------------------------------
   Fixed-width asset containers (legacy pages with hardcoded widths)
   ----------------------------------------------------------------------- */
.assets-architect-dungeon {
    width: 100vw;
    touch-action: pan-y;
    height: auto;
    overflow-y: auto;
    white-space: nowrap;
}

.assets-architect-dungeon h3 {
    padding-left: 0;
}

.assets-architect-dungeon h1,
.assets-architect-dungeon h2,
.assets-architect-dungeon h3,
.assets-architect-dungeon h4,
.assets-architect-dungeon h5,
.assets-architect-dungeon h6,
.assets-architect-dungeon p,
.assets-architect-dungeon div {
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

@media (min-width: 768px) {
    .assets-architect-dungeon {
        width: 4727px;
        touch-action: pan-x;
        height: 100vh;
        overflow-x: auto;
        white-space: nowrap;
    }
}

.assets-architect-making {
    width: 100vw;
    touch-action: pan-y;
    height: auto;
    overflow-y: auto;
    white-space: nowrap;
}

.assets-architect-making h3 {
    padding-left: 0;
}

.assets-architect-making h1,
.assets-architect-making h2,
.assets-architect-making h3,
.assets-architect-making h4,
.assets-architect-making h5,
.assets-architect-making h6,
.assets-architect-making p,
.assets-architect-making div {
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

@media (min-width: 768px) {
    .assets-architect-making {
        width: 50727px;
        touch-action: pan-x;
        height: 100vh;
        overflow-x: auto;
        white-space: nowrap;
    }

    .assets-architect-making .elementor-widget-container img {
        height: 650px;
        width: auto;
        display: inline-block;
        vertical-align: center;
    }

    .assets-architect-making .elementor-widget-container {
        display: inline-block;
        vertical-align: top;
    }
}

.assets-architect-zobot {
    width: 100vw;
    touch-action: pan-y;
    height: auto;
    overflow-y: auto;
    white-space: nowrap;
}

@media (min-width: 768px) {
    .assets-architect-zobot {
        width: 10727px;
        touch-action: pan-x;
        height: 100vh;
        overflow-x: auto;
        white-space: nowrap;
    }

    .assets-architect-zobot .elementor-widget-container img {
        height: 500px;
        width: auto;
        display: inline-block;
        vertical-align: center;
    }

    .assets-architect-zobot .elementor-widget-container {
        display: inline-block;
        vertical-align: top;
    }
}

/* -----------------------------------------------------------------------
   Elementor elements inside asset containers
   ----------------------------------------------------------------------- */
.assets-architect > .elementor-element,
.assets-architect-works > .elementor-element,
.assets-architect-works-short > .elementor-element,
.assets-architect-works-mid > .elementor-element {
    display: inline-block;
    height: 100%;
    vertical-align: top;
}

.assets-architect img,
.assets-architect-works img,
.assets-architect-works-short img,
.assets-architect-works-mid img {
    height: 100%;
    width: auto;
    display: block;
}

/* -----------------------------------------------------------------------
   Vertical scroll variant (-y)
   ----------------------------------------------------------------------- */
.content-main-architect-y {
    opacity: 1;
    overflow-y: auto;
    min-height: 510px;
    height: 510px;
}

@media (min-width: 768px) {
    .content-main-architect-y {
        margin-left: 280px;
        min-height: 580px;
        height: 80vh;
    }
}

@media (min-width: 1025px) {
    .content-main-architect-y {
        margin-left: 280px;
        min-height: 580px;
        height: 80vh;
    }
}

@media (min-height: 980px) {
    .content-main-architect-y {
        height: 82vh;
    }
}

.clearfix-architect-y {
    overflow-y: scroll;
}

@media (min-width: 768px) {
    .clearfix-architect-y {
        margin-left: -280px;
        padding-left: 280px;
    }
}

@media (min-width: 1025px) {
    .clearfix-architect-y {
        margin-left: -280px;
        padding-left: 280px;
    }
}

.assets-architect-y {
    height: 2400px;
    touch-action: pan-y;
}

.content-main-architect-items-y {
    min-height: 620px;
    height: 750px;
}

@media (min-width: 1025px) {
    .assets-architect-items-scroll-y {
        max-height: 45px !important;
        overflow: auto;
    }
}

/* -----------------------------------------------------------------------
   Both-axis scroll variant (-xy)
   ----------------------------------------------------------------------- */
.content-main-architect-xy {
    opacity: 1;
    overflow-y: auto;
    min-height: 510px;
    height: 510px;
}

@media (min-width: 768px) {
    .content-main-architect-xy {
        min-height: 550px;
        height: 550px;
    }
}

@media (min-width: 1025px) {
    .content-main-architect-xy {
        margin-left: 280px;
        min-height: 550px;
        height: 550px;
        overflow-x: visible;
    }
}

.clearfix-architect-xy {
    overflow-y: scroll;
}

@media (min-width: 1025px) {
    .clearfix-architect-xy {
        height: auto;
        overflow-x: scroll;
        margin-left: -280px;
        padding-left: 280px;
    }
}

.assets-architect-xy {
    height: 2400px;
    touch-action: pan-y;
}

@media (min-width: 1025px) {
    .assets-architect-xy {
        width: 7227px;
        touch-action: pan-x;
    }
}

.assets-architect-works-xy {
    width: 10000px;
    touch-action: pan-x;
}

.grid-content-xy {
    height: 500px;
    min-height: 600px;
}