/*
Theme Name: Galactico Child
Theme URI: 
Description: Child theme for Galactico
Author: 
Author URI: 
Template: galactico
Version: 1.0.0
*/

/* =========================================
   Local Fonts
========================================= */

@font-face {
    font-family: 'League Spartan';
    src: url('/wp-content/themes/galactico-child/assets/fonts/LeagueSpartan-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/wp-content/themes/galactico-child/assets/fonts/Inter-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'League Spartan', sans-serif;
    font-weight: 400;
}

p,
a,
button,
input,
textarea,
select,
label {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
}

a {
    text-decoration: none;
}

.wp-singular .status-publish .entry-title{
	display:none;
}
.wp-singular .status-publish .entry-footer .edit-link{
	display:none;
}
.wp-singular .widget-area{
	display:none;
}
.wp-singular .site-footer{
	display:none;
}
.post, .page {
    margin-bottom:0px;
}
.page-content, .entry-content, .entry-summary {
    margin: 0;
}

.enq-form-row {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}
.enq-form-input p{
	color:#252324B8;
	margin:0px 0px 10px 0px;
}
.enq-form-input input{
	background-color: transparent;
    border: 1px solid #25232433;
    color: #1f2124;
    flex-grow: 1;
    max-width: 100%;
    vertical-align: middle;
    width: 100%;
	height:40px;
	padding:8px 16px;
	border-radius: 3px;
}
.enq-form-input select {
    background-color: transparent;
    border: 1px solid #25232433;
    color: #1f2124;
    flex-grow: 1;
    max-width: 100%;
    vertical-align: middle;
    width: 429px;
    height: 40px;
    border-radius: 3px;
    padding: 8px 16px;
}
.enq-form-input{
	margin-bottom:10px;
}
.enq-cont-box .elementor-icon-box-title{
	margin-top:0px !important;
}
.enq-form-input textarea{
	background-color: transparent;
    border: 1px solid #25232433;
    color: #1f2124;
    flex-grow: 1;
    max-width: 100%;
    vertical-align: middle;
    width: 100%;
	height:95px;
	padding:5px 14px;
	border-radius: 3px;
}
.enq-form-btn input {
    background-color: #28221C !important;
    color: #fff;
    width: 100%;
    height: 40px;
    text-align: center;
    padding: 3px 20px;
    border-radius: 3px;
}
.page-id-157 footer{
	display:none;
}
.page-id-9 footer{
	display:none;
}
/* =========================================================
   GALACTICO SINGLE PROJECT
========================================================= */

.galactico-single-project {
    width: 100%;
	background:#f2f2f2;
    overflow: hidden;
}

.galactico-project-container {
/*     width: 1500px; */
    padding: 0 30px;
}


/* TITLE */

.galactico-project-title {
    padding: 150px 0 50px;
    background: #252324;
}
.galactico-project-title h1 {
    margin: 0;
    color: #fff;
    font-size: 46px;
    line-height: 1;
    font-weight: 400;
}
.galactico-project-title p {
    margin: 15px 0 0;
    color: #fff;
    font-size: 18px;
    margin-bottom: 70px;
}


/* HERO */
.galactico-project-hero {
    width: 100%;
/*     height: min(720px, 70vw); */
    overflow: hidden;
	background: #252324;
}
.galactico-project-hero img {
    width: 95%;
    margin: 0 auto;
    height: 100%;
    display: block;
	padding-bottom:50px;
}


/* OVERVIEW */
.galactico-project-overview {
    padding: 100px 0 80px;
    background: #F2F2F2;
}
.galactico-project-overview-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 110px;
/*     margin-right: 90px; */
}
.galactico-project-description h2 {
    margin: 0 0 0px;
    color: #171717;
    font-size: 30px;
    font-weight: 400;
}

.galactico-project-description {
    color: #4f6177;
    font-size: 16px;
    line-height: 1.45;
}
.galactico-project-description p {
    margin: 0 0 25px;
    font-size: 16px;
    color: #252324B8;
}
.galactico-project-description .wp-block-list li{
	font-size: 16px;
    color: #252324B8;
}

/* PROJECT INFO */

.galactico-project-info {
    color: #000;
}
.galactico-project-info-title {
    margin-bottom: 5px;
    font-size: 18px;
}

.galactico-project-property {
    margin: 5px 0;
    color: #252324B8;
    font-size: 13px;
    text-align: right;
    text-transform: uppercase;
}

.galactico-project-info-row {
    min-height: 62px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    border-top: 1px solid #888;
}

.galactico-project-info-row:last-child {
    border-bottom: 1px solid #888;
}

.galactico-project-info-row span {
    font-size: 16px;
}

.galactico-project-info-row strong {
    color: #526277;
    font-size: 12px;
    font-weight: 400;
    text-align: right;
    text-transform: uppercase;
}


/* BROCHURE / ENQUIRE */

