/* =========================================================
   ROWMERE WORDPRESS HEADER
   Desktop Glass Navigation + Luxury Mobile Menu
========================================================= */


/* =========================================================
   01. HEADER WRAPPER
========================================================= */
.wp-block-post-title {
display:none;
}


header.wp-block-template-part {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: transparent !important;
}


/* Remove WordPress default spacing */

header.wp-block-template-part > .wp-block-group,
header.wp-block-template-part > .wp-block-group > .wp-block-group {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}


/* =========================================================
   02. DESKTOP GLASS PILL
========================================================= */

header.wp-block-template-part .alignwide {
    width: 100% !important;
    max-width: none !important;

    min-height: 64px;

    margin: 0 !important;
    padding: 0 28px !important;

    display: flex !important;
    align-items: center !important;

    border: 1px solid rgba(255,255,255,.70);
    border-radius: 999px;

    background: rgba(20,24,21,.16);

    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08);

    transition:
        background .35s ease,
        border-color .35s ease,
        transform .35s ease;
}


/* =========================================================
   03. DESKTOP SITE TITLE
========================================================= */

/*
   Desktop title hidden.
   RM/Home/EN can continue to be handled by your existing JS.
*/

@media (min-width: 1001px) {

    header.wp-block-template-part .wp-block-site-title {
        display: none !important;
    }

}


/* =========================================================
   04. WORDPRESS RIGHT GROUP
========================================================= */

header.wp-block-template-part
.alignwide > .wp-block-group {

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;
}


/* =========================================================
   05. NAVIGATION
========================================================= */

header.wp-block-template-part .wp-block-navigation {
    width: 100% !important;
    margin: 0 !important;
}


header.wp-block-template-part
.wp-block-navigation__responsive-container {

    width: 100%;
}


header.wp-block-template-part
.wp-block-navigation__responsive-container-content {

    width: 100%;
}


/* =========================================================
   06. DESKTOP MENU GRID
========================================================= */

@media (min-width: 1001px) {

    header.wp-block-template-part
    .wp-block-navigation__container {

        width: 100% !important;

        display: grid !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr))
            90px
            repeat(3, minmax(0, 1fr));

        align-items: center;

        gap: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    header.wp-block-template-part
    .wp-block-navigation-item {

        position: relative;

        display: flex !important;

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

        margin: 0 !important;
    }


    header.wp-block-template-part
    .wp-block-navigation-item__content {

        position: relative;

        width: 100%;

        padding: 22px 10px !important;

        display: flex;

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

        color: rgba(255,255,255,.95) !important;

        text-decoration: none !important;

        font-family:
            Arial,
            Helvetica,
            sans-serif;

        font-size: 12px;

        font-weight: 500;

        line-height: 1;

        letter-spacing: .015em;

        text-transform: uppercase;

        white-space: nowrap;

        transition:
            opacity .25s ease,
            color .25s ease;
    }


    header.wp-block-template-part
    .wp-block-navigation-item__content:hover {

        opacity: .68;
    }


    /* subtle separators */

    header.wp-block-template-part
    .wp-block-navigation-item:not(:last-child)::after {

        content: "";

        position: absolute;

        right: 0;
        top: 0;

        width: 1px;
        height: 100%;

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

        pointer-events: none;
    }

}


/* =========================================================
   07. RM CENTER MARK
========================================================= */

header.wp-block-template-part
.rm-wp-mark {

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 26px !important;

    font-weight: 400 !important;

    letter-spacing: -.04em !important;

    text-transform: none !important;

    color: #e3bd75 !important;
}


/* =========================================================
   08. HAMBURGER
========================================================= */

header.wp-block-template-part
.wp-block-navigation__responsive-container-open {

    padding: 0;

    border: 0;

    color: #ffffff;

    background: transparent;

    cursor: pointer;
}


@media (min-width: 1001px) {

    header.wp-block-template-part
    .wp-block-navigation__responsive-container-open {

        display: none !important;
    }

}


