/*
Theme Name: Twenty Nineteen Child 2026
Theme URI: https://wordpress.org/themes/twentynineteen/
Template: twentynineteen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: CHC custom style
Tags: one-column
Version: 2028.0917A
*/
/* maven-pro-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 400;
  src: url('maven-pro-v40-latin-regular.woff2') format('woff2');
}

/* maven-pro-500 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 500;
  src: url('maven-pro-v40-latin-500.woff2') format('woff2'); 
}

/* inter-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('inter-v20-latin-regular.woff2') format('woff2'); 
}

/* khula-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Khula';
  font-style: normal;
  font-weight: 700;
  src: url('khula-v17-latin-700.woff2') format('woff2'); 
}

/* gluten-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Gluten';
  font-style: normal;
  font-weight: 400;
  src: url('gluten-v18-latin-regular.woff2') format('woff2');
}

html {
	scroll-padding-top: calc(6.5vw + .6rem + 53px); /* height of one-row sticky header */
	overflow:auto;
}


.chc-ad {
	display: none;
}

#listlength {
  font-weight: 500;
  color: #56b;
  font-family: 'Maven Pro', sans-serif;
  display: inline-block;
  width: 4ch;
  text-align: center;
}

ins.adsbygoogle {
	margin: 0 auto calc(-.4rem - .4vw) auto !important; 
	background: #f4f4f4;
	/* overflow: hidden; disabled by CHC 2022.10.09a */
}

.entry .entry-content .buycoffee-container { /* 20230315 */
	margin-top: calc(1rem + .5vw);
	margin-bottom: calc(1rem + .5vw);
	border: 4px double #889;
	background: #f2f8ff;
	padding: calc(5px + .5vw);
	color: #222;
}

.entry .entry-content .buycoffee-container p, .bmc-btn-container { /* 20230315 */
	text-align: center;
}
.bmc-btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 210px;
	color: #ffffff;
	background-color: #5F7FFF !important;
	height: 60px;
	border-radius: 12px;
	font-size: 28px;
	text-decoration: none !important;
	border: none;
	padding: 0 18px 0 12px;
	line-height: 27px;
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
}
.bmc-btn:hover, .bmc-btn:active, .bmc-btn:focus {
    text-decoration: none !important;
    cursor: pointer;
}
.bmc-btn img {
	height: calc(15px + .5vw) !important;
    margin-bottom: 3px !important;
    box-shadow: none !important;
    border: none !important;
    /* transform: scale(0.9); */
    flex-shrink: 0;
}
.bmc-btn-text {
   text-align: left;
	margin-top: calc(.1em + .05vw);
	margin-left: calc(.2em + .1vw);
   display: inline-block;
   line-height: 1;
   width: 100%;
   flex-shrink: 0;
   font-family: 'Gluten', sans-serif !important;
   color: white;
   width: unset !important;
}

.entry .entry-content .buycoffee-container p.coffeetext { /* 20230315 */
	font-size: calc(12px + .3vw);
	margin-top: 0;
	margin-bottom: .5rem;
	text-wrap: balance;
}

.entry .entry-content .buycoffee-container p.coffeebuttontext { /* 20230315 */
	font-size: calc(12px + .3vw);
	margin-top: .5rem;
	margin-bottom: 0;
}

a.bmc-btn {
	font-size: calc(15px + .5vw);
	height: 48px;
}

a.bmc-btn:visited {
	color: white;
}
.logo-outline {
    fill: #000000;
}
.logo-coffee {
    fill: #FFDD00;
}

header.site-header {
	position: sticky;
	top: 0;
	z-index: 99;
	background-color: #fff;
	padding-top: 0;
	padding-bottom: calc(.6rem + .5vw);
}

.site-branding-container {
	background-color: #fff;
	padding-top: .4rem; /* was .4rem 20230102 */
	padding-bottom: calc(.2vw + 8px);
	border-bottom: 1px solid #ddd;
}

div.hmenu.blank {
	display: none;
	position: absolute;
	top: .5rem;
	z-index: 2;
	font-size: calc(11px + 1vw);
	font-family: 'Maven Pro', Arial, sans-serif;
	color: #555; /* non-links */
	padding: .5rem .9rem .6rem .5rem;
	border: solid 1px #26c;
	box-shadow: .2rem .2rem .2rem rgba(0, 15, 90, 0.5);
	background: #fbfbfe;
	line-height: 2.4;
}

