/*
Theme Name: Sarina
Theme URI: sarina.tidyhive.com
Author: Tidyhive themes
Author URI: https://profiles.wordpress.org/orahmax/
Description: Sarina is a personal blog theme with a responsive layout. Sarina is based on Bootstrap and _s starter theme. It comes with a recent posts widget with thumbnails. 
Version: 1.0.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sarina
Tags: Orange, White, Light, Editor-Style, Responsive-Layout, Threaded-Comments, Post-Formats, Sticky-Post, Threaded-Comments, Translation-Ready, Two-Columns

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Sarina is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

*/
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
/* include */
/**
 * Include Font Awesome
 */
.fa {
  font-family: 'FontAwesome';
}
.dropdown-menu,
.widget-area .widget li,
a,
.posts-navigation a,
.entry-meta a,
.entry-footer a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
.mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
}
/* ==========================================================================
   Globals
   ========================================================================== */
body {
  font-family: 'Lato', sans-serif;
  background-color: #f7f7f7;
  font-size: 16px;
  line-height: 1.75;
  color: #555555;
}
h1,
h2,
h3,
h4,
h5,
h6,
.entry-header,
.section-head {
  font-family: 'Lora', serif;
}
ul {
  padding-left: 20px;
  margin-bottom: 0;
}
ol {
  padding-left: 20px;
}
figure,
img {
  max-width: 100%;
}
img {
  height: auto;
}
a {
  color: #f98a5f;
  padding-bottom: 2px;
}
a:hover {
  color: #f98a5f;
  text-decoration: none;
}
.content-area li a,
.content-area p a {
  padding-bottom: 2px;
  border-bottom: 1px solid #eeeeee;
  color: #f98a5f;
}
.content-area li a:hover,
.content-area p a:hover {
  color: #f98a5f;
  border-color: #f98a5f;
  text-decoration: none;
}
.entry-header,
.section-head {
  margin-top: 0;
}
.widget a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.form-control {
  box-shadow: none;
  border-radius: 0;
}
.btn-cta {
  background-color: #f98a5f;
  padding: 10px 15px;
  color: #ffffff;
  text-align: center;
  border: 0;
}
.btn-cta i {
  padding-right: 5px;
}
.btn-cta:hover {
  background-color: #fa9c78;
  color: #ffffff;
}
.entry-header .entry-title {
  margin: 0;
}
blockquote {
  border-left: 5px solid #eeeeee;
  font-style: italic;
  color: #7b7b7b;
}
/* ==========================================================================
   wpglobal
   ========================================================================== */
/**
 * Definition lists
 */
dd {
  margin-bottom: 10px;
}
table {
  border: 1px solid #eee;
}
table th,
table td {
  padding: 15px;
  border: 1px solid #eee;
}
tbody th a {
  color: #1a1a1a;
  text-decoration: underline;
}
tbody th a:hover {
  text-decoration: none;
  color: #555555;
}
.updated:not(.published){
  display: none;
}
.alignleft {
  float: left;
  margin: 10px 15px 0 0;
}
.alignright {
  float: right;
  margin: 0 0 15px 10px;
}
.aligncenter {
  margin: 0 auto;
}
.entry-content *:last-child {
  overflow: hidden;
}
.page-header,
.page-title {
  margin-top: 0;
}
.page-header {
  margin-bottom: 0;
  padding-top: 20px;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  box-shadow: 0;
  background-color: #eeeeee;
  border: 1px solid #bbbbbb;
  padding: 5px 10px;
  width: 100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  background-color: #ffffff;
}
input[type="submit"],
input[type="button"],
input[type="reset"] {
  background-color: #1a1a1a;
  color: #ffffff;
  border: none;
  padding: 5px 10px;
}
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
  background-color: #4d4d4d;
}
.post-password-form label {
  color: rgba(51, 51, 51, 0.7);
  display: block;
  font-family: "Lato", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  text-transform: uppercase;
}
.post-password-form {
  position: relative;
}
.post-password-form input[type="submit"] {
  padding: 5px 20px;
}
/* ==========================================================================
   Essential classes
   ========================================================================== */
