/*
Theme Name: GrangerTheme
Author: MuseArts
Author URI: http://www.musearts.com
Description: Custom theme based on 2015 and Zurb Foundation
Version: 1.0
Text Domain: grangertheme

*/

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: .95rem;
	background-color: #fff;
}

label.screen-reader-text {
	display: none;
}

.row { max-width: 1200px; }

a:link {
	text-decoration: none;
	color: #37593A;
}
a:visited {
	color: #37593A;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5 {
	font-family: Georgia, 'Book Antiqua', 'Century Gothic', serif;
}

h1 {
	display: block;
	position: relative;
	clear: both;
	font-size: 1.6rem;
	color: #363736;
	margin-top: 2px;
}

h2 {
	clear: both;
	color: #37593A;
	font-size: 1.3rem;
	font-weight: bold;
	padding-bottom: 0;
	margin-bottom: 1rem;
	margin-top: 0;
	padding-top: 0;
}



h3 {
	font-size: 1.1rem;
	font-weight: bold;
	color: #333;
}

h4 {
	font-size: .95rem;
	font-weight: bold;
	margin-bottom: .5rem;
	padding-bottom: 0;
	color: #37593A;
}

h5 {
	font-size: .95rem;
	font-weight: bold;
	color: #333;
	font-style:italic;
}

#ihf-main-container.ihf-color-scheme-green .title-bar-1 {
	background-color: #327936 !important;
	border: #327936 !important;
}

p, li, td {
	color: #000;
	font-size: .95rem !important;
}

.hollow.button  {
	background-color: #fff !important;
	color: #306d33;
	border: #306d33 1px solid;
}

.hollow.button:hover, a.hollow.button:hover {
	background-color: #befcc1 !important;
	color: #306d33;
	border: #306d33 1px solid;
}

button span:hover, button:hover {
	background-color: #387e3a;
	color: #fff;
}


.button:hover, a.button:hover {
	background-color: #36ba3d;
	color: #fff;
	text-decoration: none !important;
}

button {
	background-color: #306d33 !important;
	color: #fff;
}

#bb-IDX-widgetsubmit, #impress-widgetLeadLoginSubmit {
	background-color: #306d33 !important;
	color: #fff;
	padding: .5rem;
}

input#bb-IDX-widgetsubmit:hover, input#impress-widgetLeadLoginSubmit:hover {
	background-color: #36ba3d;
	color: #fff;
	text-decoration: none !important;
}


#ihf-main-container.ihf-color-scheme-green .btn-primary {
	background-color: #327936 !important;
	color: #fff;
	border: #327936 !important;
}

#ihf-main-container.ihf-color-scheme-green .btn-primary:hover {
	background-color: #4c9f50 !important;
	color: #fff;
}



div.awesomplete  {
	display: inline !important;
	position: relative;
	width: 80% !important;
	height: 50px;
	float: left;
}

form.idx-omnibar-form button {
	display: inline !important;
	position: relative;
	clear: none;
	float: left;
	width: 19%;
	padding: 9px;
	margin-left: .5rem;
}

form.idx-omnibar-form button:hover {
	background-color: #4c9f50 !important;
	color: #fff;
}

ul, ol, dl {
	font-size: 1em;
}

ul li, ol li {
	padding-top: 0em;	
}

#content_area ul {
	margin-left: 1rem;
	margin-bottom: 0;
}

.panel.callout ul li {
	background-color: transparent !important;
}


.alignright, .right {
	padding-left: 4px;	
}

alignleft, .left {
	padding-right: 4px;	
}

.alignright {
	float: right;
}

alignleft {
	float: left;
}

.aligncenter {
	text-align: center;	
}

blockquote {
	border-left: rgba(88, 159, 194, 0.67) 3px solid;	
}

#listing_content_area {
	padding-top: 1rem;
}

 #content_wrapper {
	background-color: #ffffff;
	overflow: hidden;
}


#content_area, #content_area p, #content_area ul li {
	font-size: .95rem !important;
	background-color: #ffffff;
}

#content_area ul li, #content_area ol li {
	padding-top: 0em;
	padding-bottom: 1rem;	
}

#header {
	padding: 1em;
	background-color: #0E3211; 
}

a#phone_number {
	text-decoration: none;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 2em;
	font-size: 1.2em;
	color: #b7fbbd;
}

a:hover#phone_number {
	text-decoration: underline;
}

