/*
==  THEME DETAILS  ===================================================================
    
    Theme Name: Kerli
    Theme URI: http://volthemes.com/theme/kerli/
    Description: Kerli is simple and light WordPress theme. Suitable for personal, blog, magazine, publishing, business and any kind of sites. Make it yours with a custom logo or header image, custom menu, background and more. Required WordPress 4.1+.
    Version: 2.3.1

    Author: Volthemes
    Author URI: http://volthemes.com/

	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: white, light, one-column, two-columns, left-sidebar, right-sidebar, fluid-layout, custom-header, custom-menu, editor-style, featured-image-header, full-width-template, post-formats, sticky-post, theme-options, featured-images, translation-ready

	Text Domain: kerli
	Domain Path: /languages/
	
======================================================================================
  __    __       __     ______ __ 
  \ \  / /_____ / /    /_  __// /  ___  __ _  ___  ___
   \ \/ //  , // /__    / /  / _ \/ -_)/  ' \/ -_)(_-<
    \__/ \___//____/   /_/  /_//_/\__//_/_/_/\__//___/

	WARNING! DO NOT EDIT THIS FILE!
	THIS FILE IS REPLACED DURING AUTO-UPDATES
	AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN.

    If you wish to make CSS changes to this theme, DO NOT EDIT THIS FILE.
    CSS option field in your themes backend at: 
	Appearance -> Customize -> Kerli Options -> Custom CSS

======================================================================================
*/


/*------------------------------------------------------------------
[Table of contents]

[Layout]

* body
    + Wordpress Misc
    + Utilities
    + General Classes
	
		+ Genericons
			- Reset
			- Responsive Grid
			- Typography
			- Elements
			+  Forms
				- Contact Form 7
			- Header
			    - Top Bar
				- Links
				- Logo and Title
				- Menu Navigation
			- Accessibility
			- Alignments
			- Clearings
			+  Widgets
				- Social Widget
				- About Widget
				- Custom Post Widget
				- Instagram Widget
			+ Site Content
				- Posts and pages
				- Asides
				- Gallery
				- Image
				- Comments
			- Footer
			- Infinite scroll
			+ Media
				- Captions
				- Galleries
		+ Shortcodes
				- Dropcap
				- Responsive Slider
				- Buttons
				- Alerts
				- Icons
				- Highlights
				- Dividers
				- Archive
		- Media Queries
		- Print
		
--------------------------------------------------------------*/
/*--------------------------------------------------------------
 Genericons
--------------------------------------------------------------*/
@font-face {
    font-family: 'Genericons';
    src: url('fonts/genericons-regular-webfont.eot');
    src: url('fonts/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/genericons-regular-webfont.woff') format('woff'),
         url('fonts/genericons-regular-webfont.ttf') format('truetype'),
         url('fonts/genericons-regular-webfont.svg#genericonsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*--------------------------------------------------------------
 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
	-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing:         border-box;
}
body {
	background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
li {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
a img {
	border: 0;
}

/* -------------------------------------------------- */
/* Responsive Grid
/* -------------------------------------------------- */
.container {
	margin: 0 20px;
}

.column {
	margin-bottom: 1em;
}

.column {
	padding: 0 15px;
}
	
@media (min-width: 980px) {
	.column {
		float: left;
		margin-bottom: 0;
		padding: 0 15px;
	}
  
	.column.full { width: 100%; }
	.column.five-sixths { width: 83.4%; }
	.column.four-fifths { width: 80%; }
	.column.three-fourths { width: 75%; }
	.column.two-thirds { width: 66.7%; }
	.column.half { width: 50%; }
	.column.third { width: 33.3%; }
	.column.fourth { width: 25%; }
	.column.fifth { width: 20%; }
	.column.sixth { width: 16.6%; }
	.column.flow-opposite { float: right; }
	.column.centered { 
		margin-left: 15%;
		width: 70%;
	}
}

@media (min-width: 1090px) {
	.container {
		margin: 0 auto;
		width: 960px;
	}
}


/* -------------------------------------------------- */
/* Typography
/* -------------------------------------------------- */

body,
button,
input,
select,
textarea {
	color: #666666;
    font-family: "Open Sans", Helvetica,Arial,sans-serif; 
    font-weight: 300;
	font-size: 14px;
	line-height: 1.8;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
	    -ms-hyphens: auto;
			hyphens: auto;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Josefin Sans', cursive;
    font-weight: 700;
	margin-top: 20px;
	margin-bottom: 10px;
}
h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

p {
	margin-bottom: 1em;
}

b, strong {
	font-weight: bold;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
    border-left: 5px solid #f7f7f7;
    margin-bottom: 20px;
    padding: 10px 20px;
}

address {
	font-style: italic;
	margin-bottom: 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	background: #eee;
	color: #222;
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	padding: 0;
	white-space: normal;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

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

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}


/* -------------------------------------------------- */
/* Elements
/* -------------------------------------------------- */
hr {
	background-color: #e5e5e5;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

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

ul, ol {
	list-style: none;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
	color: #0a0700;
}

dd {
	margin-bottom: 1.5em;
}

figure {
	margin: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 2;
	margin-bottom: 40px;
	width: 100%;
}

table th {
	font-weight: bold;
	padding: 10px 10px 10px 0;
	text-align: left;
}

table td {
	padding: 10px 10px 10px 0;
}

table tr {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/* -------------------------------------------------- */
/* Forms
/* -------------------------------------------------- */
button,
input,
select,
textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: inherit;
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #ccc;
	color: #fff;
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	padding: 3px 15px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	opacity: 0.6;
	color:#333;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	color: #666;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"] {
	height: 30px;
	padding: 5px;
}

textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}

/* -------------------------------------------------- */
/* Contact Form 7
/* -------------------------------------------------- */
.wpcf7-form-control-wrap {
	display: inline;
}

.wpcf7 input[type="text"], 
.wpcf7 input[type="email"], 
.wpcf7 input[type="url"], 
.wpcf7 input[type="password"],
.wpcf7 textarea {
	background-color: #e6e6e6;
	border: 1px solid #e6e6e6;
	border-radius: 0;
	outline-color: transparent;
	outline-style: none;
	padding: 8px;
	width: 100%;
}

.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="url"]:focus,
.wpcf7 input[type="password"]:focus,
.wpcf7 textarea:focus {
	background-color: #fff;
	color: #111;
}

.wpcf7 input[type="submit"] {
	border: 1px solid #4d4d4d; 
	border-color: #4d4d4d;
	border-radius: 0;
	background: #4d4d4d;
	box-shadow: none;
	color: #fff;
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	outline-color: transparent;
	outline-style: none;
	padding: 1em 1em 0.9em;
	text-shadow: 0;
	width: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.wpcf7 input[type="submit"]:hover {
	opacity: 0.6;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/* -------------------------------------------------- */
/* Header
/* -------------------------------------------------- */
.blog-title-wrapper {
	font-family: 'Josefin Sans', cursive;
	float: left;
	padding: 7px;
	padding: 0.5rem;
}

.site-header {
	background-color:#fff;
	padding-top: 0;
	padding-bottom: 0;
}

.site-header h1,
.site-header h2 {
	text-align: center;
}

.site-header h1 a,
.site-header h2 a {
	color: #515151;
	display: inline-block;
	text-decoration: none;
	text-transform: capitalize;
}

.site-header h1 {
	font-size: 6rem;
}

.site-header h2 {
	font-weight: normal;
	line-height: 1.846153846;
	color: #757575;
}

.header-image {
	margin-top: 0;
}

.header-image img {
	display: block;
   width: 100%;
}

/* -------------------------------------------------- */
/* Top Bar
/* -------------------------------------------------- */
.top-bar {
	height: auto;
	overflow: hidden;
	background-color: #555555;
	color: #EAEAEA;
	font-size: 21px;
	font-size: 1.5rem;
}

.top-bar .social {
	color: #888;
}

.social-icon-wrapper {
	display:none;
}

.top-bar .icon-search.active {
	display: none;
}

.top-bar  .icon-remove {
	display: none;
}

.top-bar .toggle-search .icon-remove {
	display: none;
}

.top-bar .toggle-search .icon-remove.active {
	display: inline;
}

.wrapper-search-container { 
	position:relative;
}

.wrapper-search-top-bar {
	background: #fff;
	border: 1px solid #d9d9d9;
  	box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);
	display: none;
	padding: 15px;
	position: absolute;
	right: 0;
	z-index: 999;
}

.wrapper-search-top-bar #searchform button {
	background: none;
	margin: 0;
	padding: 4px;
	border: none;
	float: right;
	font-size: 14px;
	height: 36px;
	position: relative;
	width: 36px;
}

.wrapper-search-top-bar .search-top-bar {
	float: right;
	padding-left: 14px;
	padding-left: 1rem;
}

.toggle-search {
	display:none;
}

.search-top-bar .icons.icon-search {
	background: #ff6644;
	color: #fff;
	border: medium none;
	border-radius: 3px;
}

/* -------------------------------------------------- */
/* Links
/* -------------------------------------------------- */
a {
	color: #666666;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

a:visited {
	color: #666666;
}

a:hover,
a:focus,
a:active {
	color: #ccc;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/* -------------------------------------------------- */
/* Logo and Title
/* -------------------------------------------------- */
.site-branding {
	margin-bottom: 1em;
	text-align: center;
}

.site-title {
	font-weight: 300;
	letter-spacing: 2px;
	line-height: 1;
	margin-top: 25px;
	margin-bottom: 0;
	text-transform: uppercase;
}

.site-title a {
	text-decoration: none;
}

.site-description {
	font-family: serif;
	font-size: 14px;
	font-style: italic;
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 8px;
}

.logo-header-wrapper {
	padding: 28px 14px;
	padding: 2rem 1rem;
}

.image-header-wrapper {
}

/* -------------------------------------------------- */
/* Menus Navigation
/* -------------------------------------------------- */
.menu {
	display: table;
	margin: 0 auto;
}

.main-navigation {
	background-color: #f25d46;
	box-shadow: 0 -5px 0 rgba(0, 0, 0, 0.06) inset;
		-moz-box-shadow: 0 -5px 0 rgba(0, 0, 0, 0.06) inset;
		-webkit-box-shadow: 0 -5px 0 rgba(0, 0, 0, 0.06) inset;
	font-family: 'Josefin Sans', cursive;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
}

.main-navigation li {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	line-height: 1.42857143;
	list-style: none;
}

.main-navigation a {
	color: #fff;
}

.main-navigation a:hover,
.main-navigation a:focus {
	color: #0098D3;
}

.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
}

.section-inner {
    width: 1200px;
    max-width: 88%;
    margin: 0 auto;
	padding-top: 1px;
}

/* Mobile Menu */
/* Small menu */
.mobile-menu, 
.menu-toggle {
	display: none;
}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 0 0 3.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}


/* -------------------------------------------------- */
/* Accessibility
/* -------------------------------------------------- */
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.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);
	    -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
		-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	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 */
}

