/* #######################################################################

	Theme Name: Literary
	Theme URI: http://www.meanthemes.com/theme/literary/
	Description: A theme for all types of authors. Built mobile first for speed.
	Author: MeanThemes
	Author URI: http://meanthemes.com/
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.1.7
	Tags: light, white, gray, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, full-width-template, theme-options, translation-ready

########################################################################

	0.  CSS Reset, Font setup and Plugins
	1.	WordPress defaults
	2.	Shortcodes
	3.	General Layout
	4.	Typography
	5.	Mobile layout
	6.	Theme CSS Options
	7.	Social icons
	8.	Wide Phone / Tablet-ish Layout
	9.	Tablet Portrait Layout
	10.	Small Desktop Layout
	11.	Medium Desktop Layout
	13.	Large Desktop Layout
	13.	Enhanced Desktop Layout
	14.	Retina / Hi-DPI
	15.	Print
	
/* #######################################################################

	0.  CSS Reset, Font setup and Plugins

####################################################################### */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
ins{background-color:#ff9;color:#333;text-decoration:none;}
mark{background-color:#ff9;color:#333;font-style:italic;font-weight:700;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
body{font:13px/1.231 sans-serif;}
select,input,textarea,button{font:99% sans-serif;}
pre,code,kbd,samp{font-family:monospace, sans-serif;}
html{overflow-y:scroll;}
a:hover,a:active{outline:none;}
ul,ol{margin-left:2em;}
ol{list-style-type:decimal;}
nav ul,nav li{list-style:none;list-style-image:none;margin:0;}
small{font-size:85%;}
strong,th{font-weight:700;}
td{vertical-align:top;}
sub,sup{font-size:75%;line-height:0;position:relative;}
sup{top:-.5em;}
sub{bottom:-.25em;}
pre{white-space:pre-wrap;word-wrap:break-word;padding:1em;}
textarea{overflow:auto;}
.ie6 legend,.ie7 legend{margin-left:-7px;}
input[type="checkbox"]{vertical-align:bottom;}
.ie7 input[type="checkbox"]{vertical-align:baseline;}
label,input[type="button"],input[type="submit"],input[type="image"],button{cursor:pointer;}
button,input,select,textarea{margin:0;}
input:invalid,textarea:invalid{border-radius:1px;-moz-box-shadow:0 0 5px red;-webkit-box-shadow:0 0 5px red;box-shadow:0 0 5px red;}
.no-boxshadow input:invalid,.no-boxshadow textarea:invalid{background-color:#f0dddd;}
button{width:auto;overflow:visible;}
.ie7 img{-ms-interpolation-mode:bicubic;}
input[type="radio"],.ie6 input{vertical-align:text-bottom;}
em { font-style: oblique; }

@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100);

/* #######################################################################

	0.0 CSS Support for QuickFlickr Widget (http://wordpress.org/extend/plugins/quick-flickr-widget/)
	
####################################################################### */

.quick-flickr-item { width: 32.333333%; margin-top:4px; float: left; }
.quick-flickr-item img { width: 88%; }

/* #######################################################################

	0.1 Plugin - Superfish

####################################################################### */

header nav ul ul {
position: absolute;
top: -999em;
width: 12em;
text-align: left;
z-index: 3;
background: #f6f6f6;
padding: 1em 1em;
margin-top: 18px;
}
header nav ul ul ul {
margin-top: 4px;
}
header nav ul ul li {
width: 100%;
float: left;
display: block;
line-height: 1em;
margin: 0.25em 0;
}
header nav ul li:hover {
visibility: inherit;
}
header nav ul li,
header nav ul a {
position: relative;
}
header nav ul li:hover ul,
 header nav ul li.sfHover ul {
left: 0;
top: 1.5em;
z-index: 99;
}
header nav ul li:hover ul li ul,
 header nav ul li.sfHover ul li ul {
left: 13em;
}
header nav ul li:hover ul ul {
left: 12em;
}
header nav ul li:hover li ul,
 header nav ul li.sfHover li ul {
top: -999em;
}
header nav ul li li:hover ul,
 header nav ul li li.sfHover ul {
left: 7em;
top: 0;
}
header nav ul li li:hover li ul,
 header nav ul li li.sfHover li ul {
top: -999em;
}
header nav li.sfHover a { 
text-decoration: none; 
}
header nav ul ul li a, header nav li.sfHover li a { 
text-decoration: none; 
background: none;
}
header nav ul li ul li a { 
text-decoration: none; 
padding: 0.75em 0 0.25em 0;
display: block;
float: left;
width: 100%;
background: none;
border-bottom: none;
}
header nav ul ul li:first-child a { 
padding: 0;
border-top: none; 
}
header nav ul ul a:hover { 
text-decoration: underline; 
}

/* #######################################################################

	0.2 Plugin - meanMenu

####################################################################### */

/* #######################################################################

	meanMenu
	--------
	
	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar { 
float: left;
width: 100%;
position: relative;
background: #0c1923;
padding: 4px 0;
min-height: 42px;
z-index: 999999;
}
.mean-container a.meanmenu-reveal {
width: 22px;
height: 22px;
padding: 13px 13px 11px 13px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
color: #fff;
text-decoration: none;
font-size: 16px;
text-indent: -9999em;
line-height: 22px;
font-size: 1px;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
}
.mean-container a.meanmenu-reveal span {
display: block;
background: #fff;
height: 3px;
margin-top: 3px;
}
.mean-container .mean-nav { 
float: left;
width: 100%;
background: #0c1923;
margin-top: 33px;
}
.mean-container .mean-nav ul {
padding: 0;
margin: 0;
width: 100%;
list-style-type: none;
}
.mean-container .mean-nav ul li {
position: relative;
float: left;
width: 100%;
}
.mean-container .mean-nav ul li a {
display: block;
float: left;
width: 90%;
padding: 1em 5%;
margin: 0;
text-align: left;
color: #fff;
border-bottom: 1px solid #383838;
border-bottom: 1px solid rgba(255,255,255,0.5);
text-decoration: none;
text-transform: uppercase;
}
.mean-container .mean-nav ul li li a {
width: 80%;
padding: 1em 10%;
border-bottom: 1px solid #f1f1f1;
border-bottom: 1px solid rgba(255,255,255,0.25);
opacity: 0.75; 
filter: alpha(opacity=75);
text-shadow: none !important;
visibility: visible;
}
.mean-container .mean-nav ul li.mean-last a {
border-bottom: none;
margin-bottom: 0;
}
.mean-container .mean-nav ul li li li a {
width: 70%;
padding: 1em 15%;
}
.mean-container .mean-nav ul li li li li a {
width: 60%;
padding: 1em 20%;
}
.mean-container .mean-nav ul li li li li li a {
width: 50%;
padding: 1em 25%;
}
.mean-container .mean-nav ul li a:hover { 
background: #252525;
background: rgba(255,255,255,0.1); 
}
.mean-container .mean-nav ul li a.mean-expand {
width: 26px;
height: 26px;
border: none !important;
padding: 12px !important;
text-align: center;
position: absolute;
right: 0;
top: 0;
z-index: 2;
font-weight: 700;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
background: none;
}
.mean-container .mean-push { 
float: left;
width: 100%;
padding: 0;
margin: 0;
clear: both; 
}
.mean-nav .wrapper {
width: 100%;
padding: 0;
margin: 0;
}


/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
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 {margin: 0 0 20px; position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 40px; height: 40px; margin: -20px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 20px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 20px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #fff; background: rgba(255,255,255,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a:hover { background: #fff; background: rgba(255,255,255,255.7); }
.flex-control-paging li a.flex-active { background: #efefef; background: rgba(255,255,255,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

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

/*
 * Skin for jPlayer Plugin (http://jplayer.org/)
 * jPlayer Version: 2.2.0
 *
 * Based on Author: @thelukemcdonald (lukemcdonald.com) implementation and design by @ormanclark (premiumpixels.com).
 */

/* GENERAL
----------------------------------------------- */
.jp-jplayer {
  width: 0px;
  height: 0px;
  background-color: #000000;
}
.jp-audio {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  padding: 0;
  font-size: 1em;
  font-family: "Helvetica Neue", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  color: #fff;
  line-height: 1.6;
}
.jp-audio a {
  text-decoration: none;
  color: #d2d6db;
}
.jp-audio a:hover {
  color: #ffffff;
}
.jp-interface {
  position: relative;
  height: 30px;
  width: 100%;
  background-color: #222222;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#3a3b3c), to(#222222));
  background-image: -moz-linear-gradient(#3a3b3c, #222222);
  background-image: -ms-linear-gradient(#3a3b3c, #222222);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3a3b3c), color-stop(100%, #222222));
  background-image: -webkit-linear-gradient(#3a3b3c, #222222);
  background-image: -o-linear-gradient(#3a3b3c, #222222);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a3b3c', endColorstr='#222222', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a3b3c', endColorstr='#222222', GradientType=0)";
  background-image: linear-gradient(#3a3b3c, #222222);
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  -khtml-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
/* CONTROLS
----------------------------------------------- */
.jp-controls {
  float: left;
  width: 30px;
  height: 30px;
  list-style-type: none;
  padding: 0;
  margin: 0;
  z-index: 100;
}
.jp-controls:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 30px;
  width: 0;
  height: 30px;
  border-left: 1px solid #242526;
  border-right: 1px solid #323334;
}
.jp-controls li {
  float: left;
}
.jp-controls a {
  position: absolute;
  overflow: hidden;
  text-indent: -9999px;
}
.jp-play,
.jp-pause,
.jp-mute,
.jp-unmute {
  z-index: 1;
  outline: none;
  width: 30px;
  height: 30px;
  background-position: 10px center;
  background-repeat: no-repeat;
}
.jp-play:hover,
.jp-pause:hover,
.jp-mute:hover,
.jp-unmute:hover {
  background-position: -23px center;
}
.jp-play {
  background-image: url('assets/img/audio/play.png');
  background-position: 10px 30%;
}
.jp-play:hover {
  background-position: -23px 30%;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .jp-play {
    background-image: url('assets/img/audio/play@2x.png');
    background-size: auto auto;
  }
}
.jp-pause {
  display: none;
  background-image: url('assets/img/audio/pause.png');
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .jp-pause {
    background-image: url('assets/img/audio/pause@2x.png');
    background-size: auto auto;
  }
}
.jp-mute,
.jp-unmute {
  display: block;
  position: absolute;
  top: 0;
  right: 55px;
}
.jp-mute {
  background-image: url('assets/img/audio/mute-off.png');
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .jp-mute {
    background-image: url('assets/img/audio/mute-off@2x.png');
    background-size: auto auto;
  }
}
.jp-unmute {
  background-image: url('assets/img/audio/mute-on.png');
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .jp-unmute {
    background-image: url('assets/img/audio/mute-on@2x.png');
    background-size: auto auto;
  }
}
/* PROGRESS BAR
----------------------------------------------- */
.jp-progress {
  position: absolute;
  padding: 0 10% 0 12%;
  margin-top: 12px;
  margin-bottom: 12px;
  margin-left: 0;
  margin-right: 0;
  width: 78%;
  height: 7px;
}
.jp-seek-bar,
.jp-play-bar {
  width: 0px;
  height: 5px;
  -webkit-border-radius: 1px;
  -khtml-border-radius: 1px;
  -moz-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
}
.jp-seek-bar {
  cursor: pointer;
  position: relative;
  z-index: 999;
  background: #464849;
  width: 85% !important;
}
.single .post-audio .jp-seek-bar {
width: 80% !important;
}
.insta .jp-seek-bar {
width: 40% !important;
margin-left: 16px;
}
.jp-seek-bar:before {
  content: " ";
  display: block;
  background: transparent;
  border: 1px solid;
  border-color: #212424 #262929 #262929;
  height: 5px;
  width: 100%;
  position: relative;
  top: -1px;
  left: -1px;
  -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
  -khtml-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
  -o-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -khtml-border-radius: 1px;
  -moz-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
}
.jp-play-bar {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: progress 0.75s linear infinite;
  -moz-animation: progress 0.75s linear infinite;
  -o-animation: progress 0.75s linear infinite;
  -ms-animation: progress 0.75s linear infinite;
  animation: progress 0.75s linear infinite;
}
/* VOLUME BAR
----------------------------------------------- */
.jp-volume-bar {
  float: right;
  z-index: 99;
  position: relative;
  margin: 12px 10px 12px;
  width: 40px;
  height: 7px;
  cursor: pointer;
  background: #262929;
  -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
  -khtml-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
  -o-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -khtml-border-radius: 1px;
  -moz-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
}
.jp-volume-bar:before {
  content: " ";
  position: absolute;
  top: -12px;
  left: -35px;
  width: 0;
  height: 30px;
  border-left: 1px solid #323334;
  border-right: 1px solid #242526;
}
.jp-volume-bar-value {
  width: 0px;
  height: 5px;
  margin: 1px;
  -webkit-border-radius: 1px;
  -khtml-border-radius: 1px;
  -moz-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
}
/* Diagonal Background Bars */
.jp-play-bar,
.jp-volume-bar-value {
  -webkit-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
  -khtml-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
  -o-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
  -webkit-background-size: 7px 7px;
  -moz-background-size: 7px 7px;
  -o-background-size: 7px 7px;
  background-size: 7px 7px;
  background-color: #DB5C56;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fff200), to(#fcc500));
  background-image: -moz-linear-gradient(#fff200, #fcc500);
  background-image: -ms-linear-gradient(#fff200, #fcc500);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff200), color-stop(100%, #fcc500));
  background-image: -webkit-linear-gradient(#fff200, #fcc500);
  background-image: -o-linear-gradient(#fff200, #fcc500);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff200', endColorstr='#fcc500', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff200', endColorstr='#fcc500', GradientType=0)";
  background-image: linear-gradient(#fff200, #fcc500);
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.3)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.3)), color-stop(0.75, rgba(255, 255, 255, 0.3)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
}
/* TIME HOLDER
----------------------------------------------- */
.jp-time-holder {
  display: none;
  visibility: hidden;
}
/* TIME HOLDER
----------------------------------------------- */
.jp-toggles {
  display: none;
  visibility: hidden;
}
/* PLAYLIST
----------------------------------------------- */
.jp-playlist {
  width: 95%;
  margin: 0 auto;
  font-size: 13px;
  background-color: #3a3b3c;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 0 0 3px 3px;
  -khtml-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.jp-playlist a {
  display: block;
}
.jp-playlist ul {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
  -khtml-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
  -o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
}
.jp-playlist li {
  display: none;
  width: 100%;
  padding: 5px 10px;
  border-top: 1px solid #3d3f40;
  border-bottom: 1px solid #323334;
}
.jp-playlist li:first-child {
  border-top: none;
}
.jp-playlist li:last-child {
  border-bottom: none;
}
.jp-free-media {
  float: right;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  font-size: 10px;
  text-transform: uppercase;
  margin-top: 1px;
  display: block;
}
.jp-free-media:hover {
  filter: alpha(opacity=80);
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.jp-free-media a {
  display: inline;
}
.jp-free-media a:first-child:before,
.jp-free-media a:last-child:after {
  content: " ";
}
.jp-playlist-current a {
  font-weight: bold;
  color: white;
}
.jp-playlist-current .jp-free-media a {
  font-weight: normal;
}
/* CSS3 ANIMATINS
----------------------------------------------- */
/* Progress Bar Animation */
@-webkit-keyframes progress {
  0% {
    background-position: 0;
  }
  100% {
    background-position: -7px;
  }
}
@-moz-keyframes progress {
  0% {
    background-position: 0;
  }
  100% {
    background-position: -7px;
  }
}
@-ms-keyframes progress {
  0% {
    background-position: 0;
  }
  100% {
    background-position: -7px;
  }
}
@-o-keyframes progress {
  0% {
    background-position: 0;
  }
  100% {
    background-position: -7px;
  }
}

/* #######################################################################

	1.	WordPress defaults

####################################################################### */

.alignnone {
margin:5px 0 20px;
}
a img.alignnone {
margin:5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.aligncenter,
 div.aligncenter,
 .aligncenter {
display:block;
margin:5px auto;
}
.alignright,
 a img.alignright {
float:right;
margin:5px 0 20px 20px;
}
.alignleft,
 a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}
.wp-caption.aligncenter { 
text-align: center; 
}
.wp-caption.alignleft { 
text-align: left; 
}
.wp-caption.alignright { 
text-align: right; 
}
.sticky {}
.gallery-caption { 
font-style: oblique;
}
.bypostauthor .avatar { 
border-color: #ccc; 
}
.wp-caption {
padding: 10px;
background: #fff;
box-shadow: 0 0 2px rgba(0,0,0,0.3);
display: inline-block;
}
.wp-caption img {
border: 1px solid #ccc;
}
.wp-caption p {
margin: 0;
padding: 0;
}
/* calendar widget */
#wp-calendar {
width: 85%;
background: #f1f1f1;
margin: 0 auto;
}
#wp-calendar caption {
text-align: center;
color: #fff;
font-size: 12px;
margin-top: 10px;
margin-bottom: 15px;
}
#wp-calendar thead {
font-size: 13px;
}
#wp-calendar thead th {
padding-bottom: 10px;
font-weight: 700;
text-align: center;
background: #333;
color: #fff;
padding: 8px;
}
#wp-calendar tbody {
color: #aaa;
}
table#wp-calendar td {
background: none;
}
#wp-calendar tbody td {
background: #f1f1f1;
border: 1px solid #ccc;
text-align: center;
padding: 8px;
}
#wp-calendar tbody tr:hover td {
background: #ccc;
color: #fff;
}
#wp-calendar tbody tr:hover td:hover {
background: #ccc;
color: #fff
}
#wp-calendar tbody .pad {
background: none;
}
#wp-calendar tfoot #next {
font-size: 12px;
text-transform: uppercase;
text-align: right;
}
#wp-calendar tfoot #prev {
font-size: 12px;
text-transform: uppercase;
padding-top: 10px;
}
.sidebar #wp-calendar a, footer #wp-calendar a {
color: #333;
}

