/*
Theme Name: Halfmooncamp
Author: Halfmooncamp
Description: Your description goes here
Version: 1.0
Template: generatepress

This is the child theme for GeneratePress theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

.hmc-accommodation-hero {
	width: 100%;
	height: 640px; /* adjust to taste, ~720-800px on desktop for the cinematic feel */
	background-image: url('PATH_TO_YOUR_BEDROOM_IMAGE.jpg');
	background-size: cover;
	background-position: center 40%;
	background-repeat: no-repeat;
	position: relative;
	margin-top: -1px;
}


.hmc-accommodation-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0.25) 0%,
		rgba(0, 0, 0, 0) 25%
	);
	pointer-events: none;
}

/* Responsive height */
@media (max-width: 1024px) {
	.hmc-accommodation-hero {
		height: 480px;
	}
}

@media (max-width: 600px) {
	.hmc-accommodation-hero {
		height: 320px;
	}
}

/*Homepage*/

.wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container {
	width:auto;
}

.blur-bg {
	min-height: 111px;
}

.blur-bg::before,.blur--bg::before{
	content: "";
    position: absolute;
    inset: -30px;
    z-index: 0;
    background: rgba(0, 0, 1, 0.2);
    backdrop-filter: blur(5px);
}

.blur--bg::before {
	inset:0px;
	z-index:-1;
}

.elevated-grid-stats h2 {
	margin-bottom:-10px;
}
.experience-the-experience .blur-bg{
	width:100%;
}

.experience-the-experience .blur-bg::before {
	content: "";
    position: absolute;
    inset: 0px;
    z-index: 0;
    background: rgba(0, 0, 1, 0.2);
    backdrop-filter: blur(5px);
}

.photo-gallery-grid img{
	max-height:300px;
}

 .estate-socials {
	display: flex;
	align-items: center;
	gap: 12px;
}

.estate-social {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	color: inherit;
	border: 1px solid;
}

.estate-social svg {
	width: 16px;
	height: 16px;
}

/* =========================================================
   ESTATE SPACE GALLERY
   ========================================================= */


/* =========================================================
   OUTER GALLERY
   ========================================================= */

.estate-space-gallery {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 20px;
}


/* =========================================================
   GALLERY CYCLE
   ========================================================= */

.estate-space-gallery-cycle {
    display: grid;
    width: 100%;
    gap: 20px;
}


/* =========================================================
   GALLERY ITEMS
   ========================================================= */

.estate-space-gallery-item {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}


/* =========================================================
   IMAGES
   ========================================================= */

.estate-space-gallery-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* =========================================================
   HILEMAN
   4 IMAGE CYCLE
   =========================================================

   ┌───────┬───────┐
   │   1   │   3   │
   │   1   ├───────┤
   │   1   │   4   │
   │   2   │   4   │
   └───────┴───────┘
*/

.estate-space-gallery--the-hileman
.estate-space-gallery-cycle--complete {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 240px);
    grid-template-areas:
        "one three"
        "one four"
        "two four";
}

.estate-space-gallery--the-hileman
.estate-space-gallery-cycle--complete
.estate-space-gallery-item--1 {
    grid-area: one;
}

.estate-space-gallery--the-hileman
.estate-space-gallery-cycle--complete
.estate-space-gallery-item--2 {
    grid-area: two;
}

.estate-space-gallery--the-hileman
.estate-space-gallery-cycle--complete
.estate-space-gallery-item--3 {
    grid-area: three;
}

.estate-space-gallery--the-hileman
.estate-space-gallery-cycle--complete
.estate-space-gallery-item--4 {
    grid-area: four;
}


/* =========================================================
   GALLERY
   4 IMAGE CYCLE
   =========================================================

   ┌───────┬───────┐
   │   1   │   3   │
   ├───────┤   3   │
   │   2   │   3   │
   │   2   ├───────┤
   │   2   │   4   │
   └───────┴───────┘
*/

.estate-space-gallery--gallery
.estate-space-gallery-cycle--complete {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 240px);
    grid-template-areas:
        "one three"
        "two three"
        "two four";
}

.estate-space-gallery--gallery
.estate-space-gallery-cycle--complete
.estate-space-gallery-item--1 {
    grid-area: one;
}

