/* Theme Name: Blue Lotus Responsive
Version: 1.0
Theme URI: http://bluelotusmedia.com
Description: A custom responsive theme designed by Jacob Louis.
Author: Jacob Louis 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive, full-width, hero image, sticky header, minimal, clean, base template
*/
/* SCSS Variables */
/* =WordPress Core
-------------------------------------------------------------- */
.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 {
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  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; }

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  white-space: nowrap;
  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. */ }

/* SCSS MIXINS */
/* Global */
body {
  padding-top: 55px;
  color: #008E4D;
  background: #000; }

a {
  color: #ffffff; }
  a:hover {
    color: #ffffff; }

.home img, .wc-gallery .gallery .gallery-icon a img {
  width: 100%;
  height: auto; }

.animsition-loading:after {
  content: url("../../../images/animated-gifs/antandra-glyph-on-b.gif") !important; }

/* Form Elements */
button, html input[type=button], input[type=reset], input[type=submit] {
  background: #ffffff;
  border: 1px solid #008E4D;
  outline: none; }

input[type=text], select, textarea {
  color: #008E4D; }

.bl-divider {
  clear: both;
  margin: 20px 0 20px 0;
  position: relative;
  border-top: 1px solid #008E4D; }

/* AJAX STYLES */
.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: black url("http://antandra.com/images/animated-gifs/antandra-glyph-on-b.gif") 50% 50% no-repeat; }

body.loading {
  overflow: hidden; }

body.loading .modal {
  display: block; }

/* Nav */
.navbar {
  border-bottom: 2px solid;
  border-top: 0;
  border-left: 0;
  border-right: 0; }

.navbar-nav {
  margin-right: 0; }

h1#header {
  font-size: 16px;
  margin: 15px 0; }

.navbar-default {
  background: #000;
  border-color: #008E4D; }
  .navbar-default .navbar-toggle {
    background: #000;
    border-color: #008E4D; }

.navbar-brand {
  padding: 0;
  margin: 0;
  height: auto; }
  .navbar-brand img {
    max-width: 300px; }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  background: none;
  border-top: #008E4D 5px solid;
  color: #008E4D; }

.navbar-default .navbar-nav > li > a {
  color: #ffffff; }

.navbar-nav > li.active > a {
  padding-top: 10px; }

li.current-menu-item a {
  border-top: 5px solid #ffffff;
  padding-top: 10px; }

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
  color: #ffffff; }

.nav > li > a {
  padding: 10px 10px;
  border-top: transparent 5px solid; }

.admin-bar .navbar-fixed-top {
  top: 46px; }

@media screen and (min-width: 783px) {
  .admin-bar .navbar-fixed-top {
    top: 32px; } }
@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed; } }
/* Content */
/* Blog */
.post__meta .post-categories {
  display: inline-block;
  list-style: none;
  padding: 0; }

.post__meta ul li {
  display: inline; }

.post__thumbnail img {
  max-width: 100%;
  height: auto; }

.comment-form-comment label {
  display: block; }

textarea#comment {
  width: 100%;
  border-color: #008E4D; }

.next-prev {
  position: relative;
  width: 100%;
  display: block;
  margin: 20px 0; }

.next-prev__next {
  position: absolute;
  right: 0;
  bottom: 0; }

.next-prev__prev {
  position: absolute;
  left: 0;
  bottom: 0; }

/* Sidebar */
.sidebar {
  margin-top: 30px;
  list-style: none; }

/* Footer */
#footer {
  clear: both; }

#footer-widgets li.current-menu-item a, #menu-secondary-menu li.current-menu-item a {
  border-top: 0; }

.footer-menu ul {
  list-style: none;
  display: block-inline;
  clear: both;
  padding: 0; }

.footer-menu ul li {
  display: inline; }

.footer-menu ul li::after {
  content: " | "; }

.footer-menu ul li:last-child::after {
  content: ""; }

.footer__credits-row {
  clear: both;
  margin: 15px 0;
  min-height: 100px;
  padding: 20px 0; }

.bl-copyright, .bl-websitecredit {
  clear: both;
  display: inline-block; }

.bl-websitecredit {
  float: right; }

@media screen and (max-width: 600px) {
  .bl-copyright, .bl-websitecredit {
    float: none;
    text-align: center;
    display: block; } }
.bl-spacer {
  height: 50px;
  display: block;
  width: 100%; }

.bl-soundcloud {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999999; }

/* Custom Portfolio Page */
.mp-stacks-grid-isotope-btn-text:hover {
  cursor: pointer; }

/*# sourceMappingURL=style.css.map */
