/*
Theme Name: Bradford Interiors
Description: This theme is a combination of Hijinks (http://www.amberweinberg.com) and HTML5 Boilerplate (http://html5boilerplate.com/)
Author: Amber Weinberg
Author URI: http://www.amberweinberg.com

*/

/********************************************HTML5 BOILERPLATE MINIFIED***************************/

*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}article{display:block}aside{display:block}details{display:block}figcaption{display:block}figure{display:block;margin:0}footer{display:block}header{display:block}hgroup{display:block}nav{display:block}section{display:block}audio{display:inline;zoom:1}canvas{display:inline;zoom:1}video{display:inline;zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif;color:#222}button{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;cursor:pointer;-webkit-appearance:button;overflow:visible;margin:0}input{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;margin:0}select{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;margin:0}textarea{font-family:sans-serif;color:#222;font-size:100%;overflow:auto;vertical-align:top;resize:vertical;margin:0}body{font-size:1em;line-height:1.4;margin:0}::-moz-selection{background:#333;color:#fff;text-shadow:none}::selection{background:#333;color:#fff;text-shadow:none}a{color:#00e}a:hover{color:#06e;outline:0}a:active{outline:0}abbr[title]{border-bottom:1px dotted}b{font-weight:700}strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}pre{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;white-space:pre-wrap;word-wrap:break-word}code{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}kbd{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}q{quotes:none}q:before{content:none}q:after{content:none}small{font-size:85%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline;bottom:-.25em}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-.5em}ul{margin:1em 0;padding:0 0 0 40px}ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul{list-style:none;list-style-image:none;margin:0;padding:0}nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;margin-left:-7px;white-space:normal;padding:0}input[type="button"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="reset"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="submit"]{cursor:pointer;-webkit-appearance:button;overflow:visible}button[disabled]{cursor:default}input[disabled]{cursor:default}input[type="checkbox"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="radio"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}input:invalid{background-color:#f0dddd}textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0}

/********************************************BODY STYLES******************************************/

body { 
	background: #FFF; 
	color: #636466; 
	font: 14px/28px 'Open Sans', Arial, Helvetica, sans-serif; 
}

h1 {
	font-size: 24px;
	font-weight: normal;
	line-height: 36px;
	margin: 0 0 45px;
}

h2 {
	
}

h3 {
	
}

a { 
	color: #939598;
	text-decoration: none;
	-moz-transition: opacity .5s ease;
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
}

a:hover {
	color: #231f20;
}

.logo:hover, 
#menu-main .obelisk a:hover, 
footer .obelisk a:hover,
.top-nav a:hover,
#hero .flex-direction-nav a:hover {
	opacity: .6;
}

.container {
	margin: 0 auto; 
	position: relative;
	max-width: 1192px; 
}

/********************************************HEADER STYLES***************************************/

header, section, footer {
	float: left;
	width: 100%;
}

header {
	padding: 13px 0 28px;
}

.top-nav {
	color: #000;
	float: right;
}

.top-nav a {
	color: #000;
}

.top-nav .social {
	float: left;
}

.top-nav .facebook, 
.top-nav .twitter, 
.top-nav .pinterest, 
.top-nav .instagram {
	background: url('http://www.bradfordsinteriors.com/wp-content/themes/bradford/images/icons-social.jpg') no-repeat;
	display: inline-block;
	height: 26px;
	margin-right: 7px;
	text-indent: -9999999px;
	width: 27px;
}

.top-nav .twitter {
	background-position: -34px 0;
}

.top-nav .pinterest {
	background-position: -68px 0;
}

.top-nav .instagram {
	background-position: -103px 0;
}

header section {
	margin-top: 50px;
}

.logo { 
	float: right;
}

/********************************************NAV STYLES*****************************************/

#menu-main, #menu-shop { 
	float: left;
	margin: 19px 0 0;
	padding: 0;
}

#menu-main li, #menu-shop li {
	float: left;
	list-style: none;
	margin-right: 52px;
	position: relative;
}

