/***********************************************************************************

* EDITS AT BOTTOM OF FILE - ORIGINAL TEMPLATE CSS UNTOUCHED
* Implementation: 4/2020 - SG

***********************************************************************************
* HEADER, HOMEPAGE, FOOTER STYLES
**********************************************************************************/

/* colors:
	blue = 0d2657
*/

/* fonts available */
/*
	font-family: 'Libre Baskerville', serif;
	font-family: 'Lato', sans-serif;
	font-family: 'Montserrat', sans-serif;
*/

/* global / framework / grid / layout */
/** {
	box-sizing: border-box;
}*/

body,
html {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
}

body.menu-active,
html.menu-active {
    overflow: hidden;
    position: relative;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    font-size: 16px;
}

.container,
.workspacearea {
    max-width: 1600px;
    padding: 0 15px;
    margin: 0 auto;
}

.HomePageForm .workspacearea {
    max-width: none;
    padding: 0;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.hidden {
    display: none;
}

/* magnific popup */
.mfp-content .dynamicHeader,
.mfp-content .dynamicFooter {
    display: none;
}

/* end magnific popup */
/* end global / framework / grid / layout */

/* omnivue styling */
.dynamicFooter {
    margin-bottom: 80px;
}

.LoginPageContainer * {
    box-sizing: border-box;
}

.LoginPageContainer,
.RegisterAccountFormPage {
    width: 500px;
    max-width: 100%;
    background-color: #fff;
    padding: 25px;
    margin: 25px auto;
    border-radius: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.LoginPageInputArea input,
.RegisterAccountFormArea input {
    background: #f7f5ef;
    border: 1px solid #d6d6d6;
    width: 100%;
    border-radius: 0;
    font-size: 16px;
}

.LoginPageButton a,
#btnRegister,
.RegisterAccountPageButton a {
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    border: 1px solid #0d2657;
    background: #0d2657;
    color: #fff;
    height: 40px;
    line-height: 20px;
    -webkit-appearance: none;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 0;
}

.LoginPageButton a:hover,
#btnRegister:hover,
.RegisterAccountPageButton a:hover {
    background: #644121;
}

/* cart summary */
#cartSummary {}

#cartSummary span {
    display: block;
}

#cartSummary .div_viewCart_Right {
    margin: 15px 0;
}

/* end cart summary */

/* content theme overrides */
#content-theme-3 .contact-form input,
#content-theme-3 .contact-form select,
#content-theme-3 .contact-form textarea {
    background: #f7f5ef;
}

#content-theme-3 .contact-form input[type="submit"] {
    background: #0d2657;
}

#content-theme-3 .contact-form input[type="submit"]:hover {
    background: #644121;
    color: #fff;
}

#content-theme-3.category-page .category-container {
    max-height: 350px;
}

/* end content theme overrides */
/* end omnivue styling */

/* header */
header {
    /*-webkit-box-shadow: 0px 2px 2px 0px rgba(34,34,34,0.45);
	-moz-box-shadow: 0px 2px 2px 0px rgba(34,34,34,0.45);
	box-shadow: 0px 2px 2px 0px rgba(34,34,34,0.45);*/
    margin: 0 0 15px 0;
    box-shadow: 0 2px 5px 0 #d8d8d8;
}

header * {
    box-sizing: border-box;
}

.dynamicHeader {
    position: sticky;
    top: 0;
    z-index: 100;
    left: 0;
    right: 0;
    background: #fff;

    /*    -webkit-transform: translateY( 0% );
    -ms-transform: translateY( 0% );
    transform: translateY( 0% );*/

    transition-property: all;
    -webkit-transition-property: all;

    -webkit-transition-duration: .5s;
    transition-duration: .5s;

    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

@media screen and (max-width: 896px) {
    .ItemInformationPageForm .dynamicHeader {
        position: relative;
    }
}

.dynamicHeader.no-sticky {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);

    opacity: 0;
}

.HomePageForm header {
    margin: 0;
}

header #header-top {
    width: 100%;
    padding: 0;
    color: #fff;
    /*margin:0 0 10px 0;*/
    letter-spacing: 1px;
    background: #0d2657;
}

header #header-top .header-top-col {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    font-size: .75em;
}

header #header-top .header-top-col:last-of-type {
    text-align: right;
}

header #header-top .header-top-col ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

header #header-top .header-top-col ul li {
    display: inline-block;
}

header #header-top .header-top-col a {
    color: #00BCD4;
    text-decoration: none;
}

header #header-top .header-top-col>p {
    margin: 0;
}

header #header-top .header-top-col>nav {}

header #header-top .header-top-col>nav>ul {
    padding: 0;
    margin: 0;
}

header #header-top .header-top-col>nav>ul>li {}

header .container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;

    align-items: center;
    padding: 10px;
    position: relative;
}

header #logo {
    text-align: left;
    padding-right: 25px;
}

header #logo a {}

header #logo a img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 40px;
}

