@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
@import url(https://fonts.googleapis.com/css?family=Old+Standard+TT:400,700);
@import url(https://fonts.googleapis.com/css?family=Carrois+Gothic);


/* Base Container Styles */

body, a, label {
	color:#84847d;
}

body {
	background:#ece8de;
	font-family:'Carrois Gothic', sans-serif;
}

.row {
	max-width:68.125em;
}

/* Typography Styles */

.serif {
	font-family:'Old Standard TT', serif;
}

.index .content *, .index .outflow * {
	text-align:center;
}

#pagetitle {
	display: none;
}

h1, h2, h3, h4, h5, h6, .button, legend {
	color:#01405f;
	font-family:'Open Sans Condensed', sans-serif, helvetica, arial;
	font-weight:600;
	letter-spacing:1px;
	text-transform:uppercase;
	
}

.legend {
	background: none!important;
}

h1 {
	font-size:36px;
}

h2 {
	font-size:24px;
}

h3 {
	font-size:18px;
}

h4 {
	font-size:16px;
}

h5 {
	font-size:14px;
}

h6 {
	font-size:12px;
}

p {
	text-align:left;
}

a:hover {
	color:rgb(79,115,138);
}

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
	color:#01405f;
}

label {
	font-family:arial;
	font-size:16px;
	margin-bottom:14px;
}

hr {
	border-top:thin solid #b4b3b1;
	border-bottom:thin solid #d9d7d0;
}

.footer * {
	color:#ece8de;
}

.footer h3 {
	color:#ffc327;
}

.footer a {
	color:#567086;
}

.copyright {
	font-size:14px;
	margin-top:100px;
}

.copyright * {
	text-align:center;
}

/* Base UI Styles*/

.button {
	background:#01405f;
	border-width:0;
	border-color:#01405f;
	border-radius:30px;
	box-shadow:none;
	color:#ece8de !important;
	font-size:18px;
	padding:14px 25px;
}

.content .side-nav {
	margin: 0;
}

.side-nav li a {

		color:#01405f;
}

/* Menu Styles */

.top-bar {
	background:transparent !important;
	height:auto;
}

.top-bar .sisea-search-form input[type="text"] {
	color:#84847d;
	font-family:arial;
	font-size:16px;
	font-style:italic;
	font-weight:300;
	letter-spacing:1.5px;
	padding-left:20px;
}

.top-bar .sisea-search-form input[type="text"] {
	background:#ece8de url('../img/magnifying-glass.png') 95% center no-repeat;
	border:none;
	padding-right:35px;
}

.top-bar .sisea-search-form input[type="text"]::-webkit-input-placeholder { /* WebKit browsers */
	color:#84847d;
	font-family:arial;
	font-size:16px;
	font-style:italic;
	font-weight:300;
	letter-spacing:1.5px;
}
.top-bar .sisea-search-form input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:#84847d;
	font-family:arial;
	font-size:16px;
	font-style:italic;
	font-weight:300;
	letter-spacing:1.5px;
}
.top-bar .sisea-search-form input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:#84847d;
	font-family:arial;
	font-size:16px;
	font-style:italic;
	font-weight:300;
	letter-spacing:1.5px;
}
.top-bar .sisea-search-form input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:#84847d;
	font-family:arial;
	font-size:16px;
	font-style:italic;
	font-weight:300;
	letter-spacing:1.5px;
}

.top-bar .name {
	height:auto;
}

.top-bar .name h1 a {
	margin:40px 0;
	max-width:210px;
	max-height:95px;
	overflow:hidden;
	padding:0;
}

.top-bar .toggle-topbar.menu-icon a {
	color:#84847d;
}

.top-bar .toggle-topbar.menu-icon a span {
	-webkit-box-shadow:0 10px 0 1px #84847d,0 16px 0 1px #84847d,0 22px 0 1px #84847d;
	box-shadow:0 10px 0 1px #84847d,0 16px 0 1px #84847d,0 22px 0 1px #84847d;
}

.top-bar .toggle-topbar.menu-icon a:hover {
	color:#ffc327;
}

