/*
Theme Name: Penoolis
Theme URI: http://www.themewarrior.com/themes/penoolis
Description: A simple WordPress blog theme from ThemeWarrior
Author: ThemeWarrior
Author URI: http://www.themewarrior.com
Version: 1.0.8
License: GPL
License URI: license.txt
Tags: one-column, white
*/

/* 
PLEASE DON'T EDIT THIS FILE
If you want to add or modify the styles please do it from the custom.css file inside the theme folder, or for best practice do your customization in a child theme http://codex.wordpress.org/Child_Themes. It will make it easier for you to update your theme when we release a theme updates.
*/


@import url("css/font-awesome.min.css");
@import url("css/reset.css");
@import url("http://fonts.googleapis.com/css?family=Montserrat:400,700");
@import url("http://fonts.googleapis.com/css?family=Merriweather:400,300,700");
@import url("http://fonts.googleapis.com/css?family=Lato:300,400,700");
@import url("http://fonts.googleapis.com/css?family=Roboto+Slab:400,300");


/*---- icon ----*/
.icon-youtube-sign:before {
	content: "\f166";
}

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

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

.icon-skype:before {
	content: "\f17e";
}

body {
	font: 16px/150% "Merriweather", Arial, Helvetica, sans-serif;
	color: #444;
	margin: 0 auto;
	text-align: center;
	height: 100%;
}

/* -----------------------------------
	Common Styles 
-----------------------------------*/
input, textarea {
	font: 100% "Merriweather", Arial, Helvetica, sans-serif;
}

a {
	color: #383d3f;
	text-decoration: none;
}

a:link {
	color: #086da0;
	text-decoration: none;
}

a:hover {
	color: #ff3000;
}

p,
blockquote {
	margin: 0 0 1.7em 0;
    color: #555;
}

blockquote {
	margin-left: 7%;
	padding-left: 3%;
	border-left: 1px solid #ededed;
}

blockquote p {
	font-size: 16px;
	line-height: 160%;
}

h1, h2, h3 {
	font-weight: bold;
	margin: 10px 0;
}

h1 {
	font-size: 30px;
	margin-bottom: 20px;
}

h2 {
	font-size: 25px;
	margin: 20px 0 10px 0;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 16px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 11px;
}

table {
	clear: both;
	margin: 10px 0;
}

ul, ol {
	margin: 20px 24px;
}

ul li {
	list-style: disc;
	margin-bottom: 10px;
}

ol li {
	list-style: decimal;
	margin-bottom: 4px;
}

li ul,
li ol {
	margin-top: 4px;
}

img,
embed,
iframe,
object,
video {
	max-width: 100%;
}

img {
	height: auto;
}

select {
	display: block;
	width: 100%;
	height: 34px;
	font-size: 14px;
	padding: 6px 12px;
	line-height: 1.428571429;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

::selection {
	background: #f66767;
	color: #fff;
}

.clearfix, .wrapper {
	float: left;
	clear: both;
	width: 100%;
}

/* Main container style */
.container {
	max-width: 980px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

/* -----------------------------------
	Header Styles 
-----------------------------------*/
#header {
	width: 100%;
	height: 450px;
	position: relative;
	overflow: hidden;
}

/* Hidden Header */
#header-top {
	width: 100%;
	border-bottom: solid 1px #333;
	position: fixed;
	display: none;
	top: 0;
	z-index: 201;
}

body.admin-bar #header-top {
	top: 28px;
}

#hidden-header .container {
	width: 80% !important;
	position: relative;
}

.one-fourth, .one-fourth.search {
	float: left;
	clear: both;
	width: 100% !important;
	margin: 0 0 20px 0 !important;
}

.one-fourth.search,
.one-fourth:nth-child(4n+1) {
	margin: 0;
	width: 18.4%;
}

.one-fourth.about ul {
	margin: 0;
}

.one-fourth.about ul li {
	margin-right: 10px;
}

.one-fourth.about ul li i:hover {
	opacity: .7;
	filter: alpha(opacity=70);
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}

.one-fourth.about ul li i {
    color: #bdbdbd;
}

.one-fourth.twitter ul {
	float: left;
	margin: 0 0 20px 0;
}

