.elementor-453 .elementor-element.elementor-element-2e9f0d7{--display:flex;--overlay-opacity:1;--padding-top:75px;--padding-bottom:75px;--padding-left:25px;--padding-right:25px;}.elementor-453 .elementor-element.elementor-element-2e9f0d7:not(.elementor-motion-effects-element-type-background), .elementor-453 .elementor-element.elementor-element-2e9f0d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://southgatecc.org/wp-content/uploads/2026/10/Entrada-South-Gate-al-atardecer.webp");background-position:center center;}.elementor-453 .elementor-element.elementor-element-2e9f0d7::before, .elementor-453 .elementor-element.elementor-element-2e9f0d7 > .elementor-background-video-container::before, .elementor-453 .elementor-element.elementor-element-2e9f0d7 > .e-con-inner > .elementor-background-video-container::before, .elementor-453 .elementor-element.elementor-element-2e9f0d7 > .elementor-background-slideshow::before, .elementor-453 .elementor-element.elementor-element-2e9f0d7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-453 .elementor-element.elementor-element-2e9f0d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, var( --e-global-color-dea41e4 ) 29%, #00245800 77%);}.elementor-453 .elementor-element.elementor-element-1bffec6 .elementor-heading-title{color:var( --e-global-color-a291686 );}.elementor-453 .elementor-element.elementor-element-a838464{width:var( --container-widget-width, 800px );max-width:800px;--container-widget-width:800px;--container-widget-flex-grow:0;}.elementor-453 .elementor-element.elementor-element-a838464 .elementor-image-box-wrapper{text-align:start;}.elementor-453 .elementor-element.elementor-element-a838464 .elementor-image-box-title{font-family:"Cormorant Garamond", Sans-serif;font-size:56px;color:#FFFFFF;}.elementor-453 .elementor-element.elementor-element-a838464 .elementor-image-box-description{color:#FFFFFF;}.elementor-453 .elementor-element.elementor-element-fe686ca{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:75px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-453 .elementor-element.elementor-element-68a750d{--display:flex;--min-height:400px;--border-radius:18px 0px 0px 18px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-453 .elementor-element.elementor-element-68a750d:not(.elementor-motion-effects-element-type-background), .elementor-453 .elementor-element.elementor-element-68a750d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://southgatecc.org/wp-content/uploads/2026/10/State-of-the-City-20233.webp");background-position:0px -114px;}.elementor-453 .elementor-element.elementor-element-a7ef0b9{--display:flex;--justify-content:center;--border-radius:0px 18px 18px 0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-453 .elementor-element.elementor-element-a7ef0b9:not(.elementor-motion-effects-element-type-background), .elementor-453 .elementor-element.elementor-element-a7ef0b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EFF5FD;}.elementor-453 .elementor-element.elementor-element-81733dc{--display:flex;--padding-top:0px;--padding-bottom:75px;--padding-left:25px;--padding-right:25px;}.elementor-453 .elementor-element.elementor-element-d2cbdaf .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-453 .elementor-element.elementor-element-d2cbdaf .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-453 .elementor-element.elementor-element-d2cbdaf{--image-transition-duration:0ms;--overlay-transition-duration:0ms;--content-text-align:center;--content-padding:20px;}.elementor-453 .elementor-element.elementor-element-30e18b3{--display:flex;--overlay-opacity:1;--border-radius:16px 16px 16px 16px;--padding-top:25px;--padding-bottom:75px;--padding-left:25px;--padding-right:25px;}.elementor-453 .elementor-element.elementor-element-30e18b3:not(.elementor-motion-effects-element-type-background), .elementor-453 .elementor-element.elementor-element-30e18b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-dea41e4 );background-image:url("https://southgatecc.org/wp-content/uploads/2026/10/Arco-ornamental-de-South-Gate.webp");background-position:center left;background-size:cover;}.elementor-453 .elementor-element.elementor-element-30e18b3::before, .elementor-453 .elementor-element.elementor-element-30e18b3 > .elementor-background-video-container::before, .elementor-453 .elementor-element.elementor-element-30e18b3 > .e-con-inner > .elementor-background-video-container::before, .elementor-453 .elementor-element.elementor-element-30e18b3 > .elementor-background-slideshow::before, .elementor-453 .elementor-element.elementor-element-30e18b3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-453 .elementor-element.elementor-element-30e18b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, var( --e-global-color-dea41e4 ) 39%, #00245854 79%);}@media(max-width:1024px){.elementor-453 .elementor-element.elementor-element-68a750d:not(.elementor-motion-effects-element-type-background), .elementor-453 .elementor-element.elementor-element-68a750d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-453 .elementor-element.elementor-element-2e9f0d7{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-453 .elementor-element.elementor-element-1bffec6{text-align:center;}.elementor-453 .elementor-element.elementor-element-a838464 .elementor-image-box-wrapper{text-align:center;}.elementor-453 .elementor-element.elementor-element-a838464 .elementor-image-box-title{font-size:36px;line-height:1em;}.elementor-453 .elementor-element.elementor-element-fe686ca{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-453 .elementor-element.elementor-element-68a750d{--min-height:250px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-453 .elementor-element.elementor-element-68a750d:not(.elementor-motion-effects-element-type-background), .elementor-453 .elementor-element.elementor-element-68a750d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-453 .elementor-element.elementor-element-81733dc{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-453 .elementor-element.elementor-element-30e18b3{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for html, class: .elementor-element-e731fb2 *//* =========================================================
   SOUTH GATE · FEATURED GALLERY