header #search {
    max-width: 800px;
    text-align: center;
    white-space: nowrap;
    font-size: .75em;
    position: relative;
    border: 2px solid #0d2657;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 25px 0 0;
}

header #search input[type="text"] {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    padding: 10px;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    color: #0d2657;
    height: 35px;
    -webkit-appearance: none;
    font-size: 16px;
    border-radius: 0;
}

header #search input[type="text"]::-webkit-input-placeholder {
    font-size: 14px;
}

header #search button {
    display: inline-block;
    vertical-align: middle;
    border: 0;
    background: #0d2657;
    color: #fff;
    height: 35px;
    position: absolute;
    right: 0px;
    padding: 5px 15px;
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: 0;
}

header nav#top-nav {
    text-align: right;
    position: relative;
}

header nav#top-nav>ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

header nav#top-nav>ul>li:first-of-type {
    padding: 15px 10px 5px 0px;
}

header nav#top-nav>ul>li {
    display: inline-block;
    padding: 15px 10px 5px 20px;
    border-bottom: 3px solid #fff;
}

header nav#top-nav>ul>li.has-sub {
    position: relative;
    z-index: 1250;
}

header nav#top-nav>ul>li.has-sub .sub-nav {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #e0e1e1;
    padding: 10px;
    z-index: 1000;
    right: 0;
    width: 250px;
    /*top: 50px;*/
    bottom: 2px;
    transform: translateY(100%);
    /*opacity: 0;
	-webkit-transiton: opacity 8s;
	-moz-transition: opacity 8s;
	-ms-transition: opacity 8s;
	-o-transition: opacity 8s;
	-transition: opacity 8s;*/
}

header nav#top-nav>ul>li.has-sub:hover .sub-nav {
    display: block;
    -webkit-animation: fadeIn .5s;
    animation: fadeIn .5s;
    /*opacity: 1;
	visibility: visible;
	z-index:250;*/
}

/* animation */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* end animation */

header nav#top-nav>ul>li.has-sub .sub-nav {
    text-align: left;
    font-size: 1em;
}

header nav#top-nav>ul>li.has-sub .sub-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

header nav#top-nav>ul>li.has-sub .sub-nav ul li {
    line-height: 1.75em;
}

header nav#top-nav>ul>li.has-sub .sub-nav ul li a {
    color: #333;
    text-decoration: none;
}

header nav#top-nav>ul>li.has-sub .sub-nav ul li a:hover {
    color: #000;
    text-decoration: underline;
}

header nav#top-nav>ul>li.has-sub .sub-nav p.heading {
    margin: 0 0 15px 0;
    white-space: nowrap;
    font-weight: bold;
}

header nav#top-nav>ul>li.has-sub .sub-nav a {
    color: #333;
    text-decoration: none;
}

header nav#top-nav>ul>li::after {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    margin: 5px 0 0 0;
    background: #000;
    transition: width .3s;
    z-index: 500;
    position: relative;
}

header nav#top-nav>ul>li:hover::after {
    width: 100%;
}

header nav#top-nav>ul>li:last-of-type {
    margin: 0 0px 0 0;
}

header nav#top-nav>ul>li>a {
    text-decoration: none;
    color: #0d2657;
    /*font-size: 1.35em;*/
}

header nav#top-nav>ul>li.account-nav {
    font-size: .95em;
}

/* main nav */
header nav#main-nav {
    font-size: .85em;
    border-top: 1px solid #ccc;
    z-index: 1000;
    position: relative;
    /*border-bottom:1px solid #ccc;*/
}

header nav#main-nav.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 200;
    margin: 0;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(34, 34, 34, 0.45);
    -moz-box-shadow: 1px 1px 5px 0px rgba(34, 34, 34, 0.45);
    box-shadow: 1px 1px 5px 0px rgba(34, 34, 34, 0.45);
}

header nav#top-nav a.mobile-menu-action {
    display: none;
}

header nav#main-nav>ul {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 15px;
    list-style-type: none;
    font-size: 1em;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: nowrap;
    position: relative;
}

header nav#main-nav>ul>li {
    display: inline-block;
    margin: 0 15px 0 0;
    line-height: 35px;
    height: 35px;
    font-weight: 500;
    position: relative;
}

header nav#main-nav>ul>li.mobile-only {
    display: none;
}

header nav#main-nav>ul>li:last-of-type {
    margin: 0 0px 0 0;
}

header nav#main-nav>ul>li>a {
    text-decoration: none;
    color: #333;
    position: relative;
    display: block;
    letter-spacing: 1px;
    z-index: 10;
    padding: 0 5px;
}

header nav#main-nav>ul>li>div.mega-container>ul>li img {
    max-width: 100%;
    height: auto;
    display: none;
}

header nav#main-nav>ul>li>div.mega-container {
    display: none;
    position: absolute;
    padding: 15px 5px;
    z-index: 10;
    /*left: 0;
    right:0;*/
    border-top: 1px solid #f7f5ef;
    background: #fff;
    /*text-align: center;*/
    /*max-height: 90vh;
	overflow-y: auto;*/
    -webkit-overflow-scrolling: touch;
    min-width: 200px;
}