/* =========================================================
   09. SCROLLED HEADER
========================================================= */

header.wp-block-template-part.rm-header-scrolled {

    position: fixed;

    padding-top: 12px;
}


header.wp-block-template-part.rm-header-scrolled .alignwide {

    background:
        rgba(6,25,20,.88);

    border-color:
        rgba(255,255,255,.30);

    -webkit-backdrop-filter:
        blur(20px);

    backdrop-filter:
        blur(20px);
}


/* =========================================================
   10. MOBILE HEADER
========================================================= */

@media (max-width: 1000px) {

    header.wp-block-template-part {

        position: absolute !important;

        top: 0;
        left: 0;

        width: 100%;

        padding: 12px !important;

        background: transparent !important;
    }


    header.wp-block-template-part.rm-header-scrolled {

        position: fixed !important;

        padding: 10px 12px !important;
    }


    /* Mobile glass pill */

    header.wp-block-template-part .alignwide {

        width: 100% !important;
        max-width: none !important;

        min-height: 56px;

        margin: 0 !important;

        padding:
            0
            18px !important;

        display: flex !important;

        align-items: center !important;

        justify-content:
            space-between !important;

        gap: 16px !important;

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

        border-radius: 999px;

        background:
            rgba(20,24,21,.18);

        -webkit-backdrop-filter:
            blur(14px);

        backdrop-filter:
            blur(14px);

        overflow: visible;
    }


    /* =====================================================
       MOBILE ROWMERE WORDMARK
    ===================================================== */

    header.wp-block-template-part
    .wp-block-site-title {

        display: block !important;

        flex: 0 1 auto;

        margin: 0 !important;

        line-height: 1 !important;
    }


    /*
       Keep SEO site title in HTML,
       but visually display ROWMERE only.
    */

    header.wp-block-template-part
    .wp-block-site-title a {

        display: block;

        font-size: 0 !important;

        color: #e3bd75 !important;

        text-decoration: none !important;

        white-space: nowrap;
    }


    header.wp-block-template-part
    .wp-block-site-title a::after {

        content: "ROWMERE";

        display: block;

        font-family:
            Georgia,
            "Times New Roman",
            serif;

        font-size: 17px;

        font-weight: 400;

        line-height: 1;

        letter-spacing: .16em;

        color: #e3bd75;
    }


    /* =====================================================
       RIGHT SIDE
    ===================================================== */

    header.wp-block-template-part
    .alignwide > .wp-block-group {

        width: auto !important;

        flex:
            0
            0
            auto !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;

        align-items: center !important;
    }


    header.wp-block-template-part
    .wp-block-navigation {

        width: auto !important;

        margin: 0 !important;
    }


    /* Hide closed WordPress responsive container */

    header.wp-block-template-part
    .wp-block-navigation__responsive-container:not(.is-menu-open) {

        display: none !important;
    }


    /* =====================================================
       HAMBURGER BUTTON
    ===================================================== */

    header.wp-block-template-part
    .wp-block-navigation__responsive-container-open {

        width: 38px;
        height: 38px;

        padding: 0 !important;

        display: flex !important;

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

        border: 0;

        background:
            transparent !important;

        color:
            #ffffff !important;

        cursor: pointer;
    }


    header.wp-block-template-part
    .wp-block-navigation__responsive-container-open svg {

        width: 23px;
        height: 23px;

        fill: currentColor;
    }


    /* =====================================================
       MOBILE FULL SCREEN MENU
    ===================================================== */

    header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open {

        position: fixed !important;

        inset: 0 !important;

        width: 100vw !important;

        height: 100dvh !important;
        min-height: 100vh !important;

        padding:
            0
            24px
            30px !important;

        display: block !important;

        background:
            #061914 !important;

        color:
            #f3eee4 !important;

        z-index:
            99999 !important;

        overflow-y: auto;

        overscroll-behavior:
            contain;
    }


    header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-close {

        width: 100%;

        margin: 0;
        padding: 0;
    }


    header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-dialog {

        position: relative;

        width: 100%;
        min-height: 100dvh;

        margin: 0;

        padding:
            0
            0
            34px;
    }


    /* =====================================================
       MOBILE BRAND HEADER
    ===================================================== */

    header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-dialog::before {

        content:
            "ROWMERE\A LUXURY PROPERTY AGENCY";

        white-space:
            pre-line;

        display:
            block;

        width: 100%;

        padding:
            28px
            65px
            22px
            0;

        border-bottom:
            1px solid
            rgba(255,255,255,.12);

        font-family:
            Georgia,
            "Times New Roman",
            serif;

        font-size:
            13px;

        font-weight:
            400;

        line-height:
            1.55;

        letter-spacing:
            .16em;

        color:
            #d9b575;
    }


    /* =====================================================
       CLOSE BUTTON
    ===================================================== */

    header.wp-block-template-part
    .wp-block-navigation__responsive-container-close {

        position: absolute !important;

        top: 19px !important;
        right: 0 !important;

        width: 42px !important;
        height: 42px !important;

        padding: 0 !important;

        display: flex !important;

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

        border:
            1px solid
            rgba(255,255,255,.25) !important;

        border-radius:
            50%;

        background:
            transparent !important;

        color:
            #ffffff !important;

        z-index:
            5;

        cursor:
            pointer;
    }


    header.wp-block-template-part
    .wp-block-navigation__responsive-container-close svg {

        width: 21px;
        height: 21px;

        fill: currentColor;
    }


    /* =====================================================
       MENU CONTENT
    ===================================================== */

    header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content {

        width: 100%;

        padding-top:
            30px !important;
    }


    /* =====================================================
       MENU LIST
    ===================================================== */

    header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__container {

        width: 100% !important;

        display: flex !important;

        flex-direction:
            column !important;

        align-items:
            stretch !important;

        gap:
            0 !important;

        margin:
            0 !important;

        padding:
            0 !important;
    }


    /* =====================================================
       MENU ROW
    ===================================================== */

    header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item {

        position: relative;

        width: 100% !important;

        min-height: 70px;

        margin:
            0 !important;

        padding:
            0 !important;

        display: grid !important;

        grid-template-columns:
            32px
            minmax(0,1fr);

        align-items:
            stretch;

        border-bottom:
            1px solid
            rgba(255,255,255,.10);
    }


    /* Remove any old fake arrows */

    header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item::after {

        display:
            none !important;

        content:
            none !important;
    }


    /* =====================================================
       MENU NUMBERS
    ===================================================== */

    header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item::before {

        grid-column:
            1;

        align-self:
            center;

        font-family:
            Arial,
            Helvetica,
            sans-serif;

        font-size:
            8px;

        font-weight:
            400;

        line-height:
            1;

        letter-spacing:
            .14em;

        color:
            #c59b62;

        pointer-events:
            none;
    }


    header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item:nth-child(1)::before {
        content: "01";
    }

    header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item:nth-child(2)::before {
        content: "02";
    }

    header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item:nth-child(3)::before {
        content: "03";
    }

    header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item:nth-child(4)::before {
        content: "04";
    }


    /* =====================================================
       ACTUAL CLICKABLE LINK
    ===================================================== */

    header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content {

        grid-column:
            2;

        width:
            100% !important;

        min-height:
            70px;

        padding:
            15px
            0 !important;

        display:
            flex !important;

        align-items:
            center;

        justify-content:
            flex-start !important;

        border:
            0 !important;

        background:
            transparent !important;

        color:
            #f3eee4 !important;

        text-align:
            left !important;

        text-decoration:
            none !important;

        font-family:
            Georgia,
            "Times New Roman",
            serif;

        font-size:
            clamp(21px, 5.6vw, 27px) !important;

        font-weight:
            400 !important;

        line-height:
            1.05;

        letter-spacing:
            -.018em !important;

        text-transform:
            none !important;

        white-space:
            normal !important;

        transition:
            color .25s ease,
            transform .25s ease;
    }


    header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content:hover {

        color:
            #d8b675 !important;

        transform:
            translateX(3px);
    }


    header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content:focus {

        outline:
            none !important;

        box-shadow:
            none !important;
    }


    header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content:focus-visible {

        outline:
            1px solid
            rgba(216,182,117,.70) !important;

        outline-offset:
            -1px;
    }


    /* =====================================================
       MOBILE CONTACT DETAILS
    ===================================================== */

    header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content::after {

        content:
            "PHUKET · THAILAND\A PROPERTY@ROWMERE.CO.TH";

        white-space:
            pre-line;

        display:
            block;

        width:
            min(100%, 340px);

        margin:
            60px
            0
            0
            auto;

        padding-top:
            20px;

        border-top:
            1px solid
            rgba(255,255,255,.12);

        font-family:
            Arial,
            Helvetica,
            sans-serif;

        font-size:
            8px;

        font-weight:
            400;

        line-height:
            1.9;

        letter-spacing:
            .13em;

        color:
            rgba(255,255,255,.52);
    }

}


