/*
Theme Name: Nico
Description: A Portfolio theme for WordPress
Theme URI: https://www.cssigniter.com/themes/nico/
Author: CSSIgniter
Author URI: https://www.cssigniter.com/
Version: 2.4
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ci_theme
Domain Path: /lang
*/
/* -----------------------------------------
	Table of Contents
--------------------------------------------

.. 01. General
.. 02. Main Navigation
.. 03. Header
.. 04. Modules
.. 05. Footer
.. 06. Comments
.. 07. Widgets Styling
.. 08. WordPress defaults
.. 91. External Plugins
.. 10. Global Mediaqueries

*/
@font-face {
  font-family: 'Lavanderia';
  src: url("fonts/lavanderia_sturdy-webfont.eot");
  src: url("fonts/lavanderia_sturdy-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/lavanderia_sturdy-webfont.woff") format("woff"), url("fonts/lavanderia_sturdy-webfont.ttf") format("truetype"), url("fonts/lavanderia_sturdy-webfont.svg#LavanderiaSturdy") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* -----------------------------------------
	01. General
----------------------------------------- */
/* Basic Typography
=================================== */
body {
  line-height: 1.7;
  font-size: 14px;
  color: #717070;
  font-family: "Droid Serif", Georgia, serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #F3F3F3;
}

h1, h2, h3, .widget-title, h4, h5, h6 {
  line-height: normal;
  margin: 0 0 15px 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #5b5b5b;
}

h1 {
  font-size: 24px;
}

h2 {
  font-size: 20px;
}

h3, .widget-title {
  font-size: 18px;
}

h4 {
  font-size: 16px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
}

p {
  margin: 0 0 15px 0;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

a {
  transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
  outline: none;
  color: #ce534b;
  text-decoration: none;
}
a:hover, a:focus {
  color: #111;
  outline: none;
  text-decoration: none;
}
a:active {
  outline: none;
}

.group:before, .group:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.group:after {
  clear: both;
}

/* General Element Styling
=================================== */
/* Reset figure margin from normalize.css */
figure {
  margin: 0;
}

/* Lists */
ul, ol {
  padding-left: 20px;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

dl {
  margin: 0 0 20px;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 0 15px;
}

/* Blockquotes */
blockquote {
  margin: 20px 0;
  padding-left: 15px;
  border-left: 3px solid #ccc;
  font-size: 17px;
  font-weight: 300;
}
blockquote cite {
  display: block;
  font-weight: bold;
  font-style: italic;
  margin: 10px 0 0;
  color: rgba(113, 112, 112, 0.8);
  font-size: 14px;
}

/* Tables */
table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}

.entry-content table {
  border-width: 1px 0 0 1px;
  margin-bottom: 24px;
}
.entry-content th:first-child,
.entry-content td:first-child {
  padding-left: 0;
}
.entry-content th,
.entry-content td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.entry-content caption,
.entry-content th,
.entry-content td {
  font-weight: normal;
  text-align: left;
  padding: 5px;
  vertical-align: middle;
}
.entry-content th {
  border-width: 0 1px 1px 0;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 85%;
}
.entry-content td {
  border-width: 0 1px 1px 0;
}

/* Code */
code, kbd, tt, var, samp, pre {
  font-family: monospace, serif;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  font-style: normal;
}

pre {
  padding: 15px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

/* Various */
address {
  margin: 0 0 15px;
}

.sr-only,
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* Embeds and iframes
=================================== */
embed,
iframe,
object,
video,
audio {
  margin-bottom: 15px;
  max-width: 100%;
}

p > embed,
p > iframe,
p > object,
p > audio,
span > embed,
span > iframe,
span > object,
span > audio {
  margin-bottom: 0;
}

#map * {
  max-width: none !important;
}

/* General Form Styling
=================================== */
label {
  display: block;
  margin: 0 0 2px;
  font-weight: normal;
}

input,
textarea {
  display: inline-block;
  font-size: inherit;
  width: 100%;
  max-width: 100%;
  height: 50px;
  padding: 6px 12px;
  box-shadow: none;
  line-height: normal;
  border: 1px solid #e4e3e3;
  background-color: #FEFEFE;
  background-image: none;
  border-radius: 0;
}
input:focus, input:hover,
textarea:focus,
textarea:hover {
  border-color: #cbc9c9;
  outline: none;
}
@media (max-width: 767px) {
  input,
  textarea {
    width: 100%;
  }
}

input[type="search"] {
  /* Restoring box-sizing */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

textarea {
  height: auto;
}

select {
  max-width: 100%;
}

input[type="checkbox"],
input[type="radio"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
  width: auto;
  height: auto;
}

fieldset {
  margin: 0 0 15px;
  padding: 0;
  border: none;
  min-width: 0;
}

/* Placeholder text color */
::-webkit-input-placeholder {
  color: rgba(113, 112, 112, 0.5);
  font-weight: normal;
  opacity: 1;
}

:-moz-placeholder {
  color: rgba(113, 112, 112, 0.5);
  font-weight: normal;
  opacity: 1;
}

::-moz-placeholder {
  color: rgba(113, 112, 112, 0.5);
  font-weight: normal;
  opacity: 1;
}

:-ms-input-placeholder {
  color: rgba(113, 112, 112, 0.5);
  font-weight: normal;
  opacity: 1;
}

/* Buttons
=================================== */
.btn,
input[type="button"],
input[type="submit"],
input[type="reset"],
button {
  display: inline-block;
  font-weight: normal;
  font-size: 14px;
  margin: 0;
  width: auto;
  height: auto;
  line-height: normal;
  border: none;
  box-shadow: none;
  border-radius: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  padding: 11px 20px 10px;
  background-color: #ce534b;
  color: #FFF;
  transition: 0.18s background-color ease, color 0.18s ease,  0.18s border-color ease;
  -webkit-user-selsect: none;
  -moz-user-select: none;
  user-select: none;
}
.btn:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
button:active {
  outline: none;
}
.btn:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover {
  background: #222;
  color: #FFF;
  text-decoration: none;
}
.btn:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
button:focus {
  outline: none;
}

/* Flexslider Overrides
=================================== */
.flexslider {
  margin: 0;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
  border: 0;
}
.flexslider.loading:before {
  width: 40px;
  height: 40px;
  background-color: #FFF;
  border-radius: 100%;
  -webkit-animation: scaleout 1.0s infinite ease-in-out;
  animation: scaleout 1.0s infinite ease-in-out;
  content: "";
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 1000;
}
.flexslider .slides li:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1000;
}

@-webkit-keyframes scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes scaleout {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
.flex-direction-nav a {
  width: 40px;
  height: 40px;
  top: 50%;
  margin: -20px 0 0 0;
  opacity: 0.7;
  color: #FFF;
  line-height: normal;
}
.flex-direction-nav a:hover {
  color: #FFF;
  opacity: 1;
}
.flex-direction-nav a:before {
  font-family: FontAwesome;
  content: '\f053';
  font-size: 34px;
}
.flex-direction-nav a.flex-next:before {
  content: '\f054';
}
.flex-direction-nav a.flex-next {
  right: 10px;
}
.flex-direction-nav a.flex-prev {
  left: 10px;
}

.flexslider .slides > li:first-child {
  display: block;
  /* Display flexslider's first item no matter if its loading or not */
  -webkit-backface-visibility: visible;
}

.flexslider.loading .slides > li:first-child {
  opacity: 1 !important;
  /* Remove the fade in/out animation when the slider loads */
}

/* -----------------------------------------
	02. Main Navigation
----------------------------------------- */
.nav {
  margin: 0 0 35px;
}

.nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav ul ul {
  margin-left: 15px;
  display: none;
}
.nav ul ul.toggled-on {
  display: block;
}

#navigation:before, #navigation:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#navigation:after {
  clear: both;
}
#navigation li {
  position: relative;
  z-index: 100;
  display: block;
}
#navigation a, #navigation #navigation a:visited {
  display: block;
  white-space: nowrap;
}
#navigation a {
  font-size: 12px;
  font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: #6c6b6b;
  border-bottom: 1px solid #dfdede;
  padding: 7px 0;
  transition: all 0.18s ease;
  position: relative;
  /* Global Menu Link Styles */
}
#navigation .dropdown-toggle {
  position: absolute;
  right: 0;
  top: 3px;
  border: none;
  padding: 6px 10px;
  background-color: transparent;
  line-height: normal;
  color: #6c6b6b;
}
#navigation .dropdown-toggle:after {
  content: "\f107";
  font-family: FontAwesome;
}
#navigation .dropdown-toggle.toggle-on:after {
  content: "\f106";
}
#navigation .dropdown-toggle:hover {
  background-color: #e4e3e3;
  padding: 6px 10px;
}
#navigation > li:first-child > a {
  border-top: 1px solid #dfdede;
}
#navigation a:hover {
  text-decoration: none;
  color: #ce534b;
  text-indent: 5px;
  /* First Level & Global Menu Link Hover Styles */
}
#navigation > li > a {
  /* First Level Menu Link Styles */
}
#navigation > li ul a {
  /* All Other Menu Level Link Styles */
}
#navigation > li ul a:hover,
#navigation > li ul .sfHover > a {
  /* All Other Level Menu Link Hover Styles */
}
#navigation li > a:hover,
#navigation li.current_page_item > a,
#navigation li.current-menu-item > a,
#navigation li.current-page-item > a,
#navigation li.current > a {
  color: #ce534b;
}
#navigation li > a:hover .dropdown-toggle,
#navigation li.current_page_item > a .dropdown-toggle,
#navigation li.current-menu-item > a .dropdown-toggle,
#navigation li.current-page-item > a .dropdown-toggle,
#navigation li.current > a .dropdown-toggle {
  color: #6c6b6b;
}
#navigation ul {
  /* All Lower Level Menu Container Styles */
}

