/*
Theme Name: Singkarak
Theme URI: http://themeforest.net/ThemeWarriors/portfolio
Description: A simple WordPress blog theme from ThemeWarrior
Author: ThemeWarrior
Author URI: http://www.themewarrior.com
Version: 1.0.7
License: GPL
License URI: license.txt
Tags: two-columns, white, responsive-layout
*/

/* 
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.
*/

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

body {
    background: #efebe9;
	font: 400 20px/30px 'Domine', Georgia, serif;
	color: #555;
	overflow-x: hidden;
}

input, 
textarea {
    font: 16px 'Domine', Georgia, serif;
}

p {
    margin-bottom: 20px;
}

a {
	transition: all ease-in 0.3s;
}

a:link {
	color: #333;
    text-decoration: none;
}

a:hover {
	color: #cd0216;
    text-decoration: none !important;
}

p,
blockquote {
    margin: 0 0 1.9em 0;
}

h1,
h2,
h3,
h4,
h4,
h5,
h6 {
	margin: 0 0 40px 0;
	line-height: 110%;
}

h4,
h5,
h6 {
}

table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

th {
  text-align: left;
}

table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}

table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

table > tbody + tbody {
  border-top: 2px solid #dddddd;
}

ul, 
ol {
    margin: 24px;
    padding: 0;
}

ul li {
    list-style: disc;
    margin-bottom: 4px;
}

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;
}

::selection {
    background-color: #333;
    color: #fff;
}

.clearfix,
.clear {
	width: 100%;
	clear: both;
}

.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";}.clearfix:after{clear:both;}

.clearfix {
	width: 100%;
	clear: both;
}

.container {
	max-width: 1100px;
	margin: 0 auto;
	width: 85%;
}

#logo {
	text-align: center;
}

#logo h2.site-title {
	display: inline-block;
	color: #000;
}

#logo a {
	color: #000;
}

#logo .site-title,
.logo .site-title {
	font: 700 40px "Lato";
	letter-spacing: 5px;
	text-transform: uppercase;
	margin: 0;
}

#logo p.site-desc {
	color: #696969;
	margin-bottom: 0;
}

.logo .site-title {
	margin-bottom: 20px;
	padding-top: 0;
}

#main-content {
	padding: 70px 0;
}

#main-content a:link {
	color: #333;
}

#main-content a:hover {
	color: red;
}

.page-header {
	margin-bottom: 70px;
}

.page-header h1.title {
	font-size: 20px;
	font-weight: 400;
	font-style: italic;
	text-align: center;
	margin: 0;
}

.page-header h1.title span {
	display: inline-block;
	background: #fff;
	font: 14px Lato, Helvetica, Arial, sans-serif;
	color: #999;
	padding: 10px 20px;
}

/* Search Form Full Width */
#search-full {
    background: rgba(0,0,0,0.8);
    color: #fff;
	position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
	display: none;
}

#search-full .container {
	padding-top: 150px;
}

#search-full input[type="text"] {
	background: #fff;
	font-size: 18px;
	color: #333;
	line-height: 2;x
	border-radius: 0;
	padding: 30px;
	border: none;
}

#close-search {
	display: block;
	cursor: pointer;
	font: 14px Lato, Helvetica, Arial, sans-serif;
	color: #fff;
	text-align: right;
}

#close-search:hover {
	color: #db1515;
}

/* Header */
body.admin-bar header#header {
	/* margin-top: 32px; */
}

header#header {
    padding-top: 30px;
    position: relative;
}
header#header h1{ margin:0 0 4px 0}

header#header .container {
	list-style-type: none;
	display: block;
}

/* Navigation */
nav#main-menu {
	position: absolute;
	clear: both;
	width: 100%;
	background: #fff;
	color: #fff;
	/* margin-bottom: 70px; */
	box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2);
	top: 0;
}

nav#main-menu .container {
}

nav#main-menu ul {
	float: left;
	width: 95%;
	margin: 0;
	padding: 0;
}

nav#main-menu ul li {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0;
}

nav#main-menu ul ul {
	display: none;
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
}

nav#main-menu ul li a {
	display: inline-block;
	font: 700 12px "Open Sans", Helvetica, Arial, sans-serif;
	color: #333;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 25px 10px;
}

nav#main-menu ul li a:hover {
	color: #db1515;
}

