/*
Theme Name: paradise
Theme URI: paradiseislandlife.com
Author: Phillip Mitchell (Fuss.studio)
Author URI: https://fuss.studio
Version: Winter 2026
Text Domain: paradise
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-variant-ligatures:none;font-feature-settings:"liga" 0,"clig" 0}img{display:block;max-width:100%;height:auto}.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}.visually-hidden:not(:focus):not(:active),.form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}


:root{
	--color-sunny:#FFC72B;
	--color-sand:#F1F0E7;
	--color-clear:#1A4687;
	--color-charcoal:#1A1E20;
	--color-sea-grape:#9D223D;
	--color-pantone-171c:#FF5D39;
	--color-pantone-1787c:#F4354D;
	--color-pantone-2725c:#685BC6;
	--color-pantone-2727c:#3080E2;
	--color-pantone-3135c:#038DB5;
	--color-pantone-377c:#7A9A00;
	--font-sans:"Neue Campton",sans-serif;
	--font-serif:"The Silver Editorial",serif;
}

@font-face{
	font-family:"Neue Campton";
	src:url("assets/fonts/NeueCampton-Regular.woff2") format("woff2"),
		url("assets/fonts/NeueCampton-Regular.woff") format("woff");
	font-weight:400;
	font-style:normal;
	font-display:swap;
}

@font-face{
	font-family:"Neue Campton";
	src:url("assets/fonts/NeueCampton-RegularItalic.woff2") format("woff2"),
		url("assets/fonts/NeueCampton-RegularItalic.woff") format("woff");
	font-weight:400;
	font-style:italic;
	font-display:swap;
}

@font-face{
	font-family:"Neue Campton";
	src:url("assets/fonts/NeueCampton-Medium.woff2") format("woff2"),
		url("assets/fonts/NeueCampton-Medium.woff") format("woff");
	font-weight:500;
	font-style:normal;
	font-display:swap;
}

@font-face{
	font-family:"Neue Campton";
	src:url("assets/fonts/NeueCampton-Bold.woff2") format("woff2"),
		url("assets/fonts/NeueCampton-Bold.woff") format("woff");
	font-weight:700;
	font-style:normal;
	font-display:swap;
}

@font-face{
	font-family:"The Silver Editorial";
	src:url("assets/fonts/SLTFTheSilverEditorial-Light.otf") format("opentype");
	font-weight:300;
	font-style:normal;
	font-display:swap;
}

@font-face{
	font-family:"The Silver Editorial";
	src:url("assets/fonts/SLTFTheSilverEditorial-LightItalic.otf") format("opentype");
	font-weight:300;
	font-style:italic;
	font-display:swap;
}

@font-face{
	font-family:"The Silver Editorial";
	src:url("assets/fonts/SLTFTheSilverEditorial-Regular.otf") format("opentype");
	font-weight:400;
	font-style:normal;
	font-display:swap;
}

@font-face{
	font-family:"The Silver Editorial";
	src:url("assets/fonts/SLTFTheSilverEditorial-RegularItalic.otf") format("opentype");
	font-weight:400;
	font-style:italic;
	font-display:swap;
}

@font-face{
	font-family:"The Silver Editorial";
	src:url("assets/fonts/SLTFTheSilverEditorial-Medium.otf") format("opentype");
	font-weight:500;
	font-style:normal;
	font-display:swap;
}

@font-face{
	font-family:"The Silver Editorial";
	src:url("assets/fonts/SLTFTheSilverEditorial-MediumItalic.otf") format("opentype");
	font-weight:500;
	font-style:italic;
	font-display:swap;
}

h1,
h2,
h4{
	font-family:var(--font-serif);
	font-weight:400;
	font-style:normal;
    text-rendering: geometricPrecision;
    letter-spacing: .01em;
	line-height: 1.5em;
}

h3,
h5,
h6,
p{
	font-family:var(--font-sans);
	font-weight:400;
	font-style:normal;
	line-height: 1.3em;
	font-size:.9375rem; 
	line-height:1.5em;
}

em {
	font-style:italic;
}

strong,b {
	font-weight: 600;
	font-style: bold;
}

.body--small {
	font-size:.8125rem;
	line-height:1.4em;
}

.body--medium {
	font-size:1.125rem;
	line-height:1.6em;
}

.body--large {
	font-size:1.3125rem;
	line-height:1.75em;
}

h1{font-size:4.75rem}
h2{font-size:3.75rem}
h3{font-size:1.75rem}
h4{font-size:1.75rem; line-height: 1.8em;}
h5{font-size:1.5rem}
h6{font-size:1rem;text-transform:uppercase}
.body--small{font-size:.8125rem}


.italic{font-style:italic}
.caption{font-family:var(--font-sans);font-weight:400;font-style:normal;font-size:1rem;color:#636466}

#header{background:var(--color-clear)}
#header.is-scrolled{background:var(--color-charcoal)}
#footer{background:var(--color-charcoal)}

body.blog,
body.single-post {
	background-color: var(--color-sand);
}

body.page-template-page-magazine,
body.page-template-page-magazine-php {
	background-color: var(--color-sea-grape);
}

.flexCenter{display:flex;align-items:center;justify-content:center}
.flexCenterTop{display:flex;align-items:center;justify-content:top}

.padding {
    padding: 30px;
}

#page-wrapper {
    padding: 60px 30px;
	max-width: 1440px;
	margin: 0 auto;
}

.button {
	display: inline-block;
	padding: 15px 15px;
	border: 2px solid var(--color-charcoal);
	color: var(--color-charcoal);
	text-decoration: none;
	font-family: var(--font-sans);
	font-size: 18px;
}

.button:hover {
	background: var(--color-sunny);
}

.topPadding {
	padding-top: 200px !important;
}

.bottomPadding {
	padding-bottom: 200px !important;
}

a {
	transition: .4s ease;
}

.post-edit-link {
	display: none;
}

.headliner {
	border-top: 1px solid var(--color-clear);
	font-family: var(--font-sans);
	padding: 6px 0 0;
	max-width: 1200px;
	width: calc(100% - 60px);
	color: var(--color-clear);
	margin: 0 auto 30px;
}

.editorial-headliner {
	position: relative;
}

.editorial-filter__toggle {
	background: transparent;
	border: 0;
	padding: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.editorial-filter__caret {
	width: 8px;
	height: 8px;
	border-right: 1px solid currentColor;
	border-bottom: 1px solid currentColor;
	transform: rotate(45deg) translateY(-1px);
	display: inline-block;
}

.editorial-filter__menu {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	z-index: 30;
	display: flex;
	flex-direction: column;
	min-width: 220px;
	background: var(--color-sand);
	border: 1px solid var(--color-clear);
	padding: 8px 0;
}

.editorial-filter__menu[hidden] {
	display: none !important;
}

.editorial-filter__option {
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	border: 0;
	text-align: left;
	padding: 8px 14px;
	font-family: var(--font-sans);
	font-size: .9375rem;
	line-height: 1.5em;
	color: var(--color-charcoal);
	cursor: pointer;
}

.editorial-filter__option:hover,
.editorial-filter__option.is-active {
	background: var(--color-sunny);
}

.magazine-headliner {
	max-width: 1660px;
	color: var(--color-sand);
	border-top-color: var(--color-sand);
	position: relative;
	margin-bottom: 30px;
}

.magazine-filter__toggle {
	background: transparent;
	border: 0;
	padding: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	text-transform: uppercase;
}

.magazine-filter__caret {
	width: 8px;
	height: 8px;
	border-right: 1px solid currentColor;
	border-bottom: 1px solid currentColor;
	transform: rotate(45deg) translateY(-1px);
	display: inline-block;
}

.magazine-filter__menu {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	z-index: 30;
	display: flex;
	flex-direction: column;
	min-width: 220px;
	background: var(--color-sea-grape);
	border: 1px solid var(--color-sand);
	padding: 8px 0;
}

.magazine-filter__menu[hidden] {
	display: none !important;
}

.magazine-filter__option {
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	border: 0;
	text-align: left;
	padding: 8px 14px;
	font-family: var(--font-sans);
	font-size: .9375rem;
	line-height: 1.5em;
	color: var(--color-sand);
	cursor: pointer;
}

.magazine-filter__option:hover,
.magazine-filter__option.is-active {
	background: var(--color-sunny);
	color: var(--color-charcoal);
}

.magazine-list {
	display: flex;
	flex-wrap: wrap;
	gap: 60px;
	max-width: 1660px;
	margin: 0 auto;
	padding: 30px;
	justify-content: center;
}

/* Magazine list inside flexible content blocks */
.magazine-list--flex {
	background-color: var(--color-sea-grape);
	padding-left: 30px;
	padding-right: 30px;
}

