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

/* Global */
body { background:#fff; }
html {font-family: 'Noto Serif', 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 ----- */

.headerTopWrap {width:100%; height:55px; background:#cc0000;}
.headerTop {max-width:1168px; margin:0 auto;}

.headerWrap {margin:25px 0;  width:100%; /*bottom:0px;*/ z-index:199 !important; background:#fff; position:relative; }
.headerWrap:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}
.header {max-width:1168px; margin:0 auto;}

/* ----- Logo ----- */
.logo { text-align:center; }  
.logo img { }
.logo h1 a {text-decoration:none; line-height:65px; color:#000 !important; font-size:28pt; font-family: 'Fjalla One', sans-serif;}
.logo p {font-style:italic; color:#bbb;}


/* ----- Mobile Menu Icon ----- */
#mobile-header {display:none; width:100%;}
a#responsive-menu-button { color:#666; font-size:24pt; position:absolute; right:8px;;  }

/* ----- Main Menu ----- */
/** Menu **/
#mobile-header { display: none; padding: 0; height: 44px; width: 44px;  }
.menuWrap { margin:25px 0 0; border-top:1px solid #aaa; border-bottom:1px solid #aaa; height:45px;}
.mainMenu {font-family: 'Noto Serif', serif;  text-align:center; font-weight:100; }
.mainMenu ul { list-style:none;  }	
.mainMenu  li {	margin:0 10px; line-height:45px; display:inline-block; position:relative;}
.mainMenu  li a {		font-size:1.2em;	height:45px;	}
.mainMenu  li a:link, 
.mainMenu  li a:visited {	color:#888;	text-decoration:none;}	
.mainMenu  li a:hover, 
.mainMenu li a:focus {	color:#888;	text-decoration:none;}
.mainMenu  li.current {	border-bottom:1px solid #888;	text-decoration:none;}

/** Social Media **/
.socialMedia { float: right; height: 55px; line-height:55px;}
.socialMedia ul { }
.socialMedia ul li { display: inline; height: 55px; line-height: 55px;  }
.socialMedia ul li a { margin: 0 15px 0 0; font-size: 13pt; text-align: center; text-decoration: none; color: #888; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.socialMedia ul li a:hover { color:#aaa; }

.socialMedia ul li a.facebook:before { content: "\f09a"; }
.socialMedia ul li a.twitter:before { content: "\f099"; }
.socialMedia ul li a.googleplus:before { content: "\f0d5"; }
.socialMedia ul li a.linkedin:before { content: "\f0e1"; }
.socialMedia ul li a.pinterest:before { content: "\f0d3"; }
.socialMedia ul li a.instagram:before { content: "\f16d"; }
.socialMedia ul li a.youtube:before { content: "\f16a"; }
.socialMedia ul li a.email:before { content: "\f0e0"; }

.utility {float: left; height: 55px; line-height:55px; color:#888;}
.utility a { color:#888; text-decoration:none;}
.utility a:hover { color:#aaa;}

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

/* ----- Home Intro ----- */
.intro { margin:25px 0; border-bottom:1px solid #aaa;}
.intro h2  { font-size:2.889em !important; line-height:1.5em} 
.intro h2 strong {color:#333; font-weight:300; } 

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

/* ----- Content Areas ----- */
.mainContentArea {max-width:100%;  }
.contentArea {max-width:1168px; margin:0 auto 50px; }

/* ----- Text ----- */
.mainContentArea h1 { font-size:24pt; margin:15px 0; color:#666666; font-family: 'Fjalla One', sans-serif; }
.mainContentArea h2 { font-size:20pt; margin:15px 0; color:#666666; font-family: 'Fjalla One', sans-serif; }
.mainContentArea h3 { font-size:18pt; margin:15px 0; color:#666666; font-family: 'Fjalla One', sans-serif; }
.mainContentArea h4 { font-size:16pt; margin:15px 0; color:#666666; font-family: 'Fjalla One', sans-serif; }
.mainContentArea h5 { font-size:14pt; margin:15px 0; color:#666666; font-family: 'Fjalla One', sans-serif; }
.mainContentArea h6 { font-size:12pt; margin:15px 0; color:#666666; font-family: 'Fjalla One', sans-serif; }
.mainContentArea p { font-size:10pt; margin:15px 0; color:#666666; font-family: 'Noto Serif', 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: 'Noto Serif', serif;}
.mainContentArea ul li { line-height:15pt; padding:0 0 10px 20px; color:#666666;  font-size:10pt; }
.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:#666666; font-size: 20px; }
.mainContentArea ul li a { color:#2f353f; line-height:11pt; padding:0 0 15px 0px; color:#666666;   }
.mainContentArea ol { font-size:10pt; counter-reset:item; margin:10px 0 0; line-height:10pt; color:#666666;   font-family: 'Noto Serif', serif;}
.mainContentArea ol li { color:#666666; display:block; padding:0 0 10px;  }
.mainContentArea ol li:before { color:#666666; content:counter(item) ".  "; counter-increment:item; line-height:15pt;   }

/* ----- Extras ----- */
.mainContentArea blockquote  {max-width:100%;  font-family: 'Noto Serif', serif; text-align:center; color:#fff; background:#000; font-size:16pt; margin: 15px 0; padding:25px; line-height:auto;   }
.mainContentArea img { max-width:100%; }
.mainContentArea hr {border:none; color: #fff; background-color: #ccc; height: 1px;}

/* ----- Tables ----- */
.mainContentArea table { width:100%;  color:#666666; border-top:1px solid #666666;  border-left:1px solid #666666; font-size:10pt;  margin: 15px 0;}
.mainContentArea table tr th {background:#ececec;}
.mainContentArea table tr td, .mainContentArea table tr th { padding:5px;  border-bottom:1px solid #666666;  border-right:1px solid #666666;  }
.mainContentArea table tr th {  }
.mainContentArea table caption {font-size:16pt; margin:15px 0;  }

/* -----  Footer ----- */
.footerWrap { width:100%;  margin:0; background:#cc0000; padding:35px 0; font-family: 'Fjalla One', sans-serif;}
.footerWrap:after  {clear:both; content:"."; display:block; height:0; visibility:hidden;}
.footer { text-align:center;}
.footerLeft { float:left; margin:15px 0 0 25px;}
.footerRight { float:right; margin:0 25px 0 0;}
.footer p { color:#FFFFFF; font-size:1em; font-family: 'Noto Serif', serif; }
.footer p span { font-size:1em; font-family: 'Fjalla One', sans-serif; }
.footer p a {color:#FFFFFF; text-decoration:none; }
.footer p a {color:#FFFFFF; }

/* ----- 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:25px 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:25px 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:25px 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 {  padding:25px 0; }
.sidebar:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.sidebarLeft { float: right; width: 66%;  }
.sidebarRight { float: left; width: 30%; }


/** Twitter Feed Styles **/
#twitterWrap { width: 100%; font-weight: normal !important;  text-align:center; background:#efefef; margin:25px 0; }
#twitterWrap .fa-twitter { font-size:45pt; color:#aaa; padding:150px 0 0 0;  }
#twitterHolder { width: 100%; height: 13.5em; overflow: hidden; padding:0 0 70px 0; margin:0 auto; }
#twitterFeed { width: 100%; margin:0 auto; position: relative; list-style-type: none; top: 0em !important; font-weight: normal !important; text-align:center;}
#twitterFeed ul li:before {display:none;}
#twitterFeed ul li {  text-decoration: none; margin: 0; padding:0 0 150px 0; color:#333; }
#twitterFeed ul li p {}
#twitterFeed ul li:hover { }

#twitterFeed .user, #twitterFeed .tweet, #twitterFeed .timePosted { padding: 0; margin: 0; }
#twitterFeed .user { display: none; }

#twitterFeed .tweet {  margin: 10px 0;  color:#333; font-size:25px; font-style:italic; }
#twitterFeed .tweet a {  color:#333; }
#twitterFeed .timePosted { font-size: 8pt; font-weight: normal;  color:#333; }
#twitterFeed .user { }
#twitterFeed .user a { font-size: 9pt; text-decoration: none;  }
#twitterFeed .user span span { }
#twitterFeed.user img, #example4 .user a > span { }
#twitterFeed .interact { padding: 0; margin: 0; }
#twitterFeed .interact a { font-size: 8pt; margin: 0 5px 0 0;  color:#333; font-weight: normal }
#twitterFeed .user a > span { }