@import "../fonts/font-awesome/css/font-awesome.min.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: #f7f7f7;
}
.container {
  margin: auto;
}
code {
  white-space: pre-wrap !important;
  background: #f7f7f7;
}
.navbar-default .navbar-nav > li > a {
  color: none;
}
.navbar-default .navbar-nav > li > a:hover {
  color: none;
}
/* 1. Less Variables & Mixins
-------------------------------------------------------	*/
.font {
  font-family: "Open Sans", Times, serif;
}
.font-heading {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.font-title {
  font-family: "Open Sans", Helvetica, sans-serif;
}
body {
  font-family: "Open Sans", Times, serif;
}
#parallax-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
#page {
  position: relative;
  z-index: 888;
  overflow-x: hidden;
}
#page ::selection {
  background: #00cc00;
  color: white;
}
/* 2. Header-top
------------------------------------------------------- */
#top-bar {
  background: #1e2329;
  display: block;
  overflow: auto;
  border-bottom: solid 1px #4a5663;
  padding-top: 8px;
}
#top-bar #top-search-form {
  overflow: auto;
  padding: 30px 5px;
  text-align: center;
  display: none;
}
#top-bar #top-search-form input {
  background: #4a5663;
  border: solid 2px #2d3d4d;
  max-width: 90%;
  width: 750px;
  outline: none;
  color: #ddd;
  padding: 8px;
  text-align: center;
}
#top-bar #top-search-form ::-webkit-input-placeholder {
  color: #78899b;
}
#top-bar #top-search-form .cancel-search {
  color: #ccc;
  font-family: Arial, sans-serif;
  font-style: italic;
}
#top-bar #top-search-form .cancel-search:hover {
  text-decoration: underline;
  cursor: pointer;
}
.top-search-icon {
  color: grey;
  text-align: right;
  font-size: 18px;
  margin-bottom: 8px;
  cursor: pointer;
}
#header-top {
  background: #343d46;
}
.site-branding {
  float: left;
  margin-top: 0px;
  padding-top: 0px;
  margin-top: 10px;
  margin-bottom: 30px;
}
.site-title {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  position: relative;
}
.site-title a {
  color: #00cc00;
  font-size: 29px;
  font-weight: 200;
}
.site-title a:hover {
  text-decoration: none;
}
.site-description {
  font-family: "Open Sans", Helvetica, sans-serif;
  color: #b4b4b4;
  font-size: 16px;
  font-weight: 100;
}
.main_logo {
  max-width: 390px;
}
@media screen and (max-width: 400px) {
  .main_logo {
    max-width: 320px;
  }
}
#social-icons {
  float: right;
  text-align: right;
  margin-top: 40px;
  margin-bottom: 5px;
}
#social-icons img {
  width: 36px;
  transition: 0.6s all ease-out;
}
#social-icons img:hover {
  transform: translateY(-6px);
  -webkit-transform: translateY(-6px);
}
.social-icon {
  color: #999999;
  font-size: 32px;
  margin-right: 2px;
  padding: 0px 2px;
  position: relative;
  top: 0px;
  left: 0px;
  transition: ease 0.4s all;
}
.social-icon:hover {
  color: #00e600;
  text-shadow: 3px 3px 1px #818181;
  top: -1px;
  left: -1px;
}
a:hover .social-icon {
  text-decoration: none;
}
/* 3. header-2
------------------------------------------------------- */
#header-2 {
  padding-top: 15px;
  width: 100%;
  background: #FFF;
  border-bottom: solid 1px #ddd;
}
#header-2:before {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
}
/* 4. Links
------------------------------------------------------- */
a {
  color: #00cc00;
}
a:hover,
a:focus,
a:active {
  color: #00e600;
}
/* 5. Carousel Wrapper
------------------------------------------------------- */
#carousel-wrapper {
  margin-bottom: 55px;
}
#carousel-wrapper .bx-wrapper .bx-next {
  margin-right: 10px;
}
#carousel-wrapper .bx-wrapper .bx-viewport {
  box-shadow: none;
}
#carousel-wrapper .bx-wrapper .bx-viewport ul {
  margin-left: 0px;
}
/* 5. Navigation Menu 
-------------------------------------------------------	*/
/*Top Navigation */
#top-navigation {
  padding-top: 5px;
}
#top-navigation ul {
  list-style: none;
  margin-left: 0px;
}
#top-navigation ul a {
  color: #78899b;
  font-weight: lighter;
  padding: 5px 10px;
}
#top-navigation ul li {
  display: inline;
}
#top-navigation ul ul {
  display: none;
  margin-left: 0px;
}
/* Default Navigation */
.nav-wrapper {
  margin-bottom: 25px;
}
#site-navigation {
  clear: both;
  display: block;
  display: inline-block;
  background: #ffffff;
  padding-bottom: 0px;
  border: none;
  margin-top: -15px;
  text-align: center;
  float: left;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: lighter;
}
#site-navigation ul {
  float: right;
  list-style: none;
  margin: 0;
  padding-left: 0;
  padding-bottom: 0px;
}
#site-navigation ul > li > a {
  padding-bottom: 25px;
  padding-top: 25px;
}
#site-navigation ul li:hover > ul {
  /* Dropdown*/

  /* display: block; */

}
#site-navigation ul ul {
  display: none;
  float: left;
  position: absolute;
  top: 5.0em;
  left: 0;
  z-index: 99999;
  background: #eeeeee;
  text-align: left;
  border: none;
  border-top: solid 3px #EFEFEF;
  padding-top: 0px;
  box-shadow: 0px 5px 4px -4px #4a4a4a, inset -5px 0px 3px 1px #4a4a4a;
}
#site-navigation ul ul li:nth-child(even) {
  background: #e7e7e7;
  border-bottom: solid 1px #d7d7d7;
}
#site-navigation ul ul li:nth-child(odd) {
  background: #eee;
  border-bottom: solid 1px #d7d7d7;
}
#site-navigation ul ul li a {
  padding: 5px 20px;
}
#site-navigation ul ul ul {
  left: 100%;
  border: none;
  top: 0;
  box-shadow: none;
}
#site-navigation ul ul ul li {
  box-shadow: 5px 0px 3px -2px #8a8a8a inset;
  border-bottom: none !important;
}
#site-navigation ul ul a {
  min-width: 200px;
  max-width: 255px;
  font-size: 14px;
  font-weight: normal;
  color: #555;
  padding: 8px 20px;
}
#site-navigation ul ul a:hover {
  border-bottom: none;
  background: #333;
  color: #eee;
  padding: 8px 20px;
}
#site-navigation li {
  float: left;
  position: relative;
  clear: right;
}
#site-navigation .nav .caret {
  display: none;
}
#site-navigation a {
  display: block;
  color: #8b8b8b;
  text-decoration: none;
  padding: 16px 10px;
  font-weight: normal;
  font-weight: lighter;
}
#site-navigation a:hover {
  background: none;
  color: #00cc00;
}
#site-navigation ul ul a {
  border-bottom: none;
}
#site-navigation ul ul a:hover {
  border-bottom: none;
  background: none;
}
#site-navigation li:hover > a {
  border-bottom: #00cc00 solid 2px;
  border-top: #00cc00 solid 2px;
  padding-bottom: 23px;
  padding-top: 23px;
  color: #00cc00;
}
#site-navigation ul ul li:hover > a {
  background: #ffffff;
  border-bottom: none;
  padding: 5px 20px;
  color: black;
  border-top: none;
}
@media screen and (max-width: 767px) {
  #site-navigation {
    width: 100%;
  }
  #site-navigation .active > a,
  #site-navigation .current_page_item > a {
    border-top: solid 4px #ffffff;
    background: none;
  }
  #site-navigation ul {
    margin-left: 0px;
  }
  #site-navigation ul ul {
    display: none;
  }
  #site-navigation li {
    display: block;
    width: 100%;
    text-align: left;
  }
  #site-navigation li:hover > a {
    border-top: none;
    padding-top: 20px;
  }
  #site-navigation li:hover ul {
    display: none !important;
  }
  #site-navigation .navbar-default .navbar-collapse {
    border-color: #00cc00;
  }
}
#primary-nav-wrapper {
  text-align: center;
  margin-bottom: 20px;
}
#primary-navigation {
  clear: both;
  display: block;
  display: inline-block;
  background: #ffffff;
  margin-top: -5px;
  padding-bottom: 0px;
  border: none;
  text-align: center;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: bold;
}
#primary-navigation .active > a,
#primary-navigation .current_page_item > a {
  background: none;
}
#primary-navigation ul {
  float: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
  padding-bottom: 0px;
}
#primary-navigation ul li:hover > ul {
  /* Dropdown*/

  display: block;
}
#primary-navigation ul ul {
  display: none;
  float: left;
  position: absolute;
  top: 2.8em;
  left: 0;
  z-index: 99999;
  background: #eeeeee;
  text-align: left;
  border: none;
  padding-top: 0px;
  box-shadow: 0px 5px 4px -4px #4a4a4a;
}
#primary-navigation ul ul ul {
  left: 100%;
  top: 0;
}
#primary-navigation ul ul a {
  min-width: 200px;
  max-width: 255px;
  font-size: 14px;
  font-weight: normal;
  color: #555;
  padding: 8px 20px;
}
#primary-navigation ul ul a:hover {
  border-top: none;
  background: #333;
  color: #eee;
  padding: 8px 20px;
}
#primary-navigation li {
  float: left;
  position: relative;
  clear: right;
  box-shadow: 9px 0px 12px -12px #222222;
  border-right: solid 1px #eee;
  margin-bottom: 5px;
}
#primary-navigation li li {
  box-shadow: none;
}
#primary-navigation li:last-child {
  box-shadow: none;
  border-right: none;
}
#primary-navigation .nav .caret {
  display: none;
}
#primary-navigation a {
  display: block;
  color: #00cc00;
  text-decoration: none;
  padding: 10px 20px;
  font-weight: normal;
}
#primary-navigation a:hover {
  background: none;
}
#primary-navigation ul ul a:hover {
  background: none;
}
#primary-navigation li:hover > a {
  color: black;
}
#primary-navigation ul ul li:hover > a {
  background: #ffffff;
  color: black;
}
/* Small menu */
.menu-toggle {
  display: none;
  cursor: pointer;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .menu-toggle,
  .primary-navigation.toggled .nav-menu {
    display: block;
    color: #00cc00;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px;
    font-size: 20px;
    padding-bottom: 10px;
    position: relative;
    top: -8px;
    width: 100%;
    float: left;
  }
  #primary-navigation {
    width: 100%;
  }
  h1.menu-toggle {
    width: 100%;
  }
  .menu-toggle:before {
    content: "\f0ca";
    font-family: "FontAwesome";
    height: 0;
    width: 0px;
    margin-right: 20px;
    position: relative;
  }
  #nav-wrapper {
    width: 90%;
    margin-bottom: 15px;
    box-shadow: none;
  }
  .primary-navigation ul {
    display: none;
  }
  .primary-navigation ul a {
    padding: 5px;
  }
  .primary-navigation ul li {
    display: block;
    width: 100%;
    overflow: auto;
    height: auto;
  }
  #primary-navigation ul {
    text-align: center;
    font-size: 15px;
  }
  #primary-navigation ul a {
    padding: 5px;
  }
  #primary-navigation ul ul {
    display: none;
  }
  #primary-navigation ul ul li {
    display: none;
  }
  #primary-navigation ul li {
    box-shadow: none;
    border-right: none;
  }
}
@media screen and (max-width: 1100px) {
  /*
  	#site-navigation {
  		float: none;
  		width: 100%;
  		margin: auto;
  	}
  */
}
/* 6. Slider
-------------------------------------------------*/
.slider-wrapper {
  margin: auto;
  background: rgba(255, 255, 255, 0.8);
  margin-bottom: 40px;
  border-bottom: none;
  margin-top: 20px;
  padding: 10px;
  padding-bottom: 5px;
}
.slide-title {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  color: #ddd;
}
.nivo-caption {
  overflow: hidden;
  bottom: 10px;
  left: 5px;
  margin-left: auto;
  margin-right: auto;
  background: none !important;
  /* max-width: 900px; */

  color: #fff;
}
.nivo-caption a {
  display: inline-block;
}
.nivo-caption a:hover {
  text-decoration: none;
}
.nivo-html-caption {
  display: none;
}
.nivocapper {
  /* Component Responsible for Dropping Caption */

  display: inline-block;
  background: black;
  background: rgba(0, 0, 0, 0.2);
  padding: 5px 10px;
  border-radius: 5px;
}
div.slide-title {
  font-size: 36px;
  display: block;
}
div.slide-title a:hover {
  text-decoration: none;
  color: #ddd;
}
div.slide-description {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: lighter;
}
.nivo-controlNav {
  margin-top: -46px;
  z-index: 99999;
  text-align: right !important;
  left: -10px;
}
.nivo-imageLink {
  z-index: 99999;
}
.theme-default .nivo-controlNav a {
  text-indent: 9999px !important;
}
@media screen and (max-width: 768px) {
  div.slide-title {
    font-size: 18px;
  }
  div.slide-description {
    font-size: 13px;
  }
}
/* 7. Content 
------------------------------------------------------- */
#content {
  background: white;
  padding: none;
  padding-top: 15px;
  margin-right: 0px;
  margin-left: 0px;
  margin: auto;
  margin-top: 55px;
  border: solid 1px #ddd;
  margin-bottom: 55px;
}
/* 7.1 Primary 
------------------------------------------------------- */
#primary {
  padding: 10px 15px;
  background: #fff;
  padding-top: 10px;
  margin-top: 0px;
}
#primary .byline {
  display: inline;
}
.cat-page-title {
  margin: 20px 0px;
  margin-top: 20px !important;
}
.single .fa-clock-o:before,
.single .fa-user:before {
  color: #00cc00 !important;
}
.format-video .featured-thumb:before {
  content: "\f01d";
  font-family: "FontAwesome";
  font-size: 48px;
  position: absolute;
  bottom: 0px;
  right: 10px;
  color: #fff;
  z-index: 9999;
  transition: 0.4s all ease;
  pointer-events: none;
}
.format-video .featured-thumb:hover:before {
  color: #00cc00;
  cursor: pointer;
  font-size: 50px;
  opacity: 1.0;
  pointer-events: none;
}
article.archive .article-rest {
  margin: auto;
  margin-top: 10px;
}
.featured-thumb {
  margin: auto;
  margin-top: 35px;
  overflow: hidden;
  padding: 0px;
}
.featured-thumb .img-meta {
  position: absolute;
  z-index: 9999;
  background: rgba(0, 230, 0, 0.5);
  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: #006600;
  border-radius: 4px;
  margin-top: 150px;
}
.featured-thumb .img-meta .meta-link {
  padding: 15px 25px;
  color: #00d100;
  padding-left: 26px;
}
.featured-thumb .img-meta .meta-link:hover {
  color: #0aff0a;
  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 .img-meta .img-meta-img .meta-link {
  padding-left: 24px;
}
.featured-thumb:hover .img-meta {
  background: rgba(0, 230, 0, 0.65);
}
.featured-thumb img {
  box-shadow: 0px 1px 2px #444;
  margin-bottom: 0px;
  transition: 0.4s all ease;
  min-width: 100%;
  height: auto;
}
.blog .entry-title,
.search .entry-title,
body.archive .entry-title {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  padding-bottom: 0px;
  display: block;
}
.tag .entry-meta {
  border-bottom: none;
}
.single .entry-h1,
.page .entry-h1 {
  padding-bottom: 10px;
  display: block;
}
.single .entry-h1 h1,
.page .entry-h1 h1 {
  font-size: 30px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.single .entry-h1:after,
.page .entry-h1:after {
  content: "";
  clear: both;
  width: 92%;
  height: 6px;
  position: absolute;
  margin-left: 1%;
  margin-top: 10px;
  /* border-bottom: double 6px lighten(@sidebar-link-color,25%); */

}
.single .entry-title,
.page .entry-title {
  color: #666666;
  line-height: 1.6em;
}
.entry-content {
  line-height: 1.8em;
  color: #999999;
}
.comments-link {
  float: right;
}
.entry-meta {
  color: #999999;
}
.entry-meta .posted-on {
  margin-right: 10px;
}
.entry-meta .edit-link {
  float: right;
}
.entry-meta .fa-tags {
  margin-left: 10px;
}
footer.entry-meta {
  margin-top: 25px;
}
.single article.post,
.page article.post {
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}
.single .entry-meta,
.page .entry-meta {
  border-bottom: solid 1px #e5e5e5;
  padding-bottom: 10px;
}
.single footer.entry-meta,
.page footer.entry-meta {
  border-bottom: none;
  padding-bottom: 0px;
}
#nav-below {
  margin-top: 30px;
  margin-bottom: 20px;
}
#nav-below a {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.featured-image-single {
  text-align: center;
  margin: 30px auto;
  margin-top: 20px;
}
.featured-image-single img {
  max-width: 98%;
  box-shadow: 0px 25px 6px -20px #888888;
  margin-bottom: 15px;
  border-radius: 5px;
}
h1.page-title {
  text-transform: uppercase;
  color: #999999;
  font-family: "Open Sans", Times, serif;
  font-weight: bold;
  display: inline-block;
  border-bottom: solid 4px #999999;
  margin-top: -15px;
}
.page-header {
  border-bottom: 0px;
}
@media screen and (max-width: 480px) {
  .featured-thumb .img-meta .meta-icon {
    margin-top: 30px;
  }
}
#primary-home article,
.archive article,
.search article {
  padding: 0px;
}
#primary-home .article-wrapper,
.archive .article-wrapper,
.search .article-wrapper {
  border: solid 1px #eee;
  width: 94%;
  background: #fff;
  height: 100%;
}
#primary-home .entry-title a,
.archive .entry-title a,
.search .entry-title a {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #999999;
  transition: 0.4s all ease;
  line-height: 1.5em;
}
#primary-home .entry-title a:hover,
.archive .entry-title a:hover,
.search .entry-title a:hover {
  text-decoration: none;
  color: #00cc00;
}
#primary-home .entry-meta,
.archive .entry-meta,
.search .entry-meta {
  margin-top: 8px;
  font-size: 12px;
  color: #999999;
  display: block;
  border-bottom: solid 1px #ccc;
  padding-bottom: 6px;
}
#primary-home .entry-meta a,
.archive .entry-meta a,
.search .entry-meta a {
  color: #999999;
}
#primary-home .entry-content,
.archive .entry-content,
.search .entry-content {
  line-height: 1.7em;
}
#primary-home h1.entry-title,
.archive h1.entry-title,
.search h1.entry-title {
  margin-top: 0px;
  margin-bottom: 0px;
}
#primary-home h1.entry-title:after,
.archive h1.entry-title:after,
.search h1.entry-title:after {
  content: none;
}
#primary-home .entry-meta,
.archive .entry-meta,
.search .entry-meta {
  font-size: small;
  color: #00cc00;
  border-bottom: solid 1px #d9d9d9;
  color: #999999;
}
#primary-home .entry-meta a,
.archive .entry-meta a,
.search .entry-meta a {
  color: #999999;
}
#primary-home .entry-meta .posted-on,
.archive .entry-meta .posted-on,
.search .entry-meta .posted-on {
  margin-right: 6px;
}
#primary-home .entry-header,
.archive .entry-header,
.search .entry-header {
  padding: 0;
  margin-bottom: 0;
}
.page-template-page-full-width-slider-php #primary {
  margin-top: -35px;
}
/* 7.2 Secondary 
------------------------------------------------------- */
#secondary,
#footer-sidebar {
  padding: 12px 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: #999999;
}
#secondary ul li,
#footer-sidebar ul li {
  margin-bottom: 8px;
}
#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 #ffffff;
  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 #00e600;
}
#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-weight: normal;
  border-bottom: solid 2px #d9d9d9;
  padding: 5px;
  margin-top: 0px;
  color: #999999;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 16px;
  padding-bottom: 20px;
  text-transform: uppercase;
}
#secondary .widget_search label,
#footer-sidebar .widget_search label {
  width: 100%;
}
#secondary .widget_search form,
#footer-sidebar .widget_search form {
  width: 100%;
  padding: 10px 5px;
}
#secondary .widget_search input[type=submit],
#footer-sidebar .widget_search input[type=submit] {
  display: none;
}
#secondary .widget_search input[type=text],
#footer-sidebar .widget_search input[type=text] {
  display: block;
  min-width: 96%;
  margin-left: 20px;
}
#secondary select#cat,
#footer-sidebar select#cat {
  margin-bottom: 10px;
  margin-left: 10px;
}
#secondary .widget,
#footer-sidebar .widget {
  background: #fff;
  margin-top: 15px;
  padding-top: 0px;
  padding: 10px;
}
#secondary .widget a,
#footer-sidebar .widget a {
  color: #999999;
}
#secondary .widget > div,
#footer-sidebar .widget > div {
  padding: 7px;
}
#footer-sidebar {
  clear: both;
  padding: 15px 0px;
}
#footer-sidebar .footer-column {
  margin: 15px 0;
  padding: 0 5px;
}
/* 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: #00cc00;
  background: #eee;
}
.pagination .current {
  background: #00e600;
}
.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: #29a329;
}
.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 
------------------------------------------------------- */
#colophon {
  background: #ffffff;
  padding: 10px;
  border-top: solid 1px #ddd;
  border-bottom: solid 4px #ddd;
  width: auto;
  margin-left: 0px;
  margin-right: 0px;
}
.sep {
  font-size: 8px;
  position: relative;
  top: -2px;
  padding: 0 5px;
  color: #999999;
}
/* 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;
}
article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
  color: #595959;
}
article blockquote {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
article code {
  background: #14b814;
  color: #000000;
}
/* 11. Widgets Style
---------------------------------------------------- */
.rp-item {
  display: block;
  clear: both;
  overflow: auto;
  margin-bottom: 8px;
  border-bottom: solid 1px #ffffff;
  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 #eee;
  padding: 10px;
  margin-top: 15px;
  list-style: none;
  background: #f9f9f9;
}
#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: 480px) {
  li.comment {
    margin-left: -5%;
  }
}
/* 13. Header Fixes for Responsive Part
 -------------------------------------------------------------- */