#header .header_text, #header .header_text a {
	margin-top: 1em;
	font-size: 1.1em;
	color: #b7fbbd;
}

#topnav {
	background-color: #37573A;
}

/* navbar */
#navbar.top-bar {
	background-color: #37573A; /* primary desktop and mobile nav background */
}

#navbar.top-bar ul.title-area li.name a {
	background-color: #37573A; /* primary desktop and mobile home button */
	font-size: .975rem;
	font-family: Georgia, Palatino, "Times New Roman", serif;
	text-decoration: none;
}

#navbar.top-bar .top-bar-section ul li, #navbar ul li {
	border-right: 1px solid #fff;
}

#navbar.top-bar .top-bar-section ul li:last-child , #navbar.top-bar .top-bar-section ul li ul li {
	border-right: none;
}

#navbar ul.title-area li h1 a { /* desktop and mobile Home button  */
	background-color: #37573A;  
	color: #fff;
	margin-top: 0;
}

#navbar.top-bar ul.title-area li.name a:hover  { /* desktop and mobile Home button - hover  */
	background-color: #9FCEA1;  
	color: #0E4342;
	margin-top: 0;
}

#navbar.top-bar .top-bar-section ul li a { /* desktop and mobile nav buttons  */
	background-color: #37573A;
	color: #fff;
	font-size: .975rem;
	font-family: Georgia, Palatino, "Times New Roman", serif;
	text-decoration: none;
}

#navbar.top-bar .top-bar-section ul li a:hover { /* desktop and mobile nav buttons hover state  */
	background-color:#9FCEA1;
	color: #0E4342;
}

#navbar.top-bar .top-bar-section ul li.active a { /* desktop and mobile nav buttons active state  */
	background-color: #9FCEA1;
	color: #0E4342;
}

.top-bar .toggle-topbar a span {/* mobile menu label */
	color: #fff;
	font-family: Georgia, Palatino, "Times New Roman", serif;
	font-size: .975rem;
	font-weight: normal;
}

.top-bar .toggle-topbar a:hover span {/* mobile menu label in hover state */
	color: #fff;
	font-weight: bold;
}

.top-bar .toggle-topbar a {/* mobile menu label link */
	text-decoration: none;
}

.top-bar.expanded ul.title-area { /* mobile menu label and icon area expanded  */
	background-color: #37573A;
}

.top-bar.expanded .toggle-topbar a span {/* mobile menu label color in expanded state */
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}

.top-bar .toggle-topbar a span::after { /* mobile menu hamburger icon color in default state */
-webkit-box-shadow: 0 0px 0 1px #fff, 0 6px 0 1px #fff, 0 12px 0 1px #fff !important;
box-shadow: 0px 0px 0px 1px #fff, 0px 6px 0px 1px #fff, 0px 12px 0px 1px #fff !important;
}

.top-bar .toggle-topbar a:hover span::after { /* mobile menu hamburger icon color in hover state */
-webkit-box-shadow: 0 0px 0 1px #fff, 0 6px 0 1px #fff, 0 12px 0 1px #fff !important;
box-shadow: 0px 0px 0px 1px #fff, 0px 6px 0px 1px #fff, 0px 12px 0px 1px #fff !important;
}


.top-bar.expanded .toggle-topbar a span::after { /* mobile menu hamburger icon color in expanded state */
-webkit-box-shadow: 0 0px 0 1px #fff, 0 6px 0 1px #fff, 0 12px 0 1px #fff;
box-shadow: 0px 0px 0px 1px #fff, 0px 6px 0px 1px #fff, 0px 12px 0px 1px #fff;
}



/* to change color of submenu dropdowns, edit and uncomment the following */
	
#navbar.top-bar .top-bar-section ul li ul.dropdown li a, #navbar.top-bar .top-bar-section ul li ul.dropdown li a:active {
  background-color: #9FCEA1;
  color: #333;
}

#navbar.top-bar .top-bar-section ul li ul.dropdown li a:hover {
  background-color:#bbe8fa;
  color: #333;
}
  
/* end navbar code */


#content_area, #sidebar {
	padding-top: 1em;
}



#sidebar {
	background-color: #fff;
	padding-bottom: 1em;
	color: #192559
}

#sidebar.columns {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

#sidebar .panel {
	padding: 0em !important;
	background-color: #fff;
}

#sidebar .widget {
	padding: .5em;	
}