.top-bar .toggle-topbar.menu-icon a:hover span {
	-webkit-box-shadow:0 10px 0 1px #ffc327,0 16px 0 1px #ffc327,0 22px 0 1px #ffc327;
	box-shadow:0 10px 0 1px #ffc327,0 16px 0 1px #ffc327,0 22px 0 1px #ffc327;
}


.top-bar-section .has-form {
	background:transparent;
	height:auto;
	padding:0;
}

.top-bar .title-area {
	z-index:1;
}

.top-bar.expanded .title-area {
	background:transparent;
}

.top-bar-section ul.global-nav {
	background:#01405f;
	display:block;
}

.top-bar-section ul.dropdown {
	background:rgb(79,115,138);
	padding-bottom:10px;
}

.top-bar-section ul.global-nav li > a, .top-bar-section ul.global-nav li > a:hover {
	background:transparent;
	color:#ece8de;
	font-family:'Open Sans Condensed', sans-serif, helvetica, arial;
	font-size:16px;
	font-weight:600;
	letter-spacing:1.5px;
	text-transform:uppercase;
}

.top-bar-section ul.global-nav li.active > a {
	color:#ffc327;
}



/* Orbit Styles */

.orbit-container .orbit-prev, .orbit-container .orbit-next, .orbit-container .orbit-prev:hover, .orbit-container .orbit-next:hover {
	position: absolute;
	margin-top:-24px;
	background-color:transparent;
	width:24px;
	height:48px;
	line-height:48px;
	color:#ece8de;
}

.orbit-caption h1, .orbit-caption h2 {
	color:#f4ae1a;
}

.orbit-bullets {
	display:block;
	position:absolute;
	top:auto;
	right:0;
	bottom:24px;
	left:0;
	text-align:center;
}

.slideshow-wrapper .orbit-container .orbit-bullets > li {
	background:#ece8de;
	cursor:pointer;
	display:inline-block;
	float:none;
}

.slideshow-wrapper .orbit-container .orbit-bullets > li.active {
	background:#f4ae1a;
}

.orbit-container .orbit-prev>span, .orbit-container .orbit-next>span {
	border:inset 12px;
}

.orbit-container .orbit-prev {
	left:20px;
	outline: none; 
}

.orbit-container .orbit-next {
	right:20px;
	outline: none; 
}

.orbit-container .orbit-prev>span {
	border-right-style:solid;
	border-color:transparent;
	border-right-color:#ece8de;
	outline: none; 
}

.orbit-container .orbit-next>span {
	border-color:transparent;
	border-left-style:solid;
	border-left-color:#ece8de;
	left:50%;
	margin-left:-6px;
	outline: none; 
}


/* Page-Specific Styles */

.index .content p {
	max-width:850px;
	margin:0 auto 1.25em auto;
}

.main-callout {
	margin-top:80px;
	margin-bottom:60px;
}

.container.outflow {
	background:#d7d4c6;
	padding:100px 0;
}

.profile-image {
	margin:auto 45px 40px auto;
}

.latest-post img {
	margin-right:20px;
}

.article-image-link {
	display:block;
	margin-bottom:30px;
}

.post-summary p {
	/*font-size:12px;*/
}

textarea {
	min-height:190px;
}

#submitForm_wrap {
	text-align:center;
}

#contact-form input.submit {
	display:inline-block;
	margin:0 auto;
	margin-top:22px;
}

.module.side-content, .module.side-content * {
	color:#b9b9ba;
	font-family:'Old Standard TT', serif;
}


/* Miscellaneous Styles */

.container.head {
	position:relative;
}

.header-background {
	background:#d7d4c6;
	position:absolute;
	top:0;
	right:0;
	bottom:0px;
	left:0;
}

.container.stripes {
	background:transparent url('../img/stripes.png') center left repeat-x;
}

.content {
	padding-bottom:30px;
}

.container.join {
	background:#ec3725;
	min-height:115px;
	padding:32.5px 0;
	text-align:center;
}

