@import "../fonts/font-awesome/less/font-awesome.css";
/* Table of Contents
------------------------------------------------------- *

	0. Bootstrap Fixes
	1. Less Variables & Mixins
	2. Top Bar
	3. Header
	4. Links
	5. Navigation Menu
	6. Slider
	7. Content
		7.1. Primary
		7.2. Secondary
	8. Pagination
	9. Footer
	10. HTML Markup and Formatting
	11. Widgets Style
	12. Comments
	
 

/* 0. Bootstrap Fixes
-------------------------------------------------------	*/
body {
  background: #E3E3E3;
}
#main {
  width: 100%;
  padding-top: 25px;
  padding-bottom: 50px;
}
.container {
  margin: auto;
}
code {
  white-space: pre-wrap !important;
}
.navbar-default .navbar-nav > li > a {
  color: none;
}
.navbar-default .navbar-nav > li > a:hover {
  color: none;
}
/* 1. Less Variables & Mixins
-------------------------------------------------------	*/
.font {
  font-family: "Lato", Helvetica, Arial, sans-serif;
}
#parallax-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
#page {
  position: relative;
  z-index: 888;
}
/* 2. Top Bar
------------------------------------------------------- */
#top-bar {
  background: #ff0000;
  padding: 5px 0px;
  position: relative;
  z-index: 99999;
  opacity: 0.8;
  height: 41px; /* NCmod: added */
}
#top-bar:hover {
  opacity: 0.9;
}
#social-icons {
  float: right;
  text-align: right;
}
.social-icon {
  color: #ffffff;
  font-size: 28px;
  margin-right: 2px;
  position: relative;
  top: 0px;
  left: 0px;
  transition: ease 0.4s all;
}
.social-icon:hover {
  color: #ffffff;
  text-shadow: 3px 3px 1px #A50000;
  top: -2px;
  left: -2px;
}
a:hover .social-icon {
  text-decoration: none;
}
.menu-icon {
  position: relative;
  top: 3px;
  font-size: 26px;
  color: #615b28;
}
.menu-icon a {
  color: #3d3919;
}
.menu-icon:hover {
  color: black;
  text-decoration: none;
}
.menu-icon-container {
  text-align: left; /* NCmod: was center */
  cursor: pointer;
  margin: auto -15px;
  width: 100px; /*NCmod added width */
}
#top-search {
  position: relative;
  top: 2px;
  left: -15px;
  z-index: 999;
}
#top-search input[type=text] {
  background: #EFD7D7;
  outline: none;
  border: none;
  box-shadow: inset 0px -1px 1px #e2cd20;
  width: 300px;
  padding-left: 30px;
}
#top-search input[type=text]:hover,
#top-search input[type=text]:focus {
  background: #ffffff;
}
#top-search ::-webkit-input-placeholder {
  color: #978e3f;
}
#top-search :-moz-placeholder {
  /* Firefox 18- */

  color: #978e3f;
}
#top-search ::-moz-placeholder {
  /* Firefox 19+ */

  color: #978e3f;
}
#top-search :-ms-input-placeholder {
  color: red;
}
#top-search button {
  position: relative;
  padding: 2px 5px;
  background: none;
  border: none;
  -webkit-linear-gradient: none;
  top: -2px;
  box-shadow: none;
  right: -30px;
  color: #857d37;
}
/* 3. Header
------------------------------------------------------- */
body {
  font-family: "Lato", Helvetica, Arial, sans-serif;
}
#masthead {
  margin: 40px auto;
  text-align: right;
  padding: 40px;
  height: 230px;
}
.site-title {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  position: relative;
  top: -50px;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 1px 1px 0px #e8d74d;
}
.site-title a {
  color: black;
}
.site-title a:hover {
  text-decoration: none;
}
.site-description {
  font-size: 18px;
  margin-top: -15px;
  color: black;
}
.main_logo {
  max-width: 360px;
}
@media screen and (max-width: 992px) {
/*  .site-title, */
  #social-icons {
/*    text-align: center;
    float: none;
    padding: 10px 5px;*/
	margin-top: -40px;
  }
  .site-title {
    margin-top: 50px;
	float: right;
  }
  .site-title img {
    max-height: 240px;
    width: auto;
  }
  #top-search {
    display: none;
  }
}
@media screen and (max-width: 680px) {
  .site-title {
	display: none;
  }
}
/* 4. Links
------------------------------------------------------- */
a {
  color: #CD6000;
}
a:hover,
a:focus,
a:active {
  color: #ff0000;
}