/* =========================================================
   11. SMALL MOBILE
========================================================= */

@media (max-width: 600px) {

    header.wp-block-template-part {

        padding:
            9px !important;
    }


    header.wp-block-template-part .alignwide {

        min-height:
            52px;

        padding:
            0
            15px !important;
    }


    header.wp-block-template-part
    .wp-block-site-title a::after {

        font-size:
            15px;

        letter-spacing:
            .14em;
    }


    header.wp-block-template-part
    .wp-block-navigation__responsive-container-open {

        width:
            36px;

        height:
            36px;
    }


    /* Full-screen menu */

    header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open {

        padding:
            0
            20px
            24px !important;
    }


    /* Top brand */

    header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-dialog::before {

        padding:
            22px
            58px
            18px
            0;

        font-size:
            11px;

        line-height:
            1.55;

        letter-spacing:
            .14em;
    }


    /* Close */

    header.wp-block-template-part
    .wp-block-navigation__responsive-container-close {

        top:
            15px !important;

        width:
            38px !important;

        height:
            38px !important;
    }


    header.wp-block-template-part
    .wp-block-navigation__responsive-container-close svg {

        width:
            19px;

        height:
            19px;
    }


    /* Menu spacing */

    header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content {

        padding-top:
            22px !important;
    }


    /* Row */

    header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item {

        min-height:
            62px;

        grid-template-columns:
            28px
            minmax(0,1fr);
    }


    /* Link */

    header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content {

        min-height:
            62px;

        padding:
            13px
            0 !important;

        font-size:
            clamp(19px, 5.5vw, 24px) !important;
    }


    /* Number */

    header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item::before {

        font-size:
            7px;
    }


    /* Contact */

    header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content::after {

        margin-top:
            42px;

        font-size:
            7px;
    }

}


