/*
Theme Name: GreyStone Travel
Description: Luxury travel theme for GreyStone Vacations
Version: 1.1
WPVibe: yes
Update URI: false
*/
:root{--teal:#075365;--deep:#053b48;--gold:#f2c75c;--ink:#123c46;--cream:#f8f6ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:white;font-family:Arial,sans-serif}a{text-decoration:none;color:inherit}
.site-header{height:116px;background:#fff;display:grid;grid-template-columns:280px 1fr;align-items:center;padding:0 4%;position:relative;z-index:20}.brand{display:flex;align-items:center;border-right:1px solid #b6c4c5;padding-right:28px}.brand img{display:block;width:205px;max-height:92px;object-fit:contain}.brand-text{flex-direction:column;align-items:flex-start;justify-content:center;line-height:1}.brand-name{font:italic 34px Georgia,serif;color:#075365}.brand-sub{font:700 13px/1.2 Arial,sans-serif;letter-spacing:.28em;color:#b8862f;margin-top:5px}.site-nav{display:flex;align-self:end;justify-content:flex-end;gap:30px;padding-bottom:20px;font-size:12px;font-weight:700;color:#164958;text-transform:uppercase}.site-nav a:last-child{background:var(--teal);color:#fff;border-radius:30px;padding:14px 22px;margin-top:-14px}
.hero-original{height:640px;position:relative;background:linear-gradient(90deg,#053943e6 0%,#075365aa 42%,#07536522 72%),url("https://mygreystonevacations.com/wp-content/uploads/2026/10/GreyStone-Vacations-Homepage-Hero.webp") center/cover no-repeat;overflow:hidden;color:#fff}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%;z-index:0;filter:saturate(1.32) contrast(1.12) brightness(1.12)}.hero-original:after{content:none}.hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,29,38,.84) 0%,rgba(0,34,42,.62) 22%,rgba(0,39,46,.15) 43%,transparent 63%)}.hero-copybox{position:relative;z-index:3;padding:45px 0 0 3.3%;width:600px}.kicker{font-size:13px;letter-spacing:.23em;font-weight:700;color:var(--gold);margin:0 0 22px}.hero-copybox h1{font:400 56px/1.02 Georgia,serif;margin:0;letter-spacing:-1px}.scriptline{font:italic 62px/1.05 Georgia,serif;margin:8px 0 0}.gold-swish{height:6px;width:210px;background:var(--gold);margin:5px 0 25px 270px;transform:skewX(-35deg)}.triptypes{font:22px/1.35 Georgia,serif;margin:0}.hero-actions{display:flex;gap:16px;margin:20px 0}.gold-btn,.outline-btn{display:inline-flex;align-items:center;gap:22px;padding:15px 24px;border-radius:28px;font-size:12px;font-weight:800;letter-spacing:.03em}.gold-btn{background:var(--gold);color:#1d2b2c}.outline-btn{border:1px solid #fff;color:#fff}.hero-actions b{font-size:26px;line-height:10px}.benefits{display:flex;margin-top:17px}.benefits>div{display:flex;align-items:center;gap:10px;padding:0 30px;border-right:1px solid #ffffff55}.benefits>div:first-child{padding-left:0}.benefits>div:last-child{border:0}.benefits span{font-size:32px}.benefits p{font-size:12px;line-height:1.35;margin:0}
.travel-tiles{position:relative;z-index:5;margin:-34px 2.3% 0;display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.travel-tile{height:160px;border-radius:12px;border:3px solid white;box-shadow:0 3px 10px #0002;display:flex;align-items:flex-end;justify-content:space-between;padding:18px;color:white;overflow:hidden;position:relative;background:linear-gradient(145deg,#244f57,#0a2c38)}.travel-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.travel-tile:before{content:"";position:absolute;left:0;right:0;bottom:0;height:62%;background:linear-gradient(0deg,rgba(0,29,46,.98) 0%,rgba(0,29,46,.9) 72%,rgba(0,29,46,0) 100%);z-index:1;pointer-events:none}.travel-tile:nth-child(1){background:url("https://mygreystonevacations.com/wp-content/uploads/2026/10/GreyStone-Sandals-Resorts.avif") center/cover no-repeat}.travel-tile:nth-child(2){background:url("https://mygreystonevacations.com/wp-content/uploads/2026/10/GreyStone-Beaches-Resorts.avif") center/cover no-repeat}.travel-tile:nth-child(3){background:url("https://mygreystonevacations.com/wp-content/uploads/2026/10/Royal-Caribbean-Icon-of-the-Seas-1.jpg") center/cover no-repeat}.travel-tile:nth-child(4){background:url("https://mygreystonevacations.com/wp-content/uploads/2026/10/GreyStone-Destination-Weddings-1.webp") center/cover no-repeat}.travel-tile:nth-child(5){background:url("https://mygreystonevacations.com/wp-content/uploads/2026/10/GreyStone-Retie-the-Knot.jpg") center/cover no-repeat}.travel-tile:nth-child(6){background:url("https://mygreystonevacations.com/wp-content/uploads/2026/10/GreyStone-Group-Travel.jpg") center/cover no-repeat}.travel-tile div,.travel-tile>b{position:relative;z-index:5}.travel-tile div{background:rgba(0,29,46,.88);margin:-8px 0 -8px -8px;padding:10px 12px;border-radius:8px;max-width:calc(100% - 38px)}.travel-tile h2{font:italic 27px Georgia,serif;margin:0 0 5px;color:#fff;text-shadow:0 2px 5px #000}.travel-tile p{color:#fff;text-shadow:0 1px 4px #000}.travel-tile p{font-size:9px;font-weight:700;line-height:1.4;margin:0}.travel-tile>b{border:1px solid white;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:24px}.welcome,.honeymoon,.group-story,.planning{padding:90px 7%;text-align:center}.welcome h2,.honeymoon h2,.group-story h2,.vip h2,.planning h2,.memory h2{font:400 48px Georgia,serif;margin:10px}.welcome>p:not(.kicker),.honeymoon>p:not(.kicker),.group-story>p:not(.kicker),.vip p,.planning>p:not(.kicker),.memory>p:not(.kicker){max-width:780px;margin:14px auto;font:17px/1.7 Georgia,serif}.welcome strong,.honeymoon strong,.group-story strong,.vip>strong{display:block;color:#ad8730;font:italic 20px Georgia,serif;margin:25px auto}.honeymoon{background:var(--cream)}.honeymoon .gold-btn,.group-story .gold-btn{margin-top:26px}.teal{color:var(--teal)}.memory,.vip{padding:85px 7%;background:var(--deep);color:white;text-align:center}.memory h2 em{color:var(--gold);font-weight:400}.group-story{background:white}.vip-grid{max-width:1050px;margin:42px auto 25px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.vip-grid>div{padding:30px 24px;border:1px solid #ffffff3b;border-radius:12px;background:#ffffff0b}.vip-grid h3{font:italic 25px Georgia,serif;color:var(--gold);margin:0 0 10px}.vip-grid p{font-size:15px;margin:0}.planning .gold-btn{margin-top:20px}.site-footer{padding:45px 7%;background:#062f38;color:#dbe7e8;text-align:center}.footer-brand{font:28px Georgia,serif;color:white}.site-footer p{font-size:12px}
@media(max-width:900px){.site-header{height:auto;min-height:88px;display:flex;flex-direction:column;justify-content:center;padding:16px 4% 10px}.brand{border:0;padding:0}.site-nav{display:flex;width:100%;overflow-x:auto;justify-content:flex-start;gap:20px;padding:14px 2px 6px;white-space:nowrap;-webkit-overflow-scrolling:touch}.site-nav a{flex:0 0 auto}.site-nav a:last-child{padding:9px 16px;margin-top:-7px}.hero-original{height:680px}.hero-copybox{width:auto;padding:55px 6%}.hero-copybox h1{font-size:48px}.scriptline{font-size:50px}.gold-swish{margin-left:180px}.travel-tiles{grid-template-columns:1fr 1fr;margin-top:-35px}.benefits{flex-wrap:wrap}.benefits>div{padding:0 14px}.hero-original:after{width:100%}.travel-tile{height:145px}}

/* Official logo in header */
.site-header .brand-logo-pending img{width:205px;height:104px;max-height:104px;object-fit:contain;object-position:left center}
.site-header .brand-logo-pending{height:110px;overflow:hidden}
@media(max-width:900px){.site-header .brand-logo-pending{height:85px}.site-header .brand-logo-pending img{height:82px;width:180px}}
/* Reference-inspired homepage: panoramic hero, prominent typography, five-across experience strip */
@media(min-width:1251px){
.site-header{height:115px;grid-template-columns:280px minmax(0,1fr);padding:0 3%}
.site-nav{gap:clamp(9px,1.25vw,22px);font-size:11px;align-self:center;padding-bottom:0;flex-wrap:wrap;align-items:center}
.hero-original{height:560px}
.hero-photo{object-position:center 55%;filter:saturate(1.26) contrast(1.11) brightness(1.1)}
.hero-overlay{background:linear-gradient(90deg,rgba(0,30,37,.89) 0%,rgba(0,34,41,.68) 25%,rgba(0,35,43,.18) 46%,transparent 66%)}
.hero-copybox{padding:38px 0 0 3.2%;width:min(640px,48vw)}
.hero-copybox h1{font-size:clamp(45px,3.75vw,63px);line-height:1.02;letter-spacing:-1.7px}
.scriptline{font-family:"Brush Script MT","Segoe Script",cursive;font-size:clamp(51px,4.5vw,78px);line-height:1.06;white-space:nowrap}
.gold-swish{margin:0 0 22px 210px;width:260px;height:5px}
.triptypes{font-size:20px}
.travel-tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-width:none;margin:-33px 2.3% 0;padding:0}
.travel-tile{height:168px;padding:15px}
.travel-tile h2{font-size:clamp(19px,1.65vw,28px)}
.travel-tile p{font-size:9px}
.travel-tile:nth-child(6){grid-column:3;max-width:none}
}
@media(max-width:1250px){.hero-overlay{background:linear-gradient(90deg,rgba(0,30,37,.84),rgba(0,35,43,.55) 38%,transparent 75%)}}
@media(max-width:520px){.hero-original{height:720px}.hero-copybox h1{font-size:clamp(35px,9vw,43px)}.scriptline{font-family:"Brush Script MT","Segoe Script",cursive;font-size:clamp(40px,10vw,54px)}.gold-swish{margin-left:105px;width:175px}.hero-overlay{background:linear-gradient(90deg,rgba(0,30,37,.88),rgba(0,35,43,.53) 65%,rgba(0,35,43,.15))}}
/* Final uniform homepage category cards: identical dimensions on every row */
@media(min-width:1251px){
.travel-tiles{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:stretch!important;gap:12px!important;margin:-33px auto 0!important;padding:0 2.3%!important;max-width:1900px!important}
.travel-tiles>.travel-tile{grid-column:auto!important;flex:0 0 calc((100% - 36px)/4)!important;width:calc((100% - 36px)/4)!important;min-width:0!important;height:185px!important;max-width:none!important;padding:16px!important}
.travel-tiles>.travel-tile:nth-child(5),.travel-tiles>.travel-tile:nth-child(6),.travel-tiles>.travel-tile:nth-child(7){grid-column:auto!important}
.travel-tiles>.travel-tile h2{font-size:clamp(20px,1.6vw,28px)!important;line-height:1.1!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important}
.travel-tiles>.travel-tile p{font-size:10px!important}
}
@media(min-width:901px) and (max-width:1250px){
.travel-tiles{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:12px!important}
.travel-tiles>.travel-tile{grid-column:auto!important;flex:0 0 calc((100% - 24px)/3)!important;width:calc((100% - 24px)/3)!important;max-width:none!important;height:185px!important}
}
@media(min-width:521px) and (max-width:900px){
.travel-tiles{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:10px!important}
.travel-tiles>.travel-tile{grid-column:auto!important;flex:0 0 calc((100% - 10px)/2)!important;width:calc((100% - 10px)/2)!important;height:185px!important}
}
@media(max-width:520px){.travel-tiles>.travel-tile{width:100%!important;height:195px!important}.travel-tiles>.honeymoon-tile h2{white-space:normal!important}}

/* Balanced seven-category homepage grid — four cards then three centered */
@media(min-width:1251px){
.travel-tiles{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;margin:-33px auto 0;padding:0 2.3%;max-width:1900px}
.travel-tiles>.travel-tile{grid-column:span 3!important;width:100%;min-width:0;height:185px;padding:16px}
.travel-tiles>.travel-tile:nth-child(5){grid-column:3/span 3!important}
.travel-tiles>.travel-tile:nth-child(6){grid-column:6/span 3!important}
.travel-tiles>.travel-tile:nth-child(7){grid-column:9/span 3!important}
.travel-tiles>.travel-tile h2{font-size:clamp(22px,1.8vw,31px);overflow-wrap:normal;word-break:normal}
.travel-tiles>.travel-tile p{font-size:10px}
}
@media(min-width:901px) and (max-width:1250px){.travel-tiles{grid-template-columns:repeat(6,minmax(0,1fr))}.travel-tiles>.travel-tile{grid-column:span 2!important;width:100%}.travel-tiles>.travel-tile:nth-child(7){grid-column:3/span 2!important}}
@media(max-width:900px){.travel-tiles>.travel-tile{grid-column:auto!important;width:100%}}
.travel-tiles>.honeymoon-tile h2{white-space:nowrap;font-size:clamp(21px,1.8vw,30px)}
@media(max-width:520px){.travel-tiles>.honeymoon-tile h2{white-space:normal}}

/* Seven homepage experience cards: balanced five-over-two desktop layout */
@media(min-width:1251px){.travel-tiles{grid-template-columns:repeat(10,minmax(0,1fr))}.travel-tile{grid-column:span 2}.travel-tile:nth-child(6){grid-column:4/span 2}.travel-tile:nth-child(7){grid-column:6/span 2}}
@media(min-width:901px) and (max-width:1250px){.travel-tile:nth-child(6),.travel-tile:nth-child(7){grid-column:auto}}
@media(max-width:900px){.travel-tile:nth-child(6),.travel-tile:nth-child(7){grid-column:auto}}
/* GreyStone homepage refinement: legible photo panels and responsive layout */
/* Six experience photos in two readable rows on desktop */
@media(min-width:1251px){.travel-tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-width:none;margin:-33px 2.3% 0;padding:0}.travel-tile{height:168px}.travel-tile h2{font-size:clamp(19px,1.65vw,28px)}.travel-tile p{font-size:9px}.travel-tile>b{width:28px;height:28px;font-size:19px}.travel-tile:nth-child(6){grid-column:3}.welcome{padding-top:75px}}
@media(min-width:901px) and (max-width:1250px){.travel-tiles{gap:12px;padding:0 18px}.travel-tile{height:205px}.travel-tile p{font-size:10px}}
@media(max-width:900px){.travel-tiles{gap:10px;padding:0 12px}.travel-tile{height:200px}}
@media(max-width:520px){.travel-tiles{gap:12px;padding:0 14px}.travel-tile{height:215px}}

.site-header .brand-wordmark{display:inline-block;color:#194b5c;font-family:Georgia,serif;font-size:clamp(17px,1.6vw,25px);font-weight:600;white-space:nowrap;letter-spacing:-.5px}.site-header .brand-wordmark strong{color:#b28d2f;font-weight:500}.site-header .brand-logo-pending{display:flex;align-items:center;min-width:max-content;text-decoration:none}
.travel-tile{isolation:isolate;min-width:0;padding:14px;transition:transform .2s ease,box-shadow .2s ease}
.travel-tile>img{z-index:0;object-position:center}
.travel-tile::before{inset:0;height:auto;background:linear-gradient(180deg,rgba(0,28,39,.04) 5%,rgba(0,28,39,.28) 38%,rgba(0,28,39,.94) 100%);z-index:1}
.travel-tile div{z-index:3;max-width:calc(100% - 28px);margin:0;padding:0;background:transparent;border-radius:0;overflow-wrap:break-word}
.travel-tile h2{font-size:clamp(18px,1.65vw,27px);line-height:1.08;text-shadow:0 2px 8px #001d27}
.travel-tile p{font-size:9px;line-height:1.45;text-shadow:0 2px 6px #001d27}
.travel-tile>b{z-index:3;flex:0 0 25px;width:25px;height:25px;font-size:18px}
.travel-tile:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0003}
@media(min-width:901px) and (max-width:1250px){.travel-tiles{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:-20px}.travel-tile{height:185px}.travel-tile h2{font-size:25px}}
@media(max-width:900px){.travel-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.travel-tile{height:185px}.travel-tile h2{font-size:25px}}
@media(max-width:520px){.travel-tiles{grid-template-columns:1fr}.travel-tile{height:195px}.travel-tile h2{font-size:27px}.travel-tile p{font-size:11px}}
@media(max-width:520px){.brand img{width:180px}.brand.site-nav{gap:14px;font-size:11px}.hero-copybox{padding:38px 6% 0}.hero-copybox h1{font-size:40px}.scriptline{font-size:40px}.triptypes{font-size:17px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions a{justify-content:center;width:100%}.hero-original{height:700px}.travel-tiles{grid-template-columns:1fr}.travel-tile:last-child{grid-column:auto}.welcome h2,.honeymoon h2,.group-story h2,.vip h2,.planning h2,.memory h2{font-size:38px}.vip-grid{grid-template-columns:1fr}}