.magazine-list--single .magazine-card {
	width: calc((100% - 120px) / 3);
	max-width: 500px;
}

.magazine-card {
	width: calc((100% - 120px) / 3);
	margin-bottom: 30px;
}

.magazine-card__content {
	text-align: center;
}

.magazine-card__media,
.magazine-card__image {
	width: 100%;
	height: auto;
	display: block;
}

.magazine-card__year {
	color: var(--color-sand);
	opacity: .8;
	text-transform: uppercase;
	letter-spacing: .05em;
	margin: 18px 0 9px;
}

.magazine-card__title a {
	font-family: var(--font-serif);
	font-size: 2.75rem;
	line-height: 1.05;
	color: var(--color-sand);
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	margin-bottom: 18px;
}

.magazine-card__title a:hover {
	color: var(--color-sunny);
}

.magazine-card .button {
	color: var(--color-sand);
	border-color: var(--color-sand);
}

.magazine-card .button:hover {
	color: var(--color-charcoal);
	border-color: var(--color-sand);
}

/* ── 3-D Magazine Cover Hover ── */
.magazine-card__media {
	perspective: 1400px;
	perspective-origin: center center;
}

.magazine-card__book {
	display: block;
	position: relative;
	transform-style: preserve-3d;
	transform-origin: center center;
	will-change: transform;
}

.magazine-card__cover {
	display: block;
	position: relative;
	overflow: hidden;
}

.magazine-card__spine {
	position: absolute;
	top: 0;
	left: -36px;
	width: 36px;
	height: 100%;
	background-color: var(--color-sand);
	background-size: cover;
	background-position: center;
	transform-origin: right center;
	transform: rotateY(-90deg);
}

.magazine-card__shine {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		105deg,
		transparent 30%,
		rgba(255,255,255,0.10) 42%,
		rgba(255,255,255,0.28) 50%,
		rgba(255,255,255,0.10) 58%,
		transparent 70%
	);
	opacity: 0;
	pointer-events: none;
	z-index: 1;
}

/* ── Header CSS Section ── */

#header {
    position: sticky;
    top: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: space-between;
	padding-top: 15px;
	padding-bottom: 15px;
	transition: transform .35s ease;
}

#header.is-hidden {
	transform: translateY(-100%);
}

.site-logo-image {
    max-width: 300px;
}

#menu {
}

#menu ul {
    display: flex;
    align-items: center;
}

#menu ul li {
    display: inline-block;
    list-style: none;
    list-style-type: none;
    margin: 0 10px;
}

#menu ul li a {
    display: block;
    padding: 10px 15px;
    color: var(--color-sand);
    text-decoration: none;
    font-family: var(--font-sans);
}

#menu ul li a:hover {
    color: var(--color-sunny);
}

#headerSubscribe {
    background-color: var(--color-sunny);
    display: inline-block;
    border-radius: 50px;
}

#headerSubscribe a {
    display: block;
    padding: 13px;
    color: var(--color-charcoal);
    text-decoration: none;
    font-family: var(--font-sans);
	font-size: 15px;
}

.nav-search{
    position:relative;
    margin-left: 20px;
}

.nav-search__toggle{
    background:var(--color-sunny);
    border:0;
    padding:10px;
    border-radius: 100%;
    color:inherit;
    cursor: pointer;
}

.nav-search__icon{
    display:block;
}

.nav-search__panel{
    position:fixed;
    top:0;
    right:0;
    width:min(420px,90vw);
    height:100vh;
    background:var(--color-sand);
    transform:translateX(100%);
    transition:transform .3s ease;
    z-index:9999;
    padding:24px;
    overflow:auto;
}

.nav-search__panel.is-open{
    transform:translateX(0)
}

.nav-search__overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.35);
    opacity:0;
    pointer-events:none;
    transition:opacity .3s ease;
    z-index:9998;
}

.nav-search__overlay.is-open{
    opacity:1;
    pointer-events:auto;
}

.nav-search__panel .search-form {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-top: 12px;
}

.nav-search__panel .search-form label {
	flex: 1;
}

.nav-search__panel .search-form .search-field {
	width: 100%;
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--color-charcoal);
	color: var(--color-charcoal);
	font-family: var(--font-sans);
	font-size: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
	padding: 10px 0;
	outline: none;
}

.nav-search__panel .search-form .search-field::placeholder {
	color: rgba(26, 30, 32, .45);
	font-family: var(--font-sans);
}

.nav-search__panel .search-form .search-submit {
	background: transparent;
	border: 1px solid var(--color-charcoal);
	color: var(--color-charcoal);
	font-family: var(--font-sans);
	font-size: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
	padding: 12px 28px;
	cursor: pointer;
	transition: background .2s ease, color .2s ease;
	white-space: nowrap;
}

.nav-search__panel .search-form .search-submit:hover {
	background: var(--color-charcoal);
	color: var(--color-sand);
}

body.search-open {
	overflow: hidden;
}

body.search {
	background-color: var(--color-sand);
}

.search-page {
	background-color: var(--color-sand);
	padding: 60px 30px;
}

.search-page__inner {
	max-width: 1200px;
	margin: 0 auto;
}

.search-page__header {
	margin-bottom: 30px;
	padding-bottom: 20px;
}

.search-page .search-form {
	display: flex;
	align-items: center;
	gap: 20px;
	width: 100%;
}

.search-page .search-form label {
	flex: 1;
}

.search-page .search-form .screen-reader-text {
	position: absolute;
	clip: rect(1px,1px,1px,1px);
	padding: 0;
	border: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.search-page .search-form .search-field {
	width: 100%;
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--color-charcoal);
	color: var(--color-charcoal);
	font-family: var(--font-sans);
	font-size: clamp(1.25rem, 1rem + 1vw, 2rem);
	padding: 12px 0;
	outline: none;
}

.search-page .search-form .search-field::placeholder {
	color: rgba(26, 30, 32, .45);
	font-family: var(--font-sans);
}

.search-page .search-form .search-submit {
	background: transparent;
	border: 1px solid var(--color-charcoal);
	color: var(--color-charcoal);
	font-family: var(--font-sans);
	font-size: 1rem;
	padding: 12px 28px;
	cursor: pointer;
	transition: background .2s ease, color .2s ease;
	white-space: nowrap;
}

.search-page .search-form .search-submit:hover {
	background: var(--color-charcoal);
	color: var(--color-sand);
}