.galactico-project-actions-section {
    padding-bottom: 40px;
    background: #F2F2F2;
}
.galactico-project-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
/*     margin-right: 60px; */
}
.galactico-project-action {
    position: relative;
    min-height: 300px;
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    box-sizing: border-box;
}

.galactico-brochure {
    background: #262425;
    color: #fff !important;
}

.galactico-enquire {
    background: #fff;
    color: #262425 !important;
}

.galactico-action-title {
    font-size: 55px;
    line-height: 1;
    font-weight: 300;
}

.galactico-action-arrow {
    position: absolute;
    top: 50px;
    right: 20px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid currentColor;
    border-radius: 4px;
    font-size: 26px;
    transition: transform .3s ease;
}

.galactico-project-action:hover
.galactico-action-arrow {
    transform: translateX(5px);
}

.galactico-action-text {
    max-width: 600px;
    margin-top: auto;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 500;
	color:#252324;
    text-transform: uppercase;
}


/* GALLERY */
.galactico-project-gallery {
    position: relative;
    width: 95%;
    margin: 0 auto;
    overflow: hidden;
    background: #222;
}

.galactico-project-gallery-track {
    display: flex;
    width: 100%;
    transition: transform .55s ease;
}

.galactico-project-slide {
    flex: 0 0 100%;
    width: 100%;
    height: min(720px, 65vw);
}

.galactico-project-slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.galactico-gallery-prev,
.galactico-gallery-next {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 50%;
    background: rgba(0,0,0,.25);
    color: #fff;
    cursor: pointer;
    font-size: 22px;
    transform: translateY(-50%);
}

.galactico-gallery-prev {
    left: 30px;
}

.galactico-gallery-next {
    right: 30px;
}


/* NAVIGATION */

.galactico-project-navigation {
    padding: 60px 0;
}

.galactico-project-navigation-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
}

.galactico-project-navigation-item span {
    display: block;
    margin-bottom: 10px;
    color: #777;
    font-size: 12px;
    text-transform: uppercase;
}

.galactico-project-navigation-item a {
    color: #171717;
    font-size: 20px;
    text-decoration: none;
}

.galactico-project-navigation-item a:hover {
    text-decoration: underline;
    text-underline-offset: 5px;
}

.galactico-project-navigation-item.next {
    text-align: right;
}


/* MAP */

.galactico-project-map {
    padding-top: 50px;
}

.galactico-project-map-heading {
    margin-bottom: 40px;
}

.galactico-project-map-heading span {
    display: block;
    margin-bottom: 10px;
    color: #777;
    font-size: 12px;
    text-transform: uppercase;
}

.galactico-project-map-heading h2 {
    margin: 0;
    color: #171717;
    font-size: clamp(40px, 5vw, 62px);
    line-height: 1;
    font-weight: 400;
}
.galactico-project-map-frame {
    width: 100%;
    height: 400px;
}

.galactico-project-map-frame iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}


/* MOBILE */

@media (max-width: 900px) {

    .galactico-project-overview-grid {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .galactico-project-actions {
        grid-template-columns: 1fr;
        gap: 20px;
    }

}


@media (max-width: 600px) {

    .galactico-project-container {
        width: calc(100% - 32px);
    }
	
	.galactico-gallery-prev, .galactico-gallery-next {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 50%;
    background: rgba(0,0,0,.25);
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    transform: translateY(-50%);
}

    .galactico-project-title {
        padding: 100px 0 30px;
    }

    .galactico-project-title h1 {
        font-size: 42px;
    }

/*     .galactico-project-hero {
        height: 70vh;
        min-height: 400px;
    } */

    .galactico-project-overview {
        padding: 60px 0 70px;
    }

    .galactico-project-property {
        text-align: left;
    }

    .galactico-project-actions-section {
        padding-bottom: 60px;
    }

    .galactico-project-action {
        min-height: 250px;
        padding: 30px 22px 22px;
    }

    .galactico-action-arrow {
        top: 30px;
    }

/*     .galactico-project-slide {
        height: 60vh;
        min-height: 350px;
    } */

    .galactico-gallery-prev,
    .galactico-gallery-next {
        width: 40px;
        height: 42px;
    }

    .galactico-gallery-prev {
        left: 15px;
    }

    .galactico-gallery-next {
        right: 15px;
    }

    .galactico-project-navigation-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .galactico-project-navigation-item.next {
        text-align: left;
    }

    .galactico-project-map-frame {
        height: 400px;
    }

}







































/* Tablet Responsive */
@media(max-width:990px){
	.enq-form-input select {
    width: 200px;
		font-size:14px;
}
	.enq-form-input textarea{
		font-size:14px;
}
	.enq-form-input input{
		font-size:14px;
}
}



/* Mobile Repsonsive */
@media(max-width:600px){
	.enq-form-row {
    display: flex;
    gap: 0px;
    flex-direction: column;
    justify-content: space-between;
}
	.enq-form-input select {
    width: 100%;
}
}



/* =========================================================
   HOMES FOR SALE - PROJECT GRID
========================================================= */

.galactico-homes-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    margin: 0;
    padding: 0;
}