.navmenu-container {
	background-color: #fff;
	line-height: 1.2;
	padding-top: .1rem;
	padding-bottom: .1rem;
	border-bottom: 1px solid #ddd;
	display: flex;
	justify-content: center;
	align-content: space-evenly;
	font-size: calc(5pt + 1vw);
	font-family: 'Maven Pro', Arial, sans-serif;
}

.chcsearch {
	cursor: pointer;
}

.chcmenu {
	flex: 1 1 auto;
	text-align: center;
	color: #889;
}

.chcmenu.end {
	color: #fff;
}

div.chcmenu a {
	color: #45b;
}

ul.main-menu > li {
	line-height: .8; /* was 1.25 default */
}

h1.entry-title, .comment .comment-author .fn, .comments-title {
	font-family: Khula, sans-serif;
	font-size: calc(1.1vw + 14px);
	hyphens: none;
	color: #5a5a5a;
}

.comment .comment-author .fn {
	font-family: Khula, sans-serif;
	font-size: calc(1vw + 13px);
	letter-spacing: 0em;
	color: #467;
	
}

h4 {
	font-family: Khula, sans-serif;
	font-size: calc(.7vw + 14px);
	color: #5a5a5a;
}
.entry .entry-content h4 {
	margin: 32px 0 16px;
}

#content.results-page #primary main article .entry-header {
	display: none;
}

#content.results-page .entry-title, h2::before { 
	display: none;
}

#content.results-page .entry h2 { 
	margin: 0px;
}

.entry .entry-title::before, .entry-content::before {
	display: none;
}

.entry .entry-content, .entry .entry-header, .comments-area, .state-container {
	margin: 0 18vw;
}

.entry .entry-content {
	margin-bottom: calc(0.5rem + .4vw);
}

.entry .entry-content p, .entry .entry-content table, .entry .entry-content .buycoffee-container, .entry .entry-content h2, .comments-area, h4 {
	max-width: 100%;
}

.entry .entry-content p {
	font-family: 'Maven Pro', sans-serif;
	margin-top: .6rem;
	margin-bottom: .9rem;
}

h2 {
	font-size: calc(1.4vw + 9pt); /* 2025-0211 for city display */
	color:#46b;
	hyphens: none;
	word-break: normal;
}

h2.stateheader, .comment-content, .entry .entry-content {
	font-family: 'Maven Pro', sans-serif;
	font-size: calc(15px + 0.4vw);
}

h2.stateheader { /* 20231027 stateheader from p to h2 */
	text-align: center;
	padding-top: calc(4px + .6vw);
	background-color: #8af;
	color: #fff;
	font-weight: 500;
	line-height: 1;
	margin-top: 0px;
	margin-bottom: 0px;
	border-top-left-radius: 14px;
	border-top-right-radius: 14px;
}

.entry .entry-content h2 {
	padding: 0px;
	line-height: 1;
}


.chclogo-container { /* CHC new rule 20220518 */
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	row-gap: 4px;
}

div.chclogo-container img {
	min-width: 0;
	flex: 0 1 auto;
}


.chclogo {
	margin-left: 1.5vw;
	margin-right: .6vw;
}

img.chctitle {
	margin: 0 10vw 0 7vw;
	cursor: pointer;
}

img.onelineslogan {
	display: none;
	max-width: calc(10rem + 15vw);
}

.search-container {
	position: relative;
	text-align:center;
	color: white;
}

.site-branding {  /* CHC new rule 20220518 - display my own flexbox in header */
	display:none;
}
#content.results-page {
	margin-top: -.2rem;
}
.entry-content p, .comment-content {
	font-size: 	calc(.3vw + 15px); /* was calc(15.84px + .32vw); */
	line-height: 1.3;
}

.results {
	color: #79c;
	font-size: 85%;
	font-family: 'Open Sans', sans-serif;
}

.entry .entry-content h2 {
	line-height: 1.1;
}

.entry .entry-content .header-left {
	float: left;
	margin: 0 0 calc(.5vw + 5px) 0;
}

.entry .entry-content .right-container {
	float: right;
	position: relative;
	margin: 0;
	top: calc(.5vw + 4px);
}

img.maptab {
	position: absolute;
	cursor: pointer;
}