.search-results {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.search-result {
	border-top: 1px solid rgba(26, 30, 32, .2);
	padding: 20px 0;
	color: var(--color-charcoal);
}

.search-result__title a {
	font-family: var(--font-serif);
	font-size: clamp(1.5rem, 1.25rem + 0.8vw, 2.25rem);
	line-height: 1.1;
	color: var(--color-charcoal);
	text-decoration: none;
	transition: color .2s ease;
	text-transform: uppercase;
}

.search-result__title a:hover {
	color: var(--color-clear);
}

.search-result-type {
	font-family: var(--font-sans);
	text-transform: uppercase;
	letter-spacing: .05em;
	opacity: .7;
	margin-bottom: 8px;
}

.search-result__excerpt {
	max-width: 700px;
	margin-top: 12px;
	color: rgba(26, 30, 32, .9);
}

.search-results-empty {
	padding: 20px 0;
	color: var(--color-charcoal);
	font-family: var(--font-sans);
	border-top: 1px solid rgba(26, 30, 32, .2);
}

.search-results-empty__message {
	font-family: var(--font-sans);
	font-size: 1rem;
	color: rgba(26, 30, 32, .75);
	padding: 16px 0;
}

/* === Live search results === */
.live-search__results{
	margin-top:20px;
}

.live-search__item{
	display:flex;
	justify-content:space-between;
	align-items:baseline;
	padding:12px 0;
	border-bottom:1px solid rgba(0,0,0,.08);
	text-decoration:none;
	color:var(--color-charcoal);
	transition:color .2s ease;
}

.live-search__item:hover{
	color:var(--color-clear);
}

.live-search__item-title{
	font-family:var(--font-sans);
	font-size:1rem;
	font-weight:400;
}

.live-search__item-type{
	font-family:var(--font-sans);
	font-size:.75rem;
	text-transform:uppercase;
	letter-spacing:.05em;
	color:rgba(0,0,0,.4);
	flex-shrink:0;
	margin-left:16px;
}

.live-search__empty{
	font-family:var(--font-sans);
	font-size:.9rem;
	color:rgba(0,0,0,.5);
	padding:16px 0;
}

/* Home Page CSS Section */

.front-hero {
    width: 100%;
    background-color: var(--color-clear);
    text-align: center;
    margin: 0 auto;
}

.front-hero__content {
    text-align: left;
    max-width: 1920px;
    margin: 60px auto;
}

.front-hero__media {
    width: 100%;
}

.front-hero__title {
    font-size: clamp(1.5rem, 0.9rem + 2.5vw, 2.8125rem);
    font-weight: 400;
    font-family: var(--font-serif);
    color: var(--color-sunny);
    text-align: center;
}

.front-hero__svg {
    margin-bottom: 30px;
}

/* --- INDEX/Places page --- */

.page-places {
	background-color: var(--color-sand);
	position: relative;
}

.page-hero {
	padding: 120px 30px 30px;
	text-align: center;
}

.page-hero__text {
	width: 100%;
}

body.page-template-page-magazine .page-hero,
body.page-template-page-magazine-php .page-hero {
	color: var(--color-sand);
}

.page-hero__text h1 {
	text-transform: uppercase;
	margin-bottom: 15px;
}

.page-hero__text .page-body {
	max-width: 600px;
	margin: 0 auto;
}

.page-hero__media {
	width: 100%;
	margin-top: 30px;
}

.page-hero__content {
	margin-top: 15px;
}

body.page-template-default .page-entry.page-theme--clear { background-color: var(--color-clear); }
body.page-template-default .page-entry.page-theme--charcoal { background-color: var(--color-charcoal); }
body.page-template-default .page-entry.page-theme--sunny { background-color: var(--color-sunny); }
body.page-template-default .page-entry.page-theme--sand { background-color: var(--color-sand); }
body.page-template-default .page-entry.page-theme--seagrape { background-color: var(--color-sea-grape); }

body.page-template-default .page-entry.is-sand-text .page-hero,
body.page-template-default .page-entry.is-sand-text .page-hero .entry-content[itemprop="mainContentOfPage"],
body.page-template-default .page-entry.is-sand-text .page-hero .page-title,
body.page-template-default .page-entry.is-sand-text .page-hero .page-hero__content,
body.page-template-default .page-entry.is-sand-text .page-hero .entry-content[itemprop="mainContentOfPage"] * {
	color: var(--color-sand);
}

body.page-template-default .page-entry.is-charcoal-text .page-hero,
body.page-template-default .page-entry.is-charcoal-text .page-hero .entry-content[itemprop="mainContentOfPage"],
body.page-template-default .page-entry.is-charcoal-text .page-hero .page-title,
body.page-template-default .page-entry.is-charcoal-text .page-hero .page-hero__content,
body.page-template-default .page-entry.is-charcoal-text .page-hero .entry-content[itemprop="mainContentOfPage"] * {
	color: var(--color-charcoal);
}

body.page-template-default .page-hero .entry-content[itemprop="mainContentOfPage"] {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

body.page-template-default .page-hero .entry-content[itemprop="mainContentOfPage"] p, body.page-template-default .page-hero .entry-content[itemprop="mainContentOfPage"] h4 {
	margin-bottom: 15px;
}

body.page-template-default .page-hero .entry-content[itemprop="mainContentOfPage"] a {
	color: inherit;
	text-decoration: underline;
}

body.page-template-default .page-entry.page-theme--clear .page-hero .entry-content[itemprop="mainContentOfPage"] a:hover,
body.page-template-default .page-entry.page-theme--charcoal .page-hero .entry-content[itemprop="mainContentOfPage"] a:hover,
body.page-template-default .page-entry.page-theme--seagrape .page-hero .entry-content[itemprop="mainContentOfPage"] a:hover {
	color: var(--color-sunny);
}

body.page-template-default .page-entry.page-theme--sunny .page-hero .entry-content[itemprop="mainContentOfPage"] a:hover,
body.page-template-default .page-entry.page-theme--sand .page-hero .entry-content[itemprop="mainContentOfPage"] a:hover {
	color: var(--color-sea-grape);
}

.places-filter {
	padding: 0 30px;
	max-width: 500px;
	margin: 0 auto;
}

.places-filter__inner {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
	align-items: center;
	justify-content: center;
	max-width: 1200px;
	margin: 0 auto;
}

.places-filter__select {
	display: none;
	width: 100%;
	padding: 12px 16px;
	font-family: var(--font-sans);
	font-size: 0.9375rem;
	border: 1px solid var(--color-charcoal);
	border-radius: 30px;
	background: transparent;
	color: var(--color-charcoal);
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%231A1E20' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 16px center;
	padding-right: 40px;
}

body.page-template-page-places .places-filter__inner {
	display: none;
}

body.page-template-page-places .places-filter__select {
	display: block;
}

.places-filter__button {
	background: transparent;
	color: var(--color-charcoal);
	font-family: var(--font-sans);
	font-size: 0.875rem;
	padding: 8px 20px;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
	border-radius: 0;
	width: 100%;
	display: flex;
	align-items: center;
	box-shadow: none;
	border-top-style: none;
	outline: none;
	border-width: 0;
}

.places-filter__button:hover {
	background: var(--color-sunny);
	color: var(--color-charcoal);
}

.places-filter__button.is-active {
	background: var(--color-sunny);
}

.places-filter__button img {
	width: 70px;
	height: 70px;
	object-fit: contain;
	margin-right: 8px;
}

.places-filter__label {
	font-size: .9375rem;
}

.places-category-header {
	display: flex;
	align-items: center;
	gap: 16px;
	margin: 36px 0 18px;
}

.places-category-icon {
	width: 100%;
	max-width: 100px;
	max-height: 100px;
	height: auto;
	object-fit: contain;
	flex: 0 0 auto;
}

.places-category-title {
	margin: 0;
	color: var(--color-charcoal);
	font-family: var(--font-serif);
}

.places-letter {
	color: var(--color-clear);
	font-family: var(--font-serif);
	font-size: clamp(1.5rem, 1.25rem + 0.75vw, 2rem);
	margin-right: 30px;
	box-sizing: border-box;
	padding-top: 20px;
	max-width: 40px;
	width: 100%;
}

.place-card__media {
    width: 100%;
    height: auto;
    display: block;
}

.place-card__media img {
    width: 100%;
    height: auto;
    display: block;
}

.place-card__title {
    font-family: var(--font-sans);
    font-size: clamp(1.125rem, 0.95rem + 0.75vw, 1.5rem);
    color: var(--color-charcoal);
    margin-top: 12px;
    font-weight: 400;
	margin-bottom: 15px;
}

.page-places .place-card__title-link {
	color: inherit;
	text-decoration: none;
	display: inline-flex;
	align-items: baseline;
	gap: .32em;
	transition: color .2s ease;
}

.page-places .place-card__title-link:hover {
	color: var(--color-clear);
	text-decoration: underline;
}

.page-places .place-card__title-link-icon {
	display: inline-flex;
	width: 1em;
	height: 1em;
	flex: 0 0 1em;
	line-height: 1;
}

.page-places .place-card__title-link-icon svg {
	width: 100%;
	height: 100%;
	display: block;
}

.place-card__body {
    color: var(--color-charcoal);
	margin-bottom: 9px;
}

.place-card__body p {
	font-size: .8125rem;
}

.place-card__detail {
	margin-top: 3px;
	font-family: var(--font-sans);
	font-size: .8135rem;
	color: rgba(26,30,32,.8);
}

.place-card__detail--social {
	margin-top: 0px;
}

.place-group-wrapper {
	display: flex;
	gap: 60px;
}

.places-group {
    display: grid;
    gap: 60px;
    margin-bottom: 30px;
    grid-template-columns: repeat(3, 1fr);
}

.place-group-wrapper {
	border-top: 1px solid var(--color-charcoal);
	padding-top: 9px;
}

.place-card {
    width: 100%;
}

/* --- Auto-load --- */

.places-autoload {
	text-align: center;
	padding: 40px 0;
	width: 100%;
}

.places-autoload__message {
	font-family: var(--font-serif);
	font-size: 1.125rem;
	color: var(--color-clear);
	font-style: italic;
	animation: paradiseLoadPulse 1.2s ease-in-out infinite;
}

@keyframes paradiseLoadPulse {
	0%, 100% { opacity: .4; }
	50% { opacity: 1; }
}

.places-title {
	color: var(--color-charcoal);
}

/* --- Single Index/Place page --- */

.place-entry-wrapper {
	width: 100%;
	background-color: var(--color-sand);
	padding: 0 0 60px;
}

.place-entry {
	max-width: 600px;
	margin: 0 auto;
	padding: 40px 30px 0;
}

.place-entry__category-icon-wrap {
	margin-bottom: 16px;
}

.place-entry__category-icon {
	width: 100%;
	max-width: 200px;
	height: auto;
	display: block;
}

.place-hero {
	position: relative;
	width: 100%;
	max-height: 50vh;
	overflow: hidden;
}

.place-hero__media {
	width: 100%;
	height: 50vh;
}

.place-hero__media figure {
	width: 100%;
	height: 100%;
	margin: 0;
}

.place-hero__media img {
	width: 100%;
	height: 200%;
	object-fit: cover;
	object-position: top;
	display: block;
	will-change: transform;
}

.place-entry .entry-title {
	font-family: var(--font-serif);
	font-size: clamp(1.75rem, 1.25rem + 2vw, 3rem);
	color: var(--color-charcoal);
	margin-top: 0;
	margin-bottom: 8px;
}

.place-entry .entry-content {
	margin-bottom: 30px;
}

.place-details {
	margin-bottom: 30px;
}

.place-detail {
	margin-top: 3px;
	font-family: var(--font-sans);
	font-size: .8135rem;
	color: rgba(26,30,32,.8);
}

.place-detail--social {
	margin-top: 0;
}

.entry-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin-bottom: 30px;
}

.entry-tags__label {
	font-family: var(--font-sans);
	font-size: .8125rem;
	color: rgba(26,30,32,.5);
	text-transform: uppercase;
	letter-spacing: .05em;
	margin-right: 4px;
}

.entry-tag {
	font-family: var(--font-sans);
	font-size: .8125rem;
	color: var(--color-charcoal);
	border: 1px solid var(--color-charcoal);
	border-radius: 30px;
	padding: 4px 14px;
}

.place-categories {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 40px;
	padding-top: 30px;
	border-top: 1px solid rgba(26,30,32,.15);
}

.place-category {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--font-sans);
	font-size: .875rem;
	color: var(--color-charcoal);
	border: 1px solid var(--color-charcoal);
	border-radius: 30px;
	padding: 8px 20px;
	text-decoration: none;
	transition: background .2s ease, color .2s ease;
}