header nav#main-nav>ul>li:hover>a {
    background: #0d2657;
    color: #fff;
}

/* prevent conflict w/ click to expand mobile menu */
@media screen and (max-width: 896px) {
    header nav#main-nav>ul>li>div.mega-container>ul>li img {
        display: block;
    }
}

@media screen and (min-width: 896px) {
    header nav#main-nav>ul>li:hover .mega-container {
        display: block;
        -webkit-box-shadow: 0px 2px 2px 0px rgba(34, 34, 34, 0.45);
        -moz-box-shadow: 0px 2px 2px 0px rgba(34, 34, 34, 0.45);
        box-shadow: 0px 2px 2px 0px rgba(34, 34, 34, 0.45);
    }

    header nav#main-nav>ul>li:hover .mega-container ul {
        /*		columns: 2;
	    -webkit-column-gap: 40px;
	    -moz-column-gap: 40px;
	    column-gap: 40px;
	    -webkit-column-width: 25%;
	    -moz-column-width: 25%;
	    column-width: 25%;

		-webkit-column-rule: 1px inset #ccc;
		-moz-column-rule: 1px inset #ccc;
		column-rule: 1px inset #ccc;*/
    }

    header nav#main-nav>ul>li>div.mega-container>ul>li br {
        display: none;
    }

    header nav#main-nav>ul>li>div.mega-container>ul>li a:hover {
        background: #0d2657;
        color: #fff;
    }
}

/* end prevent conflict w/ click to expand mobile menu */

header nav#main-nav>ul>li>div.mega-container>ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    /*padding:0 75px 0 0;*/
    position: relative;
}

header nav#main-nav>ul>li>div.mega-container>ul>li {
    font-size: 0.95em;
    line-height: 2.0em;
    /*display: inline-block;
	vertical-align: top;*/
    /*	max-width:190px;
*/
    padding: 0 15px;
    /*margin:0 0 25px 0;*/
    /*background-color: #f7f5ef;
	border:1px solid #f7f5ef;*/
}

header nav#main-nav>ul>li>div.mega-container>ul>li>a {
    text-decoration: none;
    color: #0d2657;
    font-family: 'Lato', serif;
    margin: 0 0 5px 0;
    letter-spacing: 1px;
    display: block;
    padding: 0 5px;
}

/* end main nav */

/* secondary nav */
header nav#main-nav>ul>li>div.mega-container>ul>li>ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

header nav#main-nav>ul>li>div.mega-container>ul>li>ul>li {
    display: inline-block;
    vertical-align: middle;
}

/*header nav#main-nav > ul > li > div.mega-container > ul > li > ul > li > a {
	text-decoration: none;
	color:#333;
}*/

header nav#main-nav>ul>li>div.mega-container>ul>li>a span {
    display: block;
    /*background: #0d2657;*/
    /*color: #fff;*/
    /*text-align: center;	*/
}

/* end secondary nav */