.one-fourth.twitter p {
	margin:0;
}

.one-fourth.twitter #twitter li {
	margin-bottom: 20px;
}

.one-fourth.twitter #twitter li p {
	margin-bottom: 10px;
}

.one-fourth.twitter .meta {
	text-transform: uppercase;
	font-family: Lato;
	font-size: 10px;
	color: #7d7d7d;
}

.one-fourth.twitter li a {
	color: #ff7272;
	
}
 
.one-fourth.twitter .t-link a {
	padding-right: 5px;
    color: #ff7272;
}

.jPanelMenu-panel {
	min-height: 0 !important;
}

#hidden-header {
    font: 13px Lato, Helvetica, Arial, sans-serif;
	z-index: 9;
	padding-bottom: 40px;
	line-height: 1.7;
    color: #bdbdbd;
    background: #333;
	width: 250px;
	position: fixed;
	overflow: auto !important;
	height: auto;
	top: 0;
	bottom: 0;
    display: block !important;
	left: 0;
	right: auto;
	margin-top: inherit !important;
	overflow: auto;
}

#hidden-header a {
	color: #999;
}

#hidden-header a:hover {
	opacity: .7;
	filter: alpha(opacity=70);
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}

#hidden-header li {
    list-style: none;
    display: block;
    width: auto;
    float: left;
}

#hidden-header i {
    font-size: 16px;
}

#hidden-header h2 {
	font-size: 16px;
	text-transform: uppercase;
	font-family: Montserrat;
	color: white;
	margin-bottom: 20px;
	font-weight: 300;
	letter-spacing: 1px;
	color: #fff;

}

.one-fourth.about img {
    float: left;
    width: 100px;
    padding: 0 20px 10px 0;
}

.one-fourth p {
	font-size: 13px;
	line-height: 170%;
	color: #bdbdbd;
}

#hidden-header .tagcloud a {
    float: left;
    padding: 3px 7px;
    margin-bottom: 10px;
    font-size: 1em !important;
    letter-spacing: 1px;
    margin-right: 5px;
    background: #4a4a4a;
    color: #a4a4a4;
    
}
#hidden-header .tagcloud a:hover {
    background: #707070;
    color: #b3b3b3;
}

#hidden-header i.icon-twitter {
	margin-right: 5px;
	position: relative;
	top: 2px;
}

.search-box {
	background: #fff;
	border-radius: 4px;
	padding: 5px 5px 7px 10px;
	display: block;
	color: #bababa;
}

.search-box input[type="text"] {
	border: none;
	width: 80%;
	height: 30px;
	font-size: 12px;
	font-weight: 300;
	color: #bababa;
	letter-spacing: 1px;
	border-right: solid 1px #e4e4e4;
	margin: 0;
	padding: 0;
	box-shadow: none !important;
	border-radius: 0 !important;
	display: inline-block;
}

.submit {
	display: inline-block;
	width: 10%;
	font-size: 18px;
	color: #c3c3c3 !important;
	position: relative;
	top: 2px;
	left: 8px;
}

/*---------*/
#panel {
	width: 100%;
	height: 7px;
	text-align: center;
	margin: -7px auto 0;
	position: relative;
	top: 2px;
}

#panel a.triggerx {
	display: block;
	width: 18px;
	height: 12px;
	background: #333 url(images/pull.png) center no-repeat;
	text-indent: -9999px;
	margin: 0 auto;
	padding: 6px 40px;
	margin-bottom: -23px;
	position: relative;
	top: 5px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}

#jPanelMenu-menu #hidden-header .container {
	padding-top: 50px;
}

#identity {
	width: 70%;
	text-align: center;
	margin: 0 auto;
	margin-top: 170px;
}

#avatar { 
	display: inline-block;
	width: 100px;
	height: 100px;
	margin-right: 15px;
}

#avatar img {
	border-radius: 50px;
	border-radius: 0 0 5px 1px #444;
}

#logo {
	display: inline-block;
}

/* -----------------------------------
	Top Menu Styles 
-----------------------------------*/
#top-menu {
	font: 16px Montserrat, Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	background: #333;
}

#top-menu.fixed {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}