@media screen and (max-width: 991px) and (min-width: 768px) {
  #social-icons {
    text-align: center;
    padding-bottom: 15px;
    margin-top: 10px;
  }
  .site-branding {
    text-align: center;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  #top-search-form input {
    width: 400px !important;
  }
  h1.site-title,
  #social-icons {
    display: block;
    text-align: center;
    padding: 5px;
  }
  div.slide-description {
    display: none;
  }
  div.slide-title {
    font-size: 12px;
  }
  .nivo-caption {
    max-width: 400px;
    max-width: 75%;
    min-width: 200px;
  }
  #site-navigation ul.menu,
  #site--navigation div.menu {
    display: none;
  }
  #site-navigation ul.menu li a,
  #site--navigation div.menu li a {
    font-size: 14px;
    padding: 10px;
  }
  #site-navigation ul.menu li:hover a,
  #site--navigation div.menu li:hover a {
    border-bottom: none;
    padding-bottom: 25px;
    padding: 10px;
  }
  #social-icons {
    text-align: center;
    padding-bottom: 15px;
    margin-top: 10px;
  }
  .site-branding {
    text-align: center;
    margin-bottom: 10px;
  }
  .td_mobile_menu_wrap {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  #top-search-form input {
    width: 250px !important;
  }
}
@media screen and (min-width: 768px) {
  #site-navigation ul.menu,
  #site--navigation div.menu {
    display: block;
  }
}