.estate-space-gallery--gallery
.estate-space-gallery-cycle--complete
.estate-space-gallery-item--2 {
    grid-area: two;
}

.estate-space-gallery--gallery
.estate-space-gallery-cycle--complete
.estate-space-gallery-item--3 {
    grid-area: three;
}

.estate-space-gallery--gallery
.estate-space-gallery-cycle--complete
.estate-space-gallery-item--4 {
    grid-area: four;
}


/* =========================================================
   RUSSEL
   2 IMAGE CYCLE
   ========================================================= */

.estate-space-gallery--russell
.estate-space-gallery-cycle--complete {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 300px;
    grid-template-areas:
        "one two";
}

.estate-space-gallery--russell
.estate-space-gallery-cycle--complete
.estate-space-gallery-item--1 {
    grid-area: one;
}

.estate-space-gallery--russel
.estate-space-gallery-cycle--complete
.estate-space-gallery-item--2 {
    grid-area: two;
}


/* =========================================================
   WINOLD
   3 IMAGE CYCLE
   =========================================================

   ┌───────────────┐
   │       1       │
   ├───────┬───────┤
   │   2   │   3   │
   └───────┴───────┘
*/

.estate-space-gallery--winold
.estate-space-gallery-cycle--complete {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 300px 240px;
    grid-template-areas:
        "one one"
        "two three";
}

.estate-space-gallery--winold
.estate-space-gallery-cycle--complete
.estate-space-gallery-item--1 {
    grid-area: one;
}

.estate-space-gallery--winold
.estate-space-gallery-cycle--complete
.estate-space-gallery-item--2 {
    grid-area: two;
}

.estate-space-gallery--winold
.estate-space-gallery-cycle--complete
.estate-space-gallery-item--3 {
    grid-area: three;
}


/* =========================================================
   CURTIS
   3 IMAGE CYCLE
   =========================================================

   ┌───────┬───────┐
   │   1   │   2   │
   ├───────┴───────┤
   │       3       │
   └───────────────┘
*/

.estate-space-gallery--curtis
.estate-space-gallery-cycle--complete {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 240px 300px;
    grid-template-areas:
        "one two"
        "three three";
}

.estate-space-gallery--curtis
.estate-space-gallery-cycle--complete
.estate-space-gallery-item--1 {
    grid-area: one;
}

.estate-space-gallery--curtis
.estate-space-gallery-cycle--complete
.estate-space-gallery-item--2 {
    grid-area: two;
}

.estate-space-gallery--curtis
.estate-space-gallery-cycle--complete
.estate-space-gallery-item--3 {
    grid-area: three;
}


/* =========================================================
   OUTDOORS
   5 IMAGE CYCLE
   =========================================================

   ┌─────────────────────────┐
   │            1            │
   ├───────────┬─────┬───────┤
   │     2     │  3  │   4   │
   ├───────────┴─────┴───────┤
   │            5            │
   └─────────────────────────┘
*/

.estate-space-gallery--outdoors
.estate-space-gallery-cycle--complete {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 300px 240px 300px;
    grid-template-areas:
        "one one one"
        "two three four"
        "five five five";
}

.estate-space-gallery--outdoors
.estate-space-gallery-cycle--complete
.estate-space-gallery-item--1 {
    grid-area: one;
}

.estate-space-gallery--outdoors
.estate-space-gallery-cycle--complete
.estate-space-gallery-item--2 {
    grid-area: two;
}

.estate-space-gallery--outdoors
.estate-space-gallery-cycle--complete
.estate-space-gallery-item--3 {
    grid-area: three;
}

.estate-space-gallery--outdoors
.estate-space-gallery-cycle--complete
.estate-space-gallery-item--4 {
    grid-area: four;
}

.estate-space-gallery--outdoors
.estate-space-gallery-cycle--complete
.estate-space-gallery-item--5 {
    grid-area: five;
}


/* =========================================================
   LEFTOVER CYCLES
   =========================================================

   These rules ONLY apply to incomplete cycles.

   Complete cycles are never affected.
*/


/* ---------------------------------------------------------
   1 IMAGE LEFTOVER
   --------------------------------------------------------- */