.entry .entry-content .right-container, img.maptab {
	width: calc(5.5vw + 75px);
}

div#loadmsg {
	display: inline-block;
	position: absolute;
	top: 0;
	z-index: 0;
	text-align: center;
	width: 100%;
	height: 100%;
	background: rgba(213, 244, 250, .2);
	color: #69c;
	font-size: calc(.7vw + 10px); 
	font-family: "Khula";
	line-height: 3;
	text-shadow: 2px 2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, -2px -2px 2px #fff;
}

.entry .entry-content #mapcontainer {
	position: relative;
	width: 100%;
	height: 412px;
	border: 5px solid #d5e1fa;
	color: #eee;
	
}

.entry .entry-content #myMap {
	position: relative;
	border-radius: 10px 0 10px 10px;
	max-width: 100%;
	height: 412px;
	z-index: 2;
	clear: both;
	background: #d5e1fa;
}

div.infobox-body {
	max-width: 180px !important;
}


div.error-404 div.page-content p {
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: calc(12px + .6vw);
	color: #333;
}

.entry .entry-content .resultstable {
	margin: calc(.7rem + 1vw) 0 calc(.4rem + .4vw);
	max-width: 100%;
	position: relative;
	z-index: 2;
	border: 0px;
	display: grid;
	grid-template-columns: calc(28px + .45vw + .64em) 1fr; /*yes em*/
	width: 100%;
	grid-template-rows: auto;
	gap: 3px 0px;
}

div.resultsheader {
	font-size: calc(.5vw + 10px);
	font-weight: normal;
	color: #222;
}
div.cityhotel {
	border: 1px #888 solid;
	padding: calc(12px - .27vw) 0 calc(4px - .27vw);
}
div.cityhotel .loc {
	font-size: calc(.5vw + 13.4px);
	margin-left: calc(3px + .8vw);
	line-height: 1.25;
}
div.cityhotel .prop {
	color: rgb(0, 88, 220);
	font-size: calc(.5vw + 13.4px);
}
div.keycol {
	background: #fff;
	padding: 4px 0;
	border: 1px solid #888;
	border-right: none;
	align-content: center;
}
div.resultsheader.keycol, div.resultsheader.cityhotel {
	background: #e8f0ff;
}
div.resultsheader.cityhotel {
	padding: .1rem 0;
}
.pindiv {
	width: calc(28px + .45vw);
	margin: 0 auto;
	padding: 0;
	line-height: 1;
}
.pinimg {
	height: auto;
	width: calc(.5vw + 20px);
	max-width: unset;
	margin: 0 auto;
	display: block;
	padding: 2px 0;
	filter: hue-rotate(40deg);
}
div.keydiv {
	display: grid;
	place-items: center;
	width: calc(28px + .45vw);
	height: calc(28px + .45vw);
	background-color: #999;
	border-radius: 3px;
	outline: 0px !important;
	text-align: center;
	margin: 0 auto;
}
div.keydiv[id^="pinnum"]:focus, div.keydiv[id^="pinnum"]:hover {
  background-color: #d44;
  caret-color: #d44;
}
.keytext { /* make table keys look like map pin numbers */
	color: #fff;
	font-size: calc(.4vw + 13px);
	font-weight: 500;
	line-height: 1;
	text-decoration: none !important;
}
.keytext.hundreds {
	font-size: calc(.3vw + 11.5px);
}
div.city, div.hotel {
	float: left;
	margin-left: calc(3px + .8vw);
	background: #fff;
	text-align: left;
	font-size: calc(.5vw + 13.4px);
	padding: 0 10px 6px 0;
	word-break: normal;
	line-height: 1.25;
	font-family: 'Inter-Regular', sans-serif;
	user-select: none; /* CHC 20220802 */
}
div.city {
	width: calc(6.2vw + 140px);
	border-left: #888;	
}
div.city a {
	color: #222;
}
div.hotel {
	width: min( calc(13.8vw + 392px), calc(100% - 4px - .8vw));
}
div.hotel:first-line {
	line-height: 1; 
}
.entry .entry-content .resultstable a {
	text-decoration: none;
}
.entry .entry-content .endtable {
	font-size: calc(.5rem + .5vw);
	line-height: 1.3;
	color: #888;
	font-family: 'Maven Pro', sans-serif;
	margin-top: 0px;
	margin-bottom: calc(.6rem + .6vw);
	max-width: 100%;
}

