﻿/**********************************************************************************/
/*                             Top Header section                                 */
/**********************************************************************************/
::selection {
	background-color: #B1A699 !important;
}

@media screen and (max-width: 800px){
	header #header-social {
		display: inline-block;
		float: none;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	header #header-social {
		margin: 0px 0px 0px 0px !important;
	}
}

header {
	margin: 0px 25px 0px 25px !important;
	position: relative;
}

	header #header-logo img {
		max-height: 190px !important;
	}

	header #header-byline-1,
	header #header-byline-2 {
		color: #292624;
	}

	header #header-byline-separator {
		color: #7e6655;
	}

	header #header-social {
		margin: 50px 20px 0 0;
	}

	header #header-bylines {
		margin-top: 50px;
	}

	header #header-social a {
		background-color: #7e6655;
		color: #ffffff;
	}

		header #header-social a:hover {
			color: #292624;
		}

	header #header-logo a img {
		border: 0;
	}

nav#navigation {
	background-color: #ffffff;
	;
	border-top: 5px solid #7e6655;
}

	nav#navigation.fixedsticky-on {
		background-color: #ffffff;
	}

		nav#navigation.fixedsticky-on ul li a {
			color: #292624;
		}

	nav#navigation ul li a {
		color: #7e6655;
	}

	nav#navigation.fixedsticky-on ul li:hover a::after,
	nav#navigation.fixedsticky-on ul li.active a::after {
		background-color: #7e6655;
	}

	nav#navigation > ul > li.header-item.has-children::after {
		color: white;
	}

	nav#navigation.fixedsticky-on > ul > li.header-item.has-children::after {
		color: #292624;
	}

	nav#navigation > ul > li ul {
		border: 1px solid #7e6655;
	}

	nav#navigation > ul > li > ul > li.has-children::after {
		color: #7e6655;
	}

	nav#navigation > ul > li > ul > li.has-children:hover::after {
		color: white;
	}

	nav#navigation > ul > li ul > li {
		border-bottom: 1px solid #7e6655;
		background: white;
	}

		nav#navigation > ul > li ul > li:last-child {
			border-bottom: 0;
		}

		nav#navigation > ul > li ul > li > a {
			color: #7e6655;
		}

		nav#navigation > ul > li ul > li:hover > a {
			background-color: #7e6655;
			color: white;
		}

.banner-carousel .highlight-buttons a:hover {
	background-color: #ffffff;
	color: #7e6655;
}

@media screen and (min-width: 601px) {
	nav#navigation ul li.contact-button a:hover {
		color: #7e6655;
	}

	nav#navigation ul li.contact-button a {
		border-color: #7e6655;
		color: #7e6655;
	}

	nav#navigation.fixedsticky-on ul li.contact-button a {
		border-color: #292624;
		color: #292624;
	}

	nav#navigation ul li.contact-button a:hover {
		background-color: #ffffff;
	}

	nav#navigation.fixedsticky-on ul li.contact-button a:hover {
		background-color: #292624;
		color: #ffffff;
	}
}

@media screen and (max-width: 600px) {
	nav#navigation {
		background-color: #ffffff;
		border-bottom: 1px #7e6655 solid;
	}

		nav#navigation > ul > li > a,
		nav#navigation > ul > li > ul > li > a,
		nav#navigation > ul > li > ul > li > ul > li > a,
		nav#navigation .mobile-menu-head a {
			color: #7e6655;
		}

		nav#navigation li {
			border-top: 1px #7e6655 solid;
		}

		nav#navigation > ul ul {
			background-color: #7e6655;
		}

		nav#navigation > ul > li ul > li {
			border-bottom: 0;
		}

			nav#navigation > ul > li ul > li:hover > a {
				background-color: #fff;
				color: #292624;
			}

		nav#navigation > ul > li > ul > li.has-children:hover::after,
		nav#navigation > ul > li > ul > li.has-children::after,
		nav#navigation li.has-children::after {
			color: #292624 !important;
		}

		nav#navigation.fixedsticky-on ul li.active a {
			background-color: #7e6655;
			color: #ffffff;
		}
}

