/*
Theme Name:     Stephen-new
Description:    Theme for Stephen
Author:         sl chai
Author URI: http://wordpress.org/
Template:       modernize-v3-20
Version: 1.3
*/

@import url("../modernize-v3-20/style.css");

h1 div.sl-title-uppercase{
	text-transform: uppercase;
font-size: 110%;
}

H1 a{color: #333;}
h1 a:hover{color: #333;}
div.sl-copyright-right{
float: right;
font-size: 100%;
line-height: 13px;
margin-bottom: 9px;

}
.externalbuy{
	margin: 8px 0 20px 0;
	font-size: 100%;

}
div.sl-breadcrumbs{
	font-size: 90%;
	margin: 8px 0 20px 0;
}

div.sl-copyright-left{
	float: left;

font-size: 100%;

}

div.header-outer-wrapper{
background-image: url("http://www.stephendodgson.com/wp-content/uploads/2017/11/banner-new.png");
background-repeat: no-repeat;
background-position:  center top;

}

/*add to cart but inline borders*/
.product.woocommerce {
border: 0 !important;
padding: 0 !important;
}

.woocommerce .button::after {
font-size: 200px !important;
}

.sl-content{

width: 100%;
margin:20px 0 0 0;

}
.sl-cat-buybut{
width: 40%;
padding: 40px 0 0 0;

}

.sl-cat-wrapper {
	border-bottom: 1px dotted red;
	width:94%;
	background-color: white;
	padding: 10px 18px 20px 18px;
	margin:0px auto 20px auto;


}
.sl-cat-wrapper:nth-child(even) {
	background-color-x: #dcdcdc;
}
.sl-cat-instruments{
	font-size: 94%;
		width: 70%;
		margin-bottom: -3px;
}
.sl-cat-title-wrapper{
	position: relative;
width:100%;
height: auto;
margin: 0px 0 10px 0;
}
.sl-cat-title{
	font-weight: bold;
	font-size: 110%;
	width:70%;
	margin: 0;



}

.sl-cat-title p{
margin: 0;
	}

	.sl-cat-pub-year-wrapper{
		text-align: right;
		position: absolute;
		top: 0px;
		right: 0px;
		width:30%;
		margin: 0 0 0 0;


	}


.sl-cat-year{
	font-weight: normal;
	font-size: 94%;
	color: #707070;

}

.sl-cat-pub{
	margin-top: 6px;

line-height: 14px;
	font-weight: normal;
	font-size: 94%;
	color: #707070;

}

.clearfix{
	clear: both;
}





@media (max-width: 768px) {
		.logo-wrapper img {
width: 75%;
height: auto;
padding-top: 0px;}



div.sl-copyright-right{

width: 100%;
font-size: 100%;
}
div.sl-copyright-right {
line-height: 13px;
margin-bottom: 9px;
}



div.sl-copyright-left{
font-size: 100%;
padding-bottom: 10px;

}



}


@media (min-width: 769px) {


div.sl-copyright-right{

width: 200px;
font-size: 100%;
}

}

@media (min-width: 960px) {


div.sl-copyright-right{

width: 260px;
font-size: 100%;
}

}