.chcfooter {
	display: block;
	text-align: center;
	hyphens: none;
	font-size: min(16px, calc(.5vw + 8.5pt));
	line-height: 1.44;
	text-wrap: balance;
}

.chcfooter a {
	text-decoration-line: underline;
}

.appeal {
	margin: 18px auto;
	padding: 5px 10px;
	color: #13c;
	text-align: center;
	font-family: 'Maven Pro', sans-serif;
	font-size: calc(.3vw + 15px);
	line-height: 1.25;
	background: #def;
	border-radius: 8px;
	width: fit-content;
	box-shadow: 1px 3px 1px #aaa;
}
.appeal a {
	color: #138;
}
.appealtext {
	display: inline-block;
	font-weight: 500;
}

#colophon .site-info {
	margin-bottom: 50vh;
	margin-top: 1rem;
}

.entry + .comments-area, .comments-title-wtap, .comments-area > *, .comments-area .comments-title-wrap .comments-title::before {
	margin-top: 0;
}
.comment-list {
	margin-bottom: 2rem;
}
.comments-area {
	margin-bottom: 2.5rem;
}

#respond {
		border-top: 4px double #aaa;
}
.comment .comment-author .post-author-badge {
	position: relative;
	float: left;
	top: calc(.45vw - .2rem);
	right: 0px;
	margin-right: .4rem;
	background: #679bca;
}

textarea, input[type="text"], input[type="email"], input[type="url"] {
	font-family: sans-serif;
	background: #fafafa;
	font-size: calc(.55rem + .6vw);
	padding: 0.16rem 0.36rem;
}

input[type="submit"] {
	padding: calc(.5vw + .2rem) .8rem;
	font-size: calc(.6rem + .5vw);
	background: #68c;
	margin-top: 1rem;
}

p.form-submit {
	text-align: center;
}

.comments-title-wrap {
	margin: 0;
}

.comments-title-wrap:first-child {
	display: none; /* join the conversation */
}
.comment-form-flex .comments-title {
  display: block; /* leave a comment */
}
.comment-form label {
	font-family: "Segoe UI", "Helvetica Neue", sans-serif;
	font-size: 0.71111em;
	color: #767676;
}
.comment-form-cookies-consent, .comment-notes {
	display: none;
}

.comment-form-comment label::after {
	content: ' (or suggestion)';
}

.comment-form-email label::after {
	content: ' (will not be published)';
}
.state-container {
	background-color: #8af; 
	border-radius: 14px;
}

#statemenu { /* defaults */
	line-height: 0;
	margin: 0 auto 0 auto;
	width: calc(32px + round(down, calc(100% - 30px), calc(3vw + 45px)));
	background-color: #8af;
	border-radius: 14px;
}

.menu-container {
	display: flex;
	flex-wrap: wrap;
	max-width: 100%;
	margin: -1px auto 0 auto;
	padding: calc(.25rem + .6vw) 15px; /* for larger screens */
	background-color: #8af;
	border-bottom-left-radius: 14px;
	border-bottom-right-radius: 14px;
	justify-content: center;
	column-gap: .4rem;
	row-gap: .35rem;
}
/* the style for city entry */
/* * { box-sizing: border-box; } */
.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
  width: 100%;
}
#myInput {
	border: 0px;
	border-radius: 10px;
	font-size: calc(10pt + .4vw);
	height: calc(17.8px + .4vw + .5rem);
	padding: 0 .5rem;
	line-height: 1;
	outline: none;
}
input[type=text]#myInput {
	font-family: Maven Pro, sans-serif;
  background-color: #fafafa;
  width: 100%;
}
input[type=submit]#myInput {
  background-color: DodgerBlue;
  color: #fff;
}
.autocomplete-items {
  position: absolute;
  border: 2px solid #8af;
  z-index: 99;
  line-height: 1.25;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
  margin: 0 -2px;
  background: #8af;
  padding: 0;
}
.autocomplete-items div {
  	font-family: 'Maven Pro', Arial, sans-serif;
	font-size: calc(10pt + .4vw);
	padding: .25rem .5rem;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d4d4d4;
  border-radius: 6px;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #eee;
}
.autocomplete-items div strong {
	font-weight: 500;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: #eee !important;
}
form.city-container {
	width: calc(100% - 3vw - 45px - 2px - .4rem); /* for wide screen */
	max-width: 100%;
	background-color: #fafafa;
	border-radius: 6px;
	padding: 0;
	font-size: calc(10pt + .4vw);

}
.state-cell, button.lookup {
	font-family: 'Maven Pro', Arial, sans-serif;
	font-size: calc(10pt + .4vw);
}
.state-cell.is-clicked, button.lookup.is-clicked {
	cursor:wait;
}
.state-cell, button.lookup {
	width: calc(3vw + 45px - .4rem);
	background-color: #e8f0ff;
	text-align: center;
	line-height: 1;
	flex: 0 0 auto;
	border-radius: 10px;
	border-width: 0;
	cursor: pointer;
}
button.lookup {
	padding: .25px 0px;
}
button.lookup img {
	width: calc(17.3px + .4vw);
	height: calc(17.3px + .4vw);
	padding: 0;
	margin: .25rem 0;
	vertical-align: text-top;
}
span.statetext {
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
	color: #015;
	font-weight: 500;
	background-color: #fff;
	padding: .1rem .25rem;
	margin: .25rem 0;
	border-radius: 8px;
	line-height: 1;
}