/* header media queries */
@media screen and (max-width: 1024px) {
    header #search {
        width: 25%;
    }
}

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

    /*.container {
		padding:0;
	}*/

    header #header-top {
        display: none;
    }

    header.fixed {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background: #fff;
        z-index: 200;
        margin: 0;
        -webkit-box-shadow: 1px 1px 5px 0px rgba(34, 34, 34, 0.45);
        -moz-box-shadow: 1px 1px 5px 0px rgba(34, 34, 34, 0.45);
        box-shadow: 1px 1px 5px 0px rgba(34, 34, 34, 0.45);
    }

    header .container {
        padding: 15px;
        flex-wrap: wrap;
    }

    header .container #search {
        width: 40%;
        order: 2;
    }

    header .container #logo {
        width: 30%;
        padding: 0 15px 0 0;
        order: 2;
    }

    header .container #top-nav {
        width: 10%;
        order: 1;
        text-align: left;
    }

    header .container #click-to-call {
        order: 4;

        display: inline-block;
        padding: 10px;
        background: #0d2657;
        color: #fff;
        height: 40px;
        line-height: 20px;
    }

    header .container #click-to-call a {
        color: #fff;
    }

    header nav#top-nav>ul {
        display: none;
    }

    header nav#top-nav a.mobile-menu-action {
        display: inline-block;
        padding: 10px;
        background: #0d2657;
        color: #fff;
        height: 40px;
        line-height: 22px;
    }

    header {
        position: relative;
    }

    header nav#main-nav {
        border: 0;
        position: fixed;
        top: 72px;
        bottom: 0;
        left: 0;
        z-index: 1000;
        background: #f5f5f5;
        width: 100%;
        /*max-height: 100vh;*/
        /*overflow-y: scroll;*/
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        display: none;
        padding: 5px;
    }

    header nav#main-nav>ul {
        display: block;
        padding: 0 5px;
    }

    header nav#main-nav>ul>li {
        display: block;
        padding: 0px;
        height: auto;
        font-weight: normal;
        position: relative;
        /*background:#fff;*/
        margin: 5px 0;
    }

    header nav#main-nav>ul>li:not(.active) {
        background: #fff;
    }

    header nav#main-nav>ul>li:not(.mobile-only) .fa {
        display: none;
    }

    header nav#main-nav>ul>li .fa {
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translateY(-50%);
        background: #f5f5f5;
        padding: 10px;
        width: 35px;
        text-align: center;
    }

    header nav#main-nav>ul>li.mobile-only {
        display: block;
    }

    .mobile-menu-action {
        text-decoration: none;
    }

    .mobile-menu-action .fa-close {
        display: none;
    }

    .mobile-menu-action .fa-bars {
        display: inline-block;
    }

    .mobile-menu-action.active .fa-close {
        display: inline-block;
    }

    .mobile-menu-action.active .fa-bars {
        display: none;
    }

    header nav#main-nav>ul>li.mobile-only.spacer {
        background: transparent;
    }

    header nav#main-nav>ul>li>a {
        padding: 5px;
    }

    header nav#main-nav>ul>li>a:hover {
        background: #0d2657;
        color: #fff;
    }

    header nav#main-nav>ul>li:hover .fa {
        color: #333;
    }

    header nav#main-nav>ul>li>div.mega-container {
        display: none;
        padding: 0;
        position: relative;
        background: transparent;
        display: none;
    }

    header nav#main-nav>ul>li>div.mega-container>ul {
        text-align: center;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 15px 0;
    }

    header nav#main-nav>ul>li>div.mega-container>ul>li {
        /*flex-basis: 50%;*/
        border: 1px solid #ccc;
        padding: 10px;
        margin-bottom: 10px;
        width: 50%;
        word-break: break-word;
        background: #fff;
        max-width: none;
    }

    header nav#main-nav>ul>li>div.mega-container>ul>li:hover {
        border: 1px solid #0d2657;
    }

    header nav#main-nav>ul>li.active>div.mega-container {
        display: block;
    }

    header nav#main-nav>ul>li.active>a {
        background: #0d2657;
        color: #fff;
    }

    header nav#main-nav>ul>li.has-sub:hover {
        color: #fff;
    }

    header nav#main-nav>ul>li.has-sub:before {
        content: "\f105";
        position: absolute;
        top: 10px;
        right: 15px;
        z-index: 10;
        font-family: 'FontAwesome';
    }

    header nav#main-nav>ul>li.has-sub.active:before {
        content: "\f107";
        color: #fff;
    }
}

/* end header media queries */
/* end header */

/* global helpers */
.cta-btn {
    display: inline-block;
    clear: both;
    margin: 25px 0;
    padding: 15px 50px;
    text-decoration: none;
    max-width: 400px;
    background: #644121;
    border: 1px solid #333;
    color: #fff;
}

.cta-btn:hover {
    background: #0d2657;
    color: #fff;
}

.cta-text {
    color: #644121;
    text-decoration: underline;
}

.cta-text:hover {
    color: #333;
    text-decoration: none;
}

/* end global helpers */

/* main content */
section#main-content {}

section#main-content img {
    width: 100%;
    height: auto;
}

section #hero {
    position: relative;
    margin: 0 0 25px 0;
    /*max-height: 500px;*/
}

section #hero img {
    /*object-fit: cover;*/
    width: 100%;
    /*max-height: 500px;*/
}

section #hero .overlay {
    position: absolute;
    left: 15%;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.85);
    padding: 25px 50px;
}

section #hero .overlay h1 {
    color: #0d2657;
    font-size: 2em;
    font-family: 'Libre Baskerville', serif;
    text-transform: uppercase;
}

section #hero .overlay a {
    display: inline-block;
    clear: both;
    margin: 25px 0;
    padding: 15px 50px;
    text-decoration: none;
    max-width: 400px;
    background: #0d2657;
    border: 1px solid #333;
    color: #fff;
}

section #hero .overlay a:hover {
    background: #644121;
}

section #hero .overlay p {
    color: #333;
    font-size: 1em;
}

section #seo-text {
    margin: 75px 0;
    font-size: 1em;
}

section #seo-text>.copy {
    float: left;
    width: 60%;
    background: #f7f5ef;
    padding: 100px;
    margin-top: 35px;
    box-sizing: border-box;
}

section #seo-text>.copy>h2 {
    font-size: 2em;
    color: #333;
}

section #seo-text>.images {
    float: right;
    width: 40%;
}

section #shop-department {
    margin: 75px 0;
}

section #shop-department h3 {
    font-size: 1.5em;
    font-family: 'Libre Baskerville', serif;
    text-align: center;
    font-weight: normal;
    color: #644121;
}

section #shop-department ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
    list-style-type: none;
    text-align: center;
    margin: 0;
    padding: 0;
}

