/*
Theme Name: Samuelson Art
Author: Jill Welch
Author URI: http://jayceedev.com
Description: Reponsive theme using the unsemantic grid system.
Version: 1.0
*/

/* =Reset CSS (v2.0)
-------------------------------------------------------------- */
/* =Reset CSS (v2.0)
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	font-size: 100%;
	font: inherit;
    margin: 0;
	padding: 0;
	vertical-align: baseline;
}
s
/*HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}

body {
	line-height: 1;
}


blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

button, input, select, textarea {
	font-size: 100%;
	overflow: visible;
	margin: 0;
	vertical-align: baseline;
	width: auto;
}

textarea {
	overflow: auto;
	vertical-align: text-top;
}



/* ==========================================================================
   HTML5 Boilerplate styles
   ========================================================================== */
html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}


html,
button,
input,
select,
textarea {
    color: #222;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
	max-width:100%;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
p {
	margin:0 0 15px;
}
a {
	text-decoration:none;
	color:#486F82;
}
a:hover {
	text-decoration:underline;
}

    
/* ===== GENERIC SITE STYLES ==================================================
     --This utilized the Unsemantic Responsive Grid Framework. For general usage
       guidlines, reference http://unsemantic.com. All of your page styles will
       go in this style sheet.
   ========================================================================== */

body {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	background:#0D0D0D;
	color:#EAEAEA;
	font-size:12px;
}

.wrapper {
	width: 960px;
	margin: 0 auto;
}
/* ==============
	HEADER
============== */
#header {
	padding: 15px 0 10px;
	background:#131D22;
}

#shName {
	display: none
}

/* ==============
	NAV
============== */
#main-nav {
	text-align:right;
	padding:35px 0 0;
}
	#main-nav li {
        display: inline-block;
		*display:block;
		*float:left;
		margin:0 0 0 5%;
	}
	#main-nav a {
		color:#CCC;
		font-family: 'Josefin Slab', serif;
		font-size:16px;
	}
	#main-nav a:hover, #main-nav .current_page_item a {
		color:#FFF;
		text-decoration:none;
	}

	

/* ==============
	SLIDER
============== */
#banner {
	margin:15px 0 0;
}
.nivoSlider {
    position:relative;
    background:url(images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}



/* ==============
	MAIN CONTENT
============== */
#content {
	overflow:hidden;
	clear:both;
}

#shopBar {
	margin:5px 0 15px;
	border-bottom:1px solid #131D22;
	padding:0 0 5px;
	display : none;
}
	#shopBar li, #shopBar ul {
		display:inline-block;
	}
	#shopBar li {
		margin:5px 0 5px 15px;
	}
	#shopBar a{
		color:#CCC;
	}
	#shopBar img {
		margin:0 5px 0 0;
	}
	#shopBar a.btn {
		background:#131D22;
		display:block;
		padding:8px 10px;
		color:#FFF;
		font-size:14px;
	}
	#shopBar a.btn:hover {
		text-decoration:none;
		background:#486F82;
	}
	#shopBar .cart-links {
		text-align:right;
	}
	#menu-cart-menu {
		padding:8px 0;
	}

#main {
	padding:30px 0;
	line-height:20px;
}

	#main h1 {
		font-size: 28px;
		line-height:normal;
		font-family: 'Josefin Slab', serif;
		margin:0 0 15px;
		color:#FFF;
	}
	#main h2 {
		font-size: 1.2rem;
		padding-bottom: 15px;
	}
	#main img {
		border:2px solid #131D22;
		border-radius: 2px;
	}
	
	/* #main input[type="text"], #main textarea, #main select {
		padding:5px 3%;
		border-radius: 4px;
		border:none;
	} */
	#main button[type="submit"] {
		background:#486F82;
		display:block;
		padding:8px 10px;
		color:#FFF;
		font-size:14px;
		border:none;
		border-radius:4px;
		cursor:pointer;
		text-shadow:1px 1px 2px #333;
	}
	#main input[type="submit"]:hover {
		text-decoration:none;
		background:#131D22;
	}
	#main .ngg-gallery-thumbnail {
		height:200px;
	}
	#main .product_title {
		margin:0;
	}
	#main .product_meta {
		margin:0 0 15px;
	}
	
	.woocommerce div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce-page #content div.product div.images img {
		width:auto !important;
		max-width: 100%;
	}


