/*
* makepack
* https://makepack.com
*
* Copyright 2013, 2024 makepack
* Released under the MIT license.
* http://jquery.org/license
*/


@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800);

.ui-body-c {
	/* background: url('../images/bg.png') 0 0 #dadbdd; */ /* Background color and semi-transparent background image */
}

.ui-content {
	max-width: 100%; 
	margin: 0 auto;
	direction:ltr;
	padding-bottom:0; 
	padding-top: 0; 
}


div#home h1.logo { /* Used for Logo TEXT version */
	margin: 15px auto;
	min-height: 45px;
	font-size: 2em;
}

div#home h1.logoimg { /* Used for Logo Graphic version */
	min-height: 60px;
	height: auto;
	margin: 5px auto;
}

div.border-bottom {
	border-bottom: 4px solid #5b9600; /* Color/size of border line under Header content */
}

div.innerpage {
	background: #f5f5f5; /* Background color of pages (other than Homepage) */
	text-align: justify;
}


qrcode
{
	max-width: 100%;
}

img {
	max-width: 100%;
}


/* Styles the image on the Homepage */
img.full {
	max-width: 100%;
	width: 100%;
	margin-bottom: -8px;
}

/* Styles the image on the Homepage */
img.featured {
	max-width: 320px;
	width: 90%;
	display: block;
	margin: .5em auto;
	padding: 0;
	border-radius: .6em;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.6);
	   -moz-box-shadow: 0 0 6px rgba(0,0,0,.6);
	        box-shadow: 0 0 6px rgba(0,0,0,.6);
}
/* Used to center images/items */
div.centerthis {
	text-align: center;
	margin-top: 1px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/* Styles Button #2 - Under Main Click-to-Call Button or Group */

.button2 {
	max-width: 80%;
	font-family: 'Open Sans', sans-serif;
}

.backhome {
	max-width: 120px;
	font-family: 'Open Sans', sans-serif;
}

/* Styles the Footer on the Homepage */
div#home-footer {
	border-top: 2px solid   #000;
	background: 			#000 /*{a-bar-background-color}*/;
	color: 					#fff /*{a-bar-color}*/;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
}


/* All "social" styles used to create the Social Share icons */
ul.social {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.socialicons {
	margin: 1em auto 0;
	text-align: center;
}

div.socialicons img {
	padding: 3px;
}


/* All "tagline" styles used to control the text underneath the main image, slider or video */
div.tagline {
	margin: 0 auto;
	text-align: center;
}

div.tagline h3, div.tagline p {
	text-align: center;
	color: #fff;
	font-size: 1.4em;
	font-family: 'Open Sans', sans-serif;
}

div.tagline p {
	margin-top: 0;
	font-family: 'Open Sans', sans-serif;
	text-align:justify;
}

div.tagline h3 {
	margin: .2em 0 .3em;
	font-family: 'Open Sans', sans-serif;
}

div#home-footer h4 {
	color: #fff; /* Controls the color of the text in the Homepage footer */
	font-family: 'Open Sans', sans-serif;
}

div#page-footer h4 {
	color: #fff; /* Controls the color of the text in the footer (other than the Homepage) */
	font-family: 'Open Sans', sans-serif;
}

ul.details-list {
	margin-left: 1em; /* Adds some margin-left to bulleted items on Property Description page */
}

div.text-page h1, div.text-page h2, div.text-page h3 {
	margin-top: 0; /* Removes margin-top from Terms and Privacy pages */
	text-align: justify;
}

/* Styles the video and positions it */
.video {
	margin: 0px auto;
	border: 2px solid #333;
	max-width: 80%;
	width: 80%;
}

/* Styles the border color around the slider images */
.flexslider {
	border: 0px solid #333;
}

/********************************************************************
 Override colors from default jquery mobile stylesheet (Swatches "A")
*********************************************************************/

