/*------------------------------------------------------------

Responsive Style Sheet

version:	1.0
author:		derek allard
email:		derek@tunnel7.com
website:	http://www.tunnel7.com

------------------------------------------------------------*/
/* 1 line tricks - DELETE THESE BEFORE GO LIVE 
http://www.cssglobe.com/post/1392/8-premium-one-line-css-tips

VERTICALLY CENTERS CONTENT IN BOX (IN THIS CASE THE BOX WOULD BE 24 PIXELS TALL)
line-height:24px; 

= = =

PREVENTS OVERSIZED CONTENT TO BREK FIXED WIDTH FLOATED LAYOUTS
#main{ 
	overflow:hidden;
}

= = =

PREVENTS LINE BREAKS IN LINKS
a{ 
	white-space:nowrap;
}

= = =

ALWAYS SHOW FIREFOX SCROLLBAR
html{
	overflow:-moz-scrollbars-vertical;
}

= = =

REMOVE VERTICAL TEXTAREA SCROLLBAR IN IE
textarea{
	overflow:auto;
}

= = =

FORCE PAGE BREAKS WHEN PRINTING YOUR DOCUMENT
h2{
	page-break-before:always;
}

= = =

REMOVE ACTIVE LINK BORDERS
a:active, a:focus{
	outline:none;
}


*/
/* ======= RESET STYLES ======= */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic);
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, em, img, ins, kbd, q, s, samp, small, strike, strong, 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 { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

hr { clear: both; }

/* ======= ALIGNMENTS ======= */
.halfLeft, .halfRight, .thirdLeft, .thirdRight { max-width: 100%; height: auto; display: block; margin: 0.25em auto; clear: both; }

/* ======= Generated Figures and Captions ======= */
img.hasCaption { display: none; }

.generatedFigure { margin-bottom: 1.5em !important; max-width: 100%; background-color: #eee; display: inline-block; }

.generatedFigure img { display: block; clear: both; margin: 0 auto !important; }

.generatedFigure figcaption { margin: 0.8075em 0; text-align: center; }

/*These ems are based on a 16px base*/
@media only screen and (min-width: 37.5em) { /* 600 =================================================== */
  .halfLeft { display: inline-block; width: calc(50% - 1.5em); float: left; clear: left; margin: 0.25em 1.5em 0.25em 0 !important; }
  .halfRight { display: inline-block; width: calc(50% - 1.5em); float: right; clear: right; margin: 0.25em 0 0.25em 1.5em !important; }
  .thirdLeft { display: inline-block; width: calc(33.333333333% - 1.5em); float: left; clear: left; margin: 0.25em 1.5em 0.25em 0 !important; }
  .thirdRight { display: inline-block; width: calc(33.333333333% - 1.5em); float: right; clear: right; margin: 0.25em 0 0.25em 1.5em !important; } }

/* ======= WEB FONTS ======= */
/* add them here */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 12, 2015 */
@font-face { font-family: 'overpassregular'; src: url("/assets/fonts/overpass_regular-webfont.eot"); src: url("/assets/fonts/overpass_regular-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/overpass_regular-webfont.woff2") format("woff2"), url("/assets/fonts/overpass_regular-webfont.woff") format("woff"), url("/assets/fonts/overpass_regular-webfont.ttf") format("truetype"), url("/assets/fonts/overpass_regular-webfont.svg#overpassregular") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'overpassbold'; src: url("/assets/fonts/overpass_bold-webfont.eot"); src: url("/assets/fonts/overpass_bold-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/overpass_bold-webfont.woff2") format("woff2"), url("/assets/fonts/overpass_bold-webfont.woff") format("woff"), url("/assets/fonts/overpass_bold-webfont.ttf") format("truetype"), url("/assets/fonts/overpass_bold-webfont.svg#overpassbold") format("svg"); font-weight: normal; font-style: normal; }

/* ======= SASS DECLARATIONS ======= */
/* colors - define colors first then elements */
/* alerts and such */
/* for box shadows */
/* to use: @include box-shadow(3px, 3px, 5px, 1px, $shadow); */
/* to use: @include text-shadow(3px, 3px, 0, $shadow); */
/* to use: @include border-radius(7px, 7px, 7px, 7px); */
/* to use: @include transition(0.5s); - remember goes on parent not hover state */
/* to use: @include links($link, $link, $active, $active, $active, bold/normal); */
/* to use: @include rotate(7deg); */
/* to use: @include scale(1.5); */
/* to use: @include box-sizing; */
/* to use: font-size: calc-em(32,16); */
/* ======= GLOBAL STYLES ======= */
body { font: normal 100% "PT Sans", sans-serif; /* sets to 16px baseline */ background-color: #ffffff; color: #232323; line-height: 1.375em; position: relative; -webkit-font-smoothing: antialiased; }

h1 { font: 1.5em "overpassregular", sans-serif; color: #453a53; }

h1.page-title { font-size: 2.25em; color: #232323; }

h2 { font: 1.125em "overpassregular", sans-serif; margin: 0 0 0 0; color: #453a53; }

h3 { font-family: "overpassbold", sans-serif; font-weight: bold; margin: 0 0 0 0; }

h4, h5, h6 { font-size: 0.875em; font-family: "overpassbold", sans-serif; font-weight: bold; text-transform: uppercase; margin: 0 0 0 0; }

a { /* could also just use opacity for hover states &:hover {opacity: 0.9;} &:focus {opacity: 0.9;} &:active {opacity: 0.9;} */ }

a:link { color: #0089a5; text-decoration: none; font-weight: normal; }

a:visited { color: #0089a5; }

a:hover { color: #551228; }

a:focus { color: #551228; }

a:active { color: #551228; }

.show_more, .show_less, .show_more_artists, .show_less_artists, .show_more_time, .show_less_time, .show_more_illustration, .show_less_illustration, .show_more_essay, .show_less_essay { color: #0089a5; cursor: pointer; }

.show_more:hover, .show_more:focus, .show_more:active, .show_less:hover, .show_less:focus, .show_less:active, .show_more_artists:hover, .show_more_artists:focus, .show_more_artists:active, .show_less_artists:hover, .show_less_artists:focus, .show_less_artists:active, .show_more_time:hover, .show_more_time:focus, .show_more_time:active, .show_less_time:hover, .show_less_time:focus, .show_less_time:active, .show_more_illustration:hover, .show_more_illustration:focus, .show_more_illustration:active, .show_less_illustration:hover, .show_less_illustration:focus, .show_less_illustration:active, .show_more_essay:hover, .show_more_essay:focus, .show_more_essay:active, .show_less_essay:hover, .show_less_essay:focus, .show_less_essay:active { color: #551228; }

body#ab #about a, body#nw #news a { /* nav on styling */ color: #d80000; }

.clearfix { *zoom: 1; }

.clearfix:before, .clearfix:after, .fullwidth:before, .fullwidth:after, .wrap:before, .wrap:after, .main:before, .main:after { /* clearfix part 1 */ content: " "; display: table; }

.clearfix:after, .fullwidth:after, .wrap:after, .main:after { /* clearfix part 2 */ clear: both; }

input.test { /* to hide test field on forms to prevent spam - may want to text indent it into oblivion - think i read that some browsers choke on display none*/ display: none; visibility: hidden; }

#accessnav { display: none; }

p, li, dd, dt, blockquote, legend, caption, th, td { font-size: 0.875em; /* 14 / 16 */ line-height: 1.4285714286em; }

p, ul, ol, dl { margin-bottom: 1.4285714286em; }

p.paginate { margin-top: 4em; }

ul ul, ul ol, ol ol, ol ul { margin: 0; }

img, embed, object, video { max-width: 100%; }

li li { /* ensures no double font ineritance */ font-size: 1em; }

ul li { /* put back bullets */ margin-left: 2em; list-style: disc outside; }

ol li { /* put back numbers */ margin-left: 2em; list-style: decimal outside; }

em, i { font-style: italic; }

strong, b { font-weight: 700; }

input, textarea, keygen, select, button { font-family: "PT Sans", sans-serif; border: none; }

.button { /* could also just use opacity for hover states &:hover {opacity: 0.9;} &:focus {opacity: 0.9;} &:active {opacity: 0.9;} */ font-size: 12px; font-family: "overpassregular", sans-serif; background: #551228; display: inline-block; line-height: 1em; padding: 0.75em 3.75em 0.75em 0.75em; }

.button:link { color: #ffffff; text-decoration: none; font-weight: normal; }

.button:visited { color: #ffffff; }

.button:hover { color: #fcf3d7; }

.button:focus { color: #fcf3d7; }

.button:active { color: #fcf3d7; }

/* ======= LAYOUT GRID STYLES======= */
/* start with mobile first then go up from there - media queries for others at bottom */
.fullwidth { width: 100%; background: #ececec; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.wrap { margin: auto; max-width: 90%; /* background: #fff url('../i/wrap_shadow.png') no-repeat bottom right; */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: auto; /*Prevents these divs from collapsing in IE*/ clear: both; /* needed for nav fix issue pushing content too far down */ }

.main { width: 100%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.main .subnav { width: 100%; margin: 0; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.main #content { width: 100%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.main .sidebar { width: 100%; margin: 0; float: right; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.main .sidebar-donation { margin-top: -2em; }

/* ======= HEADER STYLES ======= */
#masthead { background: #0089a5; padding: 10px 5px 15px; color: #ffffff; text-align: center; }

.site-title, .nrm-title { line-height: 1em; margin-top: 0em; }

.site-title a, .nrm-title a { display: block; /* could also just use opacity for hover states &:hover {opacity: 0.9;} &:focus {opacity: 0.9;} &:active {opacity: 0.9;} */ }

.site-title a:link, .nrm-title a:link { color: #ffffff; text-decoration: none; font-weight: normal; }

.site-title a:visited, .nrm-title a:visited { color: #ffffff; }

.site-title a:hover, .nrm-title a:hover { color: #551228; }

.site-title a:focus, .nrm-title a:focus { color: #551228; }

.site-title a:active, .nrm-title a:active { color: #551228; }

.socialmedia { margin-bottom: 2em; }

.socialmedia a { display: inline-block; width: 30px; height: 30px; background: transparent url(/assets/images/social-new.png) no-repeat; margin-right: 17px; text-indent: -9999em; }

.socialmedia a.facebook { background-position: 0 0; }

.socialmedia a.twitter { background-position: -47px 0; }

.socialmedia a.youtube { background-position: -94px 0; }

.socialmedia a.pinterest { background-position: -141px 0; }

.socialmedia a.instagram { background-position: -188px 0; margin-right: 0px; }

.navigation-bar { padding: 8px 0px 11px; /* right was 10 */ margin-bottom: 35px; background: #551228; -webkit-box-shadow: 0px 5px 5px 0px #0089a5; -moz-box-shadow: 0px 5px 5px 0px #0089a5; box-shadow: 0px 5px 5px 0px #0089a5; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 137, 165, 0.75); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 137, 165, 0.75); box-shadow: 0px 5px 5px 0px rgba(0, 137, 165, 0.75); float: left; width: 100%; }

.navigation-bar form { background: #ffffff; float: left; }

.navigation-bar form label { position: absolute; left: -9999em; }

.navigation-bar .wrap { position: relative; overflow: visible; /*  overflow: hidden; fixes issue with burgandy bar now spanning full height of nav - but causes issues with flyout not showing and weird scroll bars appearing in header */ }

.nav-toggle { position: absolute; top: 0; right: 0; /* could also just use opacity for hover states &:hover {opacity: 0.9;} &:focus {opacity: 0.9;} &:active {opacity: 0.9;} */ text-indent: -9999em; width: 30px; height: 32px; background: transparent url(/assets/images/menu.png) no-repeat 50% 50%; }

.nav-toggle:link { color: #ffffff; text-decoration: none; font-weight: normal; }

.nav-toggle:visited { color: #ffffff; }

.nav-toggle:hover { color: #ffffff; }

.nav-toggle:focus { color: #ffffff; }

.nav-toggle:active { color: #ffffff; }

#mobilenav { clear: left; }

.primary { display: none; }

#mobilenav ul#mobile_navigation { margin-top: 1em; }

#mobilenav ul#mobile_navigation li { margin-left: 0em; background: transparent; margin-bottom: 1em; }

#mobilenav ul#mobile_navigation li a { border-right: none; /* could also just use opacity for hover states &:hover {opacity: 0.9;} &:focus {opacity: 0.9;} &:active {opacity: 0.9;} */ font-size: 1.125em; font-family: "overpassregular", sans-serif; text-transform: uppercase; }

#mobilenav ul#mobile_navigation li a:link { color: #ffffff; text-decoration: none; font-weight: bold; }

#mobilenav ul#mobile_navigation li a:visited { color: #ffffff; }

#mobilenav ul#mobile_navigation li a:hover { color: #989898; }

#mobilenav ul#mobile_navigation li a:focus { color: #989898; }

#mobilenav ul#mobile_navigation li a:active { color: #989898; }

#mobilenav ul#mobile_navigation li li a { text-transform: none; font-size: 1.1428571429em; font-weight: normal !important; margin-left: 1.3125em; }

#mobilenav ul#mobile_navigation li ul { margin-bottom: 0.7142857143em; margin-top: 0.7142857143em; }

#mobilenav ul#mobile_navigation li.here > a { /* could also just use opacity for hover states &:hover {opacity: 0.9;} &:focus {opacity: 0.9;} &:active {opacity: 0.9;} */ }

#mobilenav ul#mobile_navigation li.here > a:link { color: #f3d15e; text-decoration: none; font-weight: bold; }

#mobilenav ul#mobile_navigation li.here > a:visited { color: #f3d15e; }

#mobilenav ul#mobile_navigation li.here > a:hover { color: #989898; }

#mobilenav ul#mobile_navigation li.here > a:focus { color: #989898; }

#mobilenav ul#mobile_navigation li.here > a:active { color: #989898; }

.with-headerbar #masthead { padding: 0; }

.headerbar { background-color: #158da5 !important; transition: background-color 0.25s ease-in-out; font-family: 'Lato', sans-serif; }

.headerbar .secondary-header { text-align: center; margin: 0 0 20px; border-bottom: 1px solid transparent; padding: 1em 30px; background-color: #008095; font-size: 11px; color: #fff; border-bottom-color: rgba(0, 137, 165, 0); }

.headerbar .secondary-header a { display: block; }

.headerbar .secondary-header h2 { max-width: 425px; margin: 0 auto; line-height: 1; }

.headerbar .site-name { float: left; clear: left; margin-left: 30px; max-width: 70%; }

.headerbar .socialmedia { margin: 10px auto 0; padding: 0 30px 20px; float: none; clear: both; }

.headerbar .socialmedia a { background-image: none; margin: 0 2px; color: #000; background: #fff; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; font-size: 18px; text-align: center; padding: 5px 8px 4px; display: inline-block; text-indent: 0; width: auto; height: auto; transition: .5s; }

.headerbar .socialmedia a:hover, .headerbar .socialmedia a:focus, .headerbar .socialmedia a:active { background: #9e9e9e; color: #d33; }

.headerbar .navigation-bar { padding: 0; -webkit-box-shadow: none; box-shadow: none; background-color: #55122B; background-color: #f9f9f9; }

.headerbar .navigation-bar a { letter-spacing: 2px; }

.headerbar .navigation-bar .wrap { width: 100%; max-width: 100%; }

.headerbar #mobile_navigation { margin-top: 0 !important; text-align: left; }

.headerbar #mobile_navigation li { margin-bottom: 0 !important; border-bottom: 1px solid #dadada; }

.headerbar #mobile_navigation li.last { border-bottom: 0; }

.headerbar #mobile_navigation a { color: #333 !important; font-size: 12px !important; line-height: 35px; font-family: 'Lato', sans-serif !important; display: block; padding: 0 30px; }

.headerbar #mobile_navigation a:link, .headerbar #mobile_navigation a:visited { color: #333; }

.headerbar #mobile_navigation a:hover, .headerbar #mobile_navigation a:focus, .headerbar #mobile_navigation a:active { color: #333; background-color: #f6f6f6; }

.headerbar .nav-toggle { top: -102px; right: 30px; }

.headerbar .global-menu { display: none; }

/*These ems are based on a 16px base*/
@media only screen and (min-width: 30em) { /* 480 =================================================== */
  .headerbar .nav-toggle { top: -110px; } }

@media only screen and (min-width: 60em) { /* 960 =================================================== */
  .headerbar { background-color: rgba(81, 81, 81, 0.3) !important; position: absolute; top: 0; z-index: 100; }
  .headerbar .secondary-header { padding: 0 30px; }
  .headerbar .secondary-header h2 { margin: 0; float: left; }
  .headerbar .primary-header { float: left; clear: left; margin: 10px 0 30px; }
  .headerbar .site-name { max-width: 100%; }
  .headerbar .socialmedia { float: right; clear: right; margin: 0; padding: 20px 39px 30px 30px; }
  .headerbar .navigation-bar { background-color: rgba(51, 51, 51, 0.35); }
  .headerbar .navigation { width: 100%; }
  .headerbar .navigation #desktop_navigation > li { float: none; display: inline-block; margin-right: 20px; }
  .headerbar .navigation #desktop_navigation > li a { font-size: 15px; line-height: 40px; font-family: 'Lato', sans-serif; }
  .headerbar .navigation #desktop_navigation > li.last { margin-right: 0; }
  .headerbar .global-menu { display: block; float: right; }
  .headerbar .global-menu .sub-menu { display: none; position: absolute; background-color: #f2efef; width: 127px; left: -1px; z-index: 99; transition: display 0.2s ease-in; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; border: 1px solid #e5e5e5; padding: 0; }
  .headerbar .global-menu .sub-menu li { display: block; float: none; }
  .headerbar .global-menu .sub-menu li a { display: block; padding: 7px 10px; border-bottom: 1px solid #e5e5e5; color: #747474; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s; line-height: 18.7px; text-align: left; text-transform: none; }
  .headerbar .global-menu .sub-menu li a:hover, .headerbar .global-menu .sub-menu li a:focus, .headerbar .global-menu .sub-menu li a:active { background-color: #f8f8f8; color: #333; }
  .headerbar .global-menu .sub-menu li:last-child > a { border-bottom: none; }
  .headerbar .global-menu ul { list-style: none; margin: 0; }
  .headerbar .global-menu li { float: left; list-style: none; margin: 0; position: relative; }
  .headerbar .global-menu li:hover > .sub-menu { display: block; }
  .headerbar .global-menu a { font-size: 11px; text-transform: uppercase; display: block; padding: 0 8px; line-height: 45px; }
  .headerbar .global-menu a:link, .headerbar .global-menu a:visited { color: #fff; }
  .headerbar .global-menu a:hover, .headerbar .global-menu a:focus, .headerbar .global-menu a:active { color: #fff; }
  .headerbar .search-dropdown { display: none; position: absolute; width: 198px; padding: 25px; border: 1px solid #dcdadb; background-color: #f2efef; right: 0; }
  .headerbar .search-dropdown form { float: none; background: transparent; }
  .headerbar .search-dropdown input[type="text"] { background-color: #fff; height: 27px; padding: 0 15px; color: #aaa9a9; border: 1px solid #d2d2d2; font-size: 13px; width: 133px; float: left; }
  .headerbar .search-dropdown input[type="submit"] { background-image: none; background-color: #000; height: 29px; width: 29px; line-height: 29px; color: #fff; font-size: 15px; font-family: FontAwesome; transition: all .2s; padding: 0; cursor: pointer; float: left; }
  .headerbar .search-dropdown input[type="submit"]:hover { background-color: #9e9e9e; color: #fff; background-image: none; cursor: pointer; }
  .headerbar .primary ul.dropdown li a:hover, .headerbar .primary ul.dropdown li a:focus, .headerbar .primary ul.dropdown li a:active { color: #d3d3d3; }
  .headerbar .primary ul.dropdown ul { background-color: #f2efef; width: 180px; border-top: 3px solid #d3d3d3; -webkit-box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06); -moz-box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06); box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06); top: 100%; padding: 0; margin: 0; }
  .headerbar .primary ul.dropdown ul li { margin: 0; padding: 0; text-align: left; }
  .headerbar .primary ul.dropdown ul li a { border-bottom: 1px solid #dcdadb; padding: 7px 20px; width: 140px; color: #333; font-size: 14px; line-height: 23.8px; letter-spacing: normal; }
  .headerbar .primary ul.dropdown ul li a:link, .headerbar .primary ul.dropdown ul li a:visited { color: #333; }
  .headerbar .primary ul.dropdown ul li a:hover, .headerbar .primary ul.dropdown ul li a:focus, .headerbar .primary ul.dropdown ul li a:active { background-color: #f8f8f8; } }

.with-headerbar #featured { overflow: hidden; position: relative; width: 100%; }

.with-headerbar #featured img { -ms-animation: move 7s ease forwards; -webkit-animation: move 7s ease forwards; -o-animation: move 7s ease forwards; -moz-animation: move 7s ease forwards; animation: move 7s ease forwards; /* position: absolute;*/ left: -150px; top: -150px; display: block; }

@-webkit-keyframes move { from { -ms-transform: scale(1);
    /* IE 9 */
    -webkit-transform: scale(1);
    /* Safari and Chrome */
    -o-transform: scale(1);
    /* Opera */
    -moz-transform: scale(1);
    /* Firefox */
    transform: scale(1); }
  to { -ms-transform: scale(1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1);
    /* Safari and Chrome */
    -o-transform: scale(1.1);
    /* Opera */
    -moz-transform: scale(1.1);
    /* Firefox */
    transform: scale(1.1); } }

@-moz-keyframes move { from { -ms-transform: scale(1);
    /* IE 9 */
    -webkit-transform: scale(1);
    /* Safari and Chrome */
    -o-transform: scale(1);
    /* Opera */
    -moz-transform: scale(1);
    /* Firefox */
    transform: scale(1); }
  to { -ms-transform: scale(1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1);
    /* Safari and Chrome */
    -o-transform: scale(1.1);
    /* Opera */
    -moz-transform: scale(1.1);
    /* Firefox */
    transform: scale(1.1); } }

@-o-keyframes move { from { -ms-transform: scale(1);
    /* IE 9 */
    -webkit-transform: scale(1);
    /* Safari and Chrome */
    -o-transform: scale(1);
    /* Opera */
    -moz-transform: scale(1);
    /* Firefox */
    transform: scale(1); }
  to { -ms-transform: scale(1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1);
    /* Safari and Chrome */
    -o-transform: scale(1.1);
    /* Opera */
    -moz-transform: scale(1.1);
    /* Firefox */
    transform: scale(1.1); } }

@-ms-keyframes move { .with-headerbar from { -ms-transform: scale(1); /* IE 9 */ -webkit-transform: scale(1); /* Safari and Chrome */ -o-transform: scale(1); /* Opera */ -moz-transform: scale(1); /* Firefox */ transform: scale(1); }
  .with-headerbar to { -ms-transform: scale(1.1); /* IE 9 */ -webkit-transform: scale(1.1); /* Safari and Chrome */ -o-transform: scale(1.1); /* Opera */ -moz-transform: scale(1.1); /* Firefox */ transform: scale(1.1); } }

@keyframes move { from { -ms-transform: scale(1);
    /* IE 9 */
    -webkit-transform: scale(1);
    /* Safari and Chrome */
    -o-transform: scale(1);
    /* Opera */
    -moz-transform: scale(1);
    /* Firefox */
    transform: scale(1); }
  to { -ms-transform: scale(1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1);
    /* Safari and Chrome */
    -o-transform: scale(1.1);
    /* Opera */
    -moz-transform: scale(1.1);
    /* Firefox */
    transform: scale(1.1); } }

.error.with-headerbar .headerbar, .searchresult.with-headerbar .headerbar, .nosearch.with-headerbar .headerbar, .artistsearch.with-headerbar .headerbar, .landing.with-headerbar .headerbar, .news.with-headerbar .headerbar, .illustration.with-headerbar .headerbar, .author.with-headerbar .headerbar, .resource.with-headerbar .headerbar, .event.with-headerbar .headerbar, .artist.with-headerbar .headerbar, .essay.with-headerbar .headerbar, .genre.with-headerbar .headerbar, .time-period.with-headerbar .headerbar, .artist.with-headerbar .headerbar, .interior.with-headerbar .headerbar { margin-bottom: 35px; background-size: cover !important; }

.error.with-headerbar .navigation-bar, .searchresult.with-headerbar .navigation-bar, .nosearch.with-headerbar .navigation-bar, .artistsearch.with-headerbar .navigation-bar, .landing.with-headerbar .navigation-bar, .news.with-headerbar .navigation-bar, .illustration.with-headerbar .navigation-bar, .author.with-headerbar .navigation-bar, .resource.with-headerbar .navigation-bar, .event.with-headerbar .navigation-bar, .artist.with-headerbar .navigation-bar, .essay.with-headerbar .navigation-bar, .genre.with-headerbar .navigation-bar, .time-period.with-headerbar .navigation-bar, .artist.with-headerbar .navigation-bar, .interior.with-headerbar .navigation-bar { margin-bottom: 0; }

@media only screen and (min-width: 60em) { /* 960 =================================================== */
  .error.with-headerbar .headerbar, .searchresult.with-headerbar .headerbar, .nosearch.with-headerbar .headerbar, .artistsearch.with-headerbar .headerbar, .landing.with-headerbar .headerbar, .news.with-headerbar .headerbar, .illustration.with-headerbar .headerbar, .author.with-headerbar .headerbar, .resource.with-headerbar .headerbar, .event.with-headerbar .headerbar, .essay.with-headerbar .headerbar, .genre.with-headerbar .headerbar, .time-period.with-headerbar .headerbar, .artist.with-headerbar .headerbar, .interior.with-headerbar .headerbar { position: relative; } }

/* ======= MAIN CONTENT STYLES ======= */
.breadcrumb { color: #0089a5; font-size: 0.875em; margin-bottom: 2.7142857143em; }

.subnav nav ul { margin-top: 0; }

.subnav nav li { list-style: none; margin-left: 0; }

.subnav nav li li { /* for nested subnav */ margin-left: 2em; }

.main { padding-bottom: 3%; }

.main img { margin: .25em 0em; }

.main .page-main img { margin: .5em 1em; }

.main .alpha { margin-bottom: 2.5em; }

.main .alpha ul li { display: inline; list-style-type: none; margin: 0 1em 0 0; }

.page-main, .article-header { margin: 0 0 2.9375em; }

.news .article-header, .resources .article-header, .events .article-header, .essays.article-header { margin-bottom: 1.5625em; }

.byline { font-weight: normal; font-family: "overpassregular", sans-serif; text-transform: none; color: #989898; margin-top: 0.8571428571em; }

.author-bio { margin: 3.0625em 0; border-top: 1px solid #f3d15e; padding-top: 1.375em; }

.author-bio h4 { font-family: "overpassregular", sans-serif; text-transform: none; font-weight: normal; }

.author-bio img { margin-right: 1em; }

.sidebar { margin-bottom: 3.0625em !important; }

.sidebar h5 { border-bottom: 1px solid #f3d15e; }

.sidebar ul { margin: 0.9285714286em 0 1.7857142857em; }

.sidebar ul ul { margin: 0em; }

.sidebar ul ul li { margin-left: 1.1428571429em; }

.sidebar ul li { list-style: none; list-style-type: none; font-family: "overpassregular", sans-serif; color: #0089a5; margin-left: 0em; }

.sidebar ul li a { /* could also just use opacity for hover states &:hover {opacity: 0.9;} &:focus {opacity: 0.9;} &:active {opacity: 0.9;} */ }

.sidebar ul li a:link { color: #0089a5; text-decoration: none; font-weight: normal; }

.sidebar ul li a:visited { color: #0089a5; }

.sidebar ul li a:hover { color: #232323; }

.sidebar ul li a:focus { color: #232323; }

.sidebar ul li a:active { color: #232323; }

.sidebar ul li.active a { /* could also just use opacity for hover states &:hover {opacity: 0.9;} &:focus {opacity: 0.9;} &:active {opacity: 0.9;} */ }

.sidebar ul li.active a:link { color: #453a53; text-decoration: none; font-weight: normal; }

.sidebar ul li.active a:visited { color: #453a53; }

.sidebar ul li.active a:hover { color: #232323; }

.sidebar ul li.active a:focus { color: #232323; }

.sidebar ul li.active a:active { color: #232323; }

.sidebar ul li.active ul li a { /* could also just use opacity for hover states &:hover {opacity: 0.9;} &:focus {opacity: 0.9;} &:active {opacity: 0.9;} */ }

.sidebar ul li.active ul li a:link { color: #0089a5; text-decoration: none; font-weight: normal; }

.sidebar ul li.active ul li a:visited { color: #0089a5; }

.sidebar ul li.active ul li a:hover { color: #232323; }

.sidebar ul li.active ul li a:focus { color: #232323; }

.sidebar ul li.active ul li a:active { color: #232323; }

.sidebar-related { clear: both; background-color: #f3d15e; background-color: rgba(243, 209, 94, 0.25); margin-bottom: 5.9375em; }

.sidebar-related h5 { color: #ffffff; font-weight: normal; font-family: "overpassregular", sans-serif; background-color: #453a53; padding: 0.8571428571em 1.5714285714em 0.5em; clear: both; }

.sidebar-related ul { margin: 1.2857142857em 1.5714285714em 2em; float: left; }

.sidebar-related ul li { list-style: none; list-style-type: none; margin: 0 0 0.7142857143em 0em; float: left; width: 100%; }

.sidebar-related ul li span { display: inline-block; margin-top: 0.7142857143em; max-width: 70%; /* needed to prevent text wrapping below thumbnail */ }

.sidebar-related img { float: left; margin-right: 0.7142857143em; }

.featured-illustration { clear: both; width: 100%; margin-bottom: 2em !important; }

.related-info div { margin-bottom: .7em; }

.related-info h5 { display: inline; }

.related-info ul { display: inline; clear: right; }

.related-info ul li { margin-left: 0em; list-style: none; list-style-type: none; display: inline; }

.related-info ul li a:after { content: ", "; }

.related-info ul#nav-categories > li:last-of-type a:after { content: ""; }

.home .navigation-bar { position: relative; margin-bottom: 0em; z-index: 10; }

.home #featured { position: relative; background-color: #f3d15e; }

.home #featured img { width: 100%; height: auto; max-width: inherit; }

.home #featured a { /* could also just use opacity for hover states &:hover {opacity: 0.9;} &:focus {opacity: 0.9;} &:active {opacity: 0.9;} */ }

.home #featured a:link { color: #f3d15e; text-decoration: none; font-weight: normal; }

.home #featured a:visited { color: #f3d15e; }

.home #featured a:hover { color: #551228; }

.home #featured a:focus { color: #551228; }

.home #featured a:active { color: #551228; }

.home #featured p { margin-bottom: 0em; display: none; }

.home #featured .slide-textbox { padding: 1.4375em 1.3125em; background-color: #232323; background-color: rgba(35, 35, 35, 0.5); color: #ffffff; bottom: 7px; left: 0; right: 0; position: absolute; -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); }

.home #featured .slide-title { color: #f3d15e; text-transform: uppercase; }

.home #featured .slide-illustrationinfo { display: none; }

.home #featured .slide-illustrationinfo h5, .home #featured .slide-illustrationinfo h6 { text-transform: none; font-family: "overpassregular", sans-serif; font-weight: normal; }

.home #featured .slide-illustrationinfo h5 { color: #f3d15e; }

.home .latestupdates { background: #f3d15e; padding: 1.875em 0 2.3125em; }

.home .latestupdates .latest-featuredessay { margin-bottom: 2.625em; }

.home .latestupdates .latest-featuredessay h4 { margin-top: 1em; }

.home .latestupdates .essay-image { width: 220px; height: auto; -webkit-box-shadow: 8px 8px 0px 0px rgba(35, 35, 35, 0.1); -moz-box-shadow: 8px 8px 0px 0px rgba(35, 35, 35, 0.1); box-shadow: 8px 8px 0px 0px rgba(35, 35, 35, 0.1); }

.home .latestupdates h4 { font-weight: normal; font-family: "overpassregular", sans-serif; margin-bottom: 1.3571428571em; }

.home .latestupdates h1 { color: #0089a5; }

.home .latest-news h2 { color: #232323; text-transform: uppercase; }

.home .latest-news hr { background-color: #ffffff; border: 0; height: 1px; margin-bottom: 1.3125em; }

.home .latest-news h4 { text-transform: none; margin-bottom: 0em; }

.home .latest-news p { margin-bottom: 0em; }

.home .latest-news .listing-item { margin-bottom: 1.625em; }

.home .jump-off { padding: 4.5625em 0; }

.home .jump-off .jump-point { margin-bottom: 0.625em; margin-left: 7%; float: left; width: 46.5%; }

.home .jump-off .jump-point img { margin-bottom: 0; }

.home .jump-off .jump-point h2 { color: #0089a5; margin-bottom: .3em; }

.home .jump-off .jump-point p { margin-bottom: 1.7857142857em; }

.home .jump-off .jump-point:nth-child(odd) { margin-left: 0; clear: left; }

.home .jump-off .jump-point:nth-child(-n+2) { margin-bottom: 2em; }

.artists .page-main, .authors .page-main, .time-periods .page-main, .genres .page-main, .news .page-main, .events .page-main, .resources .page-main, .essays .page-main, .illustrations .page-main { font-weight: normal; }

.artists .page-main p, .artists .page-main li, .artists .page-main dd, .artists .page-main dt, .artists .page-main blockquote, .artists .page-main legend, .artists .page-main caption, .artists .page-main th, .artists .page-main td, .authors .page-main p, .authors .page-main li, .authors .page-main dd, .authors .page-main dt, .authors .page-main blockquote, .authors .page-main legend, .authors .page-main caption, .authors .page-main th, .authors .page-main td, .time-periods .page-main p, .time-periods .page-main li, .time-periods .page-main dd, .time-periods .page-main dt, .time-periods .page-main blockquote, .time-periods .page-main legend, .time-periods .page-main caption, .time-periods .page-main th, .time-periods .page-main td, .genres .page-main p, .genres .page-main li, .genres .page-main dd, .genres .page-main dt, .genres .page-main blockquote, .genres .page-main legend, .genres .page-main caption, .genres .page-main th, .genres .page-main td, .news .page-main p, .news .page-main li, .news .page-main dd, .news .page-main dt, .news .page-main blockquote, .news .page-main legend, .news .page-main caption, .news .page-main th, .news .page-main td, .events .page-main p, .events .page-main li, .events .page-main dd, .events .page-main dt, .events .page-main blockquote, .events .page-main legend, .events .page-main caption, .events .page-main th, .events .page-main td, .resources .page-main p, .resources .page-main li, .resources .page-main dd, .resources .page-main dt, .resources .page-main blockquote, .resources .page-main legend, .resources .page-main caption, .resources .page-main th, .resources .page-main td, .essays .page-main p, .essays .page-main li, .essays .page-main dd, .essays .page-main dt, .essays .page-main blockquote, .essays .page-main legend, .essays .page-main caption, .essays .page-main th, .essays .page-main td, .illustrations .page-main p, .illustrations .page-main li, .illustrations .page-main dd, .illustrations .page-main dt, .illustrations .page-main blockquote, .illustrations .page-main legend, .illustrations .page-main caption, .illustrations .page-main th, .illustrations .page-main td { font-size: 1em; }

.grid { margin-bottom: 4.6875em; }

.grid .listing-item { width: 47%; max-width: 150px; float: left; margin-bottom: 2.25em; }

.grid .listing-item .gridphotowrap { width: 116px; height: 77px; overflow: hidden; }

.grid .listing-item h4 { font-weight: normal; font-family: "overpassregular", sans-serif; text-transform: none; margin-top: 1.2857142857em; }

.grid .listing-item p { margin-bottom: 0em; }

.grid .listing-item:nth-child(odd) { clear: left; margin-right: 6%; }

.grid .pagination { clear: both; }

.listing { margin-bottom: 4.6875em; }

.listing .listing-item { margin-bottom: 1.5em; float: left; width: 100%; }

.listing .listing-item h4 { text-transform: none; font-family: "overpassregular", sans-serif; font-weight: normal; font-size: 1.125em; }

.listing .listing-item p { margin-bottom: 0em; }

.listing .listingphotowrap { width: 150px; height: 80px; overflow: hidden; float: right; }

.illustrationcontainer .illustrationwrap { margin-right: 1em; width: 60px; height: 60px; overflow: hidden; float: left; }

.detailsection { margin-top: 3.2857142857em; }

.fancybox-title { text-align: center; }

.fancybox-title span { font-family: "overpassbold", sans-serif; font-weight: 700; }

#landing #masthead { -webkit-box-shadow: 0px 5px 5px 0px #0089a5; -moz-box-shadow: 0px 5px 5px 0px #0089a5; box-shadow: 0px 5px 5px 0px #0089a5; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 137, 165, 0.75); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 137, 165, 0.75); box-shadow: 0px 5px 5px 0px rgba(0, 137, 165, 0.75); }

#landing .stripe { margin-bottom: 2.5em; }

#landing h4.byline { margin-top: 0; }

#landing h2.nrm-title { padding-top: 1.5em; }

#landing .sidebar h1, #landing .sidebar h2, #landing .sidebar h3, #landing .sidebar h4, #landing .sidebar h5, #landing .sidebar h6 { font-size: 0.875em; border-bottom: 1px solid #f3d15e; margin: 0 0 1em 0; clear: both; }

#landing .sidebar-related { background-color: #f3d15e; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1em; }

#landing .sidebar-related h1, #landing .sidebar-related h2, #landing .sidebar-related h3, #landing .sidebar-related h4, #landing .sidebar-related h5, #landing .sidebar-related h6 { font-size: 1em; border-bottom: 1px solid #ffffff; margin: 1em 0; clear: both; padding: 1em 0 .4em 0; }

/* ======= FOOTER STYLES ======= */
#colophon { background: #232323; color: #ffffff; }

#colophon a { /* could also just use opacity for hover states &:hover {opacity: 0.9;} &:focus {opacity: 0.9;} &:active {opacity: 0.9;} */ }

#colophon a:link { color: #f3d15e; text-decoration: none; font-weight: normal; }

#colophon a:visited { color: #f3d15e; }

#colophon a:hover { color: #ffffff; }

#colophon a:focus { color: #ffffff; }

#colophon a:active { color: #ffffff; }

.mainfooter { -webkit-box-shadow: 0px 5px 5px 0px #0089a5; -moz-box-shadow: 0px 5px 5px 0px #0089a5; box-shadow: 0px 5px 5px 0px #0089a5; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 137, 165, 0.75); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 137, 165, 0.75); box-shadow: 0px 5px 5px 0px rgba(0, 137, 165, 0.75); position: relative; z-index: 2; padding: 2.375em 0; }

.footer-widget { color: #0089a5; text-transform: uppercase; }

.footer-module { margin-bottom: 3.75em; }

.footer-module.nea { margin-bottom: 0em; }

.footer-module p { font-size: 0.75em; margin-bottom: 2.3333333333em; }

.footer-module p.module-links { margin-bottom: 0em; }

.subfooter { padding: 1.6875em 0.625em 4em; background: transparent url(/assets/images/subfooter.jpg) no-repeat 50% 0%; background-size: cover; }

.subfooter p { font-size: 0.875em; margin: 0em 0 3.5em; }

.subfooter p.copyright { margin-bottom: 0em; }

.subfooter .contain { background-color: #232323; background-color: rgba(35, 35, 35, 0.5); padding: 2.4375em 0.5em 1.3125em 1.875em; }

/* ======= FORM STYLES ======= */
form input.test { /* to hide test field on forms to prevent spam - may want to text indent it into oblivion - think i read that some browsers choke on display none*/ display: none; }

form dd { margin-bottom: 1em; }

form input, form select, form textarea { font-size: 0.875em; /* 14 */ /*
		@include border-radius(7px, 7px, 7px, 7px); 
		@include box-shadow(3px, 3px, 5px, 1px, $shadow);
*/ padding: 0.42857142857143em 0.71428571428571em; line-height: 1em; color: #989898; }

form input[type="text"], form select, form textarea, form input[type="email"], form input[type="tel"] { /* so it utilizes more of the page */ width: 50%; }

form input#plan_amount, form select#card_exp_month, form select#card_exp_year, form input#card_cvc { /* for shorter inputs on these fields */ width: 25%; display: inline-block; /* this is needed to get the select items side by side ... plan amount doesn't really need it but it doesn't hurt */ }

form textarea { /* so it utilizes more of the page and is wider than form elements */ width: 75%; }

form select { min-height: 29px; }

form input.button, form input[type="button"], form input[type="submit"], form input[type="file"], form input[type="radio"], form input[type="checkbox"] { /* no border on buttons or radio checkboxes or files  */ border: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

form input[type="text"]:focus, form textarea:focus { background-color: #ffffff; }

form input.button, form input[type="button"], form input[type="submit"] { background: #0089a5; color: #ffffff; /*
		@include border-radius(7px, 7px, 7px, 7px);  
		@include box-shadow(3px, 3px, 5px, 1px, $shadow);
*/ }

form input.button:hover, form input[type="button"]:hover, form input[type="submit"]:hover { background: #0089a5; color: #ffffff; }

form .feedback { color: #d80000; margin-bottom: .5em; }

input[value="search"][type="submit"] { background: transparent url(/assets/images/search.png) no-repeat 50% 50%; text-indent: -9999em; width: 24px; height: 24px; margin: 4px 10px; float: right; }

form.site-search input.button:hover, form.site-search input[type="button"]:hover, form.site-search input[type="submit"]:hover { background: transparent url(/assets/images/search.png) no-repeat 50% 50%; color: #0089a5; }

.main { /* different treatment for forms in main */ }

.main form input, .main form select, .main form textarea { background-color: #82bacb; color: #232323; }

.main form input[type="text"]:focus, .main form textarea:focus { background-color: #ffffff; }

.main form input.button, .main form input[type="button"], .main form input[type="submit"] { background: #453a53; color: #ffffff; }

.main form input.button:hover, .main form input[type="button"]:hover, .main form input[type="submit"]:hover { background: #0089a5; color: #ffffff; }

footer form input, footer form input[type="text"], footer form select, footer form textarea { font-size: .75em; margin-bottom: 1em; width: 90%; }

footer form input.button, footer form input[type="button"], footer form input[type="submit"] { background: #0089a5; color: #ffffff; padding: .62em 1em; font-size: .75em; display: block; width: 50%; }

footer form input.button:hover, footer form input[type="button"]:hover, footer form input[type="submit"]:hover { background: #82bacb; color: #ffffff; }

/* ======= TABLE STYLES ======= */
table thead, table tfoot { background: #777777; }

/* ======= MEDIA QUERIES ======== */
@media screen and (min-width: 500px) { /* tablet-ish */
  .fullwidth { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .wrap { margin: auto; max-width: 90%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* background: #fff url('../i/wrap_shadow.png') no-repeat bottom right; */ }
  #masthead { padding-bottom: 15px; }
  .nrm-title, .site-name { float: left; clear: both; }
  .main { width: 100%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /*
		#content {
			width: 75%;
			float: left;
			@include box-sizing;
		}
			
		.sidebar {
			width: 23%;
			margin-left: 2%;
			float: right;
			@include box-sizing;
		}
*/ }
  .main .subnav { width: 100%; margin: 0; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .author-bio img { max-width: 75px; margin-right: 1em; }
  .footer-module { width: 37%; margin-right: 13%; float: left; }
  .subfooter { padding-left: 0em; padding-right: 0em; }
  .subfooter .contain { max-width: 410px; }
  .home #featured .slide-textbox { background-color: rgba(35, 35, 35, 0.5); position: absolute; }
  .home .latestupdates .latest-featuredessay h4 { margin-top: 0; }
  .home .latestupdates .essay-image { float: right; margin-left: 2em; }
  .home .latestupdates .latest-featuredessay { clear: both; } }

@media screen and (min-width: 630px) { .socialmedia { /* prevents overlap with logo */ float: right; margin-bottom: 0em; } }

@media screen and (min-width: 781px) { /* desktops - this may be redundant - copy this over to ie.scss when final (ie8 and down doesn't understand media queries and we'll want to serve the desktop version to it) */
  .fullwidth { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .wrap { margin: auto; width: 90%; max-width: 1200px; /* background: #fff url('../i/wrap_shadow.png') no-repeat bottom right; */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .main { width: 100%; float: left; min-height: 400px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .main .subnav { width: 23%; margin-right: 2%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .main #content { width: 69.5%; float: right; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .main #content > section { width: 69.5%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .main .sidebar { width: 22%; margin-left: 8.5%; float: right; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .main .sidebar ul ul { display: block; }
  .main .sidebar ul li { display: block; }
  .main .sidebar ul li a:after { content: ""; }
  .main .sidebar ul ul li { margin-left: 1.1428571429em; }
  .main .sidebar .sidebar-related { /* if on right side on listing page */ width: 100%; margin-right: 0; }
  .main .sidebar-related { width: 25%; margin-right: 5.5%; float: left; clear: none; }
  body#time .main #content > section { width: 100%; }
  #interior .main #content { width: 100%; float: none; }
  #interior .main #content > section { width: 100%; }
  #interior.has-sidebar .main #content > section { width: 69.5%; }
  .footer-module { width: 24.6667%; }
  .footer-module.nea { margin-right: 0%; }
  /* nav styles were here */
  .home #featured .slide-featureinfo { width: 71.5%; margin-right: 10%; float: left; }
  .home #featured p { display: block; }
  .home #featured .slide-illustrationinfo { display: block; width: 18.5%; float: left; }
  .home .latest-sectionwrap > div { float: left; }
  .home .latest-sectionwrap .latest-featuredessay { width: 61.5%; margin-top: 2.5em; }
  .home .latest-sectionwrap .latest-news { width: 32%; margin-left: 6.5%; }
  .home .jump-off .jump-point { width: 22.375%; margin-right: 3.5%; margin-left: 0%; }
  .home .jump-off .jump-point:nth-child(odd) { margin-left: inherit; clear: none; }
  .home .jump-off .jump-point:nth-child(-n+2) { margin-bottom: inherit; }
  .home .jump-off .jump-point:nth-child(4) { margin-right: 0%; }
  .grid .listing-item { width: 22%; margin-right: 3%; }
  .grid .listing-item:nth-child(odd) { clear: none; margin-right: 3%; }
  .grid .listing-item:nth-child(4n) { margin-right: 0%; }
  .grid .listing-item:nth-child(4n+1) { clear: left; } }

@media screen and (min-width: 975px) { /* needed this to accommodate more items in main nav to prevent wrapping onto two lines */
  .navigation-bar { padding-left: 0px; padding-right: 0px; }
  .navigation-bar form { float: right; }
  #mobilenav, .nav-toggle { display: none; }
  .primary { display: block; float: left; width: 66%; }
  .primary ul { font-size: 1em; }
  .primary ul.dropdown { margin-bottom: 0em; }
  .primary ul.dropdown li { margin-left: 0em; margin-right: 2.5em; list-style: none; list-style-type: none; background: transparent; position: relative; }
  .primary ul.dropdown li.hover, .primary ul.dropdown li:hover { background: transparent; }
  .primary ul.dropdown li a { padding: 0 0; border-right: none !important; /* could also just use opacity for hover states &:hover {opacity: 0.9;} &:focus {opacity: 0.9;} &:active {opacity: 0.9;} */ text-transform: uppercase; font-family: "overpassregular", sans-serif; font-size: 1.2857142857em; line-height: 1.7777777778em; }
  .primary ul.dropdown li a:link { color: #ffffff; text-decoration: none; font-weight: bold; }
  .primary ul.dropdown li a:visited { color: #ffffff; }
  .primary ul.dropdown li a:hover { color: #989898; }
  .primary ul.dropdown li a:focus { color: #989898; }
  .primary ul.dropdown li a:active { color: #989898; }
  .primary ul.dropdown li.here > a { /* could also just use opacity for hover states &:hover {opacity: 0.9;} &:focus {opacity: 0.9;} &:active {opacity: 0.9;} */ }
  .primary ul.dropdown li.here > a:link { color: #f3d15e; text-decoration: none; font-weight: bold; }
  .primary ul.dropdown li.here > a:visited { color: #f3d15e; }
  .primary ul.dropdown li.here > a:hover { color: #989898; }
  .primary ul.dropdown li.here > a:focus { color: #989898; }
  .primary ul.dropdown li.here > a:active { color: #989898; }
  .primary ul.dropdown ul { padding: 1.5em 1.5em 4em; background-color: #232323; background-color: rgba(35, 35, 35, 0.85); top: 43px; }
  .primary ul.dropdown ul li { margin-right: 0em; margin-bottom: 1em; border-bottom: none; }
  .primary ul.dropdown ul li a { /* could also just use opacity for hover states &:hover {opacity: 0.9;} &:focus {opacity: 0.9;} &:active {opacity: 0.9;} */ text-transform: none; font-size: 1.1428571429em; line-height: 1em; }
  .primary ul.dropdown ul li a:link { color: #ffffff; text-decoration: none; font-weight: normal; }
  .primary ul.dropdown ul li a:visited { color: #ffffff; }
  .primary ul.dropdown ul li a:hover { color: #989898; }
  .primary ul.dropdown ul li a:focus { color: #989898; }
  .primary ul.dropdown ul li a:active { color: #989898; } }

/* ======= PLUGIN STYLES ======= */
/* for dropdowns style - http://css-tricks.com/simple-jquery-dropdowns/ */
/* 
	LEVEL ONE
*/
ul.dropdown { position: relative; }

ul.dropdown li { font-weight: bold; float: left; zoom: 1; background: #ccc; }

ul.dropdown a:hover { color: #000; }

ul.dropdown a:active { color: #ffa500; }

ul.dropdown li a { display: block; padding: 4px 8px; border-right: 1px solid #333; color: #222; }

ul.dropdown li:last-child a { border-right: none; }

/* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover { background: #F3D673; color: black; position: relative; }

ul.dropdown li.hover a { color: black; }

/* 
	LEVEL TWO
*/
ul.dropdown ul { width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }

ul.dropdown ul li { font-weight: normal; background: #f6f6f6; color: #000; border-bottom: 1px solid #ccc; float: none; }

/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { border-right: none; width: 100%; display: inline-block; }

/* 
	LEVEL THREE
*/
ul.dropdown ul ul { left: 100%; top: 0; }

ul.dropdown li:hover > ul { visibility: visible; }

/* ======= HIDING ======= */