/* -----------------------------------------
	03. Header
----------------------------------------- */
.header {
  margin: 0 0 30px;
  position: relative;
}

.logo {
  margin: 0;
}

.tagline {
  font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 0.02em;
  margin: 0;
}

.mobile-toggle,
.mobile-toggle:focus {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 2em;
  line-height: normal;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 5px 10px;
  color: #ce534b;
}
.mobile-toggle:after,
.mobile-toggle:focus:after {
  font-family: FontAwesome;
  content: "\f0c9";
}
.mobile-toggle.toggled:after,
.mobile-toggle:focus.toggled:after {
  content: "\f00d";
}

.mobile-toggle:active {
  color: #111;
}

/* -----------------------------------------
	04. Modules
----------------------------------------- */
/* Layout
=================================== */
#page {
  padding: 40px 0 0;
  border-top: 5px solid rgba(0, 0, 0, 0.05);
}

.header,
.sidebar,
.nav {
  padding-right: 30px;
}

body {
  background-color: #F3F3F3;
  background-image: url("images/bg.png");
  background-repeat: repeat-y;
  background-position: center top;
}
body.textured {
  background-image: url("images/bg-texture.png");
}
body.alt {
  background-position: -715px 0;
}

.alt .container {
  margin: 0;
}

.footer {
  background-color: #EBEBE9;
}