/** Gallery **/
	.category-filter {
		display: flex;
		flex-flow: row;
		font-size: 14px;
	}
		.category-filter a {
			padding: 0 10px;
			border-left: 1px solid #CCC;
		}
		.category-filter a:first-child {
			border:none;
		}

	.gallery-container {
		display:flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
		margin-top: 60px;
	}
		.gallery-container article {
			max-width: 30%;
			margin-bottom: 60px;
			padding-bottom: 10px;
			display: flex;
			flex-flow: column nowrap;
			border-bottom: 1px solid #CCC;
		}
		@media only screen and (max-width : 768px) {
			.gallery-container article {
				max-width: 100%;
			}
		}

			.gallery-container img {
				height:auto;
			}
			.gallery-container .postinfo {
				margin-top: auto;
				padding-top: 5px;
				display:flex;
				flex-flow:row;
				justify-content: space-between;
				font-size: 14px;
			}
				.gallery-container .postinfo .meta {
					font-size: 12px;
				}

			




/* ==============
	FOOTER
============== */
#footer {
	text-align:center;
	color:#CCCCCC;
	margin:0 0 34px;
}
	




/* ===================
	BLOG STYLES - Adjust as needed.
=================== */

.postinfo ul.meta{
			margin: 0;
			padding: 0;
		}
		.postinfo ul.meta li{
			display: inline-block;
			*display: inline;
			list-style: none;
			font-size: 12px;
			padding-right: 15px;
		}
		
		
		.post .commentlist{
			margin: 30px 0 15px;
			padding: 0 0 20px 0;
			border-bottom: 1px dashed #DBDBDB;
			
		}
		.commentlist li{
			list-style: none;
		}
		.comment-author{
			background: #DBDBDB;
			vertical-align: middle;
			
			height: 40px;
		}
		.avatar{
			float: left;
			padding-right: 20px;
		}
		.fn, .says{
			vertical-align: middle;
			line-height: 40px;
		}
		.comment-meta{
			font-size: 12px;
			padding: 4px 0;
		}
		.comment-body{
			font-size: 13px;
		}
		.reply{
			margin: -15px 0 15px 20px;
		}
		.comment-form-comment label{
			display: block;
		}