#hammenu {
	display: none;
}

/* --- MODS FOR MAPBOX -------------------------------------------- */


/* #map { position: relative; margin: 0 auto; width: 600px; height: 600px; } original */
.mapboxgl-ctrl, .mapboxgl-ctrl-top-left {
	margin: 0 !important;
}
.mapboxgl-ctrl-top-left {
	left: unset;
	top: unset;
	right: 11px;
	bottom: 88px;
}
a.mapboxgl-ctrl-logo {
	height: 16px;
	width: 65px;
	margin: 6px 10px 0;
}
.mapboxgl-ctrl-bottom-right {
	display: none !important;
}
.mapboxgl-ctrl-group {
	background: unset !important;
}
.mapboxgl-ctrl-group button, #refreshbox, #centerbox {
	margin: 0px 0 0 0px !important;
	padding: 0 !important;
	width: 33px !important;
	height: 33px !important;
	background: #fff;
	border: 1px #888 solid !important;
	border-radius: 4px !important;
	box-shadow: #aaa 1px 1px 1px 0px !important;
}
button.mapboxgl-ctrl-zoom-out, #centerbox {margin-top: 0px !important;}

.mapboxgl-ctrl-group:not(:empty) {
  box-shadow: unset !important;
}
.mapboxgl-ctrl-group button:focus:not(:focus-visible) {
  background-color: #fff; /* to fix defocus bug */
}
.mapboxgl-ctrl button:not(:disabled):hover {
  background-color: #fff;
  cursor: pointer;
}
.mapboxgl-ctrl-scale {
	position: relative;
	top: -10px;
	left: 10px;
}
.popup-style {
	text-align: center;
	z-index: 8;
}
.mapboxgl-popup-tip { display: none; }
.mapboxgl-popup-content { padding: 8px !important; border: 1px solid black;  border-radius: 3px !important;  font-size: 13px; line-height: 1.3;}

.mapboxgl-popup-content span  {
	font-family: 'Maven Pro', Arial, sans-serif;
	font-weight: 500;
	background-color: #d44;
	border-radius: 3px;
	color: white;
	text-decoration: none !important;
	padding: 3px;
	display: inline-block; 
	min-width: 2em;
	cursor: pointer;
}

.poptext {margin-top: 5px; color: #111;}

#spinner, .loader { /* CHC 20260914 */
   border: 3px solid #fff;
  border-radius: 50%;
  border-top: 4px solid #69f;
  width: 22px;
  height: 22px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  display: none;
  position: relative;
  bottom: 22px;
  left: 5px;
  z-index: 99;
  background: #fff;
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#crosshair-h, #crosshair-v {
	color: #a00;
	position: relative;
	opacity: .5;
	pointer-events: none;
	display: none;
}
#crosshair-h {
	height: 2px;
	width: 20px;
	left: 5px;
	bottom: calc(50% - 6px);
	border-top: 2px #666 solid;
	margin: 0 auto;
}
#crosshair-v {
	width: calc(50% + 6px);
	height: 19px;
	bottom: calc(50% + 5px);
	border-right: 2px #666 solid;
}
.starmarker {
	background-image: url('whitestar16.png');
	background-size: cover;
	width: 14px;
	height: 14px;
}
.extra-ctrl-container {
	position: absolute;
	bottom: 15px;
	right: 16px;
	line-height:0;
	margin: 0px;
	width: 33px;
	z-index: 99;
}
#refreshbox, #centerbox { /* to show whole state */
	color: #222;
  font-size: 20px;
  font-family: "Maven Pro", sans-serif;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  line-height: 1.33
}

