body { background: #d76e14; font-family: Verdana, Arial, sans-serif }

#background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url("../img/sunsetbeach-background.jpg") center center no-repeat; background-size: cover; z-index: 50 }

#main { position: relative; z-index: 1000 }

#footer { position: fixed; bottom: 0; width: 100%; text-align: center; left: 0; z-index: 10000 }

* { outline: none }

a, .logoLink img { 
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}

a.cta { position: absolute; bottom: -100px; left: 50%; width: 300px; height: 60px; display: block; text-align: center;
	background: #b52023; color: #fff; text-decoration: none; margin-left: -130px; -webkit-border-radius: 20px 20px 20px 20px;
border-radius: 20px 20px 20px 20px; line-height: 60px }

a.cta:hover, .wp-block-button__link:hover { background: #fff; color: #b52023; }

.wp-block-button__link {width: 300px; display: block; text-align: center;	background: #b52023; color: #fff; text-decoration: none;-webkit-border-radius: 20px 20px 20px 20px;border-radius: 20px 20px 20px 20px;margin:40px 0;}

.wp-block-button.is-style-outline a:hover {background: #b52023!important; color: #fff!important;}

.wp-block-button.is-style-outline a {width: 300px; display: block; text-align: center; background: rgba(255,255,255, 0.8) !important; color: #b52023!important; text-decoration: none;-webkit-border-radius: 20px 20px 20px 20px;border-radius: 20px 20px 20px 20px;margin:0 0 40px 0;}

#main { width: 80%; margin: 0 auto; padding-top: 100px; padding-bottom: 200px }

#logo { z-index: 20000 }

#pageGradient { position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100% - 200px); /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+34 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 34%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 34%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 34%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ }

.wp-block-column a { color: #222 }

#footer ul { margin: 0; padding: 0; }

#footer li { display: inline-block; margin: 0 20px }
#footer li a { color: #fff; text-decoration: none; display: inline-block; position: relative; padding-bottom: 18px; }

#footer li:hover a { 
	-moz-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
}

.logoLink img:hover {-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}

#footer .current_page_item a { border-bottom: 3px solid #fff }

#page { position: absolute; z-index: 1000; left: 0; top: 0; width: 100%; }

.home #logo { width: 500px; left: 50%; position: fixed; top: 50%; margin-left: -250px; margin-top: -185px }
.home #logo img { max-width: 100%; height: auto }

.page-template-default:not(.home) #logo { width: 300px; left: 50%; margin-left: -150px; margin-top: 25px; position: absolute; }
.page-template-default:not(.home) #logo img { max-width: 100%; height: auto }

.page-template-default:not(.home) #footer { padding-top: 50px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+43 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 43%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 43%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 43%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ }

.page-template-default:not(.home) #footer a { color: #333 }
.page-template-default:not(.home) #footer .current_page_item a { color: #b82023; border-color: #b82023;  }

#page .wpforms-submit  {  background: #b82023; color: #fff }

#main p a { color: #b82023; text-decoration: none; border-bottom: 1px solid #b82023; display: inline-block; padding: 0 0 2px  }

.wpcf7-form-control-wrap .wpcf7-list-item {
	margin-left: 0;
	font-size: 16px;
}
.wpcf7-form p {
  margin-bottom: 10px;
}
.wpcf7-form label {
  font-size: 16px;
  line-height:1.2;
	font-weight: bold;
}

.wpcf7-acceptance .wpcf7-list-item-label {
	font-weight: normal !important;
	font-size: 14px !important;
}

.wpcf7-form input.wpcf7-text {
	padding: 8px 10px;
	width: calc(100% - 20px);
	max-width: 420px;
	margin-top: 6px;
	border: 1px solid #000;
}

.wpcf7-form textarea {
  	resize: none;
	width: calc(100% - 20px);
	max-width: 420px;
	height: 320px;
	margin-top: 6px;
	padding: 8px 10px;
	border: 1px solid #000;
}

input.wpcf7-submit {
	background-color: #b82023;
	color: #ffffff;
	border: 0;
	padding: 10px 25px;
	font-size: 18px;
}

@media screen and (max-width: 800px) {

	.home #logo { width: 300px; left: 50%; position: fixed; top: 50%; margin-left: -150px; margin-top: -93px }	

}

@media screen and (max-width: 500px) {

	#main {width: 95%;}
	.home #logo { width: 200px; left: 50%; position: fixed; top: 50%; margin-left: -100px; margin-top: -93px }	
	a.cta { width: 200px; margin-left: -100px; height: 40px; line-height: 40px; font-size: .9em }


	#footer li { margin: 0 5px }
	#footer li { font-size: .8em }

}