/* =========================================================
   PROJECT CARD
========================================================= */

.galactico-home-card {
    position: relative;
    display: block;
    width: 100%;
    height: 460px;
    overflow: hidden;
    text-decoration: none !important;
    margin: 0;
    padding: 0;
    background: #222;
}
.galactico-home-card-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}


.galactico-home-card-image img {
    display: block;
    width: 100%;
    height: 100% !important;
    object-fit: cover;

    filter:
        brightness(100%)
        contrast(100%)
        saturate(0%)
        blur(0px)
        hue-rotate(0deg);

    opacity: 1;

    transform: scale(1);

    transition:
        filter 0.6s ease,
        transform 0.6s ease,
        opacity 0.6s ease;
}
.galactico-home-card:hover
.galactico-home-card-image img {
    opacity: 1;

    filter:
        brightness(100%)
        contrast(100%)
        saturate(100%)
        blur(0px)
        hue-rotate(0deg);

    transform: scale(1.02);
}

.galactico-home-card::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 35%;

    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.55),
        rgba(0, 0, 0, 0)
    );

    pointer-events: none;
}

.galactico-home-card-overlay {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    padding: 12px 20px;
    box-sizing: border-box;
}
.galactico-home-card-title {
    display: block;
    color: #F2F2F2;
    font-family: inherit;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}

.galactico-home-card-arrow {
/*     display: none; */
}
.galactico-no-image {
    width: 100%;
    height: 100%;

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

    background: #222;
    color: #fff;

    font-size: 18px;
}
.galactico-home-card-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(255, 255, 255, 0.85);
    border-radius: 50%;
    color: #fff;
    font-size: 28px;
    font-weight: 300;
    line-height: 1;
    flex-shrink: 0;
    transition:
        background-color 0.35s ease,
        color 0.35s ease,
        transform 0.35s ease,
        border-color 0.35s ease;
}
.galactico-home-card:hover .galactico-home-card-arrow {
    background-color: #fff;
    color: #222;
    border-color: #fff;
    transform: translateX(5px);
}

.galactico-home-card:hover {
    text-decoration: none !important;
}
.galactico-project-status-label{
	color:#F2F2F2;
	font-size:22px;
	margin-bottom:10px;
}
.galactico-project-map {
    padding-top: 0;
}
/* a:visited{
	color:#f2f2f2 !important;
}  */
.elementor-heading-title a{
	color:#f2f2f2 !important;
}

.ekit-wid-con .ekit_close-side-widget {
    position: absolute;
    color: #1768dd;
    font-size:25px !important;
    display: block;
    font-weight: 200;
    line-height: 1;
    padding: 4px 7px 5px 7px;
    border: none !important;
    z-index: 99999 !important;
    background-color: transparent !important;
    top: 80px !important;
    left: 30px !important;
    color: #f2f2f2 !important;
    text-align: start !important;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.ekit-wid-con .ekit_close-side-widget svg{
	color:#f2f2f2 !important;
	fill:#f2f2f2 !important;
}
.ekit_sidebar-widget-container .ekit_close-side-widget i{
	font-size:30px !important;
}
.galactico-brochure .galactico-action-text{
	color:#f2f2f2 !important;
}
.galactico-enquire .galactico-action-title{
	color:#262425 !important;
}
.galactico-enquire .galactico-action-arrow {
    position: absolute;
    top: 50px;
    right: 20px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000 !important;
    border-radius: 4px;
    font-size: 26px;
    color: #000 !important;
    transition: transform .3s ease;
}
.enq-left-card{
	position:relative;
}
.enq-left-card::before{
	position:absolute;
	content:"";
	background: url("/wp-content/uploads/2026/09/Exclude.webp")
        center / contain no-repeat;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	height:100px;
	width:100px;
}

@media (max-width: 1024px) {

    .galactico-homes-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .galactico-home-card {
        height: 420px;
    }

    .galactico-home-card-title {
        font-size: 24px;
    }

}
@media (max-width: 600px) {

    .galactico-homes-grid {
        grid-template-columns: 1fr;
    }
.galactico-project-container {
    width: 100%;
}
    .galactico-home-card {
        height: 380px;
    }
	.galactico-project-container {
    /* width: 1500px; */
    padding: 0 15px;
}
	.galactico-project-title h1 {
    font-size: 30px;
}
	.galactico-project-navigation-item a {
    font-size: 16px;
}
	.galactico-project-navigation-item span {
    font-size: 10px;
}
	.galactico-project-status-label {
    font-size: 18px;
}
.galactico-project-description h2 {
    margin: 0 0 10px;
}
	.galactico-project-overview-grid {
    gap: 20px;
}
	.galactico-action-title {
    font-size: 36px;
}
	.galactico-project-property {
    text-align: right;
}
    .galactico-home-card-overlay {
        padding: 22px 20px 22px;
    }

    .galactico-home-card-title {
        font-size: 22px;
    }

}