@charset "UTF-8";

/* ################################################################
############# section 1: section scheme css #######################
################################################################ */

/* ****************************************************************
************* sub-section 1-1: nav bar functions ******************
**************************************************************** */

/* ========== style x: property-services theme ================= */
.c17-000000003-top-nav-container {
	background: linear-gradient(to left, #7F525D, #93917C);
	/* move text color into here */
}

/* ========== style x: top text color on main bar ============= */
.c17-000000003-topnav a,
.c17-000000003-dropdown .c17-000000003-dropbtn {
	color: white;
}

/* ========== style x: color for burger bar ============= */
.c17-000000003-burger {
	background-color: white;
}

/* ========== c17-000000004: right content - left search bar ========== */
.c17-000000004-right-content-left-bar {
	background-color: #FBFBF9;
	color: black;
}

/* ========== c17-000000005-left content - right info bar ============= */
.c17-000000005-left-content-right-bar {
	background: linear-gradient(to left, #7F525D, #93917C);
	color: white;
}

/* ========== c17-000000006: center content - both bars ======== */
.c17-000000006-center-content-left-bar {
	background-color: #98AFC7;
	color: white;
}
.c17-000000006-center-content-right-bar {
	background-color: #98AFC7;
	color: white;
}

/* ########## style x: arrow stage 1 - creates reverse L for down arrow ########## */
.c17-000000003-arrow {
    border: solid white;
  	border-width: 0 3px 3px 0;
  	display: inline-block;
  	padding: 3px;
}

/* ========== style x: converts top nav to burger menu ========= */
/* converts top nav items into block menu for mobile view */
@media screen and (max-width: 1150px) {
.c17-000000003-topnav a:not(:first-child), .c17-000000003-dropdown .c17-000000003-dropbtn {
    	display: none;
  	}
.c17-000000003-topnav a.c17-000000003-icon {
    	float: right;
    	display: block;
	}

/* style 16: displays the dropdowns on mobile device with burger */
.c17-000000003-topnav.c17-000000003-responsive {position: relative;}
.c17-000000003-topnav.c17-000000003-responsive .c17-000000003-icon {
    	position: absolute;
    	right: 0;
    	top: 0;
	}

.c17-000000003-topnav.c17-000000003-responsive a {
    	float: none;
    	display: block;
    	text-align: left;
	}

.c17-000000003-topnav.c17-000000003-responsive .c17-000000003-dropdown {float: none;}
.c17-000000003-topnav.c17-000000003-responsive .c17-000000003-dropdown-content {position: relative;}
.c17-000000003-topnav.c17-000000003-responsive .c17-000000003-dropdown .c17-000000003-dropbtn {
    	display: block;
    	width: 100%;
    	text-align: left;
	}
}

/* ****************************************************************
************* sub-section 1-2: quick search pages ******************
**************************************************************** */

/* ========== c17-000000086-img-search-one-button ==================== */
h2.c17-000000086 {
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  color: black;
}

.c17-000000086-banner-image {
  min-height: 500px;
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/* Add styles to the form container */
.c17-000000086-banner-container {
  min-height: 150px;
  text-align: center;
  background-size: cover;
  margin: 3%;
  padding: 2px 16px 16px 16px;
  background-color: white;
  border-radius: 10px;
}

.c17-000000086-top {
height: 50%;
background-size: cover;
padding: 5px;
text-align: center;
}

.c17-000000086-bottom {
height: 50%;
background-size: cover;
padding: 5px;
text-align: center;
}

/* Full-width input fields */
input.c17-000000086[type=text] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
  border-radius: 10px;
}

input.c17-000000086[type=text]:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit button */
.c17-000000086-button {
  color: white;
  background-color: #0C090A;
  width: 100%;
  cursor: pointer;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  opacity: 0.9;
  border-radius: 10px;
}

.c17-000000086-button:hover {
  opacity: 1;
}

.c17-000000086-intro-h2 {
	font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", sans-serif;
	font-weight: 500;
	font-size: 68px;
	color: #FFFFFF;
	padding-bottom: 15px;
	text-shadow: 0px 0px 16px rgba(45, 54, 68, 0.2);
}

.c17-000000086-quarter {
display: inline-block;
float: left;
width: 14%;
padding-left: 4px;
}

.c17-000000086-half {
display: inline-block;
float: left;
width: 70%;
padding-left: 4px;
}

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

.c17-000000086-intro-h2 {
font-size: 52px;
}

.c17-000000086-top {
height: 25%;
}

.c17-000000086-bottom {
height: 75%
}

.c17-000000086-quarter, .c17-000000086-half {
width: 100%;
}

.c17-000000086-banner-container {
  min-height: 270px;
}
  
.c17-000000086-banner-container {
  min-height: 300px;
}

}

/* ========== c17-000000092-img-dropdown-search-button ==================== */
h2.c17-000000092 {
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  color: black;
}

.c17-000000092-banner-image {
  /* The image used */
  background: url("../site-images/shared/property-services-main.jpg");
  min-height: 500px;
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/* Add styles to the form container */
.c17-000000092-banner-container {
  min-height: 150px;
  text-align: center;
  background-size: cover;
  margin: 3%;
  padding: 2px 16px 16px 16px;
  background-color: white;
  border-radius: 10px;
}

.c17-000000092-top {
height: 50%;
background-size: cover;
padding: 5px;
text-align: center;
}

.c17-000000092-bottom {
height: 50%;
background-size: cover;
padding: 5px;
text-align: center;
}

/* Full-width input fields */
input.c17-000000092[type=text] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
  border-radius: 10px;
}

/* Full-width input fields */
.c17-000000092-dropdown {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
  border-radius: 10px;
}

input.c17-000000092[type=text]:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit button */
.c17-000000092-button {
  color: white;
  background-color: #0C090A;
  width: 100%;
  cursor: pointer;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  opacity: 0.9;
  border-radius: 10px;
}

.c17-000000092-button:hover {
  opacity: 1;
}

.c17-000000092-intro-h2 {
	font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", sans-serif;
	font-weight: 500;
	font-size: 68px;
	color: #FFFFFF;
	padding-bottom: 15px;
	text-shadow: 0px 0px 16px rgba(45, 54, 68, 0.2);
}

.c17-000000092-quarter {
display: inline-block;
float: left;
width: 14%;
padding-left: 4px;
}

.c17-000000092-dropdown-div {
display: inline-block;
float: left;
width: 20%;
padding-left: 4px;
}

.c17-000000092-half {
display: inline-block;
float: left;
width: 50%;
padding-left: 4px;
}


@media only screen and (max-width: 750px) {
.c17-000000092-intro-h2 {
font-size: 54px;
}

.c17-000000092-top {
height: 20%
}


.c17-000000092-bottom {
height: 80%
}

.c17-000000092-quarter, .c17-000000092-half, .c17-000000092-dropdown-div, .c17-000000092-quick-search {
width: 100%;
}

.c17-000000092-banner-container {
  min-height: 340px;
}

.c17-000000092-quick-search {
width: 100%;
}
  
input[type=text] {
  font-size: 16px;
  color: black;
  }

  select {
  font-size: 16px;
  padding: 10px 10px;
  color: black;
  }

}