========================================================= */

.sg-featured-gallery{
    width: 100%;

    font-family: "Poppins", sans-serif;

    color: #073B6F;
}


/* =========================================================
   EYEBROW
========================================================= */

.sg-featured-gallery__eyebrow{
    display: flex;
    align-items: center;

    gap: 14px;

    margin-bottom: 12px;
}

.sg-featured-gallery__eyebrow span{
    color: #0B6DB9;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 1.8px;

    line-height: 1;
}

.sg-featured-gallery__eyebrow i{
    display: block;

    width: 72px;
    height: 1px;

    background: #AFCFE8;
}


/* =========================================================
   TITLE
========================================================= */

.sg-featured-gallery h2{
    margin: 0 0 14px;

    color: #073568;

    font-family: "Cormorant Garamond", Georgia, serif;

    font-size: clamp(38px, 4vw, 54px);
    font-weight: 600;

    line-height: 1;

    letter-spacing: -.4px;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.sg-featured-gallery__description{
    max-width: 650px;

    margin: 0 0 24px;

    color: #5C7085;

    font-size: 15px;
    font-weight: 400;

    line-height: 1.6;
}


/* =========================================================
   META
========================================================= */

.sg-featured-gallery__meta{
    display: flex;
    align-items: center;

    gap: 32px;

    margin-bottom: 26px;
}

.sg-featured-gallery__meta-item{
    display: flex;
    align-items: center;

    gap: 9px;

    color: #63778B;

    font-size: 13px;
    font-weight: 500;
}


/* =========================================================
   ICONS
========================================================= */

.sg-featured-gallery__icon{
    width: 28px;
    height: 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #0873C1;
}

.sg-featured-gallery__icon svg{
    width: 24px;
    height: 24px;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.8;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =========================================================
   CTA
========================================================= */

.sg-featured-gallery__cta,
.sg-featured-gallery__cta:link,
.sg-featured-gallery__cta:visited{
    min-height: 46px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 12px;

    padding: 0 24px;

    box-sizing: border-box;

    background:
        linear-gradient(
            110deg,
            #06477F 0%,
            #005B9F 100%
        );

    border-radius: 999px;

    color: #FFFFFF !important;

    font-size: 13px;
    font-weight: 600;

    text-decoration: none !important;

    box-shadow:
        0 8px 18px rgba(4,73,127,.14);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.sg-featured-gallery__cta:hover{
    color: #FFFFFF !important;

    transform: translateY(-2px);

    box-shadow:
        0 12px 24px rgba(4,73,127,.20);
}

.sg-featured-gallery__arrow{
    font-size: 18px;

    transition: transform .2s ease;
}

.sg-featured-gallery__cta:hover
.sg-featured-gallery__arrow{
    transform: translateX(4px);
}


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

@media(max-width: 600px){

    .sg-featured-gallery__eyebrow span{
        font-size: 10px;
    }

    .sg-featured-gallery__eyebrow i{
        width: 45px;
    }

    .sg-featured-gallery h2{
        font-size: 38px;
    }

    .sg-featured-gallery__description{
        font-size: 13px;

        margin-bottom: 20px;
    }

    .sg-featured-gallery__meta{
        gap: 20px;

        flex-wrap: wrap;

        margin-bottom: 22px;
    }

    .sg-featured-gallery__meta-item{
        font-size: 12px;
    }

    .sg-featured-gallery__cta{
        min-height: 44px;

        padding: 0 20px;

        font-size: 12px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-27c1eef *//* =========================================================
   SOUTH GATE · GALLERY INFO BAR
========================================================= */

.sg-gallery-info{
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 28px;

    padding: 18px 28px;

    box-sizing: border-box;

    background:
        linear-gradient(
            180deg,
            #F6FAFD 0%,
            #EDF6FC 100%
        );

    border: 1px solid rgba(13,93,151,.08);

    border-radius: 14px;

    box-shadow:
        0 8px 22px rgba(13,70,110,.04);

    font-family: "Poppins", sans-serif;
}


/* =========================================================
   ITEM
========================================================= */

.sg-gallery-info__item{
    display: flex;
    align-items: center;

    gap: 9px;

    color: #3F5870;

    font-size: 13px;
    font-weight: 500;

    line-height: 1.3;

    white-space: nowrap;
}


/* =========================================================
   ICON
========================================================= */

.sg-gallery-info__icon{
    width: 30px;
    height: 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 30px;

    color: #0876C9;
}

.sg-gallery-info__icon svg{
    width: 22px;
    height: 22px;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.9;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =========================================================
   DIVIDERS
========================================================= */

.sg-gallery-info__divider{
    width: 1px;
    height: 26px;

    display: block;

    background: #BCD5E7;
}


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

@media(max-width: 850px){

    .sg-gallery-info{
        gap: 18px;

        padding: 16px 20px;
    }

    .sg-gallery-info__item{
        font-size: 12px;
    }

}


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

@media(max-width: 650px){

    .sg-gallery-info{
        flex-direction: column;

        align-items: flex-start;

        gap: 12px;

        padding: 18px 20px;
    }

    .sg-gallery-info__divider{
        width: 100%;
        height: 1px;
    }

    .sg-gallery-info__item{
        white-space: normal;

        font-size: 12px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d584ad0 *//* =========================================================
   SOUTH GATE · GALLERY CTA
========================================================= */

.sg-gallery-cta{
    width: 100%;

    padding: 42px 48px;

    box-sizing: border-box;

    font-family: "Poppins", sans-serif;
}


/* =========================================================
   EYEBROW
========================================================= */

.sg-gallery-cta__eyebrow{
    display: flex;
    align-items: center;

    gap: 16px;

    margin-bottom: 14px;
}

.sg-gallery-cta__eyebrow span{
    color: rgba(255,255,255,.78);

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 1.8px;

    line-height: 1;
}

.sg-gallery-cta__eyebrow i{
    width: 58px;
    height: 1px;

    display: block;

    background: rgba(255,255,255,.50);
}


/* =========================================================
   TITLE
========================================================= */

.sg-gallery-cta h2{
    max-width: 900px;

    margin: 0 0 14px;

    color: #FFFFFF;

    font-family: "Cormorant Garamond", Georgia, serif;

    font-size: clamp(38px, 4.2vw, 58px);
    font-weight: 600;

    line-height: 1;

    letter-spacing: -.4px;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.sg-gallery-cta p{
    max-width: 760px;

    margin: 0 0 28px;

    color: rgba(255,255,255,.84);

    font-size: 15px;
    font-weight: 400;

    line-height: 1.55;
}


/* =========================================================
   ACTIONS
========================================================= */

.sg-gallery-cta__actions{
    display: flex;
    align-items: center;

    gap: 18px;

    flex-wrap: wrap;
}


/* =========================================================
   BUTTON BASE
========================================================= */

.sg-gallery-cta .sg-gallery-cta__btn,
.sg-gallery-cta .sg-gallery-cta__btn:link,
.sg-gallery-cta .sg-gallery-cta__btn:visited{
    min-height: 52px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 12px;

    padding: 0 28px;

    box-sizing: border-box;

    border-radius: 999px;

    font-family: "Poppins", sans-serif;

    font-size: 13px;
    font-weight: 600;

    line-height: 1;

    text-decoration: none !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease,
        border-color .2s ease;
}


/* =========================================================
   PRIMARY
========================================================= */

.sg-gallery-cta .sg-gallery-cta__btn--primary,
.sg-gallery-cta .sg-gallery-cta__btn--primary:link,
.sg-gallery-cta .sg-gallery-cta__btn--primary:visited{
    min-width: 220px;

    color: #FFFFFF !important;

    background:
        linear-gradient(
            110deg,
            #0B8EEB 0%,
            #0876D1 100%
        );

    border: 1px solid transparent;

    box-shadow:
        0 10px 24px rgba(3,97,174,.22);
}

.sg-gallery-cta .sg-gallery-cta__btn--primary:hover{
    color: #FFFFFF !important;

    transform: translateY(-2px);

    background:
        linear-gradient(
            110deg,
            #149AF4 0%,
            #087EDC 100%
        );

    box-shadow:
        0 14px 30px rgba(3,97,174,.28);
}


/* =========================================================
   SECONDARY
========================================================= */

.sg-gallery-cta .sg-gallery-cta__btn--secondary,
.sg-gallery-cta .sg-gallery-cta__btn--secondary:link,
.sg-gallery-cta .sg-gallery-cta__btn--secondary:visited{
    min-width: 150px;

    color: #FFFFFF !important;

    background: rgba(255,255,255,.035);

    border: 1px solid rgba(255,255,255,.80);

    box-shadow: none;
}

.sg-gallery-cta .sg-gallery-cta__btn--secondary:hover{
    color: #FFFFFF !important;

    transform: translateY(-2px);

    background: rgba(255,255,255,.10);

    border-color: #FFFFFF;
}


/* =========================================================
   ARROW
========================================================= */

.sg-gallery-cta__arrow{
    display: inline-flex;

    align-items: center;
    justify-content: center;

    font-size: 19px;

    line-height: 1;

    transition: transform .2s ease;
}

.sg-gallery-cta__btn--primary:hover
.sg-gallery-cta__arrow{
    transform: translateX(4px);
}


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

@media(max-width: 900px){

    .sg-gallery-cta{
        padding: 36px;
    }

}


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

@media(max-width: 600px){

    .sg-gallery-cta{
        padding: 30px 22px;
    }

    .sg-gallery-cta__eyebrow{
        margin-bottom: 12px;
    }

    .sg-gallery-cta__eyebrow span{
        font-size: 10px;

        letter-spacing: 1.5px;
    }

    .sg-gallery-cta h2{
        font-size: 36px;
    }

    .sg-gallery-cta p{
        margin-bottom: 22px;

        font-size: 13px;
    }

    .sg-gallery-cta__actions{
        flex-direction: column;

        align-items: stretch;

        gap: 10px;
    }

    .sg-gallery-cta .sg-gallery-cta__btn{
        width: 100%;

        min-width: 0;

        min-height: 48px;
    }

}/* End custom CSS */