#menu-main a, #menu-shop a {
	font-size: 16px;
	text-transform: lowercase;
}

#menu-main .obelisk a, footer .obelisk a {
	background: url('http://www.bradfordsinteriors.com/wp-content/themes/bradford/images/nav-obelisk.jpg') no-repeat;
	display: block;
	height: 15px;
	position: relative;
	text-indent: -999999px;
	top: 6px;
	width: 149px;
}

#menu-main a:hover, #menu-main .current_page_item a, #menu-shop .current_page_item a, , #menu-shop a:hover {
	color: #231f20;
}

#menu-main ul {
	background: #fff;
	display: none;
	left: -15px;
	padding: 0;
	position: absolute;
	top: 10px;
	width: 150px;
	z-index: 3;
}

#menu-main li li {
	border-bottom: 1px solid #ddd;
	display: block;
	float: none;
	padding: 5px 15px;
	width: 100%;
}

#menu-main li li:last-child {
	border: none;
}

/********************************************FOOTER STYLES*************************************/

footer {
	color: #939598;
	font-size: 13px;
	padding: 42px 0 28px;
	text-align: center;
}

footer ul {
	margin: 0;
	padding: 0;
}

footer li {
	display: inline-block;
	list-style: none;
	font-size: 12px;
	margin: 0 5.2%;
	text-transform: lowercase;
}

footer .obelisk a {
	background-size: 100%;
	margin-right: 0;
	width: 121px;
}

footer .top-nav {
	display: none;
}

/********************************************HOME CONTENT STYLES*******************************/

#hero {
	position: relative;
}

#hero .container {
	max-height: 780px; /* changed from height: 780px */
	max-width: 1400px;
}

#hero ul {
	margin: 0;
	padding: 0;
}

#hero .slides li {
	display: none;
	list-style: none;
}

#hero .slides li:first-child {
	display: block;
}

#hero img {
	height: auto;
	width: 100%;
}

#hero .flex-direction-nav li {
	list-style: none;
}

#hero .flex-direction-nav a {
	height: 50px;
	margin-top: -25px;
	position: absolute;
	text-indent: -999999px;
	top: 50%;
	width: 44px;
	z-index: 3;
}

#hero .flex-direction-nav .flex-prev {
	background: url('http://www.bradfordsinteriors.com/wp-content/themes/bradford/images/slider-prev.png') no-repeat;
	left: 2%;
}

#hero .flex-direction-nav .flex-next {
	background: url('http://www.bradfordsinteriors.com/wp-content/themes/bradford/images/slider-next.png') no-repeat;
	right: 2%;
}

/********************************************SUB CONTENT STYLES*******************************/

.alignleft { 
	float: left; 
	margin-right: 15px; 
}

.alignright { 
	float: right; 
	margin-left: 15px; 
}

/****Designers Archive***/

#designers-archive, #page {
	min-height: 780px;
}

article {
	float: left;
	margin-left: 16.52%; /*197*/
	padding-top: 80px;
	width: 50.33%; /*600*/
}

#designers-archive article ul {
	margin: 0;
	padding: 0;
}

#designers-archive article li {
	list-style: none;
	margin-bottom: 34px;
}

#designers-archive article a {
	color: #636466;
}

#designers-archive article a:hover {
	color: #000;
}

/****Designers Single***/

.single-designers article {
	width: 36.4%; /*434*/
}

article p {
	margin: 0 0 34px;
}

aside {
	float: right;
	width: 29.69%; /*354*/
}

article img, aside img {
	height: auto;
	max-width: 100%;
}

aside img {
	margin-bottom: 170px;
}

/****Standard Interior Page**/

#page article {
	width: 47.81%; /*570*/
}

#page article p, #page article h1 {
	margin-bottom: 15px;
}

#page #sub-nav + article {
	margin-left: 0;
}

#sub-nav {
	float: left;
	margin-right: 4.36%;
	padding-top: 80px;
	width: 11.32%; /*150*/
}