.banner-carousel .controls a {
	border-color: #ffffff;
	color: #ffffff;
}

.banner-carousel .highlight-buttons a.highlight-button-2 {
	background-color: #7e6655;
	border-color: #7e6655;
}

	.banner-carousel .highlight-buttons a.highlight-button-2:hover {
		background-color: transparent;
		color: #7e6655;
	}

.banner-carousel .highlight-buttons a {
	border-color: #ffffff;
	color: #ffffff;
}

	.banner-carousel .highlight-buttons a:hover {
		background-color: #ffffff;
	}

#banner-caption #banner-caption-inner div {
	color: #f6f6f6;
}

#banner-caption.portrait-banner #banner-caption-inner div {
	background: transparent !important;
	text-shadow: 2px 2px 2px #000000;
}
/**********************************************************************************/
/*                             About Us section                                   */
/**********************************************************************************/
#about-top-copy .title {
	color: #292624;
}

#about-top-copy .subtitle {
	color: #292624;
}

#about-top-copy .body {
	color: #777;
}

#about-bottom-copy {
	background-color: #292624;
	color: #fff;
}

/**********************************************************************************/
/*                             Mortgages section                                  */
/**********************************************************************************/
#mortgages .heading {
	color: #292624;
}

#mortgages .panes .pane .pane-icon {
	background-color: #b1a699;
	color: #ffffff;
}
/*#mortgages .panes .pane .pane-icon:hover {
  background-color: #a7a7a7;
}*/
#mortgages .panes .pane .pane-heading {
	color: #2e2e2e;
}

#mortgages .panes .pane .pane-text {
	color: #292624;
}

#mortgages .application {
	background-color: #7e6655;
}

	#mortgages .application .apply-button a:hover {
		color: #7e6655 !important;
	}

	#mortgages .application .app-heading {
		color: #ffffff;
	}

	#mortgages .application .blurb {
		color: #ffffff;
	}

	#mortgages .application .apply-button a {
		color: #ffffff !important;
		border-color: #ffffff !important;
	}

		#mortgages .application .apply-button a:hover {
			background-color: #ffffff;
		}

#mortgages .types-of-mortgages .types-heading {
	color: #292624;
}

#mortgages .types-of-mortgages #types-accordion {
	border-color: #a7a7a7;
}

	#mortgages .types-of-mortgages #types-accordion .panel {
		border-color: #ffffff;
	}

	#mortgages .types-of-mortgages #types-accordion .accordion-header {
		background-color: #b1a699;
	}

		#mortgages .types-of-mortgages #types-accordion .accordion-header h3 a {
			color: #ffffff;
		}

	#mortgages .types-of-mortgages #types-accordion .panel-body p {
		color: #292624;
	}

/**********************************************************************************/
/*                               Rates section                                    */
/**********************************************************************************/
#rates .rates-heading {
	color: #292624;
}

#rates .rates-blurb {
	color: #292624;
}

#rates .rates-container {
	border-color: #ffffff;
}

	#rates .rates-container #brokertools-RatesTable div {
		background-color: #dddbdc !important;
	}

		#rates .rates-container #brokertools-RatesTable div:nth-child(odd) {
			background-color: #f4f2f2 !important;
		}

		#rates .rates-container #brokertools-RatesTable div.brokertools-rates-table-header {
			background-color: #7e6655 !important;
			color: #ffffff;
		}

		#rates .rates-container #brokertools-RatesTable div.brokertools-rates-disclaimer {
			background-color: #ffffff !important;
			color: #292624;
		}

	#rates .rates-container .rates-disclaimer {
		color: #292624;
	}

	#rates .rates-container .spacing-placeholder {
		height: 600px;
	}

/**********************************************************************************/
/*                            Calculators section                                 */
/**********************************************************************************/
#calculators .calculators-heading {
	color: #292624;
}

