:root {
	--color-red: rgba(227,29,26,1);
	--color-dark-blue: rgba(14,86,127,1);
	--color-gray: rgba(90,91,93,1);
	--color-yellow: rgba(252,180,34,1);
	--color-blue: rgba(18,155,209,1);
	--color-black: rgba(0,0,0,1);
	--color-orange: rgba(239,120,37,1);
}

body {
	background-color: #fff;
	color: var(--color-gray);
	font-family: 'Metropolis', sans-serif;
	font-size: 112.5%;
	font-weight: 300;
	line-height: 1.6;
	margin: 0;
	padding: 0;
}

a {
	color: var(--color-blue);
	cursor: pointer;
	text-decoration: underline;
}

a:hover {
   text-decoration: none;;
}

a img {
    border: none;
}

h1 {
	font-family: "voltage",sans-serif;
	text-transform: capitalize;
	font-size: 62px;
	color: var(--color-dark-blue);
  font-weight: 500;
  line-height: 1.2;
	margin: 0 0 2rem 0;
	text-transform: capitalize;
}

.home h1 {
	font-family: "voltage",sans-serif;
	font-size: 3rem;
	font-style: normal;
	font-weight: 400;
	text-transform: none;
}

h2 {
	color: var(--color-blue);
	font-size: 44px;
  	font-weight: 500;
  	line-height: 1.1;
	margin: 0 0 1rem 0;
}

h3 {
	color: var(--color-dark-blue);
	font-size: 29px;
  	font-weight: 400;
  	line-height: 1.1;
	margin: 0 0 1rem 0;
}

h4 {
	color: var(--color-blue);
	font-size: 1.25rem;
  	font-weight: 700;
  	line-height: 1.2;
	margin: 0 0 1rem 0;
}

h5 {
	color: var(--color-black);
	font-size: 1rem;
  font-weight: 300;
  line-height: 1.2;
	margin: 0 0 1rem 0;
	text-transform: uppercase;
}

h6 {
	color: #000;
	font-size: 1rem;
  font-weight: 300;
  line-height: 1.2;
	margin: 0 0 1rem 0;
	text-transform: uppercase;
}
p {
  line-height: 1.6;
	margin: 0 0 2rem 0;
}

strong {
	font-weight: 600;
}

.search-results strong {
    font-weight: 700;
}

ul {
	margin-bottom: 1.5rem;
	list-style-type: disc;
	margin-left: 1.25rem;
}

ul li  {
	line-height: 1.6;
	margin-bottom: 1rem;
}

ul ul {
	list-style-type: circle;
}

hr {
	margin: 2rem 0;
}

input.gform_button {
	-webkit-appearance: none;
 	-moz-appearance: none;
 	appearance: none;
	border: none;
	border-radius: 0;
	background-color: var(--color-dark-blue);
	color: #fff;
	cursor: pointer;
	font-weight: 300;
	padding: 15px 3rem;
	transition: background-color 0.5s ease-out 0s;
}

input.gform_button:hover {
	background-color: var(--color-blue);
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

a.skip-link {
   color: #fff;
}

.visually-hidden {
	position: absolute !important;
	clip: rect(1px,1px,1px,1px);
	overflow: hidden;
	height: 1px;
	width: 1px;
	word-wrap: normal;
}

.video-responsive-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	margin: 2rem 0;
	height:0;
	overflow:hidden;
}

.video-responsive-container iframe, 
.viideo-responsive-container object, 
.video-responsive-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/** begin generic layout styles **/

.region {
	margin: 0 auto;
	max-width: 1200px;
	padding: 0 10vw;
	position: relative;
}

#breadcrumbs {
	/* display: none; */
	font-size: 0.75rem;
	margin: 2rem 0;
}

#breadcrumbs a {
	color: --color-gray;
	text-decoration: none;
}

#breadcrumbs a:hover {
	text-decoration: underline;
}

.pagination {
	margin-top: 2rem;
	text-align: center;
}

.pagination .nav-links {
	font-size: 0;
}

.pagination .page-numbers,
.pagination .nav-links .dots {
	border-bottom: solid 1px var(--main-gray-color);
	border-left: solid 1px var(--main-gray-color);
	border-top: solid 1px var(--main-gray-color);
	display: inline-block;
	font-size: 1rem;
	padding: 0.5rem 1rem;
	transition: background-color 0.5s ease-out 0s;
}

.pagination .nav-links .page-numbers:last-child {
	border-right: solid 1px var(--main-gray-color);
}

.pagination .nav-links a:hover {
	background-color: var(--main-red-color);
	color: #fff;
	text-decoration: none;
}

/** end generic layout styles **/

/** begin WYSIWG editor styles **/

.alignleft {
	float: left;
	margin: 0 2rem 2rem 0;
}

.alignright {
	float: right;
	margin: 0 0 2rem 2rem;
}

.alignnone {
	height: auto;
	max-width: 100%;
}

/** end WYSIWG editor styles **/

.woocommerce button.button.alt,
.woocommerce a.button.alt {
	background-color: var(--color-dark-blue);
}

.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover {
	background-color: var(--color-blue);
}

.woocommerce div.product p.price {
	color: var(--color-blue);
	font-size: 2rem;
	font-weight: 700;
}

.woocommerce ul.products li.product .price {
	color: var(--color-blue);
	font-weight: 700;
}

/** Accommodations Page **/
.page-id-15863 .orange {
	text-transform: uppercase;
	color: var(--color-orange);
}

.page-id-15863 .basic-copy > .region > .basic-copy-copy {
	border-bottom: 3px solid var(--color-blue);
}

.page-id-15863 .basic-copy:last-child > .region > .basic-copy-copy {
	border-bottom: none;
}

@media (min-width: 2200px) {
	
}

@media (min-width: 1900px) and (max-width: 2199px) {
	
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	
	
	
}

@media screen and (max-width: 767px) {
	
	.region {
		margin: 0 auto;
		max-width: none;
		padding: 0 5vw;
		position: relative;
	}
	
}