/*!
Theme Name: Ik Ben Iris Niet | Custom Thema
Theme URI: http://ikbenirisniet.nl
Author: Naomi van Dorst
AuthorURI: http://deliciae.org
Description: Custom Thema voor Ik Ben Iris Niet.
Version: 1.0
License: The MIT License (MIT)
License URI: http://opensource.org/licenses/MIT
Text Domain: ikbenirisniet
*/
/* FONTS
-------------------------- */
/* Uncomment/use this file if you install any custom fonts @import "fonts/all";*/
/* COMPASS
-------------------------- */
/* Uncomment if using Compass @import "compass/css3"; @import "compass/utilities"; @import "compass/typography/lists"; @import "compass/typography/text"; */
/* RESET & BASE
------------------ */
/* DEFAULT & RESET CSS*/
/* Table of Contents
==================================================
  1 Generic Styles
  2 Resets
    A Global
    B Media
    C Forms
  3 Typography



/* 1 GENERIC STYLES
================================================== */
/*Mash up based on (A) the Bootstrap toolkit from Twitter http://twitter.github.com/bootstrap (B) http://csswizardry.com/web-design+/#css (C) WordPress image styles */
html, body { height: 100%; }

div { position: relative; }

.clear { clear: both; }

.aligncenter { display: block; margin: 0 auto; }

.textcenter { text-align: center; }

.alignleft { float: left; }

.alignright { float: right; }

img.alignleft { margin-right: 1em; margin-bottom: 1.8em; }

img.alignright { margin-left: 1em; margin-bottom: 1.8em; }

.text-right { text-align: right; }

.half { width: 45%; /* Not exactly half to account for paddings, margins etc. */ }

ul.unstyled { list-style-type: none; }

.hide { /* Hide stuff without resorting to display:none; */ visibility: hidden; width: 0 !important; height: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; }

/* 2 RESETS
================================================== */
/* 2A GLOBAL RESET
Based on 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td, address, caption, cite, code, dfn, em, strong, th, var { margin: 0; padding: 0; border: 0; font-family: inherit; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset { border: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; /* Read more > http://bit.ly/qh1V0T */ }

caption, th { text-align: center; }

q:before, q:after { content: ''; }

html { overflow-y: scroll; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

/* The below restores some sensible defaults */
strong { font-weight: bold; }

em { font-style: italic; }

a img { border: none; }

/* Gets rid of IE's blue borders */
/* 2B MEDIA
Based on the Bootstrap toolkit from Twitter http://twitter.github.com/bootstrap */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; }

/* 2C FORMS
Based on the Bootstrap toolkit from Twitter http://twitter.github.com/bootstrap */
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; *overflow: visible; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

button { cursor: pointer; -webkit-appearance: button; }

input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; vertical-align: top; }

/* 3 TYPOGRAPHY
================================================== */
.alert { background: red; color: white; }

/* 'alert' has a basic style, since it's useful to have it standing out for testing purposes. */
.clearfix::after { clear: both; content: " "; display: block; height: 0; visibility: hidden; }

/************************************************************************ Borrowed from Bourbon: http://bourbon.io/docs/#html5-input-types Generate a variable ($all-text-inputs) with a list of all html5 input types that have a text-based input, excluding textarea. http://diveintohtml5.org/forms.html */
/* Bare inputs */
/* Hover Pseudo-class */
/* Focus Pseudo-class */
/* BASE VARIABLES */
/* Colors */
/* Fonts */
/* Font sizes */
/* Navigation */
/* Borders */
/* =LAYOUTS
------------------ */
html { height: 100%; width: 100%; }

body { margin: 0; padding: 0; min-height: 100%; height: auto !important; height: 100%; }

body { background: url(assets/images/bg.jpg) repeat fixed center center; }

#page { margin: auto; }

#main { background: #fff none repeat scroll 0 0; clear: both; max-width: 1070px; padding: 15px 0; margin: auto; }

#primary { margin: auto; }

#primary.full-width, #primary.full-width #content { width: 100%; float: none; }

#colophon { clear: both; overflow: hidden; }

.clear { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; }

#site-header { padding: 35px 0 0; position: relative; z-index: 250; margin-bottom: 50px; min-height: 200px; }

#site-header img { height: auto; }

