/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

/* @import url(hudsonnyserif_press_macroman/stylesheet.css); */


/* SITE COLORS

Dark Brown - #3d2617
Medium Yellow / Mustard - #f7e0a5
Pale Yellow / Background - #fef9e5
Red - #ad4731

*/



/* TYPOGRAPHY 
-------------------------------------------------------------------- */

@font-face {
    font-family: 'hudson_ny';
    src: url('Hudson_NY.eot');
    src: url('Hudson_NY.eot?#iefix') format('embedded-opentype'),
         url('Hudson_NY.woff2') format('woff2'),
         url('Hudson_NY.woff') format('woff'),
         url('Hudson_NY.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


h1, h2, h3, h4, h5, h6 {
	font-family: 'hudson_ny'; 
}


.uk-text-large {
    font-size: 22px;
    line-height: 28px;
}

.uk-block-secondary, .uk-block-secondary .uk-panel-title {
	color: #f7e0a5;
}


.uk-button {
	padding: 0 20px;
	line-height: 40px;
	min-height: 40px;
}
.uk-button:not(.uk-button-link)::before {
	background: #3d2617;
}
.uk-contrast .uk-button {
	background: #fdb639; 
}

.uk-list-striped > li:nth-of-type(2n+1) {
    background: #f7e0a5;
}


/* NAV ----- */

.tm-toolbar a {
	color: #9f7051;
}
.tm-toolbar a:hover, .tm-toolbar a:focus {
	color: #f7e0a5;
}
.tm-toolbar .uk-active a {
	color: #f7e0a5;
}
.uk-nav-navbar > li > a {
	color: #ad4731;
}

.uk-search::before {
	color: #f7e0a5;
}
input.uk-search-field {
	color: #fff;
}

.uk-navbar-toggle {
	color: #f7e0a5;
}
.uk-navbar-toggle:hover {
	color: #ad4731;
}

.tm-footer a {
	color: #f7e0a5;
}
.tm-footer .uk-subnav-line > :nth-child(n+2)::before {
    border-left: 1px solid #f7e0a5;
}

/* LAYOUT 
-------------------------------------------------------------------- */

.uk-modal {
	z-index: 2200;
}


.tm-toolbar, .tm-navbar-container {
	background: #3d2617 url(nav-bar-background.jpg) left top repeat;
}
.tm-toolbar {
	border-bottom: 3px solid rgba(0,0,0,0.75);
}

.tm-toolbar .uk-float-right .uk-panel {
	display: inline-block;
}
.utility-menu {
	margin-right: 25px;
	top: 8px;
}

/* SEARCH */
.tm-navbar-right {
	top: -8px;
	right: 20px;
}

.tm-top-a .uk-overlay-panel .uk-h1 {
	color: #f7e0a5;
}
.tm-top-a .uk-overlay-panel .uk-text-large p {
	max-width: 780px;
	font-size: 24px;
	line-height: 40px;
	margin: 0 auto;
}

/* brands switcher */

.tm-top-d .uk-margin-top-remove {
	padding-top: 30px;
}
.uk-thumbnav > * > * {
	background: none;
}
.uk-thumbnav > * > * > img {
	opacity: 1;
}
.uk-thumbnav > .uk-active > * > img {
    background: #fff;
}
.tm-top-d .uk-switcher {
	background: #f7e0a5;
}
.tm-top-d .uk-switcher .uk-panel {
	padding-right: 60px;
}


.tm-block-bottom-d {
	background: url(bottom-d-background.jpg) center top no-repeat;
	background-size: cover;
	padding: 50px !important;
}


/* inner top modules */

.inner-top {
	margin-bottom: -132px !important;
}
.inner-top h1 {
	position: relative;
	left: -40px;
	top: -132px;
	padding: 25px 30% 25px 40px;
	background: #f7e0a5;
	display: inline-block;
}

/* sidebar */

.tm-sidebar-b .uk-panel-box {
	background: #3d2617 url(sidebar-box-background.jpg) left top no-repeat;
	border: none;
	color: #fff;
}
.tm-sidebar-b .uk-panel-box .uk-panel-title {
	color: #f7e0a5;
	padding-bottom: 20px;
}
.tm-sidebar-b .uk-panel-box .uk-panel-title::after {
	content: "";
	display: block;
	width: 100%;
	height: 10px;
	background: url(sidebar-title-rule.png) left top no-repeat;
	position: absolute;
	left: 35px;
	margin-top: 20px;
}
.tm-sidebar-b .uk-panel-box .uk-nav-side > li > a {
	color: #fff;
	font-weight: normal;
	font-size: 20px;
	line-height: 32px;
}
.tm-sidebar-b .uk-panel-box .uk-nav-side > li > a:hover {
	color: #f7e0a5;
}
.tm-sidebar-b .uk-panel-box .uk-nav-side > li.uk-active > a {
	color: #ad4731;
}


/* BRAND DETAIL PAGES - hide "featured" image - used only for Widgetkit */

body.brand .uk-article > img {
	display: none;
}
body.brand .uk-article::before {
	display: none;
}

/* widgetkit accordion */

.uk-accordion-title {
	font-family: 'hudson_ny';
	font-size: 32px;
	line-height: 40px;
}


/* EXTENSIONS */

/* brands page widget */

.brands-grid .uk-overlay-hover img:not(.uk-overlay-image) {
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
	transition-property: opacity, transform, filter;
}
.brands-grid .uk-overlay-hover:hover img:not(.uk-overlay-image) {
	opacity: 0.3;
}

/* google maps */
/* get diretions button */
.gm-style > a { 
	font-size: 20px !important;
}
.gm-style > a > div {
	border: 1px solid #3d2617 !important;
	padding: 8px 16px !important;
}
.gm-style > a > div > span {
	color: #172952 !important;
}
.gm-style > a > div:hover, .gm-style > a > div:focus {
	background-color: #3d2617 !important;
}
.gm-style > a > div > span:hover, .gm-style > a > div > span:focus {
	color: #fff !important;
}

/* breezing forms */

textarea {
	border: 1px solid #ccc;
}


/* RESPONSIVE 
-------------------------------------------------------------------- */

@media only screen and (max-width: 1200px) { /* fixes for Spanish menu */
	
	.uk-navbar-nav > li > a {font-size: 16px;}
	
}
@media only screen and (max-width: 1090px) { /* fixes for Spanish menu */
	
	.uk-navbar-nav > li > a {font-size: 14px;}
	
}
@media only screen and (max-width: 990px) { /* fixes for Spanish menu */
	
	.uk-navbar-nav > li > a {font-size: 12px;}
	
}




@media only screen and (max-width: 959px) { /* sticky fix */
	
	.tm-navbar-container {position: inherit !important;}
	
}



@media only screen and (max-width: 767px) { /* PHONES */
	
	.tm-top-d .uk-switcher .uk-panel {padding: 0 40px;}
	.tm-top-a .uk-overlay-panel .uk-h1 {font-size: 48px;line-height: 56px;}
	
}