/*
 Theme Name:   LVC Child
 Theme URI:    http://www.mayday-mayday-mayday.com/
 Description:  Based on the 2013 theme created for Levi's Vintage Clothing
 Author:       Mayday Mayday Mayday
 Author URI:   http://www.mayday-mayday-mayday.com/
 Template:     vintage
 Version:      1.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  vintage
*/

@import url("../vintage/style.css");
@import url(http://fonts.googleapis.com/css?family=Crimson+Text:400,400italic);

/* =Black Denim Section
-------------------------------------------------------------- */

.button.bdenim-shop {
	font: 1.1666em/2.428571em 'NeutraliserSerif', Georgia, Times, serif;
	color: #fff !important;
	background: #c41230;
    border-color: #c41230;
	width: 10em;
    min-width: 10em;
    bottom: 4.9285714em;
}
.button.bdenim-shop:hover {
    border-color: #242424;
}
.bdenim-logo {
	margin: 20px 20px 0px 20px;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	border: right:1px solid #000;
	border-right: 2px solid #000;
	padding: 30px;
	background-color: #fefefe;
}
.bdenim-box {
	text-align: center;
	font: 0.857142em/1.5em 'NeutraliserSerif', Georgia, Times, serif;
	color: #000000;
	border-left: 2px solid #000;
	margin: 0px 20px;
	border-right:  2px solid #000;
	background-color: #fefefe;
}
.bdenim-box.last {
	border: none;
	background-color: #fefefe;
	margin: 0px 20px 40px 20px;
	border: 2px solid #000;
}
.bdenim-box.bdenim-abstract {
	font: 1.0714285em/1.2em 'NeutraliserSerif', Georgia, Times, serif;
	/* padding-top: 0.6428571em; */
	color: #000000;
    text-align: left;
	background-color: #fefefe;
}
.bdenim-box-inner {
    margin: 0px auto;
    max-width: 960px;
    width: 100%;
    background: #fefefe;
    border-top: 2px solid #000;
    padding-top: 20px;
    padding-bottom: 20px;
	display: inline-block;
}
.bdenim-box-left {
	width: 49.75%;
	float: left;
	border-right: 2px solid #000;
}
.bdenim-box-right {
	width: 50%;
	float: right;
}
.bdenim-box.bdenim-abstract .bdenim-box-left {
    width: 44.781666%;
    padding: 2.0em 1.536111% 1.0em 3.47222%;
    background-color: #fefefe;
    border-right: 2px solid #000;
}
.bdenim-box.bdenim-abstract .bdenim-box-right {
    width: 44.791666%;
    padding: 2.0em 3.47222% 1.0em 1.736111%;
    background-color: #fefefe;
    border-left: px solid #000;
}
.bdenim-box-text {
    text-transform: uppercase;
}
.bdenim-box-left img,
.bdenim-box-right img {
    width: 68.333%;
    margin: 0 auto;
}
.bdenim-box h2 {
	position: relative;
	font: bold 1.58333em/1.0em 'NeutraliserSerif', Georgia, Times, serif;
	color: #000000;
	border-top: none;
    padding: 1.0em 0 0.473684em;
    margin: 0 0 0.68421em;
}
.bdenim-box h2 span {
    position: absolute;
    top: 0;
    left: 0;
	display: block;
    width: 100%;
	font: normal 0.7368421em/1.3571428em 'NeutraliserSerif', Georgia, Times, serif;
}
.bdenim-box h2:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -7em;
    width: 14em;
    height: 1px;
    background: #000000;
}
.bdenim-box-text p {
    padding-bottom: 2.666em;
}

.bdenimshop_holder_overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(36,36,36,.8);
	z-index: 100;
}

.bdenimshop_holder {
	display: none;
	position: fixed;
	width: 300px;
	left: 50%;
	top: 50%;
	margin-left: -150px;
	margin-top: -98px;
	background: #e5e4e2;
	z-index: 101;
}

.bdenimshop_holder:before {
	content: "Shop Bing";
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 1.285714em;
	padding-top: 0.8333em;
}