.footer,
.sidebar {
  font-size: 13px;
}

.home-blog {
  margin-top: 20px;
}

.lavanderia {
  font-family: Lavanderia, cursive;
  font-size: 1.7em;
}

/* Intro
=================================== */
.site-intro {
  margin: 0 0 30px;
}
.site-intro h2, .site-intro p {
  padding: 15px;
  background: url("images/pat.png");
}
.site-intro h2 {
  font-size: 37px;
  font-weight: 300;
  text-transform: uppercase;
  color: #4c4c4c;
  letter-spacing: 5px;
}

.color,
.site-intro h2 > span {
  color: #ce534b;
}

/* Items & Item Listing
=================================== */
.item {
  margin: 0 0 30px;
}
.item > a {
  display: block;
  position: relative;
  overflow: hidden;
  border: 1px solid transparent;
  transition: all 0.25s ease;
}
.item > a:after {
  content: "\f002";
  font-family: FontAwesome;
  color: #FFF;
  text-align: center;
  width: 60px;
  height: 60px;
  font-size: 16px;
  line-height: 60px;
  background: #222;
  border-radius: 50%;
  top: 35%;
  left: 50%;
  margin: -30px 0 0 -30px;
  position: absolute;
  opacity: 0;
  transition: all 0.25s ease;
}
.item > a:hover {
  border-color: #a5a2a2;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.item > a:hover:after {
  top: 50%;
  opacity: 0.9;
}
.item > a img {
  width: 100%;
}