nav#main-menu ul.sub-menu {
	position: absolute;
	background: #fff;
	width: 200px;
	text-align: left;
	top: 100%;
	left: 0;
	z-index: 2;
	border-top: none;
}

nav#main-menu ul.sub-menu li {
	width: 100%;
}

nav#main-menu ul.sub-menu li a {
	display: block;
	transition: all ease-in 0.1s;
	padding: 15px 20px;
}

nav#main-menu ul li a.sf-with-ul {
	padding-right: 20px;
}

nav#main-menu ul li ul li {
	padding: 0;
}

.select-menu {
    padding: 10px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    cursor: pointer;
    display: none !important;
}

/*** arrows (for all except IE7) **/
.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-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -3px;
    margin-right: 5px;
    height: 0;
    width: 0;
    /* order of following 3 rules important for fallbacks to work */
    border: 5px solid transparent;
    border-top-color: #999; /* edit this to suit design (no rgba in IE8) */
    opacity: .7;
}
.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: #999; /* 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: #999; /* edit this to suit design (no rgba in IE8) */
    opacity: .7;
}
.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: #999;
}

nav#main-menu.fixed,
nav#main-menu.not-home.fixed {
	position: fixed;
	transition: all ease-in .3s;
	-webkit-transition: all ease-in .3s;
	-moz-transition: all ease-in .3s;
	top: 0;
	left: 0;
	z-index: 1000;
	border-bottom: 1px solid #bdbdbd;
}

body.admin-bar nav#main-menu.fixed,
body.admin-bar nav#main-menu.not-home.fixed {
	top: 32px;
	margin-top: 0;
}

body.admin-bar nav#main-menu.fixed li a {
	padding-top: 15px;
	padding-bottom: 15px;
}

nav#main-menu.fixed ul.sub-menu {
}

body.admin-bar nav#main-menu.fixed ul.sub-menu {
	top: 100%;
}

/* Social Icons */
#header .search {
	float: right;
	width: 25px;
	font-size: 18px;
	color: #fff;
	text-align: right;
	padding-top: 15px;
}

body.admin-bar nav#main-menu.fixed .search {
	padding-top: 4px;
}

#header .search a {
	color: #666;
	cursor: pointer;
	margin-right: 10px;
	transition: all ease-in .3s;
}

#header .search a:hover {
	color: #999;
}

/* Content */
#leftcontent {
	width: 65%;
	float: left;
}

/* Article posts */
#main-content article.hentry {
	word-break: keep-all;
	margin-bottom: 70px;
	padding: 0 0 100px;
	position: relative;
	box-shadow: 0 1px 0 0 rgba(0,0,0,0.05),0 2px 4px 0 rgba(0,0,0,0.08);
}

body.single #main-content article.hentry,
body.page #main-content article.hentry {
	margin-bottom: 0;
	box-shadow: none;
}

.box {
	margin-top: -10px;
	box-shadow: 0 1px 0 0 rgba(0,0,0,0.05),0 2px 4px 0 rgba(0,0,0,0.08);
}

.box .inner {
}

body.single article.hentry {
	margin-bottom: 0;
}

body.attachment article.hentry {
	margin-bottom: 30px;
}

article.hentry .detail {
	padding: 80px 20% 0 20%;
}

body.attachment article.hentry .detail {
	font-size: 80%;
	text-align: center;
}

article.hentry .detail blockquote {
	line-height: 150%;
	padding: 0 20px 0 45px;
	margin: 0 0 40px 0;
	position: relative;
}

blockquote::before {
	content: '\201C';
	font-size: 60px;
	position: absolute;
	left: 0;
	top: 20px;
}

blockquote::after {
 	content: '';
}

article.hentry .detail p:last-child {
	margin-bottom: 0;
}

article.hentry header.heading {
	padding: 100px 20% 0 20%;
}

article.hentry .article-title {
	font: 700 60px Lato, Helvetica, Arial, sans-serif;
	color: #000;
	word-wrap: break-word;
	letter-spacing: -0.03em;
	line-height: 110%;
	text-align: center;
	margin: 0;
}

.article-title a {
	color: #000;
}

.article-title a:hover {
	color: #db1515;
}

h3.sub-title {
	font-weight: 400;
	color: #999;
	text-align: center;
	margin: 10px 0 0 0;
}

.postmeta,
.meta {
	font: 14px Lato, Helvetica, Arial, sans-serif;
	text-align: center;
	margin: 0 auto;
}