/* =========================================================
   12. VERY SMALL PHONES
========================================================= */

@media (max-width: 380px) {

    header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content {

        font-size:
            18px !important;
    }


    header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item {

        min-height:
            58px;
    }


    header.wp-block-template-part
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content {

        min-height:
            58px;
    }

}


/* ROWMERE — FIRST MENU ITEM ONLY */

header.wp-block-template-part
.wp-block-navigation__container
> .wp-block-navigation-item:first-child
> .wp-block-navigation-item__content,

header.wp-block-template-part
.wp-block-navigation__container
> .wp-block-navigation-item:first-child
> .wp-block-navigation-item__content
> .wp-block-navigation-item__label {

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: .16em !important;

    color: #e3bd75 !important;
}



    header.wp-block-template-part .wp-block-navigation__container {
        width: 100% !important;
        max-width: none !important;
        display: grid !important;
        grid-template-columns: repeat(6, 1fr) !important;
        gap: 0 !important;
    }





/* =====================================================
   ROWMERE FOOTER
===================================================== */

.rm-footer {
  position: relative;

  width: 100%;

  margin-top: 0;

  padding-top: 32px;

  background: #f4f2ed;

  overflow: hidden;
}


/* MAIN DARK PANEL */

.rm-footer-inner {
  position: relative;

  min-height: 720px;

  padding:
    58px
    clamp(28px, 4vw, 72px)
    26px;

  background: #7b817c;

  color: #f4efe5;

  border-radius:
    0
    0
    42px
    42px;

  overflow: hidden;
}