section #shop-department ul li {
    width: 25%;
    padding: 10px;
    text-transform: uppercase;
    font-size: 1.25em;
    margin-bottom: 25px;
    box-sizing: border-box;
}

section #shop-department ul li a {
    color: #0d2657;
    text-decoration: none;
}

section #shop-department ul li a:hover {
    color: #333;
    text-decoration: underline;
}

section #shop-department ul li a:hover img {
	opacity: .65;
}

section #shop-department ul li a img {}

section #brands-slider {
    margin: 75px 0;
    padding: 25px 0;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

section #brands-slider h3 {
    font-size: 1.5em;
    font-family: 'Libre Baskerville', serif;
    text-align: center;
    font-weight: normal;
    color: #644121;
}

section #brands-slider .owl-nav.disabled {
    display: block;
}

section #brands-slider .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

section #brands-slider .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

section #brands-slider .owl-stage-outer {}

section #brands-slider ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-align: center;
}

section #brands-slider ul li {}

section #brands-slider ul li img {
    width: 120px;
    height: 90px;
    margin: 0 auto;
}

/*section #brands-slider .owl-theme .owl-nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}*/

section #brands-slider .owl-theme .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    color: #333;
    background: #fff;
    margin: 0;
    width: 50px;
}

section #brands-slider .owl-theme .owl-nav .owl-next {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    color: #333;
    background: #fff;
    margin: 0;
    width: 50px;
}

section #brands-slider .owl-theme .owl-nav .owl-prev:hover {
    color: #0d2657;
    opacity: 1;
}

section #brands-slider .owl-theme .owl-nav .owl-next:hover {
    color: #0d2657;
    opacity: 1;
}

section .call-out {
    margin: 15px 0;
    font-size: 1em;
    background: #f7f5ef;
    padding: 50px;
}

section .call-out>.copy {
    float: right;
    width: 60%;
    padding: 50px;
    box-sizing: border-box;
}

section .call-out>.copy>h3 {
    font-size: 1.75em;
    font-family: 'Libre Baskerville', serif;
    color: #333;
}

section .call-out>.images {
    float: left;
    width: 40%;
}

section .call-out.alternate>.copy {
    float: left;
    width: 60%;
    padding: 50px;
}

section .call-out.alternate>.images {
    float: right;
    width: 40%;
}

section #promo-banner {
    margin: 25px 0;
    background: #f5f5f5;
    padding: 25px 50px;
    text-align: center;
    border: 2px solid #644121;
}

section #promo-banner a {
    text-decoration: none;
    color: #333;
}

section #promo-banner h4 {
    font-size: 2em;
    margin: 0 0 15px 0;
    color: #333;
}

section #promo-banner p {
    font-size: 1em;
    margin: 0;
}

section #promo-blocks {
    margin: 75px 0;
}

section #promo-blocks h3 {
    font-size: 1.5em;
    font-family: 'Libre Baskerville', serif;
    font-weight: normal;
    color: #644121;
    text-align: center;
}

section #promo-blocks .promo-blocks-wrapper {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

section #promo-blocks .promo-blocks-wrapper .block {
    width: 33%;
}

section #promo-blocks .promo-blocks-wrapper .block h5 {
    font-size: 1.25em;
    font-family: 'Libre Baskerville', serif;
    font-weight: normal;
    color: #644121;
}

section #promo-blocks .promo-blocks-wrapper .block p {
    margin: 0 0 25px 0;
}

/* main content media queries */
@media screen and (max-width: 1024px) {

    section #hero .overlay {
        top: 10px;
        bottom: 10px;
        left: 10px;
        right: 10px;
        transform: none;
        padding: 15px;
    }

    section #shop-department ul li {
        width: 33%;
    }

    section #seo-text>.copy {
        padding: 50px;
    }

}

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

    section #hero,
    section #hero img {
        max-height: none;
    }

    section #hero .overlay {
        top: 10px;
        left: 10px;
        right: 10px;
        transform: none;
        padding: 15px;
    }

    section #seo-text>.copy {
        float: none;
        width: 100%;
        padding: 25px;
    }

    section #seo-text>.images {
        float: none;
        width: 100%;
    }

    section #shop-department ul li {
        width: 50%;
    }

    section .call-out {
        padding: 25px;
    }

    section .call-out>.copy,
    section .call-out.alternate>.copy {
        float: none;
        width: 100%;
        padding: 15px;
    }

    section .call-out>.images,
    section .call-out.alternate>.images {
        float: none;
        width: 100%;
        padding: 15px;
    }

    section #promo-blocks .promo-blocks-wrapper {
        display: block;
    }

    section #promo-blocks .promo-blocks-wrapper .block {
        width: 100%;
        margin: 0 0 25px 0;
    }

}

@media screen and (max-width: 400px) {
    section #hero .overlay {
        position: relative;
    }
}

/* end main content media queries */
/* end main content */

/* footer */
footer {
    margin: 50px 0 0 0;
    background: #f7f5ef;
}