body.admin-bar #top-menu.fixed {
	top: 28px;
}

#top-menu .container {
	width: 95%;
}

a.trigger {
	background-color: #fff;
	font-size: 20px;
	color: #333;
	position: fixed !important;
	top: 50px;
	left: 20px;
	z-index: 100;
	padding: 7px 10px 5px 10px;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

body.admin-bar a.trigger {
	top: 70px;
}

body.open a.trigger {
	left: 270px;
}

/* Main Menu */
#top-menu ul {
	width: 100%;
    text-align: center;
	margin: 0;
	padding: 0;
}

#top-menu ul li {
    display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

#top-menu ul a {
	display: block;
	color: #fff;
	padding: 19px;
}

#top-menu ul a:hover,
#top-menu ul li.active a,
#top-menu ul li:hover > a,
#top-menu li.current-menu-item > a,
#top-menu li.current_page_item > a {
	background: #f66767;
}

#top-menu .sf-sub-indicator {
	position: relative;
	top: -1px;
	left: 5px;
}

/* Child Menu */
#top-menu ul ul {
	display: none;
    width: 15em;
	background: #333;
    text-align: left;
	position: absolute;
	z-index: 2;
}

#top-menu ul ul li {
    display: block;
}

#top-menu ul ul ul {
    top: 0;
    left: 100%;
}

#top-menu a.sf-with-ul {
	padding-right: 35px !important;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: 10px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}

/* -----------------------------------
	Main Content Styles 
-----------------------------------*/
#main-content {
	padding-top: 115px;
	background: #fff;
}

/* -----------------------------------
	Post Format Styles 
-----------------------------------*/
article.post {
	margin: 0 5% 70px 5%;
	padding-bottom: 70px;
	border-bottom: 1px solid #ededed;
	overflow: hidden;
}

body.single-post article.post,
body.page article.post {
	padding-bottom: 50px;
	border-bottom: none;
}

body.search-results h1.title {
	font-weight: 300;
	text-align: center;
	margin-bottom: 70px;
}

body.error404 article.post {
	border-bottom: 0;
}

article.post h1.title,
article.post h2.title {
	font: 700 36px/120% Montserrat, Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
	text-align: center;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}

article.post h1.title a:link,
article.post h2.title a:link {
	color: #000;
}

article.post h2.title a:hover,
article.post h2.title a:hover {
	color: #ff3000;
}

article.post h1.title span.sticky,
article.post h2.title span.sticky {
	background: #ededed;
	font-size: 7px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 5px 10px;
	vertical-align: top;
}

.post .meta {
	font-size: 14px;
	color: #a3a3a3;
	text-align: center;
}

.post .meta span {
	margin-right: 20px;
	margin-right: 20px;
	color: #a3a3a3;
}

.post .meta span label {
	display: inline;
	font: 9px Lato, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-left: 5px;
}

.post .meta a:link {
	color: #a3a3a3;
}

.post .meta a:hover {
	color: #ff3000;
}

.post p {
	font-size: 18px;
	line-height: 170%;
}

.post p:last-child {
	margin-bottom: 0;
}

.post p.tags {
	font-size: 11px;
}

.post-content {
	margin-top: 40px;
}

.post-content h1,
.post-content h2 {
	margin-top: 30px;
}

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

.post-content .addthis_toolbox {
	margin-top: 60px;
}

/* Aside */
.format-aside .post-content {
	padding-left: 5%;
	border-left: 10px solid #ededed;
}

.format-aside .meta {
	text-align: left;
	margin-top: 20px;
	padding-left: 5.8%;
}

/* Quote */
.format-quote {
	margin: 0 5%;
	padding: 0 !important;
	border-bottom: none !important;
}

.format-quote blockquote {
	background: #ededed;
	padding: 7%;
}

.format-quote blockquote,
.format-quote blockquote p {
	font-size: 30px;
	text-align: center;
	margin: 0;
	color: #000;
	border: none;
}

.format-quote blockquote cite {
	display: block;
	font-size: 14px;
	font-style: normal;
	text-transform: none;
	margin-top: 20px;
	color: #666;
}

.format-quote .addthis_toolbox {
	margin-top: 40px;
}

