/* Site Design Style Sheet, also for any layout CSS that Foundation doesn't cover */

/* Import font(s) used in website */
/* Quattrocento Sans, from Google Fonts */
/*@import url(http://fonts.googleapis.com/css?family=Quattrocento+Sans:400,700,700italic,400italic);*/

/* Try to prevent older browsers from ignoring new HTML5 tags */
abbr, article, aside, audio, bdi, canvas, data, datalist, details, dialog, figcaption, figure, footer, header, hgroup, main, mark, meter, nav, output, progress, section, summary, template, time, video {
	display: block;
}


/* Sytle site-wide fonts */

body {
	font-size: 100%;
}
header, main, footer, a, p, h1, h2, h3, h4, h5, h6, form {
	font-family: 'Quattrocento Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1em;
	font-weight: normal;
}

h1 {
	font-size: 2.400em;
}

h2 {
	font-size: 2.000em;
}

h3 {
	font-size: 1.600em;
}

h4 {
	font-size: 1.200em;
}

h5 {
	font-size: .800em;
}

h6 {
	font-size: .400em;
}

p {
	font-size: 1.067em;
	line-height: 1em;
}

a {
	color: #000;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

.artist_exhibit a, .student_exhibit a {
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
}

ul, div.ccm-block {
	list-style: url("../img/bigger_list_bullet.png") outside;
}

.footer-area, .footer-area p, .footer-area a {
	font-size: 0.933em;
}

/* Style Contact Form font */

.pixo-form-wrapper input[type=text], .pixo-form-wrapper input[type=email], .pixo-form-wrapper textarea, .pixo-form-wrapper input[type=submit] {
	font-size: 1.067em; /* 12.8pt */
}

/* Style Fancybox titles */

.fancybox-title {
	font: normal 0.813em/1.250em "quattrocento sans" !important; /* 13px/20px */
	font-style: italic !important;
}

/* Change border-box to content-box on everything */

*, *:before, *:after {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; 
}


/* Style header */

header .website-header {
    height: auto;
    max-height: 13em;
	/* height: 8.763em; */
	/*padding-top: 0.875em;*/
}

.site-title {
	line-height: 1.2em;
	font-size: 4.000em;
}

.site-sub-title {
	font-size: 2.400em;
}

/* Style the top nav bar */

div.navigation-area {
	border-bottom: 0.188em solid #000;
	margin: 1.5em 0 0;
}

.contain-to-grid, .top-bar {
    background: none;
    
  }

.top-bar-section ul li.active > a {
    background:  none;
    color: #000;
}
/** Changes the hover state of non active menu items **/
.top-bar-section li:hover a {
    background: none;
    color: #000;
}

.top-bar-section ul li:hover > a {
	background: none;
	color: #000;
}
/** Changes non active menu items text color to black **/
.top-bar-section ul li > a {
    color: #000;
}
/** Changes the hover state of dropdown menu items **/

.top-bar-section li a:not(.button), .top-bar-section ul.dropdown li a:hover:not(.button), .top-bar-section ul, .top-bar-section li a:not(.button):hover, .top-bar-section ul li > a {
    background: none;
    font-size: 1.067em;
    font-weight: normal;
}

.top-bar-section li a:not(.button) {
	padding: 0 0.938em 0 0;
	line-height: 0.938em;
}

.top-bar-section .dropdown li a:not(.button) {
	line-height: 1.813em; /*2.813em*/
	margin: -0.313em 0 0 0; /* -5px 0 0 0; */
	padding: 0 .350em 0;
}

.top-bar-section li a:not(.button):hover {
	color: #000;
}
/** IMPORTANT fill for the ul dropdown container **/
.top-bar-section ul.dropdown {
    background: #fff;
    color: #000;
    margin-top: 0.188em;
}
/** This fixes the position and the color of the dropdown arrow **/
.top-bar-section .has-dropdown > a:after {
    border-color: none;
    margin-top: 0.156em;
}

/** Navbar Menu Toggle button styled **/
.top-bar .toggle-topbar a {
	color: #000;
	font-size: 1.067em;
}

.top-bar.expanded .toggle-topbar a {
	color: #bdbdbd;
}

.top-bar.expanded .toggle-topbar a span {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.expanded .top-bar-section li a:not(.button):hover {
	background: #bdbdbd !important;
}

.top-bar-section .dropdown li.title h5 a {
	color: #000;
}

.expanded .top-bar-section li a:not(.button) {
	line-height: 2.813em;
	padding: 0 .350em 0;
}

.top-bar-section .has-dropdown > a {
	padding-right: 0.938em !important;
}

.top-bar-section .dropdown li a.parent-link {
    font-weight: normal;
}

/* Style inline images on the page */
main .homepage-featured {
	text-align: center;
}

main .homepage-featured figure {
	margin: 1em auto;
	text-align: center;
	display: inline-block;
}
main .homepage-featured figure img {
	width: 20em;
}

main .homepage-featured figure figcaption {
	
}

table {
	border: none;
}

/* Style main tag for sticky footer */
* {
	margin: 0;
}

html, body {
	height: 100%;
}

.website-wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -5.250em; /*formerly -5.625em*/
}

/*main {
	padding: 1.250em;
}
*/
main div.row {
	padding: 1.250em 0;
}

.artist_swatches img {
	margin: 0 0.188em; /* 0 3px */
}

/* Style CV Page */
.curriculum-vitae {
	padding: 0 7.563em; /* 121px */
}
.curriculum-vitae p {
	margin-bottom: 0.313em; /* 5px */
	line-height: 1.125em; /* 18px */
}
.curriculum-vitae ul {
	margin-left: 1.000em; /* 16px */
}

.cv-indent p {
	margin: 0;
	padding-left: 2.500em;
	text-indent: -2.500em;
}
/* Style footer */

footer, .pushfooterdown {
	height: 5.625em;
}

footer {
	background: #000;
	font-size: 0.933em;
	padding: 1.250em 0 0.938em;
	text-align: center;
	color: #bdbdbd;
}

div.footernav {
	
}
/* Style footer links */

.footernav ul:first-child {
	float: none !important;
	margin: 0 auto;
	list-style: none;
	line-height: 1.000em;
}

.footernav ul:first-child li {
	display: inline-block;
	padding: 0 0.438em;
}

.footernav ul:first-child li a {
	color: #bdbdbd;
}

.footernav ul:first-child li a:hover {
	text-decoration: underline;
}

/* Style Concrete 5 Editor Block Highlighter */
#ccm-highlighter { margin-top: -3.063em; }

/* Style input boxes for contact form */

.pixo-form-wrapper input[type="text"], .pixo-form-wrapper input[type="email"], .pixo-form-wrapper textarea, .pixo-form-wrapper input[type="submit"] {
	border: 0;
	background: #e1e1e1;
	display: inline-block;
}

.pixo-form-wrapper input[type="text"], .pixo-form-wrapper input[type="email"] {
	width: 19.625em; /* 314px */
	height: 2.000em; /* 32px */
}

.pixo-form-wrapper textarea {
	width: 80% !important; /* 24.313em, 389px */
	height: 7.188em; /* 115px */
}


.pixo-form-wrapper .field-wrapper {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	
}

.pixo-form-wrapper input[type="submit"] {
	padding: 0.375em; /* 6px */
}

.pixo-form-wrapper .thank-you {
    background: #bbb !important;
    border: solid .001em #ccc !important;
    /*color: #fff !important;*/
    padding: .20em !important;
}

/* OLD, DON'T USE
form#miniSurveyView74 table.formBlockSurveyTable {
	border: 0;
}

form#miniSurveyView74 label {
	font-size: 1.200em;
	font-weight: bold;
}

form#miniSurveyView74 input, form#miniSurveyView74 textarea {
	border: 0;
	background: #bdbdbd;
	
}
*/

/* fancybox wrap fix */
.fancybox-wrap *, #fancybox-frame *, #fancybox-frame *, .fancybox-inner * {
	-moz-box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;
	-safari-box-sizing: content-box !important;
	box-sizing: content-box !important;
}

.fancybox-inner embed {
	
}