#calculators .calculators-subheading {
	color: #292624;
}
/* They wanted the border removed so removing some margin helps keep the content together. */
#calculators .calculators-subheading {
	margin-bottom: 0;
}

#calculators .calculators-container {
	border-color: #ffffff;
}

	#calculators .calculators-container button {
		border: 2px #7e6655 solid !important;
		color: #b1a699 !important;
	}

		#calculators .calculators-container button:hover {
			background-color: #b1a699 !important;
			color: #ffffff !important;
		}

	#calculators .calculators-container input[type=text],
	#calculators .calculators-container input[type=number],
	#calculators .calculators-container select {
		border-color: #292624;
		background-color: #ffffff;
	}

	#calculators .calculators-container button {
		background: #ffffff !important;
	}

#testimonials #testimonials-carousel .testimonial-credit {
	color: #7e6655;
}

/**********************************************************************************/
/*                            Testimonials section                                */
/**********************************************************************************/
#testimonials .testimonials-heading {
	color: #292624;
}

#testimonials #testimonials-carousel .testimonial-body {
	color: #292624;
}

#testimonials #testimonials-carousel ol.carousel-indicators li {
	background-color: #a7a7a7;
	border-color: #a7a7a7;
}

	#testimonials #testimonials-carousel ol.carousel-indicators li.active {
		background-color: #7e6655;
		border-color: #7e6655;
	}

	#testimonials #testimonials-carousel ol.carousel-indicators {
		margin-left: -30.5%;
		bottom: -65px;
	}

/**********************************************************************************/
/*                              Subscribe section                                 */
/**********************************************************************************/
#subscribe #subscribe-layered-background .inner1 {
	background-color: #292624;
}

#subscribe #subscribe-layered-background .inner2 {
	background-image: url('/assets/images/contract.jpg');
}

#subscribe #subscribe-header {
	color: #ffffff;
}

#subscribe #subscribe-subheader {
	color: #ffffff;
}

#subscribe #subscribe-form input[type=email] {
	color: #ffffff;
	border-color: #ffffff;
}

#subscribe #subscribe-form input[type=submit] {
	background-color: #b1a699;
	color: #ffffff;
}

/**********************************************************************************/
/*                                 Blog section                                   */
/**********************************************************************************/
#blog #blog-heading {
	color: #292624;
}

#blog .blog-entry {
	background-color: #f6f6f6;
}

	#blog .blog-entry .blog-byline {
		color: #292624;
	}

	#blog .blog-entry .blog-title {
		color: #292624;
	}

	#blog .blog-entry .blog-excerpt {
		color: #292624;
	}

	#blog .blog-entry a.blog-read-more {
		background-color: #b1a699;
		color: #ffffff;
	}

		#blog .blog-entry a.blog-read-more:hover {
			color: #292624;
		}

#blog a.blog-view-more {
	background-color: #b1a699;
	color: #ffffff;
}

	#blog a.blog-view-more:hover {
		color: #292624;
	}

#blog #blog-pagination li a {
	background-color: #ffffff;
	color: #7e6655;
}

	#blog #blog-pagination li.active a,
	#blog #blog-pagination li a:hover {
		background-color: #7e6655;
		color: #ffffff;
	}

#blog #other-blog-posts .heading {
	color: #292624;
}

#blog #other-blog-posts .blog-entry .blog-title a {
	color: #292624;
}

#blog .share-heading {
	color: #292624;
}

#blog #blog-share-links {
	border: 1px #cccccc solid;
}

	#blog #blog-share-links li {
		border-left: 1px #cccccc solid;
	}

		#blog #blog-share-links li a {
			color: #292624;
		}

			#blog #blog-share-links li a:hover {
				background-color: #292624;
				color: #ffffff;
			}


/**********************************************************************************/
/*                               Contact section                                  */
/**********************************************************************************/
#contact #contact-heading {
	color: #292624;
}

