/*
Theme Name: Frank Leder on Bootstrap
Theme URI: 
Author: Vee Winch
Author URI: http://okvee.net
Description: Bootstrap v.3 basic theme for developers to build their new theme very fast and easy.
Version: 1.0.2
License: MIT
License URI: http://opensource.org/licenses/MIT
Text Domain: frank-leder
Domain Path: /languages/
Tags: white, gray, light, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, front-page-post-form, post-formats, threaded-comments, translation-ready

This theme built with Twitter Bootstrap v.3. It is basic theme with basic style for build new theme with Bootstrap.

*/


@font-face {
  font-family: 'U8-Regular';
  src: url('/content/themes/frank-leder/fonts/U8-Regular.eot');
  src: url('/content/themes/frank-leder/fonts/U8-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'U8-Bold';
  src: url('/content/themes/frank-leder/fonts/U8-Bold.eot');
  src: url('/content/themes/frank-leder/fonts/U8-Bold.woff') format('woff');
  font-weight: bold;
  font-style: bold;
}

* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

a:focus {outline:none;}
a::-moz-focus-inner {border:0;}

.container-fluid-nav {
	margin: 0;
	width: 100%;	
}

/* ---------- HEADER ---------- */

/* Homepage */

#site-header {
	position: relative;
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0;
	padding: 0;
}

#inner {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	padding: 0;
}


svg { max-width: 100%; height: auto; }
svg rect { max-width: 100%; height: auto; }

.site-branding a { display: block; }
.site-branding a img { background-color: #333333; border: 0px solid #fafaf8; }			/* LOGO HOMEPAGE */
.site-branding a:hover img { background-color: #e4bc94; border: 0px solid #fafaf8; }	/* LOGO HOMEPAGE */

.site-branding svg #franklederpath { 
	-webkit-transition: all ease-in-out .4s;
	-moz-transition: all ease-in-out .4s;
	-o-transition: all ease-in-out .4s;
	transition: all ease-in-out .4s;
}
.site-branding svg:hover #franklederpath { fill: #D20019; }

#site-header .teaser {
	border: 0px solid #fafaf8;
	padding: 20px;
	margin:auto;

	display: none;

	-webkit-transition: all ease-in-out .4s;
	-moz-transition: all ease-in-out .4s;
	-o-transition: all ease-in-out .4s;
	transition: all ease-in-out .4s;
}

#site-header .teaser:hover{ border: 0px solid #fafaf8; 	display: none; }
#site-header .teaser:hover > a { color: #D20019; text-decoration: none;	display: none; }


/* ---------- NAVIGATION ---------- */

#nav, #nav.affix {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index:10;
}

@media (max-width: 767px) {
	#nav.affix-top {    
		position: fixed;
		top: 0px;
		left: 0px;
		right: 0px; 
	    z-index:10;
	}
}

.navbar-default {
	background-color: #fafaf8;
}

@media (max-width: 767px) {
	.navbar {
		margin-bottom: 0;
		padding: 0px 20px;
		white-space: nowrap;	
	}
}

@media (min-width: 768px) {
	.navbar {
		margin-bottom: 0;
		padding: 20px 50px;
		white-space: nowrap;	
	}
}

.nav-justified { margin: auto; }
.nav > li > a {
	text-transform: capitalize;
	display: block;
	margin: auto;
}


@media (max-width: 767px) {
	.nav-justified > li  { text-align: right; }
	.nav-justified > li > a { display: inline-block; margin: 9px 10px; }
}

@media (min-width: 768px) {
	.navbar { min-height: 60px; }
	.nav-justified { width: 80%; }
	.nav-justified > li { text-align: center; }
}

@media (min-width: 992px) {
	.navbar { min-height: 60px; }
	.nav-justified { width: 66%; }
	.nav-justified > li { text-align: center; }
}


.nav > li > a:hover, .nav > li > a:focus {
	border: 0 none;
}
.nav > li > a:hover > span, .nav > li > a:focus > span {
	border-bottom: 1px solid #000;
}

.navbar-toggle {
	position: relative;
	float: right;
	margin: 9px 10px;
	padding: 0px;
	border: 0px none;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: transparent;
}

.navbar-default .navbar-toggle:hover > span, .navbar-default .navbar-toggle:focus > span{
	border-bottom: 1px solid #000;
}