/* Photo */
.gallery-slider {
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
}

.gallery-slider img.photo,
.gallery-slider img.attachment-large-image {
	max-width: 1000px;
	width: 100%;
}

.photo-slideshow {
	margin-bottom: 30px;
}

#tagCloud span.tc-tag {
    padding-right: 0!important;
}

/* Gallery */
.format-gallery .flex-direction-nav li,
.gallery-slider .flex-direction-nav li {
	list-style: none;
}

.gallery-slider {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom: 30px !important;
}

.gallery-slider .flex-viewport {
	height: 440px !important;
}

.format-gallery ul.slides,
.gallery-slider ul.slides {
	margin: 0;
	padding: 0;
}

.format-gallery ul.slides li,
.gallery-slider ul.slides li {
	height: auto;
	list-style: none;
	margin: 0;
	padding: 0;
}

.format-gallery ul.slides li img,
.gallery-slider ul.slides li img {
	width: 100%;
	height: auto;
	border: none !important;
}

.format-gallery .flex-direction-nav,
.gallery-slider .flex-direction-nav {
	width: 60px;
	margin: 0;
	position: absolute;
	bottom: 30px;
	right: 20px;
}

.format-gallery .flex-direction-nav a.flex-prev,
.format-gallery .flex-direction-nav a.flex-next,
.gallery-slider .flex-direction-nav a.flex-prev,
.gallery-slider .flex-direction-nav a.flex-next {
	float: left;
	width: 28px;
	height: 28px;
	background: url(images/arrow-slider.png) no-repeat;
	text-indent: -9999px;
	margin-right: 2px;
}

.format-gallery .flex-direction-nav a.flex-next,
.gallery-slider .flex-direction-nav a.flex-next {
	background-position: -30px 0;
	position: absolute;
	top: 0;
}

.format-gallery .flex-direction-nav a.flex-disabled,
.gallery-slider .flex-direction-nav a.flex-disabled {
	display: none;
}

/* Video */
.format-video .video {
	margin-bottom: 30px;
}

.format-video .wp-video-shortcode,
.format-audio .wp-audio-shortcode {
    width: 100%;
	margin-bottom: 30px;
}

.format-audio .audio {
    width: 100%;
}

.format-audio .gallery-slider {
	margin-bottom: 0 !important;
}

.format-audio .gallery-slider img {
	display: inherit;
}

.format-video h2.title p {
	margin-bottom: 0;
}

.format-video img {
	width: 100%;
}

.format-video .video {
    text-align: center;
}

.format-link h2.title span.icon-link {
	color: #000;
	margin-right: 10px;
}

/* Audio */
.format-audio iframe.soundcloud_audio_player,
.format-audio iframe.tumblr_audio_player,
.format-audio iframe.spotify_audio_player {
	width: 100%;
	margin-bottom: 30px;
    overflow: auto;
}

.format-audio iframe.soundcloud_audio_player {
    overflow-y: hidden;
}

.format-audio .wp-audio-shortcode {
	background: none;
}

/* Status */
.format-status .post-content {
	margin-top: 0;
	padding: 0 10% !important;
}

.format-status .post-content {
}

.format-status .meta {
	text-align: left;
	margin-top: 20px;
}

/* Chat */
ul.chat {
	margin: 0;
	padding: 0;
}

ul.chat li {
	list-style: none;
	margin: 0;
	padding: 15px;
	line-height: 170%;
}

ul.chat label {
	display: inline;
	font-weight: 700;
}

ul.chat li.odd {
	background: #f5f5f5;
}

/* Pagination */
.load-more {
	display: inline-block;
	clear: both;
	margin: 50px auto 130px auto;
	text-align: center;
}

.load-more a {
	font: 700 16px/120% Montserrat, Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 20px;
	color: #444;
	border: 1px solid #ccc;
}

.load-more a:hover {
	opacity: .7;
	filter: alpha(opacity=70);
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}

.pagination {
	margin: 20px 0 70px 0;
	text-align: center;
}

.pagination a {
	font: 300 18px Lato, Helvetica, Arial, sans-serif;
	color: #666;
	padding: 0 10px;
}