#contact #contact-call-to-action {
	color: #292624;
}

	#contact #contact-call-to-action em {
		color: #7e6655;
	}

#contact #contact-form input[type=text],
#contact #contact-form input[type=email],
#contact #contact-form textarea {
	color: #292624;
	background-color: #f6f6f6;
	border-color: #e6e6e6;
}

#contact #contact-form input[type=submit] {
	background-color: #b1a699;
	color: #ffffff;
}

	#contact #contact-form input[type=submit]:hover {
		color: #292624;
	}

/**********************************************************************************/
/*                                Footer section                                  */
/**********************************************************************************/
#footer #footer-upper-banner {
	background-color: #7e6655;
}

	#footer #footer-upper-banner #footer-copy {
		color: #f6f6f6;
	}

	#footer #footer-upper-banner .heading {
		color: #ffffff;
	}

	#footer #footer-upper-banner .heading-underline {
		background-color: #292624;
	}

	#footer #footer-upper-banner #footer-quick-links .links-list li a {
		color: #ffffff;
	}

		#footer #footer-upper-banner #footer-quick-links .links-list li a:visited {
			color: #ffffff;
		}

	#footer #footer-upper-banner #footer-contact-info .contact-list li {
		color: #ffffff;
	}

		#footer #footer-upper-banner #footer-contact-info .contact-list li a {
			color: #ffffff;
		}

#footer #footer-lower-banner {
	background-color: #7e6655;
	border-top-color: #7e6655;
}

	#footer #footer-lower-banner #footer-social a {
		color: #f6f6f6;
	}

	#footer #footer-lower-banner #footer-copyright {
		color: #e6e6e6;
	}

#footer-copyright::before{
	content: "Brokerage# 512352   "
}

#footer #footer-upper-banner #footer-logo .footer-img {
	width: 100%;
	height: 100%;
	min-width: 215px;
	min-height: 215px;
	max-width: 200px;
	background-image: url(../Logovertical_3.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top;
	margin-left: auto;
	margin-right: auto;
}
#footer #footer-upper-banner #footer-logo {
	width: 12%;
	margin-top: 50px;
}
/**********************************************************************************/
/*                                 Admin section                                  */
/**********************************************************************************/
#component-list-nav ul.admin-nav-list li a i {
	color: #7e6655;
}

.intro p {
	border-left: 5px solid #7e6655;
}

/**********************************************************************************/
/*                              Application Wizzard                               */
/**********************************************************************************/
.wizard li.active span.round-tab, .previous span.round-tab {
	background: #7e6655;
	color: #fff;
	border-color: #7e6655;
}

.progress-0 {
}

.progress-25 {
	background: #7e6655; /* Old browsers */
	background: -moz-linear-gradient(right, #7e6655 24%, #e9e9e9 25%, #e9e9e9 25%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(right, #7e6655 24%,#e9e9e9 25%,#e9e9e9 25%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #7e6655 24%,#e9e9e9 25%,#e9e9e9 25%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.progress-50 {
	background: #7e6655; /* Old browsers */
	background: -moz-linear-gradient(right, #7e6655 48%, #7e6655 49%, #e9e9e9 50%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(right, #7e6655 48%,#7e6655 49%,#e9e9e9 50%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #7e6655 48%,#7e6655 49%,#e9e9e9 50%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.progress-75 {
	background: #7e6655; /* Old browsers */
	background: -moz-linear-gradient(right, #7e6655 74%, #e9e9e9 75%, #e9e9e9 75%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(right, #7e6655 74%,#e9e9e9 75%,#e9e9e9 75%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #7e6655 74%,#e9e9e9 75%,#e9e9e9 75%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.progress-100 {
	background: #7e6655; /* Old browsers */
	background: -moz-linear-gradient(right, #7e6655 99%, #e9e9e9 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(right, #7e6655 99%,#e9e9e9 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #7e6655 99%,#e9e9e9 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