/* =====================================================
   TOP NOTCH
===================================================== */

.rm-footer-notch {
  position: absolute;

  top: 0;
  left: 50%;

  transform: translateX(-50%);

  width: 380px;
  height: 55px;

  background: #f4f2ed;

  border-radius:
    0
    0
    34px
    34px;

  z-index: 2;
}


/* creates rounded shoulder effect */

.rm-footer-notch::before,
.rm-footer-notch::after {
  content: "";

  position: absolute;

  top: 0;

  width: 45px;
  height: 35px;

  background: #7b817c;
}


.rm-footer-notch::before {
  left: -45px;

  border-radius:
    0
    28px
    0
    0;
}


.rm-footer-notch::after {
  right: -45px;

  border-radius:
    28px
    0
    0
    0;
}


/* =====================================================
   TOP GRID
===================================================== */

.rm-footer-top {
  display: grid;

  grid-template-columns:
    1.45fr
    2.25fr
    .8fr
    .7fr;

  gap:
    clamp(35px, 4vw, 70px);

  align-items: start;
}


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

.rm-footer-kicker {
  display: block;

  margin-bottom: 16px;

  font-size: 10px;

  color:
    rgba(255,255,255,.82);
}


.rm-footer-email {
  position: relative;

  display: inline-block;

  color: #ffffff;

  text-decoration: none;

  font-size:
    clamp(22px, 2.3vw, 38px);

  font-weight: 300;

  letter-spacing:
    -.03em;
}


.rm-footer-email::after {
  content: "";

  position: absolute;

  left: 0;
  bottom: -7px;

  width: 100%;
  height: 1px;

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

  transition:
    width .4s ease;
}


.rm-footer-email:hover::after {
  width: 60%;
}


/* =====================================================
   INFO COLUMNS
===================================================== */

.rm-footer-info {
  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap:
    clamp(25px, 3vw, 45px);
}


.rm-footer-label {
  display: block;

  margin-bottom: 12px;

  font-size: 16px;

  font-weight: 600;

  color:
    #ffffff;
}


.rm-footer-column p {
  margin: 0;

  font-size: 14px;

  line-height: 1.45;

  color:
    rgba(255,255,255,.75);
}


/* =====================================================
   SOCIAL PILLS
===================================================== */

.rm-footer-socials {
  display: flex;

  flex-direction: column;

  gap: 8px;
}


.rm-footer-socials a {
  width: 105px;

  min-height: 30px;

  padding:
    7px
    12px;

  display: flex;

  align-items: center;

  justify-content: center;

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

  border-radius:
    999px;

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

  text-decoration: none;

  font-size: 14px;

  transition:
    background .3s ease,
    border-color .3s ease,
    transform .3s ease;
}


.rm-footer-socials a:hover {
  background:
    rgba(255,255,255,.09);

  border-color:
    rgba(255,255,255,.6);

  transform:
    translateX(3px);
}


/* =====================================================
   LEGAL
===================================================== */

.rm-footer-legal {
  display: flex;

  flex-direction: column;

  gap: 6px;
}


.rm-footer-legal a {
  color:
    rgba(255,255,255,.86);

  text-decoration: none;

  font-size: 14px;
}


.rm-footer-legal a:hover {
  color: #ffffff;
}


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

.rm-footer-enquiry {
  margin-top:
    clamp(60px, 7vw, 110px);

  display: flex;

  flex-direction: column;

  gap: 8px;

  width: 230px;
}