/* #######################################################################

	2.	Shortcodes

####################################################################### */

.one_half {
width:48%;
}
.one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
width:100%;
}
.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
position:relative;
margin-right:4%;
float:left;
}
.last {
margin-right:0 !important;
clear:right;
}
.clearboth {
clear:both;
display:block;
font-size:0;
height:0;
line-height:0;
width:100%;
}
.clear {
clear:both;
display:block;
width:100%;
float: left;
}
.status,
.comment-body em {
display: block;
width: 96%;
padding: 10px 2%;
border-radius: 4px;
margin: 0.5em 0 1em 0;
}
.status.oops {
background: #f9e1e1;
border: 1px solid #eec4c4;
}
.status.less-oops,
.comment-body em {
background: #fde8d9;
border: 1px solid #e1c5af;
}
.status.ok {
background: #d2ebd1;
border: 1px solid #bad2ba;
}
.status p {
margin: 0.5em 0;
}
a.btn,
button,
a.button,
a.button:visited,
.password-protect input[type=submit],
.form-submit input, .comment-reply a {
padding: 0.75em 1.75em 0.8em 1.75em;
width: auto;
background: none;
border: none;
display: inline-block;
color: #fff !important;
background: #f88172;
text-decoration: none;
-o-transition: background 0.25s ease-in;
-webkit-transition: background 0.25s ease-in;
-moz-transition: background 0.25s ease-in;
transition: background 0.25s ease-in;
vertical-align: middle;
margin-bottom: 10px;
font-weight: 400;
border-radius: 3px;
}
a.button.square {
border-radius: 2px;
}
a.button.large,
a.btn.large {
padding: 20px 60px;
}
a.button:hover,
a.btn:hover,
button:hover,
.password-protect input[type=submit]:hover, .form-submit input:hover, .comment-reply a:hover {
text-decoration: none;
background: #363f48;
}
a.button:active {
position: relative;
top: 1px;
}
a.button.grey {
background: #757c7e;
}
a.button.grey:hover {
background: #3e4345;
}
a.button.black {
background: #333;
}
a.button.black:hover {
background: #000;
}
a.button.green {
background: #b3ce7e;
}
a.button.green:hover {
background: #7e9b47;
}
a.button.light-blue {
background: #8aabb5;
}
a.button.light-blue:hover {
background: #4b7784;
}
a.button.blue {
background: #3b98b4;
}
a.button.blue:hover {
background: #266476;
}
a.button.red {
background: #f77564;
}
a.button.red:hover {
background: #b75548;
}
a.button.orange {
background: #f7a664;
}
a.button.orange:hover {
background: #cf6916;
}
a.button.purple {
background: #a18bcf;
}
a.button.purple:hover {
background: #6547a4;
}
a.button.pink {
background: #e38f8f;
}
a.button.pink:hover {
background: #c76d6d;
}
.mt-tabs .ui-tabs-hide {
position: absolute;
left: -99999em;
}
.mt-tabs {
background: none;
margin: 0 0 2em 0;
}
.mt-tabs ul.nav {
list-style: none !important;
margin: 0!important;
padding: 0;
background: none;
border: 0;
float: none;
}
.mt-tabs ul.nav li {
float: left;
position: relative;
margin: 0 2px -1px 0 !important;
z-index: 10;
list-style: none !important;
}
.mt-tabs ul.nav li a {
border: 1px solid #dfdfdf !important;
border-bottom: none !important;
display: block;
overflow: hidden;
padding: 5px 10px 0 10px;
height: 26px;
background: #fcfcfc;
margin: 0 !important;
text-decoration: none;
color: #373737 !important;
border-radius: 3px 3px 0 0;
}
.mt-tabs ul.nav li a:hover {
background: #fff !important;
margin: 0 !important;
}
.mt-tabs ul.nav li.ui-tabs-selected a {
height: 27px;
background: #fff;
}
.mt-tabs .tab {
background: #fff;
padding: 10px;
border: 1px solid #dfdfdf;
}
.toggle { 
margin: 0 0 2em 0; 
}
.toggle .toggle-title {
display: block;
padding: 10px 10px 10px 30px; 
background: #fcfcfc;
border: 1px solid #c5c5c5;
cursor: pointer;
outline: none;
position: relative;
}
.toggle .toggle-title:hover { 
border: 1px solid #c5c5c5; 
}
.toggle-inner {
padding: 10px;
background: #fff;
border: 1px solid #c5c5c5;
border-top: none;
}
.toggle span.ui-icon {
background: url(assets/img/toggle-open.png) no-repeat;
width: 12px;
height: 12px;
position: absolute;
top: 50%;
left: 10px;
margin: -6px 0 0 0;
}
.toggle .ui-state-active .ui-icon { 
background: url(assets/img/toggle-close.png) no-repeat; 
}
.clearfix:before,
.clearfix:after { content:""; display:table; }
.clearfix:after { clear: both; }
.clearfix { zoom:1; }