body.single .postmeta,
body.page .postmeta {
	margin-top: 60px;
}

body.attachment .postmeta {
	margin-top: 20px;
}

.postmeta span,
.meta span {
	display: inline-block;
	font-size: 10px;
	font-weight: 700;
	color: #a8a8a8;
	letter-spacing: 1px;
	margin-right: 20px;
	text-transform: uppercase;
}

.postmeta span i {
	margin-right: 5px;
}

.embed-player p {
	margin-bottom: 0;
}

.embed-player iframe {
	width: 100%;
}

.thumbnail img {
	width: 100%;
}

.thumbnail {
	line-height: 0;
	position: relative;
}

.thumbnail img {
	transition: all 0.4s ease-in-out;
}

article.hentry.format-quote .detail.top .postmeta span {
	color: #fff;
}

#main-content .gap {
	background: #fff;
	height: 60px;
}

article.hentry .social-holder {
	min-height: 250px;
	padding: 15%;
	text-align: center;
}

article.format-status .detail.top blockquote {
	margin-left: 125px;
}

article.format-quote {
	background: #689f38;
	color: #fff;
	margin-top: 70px;
	padding-top: 100px !important;
}

article.format-quote blockquote {
	font-size: 1.3em;
	font-style: italic;
	color: #fff;
	line-height: 130%;
	text-align: center;
	margin-top: 60px;
	margin-bottom: 0;
	padding: 0 5%;
}

article.format-quote cite {
	display: block;
	font-size: .65em;
	font-style: normal;
	text-align: center;
	text-transform: uppercase;
	margin-top: 20px;
}

article.format-status iframe.twitter-tweet {
	width: 70% !important;
	border: none !important;
	box-shadow: none !important;
	margin: 0 auto !important;
	max-width: 500px !important;
}

article.format-quote img.wp-post-image {
	width: 150px;
	border-radius: 150px;
	border: 10px solid #fff;
	position: absolute;
	top: -70px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}

article.format-status img.avatar {
	float: left;
	margin: 0 10px 10px 0;
}

article.format-chat .chat-row {
	margin-bottom: 20px;
}

article.format-chat .chat-row .chat-author {
	font-weight: 700;
	color: #000;
	line-height: 1.5;
}

article.format-chat .chat-row .chat-author cite {
	font-style: normal;
}

article.format-link .article-title label {
	display: inline-block;
	width: 50px;
	height: 50px;
	background: #000;
	margin-right: 10px;
	border-radius: 50%;
}

article.format-chat .chat-row .chat-text {
	display: inline-block;
}

article.format-link .article-title .fa {
	font-size: 24px;
	color: #fff;
	vertical-align: middle;
	position: relative;
	top: 4px;
}

article.hentry .foot .social {
	float: right;
}

article.hentry a.more-link {
	display: block;
	font: 700 12px Lato, Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
	margin: 60px 0 20px 0;
	border-radius: 3px;
	transition: all 1s ease-in-out;
}

article.hentry a.more-link:after {
	display: block;
	content: '\f107';
	font-family: 'FontAwesome';
	text-align: center;
}


article.hentry a.more-link:hover:after {
	content: '\f106';
}

/* Format Audio */
article.format-audio .detail .mejs-container {
	margin-bottom: 30px;
}

article.format-audio .mejs-container .mejs-controls {
	background: #424242 !important;
}

article.format-audio .mejs-controls .mejs-time-rail .mejs-time-total {
	background: #616161 !important;
}

/* Format Gallery */
article.format-gallery .thumbnail {
	position: relative;
}

article.format-gallery ul.slides {
	margin: 0;
	padding: 0;
}

article.format-gallery ul.slides li {
	display: none;
}

ul.flex-direction-nav {
    position: absolute;
    bottom: 5%;
    right: 2%;
}

ul.flex-direction-nav li a {
    width: 40px;
    height: 40px;
    display: block;
    text-indent: 999px;
    background: url(images/slider-button.png) no-repeat;
}

ul.flex-direction-nav li a.flex-prev {
	background-position: 16px;
}

ul.flex-direction-nav li a.flex-next {
	background-position: -55px;
}

ul.flex-direction-nav li a.flex-disabled,
ul.flex-direction-nav li a:hover {
	opacity: 0.5;
}

ul.flex-direction-nav li {
    display: inline-block;
    overflow: hidden;
    background: rgba(0,0,0,0.7);
    border-radius: 5px;
    margin-left: 10px;
}

