/* CSS Document */

html, body {font-size:18px;}	

html, body, h1, .h1, h2, .h2, h3, .h3, .h3, h4, .h4, h5, .h5, h6, .h6, .form-all, div.form-all  {font-family:aktiv-grotesk, Verdana, "sans-serif";font-style:normal;}


.vertical.menu .h4, .mobiletitle, .footer .h4, .callout .h2 {font-family:Helvetica, aktiv-grotesk, Verdana, "sans-serif";font-style:normal;font-weight:normal;}
.vertical.menu .h4, .mobiletitle, .footer .h4 {font-weight:bold;}


h1, .h1, h2, .h2, h3, .h3, .h3, h4, h5, .h5, h6, .h6 {text-align:left;}

.extra-bold, h1, .tabs .is-active > a, .is-active .accordion-title  {font-weight:700;}
.bold, .toggle, .tabs-title-external > a, .accordion-title, .tabs-title > a {font-weight:bold;}
.medium  {font-weight:500;}

iframe {border:none;background-color:#fff;}

h1, .h1 {font-size:3.5rem;line-height:3.5rem;font-style:normal;font-weight:500;}
h2, .h2 {font-size:2rem;line-height:3rem;font-weight:bold;} 
h3, .h3 {font-size:1.75rem;font-weight:bold;line-height:2.25rem;} 
h4, .h4 {font-size:1.25rem;font-weight:bold;} 
h5, .h5 {font-size:1.1rem;} 
h6, .h6 {font-size:1rem;}

small {font-size:.8rem;}

/* Colors */
.black, body, .jotform-form, .jotform-form label,  select, select:focus, [type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], .button, .footer a, .mobilebutton a, a:hover, p a, a:visited, .my-gallery figure figcaption a, .pswp__caption span a {color:#000001;}
.red, a, p a:hover, .footer h5 a, .my-gallery figure figcaption a:hover, #virtualexhibition .close-button span, a.button:hover {color:#DB350F;}
.brown {color:#bf0e72;}
.white, .top-bar a, a.button  {color:#fff;}
.gray, .top-bar .h4 {color:#bbb;}
.bk-white, .button:hover, .wrapper, .card .cardbutton:hover, [type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea, [type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus, select, select:focus, .jotform-form .form-line-error, .jotform-form .form-line, .jotform-form .form-input .form-error-message, .jotform-form .form-input-wide .form-error-message, #mc_embed_signup input, #mc_embed_signup input:focus, .sticky, .button {background-color:#fff;}
.transparent {color:transparent;}
.bk-red, #mc_embed_signup button:hover {background-color:#DB350F;} 
.bk-black, .top-bar, .top-bar ul, .button:hover, .button:focus, .button  {background-color:#000001;}
.bk-gray, .callout, .infobox, .bk-mobile-only {background-color:#ddd;}
.transparent {background-color:transparent;}

.highlight {border:1px solid red;background-color:lightyellow;color:black;font-weight:bold;padding:.5rem;}

.underline, p a, .pswp__caption span a, figcaption span a {text-decoration:underline;}
.nounderline, .button, span a:hover {text-decoration:none;}

.show-lightbox-only {display:none;}

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

.padt1 {padding-top:1rem;}
.padt2 {padding-top:2rem;}
.padb0 {padding-bottom:0;}
.padb1 {padding-bottom:1rem;}
.padb2 {padding-bottom:2rem;}
.padl1 {padding-left:1rem;}
.padr1 {padding-right:1rem;}

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea, select {margin:0;min-height:3rem;font-size:1.1rem;}


.callout {border:none;padding:7.5% 5%;}
.callout>:last-child {margin-bottom:inherit;}

/* Elements */
a.toggle::after {display:block;width:0;height:0;border:inset 6px;content:'';border-bottom-width: 0;border-top-style: solid;border-color: #F7B500 transparent transparent;position:absolute;top:50%;margin-top:-3px;right:-.25rem;}

.my-gallery figure a {color:transparent;}
.my-gallery figure a img {border-color:#fff;border:solid;border-width:4px;}
.my-gallery figure a img:hover {border-color:#000001;}

.blank-cards {display:block;}

/* Buttons */
.instagram {max-width:1.8rem;}
a.button {font-size:1.3rem;padding:.75rem 1.5rem;margin-top:1rem;}

/* Template */
html, body {overflow-x: hidden;font-size:18px;}
#skip a {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
#skip a:focus {position:static;width:auto;height:auto;}
#head {padding:.5rem 0;}
.grid-container {max-width:1620px;}
.wrapper {padding-bottom:2rem;}

.menu a, .menu .button {text-align:center;}

.no-js .top-bar {display: none;}

/* Head */
.sticky {border-bottom:2px solid #ddd;}
.mobilemenu, .mobilelogo, .mobilephone {float:left;padding-bottom:0px;font-size:.8rem;}
.mobiletitle {line-height:50px;font-size:1.2rem;}
.mobilemenu .title-bar, #head .title-bar {height:50px;}
.title-bar .menu-icon {margin-left:0.1rem;margin-right:0.1rem;margin-bottom:0.1rem;width:32px;}
.mobilebutton {font-size:.8rem;margin:0 .25rem 0 0;line-height:50px;text-transform:lowercase;}
.top-bar-left {padding:0 0 2rem;;}

/* Navigation */
.vertical.menu li  {text-align:center;}
.vertical.menu .about  {padding-top:1rem;}
.vertical.menu .instagram {padding-top:1rem;}

.vertical.menu .h4 {font-size:2rem;font-weight:bold;margin:1rem 0 .25rem;line-height:2.5rem;}
.vertical.menu .h5 a {font-size:1.5rem;margin-bottom:0;padding:0;line-height:2.25rem;display:inline;}
.vertical.menu .h6 a {font-size:1.25rem;font-weight:normal;line-height:2rem;padding:0rem;display:inline;}
.vertical.menu a {border-bottom:2px solid #000;} 
.vertical.menu a:hover {border-bottom:2px solid #fff;}
.vertical.menu .h7 a:hover {border-bottom:2px solid #000;}

/*Banners*/



/*Content */
#content .cell {margin-bottom:20%;}
#content .cell.heading {margin-bottom:2rem;}
#content .bk-gray .cell {margin-bottom:3rem;}
#content .bk-gray {margin-bottom:5rem;}

figcaption {font-size:.9rem;padding:.5rem 0 0 .2rem;}
figcaption span {display:block;}
figcaption span:last-child, .pswp__caption span:last-child {color:#666;}
figcaption span:last-child::before, figcaption span:first-child::before {content:none;}

.pswp__caption span::before {content:", ";}
.pswp__caption span:last-child::before, .pswp__caption span:first-child::before {content:none;}
.pswp__caption span:last-child {padding-left:1rem;}

#read-more-content {display: none;margin-top: 1rem;}
#read-more-content.expanded {display: block;}


/* Infobox */
.infobox h3 {font-size:1.5rem;font-weight:normal;}
.infobox h2 {font-size:2.5rem;}
#content .infobox {margin-bottom:20%;}	
#content .infobox .cell {padding-right:2rem;padding-left:2rem;margin-bottom:1rem;}
.infobox figure {padding-bottom:1rem;}
.infobox p {padding:1rem 0}


/* Callout */

.callout .h2 {font-size:1.8rem;line-height:2.7rem;text-align:center;font-weight:300;}
.callout.contact .h2 {font-size:1.8rem;line-height:2.7rem;text-align:center;font-weight:300;}
.callout .h3 {font-weight:normal;}


/* Virtual Exhibition iframe  */
.virtualexhibition {width:100%;height:98%;padding-top:2rem;}
#virtualexhibition .close-button span {font-size:1.2rem;}

/* CV */

.cv dt, .cv dd, .cv p {font-size:.8rem;}
.cv dt {float:left;width:15%;font-weight:normal;}
.cv dd {width:85%;float:right;}
.cv dl {display:block;margin-bottom:0;float:left;width:100%;}
.cv h4 {float:left;width:100%;margin-top:1rem;font-size:1rem;}

/*Accordian content */


/* Tabbed content */


/* Email */
#mc_embed_signup {border-bottom:2px solid #ddd;padding:0 0 5rem 0;}
.mc-field-group label {font-weight:normal;font-style:italic;font-size:1.5rem;}
.mc-field-group input {border:none;border-bottom:1px solid #DB350F;color:#000001;font-size:1.5rem;text-indent:.5rem;min-height:inherit;}
.mc-field-group input:focus, .mc-field-group input:active {border:2px solid #DB350F;box-shadow:none;}
#mc_embed_signup button {font-size:28px;line-height:1.25;padding:0 2px;border-radius:5px;margin-bottom:-.1rem;background-color:#DB350F;color:#fff;}
#mc_embed_signup button:hover {background-color:#000001;border-color:#000001;}
#mc_embed_signup [type='email'] {box-shadow:none;}

/* Jotform */
.jotform-form label {display:block;font-size:1rem;padding:.5rem 0;font-weight:bold;}
.jotform-form .form-error-message img, .jotform-form .form-error-arrow {display:none;}
.jotform-form .form-input .form-error-message, .jotform-form .form-input-wide .form-error-message {box-shadow:none;}
.jotform-form select, .jotform-form input, .jotform-form textarea {margin:0;border-radius:5px;}
.jotform-form [type=file] {font-size:1rem;padding:.5rem 0;}
.jotform-form button {font-size:1rem;font-weight:500;border-radius:5px;text-transform:uppercase;padding:1.5rem;}
.jotform-form button:hover {background-color:black;}

/* Contact */
.phone {height:18px;}


/* Footer */
.footer {padding:0 0 2rem 0;}
.footer1 {padding:2rem 1rem 0;}
.footer2 {padding:3rem 1rem 0 0;font-size:.7rem;}
.footer .cell {max-width:500px!important;}
.footer a {line-height:1.5rem;border-bottom:2px solid transparent;font-size:1.2rem;}
.footer .h5 a:hover {border-bottom:2px solid #000001;}
.footer span {display:block;}
.footer .medium-text-right span {float:left;clear:both;line-height:2rem;}
.footer .medium-text-right span a {font-size:1.1rem;}
.footer span:nth-child(5) {padding-bottom:1rem;}
.footer span:last-child {padding-bottom:1rem;}
.footer2 a {display:inline;line-height:1rem;}
.footer .instagram {margin-bottom:.5rem;}


@media print, screen and (min-width: 40em) {
html, body {font-size:18px;}	

.bk-mobile-only {background-color:#fff;}	
.mobiletitle {font-size:1rem;}	
	
#content .cell {margin-bottom:0;}
#content .image-grid .cell {margin-bottom:5rem;}	
#content .grid-padding-x {margin-bottom:5rem;}	

figcaption {font-size:.85rem;padding:.75rem 0 0 .2rem;}
figcaption span {display:inline;}
figcaption span::before {content:", ";}
figcaption span:last-child {padding-left:1rem;}
	
.footer .medium-text-right span {float:right;}	
	
/* CV */

.cv dt, .cv dd, .cv p {font-size:.9rem;}
.cv dt {width:15%;}
.cv dd {width:85%;}

/* Callout */
.callout .h2 {font-size:2.5rem;line-height:3.75rem;}	
.callout.contact .h2 {font-size:1.8rem;line-height:2.5rem;}	
	
}

@media print, screen and (min-width: 64em) {
html, body {font-size:18px;}

p {font-size:1rem;}
#content .grid-padding-x {margin-bottom:9rem;}		
	
	
/* Head */

.mobiletitle {font-size:1.2rem;}		
.mobilebutton {font-size:.9rem;}
	
.footer .h5 {padding-bottom:0;line-height:1rem;}	

/* CV */

.cv dt, .cv dd, .cv p {font-size:.9rem;}
.cv dt {float:left;width:3.75rem;}
.cv dd {float:left;}	
	
}