.filter-nav {
  margin: 0 0 20px;
  list-style: none;
  padding: 0;
}
.filter-nav li {
  display: inline-block;
  margin: 0 15px 0 0;
}
.filter-nav li a {
  display: inline-block;
  padding-right: 20px;
  color: #6c6b6b;
  border-bottom: 1px solid #e4e3e3;
}
.filter-nav li a.selected, .filter-nav li a:hover {
  color: #ce534b;
  border-bottom-color: #666262;
}

/* Entry Styles
=================================== */
.entry {
  margin: 0 0 50px;
}

.entry-thumb {
  margin: 0 0 25px;
}

.entry-title {
  font-size: 20px;
}
.entry-title a {
  color: #6c6b6b;
}
.entry-title a:hover {
  color: #ce534b;
}

.entry-meta {
  padding: 5px 9px;
  background: rgba(0, 0, 0, 0.025);
  margin: -10px 0 20px;
  display: inline-block;
  font-size: 0.9em;
}

.entry-read-more {
  font-family: Lavanderia, cursive;
  font-size: 1.4em;
}

.entry-content:before, .entry-content:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.entry-content:after {
  clear: both;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content .widget-title, .entry-content h4, .entry-content h5, .entry-content h6 {
  margin-bottom: 20px;
}

/* Paging
=================================== */
#paging {
  margin: 0 0 40px;
  font-family: Lavanderia, cursive;
  font-size: 1.7em;
}
#paging > span,
#paging a {
  display: inline-block;
  margin-right: 15px;
}
#paging > span {
  opacity: 0.7;
}
#paging > span.current {
  opacity: 1;
}

/* Portfolio Styles
=================================== */
.portfolio-slider .flex-control-nav {
  bottom: 10px;
  z-index: 15;
}
.portfolio-slider .flex-control-nav a {
  background-color: #FFF;
  box-shadow: none;
  opacity: 0.5;
}
.portfolio-slider .flex-control-nav a.flex-active, .portfolio-slider .flex-control-nav a:hover {
  background-color: #FFF;
  opacity: 1;
}

.portfolio-info {
  width: 100%;
  margin: 0 0 30px;
}
.portfolio-info th, .portfolio-info td {
  padding: 5px 0;
  border-bottom: 1px solid #e4e3e3;
}
.portfolio-info th {
  width: 25%;
  font-size: 12px;
  font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  text-align: left;
}

.section-title {
  letter-spacing: 0.15em;
  font-size: 16px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e4e3e3;
}

/* -----------------------------------------
	05. Footer
----------------------------------------- */
.footer {
  padding: 40px 0 0;
  border-bottom: 3px solid #ce534b;
}
.textured .footer {
  background-image: url("images/texture.jpg");
}

.footer-bottom {
  background-color: #404040;
  padding: 14px 0;
  color: #B1B1B1;
}
.footer-bottom p {
  margin: 0;
  line-height: normal;
  text-align: center;
}

/* -----------------------------------------
   06. Comments
----------------------------------------- */
#comments {
  margin: 40px 0 0;
}
#comments h2, #comments h3, #comments .widget-title {
  padding-bottom: 5px;
  border-bottom: 1px solid #e4e3e3;
}

#comment-list {
  margin: 0;
  list-style: none;
  padding: 0;
}
#comment-list ol {
  list-style: none;
}
@media (max-width: 767px) {
  #comment-list ol {
    margin: 0;
    padding: 0;
  }
}
#comment-list .comment-body {
  margin-bottom: 20px;
  padding-top: 20px;
}
#comment-list > .comment:first-child > .comment-body {
  border-top: none;
  padding-top: 0;
}

.post-comments {
  margin: 0 0 45px;
}

