@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: #ffffff;
}
.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;
}
.navbar-collapse {
  padding-left: 0;
  padding-right: 0;
}
.navbar-default {
  border-color: #fff;
  background: #fff;
}
.navbar-toggle {
  background-color: #fff;
  margin-right: 0;
  box-shadow: none;
}
.navbar-toggle:hover {
  box-shadow: none;
}
.avatar,
img.round {
  border-radius: 50%;
  border: solid 1px #cccccc;
}
/* 1. Less Variables & Mixins
-------------------------------------------------------	*/
.font {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.font-heading {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.font-arial {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
body {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
}
strong,
bold {
  font-weight: 600;
}
#page {
  position: relative;
  z-index: 888;
  padding: 0;
  margin: 0;
}
#page ::selection {
  background: #35c0f0;
  color: white;
}
/* 2. Header-top
------------------------------------------------------- */
#header-top {
  padding-top: 0px;
  margin-bottom: 20px;
  border-bottom: solid 1px #ebebeb;
}
.site-branding {
  float: left;
  margin-top: -40px;
  padding-top: 0px;
  width: 170px;
}
@media screen and (max-width: 959px) {
  .site-branding {
    margin-top: -20px;
    width: 200px;
  }
}
@media screen and (max-width: 767px) {
  .site-branding {
    margin-top: 0px;
    width: 150px;
  }
}
.site-title {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
  position: relative;
}
.site-title a {
  color: #35c0f0;
  font-size: 29px;
  font-weight: 200;
  padding: 0;
}
.site-title a:hover {
  text-decoration: none;
}
.site-description {
  color: #b4b4b4;
  font-size: 16px;
  font-weight: 100;
  text-transform: uppercase;
}
.main_logo {
  max-width: 250px;
  max-height: 50px;
}
@media screen and (max-width: 400px) {
  .main_logo {
    max-width: 200px;
  }
}
#social-icons {
  text-align: right;
  margin-top: 30px;
  margin-bottom: 5px;
}
.social-icon {
  height: 25px;
  width: 25px;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  transition: ease 0.4s all;
  vertical-align: middle;
  padding-top: 3px;
}
.circle {
  background-color: #cccccc;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.circle:hover {
  background-color: #4dc7f2;
}
a:hover .social-icon {
  text-decoration: none;
}
/* 3. header-2
------------------------------------------------------- */
#header-2 {
  padding-top: 15px;
  width: 100%;
  background: #FFF;
}
#top-search {
  margin-top: 30px;
  z-index: 999;
  margin-bottom: 10px;
}
#top-search input[type=text] {
  background-color: #fff;
  background: url('../../images/search.png') no-repeat 90px 5px;
  outline: none;
  border: solid 1px #cccccc;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  width: 120px;
  padding: 0 30px 4px 4px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-weight: lighter;
  font-style: italic;
}
#top-search input[type=text]:hover,
#top-search input[type=text]:focus {
  background-color: #ebebeb;
  background: url('../../images/search.png') no-repeat 90px 5px;
}
#top-search ::-webkit-input-placeholder {
  color: #cccccc;
}
#top-search :-moz-placeholder {
  /* Firefox 18- */
  color: #cccccc;
}
#top-search ::-moz-placeholder {
  /* Firefox 19+ */
  color: #cccccc;
}
#top-search :-ms-input-placeholder {
  color: #cccccc;
}
#top-search button {
  position: relative;
  padding: 2px 5px;
  background: none;
  border: none;
  -webkit-linear-gradient: none;
  box-shadow: none;
  left: -35px;
  color: #6bba65;
  vertical-align: middle;
}
#top-search .search-form {
  /* width: inherit; */
  float: right;
}
/* 4. Links
------------------------------------------------------- */
a {
  color: #35c0f0;
}
a:hover,
a:focus,
a:active {
  color: #4dc7f2;
}
.btn {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  text-transform: uppercase;
}
.btn-default {
  border: solid 1px #6bba65;
  color: #6bba65 !important;
  background-color: white;
  font-size: 12px;
  font-size: 1.2rem;
}
/* 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 
-------------------------------------------------------	*/
/* Default Navigation */
.nav-wrapper {
  margin-bottom: 25px;
}
.default-nav-wrapper {
  margin-top: 25px;
}
.navbar {
  margin-bottom: 0;
}
#site-navigation {
  display: block;
  display: inline-block;
  padding-bottom: 0px;
  border: none;
  text-align: right;
  float: left;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
  vertical-align: bottom;
}
#site-navigation ul {
  list-style: none;
  margin-top: 8px;
  padding-left: 0;
  padding-bottom: 0px;
}
#site-navigation ul > li > a {
  padding-bottom: 0;
  padding-top: 0;
}
#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;
}
#site-navigation ul ul ul {
  left: 100%;
  border: none;
  top: 0;
}
#site-navigation ul ul a {
  min-width: 200px;
  max-width: 255px;
  font-size: 18px;
  font-weight: normal;
  color: #555;
  padding: 8px 20px;
}
#site-navigation ul ul a:hover {
  border-bottom: none;
  background: #333;
  color: #eee;
}
#site-navigation li {
  position: relative;
  clear: right;
  float: left;
}
#site-navigation .nav .caret {
  display: none;
}
#site-navigation a {
  display: block;
  color: #636363;
  text-decoration: none;
  padding: 16px 10px;
  font-weight: lighter;
}
#site-navigation a:hover {
  background: none;
  color: #35c0f0;
}
#site-navigation ul ul a {
  border-bottom: none;
}
#site-navigation ul ul a:hover {
  border-bottom: none;
  background: none;
}
#site-navigation li:hover > a {
  color: #35c0f0;
}
#site-navigation li.current-menu-item a {
  color: #35c0f0;
}
#site-navigation ul ul li:hover > a {
  background: #ffffff;
  border-bottom: none;
  padding: 8px 20px;
  color: black;
  border-top: none;
}
@media screen and (max-width: 767px) {
  #site-navigation .active > a,
  #site-navigation .current_page_item > a {
    background: none;
  }
  #site-navigation ul {
    margin-left: 0px;
    width: 100%;
    margin-bottom: 10px;
  }
  #site-navigation ul ul {
    display: none;
  }
  #site-navigation li {
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px 0;
    border-bottom: 1px solid #ebebeb;
  }
  #site-navigation li:hover > a {
    border-top: none;
  }
  #site-navigation li:hover ul {
    display: none !important;
  }
  #site-navigation .navbar-default .navbar-collapse {
    border-color: #ebebeb;
  }
  .menu-toggle,
  .main-navigation.toggled .nav-menu {
    color: #cccccc;
    font-weight: normal;
    text-transform: uppercase;
    padding: 10px;
    font-size: 20px;
    padding-bottom: 10px;
    position: relative;
    top: -8px;
    width: 100%;
    float: left;
  }
  h1.menu-toggle {
    width: 100%;
  }
  .menu-toggle:before {
    content: "\f0c9";
    font-family: "FontAwesome";
    height: 0;
    width: 0px;
    margin-right: 20px;
    position: relative;
  }
}
/* Small menu */
.menu-toggle {
  display: none;
  cursor: pointer;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .menu-toggle {
    display: block;
  }
}
@media screen and (max-width: 969px) {
  .default-nav-wrapper {
    margin-top: 5px;
  }
  .nav li {
    margin: 0;
  }
}
/* 6. Slider
-------------------------------------------------*/
.slider-wrapper {
  margin: 0 auto 48px;
  background: rgba(255, 255, 255, 0.8);
  padding-top: 0px;
}
.slide-title {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #fff;
  font-style: italic;
  text-shadow: 2px 2px 1px #000;
}
.nivo-caption {
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  background: none !important;
  text-align: center;
  /* max-width: 900px; */
  color: #fff;
}
.nivo-caption a {
  display: inline-block;
}
.nivo-html-caption {
  display: none;
}
.nivocapper {
  /* Component Responsible for Dropping Caption */
  display: inline-block;
  padding: 5px 35px;
  margin-top: -10px;
}
div.slide-title {
  display: block;
  font-size: 36px;
  font-size: 3.6rem;
}
div.slide-description {
  font-family: Helvetica, Arial, sans-serif;
}
.nivo-controlNav {
  margin-top: -46px;
  z-index: 99999;
}
.nivo-imageLink {
  z-index: 99999;
}
@media screen and (max-width: 768px) {
  div.slide-title {
    font-size: 24px;
    font-size: 2.4rem;
  }
  div.slide-description {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
/* 7. Content 
------------------------------------------------------- */
#content {
  background: none;
  padding: none;
  padding-top: 15px;
  margin-right: 0px;
  margin-left: 0px;
}
/* 7.1 Primary 
------------------------------------------------------- */
@media screen and (min-width: 980px) {
  #primary,
  #primary-archives {
    border-right: solid 1px #ebebeb;
  }
}
.byline {
  display: inline;
}
.single .fa-clock-o:before,
.single .fa-user:before {
  color: #35c0f0 !important;
}
article.archive .article-rest {
  margin: auto;
  padding: .5rem;
}
.featured-thumb {
  margin: auto;
  margin-top: 35px;
  overflow: hidden;
  width: 95%;
  padding: 0px;
}
.featured-thumb .img-meta {
  position: absolute;
  z-index: 9999;
  background: rgba(77, 199, 242, 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: #0d88b2;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin-top: 150px;
}
.featured-thumb .img-meta .meta-link {
  padding: 15px 25px;
  color: #3ac1f0;
  padding-left: 26px;
}
.featured-thumb .img-meta .meta-link:hover {
  color: #6ed2f4;
  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(77, 199, 242, 0.65);
}
.featured-thumb:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -0-transform: scale(1.05);
  transform: scale(1.05);
  opacity: 0.98;
}
.featured-thumb img {
  margin-bottom: 0px;
  transition: 0.4s all ease;
  min-width: 100%;
  height: auto;
}
.archive .entry-title a {
  display: block;
  font-size: 26px;
  color: #636363;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.archive .entry-title a:hover {
  color: #4dc7f2;
}
.archive .entry-meta {
  font-size: 16px;
  font-size: 1.6rem;
  color: #35c0f0;
  padding-bottom: 15px;
}
.archive .entry-meta a {
  color: #35c0f0;
}
.archive .entry-meta .posted-on {
  margin-right: 6px;
}
.archive .entry-header {
  padding: 0 15px;
  margin-bottom: -30px;
}
.blog .entry-title,
.search .entry-title,
body.archive .entry-title {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
  padding-bottom: 0px;
  display: block;
}
.tag .entry-meta {
  border-bottom: none;
}
.cat-page-title {
  margin: 20px 0px !important;
}
.single .entry-h1,
.page .entry-h1 {
  margin-bottom: 10px;
  padding-bottom: 10px;
  display: block;
  font-weight: lighter;
}
.single .entry-h1 h1,
.page .entry-h1 h1 {
  font-size: 30px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.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: #35c0f0;
  line-height: 1.2em;
  margin-top: 0;
}
.entry-content {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  line-height: 1.4em;
  color: #636363;
  font-weight: normal;
}
.entry-content a {
  color: #35c0f0;
  text-decoration: underline;
}
.comments-link {
  float: right;
}
h3.zemanta-related-title {
  margin-top: 20px !important;
}
article .entry-meta {
  color: #636363;
  font-size: 16px;
  font-size: 1.6rem;
}
article .entry-meta .posted-on {
  margin-right: 10px;
  display: block;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: solid 1px #35c0f0;
  font-style: italic;
}
article .entry-meta .cat-tags {
  color: #35c0f0;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 1.4rem;
}
article .entry-meta .edit-link {
  float: right;
}
article .entry-meta .fa-tags {
  margin-left: 10px;
}
.entry-meta.author {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  margin-bottom: 2rem;
  height: 50px;
}
.entry-meta.author img.avatar {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: solid 1px #cccccc;
  margin-right: 1rem;
  margin-top: -0.5rem;
  float: left;
}
.entry-meta.author a:link {
  color: #636363;
  text-decoration: none;
}
.entry-meta.author a:active,
.entry-meta.author a:hover {
  color: #35c0f0;
}
.entry-meta.author span.profile-name {
  vertical-align: middle;
  font-size: 18px;
  font-size: 1.8rem;
}
.entry-meta.author span.profile-name a:link,
.entry-meta.author span.profile-name a:visited {
  color: #cccccc;
}
.entry-meta.author span.profile-name a:active,
.entry-meta.author span.profile-name a:hover {
  color: #35c0f0;
}
.entry-meta.author span.profile-twitter a {
  font-size: 12px;
  font-size: 1.2rem;
  text-decoration: none;
}
.entry-meta.author .share_row {
  text-align: right;
}
.entry-meta.author .sharelinks a:link {
  color: #cccccc;
}
.entry-meta.author .comment-count {
  padding-top: 4px;
}
.entry-meta.author .comment-count a:link,
.entry-meta.author .comment-count a:visited {
  color: #cccccc;
}
footer.entry-meta {
  margin-top: 25px;
}
.single article.post,
.page article.post {
  padding-bottom: 20px;
}
.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", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.featured-image-single {
  text-align: center;
  margin: 0px auto;
}
.featured-image-single img {
  width: 100%;
  max-width: 100%;
  margin-bottom: 30px;
  border: solid 2px #cccccc;
}
h1.page-title {
  text-transform: uppercase;
  color: #35c0f0;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: lighter;
  display: inline-block;
  margin-top: -15px;
}
.page-header {
  border-bottom: 0px;
}
@media screen and (max-width: 767px) {
  .entry-meta.author .share_row,
  .entry-meta.author .byline {
    margin-bottom: 15px;
    text-align: left;
  }
}
@media screen and (max-width: 480px) {
  .featured-thumb .img-meta .meta-icon {
    margin-top: 30px;
  }
}
#primary-home article,
#primary-archives article {
  padding: 0px;
}
#primary-home .article-wrapper,
#primary-archives .article-wrapper {
  background: #fff;
  height: 100%;
}
#primary-home .featured-thumb,
#primary-archives .featured-thumb {
  margin-top: 0px;
  width: 100%;
}
#primary-home .entry-title a,
#primary-archives .entry-title a {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: lighter;
  color: #636363;
  transition: 0.4s all ease;
  line-height: 1.125em;
  text-transform: uppercase;
}
#primary-home .entry-title a:hover,
#primary-archives .entry-title a:hover {
  text-decoration: none;
  color: #35c0f0;
}
#primary-home .entry-meta,
#primary-archives .entry-meta {
  margin-top: 5px;
  display: block;
  color: #636363;
  margin-bottom: 10px;
  line-height: 1;
}
#primary-home .entry-meta a,
#primary-archives .entry-meta a {
  color: #35c0f0;
  text-decoration: none;
}
#primary-home .entry-meta .posted-on,
#primary-archives .entry-meta .posted-on {
  border-top: solid 1px #35c0f0;
  padding-top: 5px;
  margin-bottom: 0;
  border-bottom: none;
}
#primary-home .entry-meta .cat-tags,
#primary-archives .entry-meta .cat-tags {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.0625em;
  height: 3.4rem;
  overflow: hidden;
}
#primary-home .entry-meta img,
#primary-archives .entry-meta img {
  margin-left: 3px;
}
#primary-home .entry-content,
#primary-archives .entry-content {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  line-height: 1.4;
  margin-top: 1rem;
  height: 15.4rem;
  overflow: hidden;
  color: #636363;
}
#primary-home .entry-content a,
#primary-archives .entry-content a {
  color: #35c0f0;
  text-decoration: none;
}
#primary-home .entry-more,
#primary-archives .entry-more {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  line-height: 1.4;
}
#primary-home .entry-more a,
#primary-archives .entry-more a {
  color: #35c0f0;
  text-decoration: none;
}
#primary-home .entry-more .btn,
#primary-archives .entry-more .btn {
  padding: 5px 10px;
}
#primary-home h2.entry-title,
#primary-archives h2.entry-title {
  padding-bottom: 5px;
  margin-bottom: 0;
  height: 10.8rem;
  overflow: hidden;
}
#primary-home h2.entry-title:after,
#primary-archives h2.entry-title:after {
  content: none;
}
#primary-home .entry-meta.social,
#primary-archives .entry-meta.social {
  padding-bottom: 70px;
}
#primary-home .entry-meta.social .social-links,
#primary-archives .entry-meta.social .social-links {
  margin-top: 15px;
  vertical-align: middle;
}
#primary-home .entry-meta.social .social-links a:link,
#primary-archives .entry-meta.social .social-links a:link,
#primary-home .entry-meta.social .social-links a:visited,
#primary-archives .entry-meta.social .social-links a:visited {
  color: #cccccc;
}
#primary-home .entry-meta.social .social-links a:active,
#primary-archives .entry-meta.social .social-links a:active,
#primary-home .entry-meta.social .social-links a:hover,
#primary-archives .entry-meta.social .social-links a:hover {
  color: #35c0f0;
  text-decoration: none;
}
#primary-home .entry-meta.social .social-icon,
#primary-archives .entry-meta.social .social-icon {
  margin: 0;
}
#primary-home .entry-meta.social .count,
#primary-archives .entry-meta.social .count {
  margin-left: 3px;
}
#primary-home .entry-header,
#primary-archives .entry-header {
  padding: 0;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #primary-home .entry-content,
  #primary-archives .entry-content {
    height: 100%;
    overflow: visible;
  }
  #primary-home h1.entry-title,
  #primary-archives h1.entry-title {
    height: 100%;
  }
  #primary-home h2.entry-title,
  #primary-archives h2.entry-title {
    height: 100%;
  }
  #primary-home .entry-header,
  #primary-archives .entry-header {
    height: 100%;
    overflow: visible;
  }
  #primary-home .entry-meta.social:after,
  #primary-archives .entry-meta.social:after {
    clear: both;
  }
}
#primary-archives .page-header {
  margin-top: 0;
}
#primary-archives .author-bio .author-description span {
  margin-top: 10px;
  padding-top: 10px;
  border-top: solid 1px #35c0f0;
  display: block;
}
#primary-archives .author-bio img {
  float: left;
  margin-right: 20px;
}
#primary-archives .author-bio h1 {
  display: inline;
  font-weight: lighter;
  color: #35c0f0;
}
#primary-archives .author-bio span.profile-twitter a:link,
#primary-archives .author-bio span.profile-twitter a:visited {
  color: #636363;
  font-size: 18px;
  font-size: 1.8rem;
}
#primary-archives .author-bio span.profile-twitter a:hover,
#primary-archives .author-bio span.profile-twitter a:active {
  color: #35c0f0;
  text-decoration: none;
}
#primary-archives .entry-content {
  height: 20rem;
}
#primary-archives .entry-meta span.profile-name a:link,
#primary-archives .entry-meta span.profile-name a:visited {
  color: #cccccc;
}
#primary-archives .entry-meta span.profile-name a:active,
#primary-archives .entry-meta span.profile-name a:hover {
  color: #35c0f0;
}
/* 7.2 Secondary 
------------------------------------------------------- */
#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: #35c0f0;
}
#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 #4dc7f2;
}
#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 h4.widget-title,
#footer-sidebar h4.widget-title {
  font-size: 22px;
  font-size: 2.2rem;
  padding: 0;
  margin: 0px;
  color: #35c0f0;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
