/*
Theme Name:      Tiffen
Theme URI:       http://www.tiffen.com
Description:     Theme for Tiffen Website
Version:         2.0
Author:          Eric Brissette
Author URI:      http://www.soupgroupny.com
*/

body, h1, h2, h3, h4, h5, h6, p, .uk-navbar-nav>li>a { font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif; }
strong { font-weight: 800; }
h1, h2, h3 { font-weight: 400; letter-spacing: -2px; }
h1 { font-size: 46px; line-height: 42px; }
h2 { font-size: 36px; line-height: 36px; }
h3 { font-size: 24px; line-height: 30px; }
h4 { font-size: 18px; line-height: 24px; }
h5 { font-size: 16px; line-height: 22px; }
h6 { font-size: 14px; line-height: 20px; }
em { color: inherit; }

/* Override/remove responsive functionality for large screens (larger than 1220px) */
@media (min-width: 1220px) {
.uk-container { max-width: 980px; padding: 0px; }
.uk-grid:not(.uk-grid-preserve) { margin-left: -25px; }
.uk-grid:not(.uk-grid-preserve) > * { padding-left: 25px; }
.uk-grid:not(.uk-grid-preserve) + .uk-grid { margin-top: 25px; }
.uk-grid:not(.uk-grid-preserve) > .uk-grid-margin { margin-top: 25px; }
.uk-grid:not(.uk-grid-preserve) > * > .uk-panel + .uk-panel { margin-top: 25px; }
.uk-grid-divider:not(.uk-grid-preserve):not(:empty) { margin-left: -25px; margin-right: -25px; }
.uk-grid-divider:not(.uk-grid-preserve) > * { padding-left: 25px; padding-right: 25px; }
.uk-grid-divider:not(.uk-grid-preserve):empty { margin-top: 25px; margin-bottom: 25px; }
.uk-panel + .uk-panel-divider { margin-top: 50px !important; }
.uk-panel + .uk-panel-divider:before { top: -25px; }
.uk-grid.uk-grid-small { margin-left: -10px; }
.uk-grid.uk-grid-small>* { padding-left: 10px; }
}
/* core wordpress styles */
.alignnone { margin: 5px 15px 15px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 15px 15px; }
.alignleft { float: left; margin: 5px 15px 15px 0; }
.swoosh { position: absolute; top: 0; left: 0; width: 290px; height: 120px; background: url('assets/img/swoosh.png') no-repeat top left; z-index: 2; }
.site-header { background: url('assets/img/site-header-bg.png') #faf9f8 repeat-x top left; }
.site-header-container { position: relative; z-index: 2 }
.home .site-header { background: none; position: absolute; left: 0; right: 0; }
.home-modules-container { max-width: 1440px; margin: 0 auto; padding: 0 10px; }
.home-container-inner { position: relative; top: 0; width: 1440px; left: 50%; margin-left: -720px; }



.home-slider .slide { min-height: 700px; }
.uk-dotnav>* { padding-left: 15px; }
.uk-dotnav>*>* { width: 15px; height: 15px; border: 1px solid #fff; }

.home-slider-nav { position: absolute; bottom: 20px; }
.home-modules { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; margin-top: 10px; }
.home-module .uk-panel { min-height: 200px; }
@media (min-width: 479px) {
.home-module .uk-panel { min-height: 260px; }
}
@media (min-width: 767px) {
.home-module .uk-panel { min-height: 220px; }
}
@media (min-width: 980px) {
.home-module .uk-panel { min-height: 150px; }
}
@media (min-width: 1200px) {
.home-module .uk-panel { min-height: 175px; }
}
.home-module .home-module-caption, .home-module .home-module-caption p, .home-module .home-module-caption, .home-module .home-module-caption p { font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 19px; line-height: 16px; text-transform: uppercase; color: #fff; margin: 0; }
.home-module-caption { position: absolute; bottom: 15px; left: 15px; }
.news-events-container { background-color: #969595; }
.news-events-tabs { background-color: #fff; }
.news-events-tabs.uk-tab>li>a { color: #fff; text-transform: uppercase; padding: 2px 14px; }
.news-events-tabs.uk-tab, .news-events-tabs.uk-tab>li { margin-bottom: 0; }
.news-events-tabs.uk-tab, .news-events-tabs.uk-tab>li>a, .news-events-tabs.uk-tab>li>a:hover { border: none; }
.news-events-tabs.uk-tab>li:not(.uk-active)>a:hover { margin-bottom: 0; padding-bottom: 2px; }
.news-events-tabs.uk-tab>li:nth-child(n+2)>a { margin-left: 0; }
.news-events-tabs.uk-tab>li>a { background-color: #999; }
.news-events-tabs.uk-tab>li.uk-active>a { background-color: #b7b7b7; border: none; }
#news-events { color: #fff; font-size: 12px; }
#news-events a { color: #fff; display: block; }
#news-events a:hover { color: #fff; text-decoration: underline; }
.news-block, .events-block { padding: 15px 15px 0 15px; }
.news-block>ul, .events-block>ul { padding: 0; list-style: none; }
.news-block>ul>li, .events-block>ul>li { padding-bottom: 10px; }
.t-logo { width: 158px; height: 97px; position: absolute; top: 18px; z-index: 1; }
/* Imagemaker logo and social icons */
.imagemaker-social { position: absolute; right: 25px; margin: 0; z-index: 2; }
.imagemaker-social>*  {margin-top: 5px; padding-left: 0; }

@media (min-width: 1200px) {
.imagemaker-social { right: 0px; }
}
.uk-subnav.imagemaker-social>li:nth-child(n+2) { margin-left: 2px; }
.imagemaker-social .uk-icon-button { border-radius: 0; width: 25px; height: 25px; line-height: 25px; margin-top: 10px; font-size: 14px; color: #fff; }
.imagemaker-social .uk-icon-button.uk-icon-facebook { background: #6b6b6b; }
.imagemaker-social .uk-icon-button.uk-icon-twitter { background: #919191; }
.imagemaker-social .uk-icon-button.uk-icon-google-plus { background: #838383; }
.imagemaker-social .uk-icon-button.uk-icon-vimeo-square { background: #919191; }
.imagemaker-social .uk-icon-button.uk-icon-youtube-play { background: #838383; }
.imagemaker-social .uk-icon-button.uk-icon-instagram { background: #757575; }
.imagemaker-social .uk-icon-button.uk-icon-rss { background: #888888; }
.imagemaker-social .uk-icon-button.uk-icon-facebook:hover { background: #284686; color: #fff; }
.imagemaker-social .uk-icon-button.uk-icon-twitter:hover { background: #00a3e4; color: #fff; }
.imagemaker-social .uk-icon-button.uk-icon-google-plus:hover { background: #d3402e; color: #fff; }
.imagemaker-social .uk-icon-button.uk-icon-vimeo-square:hover { background: #00a3e4; color: #fff; }
.imagemaker-social .uk-icon-button.uk-icon-youtube-play:hover { background: #bc1e2c; color: #fff; }
.imagemaker-social .uk-icon-button.uk-icon-instagram:hover { background: #a67d61; color: #fff; }
.imagemaker-social .uk-icon-button.uk-icon-rss:hover { background: #ff6600; color: #fff; }
/* Primary Nav */
#menu-primary-navigation { margin-left: 95px; }
.uk-navbar.primary-nav { background: rgba(0,0,0,0.5); margin-top: 52px; margin-left: 50px; }
.uk-navbar.primary-nav .uk-navbar-nav>li>a, .uk-navbar.primary-nav .uk-navbar-toggle { color: #fff; text-transform: uppercase; padding: 0 10px; }
.uk-navbar.primary-nav .uk-navbar-nav>li>a { font-size: 10px; }
.uk-navbar.primary-nav .uk-navbar-nav>li>a.uk-navbar-toggle { font-size: 18px; }
.uk-navbar.primary-nav .uk-navbar-nav>li:hover>a, .uk-navbar.primary-nav .uk-navbar-nav>li>a:focus, .uk-navbar.primary-nav .uk-navbar-nav>li.uk-open>a, .uk-navbar.primary-nav .uk-navbar-nav>li.uk-active>a, .uk-navbar.primary-nav .uk-navbar-nav>li>a:hover { background: rgba(0,0,0,0.1); }
.uk-navbar.primary-nav .uk-navbar-nav>li:first-child { margin-left: 20px; }
.uk-navbar.primary-nav .uk-navbar-flip>.uk-navbar-nav>li:first-child { margin-left: 0; }
.uk-navbar.primary-nav button.uk-navbar-toggle-alt { background: transparent; border: none; }
.uk-navbar.primary-nav .uk-icon-caret-down { display: none; }
.uk-dropdown-navbar { background: rgba(255,255,255,0.9); }
/* Brand Header */
.brand-logo { max-width: 250px; }
.brand-header { margin-top: 40px; margin-bottom: 20px; }
 @media (max-width: 767px) {
.brand-logo-container { width: 100%; padding: 0; text-align: center; }
.brand-logo { margin: 0 auto; }
}
.buy-hyperlink { position: absolute; top: 132px; right: 0; z-index: 150; }
.btn-click-here, .buy-hyperlink .buy-now { width: 115px; height: 31px; display: inline-block; text-align: center; line-height: 31px; color: #fff; background: url('assets/img/btn-buy-now-bg.png') top left no-repeat; }
.buy-hyperlink .buy-now { font-size: 12px; text-transform: uppercase; }
.btn-click-here:hover, .buy-hyperlink .buy-now, .btn-home-slider:hover { color: #fff; text-decoration: none; }
.btn-home-slider { position: relative; display: inline-block; padding: 5px 15px; background: #737373; /*for compatibility with older browsers*/ background-image: linear-gradient(#b8b8b8, #3f3f3f); border-radius: 10px; border: 1px solid #555; margin-left: 5px; text-decoration: none; color: #fff; text-shadow: 0px -1px #333; font-size: 16px; }
.btn-home-slider:after { content: ''; position: absolute; top: 1px; left: 2px; width: calc(100% - 4px); height: 50%; border-radius: 10px; border-top: 1px solid #eee; background: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0)); }
@media (max-width: 1219px) {
.buy-hyperlink { right: 25px; }
}
/* Product Feature Big Image (top) */
.feature { height: 500px; position: relative; }
.feature-copy-container { position: relative; height: 100%; }
.feature-copy { position: absolute; bottom: 100px; }
.feature h1, .feature h2, .feature h3, .feature p { color: #fff; text-shadow: 0px 0px 15px rgba(0,0,0,1); }
.feature p { font-size: 16px; }
.slide-copy h1, .slide-copy h2, .slide-copy h3, .slide-copy p { margin: 0; }
 @media (max-width: 767px) {
.feature { height: 350px; }
.feature-copy { bottom: 35px; }
.feature h1 { font-size: 38px; line-height: 38px; }
.column-content h1 { font-size: 36px; line-height: 36px; }
.feature p { font-size: 14px; }
}
.outer-container { width: 100%; max-width: 1440px; margin: 0 auto; }

/* Formatting Styles */
.spaced { letter-spacing: 0.25em!important; }
.extra-spaced { letter-spacing: 0.4em!important; }

/* Page Builder */
.max-1400 { max-width: 1400px; margin-left: auto; margin-right: auto; }
.row-padding { padding-top: 45px; padding-bottom: 45px; }
.row-margin-top { margin-top: 30px; }
.row-margin-bottom { margin-bottom: 30px; }
.content-light, .content-light h1, .content-light h2, .content-light h3, .content-light h4, .content-light p { color: #fff; text-shadow: 0px 0px 15px rgba(0,0,0,1); }
.content-dark h1, .content-dark h2, .content-dark h3, .content-dark h4 { color: #000; text-shadow: 0px 0px 15px rgba(255,255,255,1); }
.content-dark p { color: #444; text-shadow: 0px 0px 15px rgba(255,255,255,1); }
.product-carousel .uk-thumbnail { display: block; padding: 0; margin: 0; border: none; background: none; }
.product-carousel { padding: 30px 0; line-height: 15px; }
.product-carousel a img { display: block; margin: 0 auto; }
.product-carousel a.uk-thumbnail:hover, .product-carousel a.uk-thumbnail:focus { background: none; }
.product-carousel .uk-thumbnail-caption { text-transform: uppercase; padding-top: 8px; }

#slb_viewer_wrap .slb_theme_slb_default .slb_container { z-index: 9999; }
*, *:before, *:after { box-sizing: border-box; }
.bg-gradient { background: #f9f9f9; background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ededed)); background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%); background: -o-linear-gradient(top, #ffffff 0%, #ededed 100%); background: -ms-linear-gradient(top, #ffffff 0%, #ededed 100%); background: linear-gradient(to bottom, #ffffff 0%, #ededed 100%); padding: 30px 0; }
.bg-none { background-color: transparent; }
.bg-white { background-color: #fff; }
.bg-light-grey { background-color: #f5f5f5; }
.bg-med-grey { background-color: #cbcbcb; }
.bg-dark-grey { background-color: #6a6a6a; }
.gallery-item img { padding: 2px; border: 1px solid #cfcfcf!important; margin: 2px; }
dt.gallery-icon { margin: 2px; }
/* Footer */
footer { margin: 50px 0 30px; }
footer .uk-subnav-line a { color: #3f3f3f; font-size: 13px; }
footer .uk-subnav-line>li:nth-child(n+2):before { border-color: #3f3f3f; }
footer .uk-subnav.footer-logos { display: inline-block; }
/* Mobile Off Canvas Navigation */
.uk-nav-offcanvas > li > a { color: #cccccc; padding: 10px 15px; border-top: 1px solid rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); }
.uk-nav-offcanvas > .uk-open > a, html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus { background: #404040; color: #ffffff; outline: none; }
html .uk-nav.uk-nav-offcanvas > li.uk-active > a { background: #1a1a1a; color: #ffffff; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); }
.uk-nav-offcanvas .uk-nav-header { color: #777777; margin-top: 0; border-top: 1px solid rgba(0, 0, 0, 0.3); background: #404040; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); }
.uk-nav-offcanvas .uk-nav-divider { border-top: 1px solid rgba(255, 255, 255, 0.01); margin: 0; height: 4px; background: rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); }
.uk-nav-offcanvas ul a { color: #cccccc; }
html:not(.uk-touch) .uk-nav-offcanvas ul a:hover { color: #ffffff; }
.uk-nav-offcanvas { border-bottom: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); }
.uk-nav-offcanvas .uk-nav-sub { border-top: 1px solid rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); }
.uk-offcanvas-bar:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 0; width: 1px; background: rgba(0, 0, 0, 0.6); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.6); }
.uk-offcanvas-bar-flip:after { right: auto; left: 0; width: 1px; background: rgba(0, 0, 0, 0.6); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.6); }
.uk-slidenav { z-index: 2; }
/* WordPress Calendar Widget */
.widget_calendar { float: left; }
#wp-calendar { width: 100%; }
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding: 8px; }
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }


/*======================================
Add new css
========================================*/
#turnkey-credit { padding-bottom: 15px; }
@media (max-width: 1280px) {
.home-slider .slide { min-height: 768px; }
}
@media (max-width: 1024px) {
.home-slider .slide { min-height: 615px; }
.home-module .uk-panel{ background-position:0 0}
.slide-copy h1, .slide-copy h2, .slide-copy h3, .slide-copy p { font-size: 1.5em; letter-spacing: normal; line-height: normal; padding: 0 !important; }
.home-slider-nav { left: 25px; }
footer .tiffen-logo { float:left; margin-left:0; width:160px; }
footer .uk-subnav-line > li:nth-child(n+2)::before{ margin-right:5px;}
footer .uk-subnav{ display:inline-block; width:100%; margin-left:-5px;}
.scrollup { right:25px; }
}
@media (max-width: 768px) {
.home-slider .slide { min-height: 468px; }
}
@media (max-width: 767px) {
.uk-container { padding: 0 15px; }
.imagemaker-social { right: 15px; }
.home-slider-nav{ left:15px;}
.home-slider .slide-copy{ text-align:center;}
.slide-copy h1, .slide-copy h2, .slide-copy h3, .slide-copy p { font-size: 1.1em; text-align:center !important; }
.home-slider .slide-copy img { display: block!important; margin-left: auto!important; margin-right: auto!important; }
.home-slider-nav{width:100%; text-align:center; left:0;} 
.brandlogo { max-width: 275px; display: block; margin: 0 auto; }
.gallery-caption { font-size: 12px; }
.uk-dotnav>* { padding-left: 10px; }
.uk-dotnav>*>* { width: 12px; height: 12px; }
}
@media (max-width: 480px) {
.t-logo{ width:120px; height:auto; top:31px;}
.imagemaker-social .uk-icon-button{ height:20px; width:20px; font-size:12px; line-height:20px; margin-top:13px;}
.btn-home-slider{ font-size:12px; padding:2px 10px;}
footer{ margin:20px 0;}
.scrollup{ right:15px; width:30px; height:30px; background-size:cover;}
.brandlogo { max-width: 210px; display: block; margin: 0 auto; }
.extra-spaced { font-size: 0.7em; }
}