.place-category:hover {
	background: var(--color-charcoal);
	color: var(--color-sand);
}

.place-category__icon {
	display: flex;
	align-items: center;
}

.place-category__icon img {
	width: 18px;
	height: 18px;
	object-fit: contain;
}

.places-page-filter-wrap {
}

.places-page-filter-wrap__inner {
}

/* === Flexible content blocks === */

/* in paradise flexible content block */

.in-paradise {
	padding: 60px 30px 0;
	margin-bottom: -3px;
}

.in-paradise__inner {
	margin: 0 auto;
	text-align: center;
}

.in-paradise__title {
	font-family: var(--font-serif);
	font-size: clamp(2em, 1em + 2vw, 3em);
	line-height: 1;
	margin: 100px 0 60px;
}

.in-paradise__logo {
	margin: 18px auto 0;
	width: 100%;
	height: auto;
}

.in-paradise--sunny {
	background-color: var(--color-sunny);
}

.in-paradise--sand {
	background-color: var(--color-sand);
}

.in-paradise--clear {
	background-color: var(--color-clear);
}

.in-paradise--charcoal {
	background-color: var(--color-charcoal);
}

.in-paradise--seagrape {
	background-color: var(--color-sea-grape);
}

.in-paradise.is-charcoal-text {
	color: var(--color-charcoal);
}

.in-paradise.is-sand-text {
	color: var(--color-sand);
}

/* ── Columns Grid Layout ── */
.columns-grid {
	padding: 60px 30px;
}

.columns-grid__inner {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	max-width: 1200px;
	margin: 0 auto;
}

.columns-grid__item {
	width: calc((100% - 120px) / 4);
}

.columns-grid__image {
	width: 100%;
	height: auto;
	display: block;
}

.columns-grid__title {
	font-family: var(--font-sans);
	font-size: 1rem;
	margin-top: 12px;
	margin-bottom: 4px;
}

.columns-grid__title a {
	color: inherit;
	text-decoration: none;
}

.columns-grid__title a:hover {
	text-decoration: underline;
}

.columns-grid__subtitle {
	font-family: var(--font-sans);
	font-size: 1.125rem;
	line-height: 1.4em;
	margin-bottom: 4px;
}

.columns-grid__subtitle a {
	color: inherit;
	text-decoration: none;
}

.columns-grid__subtitle a:hover {
	text-decoration: underline;
	color: var(--color-sunny);
}

.columns-grid__body {
	font-family: var(--font-sans);
	font-size: 0.78125rem;
	line-height: 1.5em;
}

/* Inline links in WYSIWYG body */
.columns-grid__body a {
	color: inherit;
	font-family: var(--font-sans);
	font-size: inherit;
	text-decoration: underline;
}

.centered-medium-title {
	font-family: var(--font-serif);
	font-size: 1.75rem;
	line-height: 1.3em;
	padding: 60px 20px;
	text-align: center;
	background-color: var(--color-clear);
}

.centered-medium-title h3 {
	font-family: var(--font-serif);
	font-size: 1.75rem;
	line-height: 1.3em;
	text-transform: uppercase;
	color: var(--color-sunny);
}

/* Inline link hover colors per background */
.columns-grid--clear .columns-grid__body a:hover { color: var(--color-sunny); }
.columns-grid--charcoal .columns-grid__body a:hover { color: var(--color-sea-grape); }
.columns-grid--seagrape .columns-grid__body a:hover { color: var(--color-sunny); }
.columns-grid--sunny .columns-grid__body a:hover { color: var(--color-charcoal); }
.columns-grid--sand .columns-grid__body a:hover { color: var(--color-charcoal); }

/* ── Columns Grid Background Variants ── */
.columns-grid--clear  { background-color: var(--color-clear); }
.columns-grid--charcoal { background-color: var(--color-charcoal); }
.columns-grid--sunny  { background-color: var(--color-sunny); }
.columns-grid--sand   { background-color: var(--color-sand); }
.columns-grid--seagrape { background-color: var(--color-sea-grape); }

.columns-grid.is-charcoal-text { color: var(--color-charcoal); }
.columns-grid.is-sand-text     { color: var(--color-sand); }

/* ── Shared text + button rules for bg-aware blocks ── */
.columns-grid.is-sand-text .columns-grid__title,
.columns-grid.is-sand-text .columns-grid__subtitle,
.columns-grid.is-sand-text .columns-grid__body { color: var(--color-sand); }

.columns-grid.is-charcoal-text .columns-grid__title,
.columns-grid.is-charcoal-text .columns-grid__subtitle,
.columns-grid.is-charcoal-text .columns-grid__body { color: var(--color-charcoal); }

/* Sand-text buttons (clear, charcoal, seagrape backgrounds) */
.columns-grid.is-sand-text .button,
.in-paradise.is-sand-text .button {
	color: var(--color-sand);
	border-color: var(--color-sand);
}

/* Charcoal-text buttons (sunny, sand backgrounds) */
.columns-grid.is-charcoal-text .button,
.in-paradise.is-charcoal-text .button {
	color: var(--color-charcoal);
	border-color: var(--color-charcoal);
}

/* Button hover — Clear background */
.columns-grid--clear .button:hover,
.in-paradise--clear .button:hover {
	background-color: var(--color-sunny);
	border-color: var(--color-charcoal);
	color: var(--color-charcoal);
}

/* Button hover — Charcoal background */
.columns-grid--charcoal .button:hover,
.in-paradise--charcoal .button:hover {
	background-color: var(--color-sea-grape);
	border-color: var(--color-sand);
	color: var(--color-sand);
}

/* Button hover — Sea Grape background */
.columns-grid--seagrape .button:hover,
.in-paradise--seagrape .button:hover {
	background-color: var(--color-sunny);
	border-color: var(--color-charcoal);
	color: var(--color-charcoal);
}

/* Button hover — Sunny background */
.columns-grid--sunny .button:hover,
.in-paradise--sunny .button:hover {
	background-color: var(--color-charcoal);
	border-color: var(--color-charcoal);
	color: var(--color-sand);
}

/* Button hover — Sand background */
.columns-grid--sand .button:hover,
.in-paradise--sand .button:hover {
	background-color: var(--color-charcoal);
	border-color: var(--color-charcoal);
	color: var(--color-sand);
}

/* Featured story flexible content block */