.container.join h1 {
	color:#b42225;
	margin:0;
}

.container.join .button {
	margin-bottom:0;
}

.stars {
	background:#567086 url('../img/stars.png') center center no-repeat;
	height:70px;
}

.container.foot {
	background:#01405f;
}

.footer {
	padding-top:88px;
}

.search-results {
	background:#ece8de;
	padding:10px;
	margin-top:10px;
	display:none;
}

.sisea-paging {
	display:none;
}

.search-results p {
	color:rgb(102,102,92);
	font-size: 14px;
}

.search-results .sisea-results-list .sisea-result a:hover {
	background:transparent;
}

.top-bar-section li .search-results a:not(.button) {
	padding:0;
}

.post .title {
	margin-bottom:5px;
}
.post-info, .postmeta {
	font-size:12px;
	color:#afafaf;
	
}

.content .side a {
	color:#84847d;
}

h2.first {
	margin-top:15px;
	font-weight:200;
	color:#929292;
}

.logo-link {
	display:block;
}

.logo-link img {
	max-width:100%;
}

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

.block-item .block-item-link {
	display:block;
	margin:0 auto;
	position:relative;
	text-align:center;
	transition:all 200ms ease-out;
	overflow:hidden;
}

.block-item-link:hover {
	-webkit-box-shadow: 0 0 3px 1px rgba(102,102,92,1.0);
	box-shadow: 0 0 3px 1px rgba(102,102,92,1.0);
}

.block-item .description {
	padding:15px;
	position:absolute;
	right:0;
	bottom:0;
	left:0;
}

.block-item .description .background {
	background:rgb(244,174,26);
	opacity:0.9;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:0;
}

.block-item .description h5, .block-item .description p {
	color:white;
	font-size:14px;
	margin:0;
	position:relative;
	z-index:1;
	text-align:center;
}

.block-item .description h5 {
	font-weight:600;
}

.event {
	
}

.event > .date {
	border-right:thin dotted #b4b3b1; /*#d9d7d0;*/
	text-align:center;
}

.event > .date > h3 {
	font-size:44px;
}

.event > .description {
	/*border-left:thin solid #b4b3b1;*/
}

.event > .description > h2 {
	font-size:24px;
}

.social-icon {
	border-radius:6px;
	display:inline-block;
	background:transparent url('../img/social-sprite.png') -1px -1px no-repeat;
	height:38px;
	overflow:hidden;
	text-indent:-100px;
	transition:all 200ms ease-out;
	width:39px;
}

.social-icon:hover {
	-webkit-box-shadow:0 0 3px 1px rgba(255,255,255,0.5);
	box-shadow:0 0 3px 1px rgba(255,255,255,0.5);
}

.facebook {
	
}

.twitter {
	background-position:-59px -1px;
}

.footer .logo-link {
	display:block;
}



.clear {
	clear:both;
}

.cf:before, .cf:after, .clearfix:before, .clearfix:after {
    content:" "; /* 1 */
    display:table; /* 2 */
}

.cf:after, .clearfix:after {
    clear:both;
}


/*section styles */

.section {
	padding: 20px 20px;
}

.section.white {
	background: #ffffff;
}

.section.brown {
	background:#d7d4c6;
}

.board-members li p {
	margin: 0;
	text-align: center;
}
.board-members li p:nth-child(1) {
		color:#01405f;
	font-family:'Open Sans Condensed', sans-serif, helvetica, arial;
	font-weight:600;
	letter-spacing:1px;
	text-transform:uppercase;
	font-size: 20px;
}

.board-members li p:nth-child(2) {
		
}
.board-members li p:nth-child(3) {
		font-style: italic;
}

.content ul {
	/* margin-left:30px; */
}

.panel {
	background: #fff;
}


/* We use this media query to add styles to any device that supports media queries */
@media only screen {}

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

	.content .main, .foot > footer * {
		text-align:center;
	}
	
	.footer .logo-link {
		margin:0 auto;
	}

	.event > .date, .event > .description {
		border:none;
	}

}