.gallery-item {
    float: left;
    width: 32%;
    text-align: left;
    position: relative;
}

.gallery.gallery-columns-3 {
	margin-bottom: 30px !important;
    margin: 0 2% 3% 0;
	padding: 0 7%;
}

.gallery.gallery-columns-3 .gallery-item {
	width: 30% !important;
    margin: 0 2% 3% 0;
}

.gallery.gallery-columns-4 .gallery-item {
	width: 23% !important;
    margin: 0 2% 3% 0;
}

.gallery.gallery-columns-3 .gallery-item:nth-child(3n+3) {
    margin-right: 0;
}

.gallery .gallery-item img {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-backface-visibility: hidden;
}

.gallery .gallery-item img:hover,
.thumbnail img:hover {
    opacity: .8;
}

.gallery img.attachment-thumbnail {
    border: none !important;
}

.gallery .gallery-caption {
    padding: 5px 0;
}

.gallery-item {
    width: 30%;
    position: relative;
}

.gallery-item img {
    width: 100%;
    float: left;
}

.gallery.four-column .gallery-item {
    width: 23%;
    margin: 0 2% 2% 0;
}

/* Page Links */
.page-links {
	font-size: .85em;
	font-style: italic;
	text-align: center;
	margin: 60px auto 40px auto;
	overflow: hidden;
}

.page-links span,
.page-links a {
	margin: 0 3px;
}

.page-links span {
	opacity: .6;
}

.page-links span.page-links-title {
	opacity: 1;
}

p.tags {
	font-size: .7em;
	text-align: center;
	margin: 40px auto;
}

p.tags a {
	display: inline-block;
	background: #eee;
	line-height: 110%;
	margin: 0 5px 5px 0;
	padding: 5px 10px;
}


/* Related Posts */
#related-posts {
	position: relative;
}

#related-posts h3.title,
#author-bio h3.title,
.comment-reply-title,
.comments-title {
	font: 500 12px Lato, Helvetica, Arial, sans-serif;
	color: #999;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0 0 30px 0;
	padding-top: 0;
}

#related-posts h3.title span,
#author-bio h3.title span,
.comment-reply-title span,
.comments-title span {
	display: inline-block;
}

#related-posts ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#related-posts ul li {
	float: left;
	width: 31%;
	font-size: 15px;
	line-height: 140%;
	list-style: none;
	margin: 0 3% 0 0;
	padding: 0;
}

#related-posts ul li:last-child {
	margin-right: 0;
}

#related-posts ul li a {
	display: block;
	color: #01579b;
}

#related-posts ul li a:hover {
	color: #db1515;
}

#related-posts ul li .thumbnail {
	margin-bottom: 7px;
}

#related-posts ul li .entry-date {
	font-size: 12px;
	color: #999;
	margin-top: 5px;
}

#author-bio,
#related-posts,
#respond,
#comments {
	padding: 50px 20%;
	border-bottom: 1px solid #eee;
}

body.page-template-default #respond {
	border-bottom: none;
	border-top: 1px solid #eee;
}

/* Author Bio */
#author-bio {
    overflow: hidden;
	border-top: 1px solid #eee;
}

#author-bio .inner {
	padding-top: 0;
}

#author-bio .thumbnail {
	float: left;
	width: 100px;
	margin-right: 20px;
}

#author-bio .author-desc {
	float: left;
	width: 70%;
}

#author-bio .inner p {
	font-size: 14px;
	line-height: 170%;
}

#author-bio .inner p:last-child {
	margin-bottom: 0;
}

#author-bio h4.title {
	color: #000;
	margin: 0 0 15px 0;
}

/* Share Buttons */
.share-buttons {
	text-align: center;
	margin: 40px auto 0 auto;
}

.share-buttons span.text {
	margin-right: 10px;
}

.share-buttons .addthis_default_style .at300b {
	float: none;
}

.share-buttons a {
	cursor: pointer;
	margin-right: 20px;
}

/* Gallery */
ul.gallery {
	display: block;
	text-align: justify;
	list-style-type: none;
	margin-bottom: 30px;
}


ul.gallery li {
	float: left;
	margin-bottom: 40px;
	position: relative;
	display: none;
}

ul.gallery li .overlay {
	position: absolute;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	background: rgba(10,130,160,0.7);
	padding: 30px 5%;
	display: none;
}