footer * {
    box-sizing: border-box;
}

footer .container {
    /*border-top:1px solid #e8e8e8;*/
    padding: 25px 15px;
}

footer #footer-left {
    float: left;
    width: 50%;
    border-right: 1px solid #e8e8e8;
}

footer #footer-left .footer-col {
    width: 33%;
    padding: 0 25px 0 0;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    margin: 0 -5px 50px 0;
}

footer #footer-left .footer-col p.heading {
    font-family: 'Libre Baskerville', serif;
    font-size: 1em;
    margin: 0 0 10px 0;
    color: #0d2657;
    font-weight: 500;
}

footer #footer-left .footer-col ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

footer #footer-left .footer-col ul li {
    line-height: 1.65em;
    font-size: .95em;
}

footer #footer-left .footer-col ul li a {
    text-decoration: none;
    color: #333;
}

footer #footer-left .footer-col ul li a:hover {
    text-decoration: underline;
}

footer #footer-right {
    float: right;
    width: 50%;
    padding: 0 0 0 25px;
}

footer #footer-right #newsletter {
    white-space: nowrap;
}


footer #footer-right #newsletter input[type="text"] {
    display: inline-block;
    vertical-align: middle;
    width: 75%;
    padding: 10px;
    border: 1px solid #0d2657;
    color: #0d2657;
    height: 40px;
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 16px;
}

footer #footer-right #newsletter button {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    padding: 10px;
    border: 1px solid #0d2657;
    background: #0d2657;
    color: #fff;
    height: 40px;
    line-height: 20px;
    -webkit-appearance: none;
    border-radius: 0;
    cursor: pointer;
    text-transform: uppercase;
}

footer #footer-right #newsletter button:hover {
    background: #644121;
}

footer #footer-right #social {
    font-size: 1.75em;
    margin: 25px 0;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    padding: 25px 0;
}

footer #footer-right #social ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

footer #footer-right #social ul li {
    display: inline-block;
}

footer #footer-right #social ul li a {
    color: #0d2657;
}

footer #footer-right #locations {}

footer #footer-right #locations a {
    color: #0d2657;
}

footer #footer-right #locations .footer-col {}

footer #footer-right #locations .footer-col p.heading {
	color: #333;
}

footer #footer-right #locations .footer-col p {}

#footer-bottom {
    font-size: .85em;
    text-align: center;
    margin: 25px 0;
    /*border-top:1px solid #e8e8e8;
	padding-top:25px;*/
    background: #fff;
    padding: 10px;
}

#footer-bottom img {
    max-width: 200px;
    height: auto;
}

#footer-bottom ul {
    padding: 0;
    margin: 0;
    float: left;
}

#footer-bottom ul li {
    display: inline-block;
}

#footer-bottom ul li:after {
    content: '|';
    padding: 0 5px 0 5px;
}

#footer-bottom ul li:last-of-type:after {
    display: none;
}

#footer-bottom ul li a {
    color: #0d2657;
    text-decoration: none;
}

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

#footer-bottom p.copyright {
    float: right;
    padding: 0;
    margin: 0;
}

/* footer media queries */
@media screen and (max-width: 896px) {
    footer #footer-right #newsletter input[type="text"] {
        width: 65%;
    }

    footer #footer-right #newsletter button {
        width: 35%;
    }

    footer #footer-left,
    footer #footer-right {
        width: 100%;
        border: 0;
        padding: 0;
    }

    footer #footer-left .footer-col {
        width: 50%;
    }

    #footer-bottom {
        text-align: left;
        background: transparent;
        padding: 10px 0;
    }

    #footer-bottom ul,
    #footer-bottom p.copyright {
        float: none;
        margin: 0 0 15px 0;
    }
}

/* end footer media queries */
/* end footer */

/* quick view */
/* add item browser icon */
.ProductThumbnail .quick-view-link {
    display: none;
    position: absolute;
    text-align: center;
    top: 25%;
    left: 0;
    right: 0;
    padding: 10px 0;
    background-color: rgba(0, 0, 0, .75);
    color: #fff;
    margin: 0 20%;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
}

.ProductThumbnail .quick-view-link:hover {
    background-color: #000;
    text-decoration: none;
}

.ProductThumbnail:hover .quick-view-link {
    display: block;
}

/* end add item browser icon */

/* quick view container */
#quick-view {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px 10px;
    background: #fff;
}

#quick-view .qv-loading {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    text-align: center;
    background-color: #fff;
}

#quick-view .qv-loading img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

#quick-view .qv-prev,
#quick-view .qv-next {
    display: inline-block;
    padding: 10px 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
}

#quick-view .qv-prev:hover,
#quick-view .qv-next:hover {
    color: #ccc;
}

#quick-view .qv-prev {
    left: -65px;
}

#quick-view .qv-next {
    right: -65px;
}

#quick-view h1,
#quick-view p {
    display: block;
    color: #222;
    line-height: 1.2;
}