/* Used to alter styles for screens at least 768px wide. This is where the grid changes. */
@media only screen and (min-width: 768px) {
	
	.profile-image {
		float:left;
	}
	
}

@media only screen and (min-width: 940px) {

	.head .header > .large-12 {
		padding-left:0.9375em;
		padding-right:0.9375em;
	}

	.header-background {
		background:#d7d4c6;
		position:absolute;
		top:0;
		right:0;
		bottom:57px;
		left:0;
	}

	.top-bar {
		margin-bottom:20px;
	}
	
	.top-bar-section ul {
		background:transparent;
	}
	
	.top-bar .search > ul {
		margin-top:-22.5px;
		position:absolute;
		top:50%;
		right:0;
	}
	
	.top-bar ul.global-nav{
		border-radius:5px;
		border:thin solid #01405f;
		padding:0 10px;
	}
	
	.top-bar-section ul.global-nav > li > a {
		padding:30px 20px;	
	}
	
	.top-bar-section ul.global-nav ul > li > a {
		padding:10px 25px;
	}
	
	.top-bar-section li a:not(.button) {
		line-height:1;
		background:transparent;
	}
	
	.top-bar-section .has-dropdown > a {
		padding-right:20px !important;
	}
	
	

    .top-bar-section .has-dropdown.moved>.dropdown {
        padding-bottom:45px;
    }
	
	.top-bar-section .has-dropdown > a:after {
		display:none;
	}
	
	.top-bar .sisea-search-form input[type="text"] {
		height:45px;
		width:376px;
	}
	
	.orbit-container .orbit-slides-container>* .orbit-caption {
		background:transparent;
		text-align:center;
	}
	
	.orbit-container .orbit-slides-container>* .orbit-caption.caption-left, .orbit-container .orbit-slides-container>* .orbit-caption.caption-middle, .orbit-container .orbit-slides-container>* .orbit-caption.caption-right {
		top:33%;
		bottom:auto;
		width:60%;
	}
	
	.orbit-container .orbit-slides-container>* .orbit-caption.caption-left {
		padding-left:48px;
		right:auto;
		left:0;
	}
	
	.orbit-container .orbit-slides-container>* .orbit-caption.caption-middle {
		margin-right:-30%;
		right:50%;
	}
	
	.orbit-container .orbit-slides-container>* .orbit-caption.caption-top {
		top:0;
		bottom:auto;
	}
	
	.orbit-container .orbit-slides-container>* .orbit-caption.caption-right {
		padding-right:48px;
		right:0;
		width:60%;
	}
	
	.orbit-container .orbit-slides-container>* .orbit-caption.caption-bottom {
		top:auto;
		bottom:0;
	}
	
	.orbit-caption p {
		font-size:16px;
	}
	
}

@media only screen and (max-width: 1040px) {
		.top-bar-section ul.global-nav > li > a {
		padding:30px 15px;	
	}
	}
	
	
@media only screen and (max-width: 767px) {
		.top-bar-section ul.global-nav > li > a {
		padding:10px 15px;	
	}
	.top-bar .name h1 a {
	    margin-top:10px;
	    margin-bottom:10px;
	    max-height:75px;
	}
	.top-bar .name h1 a img {
	   height:75px; 
	}
	}

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

	.top-bar {
		height:175px;
	}
	
	.top-bar .name h1 a {
		margin-left:15px;
	}
	
	.top-bar-section ul.global-nav li > a:hover {
		background:rgb(16,24,31);
	}
	
}


/* Used to alter styles for screens at least 1280px wide. */
@media only screen and (min-width: 1280px) {}

/* Used to alter styles for screens at least 1440px wide. */
@media only screen and (min-width: 1440px) {}

/* Apply styles to screens in landscape orientation */
@media only screen and (orientation: landscape) {}

/* Apply styles to screens in portrait orientation */
@media only screen and (orientation: portrait) {}

/* We also use Modernizr to add a .touch class to the body when applicable */
/* You can prepend this class to anything and it will style only for touch devices */
.touch .your-element {}