/* -------------------------------------------------- */
/* Alignments
/* -------------------------------------------------- */
.alignleft {
	display: inline;
	float: left;
	margin: 1em 1.5em 1em 0;
}

.alignright {
	display: inline;
	float: right;
	margin: 1em 0 1em 1.5em;
}

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

/* -------------------------------------------------- */
/* Clearings
/* -------------------------------------------------- */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

.clear {
  *zoom: 1;
}

/* -------------------------------------------------- */
/* Widgets
/* -------------------------------------------------- */
.widget {
	border: 1px solid #d6d6d6;
	margin: 0 0 1em 0;
	padding: 1em 1.5em;
	word-wrap: break-word;
	text-align: left;
}

.widget a {
	text-decoration: none;
}
.widget ul {
	list-style: none;
	margin-left: 0;
}

.widget.widget_recent_entries ul li {
	list-style: inside none square;
}

.widget-area {
	text-align: center;
}

.widget-area .widget ul ul {
	margin-left: 12px;
	margin-left: 0.857142857rem;
}

.widget_rss li {
	margin: 12px 0;
	margin: 0.857142857rem 0;
}

.widget_recent_entries .post-date,
.widget_rss .rss-date {
	color: #aaa;
	font-size: 11px;
	font-size: 0.785714286rem;
	margin-left: 12px;
	margin-left: 0.857142857rem;
}

#wp-calendar {
	margin: 0;
	width: 100%;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #686868;
}

#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: left;
}

#wp-calendar #next {
	padding-right: 24px;
	padding-right: 1.714285714rem;
	text-align: right;
}

.widget_search label {
	display: block;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}

.widget-title {
	font-family: 'Josefin Sans', cursive;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 4px;
	line-height: 30px;
	list-style: none;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0.8em;
	text-transform: uppercase;
}

.widget-title a {
	text-decoration: none;
}

.widget_twitter li {
	list-style-type: none;
}