.site-title-toggle {
	margin: 9px 10px;
	display: inline-block;
}
.site-title-toggle:hover {
	text-decoration: none;
}
.site-title-toggle:hover > span {
	border-bottom: 1px solid #000;
}

/* ---------- SPACING ---------- */

/* Intro */
@media (max-width: 767px) { .teaser { width: 240px; }}	/* xs */
@media (min-width: 768px) { .teaser { width: 280px; }} /* sm */
@media (min-width: 992px) { .teaser { width: 340px; }} /* md */

/* Main */
@media (max-width: 767px) {	.section-header { padding-top: 60px; }}
@media (min-width: 768px) { .section-header { padding-top: 110px; }}
.section-header { padding-bottom: 50px; }
.section.archive { padding-bottom: 50px; }

.section:first-child { padding-top: 130px; padding-bottom: 75px; }

p:last-child { margin: 0px ;}


@media (max-width: 767px) {

	.container-fluid {
		margin-right: 2%;
		margin-left: 2%;
		max-width: 1680px;
	}
	.row-with-vspace {
		margin-bottom: 0px;
	}
	.xs-col-vspace-bottom  {
		margin-bottom: 50px;
	}
}

@media (min-width: 768px) {

	.row-with-vspace {
		margin-bottom: 50px;
	}
	.row-with-vspace:last-child {
		margin-bottom: 0px;
	}

	.padding-25 {
		padding-left: 25px;
		padding-right: 25px;
	}
	.padding-30 {
		padding-left: 30px;
		padding-right: 30px;
	}	
	.padding-40 {
		padding-left: 40px;
		padding-right: 40px;
	}
	.padding-50 {
		padding-left: 50px;
		padding-right: 50px;
	}

	.add-row-padding {
		padding-left: 25px;
		padding-right: 25px;
	}
}

@media (min-width: 992px) {
	
	.container-fluid {
		margin-right: 5%;
		margin-left: 5%;
		max-width: 1680px;
	}
	.add-row-padding {
		padding-left: 50px;
		padding-right: 50px;
	}
}