.pagination a:hover {
	color: #ff3000;
}

ol.notes {
	margin: 60px 0 0 0;
	padding: 0;
}

ol.notes li {
	font: 13px Lato, Helvetica, Arial, sans-serif;
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #eee;
}

ol.notes li .avatar_frame {
	margin-right: 10px;
	position: relative;
	top: 3px;
}

/* Breadcrumb */
#breadcrumb {
	font-size: 11px;
	text-align: center;
	margin-bottom: 50px;
}

#breadcrumb span > a {
	display: inline-block;
}

#breadcrumb span:after {
	content: "";
}

#breadcrumb > span:before {
	content: "\f015";
	font: 14px FontAwesome;
	margin-right: 5px;
}

/* -----------------------------------
	Footer Styles 
-----------------------------------*/
#footer {
	background: #dfdfdf;
	font: 14px "Lato", Arial, Helvetica, sans-serif;
	color: #666;
	padding: 45px 0;
}

#footer .copyright {
	float: left;
	width: auto;
}

#footer .developer {
	float: right;
	width: auto;
	text-align: right;
}

#footer .developer img {
	position: relative;
	top: -5px;
	left: 5px;
	vertical-align: top
}

#footer a {
	color: #666;
}

.arrow-down {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid rgba(0,0,0,0.85);
  position: absolute;
  top: -10px;
  left: 110px;
}

.menu-mobile {
    position: relative;
    display: none;
}

body.admin-bar .menu-mobile {
}

.menu-mobile ul {
    margin: 0;
    overflow-y: hidden;
    position: relative;
    background-color: #ddd;
}

.menu-mobile ul li {
    float: none!important;
    margin: 0;
    color: #333333;
}

.menu-mobile ul li a {
    color: #333333!important;
    display: block;
    padding:10px;
}

.menu-mobile ul ul {
    padding-left: 10px;
}

.mob-menu {
    position: absolute;
    z-index: 999999;
    padding: 5px;
    right: 5px;
    top: 5px;
}

.select-page {
    height: 20px;
    margin: 0;
    overflow-y: hidden;
    position: relative;
    background-color: #eee;
    display: block;
    padding: 10px;
    color: #333333!important;
    cursor: pointer;
}

.select-page:hover {
    opacity: 1!important;
    text-decoration: none;
    color: #555555!important;
}

/* ----------------------------------
	COMMENT
------------------------------------- */
#disqus_thread {
	padding: 0 5% 100px 5%;
}

#comments {
	margin-bottom: 70px;
	padding: 0 5%;
	overflow: hidden;
}

.comments-title,
.comment-list,
.comment-reply-title {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	float: left;
}

.comment-respond .comment-form fieldset {
	width: 60%;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
}

.comments-title {
}

.comment {
	clear: both;
	list-style: none;
	margin-bottom: 10px;
	overflow: hidden;
}

.comment a.comment-edit-link {
	text-transform: none;
}

.comment-list,
.comment-list .children {
	list-style-type: none;
	padding: 0;
}

.comment-list .children {
	margin: 0 0 0 100px;
	float: left;
}

.comment-list > li:after,
.comment-list .children > li:before {
	background: url(images/dotted-line.png) repeat left top;
	background-size: 4px 4px;
	content: "";
	display: block;
	height: 1px;
	width: 100%;
}

.comment-list > li:last-child:after {
	display: none;
}

.comment-body {
	padding: 24px 0;
	position: relative;
}

.comment-author {
	float: left;
	border-radius: 50px;
	overflow: hidden;
}

.comment-author .avatar {
	display: block;
	width: 60px;
	height: 60px;
}

.comment-author .fn {
	word-wrap: break-word;
}