.widget_twitter .timesince {
	display: block;
	text-align: right;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

.widget_search input[type="search"] {
	width: 74%;
}

.widget_search button {
	float: right;
}

.widget_search .icons.icon-search {
	background: none;
	color: #fff;
	padding: 0;
}

/* -------------------------------------------------- */
/* Social Widgets
/* -------------------------------------------------- */
.widget.widget-social > span {
	clear: both;
	display: inline-block;
	margin-bottom: 10px;
}

.widget-social a {
	opacity: 0.68;
	text-decoration: none;
}

.widget-social a:hover {
	opacity: 1;
}

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

.top-bar .social, .top-bar .icons {
	background: none;
	overflow: hidden;
	padding: 0.2em;
}

.social, .icons {
	background:#ddd;
	color: #999;
	border-radius: 50%;
	font-family: 'Genericons';
	font-size: 18px;
	font-style: normal;
	overflow: hidden;
	padding: 0.5em;
}

.social:after {
	color: #fff;
}

.top-bar .social-icon-wrapper a:hover { color:#fff; }
.social-feed:before { content: '\f413'; } .social-feed:hover { color:#FD9822; }
.social-facebook:before { content: '\f203'; } .social-facebook:hover { color:#3B579B; }
.social-twitter:before { content: '\f202'; } .social-twitter:hover { color:#55ACEE; }
.social-googleplus:before { content: '\f206'; } .social-googleplus:hover { color:#DD4B39; }
.social-linkedin:before { content: '\f208'; } .social-linkedin:hover { color:#0077B4; }
.social-pinterest:before { content: '\f210'; } .social-pinterest:hover { color:#CE454D; }
.social-instagram:before { content: '\f215'; } .social-instagram:hover { color:#3f729B; }
.social-flickr:before { content: '\f211'; } .social-flickr:hover { color:#CE454D; }
.social-youtube:before { content: '\f213'; } .social-youtube:hover { color:#e32525; }
.social-vimeo:before { content: '\f212'; } .social-vimeo:hover { color:#4C27A6; }
.social-dribbble:before { content: '\f201'; } .social-dribbble:hover { color:#CA3877; }
.social-behance:before { content: '\f471'; } .social-behance:hover { color:#555; }
.social-github:before { content: '\f200'; } .social-github:hover { color:#555; }
.social-skype:before { content: '\f220'; } .social-skype:hover { color:#00D3FF; }
.social-tumblr:before { content: '\f214'; }.social-tumblr:hover { color:#4A7094; }
.social-wordpress:before { content: '\f205'; }.social-wordpress:hover { color:#555; }
.icon-search:before { content: '\f400'; }
.icon-remove:before {content: '\f405';}
.icon-checkmark:before { content: '\f418'; }

/***** Kerli About Widget *****/
.about-image {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	text-align: center;
}

/***** Kerli Custom Post Widget *****/
.cp-wrap { 
	border-bottom: 1px solid #ebebeb;
	padding: 15px 0px;
	padding: 0.9375rem 0rem;
	list-style: none;
}

.cp-widget li:first-child { padding-top: 0; }

.cp-thumb { float: left; margin-right: 10px; margin-right: 0.625rem; }

.cp-widget-title { 
	font-weight: 400;
	line-height: 1.3;
	margin-bottom: 0;
}

.cp-small .meta { 
	color: #979797;
	font-size: 11px;
	font-size: 0.6875rem;
}

/* -------------------------------------------------- */
/* Instagram Widget
/* -------------------------------------------------- */
.widget .instagram-wrap {
	overflow: hidden;
}

.instagram-title {
	color: #999;
	font-weight: 400;
	font-style: italic;
	letter-spacing: 2px;
	line-height: 30px;
	list-style: none;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0.5em;
	text-align: right;
}

ul.instagram-pics {
	text-align: center;
}

.instagram-pics li {
	display: inline-block;
	float: left;
	padding: 0 0.2em 0.2em 0;
}

/* -------------------------------------------------- */
/* Site Content
/* -------------------------------------------------- */
#primary,
#secondary {
	padding-top: 2em;
}

.site-content {
	background-color: #fff;
	border-radius: 15px 15px 0 0;
	margin-left: -15px;
	margin-right: -15px;
	overflow: hidden;
}

.site-content article {
  border-bottom: 1px solid #e6e6e6;
}

/* -------------------------------------------------- */
/* Posts and pages
/* -------------------------------------------------- */
.sticky {}
.bypostauthor {}

.hentry {
	margin: 0 0 1em;
}

/* Thumbnail */
.entry-thumbnail {
	text-align: center;
	padding: 2em 0 0;
	overflow: hidden;
}

.entry-thumbnail img,
.flexslider .slides img {
	transition: all 0.3s ease-in-out 0s;
}
.entry-thumbnail img:hover,
.flexslider .slides img:hover {
	opacity:0.9;

	filter: alpha(opacity=90); /* For IE8 and earlier */
	transform: scale(1.03);
}

/* Entry Title */
.entry-title {
	font-family: 'Josefin Sans', cursive;
	font-weight: 700;
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 1;
	margin-top: 0;
	margin-bottom: 0;
	text-transform: capitalize;
}

.entry-title a {
	text-decoration: none;
}

.entry-title a:hover {
	color: #ccc ;
}

/* Entry Content */
article .entry-content {
	overflow: hidden;
	white-space: normal;
}

article .entry-content li {
	list-style: inside none square;
	padding-left: 2em;
}

article .entry-content > h1 {
	margin-top: 0;
}

article .entry-content p:last-child {
	margin-bottom: 0; 
}

article a.more-link {
	position: relative;
	text-transform: uppercase;
}

article #comments ul li, 
article #comments ul li {
	margin-bottom: 12px;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1em 0;
}

.no-results .page-content {
	margin: 1.5em 0;
	padding-bottom: 1em;
}

/* Entry Meta */
.entry-meta {
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	font-style: italic;
	font-weight: 300;
	letter-spacing: 1px;
	padding: 0;
}

.entry-meta a {
	color: #7f7f7f !important;
	text-decoration: none;
}

.entry-meta a:hover {
	text-decoration: underline;
}
.entry-meta .comments-link:before {
	content: " - ";
}

.byline,
.updated {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

/* Page Links */
.page-links {
	clear: both;
	margin: 0 0 1.5em;
	word-spacing: 18px;
}

/* Entry Footer */
.entry-footer {
	font-style: italic;
	padding-top: 1em;
	padding-bottom: 0.5em;
}

.entry-footer a {
	color: #7f7f7f !important;
	text-decoration: none;
}

.entry-footer a:hover {
	text-decoration: underline;
}

.blog .entry-footer,
.search-results .entry-footer,
.archive .entry-footer {
	padding-bottom: 1em;
}

.page .entry-footer {
	border-bottom: 0;
}

/* Entry Navigation */
.meta-nav {
	font-size: 13px;
}

.nav-links a {
	text-decoration: none;
}

/* Archives Page */
.page-header {
	margin-bottom: 1.5em;
}

.page-title {
	line-height: 1;
	margin-top: 0;
	text-transform: capitalize;
}

.page-title:before {
	content: "#";
}

.page-header p {
	font-style: italic;
	margin-bottom: 0.5em;
}

/* 404 Page */
.error-404 .widget,
.error-404 .widget-title {
	text-align: left;
	border: 0;
}

/* Back to top */
#backtotop {
	background: url(images/back-to-top.png) no-repeat scroll center;
	border-radius:22px;
	bottom: -100px;
	cursor: pointer;
	height: 40px;
	overflow: auto;
    position: fixed;
	right: 35px;
	text-indent: -99999px;
	transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
       -moz-transition: all .7s ease-in-out;
        -ms-transition: all .7s ease-in-out;
         -o-transition: all .7s ease-in-out;   
    width: 40px;
    z-index: 2;
}

/* -------------------------------------------------- */
/* Asides
/* -------------------------------------------------- */
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/* -------------------------------------------------- */
/* Gallery
/* -------------------------------------------------- */
.blog .format-gallery .entry-thumbnail,
.archive .format-gallery .entry-thumbnail,
.single-post .format-gallery .entry-thumbnail {
	display: none;
}

/* -------------------------------------------------- */
/* Image
/* -------------------------------------------------- */
.blog .format-image .entry-thumbnail,
.archive .format-image .entry-thumbnail,
.single-post .format-image .entry-thumbnail {
	display: none;
}


/* Author profiles */
.author .archive-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

.author-info {
	border-top: 1px solid #ededed;
  	margin: 24px 0 0;
	margin: 1.71429rem 0 0;
	overflow: hidden;
	padding: 24px 0 0;
	padding: 1.714285714rem 0 0;
}

.author-description h2 {
	margin-top: 0;
}
.author-description h2 {
	margin-bottom: 7px;
	margin-top: 0;
}

.author-description p {
	color: #757575;
	line-height: 1.5;
}

.author.archive .author-info {
	border-top: 0;
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
}

.author.archive .author-avatar {
	margin-top: 0;
}

/* -------------------------------------------------- */
/* Related Post & Post nav
/* -------------------------------------------------- */
.wrapper-related-posts {
	display: block;
}
.wrapper-related-posts .recent-post li {
	list-style: none;
}
.wrapper-related-posts p{
	font-weight:bold;
	border-bottom: 1px solid #f2f2f2;
	margin-bottom: 14px;
	margin-bottom: 1rem;
	padding-bottom: 5px;
}

.nav-links {
	overflow:hidden;
	padding: 14px;
	padding: 1rem;
	border:1px solid #EDEDED;
	margin: 0;
}

/* -------------------------------------------------- */
/* Comments
/* -------------------------------------------------- */
#comments .comment-body {
	border-bottom: medium none;
}

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

.comment-list {
	list-style: none;
	margin-left: 0;
}

.comment-list li {
	padding-top: 30px;
}

.comment-body {
	border-bottom: 1px solid #f2f2f2;
}

.comment-author {
	float: left;
}

.comment-author img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	display: block;
}

.comment-meta {
	padding-bottom: 20px;
}

.comment-meta .fn {
	color: #555;
	font-style: normal;
	font-weight: normal;
	text-transform: capitalize;
}

.comment-meta .fn a {
	color: #404040;
	text-decoration: none;
}

.comment-meta-details {
	color: #7f8d8c;
	font-size: 0.90em;
	font-style: italic;
	line-height: 1.3;
	padding-top: 5px;
	text-align: center;
	text-align: left;
}

.comment-meta-details a {
	text-decoration: none;
}

.comment-meta-details span,
.comment-meta-details span a {
	color: #999;
}

.comment-content {
	background-color: #FAFAFA;
	box-shadow: 0 0 0 1px rgba(136, 136, 136, 0.15) inset;
	    -moz-box-shadow: 0 0 0 1px rgba(136, 136, 136, 0.15) inset;
		-webkit-box-shadow: 0 0 0 1px rgba(136, 136, 136, 0.15) inset;
	padding: 20px 30px 15px;
	margin-left: 80px;
}

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

.comment-list .children {
	list-style: none;
	margin-left: 80px;
	position: relative;
}

.comment-list .children .depth-5 {
	padding-top: 30px;
}

/* -------------------------------------------------- */
/* Footer
/* -------------------------------------------------- */
.site-footer {
	padding: 2em 0;
	text-align: center;
}

.site-footer a {
	text-decoration: none;
}

/* -------------------------------------------------- */
/* Infinite scroll
/* -------------------------------------------------- */
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/* -------------------------------------------------- */
/* Media
/* -------------------------------------------------- */
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/* -------------------------------------------------- */
/* Captions
/* -------------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	line-height: 2;
	color: #757575;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	font-style: italic;
	line-height: 24px;
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 1em 0;
}

/* -------------------------------------------------- */
/* Galleries
/* -------------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	margin-bottom: 10px;
	padding-right: 2.6%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-item img {
	height: auto;
	width: 100%;
}

.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery-columns-3 .gallery-item { max-width: 33.33%; }
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery-columns-6 .gallery-item { max-width: 16.66%; }
.gallery-columns-7 .gallery-item { max-width: 14.28%; }
.gallery-columns-8 .gallery-item { max-width: 12.5%; }
.gallery-columns-9 .gallery-item { max-width: 11.11%; }
.gallery-caption {
	display: none;
}

/* -------------------------------------------------- */
/* Shortcodes
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* Responsive Slider
/* -------------------------------------------------- */

/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {
	outline: none;
}

.flex-control-nav,
.flex-direction-nav {
	list-style: none;
	margin: 0; 
	padding: 0; 
}

.slides {
	margin-left: 0;
	margin-right: 0;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
	margin: 0; 
	padding: 0;
}

.flexslider .slides > li {
	display: none; 
	margin-bottom: 0;
	padding: 0;
	-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flex-direction-nav {
	display: none;
}


.admin-bar .flexslider .slides img {
	margin-top: -2em;
}

.flexslider .slides img {
	display: block;
	width: 100%; 
}

.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	content: "\0020";
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider { 
	background: #fff;
	margin: 0; 
	position: relative;
}

.flex-viewport { 
	max-height: 2000px; 
	-webkit-transition: all 1s ease; 
	-moz-transition: all 1s ease; 
	-o-transition: all 1s ease; 
	transition: all 1s ease; 
}

.loading .flex-viewport { 
	max-height: 300px; 
}

.flexslider .slides { 
	zoom: 1; 
}

.carousel li { 
	margin-right: 5px; 
}

.slide-title { 
	margin-top: 0.5em;
	text-align: right;
}

.slide-title a { 
	text-decoration: none;
}

/* Direction Nav */
.flex-direction-nav {
	*height: 0;
}

.flex-direction-nav a  { 
	color: rgba(0,0,0,0.8);
	cursor: pointer;
	display: block; 
	height: 28px;
	margin: -28px 0 0;		
	opacity: 1; 
	overflow: hidden; 
	position: relative; 
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.3); 
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease; 
	width: 20px;
	z-index: 10;
}

.flex-direction-nav a:before  { 
	content: '\f503';
	display: inline-block; 
	font-family: 'Genericons';
	font-size: 20px;
}

.flex-direction-nav a.flex-next:before  { 
	content: '\f501'; 
}

.flex-direction-nav .flex-prev {
	top: -35px;
	left: -10px;
}

.flex-direction-nav .flex-next { 
	top: -35px;
	left: 20px;
}

.flexslider:hover .flex-prev,
.flexslider:hover .flex-next { 
	opacity: 0.7; 
}

.flexslider:hover .flex-next:hover, 
.flexslider:hover .flex-prev:hover { 
	opacity: 1; 
}

.flex-direction-nav .flex-disabled {
	cursor: default; 
	opacity: 0!important; 
	filter:alpha(opacity=0); 
}

/* Pause/Play */
.flex-pauseplay a {
	bottom: 5px; 
	color: #000; 
	cursor: pointer; 
	display: block; 
	height: 20px;
	left: 10px;
	opacity: 0.8;
	overflow: hidden;
	position: absolute;
	width: 20px;
	z-index: 10;
}

.flex-pauseplay a:before  {
	content: '\f448';
	display: inline-block; 
	font-family: "Genericons"; 
	font-size: 20px; 
}

.flex-pauseplay a:hover  { 
	opacity: 1; 
}

.flex-pauseplay a.flex-play:before { 
	content: '\f452'; 
}

/* Control Nav */
.flex-control-nav {
	bottom: 0; 
	position: relative; 
	text-align: center;
	width: 100%;
}

.flex-control-nav li {
	display: inline-block;
	margin: 0 6px;
	padding: 0 !important;
	zoom: 1; 
}

.flex-control-paging li a {
	background: #666; 
	background: rgba(0,0,0,0.5); 
	border-radius: 20px; 
		-webkit-border-radius: 20px; 
		-moz-border-radius: 20px; 
		-o-border-radius: 20px; 
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
		-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 
		-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 
		-o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 
	cursor: pointer; 
	display: block; 
	height: 11px;  
	text-indent: -9999px; 
	width: 11px; 
}

.flex-control-paging li a:hover { 
	background: #333; 
	background: rgba(0,0,0,0.7); 
}

.flex-control-paging li a.flex-active { 
	background: #000; 
	background: rgba(0,0,0,0.9); 
	cursor: default; 
}

.flex-control-thumbs {
	margin: 5px 0 0;
	overflow: hidden;
	position: static;
}

.flex-control-thumbs li { 
	float: left; 
	margin: 0;
	width: 25%;
}

.flex-control-thumbs img {
	cursor: pointer;
	display: block; 
	opacity: .7;
	width: 100%; 
}

.flex-control-thumbs img:hover {
	opacity: 1;
}

.flex-control-thumbs .flex-active {
	cursor: default;
	opacity: 1; 
}

/* -------------------------------------------------- */
/* Dropcap
/* -------------------------------------------------- */
.dropcap {
	float: left;
	font-size: 52px;
	font-weight: bold;
	line-height: 0.8;
	padding: 0 6px 0 0;
}

/*--------------------------------------------------------------
 Buttons
--------------------------------------------------------------*/
.button {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	margin: 0 0 1em;
	padding: 10px 15px;
	text-align: center;
}

a.button {
	color: #fff;
	text-decoration: none;
}

a:hover.button {
	color: #fff;
	opacity: 0.6;
}

/* Colors */
.grey { background-color: #ccc; }
.yellow { background-color: #FBCB43; }
.green { background-color: #34B67A; }
.red { background-color: #E57368; }
.blue { background-color: #77A7FB; }
.purple { background-color: #955BA5; }
.black { background-color: #202020; }

/* Size */
.extra-small {
	font-size: 12px; 
	padding: 5px 10px; 
}

.small { 
	font-size: 14px; 
	padding: 10px 15px; 
}

.medium {
	font-size: 16px; 
	padding: 15px 20px; 
}

.large {
	font-size: 18px; 
	padding: 20px 25px;  
}

.extra-large {
	font-size: 20px; 
	padding: 25px 30px;  
}

/* Type */
.square { border-radius: 0; }
.round { border-radius: 3px; }
.pill { border-radius: 30px; }

/* Display */
.inline { display: inline; }
.block { display: block; }

/* -------------------------------------------------- */
/* Alerts
/* -------------------------------------------------- */
.alert {
	color: #fff;
	font-size: 18px;
	margin: 0 0 1em;
	padding: 3% 5%;
	text-align: center;
	width: 100%;
}

/* Text Align */
.left { text-align: left; }
.right { text-align: right; }

/* -------------------------------------------------- */
/* Icons
/* -------------------------------------------------- */
.genericon {
	display: inline-block;
	font-family: 'Genericons';
	font-size: 32px;
	font-style: normal;
	font-weight: normal;
	height: 32px;
	line-height: 1;
	text-decoration: inherit;
	vertical-align: top;
	width: 32px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* IE7 and IE6 hacks */
.genericon {
	*overflow: auto;
	*zoom: 1;
	*display: inline;
}

/* Post formats */
.genericon-standard:before {        content: '\f100'; }
.genericon-aside:before {           content: '\f101'; }
.genericon-image:before {           content: '\f102'; }
.genericon-gallery:before {         content: '\f103'; }
.genericon-video:before {           content: '\f104'; }
.genericon-status:before {          content: '\f105'; }
.genericon-quote:before {           content: '\f106'; }
.genericon-link:before {            content: '\f107'; }
.genericon-chat:before {            content: '\f108'; }
.genericon-audio:before {           content: '\f109'; }

/* Social icons */
.genericon-github:before {          content: '\f200'; }
.genericon-dribbble:before {        content: '\f201'; }
.genericon-twitter:before {         content: '\f202'; }
.genericon-facebook:before {        content: '\f203'; }
.genericon-facebook-alt:before {    content: '\f204'; }
.genericon-wordpress:before {       content: '\f205'; }
.genericon-googleplus:before {      content: '\f206'; }
.genericon-linkedin:before {        content: '\f207'; }
.genericon-linkedin-alt:before {    content: '\f208'; }
.genericon-pinterest:before {       content: '\f209'; }
.genericon-pinterest-alt:before {   content: '\f210'; }
.genericon-flickr:before {          content: '\f211'; }
.genericon-vimeo:before {           content: '\f212'; }
.genericon-youtube:before {         content: '\f213'; }
.genericon-tumblr:before {          content: '\f214'; }
.genericon-instagram:before {       content: '\f215'; }
.genericon-codepen:before {         content: '\f216'; }
.genericon-polldaddy:before {       content: '\f217'; }
.genericon-googleplus-alt:before {  content: '\f218'; }
.genericon-path:before {            content: '\f219'; }
.genericon-skype:before {           content: '\f220'; }
.genericon-digg:before {            content: '\f221'; }
.genericon-reddit:before {          content: '\f222'; }
.genericon-stumbleupon:before {     content: '\f223'; }
.genericon-pocket:before {          content: '\f224'; }
.genericon-dropbox:before {         content: '\f225'; }

/* Meta icons */
.genericon-comment:before {         content: '\f300'; }
.genericon-category:before {        content: '\f301'; }
.genericon-tag:before {             content: '\f302'; }
.genericon-time:before {            content: '\f303'; }
.genericon-user:before {            content: '\f304'; }
.genericon-day:before {             content: '\f305'; }
.genericon-week:before {            content: '\f306'; }
.genericon-month:before {           content: '\f307'; }
.genericon-pinned:before {          content: '\f308'; }

/* Other icons */
.genericon-search:before {          content: '\f400'; }
.genericon-unzoom:before {          content: '\f401'; }
.genericon-zoom:before {            content: '\f402'; }
.genericon-show:before {            content: '\f403'; }
.genericon-hide:before {            content: '\f404'; }
.genericon-close:before {           content: '\f405'; }
.genericon-close-alt:before {       content: '\f406'; }
.genericon-trash:before {           content: '\f407'; }
.genericon-star:before {            content: '\f408'; }
.genericon-home:before {            content: '\f409'; }
.genericon-mail:before {            content: '\f410'; }
.genericon-edit:before {            content: '\f411'; }
.genericon-reply:before {           content: '\f412'; }
.genericon-feed:before {            content: '\f413'; }
.genericon-warning:before {         content: '\f414'; }
.genericon-share:before {           content: '\f415'; }
.genericon-attachment:before {      content: '\f416'; }
.genericon-location:before {        content: '\f417'; }
.genericon-checkmark:before {       content: '\f418'; }
.genericon-menu:before {            content: '\f419'; }
.genericon-refresh:before {         content: '\f420'; }
.genericon-minimize:before {        content: '\f421'; }
.genericon-maximize:before {        content: '\f422'; }
.genericon-404:before {             content: '\f423'; }
.genericon-spam:before {            content: '\f424'; }
.genericon-summary:before {         content: '\f425'; }
.genericon-cloud:before {           content: '\f426'; }
.genericon-key:before {             content: '\f427'; }
.genericon-dot:before {             content: '\f428'; }
.genericon-next:before {            content: '\f429'; }
.genericon-previous:before {        content: '\f430'; }
.genericon-expand:before {          content: '\f431'; }
.genericon-collapse:before {        content: '\f432'; }
.genericon-dropdown:before {        content: '\f433'; }
.genericon-dropdown-left:before {   content: '\f434'; }
.genericon-top:before {             content: '\f435'; }
.genericon-draggable:before {       content: '\f436'; }
.genericon-phone:before {           content: '\f437'; }
.genericon-send-to-phone:before {   content: '\f438'; }
.genericon-plugin:before {          content: '\f439'; }
.genericon-cloud-download:before {  content: '\f440'; }
.genericon-cloud-upload:before {    content: '\f441'; }
.genericon-external:before {        content: '\f442'; }
.genericon-document:before {        content: '\f443'; }
.genericon-book:before {            content: '\f444'; }
.genericon-cog:before {             content: '\f445'; }
.genericon-unapprove:before {       content: '\f446'; }
.genericon-cart:before {            content: '\f447'; }
.genericon-pause:before {           content: '\f448'; }
.genericon-stop:before {            content: '\f449'; }
.genericon-skip-back:before {       content: '\f450'; }
.genericon-skip-ahead:before {      content: '\f451'; }
.genericon-play:before {            content: '\f452'; }
.genericon-tablet:before {          content: '\f453'; }
.genericon-send-to-tablet:before {  content: '\f454'; }
.genericon-info:before {            content: '\f455'; }
.genericon-notice:before {          content: '\f456'; }
.genericon-help:before {            content: '\f457'; }
.genericon-fastforward:before {     content: '\f458'; }
.genericon-rewind:before {          content: '\f459'; }
.genericon-portfolio:before {       content: '\f460'; }
.genericon-heart:before {           content: '\f461'; }
.genericon-code:before {            content: '\f462'; }
.genericon-subscribe:before {       content: '\f463'; }
.genericon-unsubscribe:before {     content: '\f464'; }
.genericon-subscribed:before {      content: '\f465'; }
.genericon-reply-alt:before {       content: '\f466'; }
.genericon-reply-single:before {    content: '\f467'; }
.genericon-flag:before {            content: '\f468'; }
.genericon-print:before {           content: '\f469'; }
.genericon-lock:before {            content: '\f470'; }
.genericon-bold:before {            content: '\f471'; }
.genericon-italic:before {          content: '\f472'; }
.genericon-picture:before {         content: '\f473'; }
.genericon-fullscreen:before {      content: '\f474'; }

/* Generic shapes */
.genericon-uparrow:before {         content: '\f500'; }
.genericon-rightarrow:before {      content: '\f501'; }
.genericon-downarrow:before {       content: '\f502'; }
.genericon-leftarrow:before {       content: '\f503'; }

/* -------------------------------------------------- */
/* Highlights
/* -------------------------------------------------- */
.highlight {
	color: #fff;
}

/* -------------------------------------------------- */
/* Dividers
/* -------------------------------------------------- */
.divider {
	background: none;
	display: block;
	margin: 20px auto;
	height: 0;
	width: 100%;
}

/* Colors */
.divider.grey { border-color: #ccc; }
.divider.yellow { border-color: #FBCB43; }
.divider.green { border-color: #34B67A; }
.divider.red { border-color: #E57368; }
.divider.blue { border-color: #77A7FB; }
.divider.purple { border-color: #955BA5; }
.divider.black { border-color: #202020; }

/* Type */
.solid { 
	border-top: 1px solid #ccc; 
}

.dashed { 
	border-top: 1px dashed #ccc; 
}

.dotted { 
	border-top: 1px dotted #ccc; 
}

.filled { 
	border-top: 5px solid #ccc; 
}

.double-solid { 
	border-top: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	height: 5px; 
}

.double-dashed { 
	border-top: 1px dashed #ccc; 
	border-bottom: 1px dashed #ccc; 
	height: 5px; 
}

.double-dotted  { 
	border-top: 1px dotted #ccc; 
	border-bottom: 1px dotted #ccc; 
	height: 5px; 
}

/* -------------------------------------------------- */
/* Archive
/* -------------------------------------------------- */
ul.shortcode-archive { 
	list-style: none;
	margin: 0;
	padding-bottom: 1em;
}

ul.shortcode-archive li { 
	margin-bottom: 5px;
}

.shortcode-archive-title:before { 
	content: '\f436';
	font-family: 'Genericons';
}

.shortcode-archive-title { 
	text-transform: uppercase;
}

.shortcode-date { 
	color: #ccc;
	padding-left: 10px;
}

/* -------------------------------------------------- */
/* Media Queries
/* -------------------------------------------------- */
@media (max-width: 600px) {
	.entry-meta {
		font-size: 12px !important;
	}
}
	
/* =Media queries
-------------------------------------------------------------- */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

/* Minimum width of 640 pixels ----------- */
@media screen and (max-width: 480px) {
	.widget_search input[type="search"] {
	  width: 70%;
	}
}

/* Minimum width of 640 pixels ----------- */
@media screen and (min-width: 640px) {
	.social-icon-wrapper {
		display:inherit;
		float: right;
		padding: 7px;
		padding: 0.5rem;
		text-align: right;
		font-size: 21px;
		font-size: 1.5rem;
	}
	.toggle-search {
		display:inherit;
		float: right;
		cursor: pointer;
		background-color: #5D5D5D;
		padding: 7px;
		padding: 0.5rem;
	}
	.toggle-search .icons {
		color: #ccc;
	}
	.author-avatar {
		float: left;
		margin-top: 8px;
		margin-top: 0.571428571rem;
	}
	.author-description {
		float: right;
		width: 80%;
	}
	.navigation.post-navigation {
		padding-top: 28px;
		padding-top: 2rem;
	}
/* End @media ================================================================== */}

/* Maximum width of 640 pixels ----------- */
@media (max-width: 640px) {
	.site-header, .top-bar, .wrapper-search-top-bar{
		margin-left: -15px;
		margin-right: -15px;
	}
	.site-header h1 {
		font-size: 35px;
		font-size:2.5rem;
		margin-bottom: 0;
	}
	.site-content {
	  border-radius: 0;
	}
	h1 { font-size: 26px; }
	h2 { font-size: 20px; }
	h3 { font-size: 14px; }
	h4 { font-size: 12px; }
/* End @media ================================================================== */}

/* All Mobile Portrait size smaller than 768 (devices and browsers) ----------- */
@media only screen and (max-width: 767px) {
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		display: none;
	}
/* End @media ================================================================== */}

/* Tablet Portrait size to standard 980 (devices and browsers) */
@media only screen and (min-width: 767px) and (max-width: 979px) {
	.widget_search input[type="search"] {
	  width: 90%;
	}
/* End @media ================================================================== */}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: -10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
/* End @media ================================================================== */}


/* Minimum width of 960 pixels. ----------- */
@media screen and (min-width: 960px) {
	body {
		background-color: #f1f1f1;
	}
	
	body.custom-background-empty {
		background-color: #fff;
	}
	
	body.custom-background-empty .site,
	body.custom-background-white .site {
		padding: 0;
		margin-top: 0;
		margin-bottom: 0;
		box-shadow: none;
	}
	.widget-title {
		padding: 5px 0;
		padding: 0.3571428571428571rem;
	}
	.site {
		margin: 0 auto;
		overflow: hidden;
	}
	.site-header h1,
	.site-header h2 {
		text-align: center;
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation ul ul {
		background-color: #f25d46;
		display: none;
		float: left;
		left: -1.5em;
		padding: 0.5em;
		position: absolute;
		top: 3.3em;
		z-index: 99999;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		line-height: 3.692307692;
		text-transform: uppercase;
		white-space: nowrap;
	}
	.main-navigation li a:hover,
	.main-navigation li a:focus {
		color: #666;
	}
	.main-navigation li {
		background: url(images/menu-sep.png) repeat-y scroll right center;
		box-shadow: 0 -5px 0 rgba(0, 0, 0, 0.06) inset;
		  -moz-box-shadow: 0 -5px 0 rgba(0, 0, 0, 0.06) inset;
		  -webkit-box-shadow: 0 -5px 0 rgba(0, 0, 0, 0.06) inset;
		margin: 0 0 0 10px;
		margin: 0 0 0 1rem;
		position: relative;
	}
	.main-navigation .nav-menu li {
		padding-right: 22px;
	}
	.main-navigation ul li:hover > ul {
		display: block;
	}
	.main-navigation .sub-menu li {
		background:none;
	}
	.main-navigation .sub-menu li ul{
		padding: 0 0.5em;
	}
	.main-navigation .sub-menu li:first-child ul {
		padding: 0;
	}
	.main-navigation .sub-menu li {
		box-shadow: none;
		padding-right: 0;
	}
	.main-navigation .nav-menu li.menu-item-has-children,
	.main-navigation .sub-menu .menu-item-has-children a {
		position: relative;
		visibility: visible;
	}
	.main-navigation li ul li {
		margin-left:0;
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation li ul li a {
		border-bottom: 1px dotted #ededed;
		display: block;
		line-height: 2.181818182;
		padding: 8px 10px;
		padding: 0.571428571rem 0.714285714rem;
		text-align: left;
		transition:all 400ms ease;
		-webkit-transition: all 400ms ease;
		-moz-transition: all 400ms ease;
		-o-transition: all 400ms ease;
		transition: all 400ms ease;
		width: 180px;
		width: 12.85714286rem;
		white-space: normal;
	}
	.main-navigation li ul li a:hover,
	.main-navigation li ul li a:focus {
		background: none repeat scroll 0 0 rgba(255, 255, 255, 0.25);
		color: #444;
	}
	.menu-toggle {
		display: none;
	}
	.entry-header .entry-title {
		font-size: 28px;
		font-size: 2rem;
	}
	#respond form input[type="text"] {
		width: 46.333333333%;
	}
	
	#respond form textarea.blog-textarea {
		width: 79.666666667%;
	}
	.template-front-page .site-content,
	.template-front-page article {
		overflow: hidden;
	}
	.template-front-page.has-post-thumbnail article {
		float: left;
		width: 47.916666667%;
	}
	.entry-page-image {
		float: right;
		margin-bottom: 0;
		width: 47.916666667%;
	}
	.template-front-page .widget-area .widget,
	.template-front-page.two-sidebars .widget-area .front-widgets {
		float: left;
		width: 51.875%;
		margin-bottom: 24px;
		margin-bottom: 1.714285714rem;
	}
	.template-front-page .widget-area .widget:nth-child(odd) {
		clear: right;
	}
	.template-front-page .widget-area .widget:nth-child(even),
	.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
		float: right;
		width: 39.0625%;
		margin: 0 0 24px;
		margin: 0 0 1.714285714rem;
	}
	.template-front-page.two-sidebars .widget,
	.template-front-page.two-sidebars .widget:nth-child(even) {
		float: none;
		width: auto;
	}
	.commentlist .children {
		margin-left: 48px;
		margin-left: 3.428571429rem;
	}
	.credits {
		width:31%;
	}
/* End @media ================================================================== */}

@media (max-width: 985px) {
	/* Top Nav --------------------------------------- */
	.top-nav { display: none; }
	
	/* Search Container ----------------------------- */
	.search-container .search-field {
		padding: 30px 64px 30px 0;
		font-size: 1.25em;
		font-weight: 400;
	}
	.search-container .search-button { margin-top: -17px; }
	
	.search-container .search-button .fa { font-size: 32px; }
		
	/* Header --------------------------------------- */
	.header { 
		padding: 25px 0; 
	}
	.blog-title,
	.blog-description {
		margin-right: 60px;
	}
	/* Nav Toggle */
	.header .section-inner {
		position: relative;
	}
	.nav-toggle {
		background-color: #f9a646;
		border-radius: 99px;
		box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
		display: block;
		height: 40px;
		margin: 5px auto;
		position: relative;
		width: 40px;
	}
	.nav-toggle .bar {
		width: 20px;
		height: 2px;
		background: #fff;
		border-radius: 1px;
		box-shadow: 0 1px 0 rgba(0,0,0,0.1);
		position: absolute;
		left: 50%;
		margin-left: -10px;
		top: 50%;
		-webkit-transition: opacity 0.2s linear 0.2s, margin 0.2s linear 0.2s, -webkit-transform 0.2s linear 0s;
		-moz-transition: opacity 0.2s linear 0.2s, margin 0.2s linear 0.2s, -moz-transform 0.2s linear 0s;
		-o-transition: opacity 0.2s linear 0.2s, margin 0.2s linear 0.2s, -o-transform 0.2s linear 0s;
		transition: opacity 0.2s linear 0.2s, margin 0.2s linear 0.2s, transform 0.2s linear 0s;
	}
	.nav-toggle .bar:nth-child(1) { margin-top: -7px; }
	.nav-toggle .bar:nth-child(2) { margin-top: -1px; }
	.nav-toggle .bar:nth-child(3) { margin-top: 5px; }
	.nav-toggle:hover { cursor: pointer; }
	.nav-toggle.active .bar { 
		background: #fff; 
		-webkit-transition: opacity 0.2s linear 0s, margin 0.2s linear 0s, -webkit-transform 0.2s linear 0.2s;
		-moz-transition: opacity 0.2s linear 0s, margin 0.2s linear 0s, -moz-transform 0.2s linear 0.2s;
		-o-transition: opacity 0.2s linear 0s, margin 0.2s linear 0s, -o-transform 0.2s linear 0.2s;
		transition: opacity 0.2s linear 0s, margin 0.2s linear 0s, transform 0.2s linear 0.2s;
	}
	.nav-toggle.active .bar:nth-child(1),
	.nav-toggle.active .bar:nth-child(3) { margin-top: -1px; }
	.nav-toggle.active .bar:nth-child(1) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.nav-toggle.active .bar:nth-child(2) { 
		-webkit-opacity: 0;
		-moz-opacity: 0;
		opacity: 0; 
	}
	.nav-toggle.active .bar:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	/* Mobile Menu */
	.mobile-menu { 
		background: #222; 
		transition: all 0.1s ease 0.5s;
		  -webkit-transition: all 0.1s ease 0.5s;
		  -moz-transition: all 0.1s ease 0.5s;
		  -o-transition: all 0.1s ease 0.5s;
		  -ms-transition: all 0.1s ease 0.5s;
	}
	.mobile-menu li a { 
		border-top: 1px solid rgba(255,255,255,0.1); 
		border-bottom: 1px solid rgba(0,0,0,0.1); 
	}
	.mobile-menu a {
		color: #fff;
		display: block;
		font-weight: 900;
		letter-spacing: 1px;
		padding: 10px 5%;
		text-align: left;
		text-shadow: 0 1px 0 rgba(0,0,0,0.1);
		text-transform: uppercase;
	}
	.mobile-menu ul a { padding-left: 12%; }
	.mobile-menu ul ul a { padding-left: 18%; }
	.mobile-menu ul ul ul a { padding-left: 24%; }
	.mobile-menu ul ul ul ul a { padding-left: 30%; }
	.mobile-menu ul ul ul ul ul a { padding-left: 36%; }
	.mobile-menu ul ul ul ul ul ul a { padding-left: 42%; }
	.mobile-menu a:hover { color: #fff; }
	
/* End @media ================================================================== */}


@media screen and (max-width: 1023px) {
	#primary {
		padding-top: 1em;
	}
	#secondary {
		border: none;
	}
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}
	button.menu-toggle {
		background: none; 
		border: 0;
		box-shadow: none;
		color: #ffffff;
		font-size: 14px;
		margin: 0 auto;
		outline-style: none;
		text-shadow: none;
		text-transform: uppercase;
	}
	.main-navigation {
		display: block;
		float: none;
		margin: 0 auto;
	}
	.main-navigation ul {
		display: none;
	}
	.main-navigation li {
		float: none;
		margin: 0;
		position: relative;
		padding: 0;
		text-align: center;
	}
	.main-navigation li:last-child {
		border-bottom: 0;
	}
	.main-navigation ul li > ul {
		display: block;
		margin-left: 0;
	}
	.main-navigation ul ul {
		border-left: 0;
		box-shadow: none;
		display: block;
		float: none;
		left: 0;
		padding: 0;
		position: relative;
		top: 0;
		text-transform: capitalize;
		z-index: 99999;
	}
	.main-navigation ul ul li {
		border-bottom: 0;
		padding: 0;
	}
	
/* End @media ================================================================== */}

@media screen and (min-width: 1024px) {
	.row-shortcode {
		margin: 0 -15px;
		padding-bottom: 2em;
	}
	.page-template-layoutspage-left-sidebar-php .column {
		float: right !important;
	}
	.page-template-layoutspage-no-sidebar-php .column {
		float: none !important;
	}
	.page .column,
	.archive .column,
	.search .column {
		float: left;
	}
	
/* End @media ================================================================== */}


/*--------------------------------------------------------------
17.0 Print
--------------------------------------------------------------*/
@media print {
	body {
		background: none !important; /* Brute force since user agents all print differently. */
		color: #2b2b2b;
		font-size: 12pt;
	}
	.hentry,
	.site-content .entry-header,
	.site-content .entry-content,
	.site-content .entry-summary,
	.site-content .entry-meta,
	.page-content,
	.archive-header,
	.page-header {
		max-width: 100%;
	}
	
	.edit-link,
	.page-links,
	.widget-area,
	.more-link,
	.site-footer,
	.smoothup,
	#social-box,
	.nav-links,
	.comments-area {
		display: none;
	}
	.site-title a,
	.entry-meta,
	.entry-meta a {
		color: #2b2b2b !important;
	}
	.entry-content a,
	.entry-summary a,
	.page-content a,
	.comment-content a {
		text-decoration: none;
	}
	.site-header,
	.entry-thumbnail,
	.site-content .entry-header,
	.site-footerr {
		background: transparent;
	}
	.site-title {
		float: none;
		font-size: 19pt;
	}
	.content-area {
		padding-top: 0;
	}
	.entry-thumbnail img {
		margin: 0 10px 24px;
	}
	.archive-title,
	.page-title {
		margin: 0 10px 48px;
	}
/* End @media ================================================================== */}