#quick-view h1 {
    font-size: 1.5em;
    font-weight: 700;
    margin-bottom: 20px;
}

#quick-view .ProductImageWrapper {
    position: relative;
    padding: 10px;
    background-color: #fff;
}

#quick-view img {
    display: block;
    max-width: 100%;
    height: auto;
}

#quick-view .ProductImageWrapper .qv-favorite {
    position: absolute;
    top: 0;
    right: 5px;
    padding: 10px;
    font-size: 1.5em;
    color: #999;
}

#quick-view .ProductImageWrapper p {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: .8em;
    margin-bottom: 10px;
}

#quick-view .qv-price-availability p {
    margin-top: 5px;
}

#quick-view .qv-price {
    font-size: 1.25em;
}

#quick-view .qv-price span {
    color: #48aa78;
}

#quick-view .qv-description p {
    margin: 20px 0;
}

#quick-view .qv-description a {
    margin-top: 10px;
    font-size: 1.2em;
    font-weight: 700;
    text-decoration: none;
    color: #4867aa
}

#quick-view .qv-description a:hover {
    text-decoration: underline;
    color: #365391;
}

#quick-view .AddToCartButtonAnchor {
    display: inline-block;
    margin-top: 20px;
    padding: 0;
    font-size: 1.1em;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #48aa78;
    border: none;
}

#quick-view .AddToCartButtonAnchor:hover {
    background-color: #389164;
}

#quick-view .customize-it {
    background-color: #e4672b;
}

#quick-view .AddToCartButtonAnchor.customize-it:hover {
    background-color: #BF531F;
}

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

    #quick-view .qv-prev,
    #quick-view .qv-next {
        top: 440px;
        transform: none;
    }

    #quick-view .qv-prev {
        left: 310px;
    }

    #quick-view .qv-next {
        right: 310px;
    }
}

/* end quick view container */
/* end quick view */


/**********************************************************************************
* IMPLEMENTATION AND ONGOING EDITS *
***********************************************************************************

* COLORS *

Beige (logo) ----- #dfd1b7
Gold (logo) ------ #b8933a
Med Gold --------- #987930
Dark Gold -------- #735c24
Black Gold ------- #2a220d

* COLOR CHANGES *******************************************************************/

header nav#top-nav>ul>li>a,
header nav#top-nav>ul>li.has-sub .sub-nav ul li a,
header nav#top-nav>ul>li.has-sub .sub-nav a,
header nav#main-nav>ul>li>a,
.cta-text:hover,
section #hero .overlay p,
section #seo-text>.copy>h2,
section #brands-slider .owl-theme .owl-nav .owl-prev,
section #brands-slider .owl-theme .owl-nav .owl-next,
section .call-out>.copy>h3,
section #promo-banner a,
section #promo-banner h4,
footer #footer-left .footer-col ul li a,
footer #footer-right #locations .footer-col p.heading {
    color: #2a220d;
}

header #search input[type="text"],
header nav#main-nav>ul>li>div.mega-container>ul>li>a,
.cta-text,
section #hero .overlay h1,
section #shop-department h3,
section #shop-department ul li a,
section #brands-slider h3,
section #brands-slider .owl-theme .owl-nav .owl-prev:hover,
section #brands-slider .owl-theme .owl-nav .owl-next:hover,
section #promo-blocks h3,
section #promo-blocks .promo-blocks-wrapper .block h5,
footer #footer-left .footer-col p.heading,
footer #footer-right #newsletter input[type="text"],
footer #footer-right #social ul li a,
footer #footer-right #locations a,
#footer-bottom ul li a {
    color: #735c24;
}

header nav#top-nav>ul>li>a>i,
section #shop-department ul li a:hover {
    color: #987930;
}

.LoginPageButton a,
#btnRegister,
.RegisterAccountPageButton a,
#content-theme-3 .contact-form input[type="submit"],
header #search button,
.cta-btn,m
section #hero .overlay a,
footer #footer-right #newsletter button {
    background: #735c24;
}

header #header-top,
header nav#main-nav>ul>li:hover>a,
.cta-btn:hover,
section #hero .overlay a:hover,
footer #footer-right #newsletter button:hover,
.LoginPageButton a:hover,
#btnRegister:hover,
.RegisterAccountPageButton a:hover,
#content-theme-3 .contact-form input[type="submit"]:hover {
    background: #987930;
}

header #header-top .header-top-col a {
    color: #fea;
}

header #search,
section #promo-banner,
footer #footer-right #newsletter input[type="text"],
footer #footer-right #newsletter button {
    border-color: #735c24;
}

.LoginPageButton a,
#btnRegister,
.RegisterAccountPageButton a,
.cta-btn,
section #hero .overlay a {
    border-color: #2a220d;
}

