/*
Theme Name: V12
Theme URI: https://v12theme.com
Author: EliteThemes
Author URI: https://elitethemes.com
Description: V12 is a clean and fast responsive theme built on top of Bootstrap 3.0. The colors and fonts merge together to produce a high quality sleek theme. Here are some of the notable features: Light and fast; Extensive customizer layout options for each part of the theme; Sticky header option, 6 Page Templates with varoius sidebar positions; Page builder template that works with all major page bulders in the market; Modern off-canvas mobile menu
Version: 2.0
Text Domain: v12
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, custom-logo, right-sidebar, custom-menu, custom-colors, custom-background, featured-images, sticky-post, blog, full-width-template, theme-options, footer-widgets, left-sidebar, right-sidebar, three-columns, one-column

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file.
Instead you can use the additional css feature in the customizer or use the child theme to customize your site.
*/
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
html, body {
  background: #f5f5f5;
  font-family: 'Raleway', sans-serif;
  color: #999;
  letter-spacing: .02em;
  font-size: 14px;
  line-height: 22px;
  word-spacing: 1px;
}

a {
  color: #ffcc00;
  text-decoration: none;
}

a:hover {
  color: #ffcc00;
  text-decoration: none;
}

/* Wp Required Styles */
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 2px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
  margin-top: 6px;
}

.gallery-caption {
  margin-top: 5px;
}

/* Text meant only for screen readers. */
.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. */
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  background: #fff;
  min-height: 100px;
}

@media (max-width: 768px) {
  #header {
    min-height: 60px;
  }
}

.header-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9;
}

.admin-bar .header-sticky {
  top: 32px;
}

.page-template-page-builder .header-sticky + #main {
  margin-top: 100px;
}

@media (max-width: 768px) {
  .page-template-page-builder .header-sticky + #main {
    margin-top: 60px;
  }
}

.site-logo {
  margin: 30px 0 0 0;
  padding: 0;
  font-size: 30px;
}

.site-logo a, .site-logo a:hover {
  color: #333;
  text-decoration: none;
}

.main-nav-right .site-logo {
  float: left;
}

.main-nav-left .site-logo {
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  .site-logo, .main-nav-left .site-logo {
    float: left;
    margin: 15px 0;
    font-size: 24px;
  }
  .site-logo img, .main-nav-left .site-logo img {
    height: 30px;
    width: auto;
  }
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.nav-menu, .nav-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-menu li {
  position: relative;
  white-space: nowrap;
}

.nav-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}

.nav-menu > li {
  float: left;
}

.nav-menu li:hover > ul,
.nav-menu li.sfHover > ul {
  display: block;
}

.nav-menu a {
  display: block;
  position: relative;
}

.nav-menu ul ul {
  top: 0;
  left: 100%;
}

.nav-menu ul li {
  min-width: 180px;
}

.sf-arrows .sf-with-ul {
  padding-right: 30px !important;
}

.sf-arrows .sf-with-ul:after {
  content: "\f107";
  position: absolute;
  right: 15px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
}

.sf-arrows ul .sf-with-ul:after {
  content: "\f105";
}

/* Main Nav Styling */
#main-nav a {
  padding: 10px 15px;
  text-decoration: none;
  color: #666;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  font-size: 14px;
  outline: none;
}

#main-nav a:hover, #main-nav li:hover > a {
  color: #333;
}

#main-nav ul {
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.06);
}

#main-nav ul li {
  background: #fff;
  border-top: 1px solid #f4f4f4;
}

#main-nav ul li:first-child {
  border-top: 0;
}

#main-nav ul li:hover {
  background: #f6f6f6;
}

#main-nav ul ul {
  margin: 0 0 0 1px;
}

.main-nav-right #main-nav {
  float: right;
  margin-top: 30px;
}

.main-nav-left #main-nav {
  margin-left: -15px;
}

@media (max-width: 768px) {
  #main-nav {
    display: none;
  }
}

/* Mobile Nav Styling */
#mobile-nav-toggle {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
  margin: 15px 15px 0 0;
  border: 0;
  background: none;
  font-size: 24px;
  display: none;
  transition: all 0.4s;
  outline: none;
}

@media (max-width: 768px) {
  #mobile-nav-toggle {
    display: inline;
  }
}

#mobile-nav {
  position: fixed;
  top: 0;
  padding-top: 18px;
  bottom: 0;
  z-index: 998;
  background: #fff;
  left: -260px;
  width: 260px;
  overflow-y: auto;
  transition: 0.4s;
}

#mobile-nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#mobile-nav ul li {
  position: relative;
}

