﻿.font-revert {
	font-family: revert !important;
	font-size: revert !important;
}

.font-size-14 {
	font-size: 14px !important;
}

.flex-column {
	flex-direction: column;
}

.mx-auto {
	margin-left: auto;
	margin-right: auto;
}

.bg-image
	{
		color: #fff;
	}
	.slide-content
	{
		padding-top: 10%;
		width: 100%;
	}
		.slide-content.content-left
		{
			float: left;
		}
		.slide-content.content-right
		{
			float: right;
		}
		.slide-content div.text-only, .slide-content span.title
		{
			display:block;
			margin:0px auto;
			max-width: 320px;
		}
		.slide-content div.text-only, .media-body p
		{
			font-size: 18px;
			font-family:"Gibson Regular";
		}
	.divider
	{
		height: 27px;
		background-color: #FFDE01;
	}

		.divider.top
		{
			background: url('../png/koa-diff-border-top.png') repeat-x;
		}

		.divider.top-white
		{
			background: url('../png/koa-diff-border-top-white.png') repeat-x;
		}

		.divider.bottom
		{
			background: url('../png/koa-diff-border-bottom.png') repeat-x;
		}

		.divider.bottom-white
		{
			background: url('../png/koa-diff-border-bottom-white.png') repeat-x;
		}
	.container-fluid section
	{
		position: relative;
	}
	div.caption span.text-only, div.caption span.title
	{
		display: block;
	}
		div.caption span.title, .content .content-detail span.title, .slide-content span.title, .lp-rewards-points span.title
		{
			font-family: "Fjalla One";
			font-size: 35px;
			text-transform: uppercase;
			line-height:1;
		}

	div.caption, div.caption.ways-to-stay-caption
	{
		font-family: "Gibson Regular";
		position:absolute;
		bottom:60px;
		padding:15px;
	}

div.caption
{
	color: #333;
}
div.caption.ways-to-stay-caption
{
	color: #fff;
}
	div.caption.ways-to-stay-caption .text-only
	{
		font-size: 18px;
	}

.dotted-border-white
{
	border: 4px dotted #fff;
}

#there-for-you-panel
{
	margin-top: -2px;
}
	#there-for-you-panel .row.content
	{
		padding-top: 50px;
		padding-bottom: 50px;
	}
		#there-for-you-panel .row.content div
		{
			text-align: center;
		}
	#there-for-you-panel .content-detail
	{
		max-width: 640px;
	}

.yellow-shirts div.caption
{
	bottom:60px;
	left:60%;
	border-radius:4px;
}
#yellow-shirts div.caption
{
	left:25%;
	border-radius:10px;
	width:450px;
	bottom:35%;
}

.pets-welcome div.caption
{
	left:10%;
	border-radius:10px;
	max-width:450px;
}
	.pets-welcome div.caption span.title, .content .content-detail span.title
	{
		font-size: 35px;
	}

.value-kard-rewards div.caption
{
	color:#fff;
	left:10%;
	border-radius:10px;
	width:450px;
}
	.value-kard-rewards div.caption span.title
	{
		color:#fff;
		font-size: 35px;
	}
	.value-kard-rewards div.caption span.text-only
	{
		color: #fff;
	}

.home-away-from-home div.caption
{
	color:#fff;
	right:10%;
	border-radius:10px;
	width:450px;
}
	.home-away-from-home div.caption span.title
	{
		color:#fff;
		font-size: 35px;
	}
	.home-away-from-home div.caption span.text-only
	{
		color: #fff;
	}

	.row.divider, .row.content
	{
		background-color: #FFDE01;
	}

	.koa-btn
	{
		border: 2px solid #ffffff;
		border-radius: 4px;
		background-color: #FED201;
		color: #333 !important;
		font-family: "Fjalla One";
		margin-top: 20px;
		padding: 8px 30px;
		text-transform: uppercase;
	}

		.koa-btn.dark
		{
			background-color: #000;
			color: #FED201 !important;
		}

		.koa-btn.dark:hover
		{
			background-color: #333;
			color: #FED201 !important;
			border: 2px solid #fff;
		}

		.koa-btn span.glyphicon
		{
			color: #fff;
		}

		.koa-btn.margin-top-10 {
			margin-top: 10px;
		}

		.koa-btn:hover
		{
			border: 2px solid #000;
			background-color: #FED201;
		}

	.copy-title
	{
		font-family: "Brothers Bold";
		color: #FF2B2D;
		font-size:40px;
		display:block;
	}

	.right-block, .left-block
	{
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
	}