.comment-author .fn,
.comment-author .url,
.comment-reply-link,
.comment-reply-login {
	color: #bc360a;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}

.comment-content p {
	font-size: 14px;
}

.comment-content p.moderate {
	font-size: 9px !important;
	color: #ff0000 !important;
	text-transform: uppercase;
}


.comment-list .edit-link {
	margin-left: 20px;
}

.comment-metadata,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply {
	float: right;
	width: 90%;
	width: -webkit-calc(100% - 85px);
	width: calc(100% - 85px);
}

.comment-metadata{
	font-size: 13px;
	color: #888;
}

.comment-metadata a {
	font-size: 15px;
	text-transform: uppercase;
	color: #075393;
	font-family: 'Montserrat', sans-serif;
}

.comment-metadata span a {
	font-size: 9px;
	text-transform: uppercase;
	color: #888;
	font-family:"Roboto Slab", Arial, Helvetica, sans-serif;
}

.comment-metadata {
	margin-bottom: 10px;
}

.comment-awaiting-moderation {
	color: #aa0000;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
}

.reply a {
	font-family: 'Montserrat', sans-serif;
}

.reply a:hover {
	opacity: .9;
	filter: alpha(opacity=90);
}

/* Comment form */
.comment-respond {
	display: inline-block;
	padding: 0 5% 60px 5%;
}

.comment .comment-respond {
	margin-bottom: 20px;
	padding: 20px;
}

.comment-reply-title, 
.comments-title {
	font-size: 24px;
	border-bottom: solid 1px #ededed;
	padding-bottom: 20px;
	margin-bottom: 50px;
	font-family: 'Montserrat', sans-serif;
}

.comment-reply-title small a {
	color: #131310;
	display: inline-block;
	float: right;
	height: 24px;
	overflow: hidden;
	width: 22px;
}

.comment-reply-title small a:hover {
	color: #ed331c;
	text-decoration: none;
}

.comment-reply-title small a:before {
	content: "\f057";
	font-family: FontAwesome;
	font-size: 24px;
	line-height: 24px;
	vertical-align: top;
}

.sidebar .comment-list .comment-reply-title,
.sidebar .comment-list .comment-respond .comment-form {
	padding: 0;
}

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

.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
	margin-bottom: 8px;
}

.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"],
.comment-form [for="comment"] {
	float: left;
	padding: 5px 0;
	width: 120px;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
	width: 95%;
	font-size: 14px;
	border: solid 1px #ededed;
	border-radius: 3px;
	padding: 10px;
}

.comment-form textarea {
	width: 95%;
	border: solid 1px #ededed;
	border-radius: 3px;
	font-size: 14px;
	padding: 10px;
}

.form-allowed-tags {
	color: #444;
	font-size: 12px;
	float: right;
	width: 34%;
}

code {
	font-family: 'courier new';
}

#submit {
	height: 45px;
	background: #50ac44;
	font: 16px 'Montserrat', sans-serif;
	border: none;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	line-height: 45px;
	padding: 0 20px;
	width: auto;
	left: 0;
}

#submit:hover {
	opacity: .9;
	filter: alpha(opacity=90);
}

/* Back to Top */
#back-to-top {
	font-size: 9px;
	text-transform: uppercase;
	position: fixed;
	right: 3%;
	bottom: 30px;
	opacity: .6;
	filter: alpha(opacity=60);
}

#back-to-top span {
	display: block;
	font-size: 35px;
	text-align: center;
}


/* -----------------------------------
	Archives Styles 
-----------------------------------*/
body.page-template-page-archives-php article.post {
	border-bottom: none;
}

body.page-template-page-archives-php .column {
	float: left;
	width: 44%;
	margin-right: 3%;
}

/* -----------------------------------
	Standard WordPress Styles 
-----------------------------------*/
/* Post */
.aligncenter {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

/* Image */
.hentry img {
	max-width: 100%;
	height: auto;
}

img.size-full {
	margin: 10px auto;
}

img.alignnone {
	display: inline;
}

img.alignright {
	display: inline;
	margin-left: 10px;
	margin-bottom: 10px;
}

img.alignleft {
	display: inline;
	margin-right: 10px;
	margin-bottom: 10px;
}

img.aligncenter  {
	display: block;
	margin: 10px auto;
}

div.alignnone {
	margin: 0 0 30px 0;
}

div.alignleft {
	margin: 0 30px 30px 0;
}

div.alignright {
	margin: 0 0 30px 30px;
}

div.aligncenter {
	margin: 30px auto;
}

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

.gallery .gallery-item {
	text-align: left !important;
	margin-top: 30px;
}

.gallery img.attachment-thumbnail {
	border: none !important;
}

.gallery .gallery-caption {
	padding: 5px 0;
}

.wp-caption {
	max-width: 100%;
	color: #aaa;
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 1em;
	padding: 0;
}

.wp-caption img {
}

.wp-caption p.wp-caption-text {
	margin: 0;
	clear: both;
	font-style: italic;
}

.sticky {}
.bypostauthor {}

/* -----------------------------------
	Portfolio Styles 
-----------------------------------*/
article.warrior_portfolio,
body.post-type-archive-warrior_portfolio article.post {
	margin-bottom: 0;
	border-bottom: none;
}

#portfolio-terms {
	font-size: 12px;
	text-align: center;
	margin: 50px auto;
}