.featured-editorial {
	background-color: var(--color-sand);
	padding: 60px 30px;
}

.editorial-card--featured {
	max-width: 1200px;
	display: flex;
	gap: 30px;
	margin: 0 auto;
}

.editorial-card__media {
	flex-shrink: 0;
	width: 70%;
}

.editorial-card__text {
	width: 30%;
}

.editorial-card__title a {
	font-family: var(--font-serif);
	color: var(--color-charcoal);
	transition: color .2s ease;
	font-style: normal;
	text-decoration: none;
}

.editorial-card__subtitle {
	margin-bottom: 9px;
}

.entry-byline {
	font-family: var(--font-sans);
	font-size: .8125rem;
	color: var(--color-charcoal);
	opacity: .75;
	margin-bottom: 9px;
}

/* recent preset flexible content block */

.preset-recents {
	background-color: var(--color-sand);
	padding: 60px 30px;
}

.preset-recents__list,
.editorial-list {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px;
}

.preset-recents__list .recent-card,
.editorial-list .recent-card {
	width: calc((100% - 60px) / 3);
	margin-bottom: 30px;
}

.recent-card__text {
	text-align: left;
}

@media (min-width:768px) and (max-width:1024px) {
	.preset-recents__list .recent-card,
	.editorial-list .recent-card {
		width: calc((100% - 30px) / 2);
	}
}

@media (max-width:767px) {
	.preset-recents__list .recent-card,
	.editorial-list .recent-card {
		width: 100%;
	}
}

.preset-recents__list .recent-card__media,
.editorial-list .recent-card__media {
	width: 100%;
	height: auto;
	display: block;
}

.preset-recents__list .recent-card__title,
.editorial-list .recent-card__title {
	font-family: var(--font-serif);
	font-size: clamp(1.125rem, 0.95rem + 0.75vw, 1.5rem);
	margin-top: 30px;
	font-weight: 400;
	margin-bottom: 3px;
}

.preset-recents__list .recent-card__title a,
.editorial-list .recent-card__title a {
	color: var(--color-charcoal);
	text-decoration: none;
	transition: color .2s ease;
}

.preset-recents__list .recent-card__title a:hover,
.editorial-list .recent-card__title a:hover {
	color: var(--color-clear);
	text-decoration: underline;
}

.preset-recents__list .recent-card__subtitle,
.editorial-list .recent-card__subtitle {
	font-family: var(--font-sans);
	opacity: .85;
	margin-bottom: 9px;
	max-width: 335px;
}

.editorial-hero {
	display: flex;
	gap: 30px;
	padding: 0;
	border-bottom: 1px solid var(--color-charcoal);
}

.editorial-hero .entry-hero__text {
	width: 30%;
	padding: 30px;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.editorial-hero .entry-hero__media {
	width: 70%;
	position: relative;
}

.editorial-hero .entry-title {
	margin-top: 30px;
}

.media-figure {
	position: relative;
}

.media-caption {
	position: absolute;
	bottom: 15px;
	left: 15px;
	font-family: var(--font-sans);
	font-size: .75rem;
	background-color: rgba(0, 0, 0, .4);
	color: var(--color-sand);
	padding: 3px 6px;
	line-height: 1em;
}

.editorial-hero .entry-subtitle {
	font-family: var(--font-sans);
	font-size: 1.2em;
	max-width: 450px;
	margin-bottom: 15px;
}

.entry-hero-footer {

}

.editorial-block--photo-body {
	display: flex;
	gap: 30px;
	padding: 0;
	margin: 15px 0 15px auto;
	align-items: flex-start;
}

.editorial-photo-body {
	max-width: 435px;
	width: 100%;
	margin: 0 0 0 auto;
}

.editorial-block--photo-body .media-figure {
	max-width: 100%;
	width: 100%;
}

.editorial-entry .entry-content {
	max-width: 900px;
	margin: 60px auto;
}

.editorial-entry p {
	margin-bottom: 12px;
	text-align: justify;
}

.editorial-block--flush {
	max-width: 435px;
	width: 100%;
	margin: 15px 0 15px auto
}

.editorial-block--large p, .editorial-block--quote p {
	font-size: 3.25em;
	font-family: var(--font-serif);
	text-align: right;
	margin: 15px 0 15px auto;
}

.editorial-block--quote p::before {
	content: '';
	display: inline-block;
	width: 1.4em;
	height: 0.7em;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92 60'%3E%3Cpath d='M72 60C60.8 60 52 51.2 52 40C52 20 76 13.2 76 0H84C84 8.40001 72 13.6 64 21.6C66.8 20.4 69.2 20 72 20C83.2 20 92 28.8 92 40C92 51.2 83.2 60 72 60ZM20 60C8.8 60 0 51.2 0 40C0 20 24 13.2 24 0H32C32 8.40001 20 13.6 12 21.6C14.8 20.4 17.2 20 20 20C31.2 20 40 28.8 40 40C40 51.2 31.2 60 20 60Z'/%3E%3C/svg%3E") no-repeat center / contain;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92 60'%3E%3Cpath d='M72 60C60.8 60 52 51.2 52 40C52 20 76 13.2 76 0H84C84 8.40001 72 13.6 64 21.6C66.8 20.4 69.2 20 72 20C83.2 20 92 28.8 92 40C92 51.2 83.2 60 72 60ZM20 60C8.8 60 0 51.2 0 40C0 20 24 13.2 24 0H32C32 8.40001 20 13.6 12 21.6C14.8 20.4 17.2 20 20 20C31.2 20 40 28.8 40 40C40 51.2 31.2 60 20 60Z'/%3E%3C/svg%3E") no-repeat center / contain;
	vertical-align: top;
	margin-right: 0.15em;
	flex-shrink: 0;
}

.editorial-block--double-photo {
	display: flex;
	gap: 30px;
	margin: 15px 0 15px auto;
	align-items: flex-start;
}

.editorial-block--photo {
	max-width: 100%;
	width: 100%;
	margin: 30px 0
}

.editorial-block--double-photo .media-figure {
	width: 50%;
}

/* half image half text flexible content block */

.image-left-text-right {
	display: flex;
	padding:0;
	background-color: var(--color-sand);
}

.flex-block__media {
	flex-shrink: 0;
	width: 50%;
}

.flex-block__content {
	width: 50%;
	padding: 30px;
	position: relative;
}

.image-left-text-right .flex-block__body p:first-of-type::first-letter {
	float: none;
	display: inline-block;
	font-family: var(--font-serif);
	font-size: clamp(7rem, 6rem + 4vw, 11rem);
	line-height: .72;
	margin-top: 0;
	font-weight: 400;
	vertical-align: baseline;
}

.flex-block__body {
	max-width: 480px;
	position: absolute;
	bottom: 30px;
	margin-top: 60px;
}

/* Index preset flexible content block */

.preset-index{
	background-color: var(--color-charcoal);
	color: var(--color-sand);
	padding: 60px 30px;
}

.preset-index__pin {
	position: relative;
}

.preset-index__types {
	display: flex;
	gap: clamp(12px, 1.5vw, 24px);
	align-items: center;
	margin-bottom: 32px;
}

.preset-index__type {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: var(--color-sand);
	width: clamp(84px, 8.5vw, 150px);
	aspect-ratio: 1 / 1;
	height: auto;
	flex: 0 0 auto;
	border-radius: 100%;
	padding: clamp(10px, 0.9vw, 15px);
}

.preset-index__type-icon {
	max-width: 100%;
	max-height: 100%;
}

.preset-index.is-preset-index-enhanced .preset-index__type {
	opacity: 0;
	transform: scale(.6);
}

.preset-index__scroll {
	overflow: hidden;
	width: 100%;
}

.preset-index__track {
	display: flex;
	align-items: center;
	gap: clamp(80px, 10vw, 180px);
	width: max-content;
	padding-right: min(25vw, 320px);
	will-change: transform;
}

.preset-index__panel {
	flex-shrink: 0;
}

.preset-index__panel--content {
	width: min(460px, 85vw);
}

.preset-index__title {
	font-size: clamp(12rem, 2.75rem + 20vw, 34.75rem);
	font-family: var(--font-serif);
	letter-spacing: -.5rem;
	padding-left: 0;
	white-space: nowrap;
}

.preset-index__content {
	max-width: 400px;
}

.preset-index__content p{
	width: 335px;
}

.preset-index__cta {
	text-align: center;
}

.preset-index__link {
	color: var(--color-sand);
	border-color: var(--color-sand);
	width: 300px;
	text-align: center;
	margin: 0 auto;
	display: block;
}

.preset-index__link:hover {
	color: var(--color-charcoal);
	border-color: var(--color-sand);
}

/* === Magazine Viewer === */
.magazine-viewer {
	background-color: var(--color-sea-grape);
	color: var(--color-sand);
	padding: 60px 30px;
}

.magazine-viewer__instructions {
	display: none;
	text-align: center;
	font-family: var(--font-sans);
	font-size: .8125rem;
	letter-spacing: .03em;
	opacity: .7;
	margin: 0 0 12px;
}

.magazine-viewer__book-area {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	max-width: 1660px;
	margin: 0 auto;
}

.magazine-viewer__arrow {
	flex-shrink: 0;
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	opacity: .8;
	transition: opacity .2s ease;
}

.magazine-viewer__arrow:hover {
	opacity: 1;
}

.magazine-viewer__arrow:disabled {
	opacity: .3;
	cursor: default;
}

.magazine-viewer__book {
	position: relative;
	width: 100%;
	/* 18 x 10.875 spread → ratio 1.6552:1 */
	aspect-ratio: 18 / 10.875;
	overflow: hidden;
	box-shadow: 0 8px 40px rgba(0, 0, 0, .4);
	perspective: 2400px;
}

.magazine-viewer__canvas {
	display: block;
	width: 100%;
	height: 100%;
}

/* Click zones for tap-to-turn */
.magazine-viewer__click-zone {
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	z-index: 4;
	pointer-events: none;
}
.magazine-viewer__click-zone--left { left: 0; }
.magazine-viewer__click-zone--right { right: 0; }

.magazine-viewer__book {
	cursor: grab;
	touch-action: pan-y;
}
.magazine-viewer__book:active {
	cursor: grabbing;
}

/* Book texture overlays (PNG images) */
.magazine-viewer__overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: fill;
	pointer-events: none;
}