.rm-footer-enquiry > span {
  font-size: 14px;

  color:
    rgba(255,255,255,.75);
}


.rm-footer-enquiry a {
  display: flex;

  align-items: center;

  justify-content:
    space-between;

  padding-bottom: 8px;

  border-bottom:
    1px solid
    rgba(255,255,255,.35);

  color: #ffffff;

  text-decoration: none;

  font-size: 14px;
}


/* =====================================================
   GIANT BRAND WORD
===================================================== */

.rm-footer-brand {
  position: absolute;

  left:
    clamp(28px, 4vw, 72px);

  right:
    clamp(28px, 4vw, 72px);

  bottom:
    12px;

  overflow: hidden;

  pointer-events: none;
    margin-bottom: 10px;
}


.rm-footer-brand span {
  display: block;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size:
    clamp(130px, 18vw, 310px);

  font-weight: 300;

  line-height: .72;

  letter-spacing:
    -.085em;

  text-transform: lowercase;

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

  white-space: nowrap;
}


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

.rm-footer-bottom {
  position: absolute;

  left:
    clamp(28px, 4vw, 72px);

  right:
    clamp(28px, 4vw, 72px);

  bottom: 12px;

  z-index: 2;

  display: flex;

  justify-content: space-between;

  align-items: center;

  font-size: 8px;

  letter-spacing: .04em;

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

  pointer-events: none;
}


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

@media (max-width: 1000px) {

  .rm-footer-inner {
    min-height: 760px;
  }


  .rm-footer-top {
    grid-template-columns:
      1fr
      1fr;

    gap: 50px;
  }


  .rm-footer-info {
    grid-template-columns:
      1fr
      1fr;
  }


  .rm-footer-brand span {
    font-size:
      clamp(120px, 21vw, 210px);
  }

}


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

@media (max-width: 650px) {

  .rm-footer {
    padding-top: 22px;
  }


  .rm-footer-notch {
    width: 180px;
    height: 38px;

    border-radius:
      0
      0
      24px
      24px;
  }


  .rm-footer-notch::before,
  .rm-footer-notch::after {
    width: 28px;
    height: 25px;
  }


  .rm-footer-notch::before {
    left: -28px;
  }


  .rm-footer-notch::after {
    right: -28px;
  }


  .rm-footer-inner {
    min-height: 830px;

    padding:
      55px
      22px
      25px;

    border-radius:
      0
      0
      30px
      30px;
  }


  .rm-footer-top {
    grid-template-columns:
      1fr;

    gap: 38px;
  }


  .rm-footer-info {
    grid-template-columns:
      1fr
      1fr;

    gap: 28px;
  }


  .rm-footer-socials {
    flex-direction: row;

    flex-wrap: wrap;
  }


  .rm-footer-socials a {
    width: auto;

    min-width: 95px;
  }


  .rm-footer-legal {
    flex-direction: row;

    flex-wrap: wrap;

    gap:
      8px
      18px;
  }


  .rm-footer-enquiry {
    margin-top: 55px;
  }


  .rm-footer-brand {
    left: 20px;

    right: 20px;

    bottom: 40px;
  }


  .rm-footer-brand span {
    font-size:
      clamp(80px, 25vw, 125px);

    line-height: .78;
  }


  .rm-footer-bottom {
    left: 22px;
    right: 22px;

    bottom: 16px;
  }

}

/* =====================================================
   ROWMERE FOOTER
===================================================== */

.rm-footer {
  position: relative;

  width: calc(100% - 28px);

  margin-left: 14px;
  margin-right: 14px;

  /* pull footer upward over inquiry section */
  margin-top: -110px;

  /* space for overlapping notch area */
  padding-top: 110px;

  background: transparent;

  overflow: visible;

  z-index: 10;
}


/* MAIN DARK PANEL */

.rm-footer-inner {
  position: relative;

  min-height: 720px;

  padding:
    78px
    clamp(28px, 4vw, 72px)
    26px;

  background: #7b817c;

  color: #f4efe5;

  border-radius:
    34px
    34px
    42px
    42px;

  overflow: hidden;

  z-index: 2;
}