.black-line { border-top: 2px solid #000; border-top: 2px solid #000; margin-top: 50px; margin-bottom: 50px;}

.season { padding-left: 15px; 	}

.vcard-2-stock { border: 1px solid #000; padding: 40px; margin: auto; }
.vcard-2-stock svg { margin-bottom: 10px; width: 85%; }
@media (max-width: 767px) { .vcard-2-stock { width: 300px; font-size: 12px; } }	/* xs */
@media (min-width: 768px) { .vcard-2-stock { width: 340px; font-size: 12px; } } /* sm */
@media (min-width: 992px) { .vcard-2-stock { width: 400px; font-size: 14px; } } /* md */


/* ---------- COLORS ---------- */

body {
	background-color: #fafaf8;
	color: #000;
}

.grey-back, .lazy-container {
	background-color: #f3efea;
}




/* ---------- TYPE ---------- */

body {
	text-rendering: optimizeLegibility;
	font-family: 'U8-Regular'; 
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0.04em;

}

@media (max-width: 767px) { body { font-size: 12px; } small, .small { font-size: 10px; } h2 { font-size: 20px; } h4 { font-size: 12px; } }
@media (min-width: 768px) { body { font-size: 14px; } small, .small { font-size: 12px; } h2 { font-size: 22px; } h4 { font-size: 14px; } }
@media (min-width: 992px) { body { font-size: 16px; line-height: 1.6; } small, .small { font-size: 14px; } h2 { font-size: 25px; } h4 { font-size: 16px; } }

b, strong {
	font-family: 'U8-Bold'; 
	font-weight: bold;
	font-style: bold;
}

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h4 { margin-bottom: 15px; }

.section-headline {
	border-top: 2px solid #000;
	text-align: center;
	text-transform: uppercase; 
	letter-spacing: 0.15em;
}

.text-align-center { text-align: center; }
.text-align-right { text-align: right; }
.teaser p { #white-space: nowrap; }
.vcard-2-stock p { white-space: nowrap; }
.inline { display: inline; }
.edit-button { font-size: 8px; }

.pre-wrap { white-space: pre-wrap; }

p { margin: 0 0 15px}

li { list-style: none; }


/* ---------- LAZY ---------- */

.lazy-container {
	height: 0;
}

/* ---------- FLEXSLIDER ---------- */

.flex-viewport { max-width: inherit; }
.XX-flexslider .slides > li { display: block; -webkit-backface-visibility: visible;} /* Hide the slides before the JS is loaded. Avoids image jumping */
#XX-tradition-ref-li { display: block; -webkit-backface-visibility: visible;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flex-direction-nav a  {  
	opacity: 1; 
	-moz-transition: none;
	-webkit-transition: none;
	transition: none;
}

.flex-direction-nav a { width: 32px; height: 32px; }
.flex-direction-nav .flex-prev { left: 10px; }
.flex-direction-nav .flex-next { right: 10px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 1; left: 10px; }
.flexslider:hover .flex-next { opacity: 1; right: 10px; }

.flexslider .display-table { display: table; }
.flexslider .display-table-cell { display: table-cell; }
.flexslider .vertcal-align-center { vertical-align: middle; }

@media (max-width: 767px) { .flexslider .description { font-size: 10px; padding: 20px ; } }
@media (min-width: 768px) { .flexslider .description { font-size: 12px; padding: 20px ; }  }
@media (min-width: 992px) { .flexslider .description { font-size: 12px; padding: 20px ; }  }

.flex-direction-nav a::before { font-size: 30px; line-height: 1.5; }

/* ---------- MODAL ---------- */

.modal-backdrop { background-color: transparent; }
.modal-content { background-color: #f3efea; 
	border: 0 none; 
	-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}

.modal-body { padding: 0 20px 20px 20px; } 
.modal-dialog .close { }
.modal-header  { border-bottom: 0 none; padding-top: 10px; padding-right: 10px; padding-left: 10px; }
.modal-body p { margin-bottom: 30px; }
.modal-body p:last-child { margin-bottom: 0px; }

@media (max-width: 767px) { #kontaktModal .modal-dialog { width: 60%; margin: 14% auto; } }
@media (min-width: 768px) { #kontaktModal .modal-dialog { width: 45%; margin: 14% auto; } }
@media (min-width: 992px) { #kontaktModal .modal-dialog { width: 35%; margin: 14% auto; } }
#kontaktModal .modal-body { text-align: center; }

@media (max-width: 767px) { #shopModal .modal-dialog { width: 80%; margin: 10% auto; } }
@media (min-width: 768px) { #shopModal .modal-dialog { width: 60%; margin: 10% auto; } }
@media (min-width: 992px) { #shopModal .modal-dialog { width: 50%; margin: 5% auto; } }


/* ---------- SHOP BY REQUEST FORM ---------- */

.shop-by-request { border: 1px solid #000; }
.shop-by-request .row-with-vspace { }

@media (max-width: 767px) { .shop-by-request .row-with-vspace { margin-bottom: 25px; } }

.shop-by-request .section-header { padding-top: 25px; padding-bottom: 25px;  }
.shop-by-request .section-headline { border-top: 0 none; }
.shop-by-request .section-headline h2 { margin-top: 0; margin-bottom: 0; }

.shop-by-request-button.collapsed { background-color: transparent; color: #000; border: 0 none; transition: all 0.5s ease; } 
.shop-by-request-button.collapsed:hover { background-color: transparent; color: #D20019; } 
.shop-by-request-button { background-color: transparent; color: #D20019; border: 0 none;  } 

.shop-by-request-intro .name { white-space: nowrap; }

.shop-by-request .shop-by-request-list-header { margin-bottom: 25px; }
.shop-by-request-list .garments .shop-by-request-list-head { padding-bottom: 25px; }
.shop-by-request-list .sizes .shop-by-request-list-head span.first { margin: 0 0 0 0em }
.shop-by-request-list .sizes .shop-by-request-list-head span { margin: 0 0 0 1.6em }
.shop-by-request-list .garments li { margin-bottom: 0.5em; }
.shop-by-request-list .sizes li { margin-bottom: 0.4em; }


/* ---------- SHOP TRADITON ---------- */


.shop-tradition { border: 1px solid #D20019; padding-top: 25px; padding-bottom: 25px; text-align: center; margin-bottom: 50px;}

#shop-tradition .black-line {margin-bottom: 150px; }

@media (max-width: 767px) { .shop-tradition .row-with-vspace { margin-bottom: 25px; } }

.shop-tradition-link { margin-top: 0px; margin-bottom: 0px; }

.shop-tradition-link a { 
	background-color: transparent; border: 0 none; 
	color: #D20019; text-transform: capitalize;
	transition: all 0.5s ease;  
} 
.shop-tradition-link a:hover { border: 0 none; text-decoration: none; color: #000; } 


/* ---------- STORES ---------- */

#stores .lazy-container { overflow: hidden; position: relative; margin-bottom: 50px; }
#stores .lazy-container img { position: absolute; top: 0; left: 0; }
#stores .lazy-container img.inside { opacity: 0; }
#stores .lazy-container img.inside.show { opacity: 1; }




/* ---------- CONTACT FORM 7 ---------- */

.wpcf7-list-item { margin: 0 0 0 1.4em !important; }
.wpcf7-list-item.first { margin: 0 0em 0 0em !important; }
.wpcf7-list-item-label { padding-left: 1em; display: inline-block; }

.wpcf7-not-valid-tip {
	color: #D20019 !important;
	font-size: 12px !important;
	padding-left: 10px; padding-top: 10px;
}

.shop-by-request-footer .wpcf7-form-control-wrap { display: inline-block; margin: 0 0 3em 0; }
.shop-by-request-footer .wpcf7-form-control-wrap, .shop-by-request-footer .wpcf7-form-control { width: 100%; }
.shop-by-request-footer .wpcf7-form-control-wrap textarea { margin: 1.5em 0 0em 0; }

.shop-by-request-list .sizes .wpcf7-checkbox .wpcf7-list-item-label { display: none; }


input[type="checkbox"], input[type="text"], input[type="email"], input[type="submit"], textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: transparent;
	display: inline-block;
	position: relative;
	border: 1px solid #000000;
	padding: 10px; 
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

input[type="checkbox"] { 
	padding: 7px; 
	transition: all 0.5s ease;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

input[type="checkbox"]:checked { color: #000; background-color: #000; }

input[type="text"], input[type="email"] {
	border: 0 none;
	border-bottom: 1px solid #000000; 
}

input[type="text"]:focus, input[type="email"]:focus, textarea:focus {
	outline: none !important;
	border-color: #D20019;
}

input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, textarea::-moz-placeholder { color: #999; transition: all 0.5s ease; }
input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; transition: all 0.5s ease; }
input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, textarea::-ms-input-placeholder { color: #999; transition: all 0.5s ease; }

input[type="text"]:focus::-moz-placeholder, input[type="email"]:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color: #DDD; }
input[type="text"]:focus::-webkit-input-placeholder, input[type="email"]:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: #DDD; }
input[type="text"]:focus:-ms-input-placeholder, input[type="email"]:focus:-ms-input-placeholder, textarea:focus::-ms-input-placeholder { color: #DDD; }


.shop-by-request-submit { text-align: center; }
.shop-by-request-submit input[type="submit"] { width: 100%; padding: 20px 20px 10px; border: 0 none; border-bottom: 2px solid #D20019; transition: all 0.5s ease; }
.shop-by-request-submit input[type="submit"]:hover { border-color: #D20019; color: #D20019; }
@media (max-width: 480px) { .shop-by-request-submit input[type="submit"] { padding: 10px 10px 5px; } }

.shop-by-request .shop-by-request-recaptcha { margin-bottom: 0px; }
.shop-by-request-recaptcha .g-recaptcha { display: none; }
.grecaptcha-badge { display: none; }

.wpcf7-response-output { text-align: center; margin: 0 0 50px !important; }
.wpcf7-validation-errors { border: 1px solid #f7e700 !important; }

@media (max-width: 480px) { 
	.shop-by-request-list .garments .shop-by-request-list-head { padding-bottom: 20px; }
	.shop-by-request-list .sizes .shop-by-request-list-head span { margin: 0 0 0 1.2em; }
	.shop-by-request-list .garments li { margin-bottom: 0.7em; }
	.shop-by-request-list .sizes li { margin-bottom: 0.4em; }
	.wpcf7-list-item { margin: 0 0 0 1em !important; }
	input[type="checkbox"] { padding: 5px; }
}


.g-recaptcha div { margin: 0 auto 25px; }

/* ---------- FOOTER ---------- */

#site-footer { font-size: 10px; margin-bottom: 50px; }


/* ---------- CONTROLLER ---------- */

.window_control {
    position: fixed;
    bottom: 70px;
    right: 10px;
    text-align: right;
    color: #666;
    width: 200px;
    font-size: 10px;
}
.window_resize_control {
    color: #666;
    font-size: 10px;

}