.menu-icon-text { color: #FFFFFF; }
.menu-icon-text:hover { color: #000000; }

/* 5. Navigation Menu 
-------------------------------------------------------	*/
.default-nav-wrapper {
  display: none;
}
#sidr {
  overflow: visible;
  overflow-y: scroll;
}
/* Default Navigation */
#site-navigation {
  clear: both;
  margin-bottom: 30px;
  margin-top: 30px;
  padding-bottom: 0px;
  /*
   	.current_page_item > a {
		background: @menu-hover;
		border-top: solid 3px #222;
		padding-top: 12px; 
	}
*/

}
#site-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
  padding-bottom: 0px;
}
#site-navigation ul li:hover > ul {
  /* Dropdown*/

  /* display: block; */

}
#site-navigation ul ul {
  display: none;
  float: left;
  position: absolute;
  left: 100%;
  z-index: 99999;
  margin-top: -50px;
  background: rgba(0, 0, 0, 0.8);
  height: auto;
}
#site-navigation ul ul a {
  color: #eee;
}
#site-navigation ul ul ul {
  position: absolute;
  left: 100%;
  margin-top: -50px;
}
#site-navigation ul ul a {
  min-width: 200px;
  max-width: 255px;
  font-size: 14px;
  font-weight: normal;
  color: #eee;
  padding: 4px 20px;
}
#site-navigation ul ul a:hover {
  border-top: 0px;
  box-shadow: none;
  padding: 0px 20px;
}
#site-navigation li {
  display: block;
}
#site-navigation a {
  display: block;
  color: #b7ac52;
  text-decoration: none;
  font-weight: normal;
  padding: 0px 15px;
}
#site-navigation a:hover {
  border-top: none;
  padding: 0px 15px;
  box-shadow: none;
  background: #e8d74d;
  color: black;
}
#site-navigation li:hover > a {
  color: #000;
  background: #e8d74d;
  box-shadow: none;
}
#site-navigation ul ul li:hover > a {
  border-top: none;
  padding: 4px 20px;
  color: #000;
  background: rgba(232, 215, 77, 0.75);
}
/* Small menu */
.menu-toggle {
  display: none;
  cursor: pointer;
}
/* 6. Slider
-------------------------------------------------*/
.slider-wrapper {
  margin: auto;
  margin-top: 15px;
  background: rgba(255, 255, 255, 0.8);
  padding-top: 15px;
  margin-bottom: 40px;
}
.slider-page-wrapper {
  background: #eee;
  padding: 15px;
}
.slide-title {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  color: #ddd;
}
.nivo-caption {
  max-width: 750px;
  min-width: 200px;
  overflow: hidden;
  bottom: 15px;
  left: 10px;
}
.nivo-html-caption {
  display: none;
}
div.slide-title {
  font-size: 36px;
  display: block;
}
div.slide-description {
  font-family: Helvetica, Arial, sans-serif;
}
.nivo-imageLink {
  z-index: 99999;
}
@media screen and (max-width: 768px) {
  div.slide-title {
    font-size: 18px;
  }
  div.slide-description {
    font-size: 13px;
  }
}
/* 7. Content 
------------------------------------------------------- */
#content {
  background: white;
  border-top: solid 4px #e8d74d;
  padding: none;
  margin-right: 0px;
  margin-left: 0px;
}