/* =====================================================
   TOP NOTCH
===================================================== */

.rm-footer-notch {
  position: absolute;

  top: 62px;
  left: 50%;

  transform: translateX(-50%);

  width: clamp(300px, 31vw, 520px);

  height: 78px;

  background: #f0efec;

  border-radius:
    0
    0
    44px
    44px;

  z-index: 5;

  pointer-events: none;
}


/* smooth curved shoulders */

.rm-footer-notch::before,
.rm-footer-notch::after {
  content: "";

  position: absolute;

  top: 0;

  width: 42px;
  height: 42px;

  background: transparent;
}


.rm-footer-notch::before {
  left: -42px;

  border-top-right-radius: 42px;

  box-shadow:
    20px -20px 0 20px #f0efec;
}


.rm-footer-notch::after {
  right: -42px;

  border-top-left-radius: 42px;

  box-shadow:
    -20px -20px 0 20px #f0efec;
}


/* =====================================================
   TOP GRID
===================================================== */

.rm-footer-top {
  display: grid;

  grid-template-columns:
    1.45fr
    2.25fr
    .8fr
    .7fr;

  gap:
    clamp(35px, 4vw, 70px);

  align-items: start;
}


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

.rm-footer-kicker {
  display: block;

  margin-bottom: 16px;

  font-size: 10px;

  color:
    rgba(255,255,255,.82);
}


.rm-footer-email {
  position: relative;

  display: inline-block;

  color: #ffffff;

  text-decoration: none;

  font-size:
    clamp(22px, 2.3vw, 38px);

  font-weight: 300;

  letter-spacing:
    -.03em;
}


.rm-footer-email::after {
  content: "";

  position: absolute;

  left: 0;
  bottom: -7px;

  width: 100%;
  height: 1px;

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

  transition:
    width .4s ease;
}


.rm-footer-email:hover::after {
  width: 60%;
}


/* =====================================================
   INFO COLUMNS
===================================================== */

.rm-footer-info {
  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap:
    clamp(25px, 3vw, 45px);
}


.rm-footer-label {
  display: block;

  margin-bottom: 12px;

  font-size: 16px;

  font-weight: 600;

  color: #ffffff;
}


.rm-footer-column p {
  margin: 0;

  font-size: 14px;

  line-height: 1.45;

  color:
    rgba(255,255,255,.75);
}


/* =====================================================
   SOCIAL PILLS
===================================================== */

.rm-footer-socials {
  display: flex;

  flex-direction: column;

  gap: 8px;
}


.rm-footer-socials a {
  width: 105px;

  min-height: 30px;

  padding:
    7px
    12px;

  display: flex;

  align-items: center;

  justify-content: center;

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

  border-radius:
    999px;

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

  text-decoration: none;

  font-size: 14px;

  transition:
    background .3s ease,
    border-color .3s ease,
    transform .3s ease;
}


.rm-footer-socials a:hover {
  background:
    rgba(255,255,255,.09);

  border-color:
    rgba(255,255,255,.6);

  transform:
    translateX(3px);
}


/* =====================================================
   LEGAL
===================================================== */

.rm-footer-legal {
  display: flex;

  flex-direction: column;

  gap: 6px;
}


.rm-footer-legal a {
  color:
    rgba(255,255,255,.86);

  text-decoration: none;

  font-size: 14px;
}


.rm-footer-legal a:hover {
  color: #ffffff;
}


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

.rm-footer-enquiry {
  margin-top:
    clamp(60px, 7vw, 110px);

  display: flex;

  flex-direction: column;

  gap: 8px;

  width: 230px;
}


.rm-footer-enquiry > span {
  font-size: 14px;

  color:
    rgba(255,255,255,.75);
}