.magazine-viewer__overlay--multiply {
	z-index: 6;
	mix-blend-mode: multiply;
}

/* Flip element for page turn animation */
.magazine-viewer__flip {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	transform-origin: left center;
	transform-style: preserve-3d;
	backface-visibility: hidden;
	z-index: 3;
	pointer-events: none;
	display: none;
	will-change: transform;
}

.magazine-viewer__flip-front,
.magazine-viewer__flip-back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	overflow: hidden;
}

.magazine-viewer__flip-back {
	transform: rotateY(180deg);
}

.magazine-viewer__flip-canvas-front,
.magazine-viewer__flip-canvas-back {
	display: block;
	width: 100%;
	height: 100%;
}

/* Shadow on the flipping page itself — darkens as page lifts */
.magazine-viewer__flip-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to left, rgba(0,0,0,.35) 0%, rgba(0,0,0,.08) 40%, transparent 100%);
	pointer-events: none;
	opacity: 0;
	z-index: 1;
}

/* Shadow cast on the underlying page during flip */
.magazine-viewer__base-shadow {
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	background: linear-gradient(to right, rgba(0,0,0,.4) 0%, transparent 100%);
	pointer-events: none;
	opacity: 0;
	z-index: 2;
	display: none;
}

/* Progress bar + overview button row */
.magazine-viewer__nav-row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	max-width: 660px;
	margin: 20px auto 0;
}

.magazine-viewer__progress {
	flex: 1;
	max-width: 600px;
	height: 2px;
	background: var(--color-charcoal);
	border-radius: 1px;
	overflow: hidden;
}

.magazine-viewer__progress-fill {
	height: 100%;
	width: 0%;
	background: var(--color-sunny);
	transition: width .4s ease;
	border-radius: 1px;
}

.magazine-viewer__overview-btn {
	flex-shrink: 0;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	width: 44px;
	height: 44px;
	opacity: .8;
	transition: opacity .2s ease;
}
.magazine-viewer__overview-btn:hover { opacity: 1; }
.magazine-viewer__overview-btn svg {
	width: 100%;
	height: 100%;
	display: block;
}

/* Overview panel */
.magazine-viewer__overview {
	position: relative;
	max-width: 660px;
	margin: 0 auto;
	height: 0;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
}

.magazine-viewer__overview.is-open {
	pointer-events: auto;
}

.magazine-viewer__overview-track {
	display: flex;
	gap: 12px;
	padding: 16px 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	scrollbar-color: var(--color-charcoal) transparent;
}

.magazine-viewer__overview-track::-webkit-scrollbar {
	height: 4px;
}
.magazine-viewer__overview-track::-webkit-scrollbar-track {
	background: transparent;
}
.magazine-viewer__overview-track::-webkit-scrollbar-thumb {
	background: var(--color-charcoal);
	border-radius: 2px;
}

.magazine-viewer__thumb {
	flex-shrink: 0;
	cursor: pointer;
	border: 2px solid transparent;
	border-radius: 3px;
	transition: border-color .2s ease, opacity .2s ease;
	opacity: .85;
	outline: none;
	background: none;
	padding: 0;
	line-height: 0;
}
.magazine-viewer__thumb:hover,
.magazine-viewer__thumb:focus-visible {
	opacity: 1;
	border-color: var(--color-sunny);
}
.magazine-viewer__thumb.is-active {
	border-color: var(--color-sunny);
	opacity: 1;
}
.magazine-viewer__thumb canvas {
	display: block;
	height: 100px;
	width: auto;
	border-radius: 1px;
}

/* Info below book */
.magazine-viewer__info {
	text-align: center;
	margin-top: 20px;
}

.magazine-viewer__year {
	display: block;
	font-family: var(--font-sans);
	font-size: .875rem;
	text-transform: uppercase;
	letter-spacing: .05em;
	margin-bottom: 15px;
}

.magazine-viewer__title {
	font-family: var(--font-serif);
	font-size: clamp(2.5rem, 2.5rem + 2vw, 4rem);
	line-height: 1.1;
	margin: 0 0 16px;
	text-transform: uppercase;
	text-rendering: geometricPrecision;
	font-weight: 300;
	letter-spacing: .05rem;
}

.magazine-viewer__body {
	max-width: 760px;
	margin: 0 auto 24px;
	color: var(--color-sand);
}

.magazine-viewer__back-link {
	border-color: var(--color-sand);
	color: var(--color-sand);
}

.magazine-viewer__back-link:hover {
	color: var(--color-sea-grape);
	background: var(--color-sand);
}

.magazine-viewer__all-link {
	display: inline-block;
	padding: 10px 24px;
	border: 1px solid var(--color-sand);
	color: var(--color-sand);
	text-decoration: none;
	font-family: var(--font-sans);
	font-size: .875rem;
	transition: background .2s ease, color .2s ease;
}

.magazine-viewer__all-link:hover {
	background: var(--color-sand);
	color: var(--color-sea-grape);
}

@media (max-width: 1024px) {
	.magazine-viewer { padding: 40px 16px 40px; }
	.magazine-viewer__arrow { display: none; }
	.magazine-viewer__instructions { display: block; }
	.magazine-viewer__book-area { gap: 0; }
}

/* Footer CSS Section */

#footer {
    color: var(--color-sand);
	z-index: 9995;
	position: relative;
}

#footerTop {
    display: flex;
    align-items: start;
    justify-content: space-between;
    flex-basis: 50%;
	margin-bottom: 120px;
}

.footer-nav, .footer-social-newsletter {
    width: 50%;
}

#copyright {
    color: var(--color-sand);
    font-family: var(--font-sans);
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 1.05625rem */
    text-transform: capitalize;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--color-sand);
}

.footer-pre-paradise {
    padding: 6rem;
}

.footer-pre-paradise p {
    color: var(--Sand, #F1F0E7);
    font-family: var(--font-serif);
    font-size: clamp(1.5rem, 0.9rem + 2.2vw, 3rem);
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 3.575rem */
    text-align: center;
    display: block;
    text-rendering: geometricPrecision;
    letter-spacing: .01em;
}

#menu-footer-men, #menu-terms-menu {
	max-width: 150px;
}

.menu-footer-menu-container ul li a {
	color: var(--color-sand);
	font-family: var(--font-sans);
	font-size: 0.9375rem;
	text-decoration: none;
	transition: color 0.2s ease;
	padding: 3px 0;
	margin-bottom: 6px;
	display: block;
}

.menu-footer-menu-container ul li a:hover,
.menu-footer-menu-container ul li a:focus-visible {
	color: var(--color-sunny);
}

.menu-terms-menu-container ul li a {
	color: var(--color-sand);
	font-family: var(--font-sans);
	font-size: 0.9375rem;
	text-decoration: none;
	transition: color 0.2s ease;
	padding: 3px 0;
	margin-bottom: 6px;
	display: block;
	opacity: .6;
}