.bullets ul li, .bullets ol li {
list-style-type: none;
background: url(assets/img/tick-green.png) 0 0.75em no-repeat;
margin-left: -1em;
padding: 0.25em 0 0.25em 2em;
}
.bullets.green li {
background-image: url(assets/img/tick-green.png);
}
.bullets.red li {
background-image: url(assets/img/tick-red.png);
}
.bullets.black li {
background-image: url(assets/img/tick-black.png);
}
.bullets.light-blue li {
background-image: url(assets/img/tick-light-blue.png);
}
.bullets.blue li {
background-image: url(assets/img/tick-blue.png);
}
.bullets.grey li {
background-image: url(assets/img/tick-grey.png);
}
.bullets.orange li {
background-image: url(assets/img/tick-orange.png);
}
.bullets.pink li {
background-image: url(assets/img/tick-pink.png);
}
.bullets.purple li {
background-image: url(assets/img/tick-purple.png);
}

/* #######################################################################

	3.	General Layout

####################################################################### */

html {
-webkit-text-size-adjust: none;
-webkit-font-smoothing: antialiased;
}
a img {
border: none;
}
img { 
max-width: 100%; 
height: auto;
}
#map img {
max-width: inherit !important;
}
article ul, article ol { 
margin-left: 0;
padding-left: 2em;
margin-bottom: 1em; 
}
article ul li, article ol li {
margin: 0.25em 0 0.5em 0;
}
article ul ul, article ol ol, article ol ul, article ol ul, article .commentlist ul, .commentlist  ol.commentlist {
margin-top: 0.5em;
margin-bottom: 0;
}
blockquote {
padding: 1em 2em 0.5em 2em;
margin-bottom: 1em;
}
table {
margin-bottom: 1em;
}
table, table td, table th {
border-collapse: collapse;
}
table td, table th {
padding: 5px 10px;
}
table th {
text-align: left;
font-weight: 400;
background: #d1d1d1;
border: 1px solid #d1d1d1;
}
table td {
background: #fff;
border: 1px solid #d1d1d1;
}
table tr.alt td {
background: #f1f1f1;
}
table tr:hover td {
background: #efefef;
color: #fff;
}

/* #######################################################################

	4.	Typography

####################################################################### */