.comment-author .avatar {
  width: 64px;
  height: 64px;
  float: left;
  margin: 0 15px 15px 0;
  overflow: visible;
}
@media (max-width: 767px) {
  .comment-author .avatar {
    display: none;
  }
}

.comment-content {
  overflow: hidden;
  zoom: 1;
  font-size: 13px;
}

.comment-metadata {
  font-size: 12px;
  margin: 0 0 5px;
}

.comment-reply-link {
  background: none;
  padding: 0;
  margin: 0;
  font-family: Lavanderia, cursive;
  color: #ce534b;
  border: 0;
  font-size: 1.1em;
  margin-left: 80px;
}
.comment-reply-link:hover {
  color: #0b0a0a;
}
@media (max-width: 767px) {
  .comment-reply-link {
    margin: 0;
  }
}

.bypostauthor > article .fn:before {
  font-family: FontAwesome;
  content: "\f005";
  margin: 0 2px 0 -2px;
  position: relative;
  top: -1px;
  font-size: 11px;
}

#cancel-comment-reply-link {
  font-size: 13px;
  font-weight: normal;
  margin-left: 5px;
}

.comment-form {
  margin: 0 0 30px;
}
.comment-form input {
  max-width: 80%;
}
.comment-form input[type="submit"] {
  background: none;
  padding: 0;
  margin: 0;
  font-family: Lavanderia, cursive;
  color: #ce534b;
  border: 0;
  font-size: 2em;
}
.comment-form input[type="submit"]:hover {
  color: #0b0a0a;
}

.form-allowed-tags,
.comment-notes {
  font-size: 12px;
  line-height: 1.5;
  color: rgba(113, 112, 112, 0.8);
}

/* -----------------------------------------
	07. Widgets Styling
----------------------------------------- */
.widget {
  margin: 0 0 35px;
}

.sidebar .widget:last-child,
.widget p:last-child {
  /* Nullify bottom margin for last elements in widgets and sidebars */
  margin-bottom: 0;
}

.widget-title {
  font-size: 12px;
  font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  margin: 0 0 10px;
}

/* WIDGET: #List Widgets
========================================= */
.widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.widget ul > li:last-child {
  margin-bottom: 0;
}

/* WIDGET: #List Widgets
========================================= */
.widget select {
  width: 100%;
  padding: 5px 10px;
  border-radius: 0;
  border: 1px solid #e4e3e3;
}

.widget_meta ul,
.widget_pages ul,
.widget_categories ul,
.widget_archive ul,
.widget_nav_menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.widget_meta ul ul,
.widget_pages ul ul,
.widget_categories ul ul,
.widget_archive ul ul,
.widget_nav_menu ul ul {
  margin-left: 15px;
}
.widget_meta ul li,
.widget_pages ul li,
.widget_categories ul li,
.widget_archive ul li,
.widget_nav_menu ul li {
  line-height: normal;
  display: block;
  position: relative;
}
.widget_meta ul li a,
.widget_pages ul li a,
.widget_categories ul li a,
.widget_archive ul li a,
.widget_nav_menu ul li a {
  display: block;
  padding: 8px 0;
  border-bottom: 1px solid #e4e3e3;
}
.widget_meta ul li .count,
.widget_pages ul li .count,
.widget_categories ul li .count,
.widget_archive ul li .count,
.widget_nav_menu ul li .count {
  position: absolute;
  right: 0;
  top: 8px;
  font-size: 11px;
  font-weight: bold;
  color: #717070;
  font-style: italic;
  transition: all 0.18s ease;
  padding: 4px 3px;
}

.widget_pages select,
.widget_categories select,
.widget_archive select {
  display: block;
  width: 100%;
  padding: 6px 15px;
  border-radius: 0;
  font-size: 14px;
  height: 40px;
  font-weight: normal;
  border: 1px solid #e4e3e3;
  background: #FFF;
}

/* WIDGET: #Ads125
========================================= */
#ads125,
.ads125 {
  margin: 0;
  padding: 0;
  list-style: none;
}
#ads125 li,
.ads125 li {
  background: none;
  border: none;
  float: left;
  margin: 0 15px 10px 0;
  padding: 0;
  max-width: 125px;
  height: auto;
}

