/*
Theme Name: Osbjorn
Description: Child theme for Haze
Author: Thomas Osborne
Template: haze
*/

/* import haze stylesheet */
@import url("../haze/style.css");

/* =Import Layout Styles
-------------------------------------------------------------- */

/* change default font size */
body {
    font-size: .8em;
}

/* change portfolio item font size */
h4 {
	font-size:16px;
	line-height:20px;
}

/* change footer margin */
#footer .double-separator {
	margin:0px 0;
}

/* create full-width blog posts */
#fwposts {
	float:left;
	position:relative;
	width:940px;
	margin-right:40px;
	overflow:hidden;
}

/* change blog photo size */
.post-thumbnail img {
	width:940px;
	height:auto;
}

/*  change excerpt padding so it shows more in center */
.excerpt {
	float:right;
	width:700px;
}

/* widen meta a bit */
.meta {
	width:200px;
	float:left;
	margin-right:30px;
}

/* change font for portolio page titles */
.portfolio h4 {
	font-size:18px;
	font-family:'Yanone Kaffeesatz', Helvetica, Arial, sans-serif;
	margin:10px 5px 5px;
}

/* create fixed height for portfolio item listings */
#portfolio-wrapper .four-columns li {
	width:220px;
	height:105px;
}

/* change fonts for navigation menu */
ul#mainnav li {
	display:inline;
	font-family: 'Yanone Kaffeesatz', Helvetica, Arial, sans-serif;
	font-size:20px;
	margin-left:20px;
	float:left;
	position:relative;
}


/* changing slide sizes */

.slides_container {
	width:614px;
	display:none;
}

.slides_container div.slide {
	width:614px;
	display:block;
}


/*--- 6.5. Gallery ---*/

#gallery {
	clear:both;
	width:960px;
}

.col3 {
	width:300px;
}

.col3 img {
	max-width:300px;
}

/* change margin at bottom of portfolio page */
.portfolio-single {
	margin-bottom:0px;
	overflow:hidden;
}

/* change input text color and fix problem with email field in contact form - THIS NEEDS TO BE KEPT FOR DROPDOWN MENUS IN PURCHASE AREAS*/
input[type="text"], input[type="password"], input[type="email"], input.text, input.title, textarea, select {
	background: none repeat scroll 0 0 #222222;
	border:1px solid #444444;
    font-family:Arial;
    font-size:12px;
    margin:5px 0;
    color: #efefef;
}

/* change accordion title font size */

.ac-btn h3 {
	margin:0;
	font-size:20px;
	cursor:pointer;
}

.smallspace {
    height:25px;
    width:100%;
	clear:both;
}

/* change font for recent work slider and font size*/
h2.bgtitle {
	font-size:20px;
	font-family:'Yanone Kaffeesatz', Helvetica, Arial, sans-serif;
	float:left;
	height:25px;
	line-height:26px;
	padding:0 5px;
	margin-bottom:20px;
}
/* change comment form button text and color */
input[type="submit"] {
font-size: 14px;
font-family: "Droid Sans", arial, sans-serif;
color: #111111;
line-height: 14px;
background: #fff;
}

/* this changes hover color for all buttons */
button:hover, .button:hover, input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover {
	/* opacity:0.5; */
	color: #000000;
	background-color: #f8e0b0;
}

/* change theme-specific buttons to match Osbjorn theme */

.button {
    cursor:pointer;
    display:inline-block;
    font-size: 14px;
    font-family: "Droid Sans", arial, sans-serif;
    line-height:14px;
	color: #111111;
line-height: 14px;
background: #fff;
    margin:0 10px 20px 0;
    padding: 7px 11px;
	position:relative;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;	
	-moz-box-shadow:0px 1px 1px rgba(000,000,000,0.1);
	-webkit-box-shadow:0px 1px 1px rgba(000,000,000,0.1);		
	box-shadow:0px 1px 0px rgba(000,000,000,0.1);	
	}



/* change dropdown main menu colors */
ul#mainnav li.sfHover a {
background: #f8e0b0;
}

/* change font on portfolio slider */
span.caption {
font-family: "Droid Sans", arial, sans-serif;}

/* hide buttons on portfolio slider */

a.lightbox {display:none;}
a.more {display:none;}

/* change pagination color in blog */
span.current {
background: #f8e0b0;
color: #000;
}

/* hide prev and next arrows on portfolio slider */

#slides .next, #slides .prev {display:none;}

/* change audio player loaded content color */

.mejs-time-rail .mejs-time-current {
    background: #f8e0b0 !important;
}

/* Change padding for variation purchase box - eStore plugin */

.eStore_variation {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}

/* Change margin for purchase info */
p {
    margin-bottom: 10px;
}

/* Change cart font colors and hover behavior on cart page */
.shopping_cart a {
    color: #fff !important;
	text-decoration: none !important;
}

.shopping_cart a:hover {
    color: #f8e0b0 !important;
    text-decoration: none !important;
}

/* remove border from add to cart button */
.eStore-product-fancy-no-thumb {

height:100%;

overflow:hidden;

margin-bottom:5px;

border:0px solid #ccc !important;

padding:0px

}

/* change checkout button opacity on hover */
.eStore_paypal_checkout_button:hover,.eStore_button:hover,.eStore_remove_item_button:hover,.eStore_empty_cart_button:hover,.eStore_buy_now_button:hover,.eStore_subscribe_button:hover {
opacity:1;
}

/* move PayPal checkout button to left on checkout page */
.shopping_cart input, .eStore_cart_fancy1 input, .eStore_cart_fancy2 input {
    float: right;
}

/* WpForms Contact Form customization */
div.wpforms-container-full .wpforms-form .wpforms-field-label {
	font-size:18px;
	font-family: "Droid Sans", arial, sans-serif;
	color: #fff;
}
div.wpforms-container-full .wpforms-form .wpforms-field-sublabel {
	font-family: "Droid Sans", arial, sans-serif;
	color:#fff;
}
div.wpforms-container-full .wpforms-form .wpforms-required-label {
    color: #f8e0b0 !important;
	font-weight: 400;
}
div.wpforms-container-full .wpforms-form label.wpforms-error {
    display: block;
    color: #f8e0b0 !important;
    font-size: 12px;
    float: none;
}
div.wpforms-container-full .wpforms-form input[type=submit], 
div.wpforms-container-full .wpforms-form button[type=submit] {
    font-size: 14px !important;
    font-family: "Droid Sans", arial, sans-serif !important;
    line-height:14px;
	color: #111111 !important;
line-height: 14px;
    margin:0 10px 20px 0;
    padding: 7px 11px;
	position:relative;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;	
	-moz-box-shadow:0px 1px 1px rgba(000,000,000,0.1);
	-webkit-box-shadow:0px 1px 1px rgba(000,000,000,0.1);		
	box-shadow:0px 1px 0px rgba(000,000,000,0.1);
}

div.wpforms-container-full .wpforms-form input[type=submit]:hover, 
div.wpforms-container-full .wpforms-form input[type=submit]:active, 
div.wpforms-container-full .wpforms-form button[type=submit]:hover, 
div.wpforms-container-full .wpforms-form button[type=submit]:active, 
div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, 
div.wpforms-container-full .wpforms-form .wpforms-page-button:active {
	background-color: #f8e0b0 !important;
}

.wpforms-confirmation-container-full {
    color: #333;
    margin: 0 0 24px 0;
    background: #f8e0b0 !important;
    border: 1px solid #AD9C7B !important;
    padding: 15px 15px;
}