/* 
  -----------------------------------
  PVII Synergy
  by Project Seven Development
  www.projectseven.com
  Custom CSS
  -----------------------------------
*/

body {
	background-color: #FFFFFF;
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	font-display: swap;
}
h1, h2, h3, h4 {
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	font-display: swap;
}
h1 {
	color: #ff290b;
	border-top: 2px solid #ff290b;
	margin: 15px 0;
	padding-left: 40px;
	background-image: url(art/headerimg.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}
h2 {
	color: #fbab1b;
	margin: 20px 0;
}
h3, h4 {
	color: #ff290b;
	margin: 10px 0;
}
h3.imgheader {
	border: 1px solid #FFD57D;
	border-left: 20px solid #fbab1b;
	padding-left: 20px;
	margin: 20px 0;
	background-color:#FFF8EA;
	color: #fbab1b;
}

.topheading {
	margin-top: 40px;
}
.sidebarcontent {
	margin-left: 10px;
}
p {
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	font-size: 18px;
}
.p7DMM08 {
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	font-size: 120%;
}

p img, h1 img, h2 img, h3 img, h4 img {
	border-radius: 5px;
}

.padded {
	padding: 20px 32px;
}
.light-padding {
	padding: 20px 12px;
}

a {
	color: #ff290b;
}
a:hover {
	color: #fbab1b;
}

/*Row or Column-Group background Colors and Text Colors*/
.synergy-color-1 {
	background-color: #FFF;
	background: rgba(255, 255, 255, .75);
	color: #000;
}
.synergy-color-2 {
	background-color: #151515;
	background: rgba(0,0,0,.9);
	color: #FFF;
}
.synergy-color-3 {
	background-color: #CC3333;
	background: rgba(204, 51, 51, .75);
	color: #000;
}
.synergy-color-4 {
	background-color: #0099FF;
	background: rgba(0, 153, 255, .80);
	color: #FFF;
}
.synergy-color-5 {
	background-color: #669999;
	background: rgba(102, 153, 153, .80);
	color: #000;
}

/*Links*/
.synergy-color-1 a, 
.synergy-color-3 a {
	color: #000;
}
.synergy-color-1 a:hover, 
.synergy-color-3 a:hover { 
	color: #E16410; 
}
.synergy-color-2 a {
	color: #AAA;
}
.synergy-color-2 a:hover {
	color: #FFF;
}
.synergy-color-4 a {
	color: #FFF;
}
.synergy-color-4 a:hover {
	color: #000;
}
.synergy-color-5 a {
	color: #000;
}
.synergy-color-5 a:hover {
	color: #FFF;
}


/*Vertical Rules*/
.left-border {border-left: 1px solid;}
.right-border {border-right: 1px solid;}

/*Special Rules*/
.large-type {
	font-size: 1.75em;
	line-height: 2;
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}
/* header styles */
.header {
	box-shadow: 0 4px 4px -4px rgba(0,0,0,.5);
}
/* footer styles */
#footer {
	text-align: center;
	box-shadow: 0px 0px 20px rgba(0,0,0,.5);
	}
.footerpadding {
	padding: 5px 0;
}
/*Make Image Scalable - Assign this class to any image to make it scale with the browser window size*/
img.scalable {
	height: auto !important;
	width: auto !important;
	margin: 0 auto;
	max-width: 100%;
}
/*Add the fancy class to the scalable class to add a drop shadow
<img class="scalable fancy"...>
*/
.fancy {
	border: 1px solid rgba(255,255,255,.5);
	box-shadow: 0px 0px 20px rgba(0,0,0,.5);
}
/* 
Add the accented class to the scalable class to add eounded corners and a border.
<img class="scalable accented"...>
*/
.accented {
	border-radius: 5px;
	border: 2px solid #fff;
	box-shadow: 0px 0px 20px rgba(0,0,0,.5);
	background-color: #fff;
}
.ctrimg {
	text-align:center;
}
.caption {
	margin: 10px auto;
	text-align:center;
	font-style:italic;
}
.caption img {
	margin: 10px auto;
	border: 1px solid rgba(255,255,255,.5);
	box-shadow: 0px 0px 20px rgba(0,0,0,.5);
}


.clearer {
	clear: both;
}

/* list styles */
.contentlist {
	list-style-image:url(/images/pointer-li.png);
}

/*responsive map div*/
#map {
	width: 100%;
	height: 500px;
	margin: 20px auto;
	border: 1px solid #fff;
	border-radius: 10px;
	box-shadow: 0px 0px 20px rgba(0,0,0,.5);
}
/*preventing scrollbars on infowindow - responsive map div*/

#map .infowindow{
    line-height:1.35;
    overflow:hidden;
    white-space:nowrap;
}

/* styles for locations in div under map */
a.maplist {
	border-left: 3px solid #fbab1b;
	padding-left: 5px;
}

/*hotel listings */
/*.hotel-group {
	border-top: 1px solid #ddd;
} */
.hotels, .holidays {
	margin: 5px;
	padding: 5px;
	line-height: 1em;
	font-size: .9em;
	border: 1px solid #fff;
	box-shadow: 0px 0px 10px rgba(0,0,0,.5);
}
.hotels img{
	border-radius: 0;
	margin: 5px 0 2px 0;
}
.holidays img{
	float:right;
	margin: 0 0 7px 5px;
}