/* Controls the Gradient Background of the Header Area */
.ui-bar-a {
	font-family: 'Open Sans', sans-serif;
	border: 1px solid 		#333 /*{a-bar-border}*/;
	background: 			#F3EEE0 /*{a-bar-background-color}*/;
	color: 					#F3EEE0 /*{a-bar-color}*/;
	font-weight: bold;
	background-image:    -moz-linear-gradient( #F3EEE0 /*{a-bar-background-start}*/, #F3EEE0 /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #F3EEE0 /*{a-bar-background-start}*/, #F3EEE0 /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #F3EEE0 /*{a-bar-background-start}*/, #F3EEE0 /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #F3EEE0 /*{a-bar-background-start}*/, #F3EEE0 /*{a-bar-background-end}*/);
}

/* Controls the Gradient Background of the Footer Area */
.ui-btn-up-a {
	font-family: 'Open Sans', sans-serif;
	border: 1px solid 		#111 /*{a-bup-border}*/;
	background: 			#F3EEE0 /*{a-bup-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{a-bup-color}*/;
	background-image:    -moz-linear-gradient( #556b2f /*{a-bar-background-start}*/, #556b2f /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #556b2f /*{a-bar-background-start}*/, #556b2f /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #556b2f /*{a-bar-background-start}*/, #556b2f /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #556b2f/*{a-bar-background-start}*/, #556b2f /*{a-bar-background-end}*/);
}

/* Controls the Color of the Hover State in Footer Area and the "Back" button in Header */
.ui-btn-hover-a {
	font-family: 'Open Sans', sans-serif;
	border: 1px solid 		#556b2f /*{a-bhover-border}*/;
	background: 			#556b2f /*{a-bhover-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{a-bhover-color}*/;
}


/********************************************************************
 Override colors from default jquery mobile stylesheet (Swatches "B")
*********************************************************************/

/* Controls the Gradient Background of the List Divider (Main Menu) */
.ui-bar-b {
	font-family: 'Open Sans', sans-serif;
	border: 1px solid 		#333 /*{a-bar-border}*/;
	background: 			#007BCD /*{a-bar-background-color}*/;
	color: 					#fff /*{a-bar-color}*/;
	font-weight: bold;
	background-image:    -moz-linear-gradient( #5b9600 /*{a-bar-background-start}*/, #fff0ab /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #5b9600 /*{a-bar-background-start}*/, #fff0ab /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #5b9600 /*{a-bar-background-start}*/, #fff0ab /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #5b9600 /*{a-bar-background-start}*/, #fff0ab /*{a-bar-background-end}*/);
}

/* Controls the Gradient Background of the Controlgroup (Call/Email/Text buttons) */
.ui-btn-up-b {
	font-family: 'Open Sans', sans-serif;
	border: 1px solid 		#111 /*{a-bup-border}*/;
	background: 			#5b9600/*{a-bup-background-color}*/;
	font-weight: bold;
	color: 					#000 /*{a-bup-color}*/;
	background-image:    -moz-linear-gradient( #5b9600 /*{a-bar-background-start}*/, #fff0ab /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #5b9600 /*{a-bar-background-start}*/, #fff0ab /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #5b9600 /*{a-bar-background-start}*/, #fff0ab /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #5b9600 /*{a-bar-background-start}*/, #fff0ab /*{a-bar-background-end}*/);
}

/* Controls the Background of the Hover State (Call/Email/Text buttons) */
.ui-btn-hover-b {
	font-family: 'Open Sans', sans-serif;
	border: 1px solid 		#000 /*{a-bhover-border}*/;
	background: 			#000 /*{a-bhover-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{a-bhover-color}*/;
}


/********************************************************************
 Override colors from default jquery mobile stylesheet (Swatches "C")
*********************************************************************/

/* Controls the Gradient Background of the List Divider (Main Menu) */
.ui-bar-c {
	font-family: 'Open Sans', sans-serif;
	border: 1px solid 		#333 /*{a-bar-border}*/;
	background: 			#5b9600 /*{a-bar-background-color}*/;
	color: 					#fff /*{a-bar-color}*/;
	font-weight: bold;
	background-image:    -moz-linear-gradient( #5b9600 /*{a-bar-background-start}*/, #fff0ab /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #5b9600 /*{a-bar-background-start}*/, #fff0ab /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #5b9600 /*{a-bar-background-start}*/, #fff0ab /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #5b9600 /*{a-bar-background-start}*/, #fff0ab /*{a-bar-background-end}*/);
}

/* Controls the Gradient Background of the Controlgroup (Call/Email/Text buttons) */
.ui-btn-up-c {
	font-family: 'Open Sans', sans-serif;
	border: 1px solid 		#111 /*{a-bup-border}*/;
	background: 			#5b9600/*{a-bup-background-color}*/;
	font-weight: bold;
	color: #000 /*{a-bup-color}*/;
	background-image:    -moz-linear-gradient( #5b9600 /*{a-bar-background-start}*/, #fff0ab /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #5b9600 /*{a-bar-background-start}*/, #fff0ab /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #5b9600 /*{a-bar-background-start}*/, #fff0ab /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #5b9600 /*{a-bar-background-start}*/, #fff0ab /*{a-bar-background-end}*/);
}

/* Controls the Background of the Hover State (Call/Email/Text buttons) */
.ui-btn-hover-c {
	font-family: 'Open Sans', sans-serif;
	border: 1px solid 		#000 /*{a-bhover-border}*/;
	background: 			#5b9600 /*{a-bhover-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{a-bhover-color}*/;
}

.custom #home div #frmFormMailContainer #frmFormMail h2 {
	text-align: center;
	font-family: 'Open Sans', sans-serif;
}
.custom #home div #frmFormMailContainer #frmFormMail h3 {
	text-align: center;
	font-style: normal;
	line-height: normal;
	font-family: 'Open Sans', sans-serif;
}
.custom #home div #frmFormMailContainer #frmFormMail h2 {
	text-align: center;
	font-style: normal;
	line-height: 1px;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
}
.custom #home div #frmFormMailContainer #frmFormMail h1 {
	text-align: center;
	font-style: normal;
	line-height: 1px;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	color: #BE0D33;
}
.custom #home div #frmFormMail p {
	text-align: center;
	font-family: 'Open Sans', sans-serif;
}
.custom #home div #frmFormMail h2 {
	text-align: center;
	font-family: 'Open Sans', sans-serif;
}
/*****************************************************************
Media Query Adjustments
******************************************************************/