#refreshbox img, #centerbox img {
	width: 85%;
	padding: 4px;
	vertical-align: bottom;
}
/* The spot-search modal failure popup (background) */
.modal {
  display: none; /* Hidden by default */
  position: absolute;
  z-index: 9;
	left: calc(50% - 89px);
  top: calc(50% - 26px);
	padding: 4px 0;
	background: #fafafa;
	border: 1px solid #666;
	border-radius: 6px;
	width: 176px;
	font-size: 16px;
	line-height: 1.33;
}

.modal-text {
	width: 136px;
	float: left;
	text-align: center;
	margin: 0 2px 0 6px;
	padding: 0 2px;
	color: #444;
}
.close {
	float: right;
	font-size: 23px;
	color: #555;
	margin: 10px 7px 0 0;
	line-height: 1;
}
	

/* BEGIN MEDIA SECTION --------------------------------------------- */
/* ----------------------------------------------------------------- */
/* ----------------------------------------------------------------- */



@media only screen and (min-width: 768px) { /* for screens larger than 768 */
	.discussion-meta {
		margin-left: 0;
	}

}

@media only screen and (min-width: 1001px) { /* for screens 1001 and larger */ 
	.site-branding-container, .navmenu-container {
		margin: 0 calc(18vw - 100px);
	}
	.entry .entry-content, .state-container {
		padding: 0;
	}
	.entry .entry-content h4 {
		max-width: 100%;
	}
	.site-header { 
		margin: 0;
		padding: 0 0 calc(.4vw + .6rem) 0;
	}
	.entry .entry-header, .comments-area {
		margin: 0 18vw;
	}
	.comments-area {
		margin-bottom: 2.5rem;
	}
	.comments-area > *, .comments-title-wrap {
		margin-top: 0;
	}
	td.city {
		white-space: nowrap;
	}
}	

@media only screen and (max-width: 1000px) { /* for screens 1000 or less, transition to two-row display */

	header.site-header {
		padding: 0px 0px calc(.4vw + .5rem) 0px;
		margin: 0 max(.5rem, calc(18% - 100px));
	}
	#hammenu {
		display: block;
		flex: 0 1 auto;
		margin-right: -6px;
	}
	.chcspace {
		width: 3vw;
	}
	#statemenu {
		margin: 0 auto;
		padding: 0;
		width: calc(32px + round(down, calc(100% - 30px), calc(3vw + 45px)));
	}
	div.titlelogo-container {
		min-height: calc(2vw + 28px); /* was calc(5.5vw + 20px) CHC 20230102 */
		text-align: center;
	}
	img.chcslogan {
		display: none;
	}
	
	.chcmenu {
		display: none;
	}
	img.onelineslogan {
		display: block;
		margin-right: 3vw;
	}
	.entry .entry-content, .entry .entry-header, .comments-area, .state-container {
		margin: 0 max(.5rem, calc(18% - 100px));
	}
	.entry .entry-content {
		max-width: 100%;
		margin-bottom: .4rem;
	}
	.comments-area {
		margin-bottom: 2.5rem;
	}
	html {
		scroll-padding-top: calc(9vw + 50px); /* height of sticky header */
	}
	/* Hide the links inside the navigation menu (except for logo/home) */
	.topnav #myLinks {
	  display: none;
	}

	/* Style navigation menu links */
	.topnav a {
	  color: white;
	  text-decoration: none;
	  font-size: 17px;
	  display: block;
	}

	/* Style the hamburger menu */
	.topnav a.icon {
	  background: #d5e1fa;
	  display: block;
	}
	@media only screen and (min-width: 768px) { /* screens betwen 768 and 1000 */
		header.site-header { 
			padding: 0 60px calc(.4vw + .5rem) 60px;
		}
		img.chctitle {
			margin: 0 6vw 0 3vw;
		}
		.entry .entry-header, .entry .entry-content, .comments-area {
			padding: 0 60px;
		}
		.state-container {
			padding: 0;
			margin: 0 max(.5rem, calc(18% - 40px));
		}
		#statemenu {
			width: calc(32px + round(down, calc(100% - 30px), calc(3vw + 45px)));
		}
		.site-branding-container, .navmenu-container {
			margin: 0;
		}
	}
}
@media only screen and (max-width: 767px) /* screens 767 or less */ {
	img.chctitle {
		margin: 0 6vw 0 1.5vw;
	}
}
@media only screen and (max-width: 460px) /* screens 460 or less */ {
	.chcspace {
		width: 1px;
	}
	.chclogo {
		margin-left: 0;
	}
	#statemenu {
		width: calc(12px + round(down, calc(100% - 10px), calc(3vw + 45px)));
	}
	.menu-container {
		padding: calc(.25rem + .6vw) 5px;
	}
}