@media only screen and (max-width:992px)
{
	.grants .left-block.left-right-block-transparent, .grants .right-block.left-right-block-transparent {
		height: auto;
	}
}

#wbtys-content div.black-trans {
	max-width: 450px !important;
}

#where-memories-are-made-content .content-inner-block, #home-away-from-home-content .content-inner-block, #wbtys-content .content-inner-block,
#ways-to-stay-rv-sites-content .content-inner-block, #ways-to-stay-deluxe-cabins-content .content-inner-block,
#ways-to-stay-camping-cabins-content .content-inner-block, #ways-to-stay-tent-sites-content .content-inner-block,
#ways-to-stay-unique-accommodations-content .content-inner-block, #ways-to-stay-group-camping-content .content-inner-block,
#ways-to-stay-extended-stays-content .content-inner-block, #ways-to-stay-handicap-accessible-content .content-inner-block, #ways-to-stay-wbtys .content-inner-block {
	padding: 30px 30px;
	border-radius: 10px;
}

#behind-the-yellow-signs #row-1
{
	background-color: #BF100D;
	padding-top: 70px;
	padding-bottom: 0px;
}
#behind-the-yellow-signs #row-1-b
{
	background-color: #BF100D;
	position: relative;
	padding-top: 0px;
	padding-bottom: 0px;
}

#slide-3-content, .pets-welcome .right-block
{
	background-color: #fff;
}
	#slide-3-content .content
	{
		border-radius: 10px;
		padding-left: 10px;
		padding-right: 10px;
		border: 4px dotted #FFDE00;
		height: 100%;
	}

#pets-welcome-content .content
{
	border-radius: 10px;
	padding-left: 10px;
	padding-right: 10px;
	height: 100%;
}
#national-events-content .title > span
{
	padding: 10px 15px;
	border-radius: 10px;
}
.national-events-logo-container
{
	/*width: 95%;*/
	border-radius: 10px;
	padding: 20px;
	bottom: 40px;
	background-color: rgba(0, 0, 0, 0.7);
	width: 50%;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 40px;
	margin: auto;
}
.national-events-title-small
{
	text-align: center;
	text-transform: uppercase;
	font-family: 'Brothers Bold';
	font-size: 50px;
	padding-top: 80px;
}


#the-koa-difference div.row.content, #koa-app-panel div.row.content, #brands-greeting div.row.content
{
	background-color: #fff;
}
#the-koa-difference div.top-row
{
	padding-bottom: 0px;
}
#the-koa-difference div.bottom-row
{
	padding-top: 0px;
}

.vkr-headline{
	width:100% !important;
	border-bottom-left-radius:0px !important;
	border-top-left-radius:0px !important;
	padding-bottom:20px !important;
}

#caring-for-our-communities .program-wrapper .col-lg-3 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	text-align: center;
}

#caring-for-our-communities .program-wrapper .img-wrapper {
	height: 150px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1em;
}

	#caring-for-our-communities .program-wrapper .img-wrapper img {
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height: auto;
		object-fit: contain;
	}