#mobile-nav ul li a {
  color: #666;
  font-size: 14px;
  overflow: hidden;
  padding: 10px 22px 10px 15px;
  position: relative;
  text-decoration: none;
  width: 100%;
  display: block;
  outline: none;
}

#mobile-nav ul li a:hover {
  color: #333;
}

#mobile-nav ul li li {
  padding-left: 30px;
}

#mobile-nav ul .menu-item-has-children i {
  position: absolute;
  right: 0;
  z-index: 99;
  padding: 15px;
  cursor: pointer;
}

#mobile-nav ul .menu-item-has-children i.fa-chevron-up {
  color: #333;
}

#mobile-nav ul .menu-item-active {
  color: #333;
}

#mobile-body-overly {
  width: 100%;
  height: 100%;
  z-index: 997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  display: none;
}

/* Mobile Nav body classes */
body.mobile-nav-active {
  overflow: hidden;
}

body.mobile-nav-active #mobile-nav {
  left: 0;
}

body.mobile-nav-active #mobile-nav-toggle {
  color: #fff;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/* Main */
#main {
  margin-top: 90px;
}

@media (max-width: 768px) {
  #main {
    margin-top: 40px;
  }
}

.page-template-page-builder #main {
  margin-top: 0;
}

@media (max-width: 768px) {
  .page-template-page-builder #main {
    margin-top: 0;
  }
}

/* Posts */
.post {
  margin-bottom: 40px;
  background: #fff;
  padding: 40px;
}

.post .entry-header {
  margin-bottom: 25px;
}

.post .entry-header .featured-image {
  margin: 25px 0 0 0;
}

.post .sticky-post {
  position: absolute;
  top: 40px;
  right: 40px;
  text-transform: uppercase;
  font-size: 12px;
  color: #666;
  border-bottom: 1px solid #ffcc00;
}

.post .featured-image {
  margin: -40px -40px 30px -40px;
  text-align: center;
}

.post .featured-image img {
  width: 100%;
  height: auto !important;
}

.post .entry-meta {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #ccc;
  margin-top: 0;
  margin-bottom: 25px;
}

.post .entry-title {
  color: #333;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 36px;
  text-decoration: none;
  word-wrap: break-word;
}

.post .entry-title a {
  color: #333;
  text-decoration: none;
}

.post .entry-content {
  color: #888;
  line-height: 1.8em;
}

.post .entry-content img {
  max-width: 100%;
  height: auto !important;
}

.post .entry-content h1, .post .entry-content h2, .post .entry-content h3, .post .entry-content h4, .post .entry-content h5, .post .entry-content h6, .post .entry-content strong {
  color: #333;
}

.post .entry-content table {
  width: 100%;
}