ul.gallery li .overlay a {
	color: #fff;
}

ul.gallery li .overlay h2 {
	font-weight: normal;
	font-size: 18px;
	text-transform: uppercase;
}

ul.gallery li .overlay .social ul li {
	padding: 0 5px;
	margin-bottom: 0;
	display: inline-block;
	width: auto;
}

ul.gallery li .overlay .social ul li a {
	font-size: 12px;
}

ul.gallery li .thumbnail {
	padding: 1px;
	border: solid 1px #d4d4d4;
	line-height: 0;
}

ul.gallery.three-column li {
	width: 29%;
	margin: 0 2.15% 40px 2.15%;
}

ul.gallery.four-column li {
	width: 22%;
	margin: 0 1.5% 40px 1.5%;
}

ul.gallery.two-column li {
	width: 48%;
	margin: 0 1% 40px 1%;
}

/* Pagination */
.pagination {
    float: left;
    width: 100%;
	font-family: Lato, Helvetica, Arial, sans-serif;
    text-align: center;
}

.pagination a {
	font-size: 12px;
    text-transform: uppercase;
    padding: 10px;
    margin-right: 10px;
    cursor: pointer;
}

.pagination a:hover,
.filter a.current,
.pagination a.current {
	color: #a8a8a8;
}

/* Paging */
.paging {
	margin-top: 40px;
}

.paging a {
	font-weight: 700;
	color: #a8a8a8;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 20px 30px;
}

.paging a.newer {
	float: right;
}

.paging a:hover {
	color: #db1515;
}

/* Widgets */
#warrior-twitter ul {
	margin: 0;
}

#warrior-twitter ul li {
	text-align: left;
	list-style: none;
	margin: 0 0 20px 0;
}

#warrior-twitter ul li .meta {
	text-align: left;
}

#warrior-twitter ul li .meta i.fa {
	font-size: 11px;
}

#footer .twitter a.btn {
	color: #fff !important;
}

#footer .widget-title {
	font: 700 12px "Lato", Georgia, "Times New Roman";
	color: #000;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 30px;
}

#footer .widget .wrapper {
	padding: 0;
}

.social ul.socials li {
	font-size: 16px;
	background: #fff;
	display: inline-block;
	width: 25px;
	height: 25px;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #dedede;
	margin: 0 0 5px 0;
	padding: 5px 2px 2px 2px;
}

.recentposts article,
.recent-comments article,
.related article {
	margin-bottom: 30px;
}

.recentposts article.last,
.recent-comments article.last {
	margin-bottom: 0;
}

.widget.recentposts article .thumbnail,
.related article .thumbnail {
	width: 90px;
	height: 90px;
	float: left;
}

.widget.recentposts article .detail,
.related article .detail {
	margin-left: 110px;
}

.widget.latest-tweets ul li {
	margin-bottom: 30px;
}

.widget.latest-tweets ul li:last-child {
	margin-bottom: 0;
}

.widget.latest-tweets ul li .fa-twitter-square {
	margin-right: 5px;
}

.widget.latest-tweets a.follow {
	width: 70%;
	background: #5cb85c;
	display: block;
	font-weight: 700;
	text-align: center;
	color: #fff;
	margin-top: 30px;
	padding: 5px;
}

.widget.latest-tweets a.follow:hover {
	background: #3276b1;
}

.widget_archives ul li a {
	border-left: 3px solid #e3e3e3;
	padding-left: 10px;
}

.recentposts article h2.article-title,
.related article h2.article-title {
	font-size: 16px;
	font-weight: 700;
}

.recentposts .postmeta,
.recent-comments .postmeta,
.related .postmeta,
.latest-tweets .postmeta {
	margin: 10px 0 20px 0;
	line-height: 10px;
}

.recent-comments .postmeta,
.latest-tweets .postmeta {
	margin-bottom: 10px;
}

.recentposts .postmeta span,
.recent-comments .postmeta span,
.related .postmeta span,
.latest-tweets .postmeta span {
	font-size: 12px;
	margin-right: 10px;
}

.recentposts article p,
.related article p{
	margin-bottom: 0;
}

.categories ul li {
	display: block;
	padding: 10px 10px 10px 0;
	border-bottom: solid 1px #e3e3e3;
}

.categories ul li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.categories ul li a {
	display: inline-block;
}

.categories ul li span {
	float: right;
}