@media (min-width: 768px){
	.maintenance.bg-image {
		background-attachment: fixed;
	}

	.content-inner-block {
		width: 450px;
	}
}

	@media only screen and (max-device-width:1024px), only screen and (max-width:1024px)
	{
		#national-events-content .row .col-md-4
		{
			height:500px;
		}

		.bg-image
		{
			background-size: cover;
			background-position: center center;
			height: 100%;
			width: 100%;
		}

		.content
		{
			position: relative;
			padding: 20px 0px;
		}

			.content .bar-img
			{
				text-align: center;
			}

			.content img.img-responsive
			{
				display: inline-block;
			}

			.content .content-detail
			{
				font-size: 18px;
				font-family: 'Gibson Regular';
				color: #41413f;
				height: auto;
				line-height: normal;
				text-align: center;
				margin-top: 20px;
			}

				.content .content-detail span.text-only
				{
					display: inline-block;
					vertical-align: middle;
					line-height: 1.3;
				}
		#national-events-content .title
		{
			top: 10% !important;
		}


	}
	@media only screen and (min-width: 992px)
	{
		.slide-content
		{
			width: 50%;
		}
		.container-fluid section.img-section, .container-fluid section.img-section-noparallax, div.img-section
		{
			margin-left: -15px !important;
			margin-right: -15px !important;
		}

		.bg-image
		{
			overflow: auto;
			color: #fff;
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			background-attachment: fixed;
			height: 100%;
			width: 100%;
		}

		.container-fluid section.img-section-noparallax .bg-image
		{
			background-attachment: scroll;
		}

		.yellow-shirts-scrolling
		{
			overflow: auto;
			color: #fff;
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			height: 100%;
			width: 100%;
		}

		.content
		{
			position: relative;
			padding: 60px 0px;
		}

			.content .bar-img
			{
				text-align: center;
			}

			.content img.img-responsive
			{
				display: inline-block;
			}
				.content .content-detail span.text-only
				{
					display: inline-block;
					vertical-align: middle;
					line-height: 1.3;
					/*margin-left: 30px;*/
					color:#333;
					/*margin-bottom: 8px;*/
				}

				.content.content-no-padding {
					padding: 0px;
				}

		#national-events-content .row .col-lg-4
		{
			height: 700px;
		}
		.right-block
		{
			position: absolute;
			left: 50%;
			top: 0;
			height: 100%;
			width: 50%;
		}

		.left-block {
			position: absolute;
			left: 0;
			top: 0;
			height: 100%;
			width: 50%;
		}

		.left-block-60 {
			width: 60%;
		}

		.right-block-60 {
			left: 40%;
			width: 60%;
		}

		.left-block-40 {
			width: 40%;
		}

		.right-block-40 {
			left: 60%;
			width: 40%;
		}


		.vkr-headline {
			width: 25% !important;
		}
	}/*end media query 768px*/
@media only screen and (max-width:320px)
{
	.ways-to-stay-caption .content-inner-block .title
	{
		font-size: 26px;
	}
}


@media only screen and (max-width:767px)
{
	#row-1-b.content .content-detail
	{
		width: auto !important;
	}
}
@media only screen and (max-width:992px)
{
	#the-koa-difference .right-content
	{
		text-align:center;
	}
}
@media only screen and (min-width:1025px)
{
	#ways-to-stay-camping-cabins-content, #ways-to-stay-tent-sites-content, #ways-to-stay-extended-stays-content, #ways-to-stay-handicap-accessible-content,
	#ways-to-stay-unique-accommodations-content
	{
		left: 50%;
		bottom: auto;
		transform: translate(-50%, -50%);
		top: 50%;
	}
}
@media only screen and (max-width:1024px)
{
	#pets-welcome-content, #yellow-shirts div.caption, .value-kard-rewards div.caption, #ways-to-stay-rv-sites-content, #ways-to-stay-deluxe-cabins-content,
	#ways-to-stay-camping-cabins-content, #ways-to-stay-tent-sites-content, #ways-to-stay-unique-accommodations-content, #ways-to-stay-group-camping-content,
	#wbtys-content, #ways-to-stay-handicap-accessible-content, #brands-perks-content {
		margin: auto;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		display: table;
		max-width: 90%;
		width: auto;
	}
}