body, 
input, 
button,
textarea {
font-family: "Roboto Slab", Georgia, serif;
font-weight: 400;
text-rendering: optimizeLegibility;
}
.flexslider .flex-next, .flexslider .flex-prev {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 17px !important;
}
a {
color: #e47171;
text-decoration: none;
-o-transition: color 0.25s ease-in;
-webkit-transition: color 0.25s ease-in;
-moz-transition: color 0.25s ease-in;
transition: color 0.25s ease-in;
}
a:hover, 
.sidebar li.current_page_item a {
text-decoration: none;
-o-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}

.read-more, .read-more:hover {
	text-decoration: none;
	-o-transition: all 0.25s ease-in;
	-webkit-transition: all 0.25s ease-in;
	-moz-transition: all 0.25s ease-in;
	transition: all 0.25s ease-in;
}

.announce {
text-align: center;
}

.announce a:hover, .meta a:hover, .sidebar a:hover, .pagination a:hover, footer a:hover {
border-bottom: 1px solid rgba(255,255,255,0.9);
}
footer a.credit {
display: inline-block;
margin-top: 0.5em;
}
footer .social-links a, footer .social-links a:hover {
border: none;
}
p {
margin-bottom: 1.5em;
}
.announce p:last-of-type {
margin-bottom: 0;
}
p, .announce, .meta, .widget {
line-height: 1.7;
}
h1, .archive-content h2, .archive-content h2 a {
margin: 0.5em 0;
line-height: 1.3;
}

h2, h3, h4, h5, h6 {
font-weight: 400;
line-height: 1.2;
margin: 0.5em 0 10px 0;
}
.home .archive-content h2 a:hover, .archive-content span.source a:hover  {
opacity: 0.7; 
filter: alpha(opacity=70);
}
.archive-content .post-content, footer {
text-align: center;
}
header nav ul ul {
box-shadow: 0 0 1px rgba(0,0,0,0.2);
}
.navigation a:hover {
opacity: 0.7; 
filter: alpha(opacity=70);
}


/* #######################################################################

	5.	Mobile layout

####################################################################### */

#content-wrapper {
float: left;
width: 100%;
border: 10px solid #f5f4f0; /* TO Border */
-o-transition: border-width 0.5s ease-in;
-webkit-transition: border-width 0.5s ease-in;
-moz-transition: border-width 0.5s ease-in;
transition: border-width 0.5s ease-in;
}

blockquote {
margin: 2em 0;
border: 1px dotted rgba(0,0,0,0.22);
border-left: none;
border-right: none;
font-size: 110%;
text-align: center;
padding: 1.5em 1.5em 0.5em 1.5em;
opacity: 0.5; 
filter: alpha(opacity=50);
}
.quote {
text-align: center;
font-size: 150%;
margin-top: 1.5em;
padding: 2em 0.5em 1.5em 0.5em;
background: url(assets/img/quotemark.png) 50% 0 no-repeat;
}
article.format-quote .quote {
padding: 2em 0;
background-position: 50% 0;
font-size: 130%;
}
.archive-content .format-quote .quote {
margin-top: 1em;
}
.quote-source, .archive-content span.source {
margin-top: 2em;
font-size: 65%;
}
.quote-rating-1, .quote-rating-2, .quote-rating-3, .quote-rating-4, .quote-rating-5 {
margin-top: 0.25em;
height: 30px;
background: url(assets/img/stars.png) 50% 10px no-repeat;
}
.quote-rating-4 {
background-position: 50% -30px;
}
.quote-rating-3 {
background-position: 50% -70px;
}
.quote-rating-2 {
background-position: 50% -110px;
}
.quote-rating-1 {
background-position: 50% -150px;
}
header {
float: left;
width: 100%;
text-align: center;
padding: 40px 0 0 0;
}
header .logo .site-title {
display: block;
}
.divider {
float: left;
width: 100%;
height: 1px;
text-align: center;
opacity: 0.3;
filter: alpha(opacity=30);
padding: 25px 0;
}
.divider .divide {
margin: 0 auto;
width: 150px;
}
.announce {
float: left;
width: 100%;
background: rgba(0,0,0,0.1);
padding: 20px;
}
.announce.social-header {
padding-top: 0;
padding-bottom: 0;
background: rgba(0,0,0,0.2);
}
.announce.social-header .social-links {
padding: 0.5em 0;
}
.wrapper, .meta.top {
float: left;
width: 100%;
}
.meta.top, .sidebar-on .meta.top {
float: left;
width: 100%;
padding: 30px 0 0 0;
margin: 0 0 1em 0;
list-style-type: none;
text-align: center;
}
article.format-standard .meta.top {
padding: 0;
}
/* Icons */
article.format-video .meta.top {
background: url(assets/img/icon-video.png) 50% 4px no-repeat;
}
article.format-aside .meta.top {
background: url(assets/img/icon-aside.png) 50% 4px no-repeat;
}
article.format-audio .meta.top {
background: url(assets/img/icon-audio.png) 50% 4px no-repeat;
}
article.format-chat .meta.top {
background: url(assets/img/icon-chat.png) 50% 4px no-repeat;
}
article.format-gallery .meta.top {
background: url(assets/img/icon-gallery.png) 50% 4px no-repeat;
}
article.format-quote .meta.top {
background: url(assets/img/icon-quote.png) 50% 4px no-repeat;
}
article.format-link .meta.top {
background: url(assets/img/icon-link.png) 50% 4px no-repeat;
}
article.format-image .meta.top {
background: url(assets/img/icon-image.png) 50% 4px no-repeat;
}
article.format-status .meta.top {
background: url(assets/img/icon-status.png) 50% 4px no-repeat;
}
.meta li, .sidebar-on .meta li {
display: inline;
}
.sidebar-on .meta li .separator {
display: inline;
}
.wrapper {
padding: 0 10px;
}
.wrapper.full-wrap {
float: left;
width: 100%;
padding-top: 20px;
margin-top: 2em;
}
.archive-content article {
float: left;
width: 100%;
margin-top: 30px;
margin-bottom: 50px;
}
.post-thumb {
display: block;
text-align: center;
margin-bottom: 20px;
}
.meta.bottom {
float: left;
width: 100%;
padding: 0;
margin: 20px 0;
list-style: none;
text-align: center;
}
li.more a, .book-cover a.button,
.read-more {
display: block;
padding: 12px 0;
text-align: center;
border: none;
border-radius: 0;
}
li.more a:hover, .book-cover a.button:hover, .read-more:hover  {
border: none;
}