.widget.tags .tags-holder a {
	padding: 5px 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: solid 1px #d4d4d4;
	font-weight: 400;
	display: inline-block;
	border-radius: 3px;
}

.widget.tags .tags-holder a:hover {
	border-color: #999;
}

.widget.pictures ul {
	float: left;
}

.widget.pictures .item {
	width: 32.5%;
	float: left;
	line-height: 0;
	position: relative;
	font-size: 0;
	zoom: 0;
	margin-right: 0.5%;
	border-bottom: solid 1px #fff;
}

.widget.pictures .item a.hover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(10,130,160,0.7);
	background-image: url(images/zoom.png);
	background-repeat: no-repeat;
	background-position: center;
	display: none;
}

.widget.pictures .item img {
	width: 100%;
}

.one-third.instagram ul {
	margin: 0;
}

.one-third.instagram ul li {
	float: left;
	list-style: none;
	margin: 0 10px 10px 0;
}

.one-third.instagram ul li img {
	width: 70px;
	border-radius: 3px;
}

/* Single */
.single-author {
	background: none;
	font-size: 13px;
	border: none;
}

.single-author .wrapper {
	border-top: 5px solid #eee;
	margin: 30px;
	padding: 30px 0 0 0;
	overflow: hidden;
}

.single-author .thumbnail {
	float: left;
	width: 140px;
	margin-right: 20px;
}

.single-author .detail {
	display: block;
	margin-left: 160px;
}

.single-author .widget-title {
	margin-bottom: 10px;
}

.justified {
	display: block !important;
	list-style-type: none;
	text-align: justify;
	padding-bottom: 0!important;
}

.justified:after {
	content: '';
	display: inline-block;
	width: 100%;
}

.related article.related {
	display: inline-block;
	width: 46%;
	text-align: left;
}


/* Author  page */
.related article.related.first {
	width: 100%;
	margin-bottom: 50px;
}

.related article.related.first .thumbnail {
	width: 330px;
	height: auto;
}

.related article.related.first .detail {
	margin-left: 350px;
}

.related article.related.first h2.article-title {
	font-size: 24px;
	line-height: 32px;
}

.author-page .single-author .detail .widget-title {
	font-size: 28px;
	font-weight: normal;
}

/* ----------------------------------
	COMMENT
------------------------------------- */
#disqus_thread {
	padding: 3% 10% 10% 10%;
}

#comments,
#respond {
	font-size: .95em;
}

#respond {
	padding-bottom: 100px;
}

#comments {
	overflow: hidden;
}

#respond p {
	font-size: 80%;
	line-height: 140%;
}

#respond p.form-allowed-tags {
	display: none;
}

.comment-list {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	float: left;
	margin-top: 0;
}

.comment-respond .comment-form fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

li.comment {
	clear: both;
	list-style: none;
	margin-bottom: 40px;
	overflow: hidden;
}

li.comment:last-child {
	margin-bottom: 0;
}

ul.children li.comment:last-child {
	margin-bottom: 40px;
}

.comment a.comment-edit-link {
	text-transform: none;
}

.comment-list,
.comment-list ul.children {
	width: 100%;
	list-style-type: none;
	padding: 0;
}

.comment-list ul.children {
	float: left;
	width: 90%;
	margin: 0 0 0 10%;
}

.comment-list ul.children ul.children {
	width: 85%;
}

.comment-list > li:after,
.comment-list .children > li:before {
	content: '';
	display: block;
	height: 1px;
	width: 100%;
}

.comment-list > li:last-child:after {
	display: none;
}

.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 {
	font-size: .9em;
	line-height: 170%;
}

.comment-content p:last-child {
	margin-bottom: 10px;
}

.comment-content p.moderate {
	font-size: .8em;
	color: #ff0000;
	line-height: 140%;
}

.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;
	line-height: 140%;
	margin-bottom: 10px;
}

.comment-metadata .fn {
	margin-right: 10px;
}

.comment-metadata time {
	margin-left: 10px;
}

.comment-metadata a {
}

.comment-metadata span a {
}

.comment-awaiting-moderation {
	color: #aa0000;
	font-size: 14px;
}

.reply a {
	font-style: italic;
	line-height: 100%;
}

/* Comment form */
.comment-respond {
	padding: 0 5% 60px 5%;
	overflow: hidden;
}

.comment .comment-respond {
	margin-bottom: 20px;
	padding: 20px;
}

