/*
Theme Name: Internet Kit One Custom
Theme URI: http://aiga.org
Description: This is a child theme that extends the Internet Kit One theme, it can be customized without affecting the base theme.
Author: AIGA
Author URI: http://aiga.org/
Version: 1.0.0
Template: ikit_one
*/

@import url("../ikit_one/style.css");

/* Missing Wordpress Classes */
.alignright { float:right; display:inline-block; margin: 8px 0 12px 12px; }
.alignleft { float:left; display:inline-block; margin: 8px 12px 12px 0px; }

blockquote { padding:8px 5%; }



/* Home Feature Overrides */
.layout-feature .box-section-image-gallery-title {
	/*width: 50%;
	font-family: "franklin-gothic-urw-cond-n7","franklin-gothic-urw-cond",sans-serif; font-style: normal; font-weight: 700;*/

/*	background-color: rgba(81,137,159,.65);*/
	background-color: rgba(33,33,33,.75);
	border-right:2px solid rgba(0,0,0,.35);
	border-bottom:2px solid rgba(0,0,0,.35);
	padding-top:12px;
	padding-bottom:12px;
	
	color: rgba(255,255,255,1.0); text-shadow: 2px 2px 3px rgba(0,0,0,0.1);
}
	.layout-feature .box-section-image-gallery-title span { font-size:.5em; color:#eee; display:block; line-height:1em; color: rgba(255,255,255,0.7); }
	
	
.flexslider { background-color:#333 !important; }
/*body.home .flexslider .slides img {height:auto; width:100%; max-width:none !important; margin:0 auto;}*/



/* General Theme Fixes */
.page-template-sponsors-php img { padding-top:0; }
.page-template-sponsors-php .box-section-body img { padding-top:15px; }




/* Event Gallery */
.event-artwork {}
.event-artwork .artwork-wrap { float:left; width:45%; margin:0 4% 20px 0; }
	.event-artwork .artwork-wrap:nth-child(odd) {clear: left;}
.event-artwork .artwork-wrap .artwork img { border:1px solid #EEE; }	
.event-artwork .artwork-wrap .artwork-title { font-family:Georgia,serif; font-size:1.2em; font-style:italic; display:block; margin:6px 0 0 0; }
.event-artwork .artwork-wrap .artist-name { display:inline-block; padding-left:4px; }
.event-artwork .artwork-wrap .sold { font-size:1.3em; display:block; margin:6px 0; font-weight:bold; font-style:italic; color:#C00; }




/* Breakpoint 300 */
@media all and (min-width:0px) and (max-width:519px) {
	/*body.home .flexslider .slides img {height:auto; width:100%; max-width:none !important;}*/
	.event-artwork { margin: 10px; }
	.event-artwork .artwork-wrap { float:none; width:100%; margin:0 0 40px 0; }
}

/* Breakpoint 520 */
@media all and (min-width:520px) and (max-width:1019px) {
	/*body.home .flexslider .slides img {height:400px; width:auto; max-width:none !important;}*/
}

/* Breakpoint 1020 */
@media all and (min-width:1020px) {
	/*body.home .flexslider .slides img {height:500px; width:auto; max-width:none !important;}*/
}

/* Breakpoint 1100 */
@media all and (min-width:1100px) { /* All we do is constrain so that the max content width is at this breakpoint
    otherwise it is exactly the same as the lower breakpoint */
	/*body.home .flexslider .slides img {height:500px; width:auto; max-width:none !important;}*/
}