#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;
  padding-top: 0px;
}
#secondary .widget a,
#footer-sidebar .widget a {
  color: #35c0f0;
}
#secondary .widget > div,
#footer-sidebar .widget > div {
  padding: 7px 0;
}
#footer-sidebar {
  clear: both;
  padding: 15px 0px;
}
#footer-sidebar .footer-column {
  margin: 15px 0;
  padding: 0 5px;
}
/* 8. Pagination
-----------------------------------------------*/
.pagination {
  margin: 20px 0;
  padding-top: 10px;
  width: 100%;
  text-align: left;
  clear: both;
  border-top: solid 1px #f4f8f9;
}
.pagination ul {
  list-style: none;
  display: inline-block;
  text-align: center;
  margin-bottom: 0;
}
.pagination ul > li {
  display: inline;
}
.pagination ul > li > a {
  color: #fff;
  transition: all 0.4s ease;
}
.pagination ul > li > a .next {
  float: right;
}
.pagination ul > li > a:hover {
  color: #fff;
  background: #ebebeb;
}
.pagination .current {
  background: #35c0f0;
  color: #fff;
}
.pagination ul  > li  > a,
.pagination ul  > li  > span {
  float: left;
  width: 40px;
  height: 40px;
  padding: 10px 4px;
  margin: 5px;
  text-align: center;
  line-height: 1;
  text-decoration: none;
  background-color: #cccccc;
  border: solid 1px #f1f1f1;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
}
.pagination ul  > li  > a.prev,
.pagination ul  > li  > a.next {
  border: none;
  background-color: #fff;
  padding: 0;
}
/* 9. Footer 
------------------------------------------------------- */
div.footerline {
  border-top: solid 1px #35c0f0;
  height: 5px;
  display: block;
  clear: both;
  margin-top: 25px;
}
#colophon {
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  background: #f4f8f9;
  padding: 10px;
  width: auto;
}
.sep {
  font-size: 8px;
  position: relative;
  top: -2px;
  padding: 0 5px;
  color: #35c0f0;
}
#footertext {
  text-align: right;
}
#footertext span {
  color: #e84a9c;
}
@media screen and (max-width: 768px) {
  #footertext,
  .site-info {
    text-align: left;
  }
}
#colophon aside ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#colophon aside ul li {
  line-height: 1;
  padding: 2px 0;
}
#colophon a:link,
#colophon a:visited {
  color: #cccccc;
}
#colophon a:hover,
#colophon a:active {
  color: #cccccc;
  text-decoration: underline;
}
#colophon h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
  color: #636363;
  margin-bottom: 5px;
}
/* 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 {
  font-weight: lighter;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
article h1 {
  font-size: 40px;
  font-size: 4rem;
}
article h2 {
  font-size: 36px;
  font-size: 3.6rem;
  color: #636363;
}
article h3 {
  font-size: 24px;
  font-size: 2.4rem;
  color: #636363;
}
article h4 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #35c0f0;
  font-weight: normal;
}
article blockquote {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
article code {
  background: #4bb5da;
  color: #031b23;
}
article img {
  border: solid 1px #cccccc;
}
article img.size-full {
  width: 100%;
  margin: 30px auto;
}
/* 11. Widgets Style
---------------------------------------------------- */
.rp-item {
  display: block;
  clear: both;
  overflow: auto;
  margin-bottom: 5px;
  padding-bottom: 15px;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  line-height: 1.125;
}
.rp-item:before {
  content: none !important;
}
.rp-thumb {
  float: left;
  width: 121px;
  height: 121px;
  margin: 3px 5px 0 0;
}
.rp-thumb img {
  height: 121px;
  width: 121px;
  border: solid 2px #cccccc;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.rp-title {
  clear: none;
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 16px;
  font-size: 1.6rem;
}
.rp-title a {
  display: block;
}
.rp-excerpt {
  color: #cccccc;
}
#secondary .rp-more,
#footer-sidebar .rp-more {
  margin-top: 6px;
}
#secondary .rp-more a,
#footer-sidebar .rp-more a {
  color: #6bba65;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .rp-thumb {
    width: 100px;
  }
  .rp-thumb img {
    width: 100px;
    height: 100px;
  }
}
/* 12. Comments
---------------------------------------------------------- */
#respond input[type=text],
#respond input[type=textarea] {
  max-width: 450px;
  border: solid 1px #35c0f0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