.estate-space-gallery-cycle--leftover.estate-space-gallery-cycle--count-1 {
    grid-template-columns: 1fr;
    grid-template-rows: 300px;
}


/* ---------------------------------------------------------
   2 IMAGE LEFTOVER
   --------------------------------------------------------- */

.estate-space-gallery-cycle--leftover.estate-space-gallery-cycle--count-2 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 300px;
}

.estate-space-gallery-cycle--leftover.estate-space-gallery-cycle--count-2
.estate-space-gallery-item {
    grid-area: auto;
}


/* ---------------------------------------------------------
   3 IMAGE LEFTOVER
   --------------------------------------------------------- */

.estate-space-gallery-cycle--leftover.estate-space-gallery-cycle--count-3 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 240px 200px;
    grid-template-areas:
        "one one"
        "two three";
}

.estate-space-gallery-cycle--leftover.estate-space-gallery-cycle--count-3
.estate-space-gallery-item--1 {
    grid-area: one;
}

.estate-space-gallery-cycle--leftover.estate-space-gallery-cycle--count-3
.estate-space-gallery-item--2 {
    grid-area: two;
}

.estate-space-gallery-cycle--leftover.estate-space-gallery-cycle--count-3
.estate-space-gallery-item--3 {
    grid-area: three;
}


/* ---------------------------------------------------------
   4 IMAGE LEFTOVER
   --------------------------------------------------------- */

.estate-space-gallery-cycle--leftover.estate-space-gallery-cycle--count-4 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 250px);
}

.estate-space-gallery-cycle--leftover.estate-space-gallery-cycle--count-4
.estate-space-gallery-item {
    grid-area: auto;
}


/* ---------------------------------------------------------
   5 IMAGE LEFTOVER
   --------------------------------------------------------- */

.estate-space-gallery-cycle--leftover.estate-space-gallery-cycle--count-5 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 250px);
}

.estate-space-gallery-cycle--leftover.estate-space-gallery-cycle--count-5
.estate-space-gallery-item {
    grid-area: auto;
}


/* =========================================================
   TABLET
   768px - 1023px
   ========================================================= */

@media (max-width: 1023px) {

    .estate-space-gallery {
        gap: 16px;
    }

    .estate-space-gallery-cycle {
        gap: 16px;
    }


    /* HILEMAN / GALLERY */

    .estate-space-gallery--the-hileman
    .estate-space-gallery-cycle--complete,

    .estate-space-gallery--gallery
    .estate-space-gallery-cycle--complete {
        grid-template-rows: repeat(3, 190px);
    }


    /* RUSSEL */

    .estate-space-gallery--russell
    .estate-space-gallery-cycle--complete {
        grid-template-rows: 240px;
    }


    /* WINOLD */

    .estate-space-gallery--winold
    .estate-space-gallery-cycle--complete {
        grid-template-rows: 240px 190px;
    }


    /* CURTIS */

    .estate-space-gallery--curtis
    .estate-space-gallery-cycle--complete {
        grid-template-rows: 190px 240px;
    }


    /* OUTDOORS */

    .estate-space-gallery--outdoors
    .estate-space-gallery-cycle--complete {
        grid-template-rows: 240px 190px 240px;
    }


    /* LEFTOVERS */

    .estate-space-gallery-cycle--leftover.estate-space-gallery-cycle--count-1 {
        grid-template-rows: 240px;
    }

    .estate-space-gallery-cycle--leftover.estate-space-gallery-cycle--count-2 {
        grid-template-rows: 240px;
    }

    .estate-space-gallery-cycle--leftover.estate-space-gallery-cycle--count-3 {
        grid-template-rows: 220px 180px;
    }

    .estate-space-gallery-cycle--leftover.estate-space-gallery-cycle--count-4,
    .estate-space-gallery-cycle--leftover.estate-space-gallery-cycle--count-5 {
        grid-auto-rows: 200px;
    }
}


/* =========================================================
   MOBILE
   Below 768px
   ========================================================= */

