/***
ELEMENTAL STYLES
***/
*{margin: 0; padding: 0; border: 0;}

body, html 	{margin: 0; padding: 0px; border: 0; font-family: Georgia, "Times New Roman", Times, serif; color: #000; height: 100%; line-height: 1.4em;}
body		{background: #21201e; font-size: 20px;}

a 			{color: #7797b9; text-decoration: none;}
a:hover		{color: #ababab;}

p			{margin: 0 0 1.1em 0; padding: 0;}
hr			{height: 2px; background-color: #ccc; margin-bottom: 1.1em;}
td			{vertical-align: top;}

input,
select,
textarea				{border: 1px solid #ccc;}
input[type="submit"]	{border: 0px;}

h1, h2, h3, h4, h5, h6				{margin: 0 0 7px 0; line-height: 1.1em; font-family: "brandon-grotesque", sans-serif; font-style: normal; font-weight: 400;}
h1 a, h2 a, h4 a, h5 a, h6 a		{font-weight: normal;}
h1 {font-size: 32px; color: #7797b9; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 30px 0;}
h2 {font-size: 24px; color: #7797b9; font-family: Georgia, "Times New Roman", Times, serif;}
h3 {font-size: 21px; text-transform: uppercase; font-weight: 500;}
h4 {font-size: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: 700;}
h5 {font-size: 18px; color: #7797b9;  font-weight: 500; text-transform: uppercase;}
h6 {font-size: 16px; font-weight: 500;}


/***
CLASSES
***/
.clear				{clear: both;}
.aligncenter		{text-align: center;}
.alignleft			{float: left;}
.alignright			{float: right;}

.blueBar			{position: relative;}
.blueBar:after		{content: ''; background-color: #7797b9; height: 14px; position: absolute; top: 0; left: 0; width: 62.5%;}

.blueBtn			{font-size: 24px; padding: 14px 20px; background-color: #7797b9; color: #fff; font-weight: 400; font-style: italic; font-family: "brandon-grotesque", sans-serif; letter-spacing: 2px;}
.blueBtn:hover 		{background-color: #21201e; color: #fff;}
.blueBtn:active 	{position:relative; top:1px;}

.blueOutlineBtn			{font-size: 28px; padding: 0 30px; border: 4px solid #7797b9; background-color: #fbfdff; color: #acacac; font-weight: 500; font-style: italic; font-family: "brandon-grotesque", sans-serif; letter-spacing: 2px;}
.blueOutlineBtn:hover 	{background-color: #7797b9; border: 4px solid #7797b9; color: #fff;}
.blueOutlineBtn:active 	{position:relative; top:1px;}

.wp-caption.alignleft,
img.alignleft		{float: left; margin: 0 20px 15px 0;}
.wp-caption.alignright,
img.alignright		{float: right; margin: 0 0 15px 20px;}
.wp-caption.aligncenter,
img.aligncenter		{display: block; margin: 0 auto 1.1em;}
.wp-caption-text	{font-size: 11px; color: #444; padding: 0 30px; line-height: 15px; text-align: center; margin-top: 3px;}

/** Pagination **/
.pagination.bot						{margin-top: 20px;}
.pagination .page-numbers			{display: inline-block; font-size: 18px; border: 1px solid #ccc; padding: 6px 16px; margin: 0 4px 8px 0; font-weight: 700; font-family: "brandon-grotesque", sans-serif;}
.pagination .page-numbers.current	{color: #ababab;}
.pagination a.page-numbers:hover	{background-color: #ababab; border: 1px solid #ababab; text-decoration: none; color: #fff;}

/** Gallery Styles **/
#content .gallery				{display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
#content .gallery .gallery-item	{width: 170px; max-width: none; margin: 0 1% 2%;}


/***
HEADER STYLES
***/
#headerWrapper					{border-bottom: 13px solid #7797b9; background: #fbfdff; padding: 20px 0;}
#mainHeader                     {display: flex; }
#mainHeader	#logo				{display: block; text-align: center;}
#mainHeader	#logo img:hover		{opacity:0.6; filter:alpha(opacity=60);}

/* Navigation */
#mainNav,
#openMobileMenu,
#mainNav #closeMobileMenu		{display: none;}


/***
HOME STYLES
***/
#mainBannerWrapper		{display: none;}

/** Welcome **/
#welcomeWrapper			{background: #fbfdff;}
#welcome				{display: -webkit-flex; display: flex;}
#welcome strong			{color: #7797b9;}
#welcome #intro			{width: auto; margin-top: 80px;}
#welcome #gears			{display: none;}

/** Dream **/
#dreamWrapper			{display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 20px 0;}
#dream					{color: #000; text-align: center;}
#dream .title			{font-size: 44px; font-weight: 400; letter-spacing: 5px; text-transform: uppercase; line-height: 1.3em; font-family: "brandon-grotesque", sans-serif;}

/** Netwrork **/
#networkWrapper			{background: #fbfdff;}
#network				{display: -webkit-flex; display: flex; overflow: hidden; position: relative; background: url( '../images/mosaic.png' ) no-repeat right bottom; padding: 20px 0 60px;}
#network h1				{letter-spacing: 3px;}
#network #intro			{margin-top: 80px;}
#network #image			{display: none;}


/** Family **/
#family					{color: #000;}
#family	.col			{width: 100%; margin: 0 20px;}
#family .col .title		{font-size: 44px; font-weight: 400; text-transform: uppercase; line-height: 1.5em; font-family: "brandon-grotesque", sans-serif;}
#family	.col .block		{padding-top: 20px; border-top: 13px solid #7797b9;}
#family	.col .block:last-of-type	{margin-bottom: 0;}

/** Team **/
#teamWrapper			{background: #fbfdff;}
#team h1				{padding: 60px 0 30px; font-size: 44px; letter-spacing: 4px; margin: 0;}
#team .team-grid			{display: -webkit-flex; display: flex; margin-top: 70px; border-top: 13px solid #7797b9;}
#team .team-grid h1			{color: #554840;}
#team .team-grid #collage	{display: none;}

/** Newsletter **/
#newsletterWrapper		{background: url('../images/bgr_newsletter.jpg') repeat-x top; border-bottom: 2px solid #fff;}
#newsletter				{display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; padding: 40px 0 20px;}
#newsletter h1			{color: #7797b9; font-size: 44px; font-weight: 400; text-transform: uppercase; line-height: 1.2em; font-family: "brandon-grotesque", sans-serif; letter-spacing: 4px;}
#newsletter	#form		{display: none;}


/***
PAGE STYLES
***/
#pageBannerWrapper		{background: #7797b9; border-bottom: 13px solid #7797b9;}
#pageBanner				{position: relative;}
#pageBanner	img			{display: block; max-width: 100%; height: auto;}
#pageBanner span		{width: 500px; bottom: 30px; left: 40px; color: #fff; font-size: 44px; font-weight: 400; text-transform: uppercase; line-height: 1.0em; font-family: "brandon-grotesque", sans-serif; letter-spacing: 4px; position: absolute;}
#pageBanner #mask 		{position: absolute; top: 0; left: 0; height: 100%; overflow: hidden;}

#contentWrapper			{background: #fbfdff;}
#content				{padding: 60px 0;}
#content ul,
#content ol				{padding-left: 20px; margin-bottom: 1.2em;}
#content ul ul,
#content ol	ol			{padding-left: 20px; margin-bottom: 0;}
#content ul.ui-tabs-nav	{padding: 0; margin: 0;}
#content.sidebar		{display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}


/** Tab Styles **/
.tabs							{padding-top: 90px;}
.tabs h3.accord					{display: none; font-size: 32px; border-bottom: 12px solid #7797b9; padding-bottom: 8px; padding-right: 30px; position: relative; cursor: pointer; box-sizing: border-box;}
.tabs h3.accord:after			{content: '\f078'; font-family: 'FontAwesome'; font-size: 16px; position: absolute; right: 10px;}
.tabs h3.accord.active:after	{transform: rotate(180deg);}
.tabs > ul						{list-style: none; margin: 0; padding: 0; display: -webkit-flex; display: flex; width: 100%; border-bottom: 3px solid #d3d4d5;}
.tabs > ul li					{margin-right: 80px; position: relative; top: 1px;}
.tabs > ul li:last-of-type		{margin-right: 0;}
.tabs > ul li a					{display: block; text-decoration: none!important; font-size: 32px; color: #ababab; padding: 15px 0 30px 0; font-weight: 700; letter-spacing: 4px; text-transform: uppercase; border-top: 12px solid #fbfdff; font-family: "brandon-grotesque", sans-serif;}
.tabs > ul li.ui-tabs-active a	{border-top: 12px solid #7797b9; color: #554840;}
.tabs div.ui-tabs-panel			{padding: 80px 0 20px;}

.tabs div.ui-tabs-panel .post					{padding: 30px 0; color: #acacac;}
.tabs div.ui-tabs-panel .post h1				{margin: 0 0 10px 0; width: 100%;}
.tabs div.ui-tabs-panel .post .more a			{font-size: 22px; font-family: "brandon-grotesque", sans-serif; font-weight: 700;}
.tabs div.ui-tabs-panel .post .image			{float: left; padding-right: 40px;}
.tabs div.ui-tabs-panel .post .image img		{display: block; max-width: 100%; height: auto;}
.tabs div.ui-tabs-panel .post .image:hover img	{opacity:0.6; filter:alpha(opacity=60);}
.tabs div.ui-tabs-panel .post .snippet			{width: 66.67%; float: left;}
.tabs div.ui-tabs-panel .post .period			{width: 170px; height: 40px; padding: 10px 10px 0 10px; margin-right: 40px; color: #fff; background: #7797b9; text-align: right; font-weight: 500; font-size: 24px; text-transform: uppercase; font-family: "brandon-grotesque", sans-serif; float: left;}


/***
EVENTS STYLES
***/
#events					{margin-top: 70px; padding: 40px 0; border-top: 3px solid #d5d5d5; text-transform: uppercase; font-family: "brandon-grotesque", sans-serif;}
#events	.row			{display: -webkit-flex; display: flex; padding: 50px 0 30px;}
#events	.date			{min-width: 180px; min-height: 115px; margin-right: 40px; color: #7797b9; font-size: 56px; text-align: center; letter-spacing: 4px; line-height: 1.0em;}
#events	.dateInner		{border-right: 3px solid #7797b9;}
#events	.desc			{width: 890px; color: #acacac; border-bottom: 2px solid #ababab; line-height: 1.8em; padding-bottom: 60px; box-sizing: border-box;}
#events	.row.full .desc	{width: 100%;}
#events	.desc .title	{font-size: 32px;}
#events	.desc .details	{font-size: 28px; font-weight: 700;}
#events	.desc .button	{margin: 40px 0 0;}


/***
CAREER STYLES
***/
.openings .post				{padding: 30px 0; color: #acacac;}
.openings .post .more a		{font-size: 22px; font-family: "brandon-grotesque", sans-serif; font-weight: 700;}
.openings .post	h1			{margin: 0 0 0 0;}


/***
TEAM STYLES
***/
.team-nav						{margin-bottom: 40px; font-size: 40px;}
#flexWrap						{display: -webkit-flex; display: flex;}
.profile						{width: 450px; margin-right: 50px;}
.profile .image					{padding-bottom: 70px;}
.profile .name					{margin: 0 0 10px 0; color: #7797b9; font-size: 32px; font-family: "brandon-grotesque", sans-serif; font-weight: 700; letter-spacing: 2px;}
.profile .position				{margin: 0 0 15px 0; color: #acacac;  font-size: 24px; font-style: italic; letter-spacing: 2px;}
.profile .social				{border-top: 6px dotted #a8c1df;  margin: 20px 0; padding-top: 15px;}
.profile .social ul				{margin: 0; padding: 0 0 0 0!important; list-style: none; overflow: hidden;}
.profile .social ul li			{float: left; padding: 0; margin: 0;}
.profile .social ul li a		{padding-right: 20px; font-size: 50px; color: #818181; display: block;}
.profile .social ul li a:hover	{color: #7797b9;}
.bio							{color: #acacac;}



/***
CONTACT STYLES
***/
table.contactTbl			{margin-bottom: 20px; color: #ababab; text-align: center; letter-spacing: 2px;}
table.contactTbl a			{color: #ababab; font-weight: bold;}
table.contactTbl a:hover	{color: #000;}
table.contactTbl hr			{width: 60%;  margin: 30px auto; background: #7797b9; height: 1px;}
table.contactTbl img:hover	{opacity:0.6; filter:alpha(opacity=60);}

#content div.wpcf7		{display: none;}


/***
SIDEBAR STYLES
***/
#hasSidebar				{width: auto; box-sizing: border-box;}
#sidebar				{display: none;}


/***
FOOTER STYLES
***/
#mainFooter						{padding: 40px 0 40px; line-height: 1.0em; border-top: 1px solid #000;}
#mainFooter	#links				{display: none;}
#mainFooter	#credits			{color: #000; font-size: 15px; float: left; font-family: 'PT Sans', sans-serif;}