.bypostauthor {
  border-top: 3px solid #f98a5f;
}
.wp-caption.aligncenter {
  margin-bottom: 10px;
}
.gallery-caption,
.wp-caption-text {
  font-size: 14px;
  font-style: italic;
}
.sticky {
  border-top: 5px solid #1a1a1a;
}
/* ==========================================================================
   header
   ========================================================================== */
.site-head {
  color: #1a1a1a;
}
.site-branding {
  text-align: center;
  margin: 50px 0;
}
.site-title a {
  color: #f98a5f;
  font-size: 58px;
}
.site-description {
  margin: 0 0 10px;
  font-size: 14px;
  color: #555555;
  font-style: italic;
}
/* ==========================================================================
   Menu
   ========================================================================== */
.site-navigation {
  text-align: center;
  border-bottom: 1px solid #eee;
}
.site-navigation .navbar-nav,
.site-navigation .navbar-nav li {
  float: none;
}
/* ==========================================================================
   Primary
   ========================================================================== */
.site-content > div {
  margin: 30px 0;
}
.site-main {
  background-color: #ffffff;
  padding: 0 40px;
}
/* Featured posts
      ========================================================================== */
.feat-posts .item article {
  position: relative;
}
.feat-posts .item header {
  position: absolute;
  bottom: 0;
  z-index: 2;
  background-color: #4d4d4d;
  width: 100%;
  padding: 10px 15px;
  color: #ffffff;
}
/* content posts
    ========================================================================== */
article {
  padding: 20px 0;
  border-bottom: 1px solid #e6e6e6;
}
article header .entry-title a {
  color: #343434;
  font-size: 26px;
  font-weight: 700;
}
article header .entry-title a:hover {
  color: #9a9a9a;
  text-decoration: none;
}
article:first:child {
  padding-top: 0;
}
article:last-child {
  border-bottom: 0;
}
.entry-thumb {
  margin-top: 10px;
}
.entry-thumb img {
  max-width: 100%;
}
.entry-content {
  margin: 20px 0;
}
.entry-meta,
.entry-footer {
  font-size: 13px;
}
.entry-meta .fa,
.entry-footer .fa {
  color: #a2a2a2;
  margin-right: 5px;
}
.entry-meta span,
.entry-footer span {
  margin-right: 12px;
}
.entry-meta a,
.entry-footer a {
  color: #7b7b7b;
}
.entry-meta a:hover,
.entry-footer a:hover {
  border-bottom: 1px solid #eeeeee;
}
.entry-meta {
  margin-top: 10px;
}
/* posts navigation
   ========================================================================== */
.post-navigation .nav-links,
.posts-navigation .nav-links {
  overflow: hidden;
  padding: 20px 0;
}
.posts-navigation .nav-links > div a {
  color: #ffffff;
  display: inline-block;
  padding: 8px 15px;
  background-color: #f98a5f;
}
.posts-navigation .nav-links > div a:hover {
  background-color: #f86d38;
}
.posts-navigation .nav-previous {
  float: left;
}
.posts-navigation .nav-previous .fa {
  margin-right: 5px;
}
.posts-navigation .nav-next {
  float: right;
}
.posts-navigation .nav-next .fa {
  margin-left: 5px;
}
.post-navigation .nav-links a {
  display: block;
}
.post-navigation .nav-links a:hover {
  text-decoration: underline;
}
/* ==========================================================================
   sidebar
   ========================================================================== */
