/* 
http://www.tnerb.net
Astonish Theme
*/

/* Global */
body { background:#eef2f3; font-family: 'Droid Sans', sans-serif;}
html {font-family: 'EB Garamond', serif;}

/* ----- Link Transitions ----- */
.mainContentArea a, .headerWrap a, .footerWrap a, .headerWrap, .contentArea, .hero p a  { -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; }
.mainContentArea a:hover, .headerWrap a:hover, .footerWrap a:hover, .headerWrap:hover, .contentArea:hover, .hero p a:hover { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }

/* ----- Header ----- */
.headerWrap { width:11%; height:100%; /*bottom:0px;*/ z-index:199 !important; background:#fff; position:fixed; top:0; left:0; -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow:    0px 1px 5px 0px rgba(50, 50, 50, 0.35); box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.35);}
.headerWrap:hover { width:12%; }
.headerWrap:hover .menuWrap {  z-index:25; opacity:1; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; }
.headerWrap:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}
.header {margin:80px 0 0;}

/* ----- Logo ----- */
.logo { text-align:center;}  
.logo img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.logo h1 a {text-decoration:none; line-height:20px; color:#666 !important; font-family: 'Oswald', sans-serif;  font-size:15pt;}

/* ----- Mobile Menu Icon ----- */
#mobile-header {display:none;}
.headerWrap:hover  #mobile-header {opacity:1;}
a#responsive-menu-button { text-decoration:none;}
.menuButton { text-align: center; font-size:20pt !important; color:#666 !important; opacity:.5; width:100%; font-weight:100;}
.menuButton a{text-decoration:none; color:#666 !important;}
.menuButton:hover {cursor: pointer; cursor: hand;  opacity:.8;}

/* ----- Main Menu ----- */
.menuWrap {  z-index:25; opacity:0; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; }
.mainMenu {font-family: font-family: 'Oswald', sans-serif; font-size: 1.23em; font-weight:300; }
.mainMenu ul {  }
.mainMenu ul li a, .mainMenu ul li {  text-decoration:none; color:#666; text-align:center;}
.mainMenu ul li { list-style: none; position: relative; height:65px; line-height:65px;  }
.mainMenu ul li a { text-align:center; display:block; }
.mainMenu ul li a:hover , .mainMenu ul li:hover { color:#fff !important;  background: #D74824;}

/* ----- Home Banner ----- */
.heroWrap {  position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; background-size: cover; }
.hero {max-width:700px; margin:15% auto; text-align:center; }
.hero h1 {color:#EBB457; font-family: 'Oswald', sans-serif; text-transform:uppercase; font-size:56pt; border-bottom: 1px solid #fff; padding: 0 0 20px 0; margin:25px 0; }
.hero p { color:#fff; font-weight:600; font-size:13pt;  font-weight:500; }
.hero p a { color: #fff; text-decoration: none; background: #D74824; padding: 5px 10px; font-size: 10pt; text-transform:uppercase; font-weight:800;  }
.hero p a:hover { background: #eee; color:#D74824; }

.intro h2  { font-weight:100; letter-spacing:2pt} 
.intro h2 strong {color:#4ec6e9; font-weight:300; } 

/* ----- Content Banner ----- */
.wideImage img { max-width:100%;}

/* ----- Content Areas ----- */
.mainContentArea {max-width:90%; margin:50px auto; }
.contentArea {max-width:90%; height:100%; position:absolute; top:0; right:0%; }

/* ----- Text ----- */
.mainContentArea h1 { font-size:24pt; margin:15px 0; color:#4b525d; font-family: 'Oswald', sans-serif; text-transform:uppercase;}
.mainContentArea h2 { font-size:20pt; margin:15px 0; color:#4b525d; font-family: 'Oswald', sans-serif; text-transform:uppercase;}
.mainContentArea h3 { font-size:18pt; margin:15px 0; color:#4b525d; font-family: 'Oswald', sans-serif; text-transform:uppercase;}
.mainContentArea h4 { font-size:16pt; margin:15px 0; color:#4b525d; font-family: 'Oswald', sans-serif; text-transform:uppercase;}
.mainContentArea h5 { font-size:14pt; margin:15px 0; color:#4b525d; font-family: 'Oswald', sans-serif; text-transform:uppercase;}
.mainContentArea h6 { font-size:12pt; margin:15px 0; color:#4b525d; font-family: 'Oswald', sans-serif; text-transform:uppercase;}
.mainContentArea p { font-size:1.5em; margin:15px 0; color:#4b525d; font-family: 'Droid Sans', sans-serif;}
.mainContentArea b, .mainContentArea strong {font-weight:bold; }
.mainContentArea i, .mainContentArea em  { font-style:italic; }
.mainContentArea a { color:#333; text-decoration:underline; }
.mainContentArea a:hover { color:#2f353f; }

/* ----- Lists ----- */
.mainContentArea ul { font-size:10pt; list-style: none; margin:10px 0 0; font-family: 'Droid Sans', sans-serif;  }
.mainContentArea ul li { line-height:15pt; padding:0 0 10px 20px; color:#4b525d;  font-size:11pt; }
.mainContentArea ul li:before {  /* circle bullet */     content:'\2022'; /* Square bullet */ /*content:'\25A0';*/ display: block; position: relative; max-width: 0px; max-height: 0px; left: -15px; top: -2px; color:#4b525d; font-size: 20px; }
.mainContentArea ul li a { color:#2f353f; line-height:11pt; padding:0 0 15px 0px; color:#4b525d;   }
.mainContentArea ol { font-size:10pt; counter-reset:item; margin:10px 0 0; line-height:11pt; color:#4b525d;   }
.mainContentArea ol li { color:#4b525d; display:block; padding:0 0 10px;  }
.mainContentArea ol li:before { color:#4b525d; content:counter(item) ".  "; counter-increment:item; line-height:15pt;   }

/* ----- Extras ----- */
.mainContentArea blockquote  {border-left:2px solid #4b525d; color:#4b525d; font-size:1.5em; margin: 15px 40px; padding:15px; line-height:auto; font-family: 'Droid Sans', sans-serif; /*text-transform:uppercase;*/ }
.mainContentArea img { max-width:100%; }
.mainContentArea hr {border:none; color: #fff; background-color: #ccc; height: 1px;}

/* ----- Tables ----- */
.mainContentArea table { width:100%;  color:#4b525d; border-top:1px solid #4b525d;  border-left:1px solid #4b525d; font-family: 'Droid Sans', 'Open Sans', sans-serif; font-size:1.5em;  margin: 15px 0;}
.mainContentArea table tr th {background:#ececec;}
.mainContentArea table tr td, .mainContentArea table tr th { padding:5px;  border-bottom:1px solid #4b525d;  border-right:1px solid #4b525d;  }
.mainContentArea table tr th {  }
.mainContentArea table caption {font-size:16pt; margin:15px 0; font-family: 'Droid Sans', 'Open Sans', sans-serif; }

/* -----  Footer ----- */
.footerWrap { width:100%; font-family: 'Droid Sans', sans-serif; margin:0; background:#2f353f; padding:15px 0; }
.footerWrap:after  {clear:both; content:"."; display:block; height:0; visibility:hidden;}
.footer { text-align:center;}
.footer p {font-family: 'Droid Sans', sans-serif; color:#fff; font-size:1em}
.footer p a {color:#fff; }

/* ----- To Top ----- */
.toTop {font-size:18pt; position:fixed; right:15px; bottom:15px; color:#666 !important; opacity:.5;}
.toTop:hover {cursor: pointer; color:#666 !important; opacity:.8;} 

/* ----- twoColumns  ----- */
.twoColumn {padding:5px 0;}
.twoColumn:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}
.twoColumnLeft {width:48.25%; float:left; margin: 0 3.5% 0 0; }
.twoColumnRight {width:48.25%;  float:left;  }

/* ----- threeColumns ----- */
.threeColumn {padding:5px 0;}
.threeColumn:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}
.threeColumnLeft { float: left; width: 31%; margin: 0 3.5% 0 0;}
.threeColumnMiddle { float: left; width: 31%; margin: 0 3.5% 0 0; }
.threeColumnRight {  float: left; width: 31%; }

/* ----- fourColumn ----- */
.fourColumn { padding:5px 0; }
.fourColumn:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.fourColumnLeft { float: left; width: 22.1%; margin: 0 3.5% 0 0; }
.fourColumnMidLeft { float: left; width: 22.1%; margin: 0 3.5% 0 0; }
.fourColumnMidRight { float: left; width: 22.1%; margin: 0 3.5% 0 0; }
.fourColumnRight { float: left; width: 23.1%; }

/* ----- sidebar ----- */
.sidebar { margin: 15px auto; }
.sidebar:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.sidebarLeft { float: left; width: 76%; }
.sidebarRight { float: right; width: 20%; }