@media screen and (min-width: 896px) {

    header nav#main-nav>ul>li>div.mega-container>ul>li a:hover {
        background: #735c24;
    }
}

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

    header nav#main-nav>ul>li:hover .fa {
        color: #2a220d;
    }

    header .container #click-to-call,
    header nav#top-nav a.mobile-menu-action,
    header nav#main-nav>ul>li.active>a {
        background: #735c24;
    }

    header nav#main-nav>ul>li>a:hover {
        background: #987930;
    }

    header nav#main-nav>ul>li>div.mega-container>ul>li:hover {
        border-color: #735c24;
    }
}

/* END COLOR CHANGES **************************************************************/

header nav#top-nav>ul>li.has-sub .sub-nav {
    width: unset;
    min-width: 250px;
}

/* Fix for nav on tablets */
@media screen and (min-width: 897px) {

    header nav#main-nav {
        position: static;
    }
}

.dynamicFooter {
    margin: 0;
}

/* Temp Fix for Owl Carousel */
.owl-carousel.owl-loaded {
	display: block !important;
}

.owl-carousel.owl-themeLabel {
	display: none !important;
}

#content-theme-3.static-page h1 {
	position: static;
	margin: .67em 0;
	text-align: left;
	font-size: 25px;
}

#content-theme-3.static-page h1::after {
	display: none;
}

#content-theme-3 #pagetitle {
	margin-bottom: 15px;
}

/*** Designers Pages ***/
.designer-container {
    margin: 0 auto;
    background: #f5f5f5;
    padding: 50px 0 50px 0;
}

.designer-search {
    margin: 0 auto;
}

.designer-search-bottom {
    background: rgba(0, 0, 0, 0.75);
    line-height: 26px;
    padding: 20px;
}

.designer-search-top {
    background-color: #2a220d;
    line-height: 26px;
    margin: 0 0 2px 0;
}

/*.designer-search-top h1 {
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #FFF !important;
    padding-left: 10px !important;
}*/

.designer-search-content {
    margin: 0 auto;
}

.designer-search-content p {
    font-family: Arial, sans-serif;
    font-size: 14px !important;
    line-height: 18px;
    color: #FFF;
}

/* List Results Page */
.designer-list-block {
    margin: 0 0 25px 0;
    padding: 0 0 25px 0;
    border-bottom: 1px solid #cccccc;
}

.designer-list-block:last-of-type {
    border-bottom: none;
}

.designer-list-heading {
    margin: 25px 0 25px 0;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #f2f2f2;
    font-size: 25px;
    color: #2a220d;
    font-weight: normal;
    padding-left: 15px;
}

.designer-list-image {
    width: 15%;
    text-align: left;
    float: left;

}

.designer-list-image img {
    width: 100%;
    height: auto;
    display: block;
}

.designer-list-description {
    float: left;
    width: 83%;
    padding: 0 0 0 1.5%;
}

.designer-list-description h2 {
    margin: 0 0 10px;
}

.designer-list-description h2 a {
    font-family: Times, sans-serif;
    font-size: 22px;
    color: #2a220d;
    font-weight: normal;
    text-decoration: none;
}

.designer-list-description a {
    text-decoration: none;
}

.designer-list-description a:hover {
    text-decoration: underline;
}

.designer-list-info {
    margin: 25px 0 10px 0;
}

.designer-list-info p {
    margin: 0 0 15px 0;
}

.designer-list-info p a {
    color: #2a220d;
}

.designer-list-info a img {
    display: none !important;
}

.designer-list-description:after {
    clear: both;
}

.designer-location::after {
    content: " | ";
}

.designer-phone::after {
    content: " | ";
}

#email a {
    color: #2a220d;
    text-decoration: underline;
}

#email a:hover {
    text-decoration: none;
}

.designer-email a {
    text-decoration: underline;
}

.designer-email a:hover {
    text-decoration: none;
}
/* End List Results Page */

/* Indivdual Designer Page */
.designer-information {
    padding: 15px;
    border: 1px solid #e4e4e4;
    margin-top: 15px;
}

.designers-container {
    max-width: 1264px;
    padding: 10px;
    margin: 0 auto;
}

.designers-container img {
    width: 100%;
    height: auto;
}

.designer-heading {
    margin: 25px 0 25px 0;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #f2f2f2;
    font-size: 25px;
    color: #2a220d;
    font-weight: normal;
    padding-left: 15px;
}

.designer-image img {
    width: 100%;
    height: auto;
    display: block;
}

.designer-contact-information h3 {
    margin: 10px 0 0 0;
}

.designer-contact-information ul li {
    display: inline-block;
    list-style-type: none;
    margin: 5px 3px 25px 0;
}

.designer-contact-information i {
    color: #2a220d;
    font-size: 2em;
}

.designer-contact-information i:hover {
    color: #735c24;
}
/* End Indivdual Designer Page */

#location-selector select {
	margin-top: 35px;
    width: 100% !important;
    padding: 10px;
    border: 2px solid #735c24;
    color: #2a220d;
    background: #f5f5f5;
    height: 40px;
    border-radius: 0;
    font-size: 16px;
}
/*** END Designers Pages ***/