#sub-nav ul {
	margin: 0;
	padding: 0;
}

#sub-nav li {
	list-style: none;
	margin-bottom: 8px;
}

#sub-nav a {
	text-transform: lowercase;
}

#sub-nav .current_page_item a {
	color: #231f20;
}

#sub-nav .current_page_item a:after {
	color: #231f20;
	content: " >>";
}

/****Shop Home***/

.woocommerce-page .logo {
	display: block;
	float: none;
	margin: 0 auto 38px;
	max-width: 100%;
	width: 478px;
}

#menu-shop {
	text-align: center;
	width: 100%;
}

#menu-shop li {
	display: inline;
	float: none;
	margin-right: 82px;
}

.bradfords-interiors {
	margin-right: 0;
}

.bradfords-interiors a {
	background: url('http://www.bradfordsinteriors.com/wp-content/themes/bradford/images/nav-bradfords.jpg') no-repeat;
	display: inline-block;
	height: 29px;
	text-indent: -99999px;
	width: 148px;
}

/****Shop Category***/

#products-list .container {
	max-width: 1544px;
	min-height: 850px !important;
}

#products-list a {
	float: left;
	margin: 0 0 10px;
	max-width: 302px;
}

.grid-sizer, #products-list a {
	width: 19.5%; /*302*/
}

#products-list a img {
	height: auto;
	max-width: 100%;
}

/****Shop Account***/

#woo-account article {
	float: right;
	margin: 0;
	width: 84.32%;
}

/****Registry***/

#registry {
	background: url('http://www.bradfordsinteriors.com/wp-content/themes/bradford/images/registry-bkg.jpg') no-repeat right top;
	background-size: cover;
	min-height: 850px;
}

#registry article {
	margin: 0;
	padding-top: 42px;
	width: 74.66%; /*890*/
}

#registry h1 {
	margin: 0;
}

#registry p {
	border-bottom: 2px solid #a7a9ac;
	margin: 0 0 8px;
	padding-bottom: 5px;
}

#registry table {
	float: left;
	margin-top: 15px;
	width: 100%;
}

#registry th {
	font-size: 11px;
	font-weight: normal;
	text-align: left;
}

#registry .bride {
	padding-right: 30px;
	width: 36.51% /*325*/;
}

#registry .groom {
	padding-right: 30px;
	width: 52.35% /*466*/;
}

#registry .wedding-date {
	width: 11.23% /*100*/;
}


/****Full template***/

.page-template-page-full-php .wp-post-image {
	display: block;
	height: auto;
	margin: 0 auto 40px;
	max-width: 100%;
}

.page-template-page-full-php article {
	padding: 0;
}

/********************************************MEDIA QUERIES FOR MOBILE STYLES ***********************/

@media only screen and (max-width: 1520px) {

	#page {
		background-size: 36% !important; /* changed from 37.125% */
	}

}

@media only screen and (max-width: 1400px) {
    #hero .container { max-width: 1200px; }
}

@media only screen and (max-width: 1192px) {

	.container {
		padding: 0 20px;
	}
	
	#products-list .container {
		padding: 0;
	}

}

@media only screen and (max-width: 1080px) {

	#registry article {
		width: 100%;
	}

}

@media only screen and (max-width: 1030px) {
	.top-nav {
		text-align: center;
		width: 100%;
	}
	
	.top-nav .social {
		float: none;
	}
	
	.top-nav span {
		display: none;
	}

	header section {
		margin-top: 20px;
	}
	
	header .logo {
		display: block;
		float: none;
		margin: 0 auto;
		max-width: 250px;
		width: 100%;
	}
	
	header .logo img {
		height: auto;
		width: 100%;
	}
	
	#menu-main {
		text-align: center;
		width: 100%;
	}
	
	#menu-main li {
		display: inline-block;
		float: none;
	}
	
	#menu-main .obelisk {
		margin-right: 0;
	}

}