.site-branding { padding: 30px 15px 15px; }

.site-title, .site-description { clip: rect(1px, 1px, 1px, 1px); position: absolute; }

.navbar-deliciae { margin: 0; }

.navbar .navbar-nav a { color: #444; font-family: "Karla", sans-serif; display: inline-block; font-size: 0.8em; letter-spacing: 0.25em; line-height: 1em; padding: 0 15px; text-transform: uppercase; }

.navbar-top, .goToTop { background: #fff none repeat scroll 0 0; border-bottom: 1px solid #444; min-height: 30px; padding: 0 0 5px; border-radius: 0; }

.navbar-top a, .goToTop a { color: #444; }

.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus, .navbar .navbar-nav > li > a:active { background: #e8c95d; }

.goToTop { background: #000 none repeat scroll 0 0; position: fixed; top: 0; z-index: 1; width: 100%; text-align: center; }

.goToTop .navbar-nav a { color: #fff; }

.navbar-brand, .navbar-nav > li > a { text-shadow: none; }

.navbar-deliciae .navbar-collapse { box-shadow: none; }

.navbar-deliciae .dropdown-menu { background: none repeat scroll 0 0 #fff; border: medium none; border-radius: 0; box-shadow: none; text-align: left; }

.navbar-deliciae .dropdown-menu > li > a, .navbar-deliciae .dropdown-menu > li.active > a, .navbar-deliciae .dropdown-menu > li.active > a:hover { color: #444; background: none repeat scroll 0 0 transparent; padding: 3px 10px; text-decoration: none; }

@media (min-width: 768px) { .navbar-deliciae .navbar-nav { float: none; }
  .navbar-deliciae .navbar-nav > li { display: inline-block; float: none; }
  .navbar-deliciae .navbar-nav > li > a { display: inline; }
  .navbar-deliciae .navbar-nav > li.open a { background: none repeat scroll 0 0 transparent; } }

@media (min-width: 1200px) { .navbar-deliciae .navbar-collapse > .row { margin: 0 -50px; } }

@media (max-width: 767px) { .navbar-collapse { background: none repeat scroll 0 0 transparent; }
  .navbar-toggle { background: #000; display: block; float: none; margin: 10px auto; }
  .navbar-toggle .icon-bar { background: none repeat scroll 0 0 white; } }

#colophon { background: #444; clear: both; color: white; font-size: 12px; letter-spacing: 0.2em; padding: 10px 0; text-transform: uppercase; }

#colophon a { color: #fff; }

.instagram-widget { margin-top: 40px; }

.color-accent { color: #e8c95d; }

/* Scroll to Top
--------------------------------------------- */
#scrollUp { font-family: inherit; font-size: 12px; font-weight: bold; line-height: 13px; right: 0; bottom: 70px; width: 40px; height: 40px; padding: 10px 5px; text-align: center; text-decoration: none; text-transform: uppercase; color: #fff; background-color: #444; }

/* =CONTENT
------------------ */
/* Web fonts integration*/
@font-face { font-family: name1; src: url("inc/fonts/filename.eot"); src: url("inc/fonts/filename.eot?#iefix") format("embedded-opentype"), url("inc/fonts/filename.woff") format("woff"), url("inc/fonts/filename.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: name2; src: url("inc/fonts/filename.eot"); src: url("inc/fonts/filename.eot?#iefix") format("embedded-opentype"), url("inc/fonts/filename.woff") format("woff"), url("inc/fonts/filename.ttf") format("truetype"); font-weight: normal; font-style: normal; }

/* Styling starts here */
body, input, textarea { color: #444; font-family: "Karla", sans-serif; font-size: 15px; line-height: 30px; }

/* Headings */
h1, h2, h3, h4, h5, h6 { font-family: "Karla", sans-serif; }

h1 { font-size: 33px; line-height: 37px; }

h2 { font-size: 30px; line-height: 34px; }

h3 { font-size: 22px; line-height: 24px; }

h4 { font-size: 18px; line-height: 22px; }

h5 { font-size: 15px; line-height: 19px; }

h6 { font-size: 12px; line-height: 16px; }

.entry-title { margin-top: 1em; text-transform: uppercase; }

.sub-title { font-size: 15px; font-weight: normal; margin: 1em 0; text-transform: capitalize; }

hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; }

/* Text elements */
p { margin-bottom: 1.5em; }

ul, ol { margin: 0 0 1.5em 2.5em; }

ul { list-style: square; }

ol { list-style-type: decimal; }

ol ol { list-style: upper-alpha; }

ol ol ol { list-style: lower-roman; }

ol ol ol { list-style: lower-alpha; }

ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }

dl { margin: 0 1.5em; }

dd { margin-bottom: 1.5em; }

em, i { font-style: italic; }

blockquote { font-style: italic; font-weight: normal; margin: 0 3em; font-size: 15px; }

blockquote em, blockquote i, blockquote cite { font-style: normal; }

cite { color: #666; letter-spacing: 0.05em; padding-left: 60px; }

pre { background: #f4f4f4; line-height: 1.5; margin-bottom: 1.5em; overflow: auto; padding: 0.75em 1.5em; }

code, kbd { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }

abbr, acronym, dfn { border-bottom: 1px solid #797977; cursor: help; }

address { display: block; margin: 0 0 1.5em; }

ins { background: #fff9c0; text-decoration: none; }

sup, sub { font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline; }

sup { bottom: 1ex; }

sub { top: .5ex; }

/* Links */
a { color: #dab01f; text-decoration: none; }

a:focus, a:active, a:hover { color: #000; text-decoration: none; transition: all 0.25s linear; }

/* Assistive text */
.assistive-text { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); }

#access a.assistive-text:active, #access a.assistive-text:focus { clip: auto !important; font-size: 12px; position: absolute; text-decoration: underline; top: 0; left: 7.6%; }

/* 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:hover, .screen-reader-text:active, .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: #555; display: block; font-size: 14px; font-size: 1.4rem; 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 */ }

/* See _mixins.scss for more on this method for handling HTML5 elements */
input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], textarea, select, input.form-control, textarea.form-control { border: 1px solid #fafafa; background: #fafafa; box-sizing: border-box; padding: 10px; -webkit-appearance: none; width: 100%; font-family: "Karla", sans-serif; font-size: 11px; text-align: left; border-radius: 0px; box-shadow: none; font-size: 12px; }

input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, textarea:focus, textarea.form-control:focus { border: 1px solid #444; color: #444; }

input[type=submit] { border: 1px solid #fafafa; -webkit-appearance: none; background: #fafafa; padding: 10px; font-family: "Karla", sans-serif; font-size: 11px; text-align: left; border-radius: 0px; box-shadow: none; font-size: 12px; transition: all 0.25s linear; }

input[type=submit]:hover, input[type=submit]:focus, input[type=submit]:active { background: #e8c95d; border-color: #e8c95d; color: #fff; transition: all 0.25s linear; }

/* Search Form
--------------------------------------------- */
.search-form { position: relative; }

.search-form button { font-size: 15px; position: absolute; top: 15px; right: 10px; margin: 0; padding: 0; color: #555; border: medium none; background: none repeat scroll 0 0 transparent; }

/* =COMPONENTS
------------------ */
/* Includes password protection for pages and posts, 404 page */
/* Password Protected Posts */
.post-password-required .entry-header .comments-link { margin: 1.5em 0 0; }

.post-password-required input[type=password] { margin: 0.8125em 0; }

/* =error404
----------------------------------------------- */
.error404 #main #s { width: 75%; }

/* =PROJECT PAGES SPECIFIC
------------------ */
.hentry { position: relative; -ms-word-wrap: break-word; word-wrap: break-word; }

.page .hentry { border-bottom: none; }

article.post, article.page { margin: auto auto 50px; padding: 0 0 50px 0; position: relative; max-width: 640px; }

.single article.post { padding: 0; }

.full-width .post, .full-width .page { background: none; padding: 0 15px; }

.entry-content, .entry-summary { padding: 20px 0 0; }

.entry-content table { border-bottom: 1px solid #797977; margin: 0 0 1.5em; width: 100%; }

.entry-content table td { border-top: 1px solid #797977; padding: 6px 10px 6px 0; }

.entry-content #s { width: 75%; }

.comment-content table { border-bottom: 1px solid #797977; margin: 0 0 1.5em; width: 100%; }

.comment-content table td { border-top: 1px solid #797977; padding: 6px 10px 6px 0; }

.comment-content #s { width: 75%; }

dl.gallery-item { margin: 0; }

/* Images & Embeds */
embed iframe, object { max-width: 100%; }

img { max-width: 100%; }

img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; }

img.size-full, img.size-large { width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */ height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }

img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1.5em; }

/* Captions */
.wp-caption { max-width: 100%; height: auto; margin-top: 0.5em; margin-bottom: 1.5em; }

.wp-caption img { display: block; margin: 0 auto; max-width: 100%; height: auto; }

.wp-caption .wp-caption-text { color: #444; font-size: 85%; margin-bottom: 0.5em; padding: 5px 0; position: relative; }

/* Galleries */
.gallery .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; padding: 0; position: relative; }

.gallery-columns-1 .gallery-item { max-width: 100%; width: auto; }

.gallery-columns-2 .gallery-item { max-width: 48%; max-width: calc(50% - 14px); width: auto; }

.gallery-columns-3 .gallery-item { max-width: 32%; max-width: calc(33.3% - 11px); width: auto; }

.gallery-columns-4 .gallery-item { max-width: 23%; max-width: calc(25% - 9px); width: auto; }

.gallery-columns-5 .gallery-item { max-width: 19%; max-width: calc(20% - 8px); width: auto; }

.gallery-columns-6 .gallery-item { max-width: 15%; max-width: calc(16.7% - 7px); width: auto; }

.gallery-columns-7 .gallery-item { max-width: 13%; max-width: calc(14.28% - 7px); width: auto; }

.gallery-columns-8 .gallery-item { max-width: 11%; max-width: calc(12.5% - 6px); width: auto; }

.gallery-columns-9 .gallery-item { max-width: 9%; max-width: calc(11.1% - 6px); width: auto; }

.gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; }

.gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n - 1), .gallery-columns-3 .gallery-item:nth-of-type(3n - 2), .gallery-columns-4 .gallery-item:nth-of-type(4n - 3), .gallery-columns-5 .gallery-item:nth-of-type(5n - 4), .gallery-columns-6 .gallery-item:nth-of-type(6n - 5), .gallery-columns-7 .gallery-item:nth-of-type(7n - 6), .gallery-columns-8 .gallery-item:nth-of-type(8n - 7), .gallery-columns-9 .gallery-item:nth-of-type(9n - 8) { margin-left: 12px; /* Compensate for the default negative margin on .gallery, which can't be changed. */ }

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

.gallery .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-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; }

.page-link { clear: both; display: block; margin: 0 0 1.5em; }

.page-link span { margin-right: 6px; }

.page-header { margin: 3em 0; }

.page-header h2 { font-size: 20px; letter-spacing: 1px; text-transform: uppercase; }

/* Uncomment if you have a custom home page
@import "home";*/
#recepten-index { margin: 25px 0 100px; }

.recepten-search { background: #f9f9f9 none repeat scroll 0 0; margin: 15px; padding: 15px 0; }

.recept-item .entry-title { font-size: 13px; margin-top: 1em; text-transform: uppercase; line-height: 1em; }

#legend { margin: 2em 0; }

#legend > span { font-size: 15px; font-style: italic; letter-spacing: 1px; }

.recepten-search .search-form { background: #f9f9f9 none repeat scroll 0 0; border: 1px solid #e8c95d; display: inline-block; font-family: "Karla",sans-serif; font-size: 12px; font-style: normal; letter-spacing: 0.4em; margin-bottom: 0; position: relative !important; text-transform: uppercase; width: 30.5%; margin: auto; }

.recepten-search .search-form .search-field { padding: 8px 10px; }

/* reset */
ul.ft-menu { border: 0 none; color: #444; font-weight: normal !important; line-height: 1; margin: 0; padding: 0; position: relative; text-align: left; margin: 2em 0 0; text-align: center; list-style: none; }

ul.ft-menu * { border: 0 none; color: #444; font-weight: normal !important; line-height: 1; margin: 0; padding: 0; position: relative; text-align: left; }

ul.ft-menu > li.ft-field { background: #f9f9f9; border: 1px solid #e8c95d; color: #FFFFFF; display: inline-block; font-family: "Karla", sans-serif; font-size: 12px; font-style: normal; letter-spacing: 0.4em; margin-bottom: 0; margin-right: 3.5%; padding: 8px 10px; position: relative !important; text-transform: uppercase; width: 30.5%; }

ul.ft-menu > li.ft-field:last-of-type { margin-right: 0; }

ul.ft-menu > li.ft-field > span.ft-label { cursor: pointer; }

ul.ft-menu > li.ft-field > span.ft-label:after { font-family: FontAwesome; font-size: 90%; content: "\f0dd"; padding: 0 5px; position: relative; bottom: 1px; float: right; color: #e8c95d; }

ul.ft-menu > li.ft-field > span.ft-label.ft-active { color: #e8c95d; }

ul.ft-menu > li.ft-field > span.ft-label.ft-opened:after { content: "\f0de"; bottom: -3px; }

ul.ft-menu > li.ft-field > div.ft-panel { position: absolute; min-width: 200px; background-clip: padding-box; border: 5px solid #e8c95d; border: 5px solid rgba(0, 0, 0, 0.3); border-radius: 2px; top: 100%; margin-top: 15px; left: 50%; margin-left: -105px; z-index: 9999; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); }

ul.ft-menu > li.ft-field > div.ft-panel:before, ul.ft-menu > li.ft-field > div.ft-panel:after { position: absolute; content: " "; height: 0; width: 0; left: 50%; }

ul.ft-menu > li.ft-field > div.ft-panel:before { border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #e8c95d; border-bottom: 10px solid rgba(0, 0, 0, 0.3); top: -14px; margin-left: -10px; }

ul.ft-menu > li.ft-field > div.ft-panel:after { content: " "; height: 0; width: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #eee; top: -8px; margin-left: -8px; }

ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected { padding: 10px 10px 0 10px; background: #eee; }

ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected > li { font-size: 12px; display: inline-block; *display: inline; *zoom: 1; margin: 1px; cursor: pointer; padding: 1px 5px 2px 5px; color: #555; border: 1px solid #555; }

ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected > li:after { font-family: FontAwesome; content: " \f00d"; color: #555; }

ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected > li:active { background: #e8c95d; }

ul.ft-menu > li.ft-field > div.ft-panel > fieldset.ft-search { padding: 10px; background: #eee; }

ul.ft-menu > li.ft-field > div.ft-panel > fieldset.ft-search:before { font-family: "FontAwesome"; content: "\f002"; position: absolute; width: 20px; bottom: 17px; left: 18px; color: #BBB; text-shadow: none; z-index: 1; }

ul.ft-menu > li.ft-field > div.ft-panel > fieldset.ft-search > input { outline: none; display: block; width: 140px; padding: 6px 10px 3px 25px !important; color: gray; background: white; }

ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags { position: relative !important; max-height: 200px !important; border-top: 1px solid #e8c95d; overflow-x: hidden; overflow-y: auto; width: 100%; }

ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li { background: white; display: block; border-bottom: 1px solid #e8c95d; display: block; padding: 8px 35px 8px 15px; cursor: pointer; }

ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li:after { content: attr(data-count); font-size: 12px; font-weight: normal; display: inline-block; *display: inline; *zoom: 1; position: absolute; right: 15px; top: 50%; margin-top: -9px; padding: 3px 5px 3px 8px; color: white; background: #e8c95d; border-radius: 10px; }

ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li.ft-highlight { border-bottom: 1px solid #e8c95d; background: #e8c95d; color: #fff; }

ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li.ft-highlight:after { background: #fff; color: #444; }

ul.ft-menu > li.ft-field > div.ft-panel > div.ft-mismatch { padding: 10px 15px; color: white; background: #555555; }

@media screen and (max-width: 885px) { ul.ft-menu > li.ft-field { width: 91%; margin-right: 0; } }

/* REQUIRED! */
.ft-hidden { display: none !important; }

/* Custom webkit scrollbars */
ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags::-webkit-scrollbar { width: 10px; }

ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags::-webkit-scrollbar-track { box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); background: #e8c95d; }

ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags::-webkit-scrollbar-thumb { border-radius: 2px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); background: #EEE; }

.animated { animation-duration: 0.5s; animation-fill-mode: both; }

.animated.hinge { animation-duration: 2s; }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

.fadeIn { animation-name: fadeIn; }

@keyframes fadeInUp { 0% { opacity: 0;
    transform: translateY(20px); }
  100% { opacity: 1;
    transform: translateY(0); } }

.fadeInUp { animation-name: fadeInUp; }

/* =BLOG SPECIFIC
------------------ */
/* Blog Styles */
/* =Pager Navigation
-------------------------------------------------------------- */
.pagination { font-family: "Karla", sans-serif; display: block; margin: 0 25px auto; padding: 0 0 25px; text-align: center; }

.pagination a, .pagination span { border: 1px solid #e8c95d; color: #e8c95d; font-size: 12px; letter-spacing: 2px; margin: 5px; padding: 5px; text-transform: lowercase; transition: all 0.25s linear; }

.pagination .current, .pagination a:hover { color: #fff; border: 1px solid #e8c95d; background: #e8c95d; transition: all 0.25s linear; }

/* Previous Next Navigation */
.single .post-navigation { border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 45px 0 25px; position: relative; width: 100%; }

.single .post-navigation .meta-nav { display: block; font-style: normal; text-transform: uppercase; }

.single .post-navigation .nav-previous { display: inline-block; text-align: right; padding: 2% 4%; width: 50%; }

.single .post-navigation .nav-next { display: inline-block; text-align: left; padding: 2% 4%; width: 50%; }

.widget { margin-bottom: 50px; }

.widget a { color: #444; }

.widget { border: 1px solid #c7c6c7; position: relative; }

.inner-widget { padding: 10px; }

.widget h3 { margin: -25px auto 15px; text-align: center; }

.widget-title { background: #444; color: #fff; font-family: "Karla", sans-serif; font-size: 13px; margin: auto; padding: 0 15px; text-align: center; text-transform: uppercase; letter-spacing: 1px; }

.widget ul { margin: 0; }

.widget ul ul { margin-left: 1.5em; }

/* Special Classes */
.no-border { border-bottom: none; margin-bottom: 0; padding: 0; }

/* Search Widget */
.widget_search form { margin: 0 0 10px; }

.widget_search #s { width: 95%; display: inline-block; }

.widget-about { border: medium none; padding: 0; }

.widget-about .inner-widget { padding: 0; }

/* Social Icons
--------------------------------------------- */
.widget-social a { text-decoration: none; }

.about-social span { display: inline-block; margin-bottom: 10px; }

.social { display: inline-block; font-family: 'FontAwesome'; font-size: 20px; padding: 3px; margin: 0 3px 5px; }

.social-email:before { content: "\f003"; }

.social-bloglovin:before { content: "\f004"; }

.social-feed:before { content: "\f09e"; }

.social-linkedin:before { content: "\f0e1"; }

.social-twitter:before { content: "\f081"; }

.social-facebook:before { content: "\f082"; }

.social-googleplus:before { content: "\f0d4"; }

.social-pinterest:before { content: "\f0d2"; }

.social-instagram:before { content: "\f16d"; }

.social-flickr:before { content: "\f16e"; }

.social-youtube:before { content: "\f166"; }

.social-vimeo:before { content: "\f194"; }

.social-dribbble:before { content: "\f17d"; }

.social-tumblr:before { content: "\f173"; }

/*** Widget categories ***/
.widget_categories a { margin-right: 10px; }

/*** Tagcloud widget ***/
.widget .tagcloud a { font-size: 10px !important; letter-spacing: 1px; text-transform: uppercase; background: #444; color: #fff; padding: 3px 3px 0; margin-right: 5px; margin-bottom: 8px; display: inline-block; border-radius: 2px; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; }

.widget .tagcloud a:hover { background: #e8c95d; text-decoration: none; }

/*** Calender widget ***/
#wp-calendar { width: 100%; }

#wp-calendar caption { text-align: right; color: #777; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }

#wp-calendar thead { font-size: 12px; }

#wp-calendar thead th { padding-bottom: 10px; }

#wp-calendar tbody { color: #aaa; }

#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding: 8px; }

#wp-calendar tbody td a { font-weight: 700; color: #222; }

#wp-calendar tbody td:hover { background: #fff; }

#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; }

#wp-calendar thead th { padding-bottom: 10px; text-align: center; }

/** Instagram widget support **/
.jr-insta-thumb .thumbnails { padding: 0px !important; }

.jr-insta-thumb ul.thumbnails.jr_col_8 li { width: 12.5% !important; }

.jr-insta-thumb .thumbnails > li { background: transparent none repeat scroll 0 center; border: 0 none; box-shadow: none; box-sizing: border-box; display: inline-block; margin: 0 !important; padding: inherit !important; text-decoration: none; vertical-align: top; }

.jr-insta-thumb ul.thumbnails { margin-left: 0 !important; }

/** adsense **/
ins { background: #fff; margin: auto; text-align: center; }

#comments ol { list-style: outside none none; margin: 0; }

.comments-title, .reply, .edit-link { font-size: 12px; margin: 15px 0; letter-spacing: 1px; color: #e8c95d; }

.reply { text-align: right; text-transform: uppercase; }

.comments-title { font-size: 15px; }

.nopassword, .nocomments { font-size: 24px; margin: 26px 0; }

.respond-form { margin-bottom: 25px; }

.comment-list { list-style: none; margin: 0 auto; width: 100%; }

.comment-list > li.comment { position: relative; margin: 0; }

.comment-list pingback { margin: 0 0 10px; padding: 10px; }

.comment-list .children { list-style: none; margin: 0 0 10px 20px; }

.comment-list .children .children { margin: 10px 0 10px 10px; }

.comment-list .children li.comment { position: relative; }

.comment-list time { font-size: 11px; letter-spacing: 0.1em; margin-bottom: 5px; text-decoration: none; text-transform: uppercase; }

.comment-list .comment > article, .comment-list .pingback > article { border-bottom: 1px solid #f4f4f4; margin-bottom: 15px; padding: 0 0 15px; position: relative; }

.comment-awaiting-moderation { font-size: 11px; }

#comments ol li.depth-2, #comments ol li.depth-3, #comments ol li.depth-4, #comments ol li.depth-5, #comments ol li.depth-6, #comments ol li.depth-7, #comments ol li.depth-8, #comments ol li.depth-9, #comments ol li.depth-10 { width: 90%; margin: 0 0 15px 5%; padding: 15px 15px 0; list-style: none outside none; }

.avatar { float: left; display: block; vertical-align: bottom; margin: 0 15px 0 0; border-radius: 50% 50% 50% 50%; }

.comment-content p { margin-bottom: 1em; }

.comment-content p:last-of-type { margin-bottom: 0; }

/* Post author highlighting */
.commentlist > li.bypostauthor, .commentlist .children > li.bypostauthor { border: 1px solid #797977; padding: 5px 10px; }

.form-allowed-tags, .comment-notes, .says, .comment-reply-title { display: none; }

.comment-content a { word-wrap: break-word; }

.bypostauthor { display: block; }

a.comment-reply-link { color: #aaa; display: inline-block; text-decoration: none; }

#cancel-comment-reply-link { display: block; position: absolute; right: 1.5em; text-decoration: none; top: 1.1em; margin-left: 10px; text-decoration: none; }

.commentlist #respond { margin: 1.5em 0 0; width: auto; }

.comment-subscription-form { clear: both; display: block; line-height: 1; margin-bottom: 0px; font-family: "Karla", sans-serif; }

.comment-form { margin-bottom: 15px; }

.entry-header { text-align: center; }

.entry-date, .entry-meta, .read-more { font-size: 12px; color: #ccc; letter-spacing: 0.2em; text-transform: uppercase; text-align: center; }

.entry-meta { margin-top: 20px; padding: 12px 0 8px; }

.read-more, .entry-meta { border: 1px solid #eee; }

.read-more a { color: #444; }

.read-more:hover { background-color: #e8c95d; transition: all 0.25s linear; }

.read-more:hover a { color: #fff; }

/* Handle sticky posts */
.related-posts { margin: 25px 0 0; }

.sub-title > span { font-weight: bold; letter-spacing: 1px; text-transform: uppercase; }

a.comment-reply-link { color: #e8c95d; display: inline-block; text-decoration: none; margin-top: 10px; }

#cancel-comment-reply-link { color: #444; display: block; position: absolute; right: 1.5em; text-decoration: none; top: 1.1em; margin-left: 10px; text-decoration: none; }

.commentlist #respond { margin: 1.5em 0 0; width: auto; }

.form-allowed-tags { display: none; }

.comment-subscription-form { clear: both; display: block; }