.hotels strong, p.holidays strong{
	color: #fbab1b;
}
/*styles for availability button*/
.avail {
	text-align:right;
	margin: 10px 0 5px 0;
}
.avail a {
background: #ff290b; /* Old browsers */
	color: #fff;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);
	box-shadow:0 1px 2px rgba(0,0,0,.1);
	border: 2px solid #fff;
	border-radius: 8px;
	padding: 3px 5px;
	font-weight:bold;
	text-decoration:none;
	margin-top: 10px;
}
.avail a:hover {
background: #E11D00; /* Old browsers */
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3);
	box-shadow:0 1px 2px rgba(0,0,0,.3);
	color: #fff;
}

/* style for words that break menu */
.longword {
word-break: break-word;
 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 -o-hyphens: auto;
 hyphens: auto;
 }
 
 /* distances table and any others */
.resptable {
width: 100%;
border-collapse: collapse;
border: 1px solid #fff9ec;
 }
.resptable tr:nth-child(odd) {
	 background: #fff9ec;
	 }
 .resptable th{
background-color: #fbab1b;
color: #fff;
text-align: left;
padding: 2px;
margin: 0;
 }
  .resptable td{
padding: 2px;
margin: 0;
 }
 
 /* contact form styles */
.formcontainer {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
.formcontainer form {
	margin: 20px;
}
.formcontainer input, textarea {
	margin: 10px;
	width: 90%;
	min-width: 200px;
	padding: 0.75em 1em;
    background: none repeat scroll 0% 0% rgba(144, 144, 144, 0.15);
	color: #6f7577;
	border: 2px solid #fff;
}
.formcontainer textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	width: 90%;
}
.formcontainer input:focus, textarea:focus {
	border: 2px solid #B3D6D1;
}

.formcontainer input#send {
	background-color: #ff290b;
	color: #fff;
	text-transform:uppercase;
	width: 50%;
	min-width: 200px;
}
.formcontainer input#send:hover {
	background-color: #FF452B;
	cursor:pointer;
}
.formcontainer fieldset {
	border: 1px solid #eee;
}
.formcontainer legend {
	padding: 0 5px;
}
.formcontainer #zipcode {
	display:none;
}
/*responsive search box styles*/
#searchboxholder_r {
	width: 100%;
	max-width: 500px;
	margin: 20px auto;
}
/*deals holder styles*/
#dealsholder {
	width: 100%;
	text-align:center;
	margin-top: 20px;
}
/* hotel choice styles */
.rated {
	width: 100%;
	margin: 20px auto;
	
}
.rated .adtext{
	-webkit-box-shadow: 0 0 6px #666;
	-moz-box-shadow: 0 0 6px #666;
	 box-shadow: 0 0 6px #666;	
	padding: 5px;
	font-size:1em;
	line-height:1.2em;
	color: fff;
background: #ff290b;
background: -moz-linear-gradient(top, #ff290b 0%, #D71B00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff290b), color-stop(100%,#D71B00));
background: -webkit-linear-gradient(top, #ff290b 0%,#D71B00 100%);
background: -o-linear-gradient(top, #ff290b 0%,#D71B00 100%);
background: -ms-linear-gradient(top, #ff290b 0%,#D71B00 100%);
background: linear-gradient(to bottom, #ff290b 0%,#D71B00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff290b', endColorstr='#D71B00',GradientType=0 );
}
.rated .adtext .adheader{
	color: #fff;
	font-weight:bold;
}
.rated .adtext .adbody{
	color: #fff;
}

.rated .adtext .adlink{
	text-align:right;
	font-weight:bold;
	margin: 15px auto 10px auto;
}
.rated .adtext .adlink a{
    background: #FBAB1B; /* Old browsers */
	color: #fff;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);
	box-shadow:0 1px 2px rgba(0,0,0,.1);
	border: 2px solid #fff;
	border-radius: 8px;
	padding: 3px 5px;
	font-weight:bold;
	text-decoration:none;
	margin-top: 1px;
	margin-bottom: 3px;
}
.rated .adtext .adlink a:hover{
    background: #DD9204; /* Old browsers */
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3);
	box-shadow:0 1px 2px rgba(0,0,0,.3);
}

/*hotel star rating links*/
p.stars {
	background: #eaeaea;
	text-align:center;
}
p.stars a {
background: #ff290b; /* Old browsers */
	color: #fff;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);
	box-shadow:0 1px 2px rgba(0,0,0,.1);
	border: 2px solid #fff;
	border-radius: 8px;
	padding: 5px;
	font-weight:bold;
	text-decoration:none;
	margin: 10px;
}
p.stars a:hover {
background: #E11D00; /* Old browsers */
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3);
	box-shadow:0 1px 2px rgba(0,0,0,.3);
	color: #fff;
}

/* emphasis */
strong {
	color: #ff290b;
}


/*crumbs border*/

.crumbsborder {
	border-top: 1px #333 solid;
	border-bottom: 1px #333 solid;
}

/* top ad styles */
.bannerad {
   	 margin: 40px auto;
	 padding: 10px;
	 padding-right:30px;
	 box-shadow: 0px 0px 20px rgba(0,0,0,.5);
	 background-image:url(/images/adbg.jpg);
	 background-repeat:no-repeat;
	 background-position: top right;
	 line-height: 1.5em;
	 font-size: 1.2em;
}
.bannerad .avail {
	text-align:right;
	margin: 10px 0 5px 0;
}