.bdenimshop_holder .close {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 13px;
	height: 13px;
	background: url('images/icon-close.png') no-repeat;
}

.bdenimshop_holder .close:hover {
	cursor: pointer;
}

.bdenimshop_holder .close span {
	position: absolute;
	left: -99999em;
}

.bdenimshop_holder_inner {
	width: 270px;
	padding: 11px 15px;
}

.bdenimshop_holder_inner a {
	border-top: 1px solid #d6d5d3;
	display: block;
	height: 2.428571em;
	text-decoration: none;
	color: #242424;
	font-weight: bold;
}

.bdenimshop_holder_inner a:hover {
	color: #242424;
}

.bdenimshop_holder_inner a span {
	vertical-align: middle;
	display: inline-block;
	line-height: 1.0em !important;
	height: 1.0em;
	padding: 0.714285em 0;
}

.bdenimshop_holder_inner a:first-child {
	border-top: none;
}

/* =Black Denim Section RWD
-------------------------------------------------------------- */
@media screen and (max-width: 960px) {

	.bdenim-box-inner {
		background: #fefefe;
	}

	.bdenim-box-left,
	.bdenim-box-right {
		width: 100%;
		float: none;
		border: none;
	}

	.bdenim-box.bdenim-abstract {
		text-align: center;
	}

	.bdenim-box.bdenim-abstract .bdenim-box-left {
	    width: 89.58333%;
    	padding: 2.0em 5.208333% 0;
	}

	.bdenim-box.bdenim-abstract .bdenim-box-right {
	    width: 89.58333%;
    	padding: 0 5.208333% 1.0em;
		margin-top: -1.0em;
	}
	
	.bdenim-box h2:after {
		background:none;
	}
	
	.bdenim-box.last {
		padding-top: 0px;
	}
}

/* =Sun Curtains Section
-------------------------------------------------------------- */

.curtains {
	font-family: 'Crimson Text', serif;
	text-align: center;
	color: #000000;
	font-size: 36px;
	border-top: none;
	text-transform: none;
	padding: 0px;
	font-weight: normal;
}
.button.curtains-shop {
	font: 1.1666em/2.428571em 'Crimson Text', serif;
	font-weight: normal;
	color: #fff !important;
	background: #dd3837;
    border-color: #dd3837;
	left: 48%;
	transition-timing-function: ease-out;
	transition-duration: 250ms;
}
.button.curtains-shop:hover {
    border-color: #ae1a19;
	background: #ae1a19;
	color: #fff !important;
	cursor: pointer;
	transition-timing-function: ease-in;
	transition-duration: 250ms;
}
.curtains-logo {
	margin: 20px 20px 0px 20px;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	border: right:1px solid #000;
	border-right: 2px solid #000;
	padding: 30px;
	background-color: #fefefe;
}
.curtains-box {
	text-align: center;
	font: 1em/1.5em 'Crimson Text', serif;
	color: #000000;
	border-left: 2px solid #000;
	margin: 0px 20px;
	border-right:  2px solid #000;
	background-color: #fefefe;
}
.curtains-box.last {
	background-color: #fefefe;
	margin: 0px 20px 40px 20px;
	border-bottom: 2px solid #000;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
}
.curtains-box.whole {
	border: none;
	background-color: #fefefe;
	margin: 0px 20px 0px 20px;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	border-top: 2px solid #000;
}
.curtains-box.curtains-abstract {
	font: 1.0714285em/1.2em 'Crimson Text', serif;
	color: #000000;
    text-align: left;
	background-color: #fefefe;
}
.curtains-box-inner {
    margin: 0px auto;
    max-width: 960px;
    width: 100%;
    background: #fefefe;
    border-top: 2px solid #000;
    padding-top: 20px;
    padding-bottom: 20px;
	display: inline-block;
}
.curtains-box-left {
	width: 49.75%;
	float: left;
}
.curtains-box-right {
	width: 50%;
	float: right;
	border-left: 2px solid #000;
}
.curtains-box.curtains-abstract .curtains-box-left {
    width: 44.781666%;
    padding: 2.0em 1.536111% 1.0em 3.47222%;
    background-color: #fefefe;
    border-right: 2px solid #000;
}
.curtains-box.curtains-abstract .curtains-box-right {
    width: 44.791666%;
    padding: 2.0em 3.47222% 1.0em 1.736111%;
    background-color: #fefefe;
    border-left: px solid #000;
}
.curtains-box-text {
    text-transform: none;
}
.curtains-box-intro {
    text-transform: none;
    text-align: justify;
    width: 90%;
    font-size: 16px;
    line-height: 22px;
    vertical-align: middle;
    padding-top: 45%;
}
.firstcharacter { 
	float: left; 
	color: #000; 
	font-size: 62px; 
	line-height: 24px; 
	padding-top: 6px; 
	padding-right: 4px; 
	padding-left: 0px; 
	font-family: 'Crimson Text', serif; 
}
.curtains-box-left img,
.curtains-box-right img {
    width: 68.333%;
    margin: 0 auto;
}
.curtains-box h2 {
	position: relative;
	font: 1.58333em/1.0em 'Crimson Text', serif;
	color: #000000;
	border-top: none;
    padding: 1.0em 0 0.473684em;
    margin: 0 0 0.68421em;
	font-weight: normal;
}
.curtains-box h2 span {
    position: absolute;
    top: 0;
    left: 0;
	display: block;
    width: 100%;
	font: normal 0.7368421em/1.3571428em 'Crimson Text', serif;
}
.curtains-box h2:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -7em;
    width: 14em;
    height: 1px;
    background: #000000;
}
.curtains-box-text p {
    padding-bottom: 2.666em;
}

