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

.nav { margin-bottom: 50px; }

/*Top Bar Styles */
.contain-to-grid, .top-bar, .top-bar-section li:not(.has-form) a:not(.button), .top-bar.expanded .title-area { background: #f2f2f2; }
li.has-dropdown { background: #f2f2f2 !important; background-color: #f2f2f2 !important; }

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { background: #f2f2f2; }

.top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a, .top-bar-section ul li > a, .top-bar .toggle-topbar.menu-icon a, .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a, .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a { color: #606060 ; text-transform: uppercase; }
.top-bar .toggle-topbar.menu-icon a span::after { box-shadow: 0 0 0 1px #606060, 0 7px 0 1px #606060, 0 14px 0 1px #606060; }

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button):hover { color: #606060 ; }

.top-bar-section .has-dropdown > a:after { border-color: rgba(96, 96, 96, 1) transparent transparent transparent; }

.top-bar-section .dropdown li.title h5 { font-size: 13px; text-transform: uppercase; }
.title.back a:before { content: "← "; }

.top-bar-section li:not(.has-form) a:not(.button):hover, .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) { background: #f2f2f2; color: #000; }
.top-bar a.nav-selected { background: #f2f2f2 !important; color: #000; }
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { color: #606060; }

.top-bar ul li a.has-dropdown { background: #f2f2f2 !important; color: #606060 !important;  }
.top-bar ul li a.has-dropdown:hover { background: #e20505 !important; color: #606060 !important;  }

.top-bar img { max-height: 40px; width: auto; }
  

/*Buttons and Links*/

.ccm-input-button { border-style: solid;
border-width: 0;
cursor: pointer;
font-weight: normal;
line-height: normal;
margin: 0 0 1.25rem;
position: relative;
text-decoration: none;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
display: inline-block;
padding-top: 1rem;
padding-right: 2rem;
padding-bottom: 1.0625rem;
padding-left: 2rem;
font-size: 1rem;
background-color: #008CBA;
border-color: #007095;
color: #FFFFFF;
transition: background-color 300ms ease-out; }

.wrap a { color: #000; }
.wrap p a { text-decoration: underline; }
.wrap a:hover { color:  #666; }
.wrap .button, .ccm-input-button  { background: #000; color: #fff; }
.wrap .button:hover, .ccm-input-button:hover { background: #666; color: #fff; }

/*Footer */

.footer { padding: 3%; text-align: center; background: #f2f2f2; }


.reverse, .reverse p, .reverse h1, .reverse h2, .reverse h3, .reverse h4, .reverse h5, .reverse h6 { color: #fff; }

meta.foundation-mq-topbar {
  font-family: "/only screen and (min-width:800px)/";
  width: 800px; }
  
  /*rules for anything larger than a tablet*/
@media only screen and (min-width: 767px) {
	
}

/*rules for desktops and laptops */
@media only screen and (min-width: 900px) {
	
		ul.primary {display: table; margin: 0 auto;}
	ul.primary li {display: table-cell;}

	
}

/*rules for tablets and smaller*/
@media only screen and (max-width: 767px) {
	
}

/*rules for tablets only*/
@media only screen and (max-width: 948px) and (min-width: 768px) {

}

  
.row p, body p, body { color: #000; }

.banner img { margin-bottom: 30px; }
.collection-image, .folio-grid li { text-align: center; }
.collection-image, .folio-grid img { padding: 20px; border: 1px solid #ccc; margin: 0 auto; }
.works .links p { font-size: 14px; text-transform: uppercase; color: #999; margin-right: 15px; text-align: center; font-weight: normal; }
.folio-grid h5 { font-size: 14px; text-transform: uppercase; color: #999; margin-top: 5px; margin-right: 15px; text-align: center; font-weight: normal; }

.row .works h1, h1, h3 { color: #000; font-size: 1.2rem; text-transform: uppercase; font-weight: bold;  }

h5 { font-weight: bold; color: #000; text-transform: uppercase; font-size: 1.1rem; }

.footer { margin-top: 30px; }
.footer p { font-size: .8rem; }

.vitae li { padding: 6px 6px 0px 7px; color: #000;  }
.vitae li:nth-child(odd) {   width: 18%; float: left; display: inline-block; font-weight: bold; }
.vitae li:nth-child(even) {   width: 82%; float: left; display: inline-block; }

.vitae h3, .vitae-no-dates { display: block; clear:both;  }
.vitae ul, .vitae-no-dates { display: block; clear:both; border-top: 1px solid #fff; margin-left: 0; }
.vitae ul:after, .vitae-no-dates { content: ""; display: block; clear:both; margin-bottom: 15px; height: 100%; }

.vitae-no-dates ul { margin-left: 0; }
.vitae-no-dates li { padding: 6px 6px 0px 0px; color: #000; list-style: none; }


.clear { clear: both !important; }

.jp-title { font-size: .72rem; }


/*rules for phones*/
@media only screen and (max-width: 525px) {
	
.vitae li:nth-child(odd) {   width: 100%; float: none; display: inline-block; font-weight: bold; }
.vitae li:nth-child(even) {   width: 100%; float: none; display: inline-block; }
	
}