/* ########## SIMPLE MAIL STYLES ########## */
	.watermark{
		color: #999999;
	}
	
	.simple_mail{
		width: 520px;
		margin: 0px auto;
		padding-top: 20px;
	}
		
	.formfields{
		margin-bottom: 0px;
		padding: 0;
	}

		.formfields > li {
			overflow: hidden;
			margin-top: 10px;
		}
		
		.formfields > li:first-child{
			margin: 0px;
		}
		
		.formfields > li > label{
			display: block;
			margin-bottom: 2px;
			font-family: 'Calibri', sans-serif;
			color: #59595a;

		}
		
		.formfields .req{
			color: red;
		}
		
		.formfields input[type=text], .formfields textarea, .formfields select{
			width: 320px;
			padding: 5px;
			border: 1px solid #CDCDCD;
			border-radius: 4px;
			background: #EFEFEF;
			color: #59595a;
			font-family: 'Calibri', sans-serif;
			font-size: 14px;

        
		}
		
		.formfields select{
			width: 320px;
		}
		
		.formfields textarea{
			height: 130px;
			width: 510px;
			resize: vertical;
		}
		
		.formfields .checks p{
			margin: 0px 0px 5px 0px;
		}
		
		.formfields .checks ul {
			list-style: none;
			margin: 0px;
			padding: 0px 0px 0px 20px;
		}
		
		.formfields .checks li {
			overflow: hidden;
			padding: 2px 0px;
		}
		
		.formfields .checks li input{
			float: left;
			margin: 0px;
		}
		
		.formfields .checks li label{
			margin-left: 30px;
			display: block;
		}
		
		.formfields input[type=submit]{
			float: right;
			text-align: center;
			font-family: 'Myriad Pro', sans-serif;
			font-size: 18px;
			background: #5eaec9; /* Old browsers */
			/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlYWVjOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODc3OTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top,  #5eaec9 0%, #287791 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5eaec9), color-stop(100%,#287791)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #5eaec9 0%,#287791 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #5eaec9 0%,#287791 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #5eaec9 0%,#287791 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #5eaec9 0%,#287791 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5eaec9', endColorstr='#287791',GradientType=0 ); /* IE6-8 */
			border-radius: 8px;
			padding: 10px 0;
			width: 200px;
			margin-bottom: 5px;
			-margin-left: 20px;
			box-shadow: 1px 2px 3px rgba(36, 78, 91, 0.80);
			-moz-box-shadow: 1px 2px 3px rgba(36, 78, 91, 0.80);
			-webkit-box-shadow: 1px 2px 3px rgba(36, 78, 91, 0.80);
			color: #fff;
			text-decoration: none;
			-webkit-transition: color 0.5s ease; 
			-moz-transition: color 0.5s ease;
			-o-transition: color 0.5s ease; 
			transition:  color 0.5s ease;
			cursor: pointer;
			border: none;
		
	}
	.formfields input[type=submit] a{
		color: #fff;
		text-decoration: none;
		-webkit-transition: color 0.5s ease; 
		-moz-transition: color 0.5s ease;
		-o-transition: color 0.5s ease; 
		transition:  color 0.5s ease;
	}
		.formfields .return{
			clear: both;
			font-style: italic;
			text-align: center;
			padding: 10px;
		}
/* ########## END SIMPLE MAIL STYLES ########## */

/* ########## WORDPRESS CORE ########## */
	.alignnone {
		margin: 5px 20px 20px 0;
	}

	.aligncenter, div.aligncenter {
		display:block;
		margin: 5px auto 5px auto;
	}

	.alignright {
		float:right;
		margin: 5px 0 20px 20px;
	}

	.alignleft {
		float:left;
		margin: 5px 20px 20px 0;
	}

	.aligncenter {
		display: block;
		margin: 5px auto 5px auto;
	}

	a img.alignright {
		float:right;
		margin: 5px 0 20px 20px;
	}

	a img.alignnone {
		margin: 5px 20px 20px 0;
	}

	a img.alignleft {
		float:left;
		margin: 0px 20px 20px 0;
	}

	a img.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto
	}

	.wp-caption {
		background: #fff;
		border: 1px solid #f0f0f0;
		max-width: 96%; /* Image does not overflow the content area */
		padding: 5px 3px 10px;
		text-align: center;
	}

	.wp-caption.alignnone {
		margin: 5px 20px 20px 0;
	}

	.wp-caption.alignleft {
		margin: 5px 20px 20px 0;
	}

	.wp-caption.alignright {
		margin: 5px 0 20px 20px;
	}

	.wp-caption img {
		border: 0 none;
		height: auto;
		margin:0;
		max-width: 98.5%;
		padding:0;
		width: auto;
	}

	.wp-caption p.wp-caption-text {
		font-size:11px;
		line-height:17px;
		margin:0;
		padding:0 4px 5px;
	}


/* ########## END WORDPRESS CORE ########## */

/* ===================
   Media Querie Styles
=================== */
/* Tablets */
@media only screen and (max-width : 1024px) {
	
}
/* Mobile */
@media only screen and (max-width : 768px) {

}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

	
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	
}