@media only screen and (min-width: 1168px) /* screens 1168 or more */ {
	.entry .entry-content h4 {
		max-width: 100%;
	}
}

@media only screen and (min-width: 1001px) /* screens 1001 to 1500 */ {
	@media only screen and (max-width: 1500px) /* screens 1001 to 1500 */ {
		.entry .entry-content, .state-container, .entry .entry-header, .comments-area {
			width: 944px;
			max-width: 80%;
			margin: 0 auto calc(.4rem + .4vw);
		}
	}
}
		
@media (orientation: landscape) { /* 2022-10-09d */
	ins.adsbygoogle {
		margin: 0 auto !important;
	}
}

@media (orientation: landscape) and (max-height: 400px) { /* 2022-10-09e - landscape phone */
	div.titlelogo-container, div.slogansearch-container {
		min-height: unset;
	}
	.navmenu-container {
		line-height: 1.1;
		padding-top: 0;
		padding-bottom: 0;
	}
	header.site-header {
		padding-top: .2rem;
		padding-bottom: 1rem;
	}
	header.entry-header, .entry-content, .comments-area {
		margin: 0 calc(18vw - 100px);
	}
	h2.stateheader {
		font-size: 12.5pt;
	}
	html {
		scroll-padding-top: calc(.6rem + 100px); /* approx height of sticky header */
	}
}

/* following section 2023-0912 */
.comments-area .comments-title-wrap .discussion-meta {
	margin-left: 0;

}
.comment {
	padding-left: 0;
}
.comment .comment-body {
	margin: 1rem 0 1.5rem;
}
.comment-reply {
	line-height: 1.3;
	margin: -1rem 0 1.5rem;
}
.comment-form-flex {
	padding-top: 1rem;
	padding-bottom: 1rem;
	border-bottom: 4px double #aaa;
}

.comment.depth-1 {
		margin-left: 0vw;
	 }
 .comment.depth-2 {
		margin-left: 2vw;
	 }
 .comment.depth-3 {
		margin-left: 4vw;
 }

.comment-author {
		border-bottom: 1px #89a solid;
}
.comment-reply-title {
	display: none;
}

form p {
	margin: .3rem 0;
}

/* for the input field */
.gravity {
    padding: 15px; 
}

.gravity .input-wrap:not(:last-child) {
    margin-bottom: 15px;
}

.gravity .input-wrap .ajax-wrap {
    position: relative;
}

.gravity .input-wrap .ajax-wrap .address-ajax-results {
    position: absolute;
    top: 100%;
    left: 0;
    border: 1px solid #767676;
    background-color: #fff;
    width: 100%;
}

.gravity .input-wrap .ajax-wrap p.address-ajax-results {
    padding: 10px;
    font-weight: 700;
    margin: 0;
}

.gravity .input-wrap .ajax-wrap ul.address-ajax-results {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

.gravity .input-wrap .ajax-wrap ul.address-ajax-results li:not(:last-child) {
    border-bottom: 1px solid #767676;
}

.gravity .input-wrap .ajax-wrap ul.address-ajax-results li button {
    padding: 5px 10px;
    display: block;
    width: 100%;
    text-align: left;
}

.gravity .input-wrap .ajax-wrap ul.address-ajax-results li button:hover {
    background-color: #eee;
}

.gravity .input-wrap.submit button {
    display: block;
    background-color: #69AFE5;
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    width: 100%;
    font-weight: 700;
}