#portfolio-terms li {
	background: #ededed;
	display: inline-block;
	font: 11px Lato, Helvetica, Arial, sans-serif;
	cursor: pointer;
	list-style: none;
	margin: 0 10px 10px 0;
	padding: 5px 15px;
	border-radius: 30px;
}

#portfolio-terms li.active {
	opacity: .6;
	filter: alpha(opacity=60);
}

#portfolio-archives {
	width: 105%;
	margin: 0;
	padding: 0;
}

#portfolio-archives li {
	display: none;
	opacity: 0;
	width: 285px;
	list-style: none;
	margin: 0 20px 20px 0;
}

#portfolio-archives li h3.title {
	font-size: 13px;
	font-weight: normal;
}

#portfolio-archives li .thumb img {
	-moz-filter: grayscale(80%);
	-webkit-filter: grayscale(80%);
	filter: grayscale(80%);
	-webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in;
	-moz-transition: .2s all ease-in; transition: .2s all ease-in;
	transition: .2s all ease-in; transition: .2s all ease-in;
}

#portfolio-archives li .thumb:hover img {
	-moz-filter: none;
	-webkit-filter: none;
	filter: none;
}

article.warrior_portfolio .gallery-slider {
	margin: 50px 0 20px 0 !important;
}

.portfolio-info {
	margin: 30px 0;
}

.portfolio-info ul {
	clear: both;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

.portfolio-info ul li {
	display: inline-block;
	font: 12px Lato, Helvetica, Arial, sans-serif;
	list-style: none;
	margin: 0 5% 0 0;
	padding: 0;
}

.portfolio-info ul span.icon {
	padding-right: 3px;
}

/* -----------------------------------
	Widget Styles 
-----------------------------------*/
.widget_archive ul,
.widget_categories ul,
.widget_pages ul,
.widget_rss ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_recent_comments ul,
.widget_recent_entries ul {
	margin: 0 !important;
	padding: 0;
}

.widget_archive ul li,
.widget_categories ul li,
.widget_pages ul li,
.widget_rss ul li,
.widget_meta ul li,
.widget_nav_menu ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li {
	float: none !important;
	margin: 0 0 20px 0 !important;
}

.widget_archive ul li:before,
.widget_categories ul li:before,
.widget_pages ul li:before,
.widget_rss ul li:before,
.widget_meta ul li:before,
.widget_nav_menu ul li:before,
.widget_recent_comments ul li:before,
.widget_recent_entries ul li:before {
	height: 35px;
	content: "\f055";
	font-family: FontAwesome;
	font-size: 12px;
	line-height: 24px;
	vertical-align: top;
	margin-right: 10px;
}

.widget_archive ul a,
.widget_categories ul a,
.widget_pages ul a,
.widget_rss ul a,
.widget_meta ul a,
.widget_nav_menu ul a,
.widget_recent_comments ul a,
.widget_recent_entries ul a {
	display: inline-block;
	width: 80%;
}

/* WordPress Calendar Widget */
table#wp-calendar {
	clear: both;
	width: 100%;
}

table#wp-calendar caption {
	text-align: center;
	padding-bottom: 10px;
}

table#wp-calendar th, 
table#wp-calendar td {
	text-align: center;
	padding: 2px;
}

table#wp-calendar td#prev,
table#wp-calendar td#next {
	padding-top: 10px;
}

table#wp-calendar td#prev {
	text-align: left;
}

table#wp-calendar td#next {
	text-align: right;
}