.entry-title {
	line-height: 0.8; /* NCMod: Added style to post headlines */
}
/* 7.1 Primary 
------------------------------------------------------- */
#primary {
  padding: 0 15px;
}
#primary .icon-time:before,
#primary .icon-user:before {
  color: #b7ac52 !important;
}
#primary .icon-user:before {
  margin-left: 8px;
}
#primary .byline {
  display: inline;
}
.single .entry-content,
.page .entry-content {
  border-bottom: solid 1px #eee;
  margin-bottom: 20px;
  padding-bottom: 13px;
}
.single footer.entry-meta,
.page footer.entry-meta {
  display: block;
  margin-bottom: 20px;
}
article.archive .article-rest {
  margin: auto;
}
.featured-thumb {
  margin: auto;
  margin-top: -35px; /* changed from 35px */
  overflow: hidden;
  padding: 0px;
}
.featured-thumb .img-meta {
  position: absolute;
  z-index: 9999;
  background: rgba(232, 215, 77, 0);
  width: 100%;
  height: 100%;
  left: 0px;
  display: none;
  text-align: center;
}
.featured-thumb .img-meta .meta-icon {
  display: inline-block;
  font-size: 24px;
  width: 36px;
  background: #a19115;
  border-radius: 4px;
  margin-top: 100px;
}
.featured-thumb .img-meta .meta-link {
  padding: 15px 25px;
  color: #736c30;
}
.featured-thumb .img-meta .meta-link:hover {
  color: #e8d74d;
  text-decoration: none;
}
.featured-thumb .img-meta .meta-link i {
  position: relative;
  left: -19px;
}
.featured-thumb .img-meta .meta-link .icon-link {
  left: -17px;
}
.featured-thumb:hover .img-meta {
  background: rgba(232, 215, 77, 0.65);
}
.featured-thumb:hover img {
  -webkit-transform: scale(1.05);
  opacity: 0.8;
}
.featured-thumb img {
  box-shadow: 0px 1px 2px #444;
  border-top: solid 5px rgba(232, 215, 77, 0.8);
  margin-bottom: 0px;
  transition: 0.4s all ease;
  min-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .featured-thumb {
    margin-bottom: 20px;
    float: none;
  }
}
.archive .entry-title a {
  font-size: 26px;
  color: #000000;
}
.archive .entry-title a:hover {
  color: #ff0000;
}
.archive .entry-meta {
  font-size: small;
  color: #b7ac52;
}
.archive .entry-meta .posted-on {
  margin-right: 6px;
}
.featured-image-single {
  text-align: center;
}
.featured-image-single img {
  max-width: 80%;
  border: solid 5px #ffffff;
  box-shadow: 0px 2px 2px #888;
  margin-bottom: 15px;
}
@media screen and (max-width: 480px) {
  .featured-thumb .img-meta .meta-icon {
    margin-top: 30px;
  }
}
/* 7.2 Secondary 
------------------------------------------------------- */
#secondary,
#footer-sidebar {
  padding: 20px 10px;
}
#secondary ul,
#footer-sidebar ul {
  list-style: none;
  margin-left: 5px;
}
#secondary ul li:before,
#footer-sidebar ul li:before {
  margin-right: 5px;
  content: "\f0da";
  font-family: "FontAwesome";
  color: #b7ac52;
}
#secondary ul ul,
#footer-sidebar ul ul {
  margin-left: 15px;
}
#secondary ul ul li:before,
#footer-sidebar ul ul li:before {
  content: "\f111";
  font-size: 5px;
  position: relative;
  top: -3px;
}
#secondary ul ul ul,
#footer-sidebar ul ul ul {
  margin-left: 5px;
}
#secondary .widget_recent_entries li:before,
#footer-sidebar .widget_recent_entries li:before {
  content: "\f0f6";
}
#secondary .widget_recent_entries li,
#footer-sidebar .widget_recent_entries li {
  border-bottom: solid 1px #f3f1e2;
  padding: 5px 0px;
}
#secondary .widget_recent_comments li:before,
#footer-sidebar .widget_recent_comments li:before {
  content: "\f075";
  font-size: 12px;
  position: relative;
  top: -2px;
}
#secondary .widget_calendar caption,
#footer-sidebar .widget_calendar caption {
  font-weight: bold;
  margin-bottom: 7px;
}
#secondary .widget_calendar table,
#footer-sidebar .widget_calendar table {
  padding: 5px;
  text-align: center;
  background: #fff;
}
#secondary .widget_calendar thead,
#footer-sidebar .widget_calendar thead {
  border-bottom: solid 1px #e8d74d;
}
#secondary .widget_calendar thead th,
#footer-sidebar .widget_calendar thead th {
  background: #ddd;
  padding: 5px;
  text-align: center;
}
#secondary .widget_calendar tr td,
#footer-sidebar .widget_calendar tr td {
  padding: 8px !important;
  background: #eee;
  margin: 4px;
  text-align: center;
}
#secondary .widget_calendar #prev,
#footer-sidebar .widget_calendar #prev {
  text-align: left;
}
#secondary .widget_calendar #next,
#footer-sidebar .widget_calendar #next {
  text-align: right;
}
#secondary h1.widget-title,
#footer-sidebar h1.widget-title {
  font-size: 20px;
  font-weight: normal;
  border-bottom: solid 4px #e8d74d;
  background: #fafafa;
  padding: 5px;
  margin-top: 0px;
}
#secondary .widget_search form,
#footer-sidebar .widget_search form {
  padding: 10px 5px;
}
#secondary .widget_search input[type=submit],
#footer-sidebar .widget_search input[type=submit] {
  display: inline-block;
}
#secondary .widget_search input[type=text],
#footer-sidebar .widget_search input[type=text] {
  display: block;
  width: 250px !important;
  position: relative;
  left: 30px;
}
#secondary select#cat,
#footer-sidebar select#cat {
  margin-bottom: 10px;
  margin-left: 10px;
}
#secondary #categories-1 { /* NCMod: put categories in scrollable box */
  height: 250px;
  overflow: auto;
}
#secondary #linkcat-10 { /* NCMod: put links in scrollable box */
  height: 250px;
  overflow: auto;
}
#secondary .widget,
#footer-sidebar .widget {
  background: #fafafa;
  border: solid 1px #eee;
  margin-top: 15px;
  padding-top: 0px;
}
#secondary .widget > div,
#footer-sidebar .widget > div { /* Calendar & Text widget styling */
  padding: 7px;
}
/* 8. Pagination
-----------------------------------------------*/
.pagination {
  margin: 20px 0;
  width: 100%;
  margin-left: -20px;
  text-align: center;
  clear: both;
}
.pagination ul {
  list-style: none;
  display: inline-block;
  text-align: center;
  margin-bottom: 0;
}
.pagination ul > li {
  display: inline;
}
.pagination ul > li > a {
  color: #eeeeee;
  transition: all 0.4s ease;
}
.pagination ul > li > a .next {
  float: right;
}
.pagination ul > li > a:hover {
  color: #b7ac52;
  background: #eee;
}
.pagination .current {
  background: #eddb48;
}
.pagination ul  > li  > a,
.pagination ul  > li  > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: solid 1px #f1f1f1;
  border-left-width: 0;
  display: inline-block;
  color: #868683;
}
.pagination ul  > li:first-child  > a,
.pagination ul  > li:first-child  > span {
  border-left-width: 1px;
}
.pagination ul  > li:last-child  > a,
.pagination ul  > li:last-child  > span {
  border-rigth-width: 1px;
}
/* 9. Footer 
------------------------------------------------------- */
#footer-sidebar .widget-area col-md-12 {
/*	background-color: #333333 !important; */ /* NCMod: Change color of footer */
}