#respond .form-group {
  display: block;
  margin-bottom: 1rem;
}
#respond .form-control {
  border: solid 1px #35c0f0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding: 6px 12px;
}
#respond label {
  display: none;
}
#respond input[type="submit"] {
  background: #fff;
  border: solid 1px #6bba65;
  color: #6bba65;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  float: right;
  text-transform: uppercase;
  line-height: .8rem;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 10px;
}
#respond p.form-submit {
  clear: both;
  display: block;
  margin-bottom: 50px;
}
#comments {
  color: #cccccc;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
}
#comments h2,
#comments h3 {
  font-weight: lighter;
  background-color: #f6f6f6;
  color: #35c0f0;
  padding: 5px 10px;
  font-size: 20px;
  font-size: 2rem;
}
#comments ol.comment-list {
  list-style: none;
  margin: 15px;
  padding-bottom: 10px;
}
#comments li.comment {
  margin-top: 15px;
  list-style: none;
  border-bottom: solid 1px #f4f8f9;
  padding-bottom: 5px;
  display: block;
}
#comments li.comment li,
#comments li.comment:last-child {
  border-bottom: none;
}
#comments .vcard img {
  border: solid 1px #cccccc;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin: 0 10px 10px 0;
  max-width: 50px;
  float: left;
}
#comments cite.fn {
  color: #35c0f0;
}
#comments time {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
}
#comments .comment-metadata {
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 480px) {
  li.comment {
    margin-left: -5%;
  }
}
/* 13. Header Fixes for Responsive Part
 -------------------------------------------------------------- */
@media screen and (max-width: 767px) {
  #top-search {
    text-align: center;
    margin-top: 5px;
  }
  h1.site-title,
  #social-icons {
    display: inline-block;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
  }
  #top-bar {
    padding-bottom: 5px;
  }
  div.slide-description {
    display: none;
  }
  .nivo-caption {
    max-width: 400px;
    max-width: 75%;
    min-width: 200px;
  }
  #site-navigation {
    width: 100%;
  }
  #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;
  }
}
@media screen and (max-width: 400px) {
  #site-navigation {
    padding-top: 0;
    margin: 0;
  }
  div.slide-title {
    font-size: 18px;
    font-size: 1.8rem;
  }
  div.nivo-controlNav {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  #site-navigation ul.menu {
    display: block;
  }
}
@media screen and (max-width: 959px) {
  #social-icons {
    text-align: left;
    margin-top: 5px;
  }
  #top-search {
    margin-top: 5px;
  }
  #site-navigation {
    float: right;
  }
}