#sidebar .button {
	margin-left: .8em !important;
	margin-right: .8em !important;
}

#sidebar article p, #sidebar article ul, #sidebar article form {
	padding-top: 0em;
	padding-bottom: .5em;
	font-size: .95em;
	padding-right: .5em;
	padding-left: .5em;
}

#sidebar h3 {
	font-size: 1.3em;
	color: #37593A;
	font-weight: bold;
	padding: 4px;
	margin-top: 1em;
}

#sidebar h3 a {
	color: #0E4681;	
}

#sidebar article {
	border: none;
	font-size: .95em;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 0;
	background-color: #fffce5;
}

#sidebar article.widget_search {
	margin-top: 2em;
}

#sidebar article.widget_search label.screen-reader-text {
	display: none;
}

#sidebar article.widget_search #searchsubmit {
	float: right;
}

#sidebar article a {
	text-decoration: none;
}

#sidebar article a:hover {
	text-decoration: underline;
}

#footer {
	padding-top: 1rem;
	padding-bottom: 1rem;
	background-color: #0E3211; 
}

#footer p, #footer li {
	color: #e0ffec;
	font-size: .9rem;
}

#footer h3 {
	color: #ffffff;
}

#footer .columns {
	background-color: transparent !important;
	border: none !important;
	padding-left: 1.5rem;
}

#footer a {
	color: #8cff90;
	text-decoration: none;
	font-size: .9rem;
}

#footer a:hover {
	text-decoration: underline;
}


.site-info, .site-info a {	
	font-size: .75rem !important;
	color: #4e9154;
	text-align: left;
}

/* Homepage */


.tagline {
	top: 3em;
	color: #333333;
	font-size: 1em;
}

#home_content_area.columns {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

#home_main_content {
	padding-left: .5rem;
}

#home_sidebar {
	padding-top: 0;
}

#home_sidebar h3 {
	margin-top: 0;
	font-size: 1.3em;
	color: #37593A;
	font-weight: bold;
	padding: 4px;
}

.home_widget {
	margin-bottom: 1rem;
}

#searchblock h3 {
	font-size: 1.3em;
	color: #333333;
	background-color: #b8e8bf;
	font-weight: normal;
	padding: 4px;
	margin-top: 1em;
}


#listingblock h2 {
	clear: both;
	color: #37593A;
	font-size: 1.3em;
	font-weight: bold;
	letter-spacing: 0.1em;
	background-color: #397f3f;
	color: #fff;
	padding: 4px;
}

#newsblock .homepage_newspost {
	padding-bottom: .5em;
	padding-left: .2em;
	padding-right: .2em;
}

#newsblock h3 {
	font-size: 1.3em;
	color: #333;
	background-color: #B7D8E8;
	font-weight: normal;
	padding: 4px;
	margin-top: 1em;
}

#home_feature_text p, .homepage_newspost, .homepage_newspost .entry-date {
	background-color: #fff;
}

#home_feature_text h4.title {
	font-size: 1.1em;
	color: #333;
	padding: 2px;
	margin-bottom: 0;
	font-weight: bold;
	clear: left;
}

#content_area ul.slides {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

#content_area ul.slides li {
	padding-bottom: 0;
	margin-left: 0 !important;
	padding-left: 0 !important;
}

#home_content_area ul.slides {
	margin-bottom: 1rem;
}

#content_area .entry-header {
	margin-bottom: 1em;	
}

.meta_content {
	margin-top: 0;
	padding-top: 0;
	font-size: .975em;	
}

#content_area ul.impress-columns {
	margin-left: 0 !important;
}

/* Slides */

.metaslider .flexslider {
	margin: 0 0 0px 0 !important;
}


/* IDXBroker */


.impress-row {
	max-width: 1200px !important;
	margin-left: -0.9375rem !important;
	margin-right: -0.9375rem !important;
}

#IDX-quicksearchForm-15297 > .IDX-qsFieldWrap {
	display: block !important;
}

#IDX-rosterFilterForm, .IDX-rosterAgentTitle {
	display: none !important;
}

button#IDX-submitBtn, button#IDX-resetBtn, a.IDX-btn { 
	background-color: #327936 !important;
	color: #fff !important;
	border-radius: 12px;
	border: solid 1px #000000 !important;
	padding: .75rem;
}

button#IDX-formReset {
	color: #fff !important;
}

button#IDX-formSubmit:hover, button#IDX-formReset:hover {
	background-color: #408843 !important;
}

