/*
Theme Name: w88
Theme URI: https://gotobonaire.com/
Author: GoToBonaire
Description: Sand Dollar Condominium Resort / Louth Realty Management, rebuilt from the June 12, 2004 GoToBonaire.com site.
Version: 1.0.0
Requires at least: 6.0
Text Domain: w88
*/

html,
body.w88 {
	margin: 0;
	padding: 0;
	background: #ffffff;
	color: #000000;
}

body.w88 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
}

.w88-frame {
	display: grid;
	grid-template-columns: 133px minmax(0, 1fr);
	grid-template-rows: auto minmax(0, 1fr) auto;
	min-height: 100vh;
}

.w88-logo,
.w88-nav,
.w88-copy {
	background: #d6c09a url("assets/common/sandback.gif") repeat;
}

.w88-logo {
	grid-column: 1;
	grid-row: 1;
	min-height: 108px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding-top: 2px;
}

.w88-logo img {
	width: 126px;
	height: 115px;
	border: 0;
	display: block;
}

.w88-title {
	grid-column: 2;
	grid-row: 1;
	min-height: 77px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	padding: 4px 8px;
}

.w88-title img {
	width: 415px;
	max-width: 100%;
	height: auto;
	border: 0;
	display: block;
}

.w88-nav {
	grid-column: 1;
	grid-row: 2;
	padding: 8px 6px 12px;
}

.w88-nav a {
	display: block;
	margin: 0 0 10px;
	line-height: 0;
}

.w88-nav img {
	border: 0;
	display: block;
	height: auto;
}

.w88-copy {
	grid-column: 1;
	grid-row: 3;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.3;
	padding: 6px 4px 14px;
	color: #000000;
}

.w88-main {
	grid-column: 2;
	grid-row: 2 / span 2;
	background: #ffffff;
	padding: 8px 18px 48px;
	min-width: 0;
}

.w88-main a:link {
	color: #0000ff;
}

.w88-main a:visited {
	color: #cc00cc;
}

.w88-main hr {
	border: 0;
	border-top: 1px solid #000000;
	margin: 12px 0;
}

.w88-main img {
	max-width: 100%;
	height: auto;
}

.w88-sent {
	font-family: Arial, Helvetica, sans-serif;
	background: #fff8dc;
	border: 1px solid #c8b48a;
	padding: 8px 12px;
}

.w88-missing {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 200px;
	min-height: 120px;
	margin: 4px;
	padding: 8px;
	background: #f4efe4;
	border: 1px solid #c8b48a;
	color: #444444;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.35;
	text-align: center;
	vertical-align: middle;
}

@media (max-width: 760px) {
	.w88-frame {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}

	.w88-logo,
	.w88-title,
	.w88-nav,
	.w88-copy,
	.w88-main {
		grid-column: 1;
		grid-row: auto;
	}

	.w88-nav {
		display: flex;
		flex-wrap: wrap;
		gap: 8px 12px;
	}

	.w88-nav a {
		margin: 0;
	}

	.w88-title img {
		width: min(415px, 100%);
	}
}