.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: 100%;
	font-size: 14px;
	border: solid 1px #ededed;
	border-radius: 3px;
	padding: 10px;
}

.comment-form textarea {
	width: 100%;
	border: solid 1px #ededed;
	border-radius: 3px;
	font-size: 16px;
	padding: 10px;
}

.form-allowed-tags {
	color: #444;
	font-size: .8em;
	float: right;
	width: 34%;
}


/* Form */
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

input[type="file"] {
  display: block;
}

input[type="range"] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

select {
	max-width: 100%;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}

.form-group {
	margin-bottom: 15px;
}

.form-control,
form input[type="text"],
form input[type="password"],
form input[type="email"],
form textarea,
.widget_archive select,
.widget_categories select {
	display: block;
	width: 100%;
	height: 34px;
	margin-bottom: 10px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	-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 .15s, box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control::-moz-placeholder {
	color: #777;
	opacity: 1;
}

.form-control:-ms-input-placeholder {
 	color: #777;
}

.form-control::-webkit-input-placeholder {
 	color: #777;
}

form textarea {
	height: auto;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	cursor: not-allowed;
	background-color: #eee;
	opacity: 1;
}

textarea.form-control {
 	min-height: 130px;
}

input[type="search"] {
	-webkit-appearance: none;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
	line-height: 34px;
	line-height: 1.42857143 \0;
}

input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm {
	line-height: 30px;
}

input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg {
	line-height: 46px;
}

.btn,
.form-submit input,
form input[type="submit"],
form button[type="submit"] {
	display: inline-block;
	background: #259b24;
	font: 15px Montserrat, Helvetica, Arial, sans-serif;
	color: #fff;
	padding: 10px 20px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	transition: all ease-in .3s;
}

.btn:hover,
.form-submit input:hover,
form input[type="submit"]:hover,
form button[type="submit"]:hover {
	background: #b0120a;
}

/* Contact Form 7 */
form.wpcf7-form label,
form p label {
	display: block;
	font: 11px Montserrat, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	margin-bottom: 5px;
}

form.wpcf7-form p,
form.wpcf7-form .wpcf7-not-valid-tip,
form p {
	display: block;
	font-size: .8em;
	line-height: 140%;
	text-align: left;
	margin-bottom: 20px;
}

form.wpcf7-form p:last-child,
form p:last-child {
	margin-bottom: 0;
}

form.wpcf7-form .wpcf7-not-valid-tip {
	margin-top: 7px;
}

.rsvp-holder .wpcf7-checkbox .wpcf7-list-item {
	display: inline-block;
	width: auto;
	margin-right: 15px;
}

form.wpcf7-form .wpcf7-response-output {
	font-size: .9em;
	font-weight: 700;
	color: #fff;
	line-height: 140%;
	border: none !important;
	margin: 20px 0 0 0 !important;
	padding: 10px !important;
}

form.wpcf7-form .wpcf7-response-output:before {
	float: left;
	width: 30px;
	height: 30px;
	content: '\f071';
	font-family: 'FontAwesome';
	font-size: 24px;
	margin: 9px 7px;
}

form.wpcf7-form .wpcf7-validation-errors {
	background: #f20303 !important;
}

form.wpcf7-form .wpcf7-mail-sent-ok {
	background: #4a8d03 !important;
}

/* Sub Footer Styles */
#sub-footer {
	background: #424242;
	text-align: center;
	padding: 30px 0;
	border-bottom: 10px solid #ccc;
	overflow: hidden;
}

#sub-footer a {
	display: inline-block;
	font-size: 13px;
	color: #888;
	margin-right: 18px;
	transition: all ease-in 0.3s;
}

#sub-footer a:last-child {
	margin-right: 0;
}

#sub-footer a:hover {
	color: #fff;
}

#sub-footer .fa {
	font-size: 18px;
	text-align: center;
	margin-right: 2px;
	position: relative;
	top: 2px;
}

#sub-footer .fa {
	font-size: 18px;
	text-align: center;
	margin-right: 3px;
	position: relative;
	top: 2px;
}

#sub-footer .fa-linkedin {
	top: 0;
}

/* Footer Styles */
#footer {
	background: #fff;
	font-size: 15px;
	line-height: 160%;
}

#footer a {
	color: #01579b;
}

#footer a:hover {
	color: #db1515;
}