@media only screen and (max-width:767px)
{
	#ways-to-stay-rv-sites-content, #ways-to-stay-deluxe-cabins-content,
	#ways-to-stay-camping-cabins-content, #ways-to-stay-camping-cabins-content div.content-inner-block, #ways-to-stay-tent-sites-content, #ways-to-stay-unique-accommodations-content, #ways-to-stay-unique-accommodations-content div.content-inner-block,
	#ways-to-stay-unique-accommodations-content div.content-inner-block div, #ways-to-stay-group-camping-content, #ways-to-stay-extended-stays-content, #wbtys-content, #ways-to-stay-handicap-accessible-content {
		width: 100%;
		left: 0% !important;
		transform: translate(0%, 0%) !important;
		opacity: 1 !important;
		top: 0% !important;
		bottom: 0% !important;
	}

	#wbtys-content {
		padding-top: 0 !important;
	}

		#where-memories-are-made-content .content-inner-block, #home-away-from-home-content .content-inner-block, #wbtys-content .content-inner-block,
		#ways-to-stay-rv-sites-content .content-inner-block, #ways-to-stay-deluxe-cabins-content .content-inner-block,
		#ways-to-stay-camping-cabins-content .content-inner-block, #ways-to-stay-tent-sites-content .content-inner-block,
		#ways-to-stay-unique-accommodations-content .content-inner-block, #ways-to-stay-group-camping-content .content-inner-block,
		#ways-to-stay-extended-stays-content .content-inner-block, #ways-to-stay-handicap-accessible-content .content-inner-block,
		#ways-to-stay-wbtys .content-inner-block {
			max-width: 345px !important;
		}

			#where-memories-are-made-content .content-inner-block a, #home-away-from-home-content .content-inner-block a, #wbtys-content .content-inner-block a,
			#ways-to-stay-rv-sites-content .content-inner-block a, #ways-to-stay-deluxe-cabins-content .content-inner-block a,
			#ways-to-stay-camping-cabins-content .content-inner-block a, #ways-to-stay-tent-sites-content .content-inner-block a,
			#ways-to-stay-unique-accommodations-content .content-inner-block a, #ways-to-stay-group-camping-content .content-inner-block a,
			#ways-to-stay-extended-stays-content .content-inner-block a, #ways-to-stay-handicap-accessible-content .content-inner-block a {
				max-width: 285px;
			}

	#national-events-content .row .col-lg-4
	{
		height: 100%;
	}

	.media-left, .media-body
	{
		display: block;
	}

	.media-body
	{
		width: 100%;
	}

	.media-object
	{
		width: 100%;
	}
}

	@media only screen and (min-width:1024px)
	{
		#the-koa-difference .left-content, #the-koa-difference .right-content, #brands-greeting .left-content,
		#brands-greeting .right-content
		{
			display: inline-block;
			vertical-align: middle;
			/*float: none;*/
		}
		#brands-greeting .left-content
		{
			width:49%;
		}
		#brands-greeting .right-content .content-detail{
			float:left;
		}
			#caring-for-our-communities .left-content .content-detail,
			#the-koa-difference .left-content .content-detail, #brands-greeting .left-content .content-detail
			{
				float: right !important;
				max-width:575px;
			}


		#national-events-content .title {
			text-align: center;
			text-transform: uppercase;
			font-family: 'Brothers Bold';
			font-size: 50px;
			position: absolute;
			top: 20px;
			z-index: 1;
			bottom: auto;
			transform: translate(-50%, -50%);
			left: 50%;
			top: 20%;
			width: 100%;
		}
	}


#brands-perks-content{
	color:#fff;
	font-family: "Gibson Regular";
	position: relative;
	/*float:right;*/
	padding: 15px;
	left:0;
	bottom:auto;
	display:block;
}
#brands-perks-content .text-only{
	font-size:18px;
}

.container-fluid section.img-section-noparallax.img-grid
{
	margin-left:0px !important;
	margin-right:0px !important;
}

