/*
 * Mandatum storefront theme.
 * Palette follows mandatum.fi: black / white base, warm beige highlights,
 * neutral greys and square corners.
 *   black      #000
 *   text       #212529
 *   beige      #e9e3dd
 *   beige-lt   #ebe9e4
 *   grey       #9b9b9b
 *   grey-dark  #686868
 */

body {
	padding-top: 0;
	background: #fff;
	color: #212529;
}

a {
	color: #000;
}
a:hover, a:focus {
	color: #686868;
}

.company-welcome {
	background: #e9e3dd;
	color: #111;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
.company-welcome h5 {
	margin: 0;
}

.kalenterikauppa-logo img {
	max-width: 300px;
}
.icon-img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 3.429em;
}

.front-page .navbar-webink .container {
	box-shadow: none;
}

.content{
	background: #fff;
}

.carousel-inner > .item > img {
    height: auto;
    margin: 0 auto;
}

/* BUTTONS */

.btn, .form-control, .badge, .card, .dropdown-menu {
	border-radius: 0;
}

.btn-primary, .btn-success, .btn-info {
	background: #000;
	border-color: #000;
	color: #fff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active,
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
	background: #333;
	border-color: #333;
	color: #fff;
}

.btn-default {
	background: #fff;
	border-color: #000;
	color: #000;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
	background: #e9e3dd;
	border-color: #000;
	color: #000;
}

.form-control:focus {
	border-color: #000;
	box-shadow: none;
}

/* NAVBAR */

/* Black header like mandatum.fi; use logo_mandatum_white.png as the logo */
.navbar-webink, .navbar-collapse {
	background: #000;
}

/* Vertically center the 48px logo with the 50px high nav links */
@media(min-width: 768px) {
	.navbar-webink .navbar-brand {
		padding-top: 1px;
		padding-bottom: 1px;
	}
}

/* NAV MOBILE TOGGLE BUTTONS */

.navbar-toggle {
	background: #000;
	color: #fff;
	border: 1px solid #686868;
	box-shadow: none;
}
.navbar-toggle:hover, .navbar-toggle:focus {
	background: #333;
	color: #fff;
}

/* NAV BUTTONS */

/* Cart link styled like the light "Kirjaudu" button on mandatum.fi */
.nav .cart-link {
	background: #e9e3dd;
}

.nav .cart-link > a {
	color: #000;
}

.navbar-form input.form-control {
	color: #212529;
}

.navbar-webink li > a {
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #fff;
}

.nav .cart-link .badge {
	background: #000;
	color: #fff;
}

.navbar-form button, .navbar-form .btn-default {
	background: #000;
	color: #fff;
	border-color: #9b9b9b;
}
.navbar-form button:hover, .navbar-form button:focus, .navbar-form .btn-default:hover, .navbar-form .btn-default:focus {
	background: #333;
	color: #fff;
	border-color: #fff;
}

.navbar-webink li > a:hover, .navbar-webink li > a:focus, .navbar-webink .open > a, .navbar-webink .open > a:hover, .navbar-webink .open > a:focus {
	background: #222;
	color: #9b9b9b;
}

/* Language selector hangs below the black navbar, keep it dark */
.navbar-webink .language_selection ul > li > a {
	color: #000;
}
.navbar-webink .language_selection ul > li.active > a {
	border-bottom-color: #000;
}

.nav .cart-link:hover, .nav .cart-link:focus,
.navbar-webink .nav .cart-link > a:hover, .navbar-webink .nav .cart-link > a:focus {
	background: #fff;
	color: #000;
}

/* STYLE CHANGES */

.page-header h1.section-heading, .left-menu .category-menu-title{
	color: #000;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.left-menu .category-menu-title {
	border-bottom: 1px solid #000;
}

.card-block {
	height: auto;
}

.product-card h1 {
	color: #000;
}

/* FOOTER */

.footer {
	background: #000;
	color: #9b9b9b;
}

.footer a {
	background: #000;
	color: #fff;
}
.footer a:hover, .footer a:focus {
	color: #9b9b9b;
}

/* PRODUCTS INDEX PAGE */

.card-title a {
	text-transform: uppercase;
	color: #000;
}
.card-title a:hover, .card-title a:focus {
	color: #686868;
}

.smaller-card h4{
	font-size: 20px;
	height: 65px;
	overflow: hidden;
}

.top-texts {
	text-transform: uppercase;
	color: #000;
	font-size: 20px;
}

.top-image {
	padding-top: 30px;
	padding-bottom: 30px;
	background: #ebe9e4;
}

.style-image {
	margin: 0 auto;
	width: 100%;
}

@media(max-width: 1379px) {
	.top-texts {
		font-size: 16px;
		padding-bottom: 16px;
	}
	.icon-img {
		height: 2.429em;
	}

}
@media(max-width: 991px) {
	.top-texts {
		font-size: 14px;
	}
}

@media(max-width: 767px) {
	.top-texts .text-right, .top-texts .text-center, .top-texts .text-left {
		text-align: center;
	}

	.smaller-card .card-img-wrapper, .smaller-card .card-content {
		float: none;
		width: 100%;
		padding: 0 15px;
	}

	.page-header {
		background: #e9e3dd;
		text-align: center;
	}

	.page-header h1.section-heading, .left-menu .category-menu-title {
		color: #000;
	}
}