#colophon {  /* NCMod: changed background and text color */
  background: #333333;
  padding: 10px;
  border-top: solid 1px #ddd;
  border-bottom: solid 4px #ddd;
  width: auto;
  margin-left: 0px;
  margin-right: 0px;
  color: #e8d74d;
}
#footertext {
  float: right;
  text-align: right;
}
/* 9. HTML Markup & Formatting
--------------------------------------------------- */
article table {
  background: #f7f7f7;
}
article table td {
  padding: 5px;
  border: solid 1px #eee;
}
article table th {
  padding: 5px;
  background: #ccc;
  border: solid 1px #ccc;
}

/* NCMod: styling of preview story links at top of page */
/*#pre-content {
  background-color: #eeeeee;
  height: 230px;
}*/

.preview {
/*  background-color: #EEEEEE;*/
  height: 230px;
  border-bottom: solid 4px #FF0000;
}
.preview ul {
/*  float:left;*/
  margin:0px;
  padding:0px;
}
.preview ul li {
  float:left;
  list-style:none;
  padding:8px;
  margin: 5px;
  width:220px;
  height: 114px;
  overflow: hidden;
  border: 1px solid #333333;
  display: list-item;
  background-color: #FFFFFF;
}
.preview ul li a {
  display:block;
}

.preview_link {
  background:None;
}
.preview_link ul{
/*  float:left;*/
  margin:0px;
  padding:0px;
}
.preview_link ul li{
  float:left;
  list-style:none;
  padding:2px 8px 0px 8px;
  margin: -8px 5px 0px 5px;
  width:220px;
  height: auto;
  border: none;
  display: list-item;
  background: none;
  line-height: 1.2;
/*  overflow: hidden;*/
}
.preview ul li a {
  display:block;
  color: #000000;
}
.preview ul li a:hover {
  color: #FF0000;
  text-decoration: none;
}
@media only screen and (max-width: 1020px) {
.preview {
  display: none;
}
.preview_link {
  display: none;
}
}
/*.preview ul li.title{font-weight:bold;background:#333;color:#fff;}
.preview ul li.even{background:#fff;}
.preview ul li.odd{background:#FFFFE6;}*/

/* 11. Widgets Style
---------------------------------------------------- */
.rp-item {
  display: block;
  clear: both;
  overflow: auto;
  margin-bottom: 5px;
  border-bottom: solid 1px #f3f1e2;
  padding-bottom: 5px;
}
.rp-item:before {
  content: none !important;
}
.rp-thumb {
  float: left;
  width: 64px;
  margin-right: -5px;
  margin-top: 3px;
}
.rp-thumb img {
  width: 48px;
  border: solid 2px #eee;
  border-radius: 2px;
}
.rp-thumb rp-title {
  clear: none;
}
.rp-thumb rp-title a {
  display: block;
}
/* 12. Comments
---------------------------------------------------------- */
#respond input[type=text] {
  max-width: 450px;
}
#comments ol.comment-list {
  list-style: none;
}
#comments li.comment {
  border: solid 1px #fbfbfb;
  padding: 10px;
  margin-top: 15px;
  list-style: none;
  background: #f1f1f1;
}
#comments .vcard img {
  border: solid 4px #ffffff;
  border-radius: 5px;
  margin: 0 10px 10px 0;
}
#comments .comment-metadata {
  font-weight: bold;
}
/*
 @media screen and (max-width:992px) {
	 .vcard img {
		 width: 100px !important;
		 height: auto;
	 }
 }
*/
@media screen and (max-width: 467px) {
  #comments li.comment {
    margin-left: -7%;
  }
}