.rm-footer-enquiry a {
  display: flex;

  align-items: center;

  justify-content:
    space-between;

  padding-bottom: 8px;

  border-bottom:
    1px solid
    rgba(255,255,255,.35);

  color: #ffffff;

  text-decoration: none;

  font-size: 14px;
}


/* =====================================================
   GIANT BRAND WORD
===================================================== */

.rm-footer-brand {
  position: absolute;

  left:
    clamp(28px, 4vw, 72px);

  right:
    clamp(28px, 4vw, 72px);

  bottom:
    12px;

  overflow: hidden;

  pointer-events: none;
    margin-bottom: 10px;
}


.rm-footer-brand span {
  display: block;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size:
    clamp(130px, 18vw, 310px);

  font-weight: 300;

  line-height: .72;

  letter-spacing:
    -.085em;

  text-transform: lowercase;

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

  white-space: nowrap;
}


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

.rm-footer-bottom {
  position: absolute;

  left:
    clamp(28px, 4vw, 72px);

  right:
    clamp(28px, 4vw, 72px);

  bottom: 12px;

  z-index: 2;

  display: flex;

  justify-content: space-between;

  align-items: center;

  font-size: 8px;

  letter-spacing: .04em;

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

  pointer-events: none;
}


/* =====================================================
   INQUIRY SECTION — SPACE FOR FOOTER OVERLAP
===================================================== */

.rm-inquiry-section,
.rm-inquiry {
  position: relative;

  padding-bottom:
    clamp(180px, 14vw, 260px);

  z-index: 1;
}


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

@media (max-width: 1000px) {

  .rm-footer-inner {
    min-height: 760px;
  }


  .rm-footer-top {
    grid-template-columns:
      1fr
      1fr;

    gap: 50px;
  }


  .rm-footer-info {
    grid-template-columns:
      1fr
      1fr;
  }


  .rm-footer-brand span {
    font-size:
      clamp(120px, 21vw, 210px);
  }

}


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

@media (max-width: 650px) {

  .rm-footer {
    width: calc(100% - 16px);

    margin-left: 8px;
    margin-right: 8px;

    margin-top: -65px;

    padding-top: 65px;
  }


  .rm-footer-notch {
    top: 35px;

    width: 190px;

    height: 50px;

    border-radius:
      0
      0
      28px
      28px;
  }


  .rm-footer-notch::before,
  .rm-footer-notch::after {
    width: 26px;
    height: 26px;
  }


  .rm-footer-notch::before {
    left: -26px;

    border-top-right-radius: 26px;

    box-shadow:
      13px -13px 0 13px #f0efec;
  }


  .rm-footer-notch::after {
    right: -26px;

    border-top-left-radius: 26px;

    box-shadow:
      -13px -13px 0 13px #f0efec;
  }


  .rm-footer-inner {
    min-height: 830px;

    padding:
      65px
      22px
      25px;

    border-radius:
      26px
      26px
      30px
      30px;
  }


  .rm-footer-top {
    grid-template-columns:
      1fr;

    gap: 38px;
  }


  .rm-footer-info {
    grid-template-columns:
      1fr
      1fr;

    gap: 28px;
  }


  .rm-footer-socials {
    flex-direction: row;

    flex-wrap: wrap;
  }


  .rm-footer-socials a {
    width: auto;

    min-width: 95px;
  }


  .rm-footer-legal {
    flex-direction: row;

    flex-wrap: wrap;

    gap:
      8px
      18px;
  }


  .rm-footer-enquiry {
    margin-top: 55px;
  }


  .rm-footer-brand {
    left: 20px;

    right: 20px;

    bottom: 40px;
  }


  .rm-footer-brand span {
    font-size:
      clamp(80px, 25vw, 125px);

    line-height: .78;
  }


  .rm-footer-bottom {
    left: 22px;
    right: 22px;

    bottom: 16px;
  }


  .rm-inquiry-section,
  .rm-inquiry {
    padding-bottom:
      150px;
  }

}

.has-global-padding {
	padding-left: 0px;
	padding-right: 0px;
}