.post-content, .the-content {
float: left;
width: 100%;
}
.the-content {
padding: 10px 20px;
}
.page-template-template-blog-php article.format-link .the-content, .home article.format-link .the-content, .archive-content article.format-aside .the-content, article.format-link .single-link .the-content, .archive-content article.format-status .the-content, article.format-status .single-status .the-content {
padding: 60px 20px 30px 20px;
text-align: center;
}
.archive-content article.format-aside .the-content {
padding: 30px 20px;
}
article.format-link .the-content h2 a, article.format-link .the-content h1 a, .article-content article.format-link .the-content h2 a, .home article.format-link .the-content h2 a, .archive article.format-link .the-content h2 a {
background: url(assets/img/link-open.png) 50% 15px no-repeat;
padding-top: 40px;
}
.home .the-content {
background: none;
text-align: center;
padding-top: 0;
padding-bottom: 0;
}
.mejs-container {
max-width: 100%;
}
article.format-chat p {
text-align: left;
margin: 0.5em 0;
padding: 0.5em 0;
}
.home article.format-chat p, .archive article.format-chat p {
text-align: center;
}
.home article.format-chat p:first-of-type, .archive article.format-chat p:first-of-type {
text-align: center;
}
footer {
float: left;
width: 100%;
padding: 30px;
text-align: center;
}
footer .wrapper {
max-width: 90%;
}
.social-links {
float: left;
display: block;
width: 100%;
padding-top: 1em;
}
.navigation {
float: left;
width: 100%;
margin-top: 50px;
padding: 20px;
}
.navigation .nav-next, .navigation .nav-previous {
float: left;
width: 100%;
text-align: center;
padding: 0;
}
.navigation .nav-previous {
padding: 20px 0 0 0;
}
.navigation .nav-previous {
padding-bottom: 0;
}
.pagination {
float: left;
width: 100%;
text-align: center;
}
.pagination ul {
padding: 0;
margin: 0 0 20px 0;
list-style-type: none;
}
.pagination li {
padding: 0;
margin: 0 0 0 1em;
display: inline;
}
.pagination li:first-child {
margin-left: 0;
}
section#main {
float: left;
width: 100%;
min-height: 500px;
}
.sidebar {
float: left;
width: 100%;
padding: 2em 10px 2em 10px;
margin-top: 2em;
}
.sidebar h5 {
margin-bottom: 0.5em;
}
.sidebar .widget {
float: left;
width: 100%;
padding: 0 0 1em 0;
}
.sidebar a {
opacity: 0.7; 
filter: alpha(opacity=70);
}
.sidebar ul {
line-height: 1.4;
padding: 0;
margin: 0;
list-style-type: none;
}
.sidebar ul ul { 
margin-top: 1em;
margin-left: 1em;
}
.sidebar ul ul ul { 
margin-left: 2em;
}
.sidebar li {
margin: 0.25em 0 0.75em 0;
}
.sidebar input.s {
margin: 0.25em 0;
width: 100%;
}
.single-portfolio .the-content {
margin-bottom: 50px;
}
.single-portfolio .no-budge .the-content {
margin-bottom: 20px;
}
.portfolio-item {
position: relative;
float: left;
background: #fff;
width: 94%;
margin-top: 30px;
margin-left: 3%;
line-height: 0;
margin-bottom: 20px;
}
.portfolio-item img {
width: 100%;
}
.portfolio-content {
position: absolute;
top: 0;
left: 0;
line-height: 1.2;
width: 80%;
padding: 20px 10%;
opacity: 0; 
filter: alpha(opacity=0);
}
.portfolio-item:hover .portfolio-content {
opacity: 1; 
filter: alpha(opacity=100);
}
.portfolio-item:hover img {
opacity: 0.07; 
filter: alpha(opacity=07);
}
.portfolio-item, .portfolio-item:hover, .portfolio-item .portfolio-content, .portfolio-item:hover .portfolio-content, .portfolio-item img, .portfolio-item:hover img {
-o-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
.single-portfolio .flexslider {
margin-bottom: 20px;
}
.flexslider, .stacked {
float: left;
width: 100%;
}
.stacked ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.stacked ul li {
padding: 0;
margin-bottom: 20px;
}
.flex-direction-nav a {
text-align: center;
line-height: 36px;
}
.tweets {
float: left;
width: 100%;
font-size: 80%;
}
.twitter-avatar img {
width: 25px;
height: 25px;
margin-right: 10px;
float: left;
}
.tweets ul, 
.tweets ul li {
padding: 0;
margin: 0;
list-style-type: none;
}
.tweets ul li {
margin-bottom: 1em;
}
.tweet_timestamp, .tweet_intents, .tweets .follow, .sidebar a.follow {
font-size: 80%;
display: block;
}
.sidebar a.follow {
display: inline-block;
}
.tweet_intents {
margin-top: 0.5em;
}

/* ----- Single ----- */
.single .post-content.audio {
margin-bottom: 20px;
}
.comment-system, #comments, #respond, div.comments {
float: left;
width: 100%;
}
img.avatar {
width: 25px;
width: 25px;
}
#respond-title a {
display: block;
}
#respond {
float: left;
}
#respond form, .commentlist {
float: left;
width: 100%;
padding: 0;
margin: 0;
}
#reply-title {
float: left;
}
#respond-title a:hover {
opacity: 0.8; 
filter: alpha(opacity=80);
}
p.form-allowed-tags {
width: 95%;
}
ol.commentlist {
padding-top: 10px;
padding-bottom: 30px;
}
ol.commentlist p {
line-height: 1.4;
}
ol.commentlist li { 
list-style-type: none; 
padding: 35px 0 0 0;
padding-bottom: 0;
position: relative;
float: left;
width: 100%;
}
ol.commentlist li:first-of-type {
border: none;
}
ol.commentlist li ul {
margin: 25px 0 30px 0;
float: left;
width: 100%;
padding-left: 0;
}
ol.commentlist li li { 
padding-left: 5%;
width: 95%;
float: left;
border-bottom: none;
}
.comment-body, .comment-author {
float: right;
width: 89%;
margin: -5px 0 0 0;
padding: 0;
}
input.searchsubmit {
display: none;
}
.contact-form input, .password-protect input, input.s, textarea, input[type=text] {
border: 1px solid #e1e1e1;
background: #fff;
width: 64%;
padding: 0.95em;
}
#map {
float: left;
width: 100%;
height: 220px;
}
input.s {
width: 100%;
border: none;
}
.password-protect input[type=submit] {
margin-top: 20px;
opacity: 1;
}
.contact-form textarea, #respond form textarea {
width: 100%;
}
.contact-form input, #respond form input {
margin-right: 20px;
}
.contact-form form {
padding-top: 0.25em;
}
textarea { 
width: 90%;
height: 10em; 
}
input[type=text],
input[type=submit],
input[type=password],
input[type=url],
input[type=email],
input[type=tel],
textarea,
button, 
.form-submit input, .comment-reply a {
-webkit-appearance: none;
border-radius: 0;
outline: none;
}
.comment-reply a {
font-size: 75%;
padding: 6px 9px 8px 9px;
}

/* ----- Archive & Search ----- */
.archive-post-content {
margin-bottom: 20px;
}
h1.searching span {
background: #f5f2c9;
padding: 4px;
}
.top-search {
float: right;
width: 100%;
}
.top-search a {
position: relative;
display: block;
float: right;
width: 44px;
height: 44px;
background-image: url(assets/img/cross.png);
background: url(assets/img/magnify.png) 50% 50% no-repeat rgba(0,0,0,0.1);
z-index: 2;
}
.top-search a.cross {
background-image: url(assets/img/cross.png);
}
.top-search a:hover {
background-color: rgba(0,0,0,0.2);
}

.top-search span {
	visibility: hidden;	
}

.top-search input.s {
display: none;
float: right;
width: 85.35%;
border: none;
position: relative;
z-index: 1;
padding-top: 10px;
padding-bottom: 10px;
min-height: 44px;
opacity: 0.6; 
filter: alpha(opacity=60);
}
.archive-content.content {
margin-top: -10px;
}

/* ----- Page ----- */
.page article {
float: left;
width: 100%;
margin-bottom: 50px;
}
.page .meta {
text-align: center;
}
label.error {
float: left;
width: 100%;
color: #f00;
margin: 0.5em 0 1em 0;
}
input.error, textarea.error {
border: 1px solid #f00;
}
.pnf .post-content {
text-align: center;
width: 100%;
padding-right: 0;
}
.page-template-template-blog-php .post-content.up {
margin-bottom: -60px;
}