.widget-area ul {
  list-style: none;
  padding-left: 0;
}
.widget-area .widget-title {
  margin-top: 0;
  font-size: 26px;
}
.widget-area .widget {
  background-color: #eeeeee;
  margin-bottom: 20px;
  padding: 15px 25px;
  font-size: 14px;
}
.widget-area .widget li {
  border-bottom: 1px solid #e6e6e6;
}
.widget-area .widget li a {
  color: #343434;
  display: inline-block;
  padding: 10px 0 10px 10px;
}
.widget-area .widget li a:hover {
  color: #808080;
  border-bottom: 0;
}
.widget-area .widget li:last-child {
  border-bottom: 0;
}
.widget-area .widget li:hover {
  background-color: #d5d5d5;
}
.sarina-recent-entries li img {
  display: inline;
  float: left;
  margin-right: 10px;
}
.subscription {
  padding: 15px;
}
.subscription .form-control {
  margin-bottom: 10px;
}
.comments-area {
  border-top: 1px solid #eeeeee;
}
.comment-list,
.children {
  list-style: none;
}
.parent article,
.children article {
  border-bottom: none;
}
.comment-content {
  border: 1px solid #eeeeee;
  padding: 15px 25px;
  margin: 10px 0;
}
.comment-author > img {
  border-radius: 50%;
  margin-right: 15px;
  width: 50px;
}
.comment-author .fn a {
  border-bottom: 0;
}
.comment-author,
.comment-metadata {
  display: inline-block;
  margin-right: 25px;
}
.comment-metadata {
  margin-right: 0;
}
.comment-metadata a {
  font-size: 16px;
  color: #555555 !important;
  border-bottom: none;
}
.reply {
  text-align: right;
}
/* comment-respond */
.comment-respond {
  border-top: 1px solid #eeeeee;
  padding-bottom: 15px;
}
.comment-respond input,
.comment-respond textarea {
  background-color: #ffffff;
  border-color: #eeeeee;
}
.comment-respond input[type="submit"] {
  background-color: #f98a5f;
  border: 0;
}
/* ==========================================================================
   Footer
   ========================================================================== */
.site-footer {
  background-color: #555555;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  padding: 15px 0;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
/* ==========================================================================
   Media queries
   ========================================================================== */
@media screen and (min-width: 768px) {
  .main-menu > li {
    display: inline-block;
    border-bottom: 2px solid transparent;
  }
  .main-menu > li a {
    color: #1a1a1a;
    display: inline-block;
    padding: 5px 20px 7px;
    font-size: 14px;
  }
  .main-menu > li:hover {
    border-bottom: 2px solid #f98a5f;
    background-color: #eeeeee;
    color: #b3b3b3;
  }
  .nav > li > a:hover,
  .nav > li > a:focus {
    background-color: transparent;
  }
  .main-menu .dropdown-menu {
    display: block;
    opacity: 0;
    pointer-events: none;
    padding: 0;
  }
  .main-menu .dropdown-menu > li {
    display: block;
  }
  .main-menu .dropdown-menu > li > a {
    display: block;
    padding: 10px;
  }
  .navbar-nav > li > .dropdown-menu {
    margin-top: 10px;
  }
  .main-menu .dropdown:hover .dropdown-menu {
    margin-top: 0;
    opacity: 1;
    pointer-events: auto;
  }
  .search-form input[type="text"] {
    background-color: #ffffff;
    width: 250px;
  }
  .search-form button {
    background-color: transparent;
    border: 0 none;
    bottom: 0;
    left: auto;
    position: absolute;
    right: 15px;
    top: 0;
  }
  .search-form button:before {
    font-family: FontAwesome;
    content: "\f002";
  }
  .search-form form {
    padding: 15px;
  }
  .search-form .dropdown-menu {
    right: 0;
    left: auto;
  }
}
@media screen and (max-width: 991px) {
  .main-menu > li a {
    padding: 5px 15px 7px;
  }
}
@media screen and (max-width: 767px) {
  .navbar-toggle {
    background-color: #fafafa;
    float: none;
    margin: 0 auto 5px;
    display: block;
    width: 100%;
  }
  .navbar-toggle .icon-bar {
    background-color: #1a1a1a;
  }
  .site-logo {
    text-align: center;
  }
  .site-navigation {
    float: none;
  }
  .site-navigation ul {
    background-color: #fafafa;
  }
  .site-navigation li {
    text-align: center;
    display: block;
    line-height: 0;
  }
  .site-navigation li a {
    display: block;
    border-bottom: 1px solid #f7f7f7;
    padding: 20px 0;
    line-height: 0;
  }
  .article-img {
    display: none;
  }
}