/* Back to Top */
#scroll-top {
	width: 40px;
	height: 40px;
	color: #444;
	line-height: 1;
	position: fixed;
	right: 30px;
	bottom: 50px;
	z-index: 999;
	padding: 10px;
	display: none;
}

/* Widgets */
.footer-widget  {
	padding-bottom: 60px;
	border-bottom: solid 1px #eee;
}

.one-third {
	width: 29%;
	margin: 0 4% 4% 0;
	display: inline-block;
	vertical-align: top;
}

.one-third.last {
	width: 25%;
	margin-right: 0;
}

.one-third .recentposts article {
	margin-bottom: 20px;
}

.one-third .recentposts article h2.article-title {
	font-size: 14px;
}

.one-third.tag-cloud a {
	display: inline-block;
	margin-right: 10px;
	border-bottom: 1px solid #eee;
}

/* Category */
.widget_categories ul,
.widget_pages ul,
.widget_archive ul,
.widget_nav_menu ul,
.widget_recent_entries ul,
.widget_recent_comments ul, 
.widget_meta ul, 
.widget_rss ul {
	margin: 0;
	padding: 0;
}

.widget_categories ul li,
.widget_pages ul li,
.widget_archive ul li,
.widget_nav_menu ul li,
.widget_recent_entries ul li,
.widget_recent_comments ul li,
.widget_meta ul li, 
.widget_rss ul li {
	list-style: none;
	margin-bottom: 10px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #eee;
}

#map-wrapper .gm-style img {
    max-width: none;
}

/* Calendar */
table#wp-calendar {
    display: table;
    width: 100%;
    font-size: 85%;
}

table#wp-calendar caption {
    background-color: #6c6c6c;
    color: #fff;
    text-align: center;
    padding: 5px 0;
}

table#wp-calendar th, 
table#wp-calendar td {
    background-color: #f9f9f9;
    text-align: center;
    padding: 2px 1px;
}

table#wp-calendar thead th {
    background-color: #999;
    color: #ddd;
	padding: 10px 1px 5px 1px;
}

table#wp-calendar tbody td {
    background-color: #f9f9f9;
    color: #999;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

table#wp-calendar td#prev,
table#wp-calendar td#next {
    padding: 10px;
}

table#wp-calendar td#prev {
    text-align: left;
}

table#wp-calendar td#next {
    text-align: right;
}

/*Tags */
.tags ul li,
.widget_tag_cloud .tagcloud a {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 13px;
}

.tags ul li a,
.widget_tag_cloud .tagcloud a {
    display: block;
    padding: 0 10px;
    border: solid 1px #ddd;
}

.widget_tag_cloud .tagcloud a {
    display: inline-block;
	font-size: .8em !important;
}

.footer-bottom {
	overflow: hidden;
}

.footer-bottom span {
	padding: 30px 0;
	display: inline-block;
}

.footer-bottom span.author {
	float: right;
}



/* -----------------------------------
    Standard WordPress Styles 
-----------------------------------*/
/* Post */
.aligncenter {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

/* Image */
.hentry img {
    height: auto;
}

img.size-full {
	position: relative;
    left: -33.2%;
    right: 0;
}

img.alignnone {
    display: inline;
}

img.alignright {
    display: inline;
    margin-left: 20px;
    margin-bottom: 20px;
}

img.alignleft {
    display: inline;
    margin-right: 20px;
    margin-bottom: 20px;
}

img.aligncenter  {
    display: block;
    margin: 0 auto;
}

div.alignnone {
    margin: 0 0 30px 0;
}

div.alignleft {
    margin: 0 20px 20px -50px;
}

div.alignright {
    margin: 0 -50px 20px 20px;
}

div.aligncenter {
    margin: 20px auto;
}

ul.sub-menu {
    margin-bottom: 0;
}

.gallery-caption,
.entry-caption {
	float: left;
	clear: both;
	width: 100%;
    font: 11px Lato, Helvetica, Arial, sans-serif;
    line-height: 120%;
    margin-top: 2px;
}

.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 {
    clear: both;
    font-size: 14px;
    font-style: normal;
    margin: 10px 0 0 0;
}

.sticky {}
.bypostauthor {}

/* ZillaShortcodes Styles */
.zilla-tabs .zilla-nav li a {
	font-size: .8em;
	font-weight: 700;
	height: 35px !important;
}

.zilla-tabs .zilla-nav .ui-tabs-selected a, 
.zilla-tabs .zilla-nav .ui-tabs-active a {
	height: 35px !important;
}