/* ----- Archives Page ----- */
article .archives-content ul {
padding: 0;
margin: 0.5em 0 2em 0;
list-style-type: none;
}
article .archives-content ul li a {
display: inline-block;
padding: 4px 0 4px 20px;
margin-bottom: 0.25em;
-o-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
article .archives-content ul li a:hover {
padding-left: 35px;
-o-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
.comment-body, .comment-author {
width: 85%;
}
.author-meta {
float: left;
width: 100%;
text-align: center;
padding: 30px 0 0 0;
}
.author-meta img {
border: 1px solid #EAEAE9;
}

/* ----- Books ----- */

.book-cover {
float: left;
width: 100%;
text-align: center;
}
.page-template-template-books-php .book-cover img:hover, .page-template-template-books-php .book-cover img {
-o-transition: opacity 0.25s ease-in;
-webkit-transition: opacity 0.25s ease-in;
-moz-transition: opacity 0.25s ease-in;
transition: opacity 0.25s ease-in;
}
.book-cover img:hover {
opacity: 0.5; 
filter: alpha(opacity=50);
}
.book-cover ul {
padding: 0.5em 0 1em 0;
margin: 0;
list-style-type: none;
}
.book-cover ul li {
margin: 0.5em 0;
}
.book-cover a.button {
margin-bottom: 1em;
}
.page-template-template-books-php .book-cover {
margin: 30px 0;
width: 76%;
padding-left: 12%;
}
.page-template-template-books-php .book-cover .button {
margin: 20px 0 0 0;
width: 215px;
display: inline-block;
}

.flex-clear {
float: left;
width: 100%;
}
.flexslider.book-flex {
max-width: 100%;
width: 215px;
margin-top: 50px;
}
.flexslider.book-flex * {
opacity: 1;
filter: alpha(opacity=100);
}
.flexslider.book-flex .flex-direction-nav {
position: absolute;
top: -35px;
padding: 0;
width: 100%;
z-index: 1;
text-align: left;
}
.flexslider.book-flex .flex-direction-nav:hover a {
opacity: 1;
filter: alpha(opacity=100);
}
.flexslider.book-flex .flex-direction-nav a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.book-flex .book-cover {
width: 100%;
}
.book-flex .book-cover img {
margin-bottom: 10px;
}
.book-cover img, .book-cover img:hover {
-o-transition: opacity 0.25s ease-in;
-webkit-transition: opacity 0.25s ease-in;
-moz-transition: opacity 0.25s ease-in;
transition: opacity 0.25s ease-in;
}
.book-flex .flex-next, .book-flex .flex-prev, .flexslider.book-flex:hover .flex-next, .flexslider.book-flex:hover .flex-prev {
float: left;
top: auto;
bottom: auto;
left: auto;
right: auto;
display: inline-block;
padding: 0;
width: 44px;
height: 44px;
-o-transition: opacity 0.25s ease-in;
-webkit-transition: opacity 0.25s ease-in;
-moz-transition: opacity 0.25s ease-in;
transition: opacity 0.25s ease-in;
border: none;
}
.book-flex .flex-next:hover, .book-flex .flex-prev:hover {
-o-transition: opacity 0.25s ease-in;
-webkit-transition: opacity 0.25s ease-in;
-moz-transition: opacity 0.25s ease-in;
transition: opacity 0.25s ease-in;
}
.book-flex .flex-next {
margin-left: 54px;
margin-top: -28px;
background-position: 50% 9px;
}
footer .widgets, .footer-widget {
float: left;
width: 100%;
margin-bottom: 30px;
}
.footer-widget h5 {
margin-bottom: 1em;
}
footer input.s {
width: 100%;
opacity: 0.5;
filter: alpha(opacity=50);
}
.widget {
text-align: left;
}
.widget ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.widget ul li {
padding: 0;
margin: 0.25em 0 0.75em 0;
}

/* ----- Box-sizing ----- */
.announce, .meta.top, .wrapper, #content-wrapper, footer, .the-content, .navigation, .contact-form input, .password-protect input, input.s, textarea, input[type=text], .sidebar {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/* Borders */
.divider .divide {
margin: 0 auto;
border-top: 1px solid #fff; /* TO - Border */
}
.wrapper.full-wrap {
border-top: 1px solid #fff; /* TO - Border */
border-top: 1px solid rgba(255,255,255,0.3);
}
article.format-chat p {
border-bottom: 1px solid #ccc;
border-bottom: 1px solid rgba(0,0,0,0.1); /* TO - Border */
}
article.format-chat p:first-of-type {
border-top: 1px solid #ccc;
border-top: 1px solid rgba(0,0,0,0.1); /* TO - Border */
}
.home article.format-chat p, .archive article.format-chat p {
border-bottom: 1px solid #fff;
border-bottom: 1px solid rgba(255,255,255,0.3); /* TO - Border */
}
.home article.format-chat p:first-of-type, .archive article.format-chat p:first-of-type {
border-top: 1px solid #fff;
border-top: 1px solid rgba(255,255,255,0.3); /* TO - Border */
}
.sidebar {
border-top: 1px solid #fff; /* TO - Border */
border-top: 1px solid rgba(255,255,255,0.3);
}
.announce a, .meta a, footer a, .sidebar a, .pagination a {
border-bottom: 1px solid rgba(255,255,255,0.2);
}
.flex-direction-nav a {
color: #fff; 
}
.page-template-template-portfolio-php .the-content {
text-align: left;
}
.clearboth.trio {
	display: none;
}

/* #######################################################################

	6.	Theme CSS Options

####################################################################### */

/* Background Colours */
#content-wrapper {
border-color: #f5f4f0;
background: #6cb4b9; 
}
li.more a, .book-cover a.button,
.read-more {
background: rgba(255,255,255,0.22); 
}
li.more a:hover, .book-cover a.button:hover,
.read-more:hover  {
background: rgba(0,0,0,0.22); 
}
.the-content, article.format-link .the-content, .home article.format-link .the-content, .archive-content article.format-aside .the-content, article.format-link .single-link .the-content, .archive-content article.format-status .the-content, article.format-status .single-status .the-content, .page-template-template-portfolio-php .the-content {
background: #f5f4f0; 
}
footer {
background: rgba(0,0,0,0.12); 
}
.flex-direction-nav a {
background: #363f48; 
color: #fff !important;
}
.show-menu span {
background: #fff; 
}
.navigation {
background: rgba(255,255,255,0.12);
}

/* Font Colours */
body, 
input, 
button,
textarea,
.home.page-template-template-portfolio-php .the-content {
color: #363f48; 
}
a {
color: #e47171;
}
a:hover {
color: #363f48;
}
.site-title, .tagline, .site-title a {
color: #fff; 
}
.site-title a:hover {
color: #e8e6de; 
}
.announce a, .meta a, footer a, .sidebar a, .pagination a, .meta, .announce, footer, .book-cover, .book-cover a.button, li.more a, .book-cover a.button, li.more a:hover, .book-cover a.button:hover, .read-more, .read-more:hover {
color: #fff; 
}
h1, .archive-content h2, .archive-content h2 a {
color: #363f48; 
}
.archive-content h2 a:hover {
color: #e47171; 
}
.home .archive-content h2 a, .home .archive-content .source a {
color: #fff;
}
header nav ul ul li a, header nav li.sfHover li a {
color: #363f48; 
}
article.format-link .the-content h2 a, .home article.format-link .the-content h2 a, article.format-aside .the-content h2 a, .home article.format-aside .the-content h2 a, article.format-link .the-content h2 a, .home article.format-aside .the-content, article.format-link .the-content, .archive-content article.format-status .the-content {
color: #363f48; 
}
article.format-link .the-content h2 a, article.format-link .the-content h1 a, .article-content article.format-link .the-content h2 a, .home article.format-link .the-content h2 a, .archive article.format-link .the-content h2 a {
color: #e47171; 
}
.home .the-content, .pnf .post-content, .pnf .post-content h1 {
color: #fff; 
}
.sidebar {
color: #fff; 
}
.sidebar a {
color: #fff; 
}
header nav a, .navigation, .navigation a {
color: #fff;
}
header nav ul li.sfHover a,
header nav ul li a:hover, 
header nav li.current_page_item a,
header nav li.current-menu-item a,
header nav li.current_page_ancestor a, 
header nav li.current_page_parent a,
header nav li.current-post-ancestor a, 
header nav li.current-page-ancestor a {
color: #d4d1c3;
}

/* Font sizes */
body, 
input, 
button,
textarea {
font-size: 17px;
}
.meta, .announce, footer, .book-cover, .book-cover a.button {
font-size: 15px; 
}
.book-cover, .portfolio-cat {
font-size: 14px; 
}
h1, .archive-content h2, .archive-content h2 a {
font-size: 33px; 
}
h2 {
font-size: 29px; 
}
h3 {
font-size: 26px; 
}
h4 {
font-size: 23px; 
}
h5, .portfolio-content h2 {
font-size: 21px; 
}
h6 {
font-size: 19px; 
}
.meta li.more, .read-more {
font-size: 17px;
}
.sidebar h5 {
font-size: 20px; 
}
.site-title {
font-size: 27px;
}

/* #######################################################################

	7.	Social icons

####################################################################### */

a.social { 
display: inline-block;
position: relative;
width: 22px;
height: 22px;
margin-left: 5px;
margin-bottom: 5px;
-o-transition: opacity 0.5s ease-in; 
-webkit-transition: opacity 0.5s ease-in; 
-moz-transition: opacity 0.5s ease-in; 
transition: opacity 0.5s ease-in;
opacity: 0.3; 
filter:alpha(opacity=30);
text-indent: -9999em;
color: rgba(0,0,0,0) !important;
font-size: 1px;
line-height: 22px;
border: none !important;
}
a.social:hover { 
-o-transition: opacity 0.25s ease-in; 
-webkit-transition: opacity 0.25s ease-in; 
-moz-transition: opacity 0.25s ease-in; 
transition: opacity 0.25s ease-in;
opacity: 0.9; 
filter:alpha(opacity=90);
}
a.social:first-of-type {
margin-left: 0;
}
a.social.first {
margin-left: 0;
}
a.social.twitter { 
background: url(assets/img/social-twitter-black.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.facebook { 
background: url(assets/img/social-facebook-black.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.linkedin { 
background: url(assets/img/social-linkedin-black.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.googleplus { 
background: url(assets/img/social-googleplus-black.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.vimeo { 
background: url(assets/img/social-vimeo-black.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.youtube { 
background: url(assets/img/social-youtube-black.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.zerply { 
background: url(assets/img/social-zerply-black.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.pinterest { 
background: url(assets/img/social-pinterest-black.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.dribbble { 
background: url(assets/img/social-dribbble-black.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.github { 
background: url(assets/img/social-github-black.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.instagram { 
background: url(assets/img/social-instagram-black.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.flickr { 
background: url(assets/img/social-flickr-black.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.rss { 
background: url(assets/img/social-rss-black.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.adn { 
background: url(assets/img/social-adn-black.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.behance { 
background: url(assets/img/social-behance-black.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.tumblr { 
background: url(assets/img/social-tumblr-black.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.lastfm { 
background: url(assets/img/social-lastfm-black.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.xing { 
background: url(assets/img/social-xing-black.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.foursquare { 
background: url(assets/img/social-foursquare-black.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.twitter { 
background: url(assets/img/social-twitter-white.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.facebook { 
background: url(assets/img/social-facebook-white.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.linkedin { 
background: url(assets/img/social-linkedin-white.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.googleplus { 
background: url(assets/img/social-googleplus-white.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.vimeo { 
background: url(assets/img/social-vimeo-white.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.youtube { 
background: url(assets/img/social-youtube-white.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.zerply { 
background: url(assets/img/social-zerply-white.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.pinterest { 
background: url(assets/img/social-pinterest-white.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.dribbble { 
background: url(assets/img/social-dribbble-white.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.github { 
background: url(assets/img/social-github-white.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.instagram { 
background: url(assets/img/social-instagram-white.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.flickr { 
background: url(assets/img/social-flickr-white.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.rss { 
background: url(assets/img/social-rss-white.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.adn { 
background: url(assets/img/social-adn-white.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.behance { 
background: url(assets/img/social-behance-white.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.tumblr { 
background: url(assets/img/social-tumblr-white.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.lastfm { 
background: url(assets/img/social-lastfm-white.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.xing { 
background: url(assets/img/social-xing-white.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.foursquare { 
background: url(assets/img/social-foursquare-white.png) 0 0 no-repeat;
background-size: 21px 21px;
}

/* #######################################################################

	8.	Wide Phone / Tablet-ish Layout

####################################################################### */

@media screen and (min-width: 37.5em) { /* 600px */
li.more a,
.read-more {
display: inline-block;
padding-left: 3em;
padding-right: 3em;
}
.one_third {
width:30.66%;
}
.two_third {
width:65.33%;
}
.one_fourth {
width:22%;
}
.three_fourth {
width:74%;
}
.one_fifth {
width:16.8%;
}
.two_fifth {
width:37.6%;
}
.three_fifth {
width:58.4%;
}
.four_fifth {
width:67.2%;
}
.five_sixth {
width:82.67%;
}
.wrapper {
padding: 0 20px;
}
.the-content, .single .format-link .the-content {
padding: 20px 40px;
}
.wrapper.full-wrap {
border: none;
margin: 0;
}
header nav {
float: left;
width: 100%;
margin: 1.25em 0 0 0;
}
header nav ul {
padding: 1em 0 1.25em 0;
border-top: 1px solid #fff;
border-top: 1px solid rgba(255,255,255,0.22);
border-bottom: 1px solid #fff;
border-bottom: 1px solid rgba(255,255,255,0.22);
}
header nav ul li {
display: inline;
margin-left: 1em;
}
header nav ul li:first-child {
margin-left: 0;
}
header nav ul ul {
border: none;
}
.logo.search-on {
margin-top: -2em;
}
.logo {
margin: 0 0 1em 0;
}
.show-menu {
margin-top: 15px;
display: inline-block;
}
.show-menu span.show-title {
font-size: 15px;
position: absolute;
top: 3px;
left: 36px;
width: 200px;
text-align: left;
background: none;
display: none;
}
.show-menu span {
width: 26px;
height: 5px;
margin-bottom: 3px;
display: block;
}
.show-menu:hover {
opacity: 0.5; 
filter: alpha(opacity=50);
}
#content-wrapper {
border-width: 20px; 
}
.mejs-container {
width: 100% !important;
}
.navigation .nav-next, .navigation .nav-previous {
position: relative;
float: left;
width: 50%;
text-align: left;
padding: 0;
z-index: 2;
}
.home .navigation .nav-next, .home .navigation .nav-previous, .archive .navigation .nav-next, .archive .navigation .nav-previous, .search .navigation .nav-next, .search .navigation .nav-previous, .page-template-template-blog-php .navigation .nav-previous, .page-template-template-blog-php .navigation .nav-next { 
margin-top: -1.2em;
width: 30%;
}
.navigation .nav-next {
float: right;
text-align: right;
}
.pagination ul {
position: relative;
z-index: 2;
margin-bottom: 0;
}
.sidebar {
padding-left: 20px;
padding-right: 20px;
}
.page-template-template-books-php .book-cover {
width: 50%;
padding: 0;
}
.author-meta {
text-align: left;
}
.author-meta img {
float: left;
margin-right: 1.612903225806%;
border: 1px solid #EAEAE9;
}
.author-info {
float: right;
width: 82.709677419355%;
}
.portfolio-item {
width: 46%;
}
.top-search input.s {
width: 65%;
}
.comment-body, .comment-author {
width: 92%;
}
}

/* #######################################################################

	9.	Tablet Portrait Layout

####################################################################### */

@media screen and (min-width: 48em) { /* 768px */
img.avatar {
width: auto;
height: auto;
}
.the-content {
padding: 20px 30px;
}
.quote {
padding: 2em 1.5em 1.5em 1.5em;
}
#map {
height: 300px;
}
.footer-widget {
width: 46%;
margin-left: 4%;
}
.book-cover {
width: 215px;
text-align: left;
}
.single-book .the-content {
float: right;
width: 65%;
}
.page-template-template-books-php .book-cover {
width: 33.333333333%;
text-align: center;
}
.portfolio-item {
width: 30.7%;
margin-left: 2.1%;
}
.comment-body, .comment-author {
width: 89%;
}
.clearboth.trio {
	display: block;
}
}

/* #######################################################################

	9.1. Large Tablet Layout

####################################################################### */

@media screen and (min-width: 50em) { /* 800px */
	.clearboth.duo {
		display: none;
	}
}

/* #######################################################################

	10.	Small Desktop Layout

####################################################################### */

@media screen and (min-width: 60em) { /* 960px */
.extra-content {
margin-top: 20px;
}
.home .format-quote .the-content, .home .format-chat .the-content {
margin-top: -1em;
}
.sidebar input.s {
padding: 10px;
font-size: 80%;
}
.top-search input.s {
width: 40%;
}
.home .meta.bottom, .archive .meta.bottom, .search .meta.bottom, .sidebar-on .meta.bottom, .page-template-template-blog-php .meta.bottom, .blog .meta.bottom {
text-align: center;
width: 100%;
}
.content {
float: left;
width: 100%;
margin-top: 20px;
}
.archive-content .post-content {
text-align: left;
}
.meta.top, .meta.bottom, 
.home.page-template-template-portfolio-php .meta.top, 
.home.page-template-template-portfolio-php .meta.bottom,
.sidebar-on .page-template-template-portfolio-php .meta.top, 
.sidebar-on .page-template-template-portfolio-php .meta.bottom,
.sidebar-on .page-template-template-books-php .meta.top, 
.sidebar-on .page-template-template-books-php .meta.bottom {
float: left;
width: 14%;
text-align: right;
clear: left;
}
.meta .separator {
display: none;
}
.meta li {
display: block;
margin-bottom: 0.25em;
}
.meta.top li.cats {
margin-top: 2em;
}
.post-content {
float: right;
width: 71%;
padding-right: 12%;
}
.wrapper, .wrapper.full-wrap {
float: none;
width: 910px;
margin: 0 auto;
}
.meta.top {
background-position: 100% 4px !important;
}
.sidebar {
float: left;
width: 24%;
padding-right: 2%;
border: none;
padding-top: 0;
margin-top: 0.5em;
}
.sidebar-on .content {
width: 66%;
}
.sidebar-on .post-content {
width: 100%;
padding-right: 0;
}
.sidebar-on .sidebar {
float: left;
}
.sidebar-on.left .sidebar {
float: right;
padding-left: 10%;
}
.sidebar-on .home .sidebar, .sidebar-on .page-template-template-blog-php .sidebar {
margin-top: 2em;
}
.sidebar-on.left .sidebar {
float: left;
}
.sidebar-on.left .page .sidebar, .page .sidebar-on.left .sidebar {
float: right;
}
.sidebar-on.left .content, .sidebar-on.left .meta.top, .sidebar-on.left .meta.bottom {
text-align: left;
float: right;
}
.sidebar-on.left .meta.top {
background-position: 0 4px !important;
}
.sidebar-on.left .post-content {
float: left;
}
.sidebar-on .sidebar {
padding-top: 0;
}
.sidebar-on .meta li.more, .sidebar-on .archive-content .meta.bottom {
margin-top: 10px;
width: 100%;
text-align: center;
}
.read-more {
	margin-top: 50px;
}
.more-link:before {
	content: '' ;
	width: 100%;
	display: block;
	height: 0;
}
.sidebar-on .content {
width: 74%;
}
.sidebar-on .meta.top, .sidebar-on .meta.bottom {
float: left;
width: 21.276595744681%;
margin: 0 0 0 0;
text-align: right;
}
.sidebar-on .meta li .separator {
display: none;
}
.sidebar-on .meta li {
display: block;
margin-bottom: 0.25em;
}
.sidebar-on .meta.top li.cats {
margin-top: 2em;
}
.sidebar-on .meta li.post-share.no-thumb {
margin-top: 0;
}
.sidebar-on .post-content {
width: 75.531914893617%;
}
.sidebar-on .single-portfolio .content, .sidebar-on .single-book .content,
.sidebar-on .page-template-template-portfolio-php .content, .sidebar-on .page-template-template-books-php .content {
width: 100%;
}
.single-book .the-content {
float: right;
width: 61%;
}
.page-template-template-books-php .book-cover {
width: 30.333333333%;
padding: 0 1.5%;
}
.page-template-template-books-php .book-cover .button {
width: 100%;
}
.footer-widget {
float: left;
width: 25%;
margin-left: 6%;
}
.sidebar-on .author-info {
width: 80%;
}
.page-template-template-books-php .nocontent .book-cover {
margin-top: 0;
}
.page-template-template-portfolio-php .nocontent {
margin-top: -30px;
}
}


/* #######################################################################

	11.	Medium Desktop Layout

####################################################################### */

@media screen and (min-width: 64em) { /* 1024px */
.wrapper, .wrapper.full-wrap {
width: 970px;
}
}


/* #######################################################################

	12.	Large Desktop Layout

####################################################################### */

@media screen and (min-width: 75em) { /* 1200px */
.one_sixth {
width:13.33%;
}
.single-book .the-content {
float: right;
width: 70%;
}
.wrapper, .wrapper.full-wrap {
width: 1140px;
}
.page-template-template-books-php .book-cover .button {
width: 215px;
}
.author-info {
width: 87%;
}
.sidebar-on .author-info {
width: 83%;
}
}

/* #######################################################################

	13.	Enhanced Desktop Layout

####################################################################### */

@media screen and (min-width: 90em) { /* 1440px */
.wrapper, .wrapper.full-wrap {
width: 1380px;
}
.single-book .the-content {
width: 75%;
}
.author-info {
width: 89%;
}
.sidebar-on .author-info {
width: 87%;
}
.comment-body, .comment-author {
width: 92%
}
}

/* #######################################################################

	14.	Retina / Hi-DPI

####################################################################### */

@media only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 1.5/1),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
a.social.twitter { 
background: url(assets/img/social-twitter-black@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.facebook { 
background: url(assets/img/social-facebook-black@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.linkedin { 
background: url(assets/img/social-linkedin-black@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.googleplus { 
background: url(assets/img/social-googleplus-black@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.vimeo { 
background: url(assets/img/social-vimeo-black@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.youtube { 
background: url(assets/img/social-youtube-black@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.zerply { 
background: url(assets/img/social-zerply-black@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.pinterest { 
background: url(assets/img/social-pinterest-black@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.dribbble { 
background: url(assets/img/social-dribbble-black@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.github { 
background: url(assets/img/social-github-black@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.instagram { 
background: url(assets/img/social-instagram-black@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.flickr { 
background: url(assets/img/social-flickr-black@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.rss { 
background: url(assets/img/social-rss-black@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.adn { 
background: url(assets/img/social-adn-black@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.behance { 
background: url(assets/img/social-behance-black@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.tumblr { 
background: url(assets/img/social-tumblr-black@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.lastfm { 
background: url(assets/img/social-lastfm-black@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.xing { 
background: url(assets/img/social-xing-black@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.foursquare { 
background: url(assets/img/social-foursquare-black@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.twitter { 
background: url(assets/img/social-twitter-white@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.facebook { 
background: url(assets/img/social-facebook-white@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.linkedin { 
background: url(assets/img/social-linkedin-white@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.googleplus { 
background: url(assets/img/social-googleplus-white@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.vimeo { 
background: url(assets/img/social-vimeo-white@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.youtube { 
background: url(assets/img/social-youtube-white@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.zerply { 
background: url(assets/img/social-zerply-white@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.pinterest { 
background: url(assets/img/social-pinterest-white@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.dribbble { 
background: url(assets/img/social-dribbble-white@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.github { 
background: url(assets/img/social-github-white@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.instagram { 
background: url(assets/img/social-instagram-white@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.flickr { 
background: url(assets/img/social-flickr-white@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.rss { 
background: url(assets/img/social-rss-white@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.adn { 
background: url(assets/img/social-adn-white@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.behance { 
background: url(assets/img/social-behance-white@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.tumblr { 
background: url(assets/img/social-tumblr-white@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.lastfm { 
background: url(assets/img/social-lastfm-white@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.xing { 
background: url(assets/img/social-xing-white@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
a.social.white.foursquare { 
background: url(assets/img/social-foursquare-white@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.bullets.green li {
background-image: url(assets/img/tick-green@2x.png);
background-size: 16px 13px;
}
.bullets.red li {
background-image: url(assets/img/tick-red@2x.png);
background-size: 16px 13px;
}
.bullets.black li {
background-image: url(assets/img/tick-black@2x.png);
background-size: 16px 13px;
}
.bullets.light-blue li {
background-image: url(assets/img/tick-light-blue@2x.png);
background-size: 16px 13px;
}
.bullets.blue li {
background-image: url(assets/img/tick-blue@2x.png);
background-size: 16px 13px;
}
.bullets.grey li {
background-image: url(assets/img/tick-grey@2x.png);
background-size: 16px 13px;
}
.bullets.orange li {
background-image: url(assets/img/tick-orange@2x.png);
background-size: 16px 13px;
}
.bullets.pink li {
background-image: url(assets/img/tick-pink@2x.png);
background-size: 16px 13px;
}
.bullets.purple li {
background-image: url(assets/img/tick-purple@2x.png);
background-size: 16px 13px;
}
article.format-image .meta.top {
background-image: url(assets/img/icon-image@2x.png);
background-size: 27px 17px;
}
article.format-gallery .meta.top {
background-image: url(assets/img/icon-gallery@2x.png);
background-size: 26px 17px;
}
article.format-aside .meta.top {
background-image: url(assets/img/icon-aside@2x.png);
background-size: 25px 17px;
}
article.format-audio .meta.top {
background-image: url(assets/img/icon-audio@2x.png);
background-size: 26px 17px;
}
article.format-chat .meta.top {
background-image: url(assets/img/icon-chat@2x.png);
background-size: 25px 17px;
}
article.format-link .meta.top {
background-image: url(assets/img/icon-link@2x.png);
background-size: 33px 17px;
}
article.format-quote .meta.top {
background-image: url(assets/img/icon-quote@2x.png);
background-size: 24px 17px;
}
article.format-status .meta.top {
background-image: url(assets/img/icon-status@2x.png);
background-size: 23px 17px;
}
article.format-video .meta.top {
background-image: url(assets/img/icon-video@2x.png);
background-size: 20px 13px;
}
article.format-link .the-content h2 a, article.format-link .the-content h1 a, .article-content article.format-link .the-content h2 a, .home article.format-link .the-content h2 a, .archive article.format-link .the-content h2 a {
background-image: url(assets/img/link-open@2x.png);
background-size: 20px 20px;
}
.top-search a {
background-image: url(assets/img/magnify@2x.png);
background-size: 15px 15px;
}
.top-search a.cross {
background-image: url(assets/img/cross@2x.png);
background-size: 15px 15px;
}
.quote {
background-image: url(assets/img/quotemark@2x.png);
background-size: 28px 19px;
}
.quote-rating-1, .quote-rating-2, .quote-rating-3, .quote-rating-4, .quote-rating-5 {
background-image: url(assets/img/stars@2x.png);
background-size: 97px 176px;
}
}