@charset "utf-8";
/* CSS Document */

/* CSS Style Explanations */
/* -row is used to specify site width
   -wrap is used to specify full browser width
   
*/   

body, html { font-family:  font-family:aktiv-grotesk, arial, sans-serif; font-size: 15px; line-height: 1.5; color: #615758; margin: 0 !important; background: #ffffff; }
.row { max-width: 1200px; }
a, a:visited { color: #873e1e }
a:hover { color: #f9b846 }

.inline {display:inline !important}

/* ====================
   Headings 
==================== */
h1, h2, h3, h4, h5, h6 { color:#873e1e; font-family:aktiv-grotesk, arial; }
#default h1 { color: #615758; font-size: 33px; font-weight: 700; letter-spacing: 0; margin-top: .8em; margin-bottom: .3em; font-family:freight-display-pro;}
#default h2 { color: #873e1e; font-size: 1.8rem; font-weight: 500; letter-spacing: 0; margin-top: .8em; margin-bottom: .3em; font-weight:bold;}
#default h3 { color: #615758; font-size: 1.8rem; font-weight: 300; letter-spacing: 0; margin-top: .8em; margin-bottom: .3em; font-style:italic; font-family:freight-display-pro; font-weight:bold;}
#default h4 { color: #615758; font-size: 1.4rem; font-weight: 500; letter-spacing: 0; margin-top: .8em; margin-bottom: .3em; font-weight:bold; font-style:italic; }
#default h5 { color: #615758; font-size: 1.3rem; font-weight: 500; letter-spacing: 0; margin-top: .8em; margin-bottom: .3em;}
#default h6 { color: #615758; font-size: 1.3rem; font-weight: 500; letter-spacing: 0; margin-top: .8em; margin-bottom: .3em;}


/* ====================
   Buttons 
==================== */
input.cat_button {background-color:#615758 !important; color:#ffffff}
input.cat_button:hover {color:#f9b846}
.button.alt {background-color:transparent; border:1px solid #ffffff; color:#ffffff; border-radius:0; padding:10px 11px; font-weight:500; letter-spacing:2px; }
.button.alt:hover {background-color:#0d9b8c;  }
.slick-prev::before, .slick-next::before {color: #cccccc;}

button a:hover, .button a:hover, button:hover, .button:hover, .cat_button:hover, button a:focus, .button a:focus, button:focus, .button:focus, .cat_button:focus {
	color: #0d9b8c; 
}

/* ====================
     Header
======================= */
#default header {padding-top:80px}
.logo {position:absolute; top:-70px; left:10px; z-index:4}
#default .logo {background-color:#ffffff;}
#default .logo a:hover img {opacity:.8;}
/* ====================
     Home
==================== */
.photo-menu-row {}

.photo-menu-logo {padding-left:37px; padding-bottom:13px}
.photo-menu-logo:hover img {opacity:.8;}
.photo-menu-exhibits-row {padding-left:18px;}

.photo-menu-about {position:relative; }
.photo-menu-about a {display:block;}
.photo-menu-about .photo-menu-about-reg {opacity:1; position:relative;}
.photo-menu-about .photo-menu-about-over {opacity:0; position:absolute; top:0; left:0;}
.photo-menu-about:hover .photo-menu-about-reg {opacity:0}
.photo-menu-about:hover .photo-menu-about-over {opacity:1}

.photo-menu-gallery {position:relative;}
.photo-menu-gallery a {display:block;}
.photo-menu-gallery .photo-menu-gallery-reg {opacity:1; position:relative;}
.photo-menu-gallery .photo-menu-gallery-over {opacity:0; position:absolute; top:0; left:0;}
.photo-menu-gallery:hover .photo-menu-gallery-reg {opacity:0}
.photo-menu-gallery:hover .photo-menu-gallery-over {opacity:1}

.photo-menu-commentary {position:relative; float:right;}
.photo-menu-commentary a {display:block;}
.photo-menu-commentary .photo-menu-commentary-reg {opacity:1; position:relative;}
.photo-menu-commentary .photo-menu-commentary-over {opacity:0; position:absolute; top:0; left:0;}
.photo-menu-commentary:hover .photo-menu-commentary-reg {opacity:0}
.photo-menu-commentary:hover .photo-menu-commentary-over {opacity:1}

.photo-menu-exhibits {position:relative; float:left;}
.photo-menu-exhibits a {display:block;}
.photo-menu-exhibits .photo-menu-exhibits-reg {opacity:1; position:relative;}
.photo-menu-exhibits .photo-menu-exhibits-over {opacity:0; position:absolute; top:0; left:0;}
.photo-menu-exhibits:hover .photo-menu-exhibits-reg {opacity:0}
.photo-menu-exhibits:hover .photo-menu-exhibits-over {opacity:1}

.photo-menu-contacts {position:relative; padding-top:14px;}
.photo-menu-contacts a {display:block;}
.photo-menu-contacts .photo-menu-contacts-reg {opacity:1; position:relative;}
.photo-menu-contacts .photo-menu-contacts-over {opacity:0; position:absolute; top:15px; left:0;}
.photo-menu-contacts:hover .photo-menu-contacts-reg {opacity:0}
.photo-menu-contacts:hover .photo-menu-contacts-over {opacity:1}

#home .main-section .content-wrap {background-color:#615758; color:#ffffff; margin:14px 0 10px 0; padding:30px 0 25px 0;}
#home h1 {font-family:freight-display-pro; font-size:2rem; color:#ffffff; }
#home p {color:#ffffff; }

/* ====================
     Content
==================== */
#default .content-row {padding-top:20px; padding-bottom:45px}
#default .content-row ul {margin-left:17px;}
#default .content-row ul li {list-style:disc}

#default .left-col {padding-top:150px;}
#default .left-col .box {background:url("../img/box-bg.jpg"); background-size: 100% 100%; padding:15px; max-width:184px; font-size:17px; font-family:freight-display-pro;}


/* ====================
     WEBAPPS
==================== */
.intro-box {display:table-cell; vertical-align:middle;}


/* ====================
     Footer
======================= */
.uc-line-wrap {color:#615758; font-size:14px;}
.uc-line-wrap a, .uc-line-wrap a:visited {color:#615758;}
#default .footer-wrap {border-top:1px solid #615758}

/* ====================
	Navigation
======================= */
/* hide dropdown arrow */
.dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after {border-style:none}

/* Primary */
#home .primary-nav-wrap {margin:26px 0 22px 0}
#home .menu li a, #home .menu li a:visited {color:#615758; text-transform:lowercase; font-family:aktiv-grotesk, arial; font-size:17px;}
#home .menu li a:hover, #home .menu li a:active, #home .menu li.active a {color:#f9b846;}

#default .menu li a, #default .menu li a:visited {color:#ffffff; text-transform:lowercase; font-family:aktiv-grotesk, arial; font-size:17px}
#default .menu li a:hover, #default .menu li a:active, #default .menu li.active a {color:#f9b846;}
#default .primary-nav-wrap {background:url("../img/default-nav-bg.jpg"); background-position:center; background-repeat:repeat-x; background-color:transparent ; padding:26px 0 22px 0;}

/* Primary - Submenu */
#responsive-menu-primary .dropdown.menu.submenu a {color:#ffffff}
#responsive-menu-primary .dropdown.menu.submenu {background-color:#615758; border:none; color:#ffffff; text-align:left}
#responsive-menu-primary .dropdown.menu.submenu a:hover {background-color:rgba(0,0,0,.08);}
#responsive-menu-primary .dropdown.menu.submenu .active a {color:#f9b846}
#responsive-menu-primary > div > ul.dropdown.menu > li > ul.submenu em {display:none}
#responsive-menu-primary > div > ul.dropdown.menu > li > ul.submenu li {padding:0;}
#responsive-menu-primary > div > ul.dropdown.menu > li > ul.submenu li a {padding:9px; display:block !important}
.is-dropdown-submenu {top: inherit; left: inherit;}

/* Footer */
#responsive-menu-footer .menu li a {text-transform:capitalize; color:#615758 !important; font-size:14px;} 
#responsive-menu-footer .menu li a:hover {color:#873e1e !important}


/* Secondary */
#secondary-menu { }
#secondary-menu #secondary-menu-list { display: table-cell; vertical-align: middle; margin-left:0}
#secondary-menu ul li {list-style: none !important; }
#secondary-menu > #secondary-menu-list > li > ul {margin-left:0 }
#secondary-menu > #secondary-menu-list > li a { color: #524b48; font-family: freight-display-pro; font-size:17px;}
#secondary-menu > #secondary-menu-list > li.selected > ul > li { line-height: 1rem; margin: 20px 0 }
#secondary-menu > #secondary-menu-list > li.selected > ul > li.selected > a {text-decoration:underline; }
#secondary-menu > #secondary-menu-list > li.selected > ul > li > a:hover {text-decoration:underline; }
#secondary-menu > #secondary-menu-list > li.selected > a, #secondary-menu > #secondary-menu-list > li.selected > span  { display: none; }
#secondary-menu > #secondary-menu-list > li:not(.selected) { display: none; }
.dropdown.menu > li > .is-dropdown-submenu:after { border-bottom-color: #615758;}

/* Off-Canvas */
.title-bar {background: #615758 none repeat scroll 0% 0%;}
.off-canvas-wrapper {background: #615758;}
#offCanvasLeft .menu li a, #offCanvasLeft .menu li a:visited {color: #ffffff; font-size:14px;}
#offCanvasLeft .menu li a:hover {color: #f9b846;}
.menu-icon {padding: 8px 8px 7px 8px; border:none}

/* =========================
	Overrides 
============================= */
.form label, .webform label {font-size: 14px;}
.slick-slider {	padding: 0;}
input.cat_textbox, textarea.cat_listbox, select.cat_dropdown, select.cat_listbox {width: 100%;}

tbody, tfoot, thead {border: none;	background-color: transparent;}
tbody tr:nth-child(2n) {background-color: transparent;}
.secure-login, .newsletter-form {background: transparent; border: none;}
table.photogalleryTable tbody {border:none;}
table tbody tr:nth-child(2n) {background-color: transparent;}
.close-button {position: absolute;
	color: #cccccc;
	right: 1rem;
	top: .5rem;
	font-size: 1em;
	line-height: 1;
	cursor: pointer;
	background-color:transparent;
	padding:.3rem .5rem .3rem .4rem;
	background: transparent;
	border:none

}
}
.close-button span {color:#efefef; text-transform:lowercase}
.reveal.small-45 {width:45%;}


/* ================
Mobile Overrides 
Small < 640
Medium < 1025
Large < 1440
XLarge < 1920
XXLarge > 1920 
================= */


/* Medium screens*/
@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 1024px) {
#home .logo {position:relative; margin:30px auto; text-align:center; top:auto; left:auto;}
#default header {margin-top: 0;	background: none; padding:0}
}

@media only screen and (max-width: 980px) {
}

@media only screen and (max-width: 768px) {
}

/* Small screens*/
@media only screen and (max-width: 640px) {
#home .logo {position:relative; margin:30px auto; text-align:center; top:auto; left:auto;}
#default header {margin-top: 0;	background: none; padding:0}
#default .content-row {padding:15px}
.reveal {padding-top:35px;}  
.small-12.columns:last-of-type {padding-right:0; padding-left:0}
.small-12.columns:first-of-type {padding-right:0; padding-left:0}
}

/* Chrome & Safari Hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
}