.menu-terms-menu-container ul li a:hover,
.menu-terms-menu-container ul li a:focus-visible {
	color: var(--color-sunny);
	opacity: 1;
}

.newsletter__terms {
	opacity: 0.6;
	color: var(--Sand, #F1F0E7);
	font-family: var(--font-sans);
	font-size: 12px;
	font-style: normal;
	line-height: 130%;
}

.newsletter__terms a {
	color: var(--color-sand);
	transition: color 0.2s ease;
}

.newsletter__terms a:hover {
	color: var(--color-sunny);
	opacity: 1;
}

.footer-social-links {
	margin-top: 60px;
}

.footer-social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
	margin-right: 30px;
}

.footer-social-link svg {
	width: 46px;
	height: 46px;
	min-width: 46px;
	min-height: 46px;
	max-width: 46px;
	max-height: 46px;
	display: block;
	flex: 0 0 46px;
}

.footer-social-link svg * {
	transition: fill .2s ease, stroke .2s ease;
}

.footer-social-link:hover svg *,
.footer-social-link:focus-visible svg * {
	fill: var(--color-sunny) !important;
	stroke: var(--color-sunny) !important;
}

.footer-section-title {
	font-family: var(--font-sans);
	font-size: .9375rem;
	color: var(--color-sand);
	margin-bottom: 30px;
	display: block;
}

/* === Footer paradise text === */
.footer-paradise-text img{
	width:100%;
	height:auto;
}

/* === Newsletter form (shortcode) === */
.newsletter-form{
	display:flex;
	align-items:center;
	gap:30px;
	margin-bottom:16px;
}

.newsletter-form__field{
	flex:1;
}

.newsletter-form__field input[type="email"]{
	width:100%;
	background:transparent;
	border:0;
	border-bottom:1px solid var(--color-sand);
	color:var(--color-sand);
	font-family:var(--font-serif);
	font-size:clamp(1.25rem, 1rem + 1vw, 2rem);
	padding:12px 0;
	outline:none;
}

.newsletter-form__field input[type="email"]::placeholder{
	color:rgba(241,240,231,.35);
	font-family:var(--font-serif);
}

.newsletter-form__submit{
	background:transparent;
	border:1px solid var(--color-sand);
	color:var(--color-sand);
	font-family:var(--font-sans);
	font-size:clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
	padding:14px 36px;
	cursor:pointer;
	transition:background .2s ease, color .2s ease;
	white-space:nowrap;
}

.newsletter-form__submit:hover{
	background:var(--color-sand);
	color:var(--color-charcoal);
}

/* Responsive CSS Section */

/* === Hamburger button === */
.hamburger{
	display:none;
	background:transparent;
	border:0;
	padding:0;
	cursor:pointer;
	width:30px;
	height:22px;
	position:relative;
	z-index:10002;
}

.hamburger__bar{
	display:block;
	width:100%;
	height:2px;
	background:var(--color-sand);
	position:absolute;
	left:0;
	transition:transform .35s ease, opacity .25s ease, top .35s ease;
}

.hamburger__bar:nth-child(1){top:0}
.hamburger__bar:nth-child(2){top:10px}
.hamburger__bar:nth-child(3){top:20px}

.hamburger.is-active .hamburger__bar:nth-child(1){
	top:10px;
	transform:rotate(45deg);
}

.hamburger.is-active .hamburger__bar:nth-child(2){
	opacity:0;
}

.hamburger.is-active .hamburger__bar:nth-child(3){
	top:10px;
	transform:rotate(-45deg);
}

/* === Mobile header controls (hidden on desktop) === */
.mobile-header-controls{
	display:none;
	align-items:center;
	gap:15px;
}

/* === Mobile fullscreen nav overlay === */
.mobile-nav{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:var(--color-charcoal);
	z-index:9996;
	display:flex;
	align-items:center;
	justify-content:center;
	opacity:0;
	visibility:hidden;
	pointer-events:none;
	transition:opacity .4s ease, visibility .4s ease;
}

.mobile-nav.is-open{
	opacity:1;
	visibility:visible;
	pointer-events:auto;
}

.mobile-nav__inner{
	text-align:center;
	padding:120px 30px 60px;
	width:100%;
	max-height:100vh;
	overflow-y:auto;
}

.mobile-nav__links ul{
	list-style:none;
	padding:0;
	margin:0;
}

.mobile-nav__links ul li{
	margin:0 0 8px;
}

.mobile-nav__links ul li a{
	font-family:var(--font-sans);
	font-size:clamp(2rem, 1.5rem + 1.5vw, 2.75rem);
	font-weight:400;
	color:var(--color-sand);
	text-decoration:none;
	transition:color .2s ease;
	line-height:1.3;
}

.mobile-nav__links ul li a:hover{
	color:var(--color-sunny);
}

.mobile-nav__subscribe{
	margin-top:50px;
	border-top:1px solid rgba(241,240,231,.2);
	padding-top:30px;
}

.mobile-nav__subscribe-title{
	display:block;
	font-family:var(--font-sans);
	font-size:1rem;
	color:var(--color-sand);
	margin-bottom:16px;
	text-transform:uppercase;
	letter-spacing:.05em;
}

.mobile-nav__subscribe-form{
	display:flex;
	align-items:center;
	gap:16px;
	max-width:500px;
	margin:0 auto;
}

.mobile-nav__subscribe-form input[type="email"]{
	flex:1;
	background:transparent;
	border:0;
	border-bottom:1px solid var(--color-sand);
	color:var(--color-sand);
	font-family:var(--font-serif);
	font-size:clamp(1.125rem, 1rem + 0.5vw, 1.5rem);
	padding:8px 0;
	outline:none;
}

.mobile-nav__subscribe-form input[type="email"]::placeholder{
	color:rgba(241,240,231,.4);
	font-family:var(--font-serif);
}

.mobile-nav__subscribe-form button{
	background:transparent;
	border:1px solid var(--color-sand);
	color:var(--color-sand);
	font-family:var(--font-sans);
	font-size:1rem;
	padding:10px 24px;
	cursor:pointer;
	transition:background .2s ease, color .2s ease;
}

.mobile-nav__subscribe-form button:hover{
	background:var(--color-sand);
	color:var(--color-charcoal);
}

/* === Subscribe popup === */
.subscribe-popup{
	position:fixed;
	inset:0;
	z-index:11000;
	display:flex;
	align-items:center;
	justify-content:center;
	opacity:0;
	visibility:hidden;
	pointer-events:none;
}

.subscribe-popup.is-open{
	opacity:1;
	visibility:visible;
	pointer-events:auto;
}

.subscribe-popup__overlay{
	position:absolute;
	inset:0;
	background:rgba(0,0,0,.65);
}

.subscribe-popup__dialog{
	position:relative;
	background:var(--color-charcoal);
	color:var(--color-sand);
	width:min(780px,90vw);
	padding:80px 60px 60px;
}

.subscribe-popup__close{
	position:absolute;
	top:24px;
	right:24px;
	background:transparent;
	border:0;
	padding:0;
	cursor:pointer;
	color:var(--color-sand);
	transition:opacity .2s ease;
}

.subscribe-popup__close:hover{
	opacity:.7;
}

.subscribe-popup__title{
	font-family:var(--font-serif);
	font-size:clamp(1.75rem, 1rem + 2.5vw, 3.5rem);
	font-weight:400;
	color:var(--color-sand);
	margin-bottom:40px;
	line-height:1.4;
	text-rendering:geometricPrecision;
	letter-spacing:.01em;
}

.subscribe-popup__form{
	display:flex;
	align-items:center;
	gap:30px;
	margin-bottom:16px;
}

.subscribe-popup__field{
	flex:1;
}

.subscribe-popup__field input[type="email"]{
	width:100%;
	background:transparent;
	border:0;
	border-bottom:1px solid var(--color-sand);
	color:var(--color-sand);
	font-family:var(--font-serif);
	font-size:clamp(1.25rem, 1rem + 1vw, 2rem);
	padding:12px 0;
	outline:none;
}

.subscribe-popup__field input[type="email"]::placeholder{
	color:rgba(241,240,231,.35);
	font-family:var(--font-serif);
}

.subscribe-popup__submit{
	background:transparent;
	border:1px solid var(--color-sand);
	color:var(--color-sand);
	font-family:var(--font-sans);
	font-size:clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
	padding:14px 36px;
	cursor:pointer;
	transition:background .2s ease, color .2s ease;
	white-space:nowrap;
}