button#IDX-submitBtn:hover, button#IDX-resetBtn:hover, a.IDX-btn:hover { 
	background-color: #429846 !important;
	color: #fff !important;
	text-decoration: none !important;
}

.IDX-detailsHotAction a.IDX-btn {
	padding-left: .5rem !important;
	background-color: #2D4EA1 !important;
	color: #fff !important;
	border: solid 1px #264285 !important;
	margin-right: .5rem;
	text-decoration: none;
}

.IDX-detailsHotAction a.IDX-btn:hover {
	padding-left: .5rem !important;
	border: solid 1px #264285 !important;
	background-color: #3d63c2 !important;
}

div.IDX-detailsHotAction {
	margin-right: .5rem;
}

div.IDX-rosterAgentInfoWrap {
	font-size: 90% !important;
}

div.IDX-panel.IDX-panel-default.IDX-rosterAgentPanel {
	min-height: 720px !important;
}

p.IDX-rosterOfficeDesc, .IDX-rosterField, address.IDX-rosterOfficeAddress {
	font-size: 90% !important;
}

address.IDX-rosterAgentAddress {
	font-size: 90% !important;
}

h3.IDX-rosterOfficeHeader{
	font-family: Georgia, 'Book Antiqua', 'Century Gothic', serif;
	font-size: 1.5rem;
}

/* Gallery */

div.gallery dl {
	padding-right: .5rem;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

div.gallery dl dt {
	margin-bottom: 0;
}

#IDX-carouselGallery-43325 {
	margin-bottom: 1rem;
}

/* Simple Lightbox */

.slb_template_tag_item_title {
	display: none;
}

/* City Links */

div.impress-city-list-links ul li {
	padding-bottom: 0rem !important;
}

div.impress-city-list-links ul {
	padding-bottom: 1rem !important;
}

/* Zillow Widgets 

div#zillow-lender-reputation-large-widget {
	margin-left: 0 !important;
	margin-right: .2px !important;
}
*/

#review p {
	display: none;
}

/* Blog / Posts */

a.more-link {
	float: right;
}

@media (max-width: 50.063em) {

#navbar.top-bar .top-bar-section ul li a:active {
	font-size: .95em;
	background-color: #b8e3e8;
	color: #333;
}

#navbar ul.title-area li h1 a {
	font-size: .95em;
}

}

@media (max-width: 40.063em) {

#header {
	padding: .5em;
}

#logo2 {
	margin-top: .5em;	
}

#navbar ul.title-area li h1 a { /* desktop and mobile Home button  */
	color: #fff;
}

#navbar.top-bar ul.title-area li.name a:hover  { /* desktop and mobile Home button - hover  */
	color: #fff;
}

.top-bar .toggle-topbar a span, .top-bar.expanded .toggle-topbar a span { /* mobile menu label and icon area expanded  */
	color: #fff;
}

.top-bar .toggle-topbar a span::after { /* mobile menu hamburger icon color in default state */
-webkit-box-shadow: 0 0px 0 1px #fff, 0 6px 0 1px #fff, 0 12px 0 1px #fff !important;
box-shadow: 0px 0px 0px 1px #fff, 0px 6px 0px 1px #fff, 0px 12px 0px 1px #fff !important;
}

#navbar.top-bar .top-bar-section ul li a {
	font-size: .95em;
	background-color: #b8e3e8;
	color: #333;
}

#navbar.top-bar.expanded .top-bar-section ul li a:active {
	background-color:#aee9e8;
	color: #333;
}

#navbar.top-bar .top-bar-section ul li, #navbar ul li {
	border-right: none;
}

div.IDX-detailsHotAction {
	margin-right: 0;
}

#IDX-detailsHotActions {
	margin-bottom: 1rem;
}

div.IDX-panel.IDX-panel-default.IDX-rosterAgentPanel {
	min-height: auto;
}

.entry-content img {
	width: 100% !important;
}

div form.idx-omnibar-form {
	width: 100% !important;
	padding-left: .5rem;
	padding-right: .5rem;
}

div.awesomplete {
	display: block;
	padding: 0;
	width: 100% !important;
}

.idx-omnibar-form button {
	display: block;
	margin-left: 0 !important;
	width: 100% !important;
}

#zillow-lender-reputation-large-widget {
	margin-left: 1rem;
	margin-right: 1rem;
}

#footernav a {
	margin-right: .2em;
}

}