/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

@media (max-width: 980px) {
	/*.nav-menu li.right {
		margin-right:98px;
	}
	
	.nav-menu li.left {
		margin-left:98px;
	}*/
}

@media (max-width: 1023px) {
	body.home {
		background:#000 url(images/astronaut_trim.jpg) 0px 156px no-repeat;
	}
	
	.navbar {
		top:0px;
		margin-bottom:40px;
	}
	
	body.tax-painting_group .navbar,
	body.page-template-template-drawings .navbar {
		margin-bottom:20px;
	}
	
	/* Small menu */
	.menu-toggle {
		cursor: pointer;
		display: inline-block;
		font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;
		margin: 0;
		padding: 0px;
	}

	.menu-toggle:after {
		/*content: "\f502";
		font-size: 12px;
		padding-left: 8px;*/
		vertical-align: -4px;
	}

	.toggled-on .menu-toggle:after {
		/*content: "\f500";
		vertical-align: 2px;*/
	}

	.toggled-on .nav-menu,
	.toggled-on .nav-menu > ul {
		display: block;
		margin-left: 0;
		padding: 18px 0 0;
		width: 100%;
	}

	.toggled-on li,
	.toggled-on .children {
		display: block;
	}

	.toggled-on .nav-menu li > ul {
		background-color: transparent;
		display: block;
		float: none;
		margin-left: 20px;
		position: relative;
		left: auto;
		top: auto;
	}

	.toggled-on .nav-menu li > ul a {
		color: #141412;
		width: auto;
	}

	.toggled-on .nav-menu li:hover > a,
	.toggled-on .nav-menu .children a {
		background-color: transparent;
		color: #141412;
	}

	.toggled-on .nav-menu li a:hover,
	.toggled-on .nav-menu ul a:hover {
		/*background-color: #db572f;*/
		color: #fff;
	}

	ul.nav-menu,
	div.nav-menu > ul {
		display: none;
	}
	
	.site-main {
		padding-bottom:40px;
	}
}


/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 767px) {
	a {
		color:#fff;
	}
	
	.bannerImage {
		display:none;
	}
	
	.storeBlock .content {
		float:left;
		width:100%;
		padding:0px 20px;
	}
	
	#pagination a, #storePagination a, #paintingPagination a {
		border:1px solid #fff;
		color:#fff;
	}
	
	body .sliderBlock .flex-control-paging li a {
		width:12px;
		height:12px;
		border:1px solid #fff;
		box-shadow: inherit;
		background:none;
	}
	
	body .sliderBlock .flex-control-paging li a.flex-active, body .flex-control-paging li a:hover {
		background:#fff;
	}
	
	/*.painting, .painting.third {
		width:48%;
		margin-left:4%;
		clear:none;
	}
	
	.painting.second {
		clear:both;
		margin-left:0px;
	}*/
	
	.painting span.title {
		color:#fff;
	}
	
	.paintingGroups .group, .paintingGroups .group.third {
		width:48%;
		clear:none;
		margin-left:4%;
	}
	
	.paintingGroups .group.second {
		clear:both;
		margin-left:0px;
	}
	
	.paintingGroups .group a span.title {
		color:#fff;
	}
	
	body .flex-control-nav {
		bottom:-40px;
	}
	
	.storeSlider {
		margin-bottom:60px;
	}
	
	.baseBtn input[type="submit"] {
		background:#000;
	}
	
	.blackBtn {
		border:1px solid #fff;
		color:#fff;
	}
	
	.storeBlock {
		padding:0px;
		margin-bottom:40px;
		background:none;
	}
	
	ul#entries li {
		background: none;
		padding:0px;
		border-bottom:1px solid #fff;
	}
	
	ul#entries li.baseLink a {
		border:1px solid #fff;
		color:#fff;
	}
	
	ul#entries li.baseLink {
		border:0px;
	}
	
	ul#entries li div, ul#entries li span {
		background:#000 !important;
		color:#fff !important;
	}
	
	ul#entries li div a {
		background:#000 !important;
		color:#fff !important;
	}
	
	.articleBlock a.exLink {
		color:#fff;
	}
	
	.articleBlock span.date {
		margin-top:0px;
	}
	
	body {
		background:#000;
		color:#fff;
	}
	
	body.home {
		height:800px;
	}
	
	a.logo {
		margin-top:40px;
	}
	
	a.logo span {
		color:#fff;
	}
	
	a.logo:hover span {
		color:#fff;
	}
	
	.innerWhite {
		background:none;
		padding:0px;
	}
	
	.rightColumn {
		width:100%;
	}
	
	.articleBlock {
		padding:0px;
		background:none;
	}
	
	.nav-menu li, .nav-menu li.right, .nav-menu li.left {
		margin:0px;
	}	
	
	.nav-menu li a {
		line-height:26px;
	}

}

/* Mobile devices */
@media (max-width: 600px) {
	.articleBlock .left {
		width:100%;
		margin-bottom:20px;
	}
	
	.articleBlock .right {
		width:100%;
	}	
}

@media (max-width: 520px) {
	.inner.mobile {
		padding:0px;
	}
	
	/*.painting .mobile {
		display:block;
	}
	
	.painting .desktop {
		display:none;
	}*/
		
	.painting .sliderBlock .flex-control-nav {
		display:none;
	}
	
	.painting .sliderBlock {
		margin-bottom:30px;
	}
	
	.painting span.text {
		margin-bottom:40px;
		float:left;
		width:100%;
	}
	
	.painting {
		margin-bottom:0px;
		overflow: hidden;
	}
	
	.paintingGroups .group, .paintingGroups .group.third, .paintingGroups .group.second {
		width:100%;
		margin-left:0px;
	}
	
	.paintingGroups .group a span.image.mobile {
		display:block;
	}
	
	.paintingGroups .group a span.image.desktop {
		display:none;
	}
	
	.painting, .painting.second, .painting.third {
		width:100%;
		margin-left:0px;
	}
	
	.paintingGroups .group {
		margin-bottom: 0px;
	}	
	
	.paintingGroups .group a span.title {
	    background: rgba(0,0,0,0.7);
	    bottom: -1px;
	    color: #fff;
	    font-family: "proxima-nova";
	    font-size: 18px;
	    font-weight: 100;
	    left: 0;
	    letter-spacing: 2px;
	    line-height: 20px;
	    margin-top: 25px;
	    padding: 10px 0;
	    position: absolute;
	    text-align: center;
	    text-transform: uppercase;
	}
}