.post .entry-tags {
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.post .read-more {
  margin-top: 25px;
  float: right;
  padding: 8px 14px;
  font-size: 12px;
  background: #ffcc00;
  color: #333;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.4s;
}

.post .read-more:hover {
  opacity: 0.8;
}

/* Blog Posts Navigation */
.blog-posts-navigation {
  margin: 20px 0 40px 0;
  border-top: 1px solid #ccc;
}

.blog-posts-navigation a {
  color: #666;
}

.blog-posts-navigation .nav-previous {
  width: 50%;
  float: left;
  line-height: 40px;
  text-align: left;
}

.blog-posts-navigation .nav-next {
  width: 50%;
  float: right;
  line-height: 40px;
  text-align: right;
}

@media (max-width: 768px) {
  .blog-posts-navigation .nav-previous {
    width: 100%;
    float: none;
  }
  .blog-posts-navigation .nav-next {
    width: 100%;
    float: none;
  }
}

/* Single Post Navigation */
.single-post-navigation {
  margin: 20px 0 0 0;
  border-top: 1px solid #ccc;
}

.single-post-navigation a {
  color: #666;
}

.single-post-navigation .nav-previous {
  width: 50%;
  float: left;
  line-height: 40px;
  text-align: left;
}

.single-post-navigation .nav-next {
  width: 50%;
  float: right;
  line-height: 40px;
  text-align: right;
}

@media (max-width: 768px) {
  .single-post-navigation .nav-previous {
    width: 100%;
    float: none;
  }
  .single-post-navigation .nav-next {
    width: 100%;
    float: none;
  }
}

/* Pages */
.single-page {
  margin-bottom: 40px;
  background: #fff;
  padding: 40px;
}

.single-page .entry-header {
  margin-bottom: 25px;
}

.single-page .entry-title {
  color: #333;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 36px;
  text-decoration: none;
  word-wrap: break-word;
  padding: 0;
  margin: 0;
}

.single-page .entry-content {
  color: #888;
  line-height: 1.8em;
}

.single-page .entry-content img {
  max-width: 100%;
  height: auto !important;
}

.single-page .entry-content h1, .single-page .entry-content h2, .single-page .entry-content h3, .single-page .entry-content h4, .single-page .entry-content h5, .single-page .entry-content h6, .single-page .entry-content strong {
  color: #333;
}

.single-page .entry-content table {
  width: 100%;
}

/* Archive Pages Header */
.page-header {
  margin: 0 0 40px 0;
  padding: 0;
  border: 0;
}

.page-header .page-title {
  color: #333;
  padding: 0;
  margin: 0;
}

.page-header .page-description {
  margin-top: 20px;
  color: #555;
  font-style: italic;
}

.page-content {
  padding: 40px;
  background: #fff;
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
/* Widgets */
.widget {
  margin-bottom: 40px;
}

.widget .widget-title {
  margin-top: 0;
  color: #666;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
  border-bottom: 1px solid #ffcc00;
  padding-bottom: 3px;
}

.widget ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.widget ul li {
  margin-bottom: 8px;
}

.widget a {
  color: #666;
}

.widget a:hover {
  color: #ffcc00;
}

/* Search form */
.search-form label {
  width: 100%;
}

.search-field {
  width: 100%;
  padding: 3px 10px;
  font-weight: normal;
  border: 1px solid #ccc;
  outline: none;
  display: block;
}

.search-submit {
  display: none;
}

/* Calendar widget */
.calendar_wrap table {
  width: 100%;
}

.calendar_wrap table caption {
  text-align: center;
  font-weight: bold;
}

.calendar_wrap table th, .calendar_wrap table td {
  text-align: center;
}

.calendar_wrap table tbody td a {
  text-decoration: underline;
}

.calendar_wrap table tfoot > tr td {
  text-align: right;
  padding-top: 10px;
}

.calendar_wrap table tfoot > tr > td:first-child {
  text-align: left;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  padding: 25px;
  background: #333;
  color: #fff;
  font-size: 12px;
}

#footer a {
  color: #ffcc00;
}

#footer .credits {
  text-align: right;
}

@media (max-width: 768px) {
  #footer .copyright, #footer .credits {
    text-align: center;
  }
  #footer .credits {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #444;
  }
}

#footer-widgets {
  background: #fff;
  padding-top: 40px;
}

/* Back to top button */
.back-to-top {
  position: fixed;
  display: none;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  padding: 6px 12px 9px 12px;
  font-size: 16px;
  border-radius: 2px;
  right: 15px;
  bottom: 15px;
  transition: background 0.3s;
}

@media (max-width: 768px) {
  .back-to-top {
    bottom: 15px;
  }
}

.back-to-top:focus {
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  outline: none;
}

.back-to-top:hover {
  background: #ffcc00;
  color: #fff;
}

/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
.comments-area {
  margin-bottom: 40px;
}

h2.comments-title {
  color: #333;
  font-size: 24px;
}

ol.comment-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-top: 40px;
}

ol.comment-list > li.comment {
  padding: 15px;
  background: #fff;
  margin-bottom: 20px;
}

ol.children {
  list-style-type: none;
}

img.avatar {
  border-radius: 20px !important;
}

.comment-body a {
  color: #ffcc00;
}

.comment-body table {
  width: 100%;
}

.comment-author {
  font-size: 12px;
}

.comment-author cite {
  font-style: normal;
}

.comment-author cite a {
  color: #ffcc00;
}

.comment-meta {
  font-size: 10px;
}

.comment-meta a {
  color: #aaa;
}

.comment-body .reply a {
  font-size: 12px;
  color: #aaa;
}

/* Comment Form */
.comment-form a {
  color: #ffcc00;
}

.comment-form label {
  display: block;
}

.comment-form input[type="text"] {
  display: block;
  width: 100%;
  border: 1px solid #ccc;
  outline: none;
  padding: 3px 10px;
}

.comment-form-comment textarea {
  display: block;
  width: 100%;
  border: 1px solid #ccc;
  resize: none;
  outline: none;
  padding: 10px;
}

.comment-form input[type="submit"] {
  background: #ffcc00;
  color: #fff;
  border: 0;
  padding: 6px 16px;
}

.comment-reply-title small a {
  font-size: 12px;
  color: #999;
}

.comment-awaiting-moderation {
  font-style: normal;
  font-size: 12px;
  color: #31708f;
  margin-top: 5px;
  display: inline-block;
}

.bypostauthor {
  text-decoration: underline;
  font-weight: bold;
}