/***** OVERRIDES *****/
/*===================*/


body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
}

.header .logo-image {
  position: relative;
}

.header .logo-image img {
  max-height: 48px;
}

@media screen and (min-width: 1024px) {
  .header .logo-image {
    top: 5px;
  }
}


@media screen and (min-width: 1300px) {
  .header .logo-image {
    
    top: -8px;
  }

  .header .logo-image img {
    max-height: 200px;
  }
}



/***** MAIN MENU *****/

.menu-toggle {
  top: 15px;
}

.main-menu li.dropdown .dropdown-label {
  font: 300 17px 'Roboto Slab', serif ;
  color: #fff;
  text-transform: none;
}

.main-menu li a {
  font: 300 16px 'Roboto Slab', serif;
  /*font-weight: 300;*/
  color: #fff;
  text-transform: none;
}

.main-menu li.dropdown {
  padding: 3px 0 2px 0px;
  cursor: pointer;
}

.main-menu li.dropdown li a {
  font-size: 16px;
}

@media screen and (min-width: 1024px) {
  .main-menu {
    margin: 12px 0 0;
  }

  .main-menu li a {
    font-size: 17px;
  }

  .main-menu li {
    margin: 0 6px;
  }

  .main-menu li.dropdown {
    padding: 5px 0 2px 12px;
  }

  .main-menu li.dropdown li {
    margin: 0 6px 0 0;
  }
}

@media screen and (min-width: 1100px) {
  .main-menu li {
    margin: 0 6px 0 18px;
  }

  .main-menu li.dropdown li {
    margin: 0 12px 0 0;
  }
}

@media screen and (min-width: 1220px) {
  .main-menu li.dropdown li {
    padding-left: 12px;
  }
}

.menu .search .social-search {
  color: #fff;
}



/***** POSTS *****/

article.type_description .article-content {
    background: #f5f5f5;
}

article.type_description .description {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
}

article.type_description .description a {
  color: #87cfe3;
}

article.type_description .description a:hover {
  color: #529ECC;
}

article h2 {
  font-family: 'Roboto Slab', serif;
}

article .post-footer .timestamp {
  font: 300 16px 'Roboto Slab', serif;
  color: #97d6e8;
  opacity: 1;
}

article .post-footer .timestamp:hover {
  color: #529ECC;
}

article.type_link .the-link {
  background: transparent;
  color: #97d6e8;
  padding: 0;
}

article.type_link:hover .the-link,
article.type_link:hover .post-footer .timestamp {
  background: transparent;
  color: #529ECC;
}

article.type_link .the-link img {
  width: 100%;
}



/***** SOCIAL ICONS *****/

/* Sharer */

.post-footer .icons .sharer .social-export:before {
  color: #97d6e8;
  font-size: 17px;
}

.post-footer .icons .sharer:hover .social-export:before {
  color: #529ECC;
}

.icons li {
  opacity: 1;
}

.post-footer .icons .sharer li a {
  color: #97d6e8;
}

.post-footer .icons .sharer li:hover a {
  color: #529ECC;
}


/* Reblog */

.post-footer .icons .reblog svg {
  fill: #97d6e8;  
  -webkit-transition: fill .3s;
  -moz-transition: fill .3s;
  -ms-transition: fill .3s;
  -o-transition: fill .3s;
  transition: fill .3s;
}

.post-footer .icons .reblog:hover svg {
  fill: #529ECC;  
}


/* Like */

.like {
    position: relative;
    width: 30px;
    height: 30px;
}

.like svg {
  margin: 6px 0 0 7px;
}

.like svg path {
  fill: #97d6e8; 
  -webkit-transition: fill .3s;
  -moz-transition: fill .3s;
  -ms-transition: fill .3s;
  -o-transition: fill .3s;
  transition: fill .3s;
}

.like:hover svg path {
  fill: #529ECC; 
}

.like .like_button {
  position: absolute;
  top: 0;
  opacity: 0;
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  -ms-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
}

.like .like_button.liked {
  opacity: 1;
}



/***** PERMALINK *****/

.permalink article .caption p {
  font-size: 16px;
  line-height: 1.5;
}

.permalink .post-nav a {
  background-color: #97d6e8;
}

.permalink .post-nav a:hover {
  background-color: #529ECC;
}

.permalink .post-footer {
  margin-top: 25px;
}

.permalink .post-footer .post-meta {
  padding-top: 10px;
}

.permalink .post-footer .tagged a {
  font: 300 16px 'Roboto Slab', serif;
  color: #97d6e8;
  margin: 0 8px 0 0;
  opacity: 1;
}

.permalink .post-footer .tagged a:hover {
  color: #529ECC;
}



/***** FOOTER *****/

@media screen and (min-width: 768px) {
  footer.footer {
    padding: 60px 0;
  }    
}

footer.footer span {
  font-weight: 300;
  color: #fff;
  opacity: .9;
}

footer.footer .scroll-top {
  top: 50%;
  margin-top: -20px;
  padding-top: 9px;
}


article.type_pagination.pagination_load-more .article-content {
  background-color: #97d6e8;
}

article.type_pagination.pagination_load-more .article-content:hover {
  background-color: #529ECC;
}