@media screen and (max-width:480px) {

/* Styles the video and positions it */
.video {
	max-width: 100%;
	width: 100%;
	margin: 0px auto;
	border: 2px solid #333;
	
}

img.full {
	max-width: 100%;
	width: 100%;
	margin-bottom: -8px;
}
	.qrcode
{
	display:none;
}
div#home h1.logo {
		margin: 10px auto;
		min-height: 35px;
		font-size: 1.5em;
	}
	
	div.tagline h3, div.tagline p {
		text-align: center;
		color: #fff;
		font-size: 1.2em;
	}

	.ui-controlgroup-horizontal .ui-btn-inner { 
		height: 22px; 
		line-height: 22px; 
	}

	.ui-btn-inner { 
		font-size: 17px; 
		padding: .6em 17px .6em; 
	}

	div.socialicons img {
		padding: 7px;
	}

}

@media screen and (max-width:320px) {

img.full {
	max-width: 100%;
	width: 100%;
	margin-bottom: -8px;
}

	div#home h1.logo {
		margin: 8px auto;
		min-height: 0px;
		font-size: 1.2em;
	}
	
	div.tagline h3, div.tagline p {
		text-align: center;
		color: #fff;
		font-size: 1.1em;
	}

	.ui-controlgroup-horizontal .ui-btn-inner { 
		height: 20px; 
		line-height: 20px; 
	}


	.ui-btn-inner { 
		font-size: 14px; 
		padding: .6em 14px .6em; 
	}

	div.socialicons img {
		padding: 5px;
	}