@charset "utf-8";

/*
---------------------------------------------------------------------------------------------------- 
	Fonts
----------------------------------------------------------------------------------------------------
*/

@font-face {
    font-family: 'SourceSansPro-Light';
    src: url('fonts/SourceSansPro-Light-webfont.eot');
    src: url('fonts/SourceSansPro-Light-webfont-1.eot') format('embedded-opentype'),
         url('fonts/SourceSansPro-Light-webfont.woff') format('woff'),
         url('fonts/SourceSansPro-Light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*
---------------------------------------------------------------------------------------------------- 
	Defaults (Body, Font, Headings, Buttons etc.)
----------------------------------------------------------------------------------------------------
*/

body {
	color: #606060;
}

h1, h2, h3, h4 {
	color: #a0a0a0;
	line-height: 1.1;
	font-family: 'SourceSansPro-Light', Arial, Helvetica, sans-serif;	
}

a {
	color: #aa1e29;
}

.icons a {
	border-color: #aa1e29;	
}

input[type='submit'] {
	color: #ffffff;
	background-color: #aa1e29;	
}

input[type='submit']:hover {
	background-color: #606060 !important;
}	

.con-pagination td > a {
	color: #aa1e29;
	border-color: #aa1e29;
}

.con-pagination td.numbers a.selected {
	color: #fff;
	background-color: #aa1e29;
}

.con-pagination td > a:hover {
	border-color: #101010;	
	background-color: #101010 !important;
}

/*
---------------------------------------------------------------------------------------------------- 
	App
----------------------------------------------------------------------------------------------------
*/

.app-header {
	transition: margin-left 0.25s;	
}

.app-header .logo img {
	opacity: 1;
	filter: alpha(opacity = 100);	
}

.app-header .logo img:first-child {
	opacity: 0;
	filter: alpha(opacity = 0);
}

.app-body {
	padding-top: 40px;	
}

.nav-menu {
	transition: none;
}

.nav-menu.toggle {
	color: #a0a0a0;	
}

.nav-menu li.active a {
	color: #ffffff;
	transition: none;	
	background-color: #aa1e29;
}

.nav-bar {
	background-color: #ffffff;	
}

.nav-bar .nav-toggle .icon-bar {
	background-color: #aa1e29;
}

.app-header.toggle .nav-bar {
	background-color: #ffffff;	
}

.app-header.toggle .nav-toggle .icon-bar {
	background-color: #aa1e29;
}

.app-footer {
	color: #aa1e29;
	background-color: #ffffff;	
}

/*
---------------------------------------------------------------------------------------------------- 
	Containers
----------------------------------------------------------------------------------------------------
*/

.con-slideshow .heading {
	font-family: 'SourceSansPro-Light', Arial, Helvetica, sans-serif;	
}

.con-slideshow .body {
	font-family: 'SourceSansPro-Light', Arial, Helvetica, sans-serif;	
}

.con-subscribe h2 {
	color: #a0a0a0;	
}

.con-subscribe input[type='submit'] {
	color: #fff;
	background-color: #aa1e29;
}

.con-contact input[type='submit'] {
	color: #fff;
	background-color: #aa1e29;
}

.con-categories li a.selected {
	color: #606060;
}

.con-search input {
	font-family: 'SourceSansPro-Light', Arial, Helvetica, sans-serif;	
}

.con-product .meta > * {
	color: #606060;		
}

/* Borders */

.con-categories h3, .con-login h1, .con-cart h1 {
	border-bottom-color: #606060;
}

.con-search {
	border-color: #606060;
}

.con-cart .row.no-border .last {
	border-bottom-color: #606060;
}

/*
---------------------------------------------------------------------------------------------------- 
	Wrappers
----------------------------------------------------------------------------------------------------
*/

.banner-1 {
	background-color: #aa1e29;
}

.wrap-line-up .module-image, .wrap-line-up .module-image img {
	width: auto;
	max-width: 100%;
	max-height: 160px;
	margin-left: auto;
	margin-right: auto;
}

.wrap-line-up .link a {
	color: #aa1e29;
	border-color: #aa1e29;
}

.wrap-shop .hr hr {
  border-top-color: #ffffff;
}

.wrap-blog .con-default {
  border-bottom-color: #ffffff;
}

/*
---------------------------------------------------------------------------------------------------- 
	Lightbox
----------------------------------------------------------------------------------------------------
*/

#lightboxContent {	
	box-shadow-color: #606060;			
}

/*
---------------------------------------------------------------------------------------------------- 
	Media queries
----------------------------------------------------------------------------------------------------
*/

@media (min-width: 992px) { 
	
	.app-body {
		padding-top: 80px;	
	}
		
	.nav-menu {
		color: #a0a0a0;		
	}		
		
	.nav-menu li a:hover {
		color: #aa1e29;
		background-color: transparent;
	}
	
	.nav-menu.toggle li a:hover {
		color: #aa1e29;
		background-color: transparent;
	}	
	
	.nav-menu li.active a {
		color: #fff;
		background-color: #aa1e29;
	}
	
	.nav-menu.toggle li.active a {
		color: #fff;
		background-color: #aa1e29;
	}
}