@media (max-width: 767px) {

    .estate-space-gallery {
        gap: 12px;
    }

    .estate-space-gallery-cycle {
        gap: 12px;
    }


    /* -----------------------------------------------------
       HILEMAN
       ----------------------------------------------------- */

    .estate-space-gallery--the-hileman
    .estate-space-gallery-cycle--complete {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 220px 160px 220px;
        grid-template-areas:
            "one one"
            "two three"
            "four four";
    }


    /* -----------------------------------------------------
       GALLERY
       ----------------------------------------------------- */

    .estate-space-gallery--gallery
    .estate-space-gallery-cycle--complete {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 220px 160px 220px;
        grid-template-areas:
            "one one"
            "two three"
            "four four";
    }


    /* -----------------------------------------------------
       RUSSEL
       ----------------------------------------------------- */

    .estate-space-gallery--russell
    .estate-space-gallery-cycle--complete {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, 220px);
        grid-template-areas:
            "one"
            "two";
    }


    /* -----------------------------------------------------
       WINOLD
       ----------------------------------------------------- */

    .estate-space-gallery--winold
    .estate-space-gallery-cycle--complete {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 220px 180px;
        grid-template-areas:
            "one one"
            "two three";
    }


    /* -----------------------------------------------------
       CURTIS
       ----------------------------------------------------- */

    .estate-space-gallery--curtis
    .estate-space-gallery-cycle--complete {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 180px 220px;
        grid-template-areas:
            "one two"
            "three three";
    }


    /* -----------------------------------------------------
       OUTDOORS
       ----------------------------------------------------- */

    .estate-space-gallery--outdoors
    .estate-space-gallery-cycle--complete {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 220px 170px 220px 220px;
        grid-template-areas:
            "one one"
            "two three"
            "four four"
            "five five";
    }


    /* =====================================================
       LEFTOVERS
       ===================================================== */


    /* 1 image */

    .estate-space-gallery-cycle--leftover.estate-space-gallery-cycle--count-1 {
        grid-template-columns: 1fr;
        grid-template-rows: 300px;
    }


    /* 2 images */

    .estate-space-gallery-cycle--leftover.estate-space-gallery-cycle--count-2 {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, 220px);
    }


    /* 3 images */

    .estate-space-gallery-cycle--leftover.estate-space-gallery-cycle--count-3 {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 220px 180px;
        grid-template-areas:
            "one one"
            "two three";
    }


    /* 4 images */

    .estate-space-gallery-cycle--leftover.estate-space-gallery-cycle--count-4 {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 180px);
    }


    /* 5 images */

    .estate-space-gallery-cycle--leftover.estate-space-gallery-cycle--count-5 {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 180px);
    }
}


/* =========================================================
   VERY SMALL PHONES
   Below 480px
   ========================================================= */

@media (max-width: 479px) {

    /* HILEMAN / GALLERY */

    .estate-space-gallery--the-hileman
    .estate-space-gallery-cycle--complete,

    .estate-space-gallery--gallery
    .estate-space-gallery-cycle--complete {
        grid-template-rows: 190px 140px 190px;
    }


    /* RUSSEL */

    .estate-space-gallery--russel
    .estate-space-gallery-cycle--complete {
        grid-template-rows: repeat(2, 190px);
    }


    /* WINOLD */

    .estate-space-gallery--winold
    .estate-space-gallery-cycle--complete {
        grid-template-rows: 190px 160px;
    }


    /* CURTIS */

    .estate-space-gallery--curtis
    .estate-space-gallery-cycle--complete {
        grid-template-rows: 160px 190px;
    }


    /* OUTDOORS */

    .estate-space-gallery--outdoors
    .estate-space-gallery-cycle--complete {
        grid-template-rows: 190px 150px 190px 190px;
    }


    /* LEFTOVERS */

    .estate-space-gallery-cycle--leftover.estate-space-gallery-cycle--count-1 {
        grid-template-rows: 250px;
    }

    .estate-space-gallery-cycle--leftover.estate-space-gallery-cycle--count-2 {
        grid-template-rows: repeat(2, 190px);
    }

    .estate-space-gallery-cycle--leftover.estate-space-gallery-cycle--count-3 {
        grid-template-rows: 190px 160px;
    }

    .estate-space-gallery-cycle--leftover.estate-space-gallery-cycle--count-4 {
        grid-template-rows: repeat(2, 160px);
    }

    .estate-space-gallery-cycle--leftover.estate-space-gallery-cycle--count-5 {
        grid-template-rows: repeat(3, 160px);
    }
}