/* WIDGET: #Search
========================================= */
.searchform > div {
  position: relative;
}
.searchform input[type="text"],
.searchform input[type="search"] {
  height: 44px;
}
.searchform .searchsubmit {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background: none;
  color: #717070;
  padding: 10px 15px;
}

/* WIDGET: #Flickr
========================================= */
.flickr_badge_image {
  float: left;
  margin: 0 6px 6px 0;
}
.flickr_badge_image a {
  display: block;
  line-height: 0;
}

/* WIDGET: #About
========================================= */
.widget_about {
  margin-top: -5px;
}
.widget_about img {
  max-width: 100px;
  height: auto;
}
.widget_about .alignleft {
  float: left;
  margin: 5px 15px 6px 0;
}
.widget_about .alignright {
  float: right;
  margin: 5px 0 6px 15px;
}

/* WIDGET: #Text Widget
========================================= */
.widget_text p:last-child {
  margin-bottom: 0;
}

/* WIDGET: #Twitter
========================================= */
.widget_ci_twitter_widget ul li {
  margin-bottom: 12px;
}
.widget_ci_twitter_widget ul li:first-child {
  padding-top: 0;
}
.widget_ci_twitter_widget .twitter-time {
  display: block;
  font-size: 0.85em;
  font-style: italic;
  color: #979696;
}
.widget_ci_twitter_widget .twitter-time:hover {
  color: #ce534b;
}

/* WIDGET: #Calendar
================================================== */
#wp-calendar {
  width: 100%;
}
#wp-calendar a {
  font-weight: bold;
  font-style: italic;
}
#wp-calendar caption {
  text-align: left;
  margin-top: 10px;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03);
  padding: 9px;
}
#wp-calendar thead {
  font-size: 10px;
}
#wp-calendar thead th {
  background: rgba(0, 0, 0, 0.1);
  font-weight: bold;
  padding: 8px;
}
#wp-calendar tbody td {
  background: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  padding: 3px;
}
#wp-calendar tbody td:hover {
  background: rgba(0, 0, 0, 0.1);
}
#wp-calendar tbody .pad {
  background: none;
}
#wp-calendar tfoot #next {
  font-size: 10px;
  text-transform: uppercase;
  text-align: right;
}
#wp-calendar tfoot #prev {
  font-size: 10px;
  text-transform: uppercase;
  padding-top: 10px;
}

/* WIDGET: #Social Icons (HTML only)
========================================= */
.social-icon i {
  width: 36px;
  height: 36px;
  line-height: 36px;
  background-color: #333;
  color: #FFF;
  border: 1px solid #333;
  font-size: 24px;
  border-radius: 36px;
  text-align: center;
  display: inline-block;
}

.social-icon:hover i {
  background-color: #575757;
}

/* -----------------------------------------
	08. WordPress Defaults
----------------------------------------- */
/* WordPress Galleries
=================================== */
.gallery {
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: 15px;
}
.gallery:before, .gallery:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.gallery:after {
  clear: both;
}

.gallery-item {
  margin-bottom: 10px;
}
.gallery-item img {
  width: 100%;
}

.gallery-columns-1 .gallery-item {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  width: 50%;
}
@media (min-width: 768px) {
  .gallery-columns-1 .gallery-item {
    float: left;
    width: 100%;
  }
}

.gallery-columns-2 .gallery-item {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  width: 50%;
}
@media (min-width: 768px) {
  .gallery-columns-2 .gallery-item {
    float: left;
    width: 50%;
  }
}

.gallery-columns-3 .gallery-item {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  width: 50%;
}
@media (min-width: 768px) {
  .gallery-columns-3 .gallery-item {
    float: left;
    width: 33.33333%;
  }
}

.gallery-columns-4 .gallery-item {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  width: 50%;
}
@media (min-width: 768px) {
  .gallery-columns-4 .gallery-item {
    float: left;
    width: 25%;
  }
}

.gallery-columns-5 .gallery-item {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  width: 50%;
}
@media (min-width: 768px) {
  .gallery-columns-5 .gallery-item {
    float: left;
    width: 20%;
  }
}

