/*! -----------------------------------------------------------------
[Colors]
*/

::-moz-selection {
    background: #b49465;
    color: #fff !important;
}

::-webkit-selection {
    background: #b49465;
    color: #fff !important;
}

::selection {
    background: #b49465;
    color: #fff !important;
}

a {
    color: #b49465;
}

h1 > a:hover,
h1 > a:focus,
h2 > a:hover,
h2 > a:focus,
h3 > a:hover,
h3 > a:focus,
h4 > a:hover,
h4 > a:focus,
h5 > a:hover,
h5 > a:focus,
h6 > a:hover,
h6 > a:focus {
    color: #b49465;
}

a:hover,
a:focus {
    /*color: #cc7a00;*/
	color: #a67730;
}

blockquote:hover {
    border-color: #b49465;
}

.alert-brand {
/*     background: #ffc670; */
	background: #e3ae5e;
}

.icon-box-icon,
.icon-box-left .icon-box-icon,
.counter .counter-number,
.icon-list .fa,
.icon-list .icon,
.breadcrumb-item > a:hover,
.breadcrumb-item > a:focus,
.page-item.active .page-link,
.page-link:focus,
.page-link:hover,
.social-icons > li > a:hover,
.social-icons > li > a:focus,
.comment-meta-author a:hover,
.comment-meta-author a:focus,
.comment-meta-date a:hover,
.comment-meta-date a:focus,
.ps-all a:hover,
.ps-next a:hover,
.ps-prev a:hover,
.widget a:hover,
.widget a:focus,
.search-button:hover,
.post-meta a:hover,
.post-meta a:focus,
.product-rating a:hover {
    color: #b49465;
}

.btn.btn-brand {
    background-color: #b49465;
    border-color: #b49465;
    color: #fff;
    /* &.btn-link {
		background: transparent;
		border: 0;
		padding: 0;
		color: $background;

		&:hover,
		&:focus {
			background-color: transparent;
			text-decoration: none;
			color: darken($background, 5%);
		}
	} */
}

.btn.btn-brand:hover,
.btn.btn-brand:focus {
    background-color: #a67730;
    border-color: #a67730;
    color: #fff;
}

.btn.btn-brand.btn-outline {
    background: transparent;
    border-color: #b49465;
    color: #b49465;
}

.btn.btn-brand.btn-outline:hover,
.btn.btn-brand.btn-outline:focus {
    background: #b49465;
    color: #fff;
}

.btn.btn-white {
    background-color: #baab81;
    border-color: #baab81;
    color: #444;
    /* &.btn-link {
		background: transparent;
		border: 0;
		padding: 0;
		color: $background;

		&:hover,
		&:focus {
			background-color: transparent;
			text-decoration: none;
			color: darken($background, 5%);
		}
	} */
}

.btn.btn-white:hover,
.btn.btn-white:focus {
    background-color: #b49465;
    border-color: #b49465;
    color: #baab81;
}

.btn.btn-white.btn-outline {
    background: transparent;
    border-color: #baab81;
    color: #baab81;
}

.btn.btn-white.btn-outline:hover,
.btn.btn-white.btn-outline:focus {
    background: #baab81;
    color: #444;
}
.btn.btn-dark {
    background-color: #111;
    border-color: #111;
    color:#baab81
}

.btn.btn-dark:focus, .btn.btn-dark:hover {
    background-color: #252525;
    border-color: #252525;
    color:#baab81
}





.scroll-top,
.label-brand,
.pace .pace-progress,
.post-tags a:hover,
.comment-reply > a:hover,
.comment-reply > a:focus,
.widget_tag_cloud .tagcloud > a:hover,
.progress-bar.progress-bar-brand {
    background: #b49465;
}

.special-heading h1,
.special-heading h2,
.special-heading h3,
.special-heading h4,
.special-heading h5,
.special-heading h6 {
    border-color: #b49465;
}

.footer .widget_tag_cloud .tagcloud > a:hover,
.off-canvas-cart .widget_tag_cloud .tagcloud > a:hover {
    background-color: #b49465;
    border-color: #b49465;
}

.bg-gradient:after {
    background-color: #b49465;
    background: -webkit-linear-gradient(45deg, #b49465 0%, rgba(255, 152, 0, .3) 100%);
    background: linear-gradient(45deg, #b49465 0%, rgba(255, 152, 0, .3) 100%);
}


/*-------- NEW for PURITAN CUSTOMIZATION -------*/

body {
    font-family: 'Crimson Text', serif;
    font-size: 17px;
    color: #666;
}
.h4, .h5, h4, h5 {
    font-size: 16px;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: 'Crimson Text', serif;
    line-height: 1.2;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .2em;
}

.font-serif, 
blockquote, 
.form-control, 
.widget input,
.widget select,
.widget_nav_menu ul li {
    font-family: 'Crimson Text', serif;
}

    
.btn {
	font-family: 'Crimson Text', serif;
}
    
.header {
	font-family: 'Crimson Text', serif;
	text-transform: uppercase;
	letter-spacing: .2em;
}

em, .puritan-subtitle {
	font-style: italic;
}


@media (max-width: 992px) {
	.wrapper {
		/* padding-top: 81px; */
		padding-top: 0px;
	}
	.module-header {
		/* padding: 40px 0; */
		padding: 120px 0;
	}
}

.form-control {
    /*gets rid of uppercase form inputs - why did they do that?*/
    font-family: "Open Sans", Arial, sans-serif;
    text-transform: inherit;
    font-size: 14px;
    padding-top: 12px;
    padding-bottom: 12px;
    letter-spacing: .03rem;
}


/* changes white to light brown on dark backgrounds */
.bg-dark, .bg-dark .counter .counter-number, .bg-dark .counter .counter-title, .bg-dark .h1, .bg-dark .h2, .bg-dark .h3, .bg-dark .h4, .bg-dark .h5, .bg-dark .h6, .bg-dark blockquote, .bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6, .bg-gradient, .bg-gradient .counter .counter-number, .bg-gradient .counter .counter-title, .bg-gradient .h1, .bg-gradient .h2, .bg-gradient .h3, .bg-gradient .h4, .bg-gradient .h5, .bg-gradient .h6, .bg-gradient blockquote, .bg-gradient h1, .bg-gradient h2, .bg-gradient h3, .bg-gradient h4, .bg-gradient h5, .bg-gradient h6 {
    color:#baab81;
}
.header-sub-menu-dark .inner-nav .sub-menu li.mega-menu-col > a, .header.header-light .extra-nav > ul > li > a, .header.header-light .inner-brand, .header.header-light .inner-nav > ul > li > a {
    color:#baab81;
}

.footer .h1, .footer .h2, .footer .h3, .footer .h4, .footer .h5, .footer .h6, .footer a, .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {
    color:#baab81;
}

.footer a:focus, .footer a:hover {
    color: #baab81;
}