@media only screen and (max-width: 988px) {

	article, #sub-nav {
		margin-left: 0;
		padding-top: 0;
	}
	
	#designers-archive {
	 	background-size: 50% !important;
	 }
	 
	 .single-designers article {
		width: 60%;
	}
}

@media only screen and (max-width: 958px) {
	
	.grid-sizer, #products-list a {
		width: 24.32%;
	}
}

@media only screen and (max-width: 830px) {

	#registry {
		background: #fadcdc;
	}

	#registry .bride {
		padding-right: 30px;
		width: auto;
	}
	
	#registry .groom {
		padding-right: 30px;
		width: auto;
	}
	
	#registry .wedding-date {
		width: auto;
	}

}

@media only screen and (max-width: 778px) {

	#sub-nav {
		width: 100%;
	}
	
	#sub-nav li {
		float: left;
		margin-right: 20px;
	}
	
	#page article {
		width: 60%; 
	}

}

@media only screen and (max-width: 735px) {

	#menu-main:before, #menu-shop:before {
		border: 1px solid #ddd;
		content: "Menu";
		display: block;
		font-size: 18px;
		padding: 10px 0;
		text-transform: uppercase;
	}

	#menu-main li, #menu-footer li, #menu-shop li, #menu-shop-footer li  {
		border-top: 1px solid #eee;
		display: none;
		margin: 0;
		padding: 10px 0;
	}
	
	#menu-footer li, #menu-shop-footer li {
		display: block;
	}
	
	#menu-main .obelisk a, #menu-footer .obelisk a, .bradfords-interiors a {
		display: inline-block;
	}
	
	header .top-nav {
		display: none;
	}
	
	footer .top-nav {
		display: block;
	}

}

@media only screen and (max-width: 680px) {

	#hero .flex-direction-nav a {
		background-size: 100% !important;
		margin-top: -15px;
		width: 30px;
	}

}

@media only screen and (max-width: 662px) {
	
	.grid-sizer, #products-list a {
		width: 49.09%;
	}
}

@media only screen and (max-width: 622px) {

	.single-designers article, .single-designers aside {
		width: 100%;
	}
	
	.single-designers aside img {
		display: block;
		margin: 0 auto 20px;
	}
	
	#page {
		background: none !important;
	}
	
	#page article {
		width: 100%;
	}

}

@media only screen and (max-width: 600px) {

	#registry th {
		display: none;
	}
	
	#registry td {
		display: block;
	}
	
	#registry tr {
		border-bottom: 1px solid #fff;
	}

}

@media only screen and (max-width: 450px) {
	
	#menu-footer li {
		display: block;
		font-size: 16px;
	}
	
	#hero .flex-direction-nav a {
		margin-top: -10px;
		width: 20px;
	}

}

@media only screen and (max-width: 390px) {
	
	.grid-sizer, #products-list a {
		width: 100%;
	}
}

/* height queries for slider on home and shop */

@media only screen and (min-width: 1200px) and (max-height: 825px) {

    #hero {
    position: relative;
    height: 525px;
    overflow: hidden;
    }
}

@media only screen and (min-width: 1200px) and (max-height: 800px)  { #hero { height: 500px; } }

@media only screen and (min-width: 1200px) and (max-height: 775px)  { #hero { height: 475px; } }

@media only screen and (min-width: 1200px) and (max-height: 750px)  { #hero { height: 450px; } }



/********************************************OLD IE STYLES ****************************************/


/********************************************PRINT STYLES*****************************************/

@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}a{text-decoration:underline}a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after{content:""}a[href^="javascript:"]:after{content:""}a[href^="#"]:after{content:""}pre{border:1px solid #999;page-break-inside:avoid}blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr{page-break-inside:avoid}img{page-break-inside:avoid;max-width:100%!important}@page{margin:.5cm}p{orphans:3;widows:3}h2{orphans:3;widows:3;page-break-after:avoid}h3{orphans:3;widows:3;page-break-after:avoid}}