.subscribe-popup__submit:hover{
	background:var(--color-sand);
	color:var(--color-charcoal);
}

.subscribe-popup__terms{
	font-family:var(--font-sans);
	font-size:.875rem;
	color:rgba(241,240,231,.6);
	margin-top:12px;
}

.subscribe-popup__terms a{
	color:var(--color-sand);
	text-decoration:underline;
}

/* --- 404 --- */

.not-found {
	min-height: calc(100svh - 400px);
	background-color: var(--color-charcoal);
}

.FOF {
	font-size: clamp(8rem, 6rem + 12vw, 30rem);
	font-family: var(--font-serif);
	color: var(--color-sand);
}

.FOF-text {
	font-size: .9375em;
	font-family: var(--font-sans);
	color: var(--color-sand);
}

.FOF-text a {
	color: var(--color-sand);
	text-decoration:underline;
}

.FOF-text a:hover {
	color: var(--color-sunny);
}

.totalCenter {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 30px;
	width: 100%;
	height: calc(100svh - 400px);
}

.footer-paradise {
	margin-top: 30px;
}

@media (max-width:1200px){
	.magazine-card {
		width: calc((100% - 60px) / 2);
	}

	#menu ul li a {
		font-size: .8135rem;
	}

	.site-logo-image {
		max-width: 250px;
	}

	#headerSubscribe a {
		font-size: 13px;
	}

}

@media (max-width:1024px){
	.magazine-card {
		width: 100%;
	}

	.magazine-card__book {
		transform: rotateY(25deg);
	}

	.magazine-card__shine {
		opacity: 1;
	}

	.preset-index{
		padding:40px 16px;
	}

	.preset-index__types{
		display:grid;
		grid-template-columns:repeat(3, 84px);
		gap:30px;
		margin-bottom:60px;
		width:auto;
		overflow:visible;
	}

	.preset-index__type{
		width:84px;
		height:84px;
		padding:10px;
		justify-self:start;
	}

	.preset-index__scroll{
		overflow:visible;
	}

	.preset-index__track{
		display:block;
		width:100%;
		padding-right:0;
		transform:none !important;
	}

	.preset-index__panel{
		width:100%;
	}

	.preset-index__panel--title,
	.preset-index__panel--content{
		text-align:left;
	}

	.preset-index__panel--content{
		width:100%;
	}

	.preset-index__title{
		font-size:clamp(4rem, 18vw, 6.5rem);
		letter-spacing:0em;
		white-space:normal;
	}

	.preset-index__content{
		max-width:100%;
	}

	.preset-index__content p{
		width:auto;
	}

	.preset-index__cta{
		margin-top:24px;
		text-align:left;
	}

	.preset-index__link{
		margin:0;
	}

	.preset-index.is-preset-index-enhanced .preset-index__type{
		opacity:1;
		transform:none;
	}

	/* Hide desktop nav + subscribe button */
	#menu{ display:none; }
	#headerSubscribe{ display:none; }

	/* Places filter: buttons → dropdown */
	.places-filter__inner{ display:none; }
	.places-filter__select{ display:block; }

	.featured-editorial {
		padding: 40px 24px;
	}

	.editorial-card--featured {
		flex-direction: column;
		gap: 24px;
	}

	.editorial-card__media,
	.editorial-card__text {
		width: 100%;
	}

	.image-left-text-right {
		flex-direction: column;
	}

	.flex-block__title {
	}

	.columns-grid {
		padding: 20px;
	}

	.image-left-text-right .flex-block__media,
	.image-left-text-right .flex-block__content {
		width: 100%;
	}

	.image-left-text-right .flex-block__content {
		padding: 24px;
	}

	.image-left-text-right .flex-block__body {
		position: static;
		max-width: none;
	}
	.places-group {
		grid-template-columns: repeat(2, 1fr);
		gap: 36px;
	}

	.place-group-wrapper {
		gap: 24px;
	}

	.places-letter {
		margin-right: 0;
		padding-top: 0;
		width: auto;
	}

	.places-category-header {
		margin: 30px 0 16px;
	}

	.places-category-icon {
		max-width: 80px;
		max-height: 80px;
	}

	/* Show mobile controls */
	.mobile-header-controls{
		display:flex;
	}

	.hamburger{
		display:block;
	}

	/* Keep logo visible over overlay */
	#branding{
		position:relative;
		z-index:9997;
	}

	.nav-search__toggle--mobile{
		background:transparent;
		border:0;
		padding:0;
		color:var(--color-sand);
		cursor:pointer;
	}

	.page-hero__text h1 {
		font-size: 4rem;
	}

	body.single-post .editorial-hero,
	body.single-post .editorial-block--photo-body,
	body.single-post .editorial-block--double-photo,
	body.single-post .image-left-text-right {
		flex-direction: column;
	}

	body.single-post .editorial-hero .entry-hero__text,
	body.single-post .editorial-hero .entry-hero__media,
	body.single-post .image-left-text-right .flex-block__media,
	body.single-post .image-left-text-right .flex-block__content,
	body.single-post .editorial-block--double-photo .media-figure,
	body.single-post .preset-recents__list .recent-card {
		width: 100%;
	}

	body.single-post .editorial-block--large p,
	body.single-post .editorial-block--quote p {
		font-size: 2.4em;
	}

	.editorial-entry .entry-content {
		padding: 20px;
	}
}

@media (max-width:768px){
	.search-page {
		padding: 36px 20px;
	}

	.search-page .search-form {
		flex-direction: column;
		align-items: stretch;
		gap: 14px;
	}

	.search-page .search-form .search-submit {
		width: 100%;
	}

	.search-result__title a {
		font-size: clamp(1.35rem, 1.05rem + 1vw, 1.8rem);
	}

	body.single-post .editorial-block--large p,
	body.single-post .editorial-block--quote p {
		font-size: 2em;
	}

	.page-places .page-hero {
		padding: 72px 20px 24px;
	}

	.page-places .page-hero__text h1 {
		font-size: clamp(2.25rem, 10vw, 3rem);
	}

	.places-filter {
		padding: 20px;
	}

	.featured-editorial {
		padding: 30px 20px;
	}

	.editorial-card--featured {
		gap: 18px;
	}

	.image-left-text-right .flex-block__content {
		padding: 20px;
	}

	.places-category-header {
		gap: 12px;
		margin: 24px 0 12px;
	}

	.places-category-title {
		font-size: 1.75rem;
		line-height: 1.1;
	}

	.places-category-icon {
		max-width: 56px;
		max-height: 56px;
	}

	.place-group-wrapper {
		flex-direction: column;
		gap: 10px;
		padding-top: 12px;
	}

	.places-letter {
		font-size: 1.5rem;
		max-width: none;
	}

	.places-group {
		grid-template-columns: 1fr;
		gap: 28px;
		margin-bottom: 24px;
	}

	.image-left-text-right .flex-block__body p:first-of-type::first-letter {
		font-size: clamp(4.5rem, 13vw, 6.5rem);
		line-height: .8;
	}

	.subscribe-popup__dialog{
		padding:60px 30px 40px;
	}

	.subscribe-popup__form{
		flex-direction:column;
		gap:20px;
	}

	.subscribe-popup__field{
		width:100%;
	}

	.newsletter-form{
		flex-direction:column;
		gap:20px;
	}

	.newsletter-form__field{
		width:100%;
	}

	.preset-recents__list, .editorial-list {
		padding: 20px;
	}
	
	.headliner {
		margin: 0 0 20px 0;
		width: 100%;
	}

	#footerTop {
		flex-direction: column;
		gap: 90px;
	}

	.footer-nav, .footer-social-newsletter {
		width: 100%;
	}

	h1{font-size:2.5rem}
	h2{font-size:1.5rem}
	h3{font-size:1.2rem}
	h4{font-size:1.2rem;}
	h5{font-size:1rem}
	h6{font-size:.9375rem}

	.headliner {
		padding: 20px;
		width: calc(100% - 40px);
		margin: 0 auto;
	}

	.magazine-card  {
		padding: 20px;
	}

	.preset-recents {
		padding: 0;
	}
}


@media (max-width: 1200px) {
	.columns-grid__item {
		width: calc((100% - 60px) / 3);
	}
}

@media (max-width: 768px) {
	.columns-grid__item {
		width: calc((100% - 30px) / 2);
	}
}

@media (max-width: 600px) {
	.columns-grid__item {
		width: 100%;
	}

	.site-logo-image {
        max-width: 200px;
    }
}