.curtainsshop_holder_overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(36,36,36,.8);
	z-index: 100;
}

.curtainsshop_holder {
	display: none;
	position: fixed;
	width: 300px;
	left: 50%;
	top: 50%;
	margin-left: -150px;
	margin-top: -98px;
	background: #e5e4e2;
	z-index: 101;
}

.curtainsshop_holder:before {
	content: "Shop Bing";
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 1.285714em;
	padding-top: 0.8333em;
}

.curtainsshop_holder .close {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 13px;
	height: 13px;
	background: url('images/icon-close.png') no-repeat;
}

.curtainsshop_holder .close:hover {
	cursor: pointer;
}

.curtainsshop_holder .close span {
	position: absolute;
	left: -99999em;
}

.curtainsshop_holder_inner {
	width: 270px;
	padding: 11px 15px;
}

.curtainsshop_holder_inner a {
	border-top: 1px solid #d6d5d3;
	display: block;
	height: 2.428571em;
	text-decoration: none;
	color: #242424;
	font-weight: normal;
}

.curtainsshop_holder_inner a:hover {
	color: #242424;
}

.curtainsshop_holder_inner a span {
	vertical-align: middle;
	display: inline-block;
	line-height: 1.0em !important;
	height: 1.0em;
	padding: 0.714285em 0;
}

.curtainsshop_holder_inner a:first-child {
	border-top: none;
}

/* =Sun Curtains Section RWD
-------------------------------------------------------------- */
@media screen and (max-width: 960px) {

	.curtains-box-inner {
		background: #fefefe;
	}

	.curtains-box-left,
	.curtains-box-right {
		width: 100%;
		float: none;
		border: none;
	}

	.curtains-box.curtains-abstract {
		text-align: center;
	}

	.curtains-box.curtains-abstract .curtains-box-left {
	    width: 89.58333%;
    	padding: 2.0em 5.208333% 0;
	}

	.curtains-box.curtains-abstract .curtains-box-right {
	    width: 89.58333%;
    	padding: 0 5.208333% 1.0em;
		margin-top: -1.0em;
	}
	
	.curtains-box h2:after {
		margin-left: -6em;
		width: 12em;
	}
	
	.curtains-box.last {
		padding-top: 0px;
	}
	
	.button.curtains-shop {
		left: 32.5%;
	}
	
	.curtains-box-intro {
	    text-transform: none;
	    text-align: justify;
	    width: 90%;
		padding-top: 5px;
	    padding-left: 12px;
	    font-size: 16px;
	    line-height: 22px;
	    vertical-align: middle;
	}
}