.gallery-columns-6 .gallery-item {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  width: 50%;
}
@media (min-width: 768px) {
  .gallery-columns-6 .gallery-item {
    float: left;
    width: 16.66667%;
  }
}

.gallery-columns-7 .gallery-item {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  width: 50%;
}
@media (min-width: 768px) {
  .gallery-columns-7 .gallery-item {
    float: left;
    width: 14.28571%;
  }
}

.gallery-columns-8 .gallery-item {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  width: 50%;
}
@media (min-width: 768px) {
  .gallery-columns-8 .gallery-item {
    float: left;
    width: 12.5%;
  }
}

.gallery-columns-9 .gallery-item {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  width: 50%;
}
@media (min-width: 768px) {
  .gallery-columns-9 .gallery-item {
    float: left;
    width: 11.11111%;
  }
}

.gallery-caption {
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  margin: 0 0 0 5px;
  max-height: 50%;
  opacity: 0;
  padding: 6px 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: left;
  width: calc(100% - 10px);
  transition: opacity 0.18s ease;
}

.gallery-caption:before {
  content: "";
  height: 100%;
  min-height: 49px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.gallery-item:hover .gallery-caption {
  opacity: 1;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}

/* WordPress Classes
=================================== */
/* Alignment */
.alignnone {
  margin: 5px 0 20px 0;
}
p .alignnone {
  margin-bottom: 0;
}

.aligncenter {
  display: block;
  margin: 7px auto 7px auto;
}

.alignright {
  float: right;
  margin: 7px 0 7px 24px;
}

.alignleft {
  float: left;
  margin: 7px 24px 7px 0;
}

/* Captions */
.wp-caption {
  max-width: 100%;
  margin-bottom: 15px;
}

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

.wp-caption .wp-caption-text {
  font-size: 12px;
  line-height: 17px;
  margin: 3px 0 5px;
  padding: 5px 0 0 0;
  text-align: left;
  font-style: italic;
}

/* -----------------------------------------
	09. External Plugins
----------------------------------------- */
/* WP Instagram */
.null-instagram-feed p {
  padding-top: 10px;
}

.widget .instagram-pics:before, .widget .instagram-pics:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.widget .instagram-pics:after {
  clear: both;
}

.widget .instagram-pics li {
  border-bottom: 0;
  padding: 0;
  float: left;
  width: 30.333333%;
  margin: 0 3% 3% 0;
}
.widget .instagram-pics li a {
  display: block;
  color: #717070;
}

/* -----------------------------------------
	10. Global Mediaqueries
----------------------------------------- */
@media (max-width: 1199px) {
  body {
    background-position: 47.7% top;
  }
  body.alt {
    background-position: -782px 0;
  }
}
@media (max-width: 991px) {
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  body {
    background-position: 45.7% top;
  }
  body.alt {
    background-position: -852px 0;
  }

  .item {
    margin-bottom: 20px;
  }
  .item > a {
    border: none;
  }
}
@media (min-width: 768px) {
  .mobile-toggle {
    display: none;
  }
}
@media (max-width: 767px) {
  body {
    background-image: none;
  }
  body.textured {
    background-image: none;
  }

  .mobile-toggle {
    display: block;
  }

  .header,
  .slidebar,
  .nav {
    padding: 0;
  }

  #navigation a {
    font-size: 1.1em;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #navigation .dropdown-toggle {
    font-size: 20px;
    font-weight: bold;
  }

  .site-intro h2 {
    font-size: 24px;
  }

  .filter-nav li {
    display: block;
  }
  .filter-nav li a {
    display: block;
    padding: 5px 0;
  }

  .entry-excerpt {
    display: none;
  }

  .entry > .entry-title {
    font-size: 20px;
  }

  .entry-title {
    font-size: 15px;
    line-height: 1.35;
  }

  .entry-meta {
    margin-top: -5px;
  }

  .comment-form input {
    max-width: 100%;
  }

  .sidebar {
    padding: 0 0 40px;
  }

  .side-wrap {
    display: none;
  }
}
@media (min-width: 768px) {
  .side-wrap {
    display: block !important;
  }
}