.brands-perks-content-container{
	width:100%;
	height:590px;
}
#brands .row.header-row
{
	margin-left:0;
	margin-right:0;
}
#brands .row.header-row > div{
	height:100%;
	text-align:center;
	position:relative;
}
#brands .black-trans
{
	color:#fff;
	padding:2px 40px 10px 40px;
	border-bottom-right-radius:10px;
	border-top-right-radius:10px;
	margin-left:-15px;
	position:absolute;
	bottom:40%;
}
	#brands .black-trans.vertical-fix {
		top: 50%;
		bottom: auto;
		transform: translateY(-50%);
		width: 100%;
	}
.brands-h1-img
{
	display:block;
	margin:0 auto;
	margin-bottom:15px;
}
.brands-perks h3.title {
	font-family: "Brothers Bold";
	font-size: 35px;
	text-transform: uppercase;
	line-height: 1;
}

.h2-p {
	font-family: "Fjalla one";
	text-transform: uppercase;
	font-size: 34px;
	margin-top: 22px;
	margin-bottom: 11px;
	font-weight: 500;
	line-height: 1.1;
}

@media only screen and (min-width:320px)
{
	#brands .black-trans
	{
		bottom:20%;
		top:1%;
	}
}

@media only screen and (min-width:375px)
{
	#brands .black-trans
	{
		bottom:25%;
		top:5%;
	}
}
@media only screen and (min-width:414px) {
	#brands .black-trans {
		bottom: 20%;
		top: 10%;
	}

		#brands .black-trans.grants {
			bottom: 5%;
			top: 5%;
		}
}

@media only screen and (min-width:497px)
{
	#brands .black-trans
	{
		bottom:30%;
	}
}
@media only screen and (min-width:768px) {
	#brands .black-trans {
		bottom: 10%;
	}
}

@media only screen and (min-width: 581px){
	.mainMenu .navbar-brand {
		display: none;
	}
}

@media only screen and (max-width:1024px)
{
	.container-fluid section.img-section.parallax, .container-fluid section.img-section.maintenance
	{
		margin-top: 80px;
	}

	/*.black-trans .vertical-center{
		position:relative;
		top:50%;
		transform:perspective(1px) translateY(-50%);
	}*/
}

@media only screen and (min-width:1025px)
{
	.brands-perks-content-container
	{
		width:50%;
	}
	#brands-perks-content
	{
		margin-right:30%;
	}
	#brands-perks-content .content-inner-block
	{
		min-width:500px;
		margin-top:130px;
	}
	#brands .black-trans
	{
		top:auto;
		bottom:40%;
	}
}
@media (min-width: 768px)
{
	#brands-perks-content .content-inner-block
	{
		width: 550px;
	}
	#brands-perks-content .content-inner-block .title
	{
		max-width: 590px;
	}
	.brands-h1-img
	{
		display: inline-block;
		margin-right:15px;
	}
}

@media (min-width: 992px)
{
	#brands .black-trans, #brands .black-trans.grants
	{
		top:auto;
		bottom: 230px;
	}
}

@media (min-width: 1025px) {
	#brands .black-trans, #brands .black-trans.grants {
		bottom: 40%;
	}
}

@media (max-width: 1025px) {
	.ways-to-stay-overview {
		min-height:800px !important;
	}
}

/*@media(min-width: 1025px) {
	.rewards-body {
		position: relative;
		top: -100px;
	}
}*/

@media (min-width: 1800px)
{
	#brands .black-trans, #brands .black-trans.grants
	{
		top:auto;
		bottom:40%;
	}
}

.grants .title { position:absolute; left:-1000px;}

.partner-page-hero-logo {
	max-width: 350px;
}
.powered-by-logo {
	max-width: 28%;
}
.lp-heading-transparent > .rvhero-header {
	position: relative;
	top: 20px;
}
.lp-heading-transparent > .font-gibson-semibold {
	font-size: 32px;
}

@media (max-width: 475px) {
	.partner-page-hero-logo {
		max-width: 300px;
	}
	.lp-heading-transparent > .font-gibson-semibold {
		font-size: 24px;
	}
	.lp-heading-transparent > .rvhero-header {
		font-size: 36px !important;
		top: 0px;
	}
	.powered-by-logo {
		max-width: 40%;
	}
}

.w-100 {
	width: 100% !important;
}
