/*
Theme Name: Themify Flat
Theme URI: https://themify.me/themes/flat
Version: 3.1.3  
Description: Created by <a href="http://www.themify.me">Themify</a>.
Author: Themify
Author URI: http://www.themify.me
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Copyright: (c) 2016 Themify.
Tags: featured-images, translation-ready, custom-menu
Text Domain: themify

Required Plugins: themify-portfolio-post
---------

DO NOT EDIT THIS FILE.

If you need to override the CSS styling, please use Appearance > Customize > Custom CSS or create a child theme.
*/

/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set img max-width */
img {
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
	display: block;
}

/* audio */
audio {
	max-width: 100%;
}

/* iframes and objects max-width */
iframe, object {
	max-width: 100%;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
@font-face {
	font-family: 'themify_theme_icon';
	src: url('data:application/octet-stream;base64,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') format('woff');
}

html {
	-webkit-font-smoothing: antialiased;
}
body {
	font: 1em/1.7em Helvetica, Arial, sans-serif;
	background-color: #fff;
	color: #888;
	word-wrap: break-word;
	overflow-x: hidden;
}
a {
	color: #09c;
	text-decoration: underline;
	outline: none;
	transition: 0.3s;
}
a:hover {
	color: #0cc;
	text-decoration: none;
}
a img:hover {
	opacity: .5;
	transition: 0.3s;
}
p {
	margin: .2em 0 2em;
	padding: 0;
}
big {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: normal;
}
small {
	font-size: 87%;
}
blockquote {
	font: italic 110%/130% "Times New Roman", Times, serif;
	padding: 8px 30px 15px;
}
ins {
	text-decoration: none;
}

/* LIST
================================================ */
ul, ol {
	margin: 1em 0 1.4em 24px;
	padding: 0;
	line-height: 140%;
}
li {
	margin: 0 0 .5em 0;
	padding: 0;
}

/* HEADINGS
================================================ */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.5em;
	margin: 0 0 1.4em;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: normal;
	color: #000;
	word-wrap: normal;
}
h1 {
	font-size: 2.5em;
	margin-bottom: .4em;
}
h2 {
	font-size: 5.5em;
	line-height: 1.25em;
	margin: 30px auto .3em;
	text-transform: uppercase;
	letter-spacing: .05em;
}
h3 {
	font-size: 1.7em;
}
h4 {
	font-size: 1.5em;
}
h5 {
	font-size: 1.3em;
}
h6 {
	font-size: 1.2em;
}

/* FORM
================================================ */
/* form input */
input, textarea, select, input[type=search], button {
	font-size: 120%;
	font-family: 'Josefin Sans', sans-serif;
}
input[type=text], input[type=password], textarea, input[type=search], input[type=email], input[type=url] {
	background-color: #eee;
	border: none;
	padding: 10px;
	border-radius: 5px;
	-webkit-appearance: none;
}
input[type=text], input[type=search], input[type=email] {
	width: 240px;
	max-width: 90%;
}

/* text area */
textarea {
	line-height: 150%;
	width: 94%;
}

/* form input:focus */
textarea:focus, input[type=password]:focus, input[type=text]:focus, input[type=search]:focus, input[type=email]:focus {
	outline: none;
	background-color: #eee;
}

/* form button */
input[type=reset], input[type=submit], button {
	background-color: #f06544;
	color: #fff;
	border: none;
	padding: 7px 20px;
	cursor: pointer;
	border-radius: 10px;
	text-transform: uppercase;
	transition: 0.3s;
	-webkit-appearance: none;
}


/* form input:hover */
input[type=reset]:hover, input[type=submit]:hover, button:hover {
	background-color: #FF7F5E;
	color: #fff;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap, .pagewidth, #headerwrap, #header, #main-nav, #body, #layout, #content, .post, .author-box, .post-nav, .pagenav, #sidebar, .widget, #footerwrap, #footer {
	box-sizing: border-box;
}

/* main page width */
.pagewidth,
.section-inner {
	width: 1064px;
	max-width: 100%;
	margin: 0 auto;
}

/* body (middle container) */
#body {
	max-width: 100%;
}

/* section fullwidth */
.sidebar-none.query-section #layout.pagewidth {
	width: 100% !important;
	max-width: 100% !important;
}
.sidebar-none.query-section .page-title,
.sidebar-none.query-section .page-content {
	width: 1064px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* content */
#content {
	width: 740px;
	float: left;
	padding: 8% 0 5%;
}
.sidebar-none #content {
	width: 100%;
	float: none;
	padding-left: 0;
	padding-right: 0;
}
.sidebar-none.query-section #content {
	padding: 0;
}

/* sidebar */
#sidebar {
	width: 252px;
	float: right;
	padding: 8% 0 5%;
}

/* sidebar left */
.sidebar-left #content {
	float: right;
}
.sidebar-left #sidebar {
	float: left;
}

/* fullwidth content */
.full_width #layout {
	width: 100%;
	max-width: 100%;
}
.full_width #content {
	padding: 0;
	width: auto;
	float: none;
}
.full_width #sidebar {
	width: auto;
	float: none;
}

/************************************************************************************
GRID
*************************************************************************************/
.col4-1,
.col4-2,
.col4-3,
.col3-1,
.col3-2
{
	margin-left: 3.2%;
	float: left;
}
.col4-1 {
	width: 22.6%;
}
.col4-2, .col2-1 {
	width: 48.4%;
}
.col4-3 {
	width: 74.2%;
}
.col3-1 {
	width: 31.2%;
}
.col3-2 {
	width: 65.6%;
}
.col.first,
.col4-1.first,
.col4-2.first,
.col4-3.first,
.col3-1.first,
.col3-2.first
{
	margin-left: 0;
	clear: left;
}

/************************************************************************************
HEADER
*************************************************************************************/
#headerwrap {
	background-color: #fc0;
}
#header {
	text-align: center;
	padding: 0;
	overflow: inherit;
}

/*
SITE LOGO
================================================ */
#site-logo {
	line-height: 110%;
	font-family: 'Josefin Sans', sans-serif; 
	font-size: 2.5em;
	text-transform: uppercase;
	font-weight: normal;
	padding: 65px 0 30px;
	margin: 0;
}
#site-logo a {
	color: #000;
	text-decoration: none;
}
#site-logo a:hover {
	text-decoration: none;
}

/*
SITE DESCRIPTION
================================================ */
#site-description {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 1.125em;
	margin: 0 0 30px 0;
	line-height: 110%;
	font-weight: normal;
	color: #8d6f00;
}
#site-description .site-taglink{
	color: inherit;
	font-size: inherit;
}
#site-description .site-taglink:hover{
	text-decoration:none;
}
/*
FIXED HEADER
================================================ */
#headerwrap.fixed-header #main-nav {
	padding: 12px 0;
	text-align: left;
}
#headerwrap.fixed-header {
	position: fixed !important;
	z-index: 1001 !important;
	top: 0;
	left: 0;
	width: 100%;
}
#headerwrap.fixed-header.fixed-header-search-focus {
	position: absolute !important;
}
#headerwrap.fixed-header {
	padding: 0;
}
.admin-bar #headerwrap.fixed-header {
	top: 32px;
}
#headerwrap.fixed-header #header hgroup {
	bottom: 5px;
}
#headerwrap.fixed-header #main-nav-wrap {
	bottom: 16px;
}

#headerwrap.fixed-header #header #searchform {
	margin: 10px auto 0;
	float: right;
}

/* prevent transparent header overlap builder */
.themify_builder_active #headerwrap,
.themify_builder_active.has-fixed-header #headerwrap {
	position: static !important;	
	color: inherit;
}
.themify_builder_active.has-fixed-header #pagewrap {
	padding-top: 0 !important;
}
.transparent-header.themify_builder_active #headerwrap {
	position: static !important;	
	color: inherit;
}
.transparent-header.themify_builder_active #headerwrap a {
	color: inherit;
}

/*
SOCIAL WIDGET
================================================ */
#social-wrap {
	position: absolute;
	top: 10px;
	right: 0;
}
.social-widget a {
	text-decoration: none;
}
.social-widget a:hover {
	text-decoration: none;
}
.social-widget .widget {
	display: inline-block;
	margin: 0 2px 0 0;
	padding: 0;
	padding-bottom: 15px;
	background: none;
	border: none;

	border-radius: 0;

	box-shadow: none;
}
.social-widget .widget div {
	display: inline;
}
.social-widget .widgettitle {
	width: auto;
	font-weight: normal;
	font-size: 100%;
	font-family: inherit;
	text-transform: none;
	border: none;
	letter-spacing: 0;
	position: static;
	display: inline-block;
	margin: 5px 8px 2px 0;
	padding: 0;
	background: transparent;

	border-radius: 0;

	box-shadow: none;
}
.social-widget ul {
	margin: 6px 0 0 !important;
	padding: 0;
	display: inline;
}
.social-links.horizontal li {
	padding: 0 2px 5px 0;
	margin: 0;
	display: inline-block;
	border: none !important;
	clear: none;
	line-height: 100%;
}
.social-widget li img {
	vertical-align: middle;
}

/* rss */
.social-widget div.rss {
	display: inline;
	text-indent: -9999em;
}
.social-widget div.rss a {
	background: url(images/rss.png) no-repeat left center;
	padding: 6px 0 8px 35px;
	display: inline-block;
}
.social-widget div.rss a:hover {
	opacity: .5
}

/*
SEARCH FORM
================================================ */
#header #searchform {
	margin: 0 auto;
}
#header #searchform #s {
	width: 70px;
	color: #a3a3a3;
	background: #fff url(images/search.png) no-repeat 8px center;
	padding: 10px 10px 10px 30px;
	border: none;
	border-radius: 10px;
	transition: width .7s;
}
#header #searchform #s:focus {
	width: 150px;
	color: #333;
}

/*
MAIN NAVIGATION
================================================ */
#main-nav {
	padding: 45px 0;
	margin: 0;
}
#main-nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	position: relative;
}

/* main level link */
#main-nav a {
	color: #8d6f00;
	display: block;
	padding: 10px 20px 7px;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 1.1em;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
}
/* main level link :hover */
#main-nav a:hover {
	color: #fff;
}

/* current link */
#main-nav .current_page_item a, #main-nav .current-menu-item a {
	color: #fff;
	background-color: #000;
	border-radius: 5px;
}
/* current link :hover */
#main-nav .current_page_item a:hover, #main-nav .current-menu-item a:hover {
	color: #fff;
}

/* sub-levels link */
#main-nav ul a, #main-nav .current_page_item ul a, #main-nav ul .current_page_item a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item a {
	color: #fff;
	text-transform: none;
	padding: 10px 0;
	margin: 0;
	display: block;
	width: 170px;
	background: none;
	font-size: 1em;
	text-transform: uppercase;
}

/* sub-levels link :hover */
#main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover {
	color: #fc0;
}
/* dropdown ul */
#main-nav ul {
	margin: 0 0 0 -100px;
	padding: 5px 0;
	list-style: none;
	position: absolute;
	background-color: #000;
	z-index: 100;
	display: none;
	left: 50%;
	border-radius: 10px;
	text-align: center;
}
#main-nav ul:before {
	position: absolute;
	display: block;
	content: ' ';
	width: 0;
	height: 0;
	top: -8px;
	left: 50%;
	margin-left: -4px;
	border-bottom: 8px solid #000;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	z-index: -1;
}
#main-nav ul:after {
	position: absolute;
	display: block;
	content: ' ';
	width: 0;
	height: 0;
	top: -10px;
	left: 50%;
	margin-left: -6px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	z-index: -2;
}
#main-nav ul li {
	background: none;
	padding: 0 12px;
	margin: 0;
	float: none;
}
/* sub-levels dropdown */
#main-nav ul ul {
	margin: 0 0 0 97px;
	top: -5px;
}
#main-nav ul ul:before {
	top: 15px;
	left: -17px;
	margin-left: 0;
	border-right: 8px solid #fc0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}
#main-nav ul ul:after {
	display: none;
}

/* show dropdown ul */
#main-nav li:hover > ul {
	display: block;
}
#main-nav .dropdown-open > .sub-menu {
	opacity: 1 !important;
	transform: none !important;
}
#main-nav .has-mega-column > .sub-menu .sub-arrow {
	display: none;
}
#main-nav .sub-arrow {
    border-radius: 100%;
	padding: 0 7px;
	margin-left: 7px;
}
#main-nav ul .sub-arrow {
	float: right;
	margin-right: 10px;
}
#main-nav .sub-arrow:hover {
    background: rgba(214,214,214,.4);
}

/* Edge Menu */
#main-nav li.edge > ul {
	left: auto;
    right: 0;
}
#main-nav ul li.edge > ul {
	left: auto;
    right: 100%;
}

/* mobile menu icon */
#menu-icon,
#menu-icon-close {
	display: none;
	color: inherit;
}
.menu-icon-inner {
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	width: 28px;
	height: 23px;
	overflow: hidden;
	vertical-align: middle;
}
.menu-icon-inner:before,
.menu-icon-inner:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	transition: all .7s ease;
	transition-property: transform;
	box-sizing: border-box;
}
.menu-icon-inner:before {
	top: 0;
	height: 100%;
	border-top: 4px solid;
	border-bottom: 4px solid;
}
.menu-icon-inner:after {
	top: 50%;
	transform: translateY(-50%);
	border-top: 4px solid;
}
#headerwrap #menu-icon-close {
	transform: rotateZ(0deg);
	transition: all 0.3s ease-in-out;
}
#headerwrap #menu-icon-close:hover {
	transform: rotateZ(90deg);
}

body.mobile-menu-visible {
    position: relative;
}
.body-overlay {
    display: none;
    background-color: rgba(255,255,255,.7);
    width: 100%;
    height: 100%;
    position: fixed;
    right: 300px;
    top: 0;
    z-index: 1002;
    box-shadow: inset -1px 0 13px rgba(0,0,0,.13)
}
.body-overlay.body-overlay-on {
    display: block; /* fix for Windows phone */
}

/************************************************************************************
PAGE
*************************************************************************************/
/* page title */
.page-title {
	margin: 0 0 15px;
	padding: 0;
	font-size: 320%;
	line-height: 110%;
	text-transform: uppercase;
}
.sidebar-none .page-title {
	margin-top: 8%;
	text-align: center;
}

/*
SECTION
================================================ */
.section-post {
	margin: 0 !important;
	overflow: hidden;
}
.section-title {
	font-size: 5.5em;
	line-height: 1.25em;
	text-align: center;
	margin: 30px auto .3em;
	text-transform: uppercase;
	letter-spacing: .05em
}
.section-inner {
	padding-top: 120px;
	padding-bottom: 90px;
}
.sidebar-none .loops-wrapper.list-post .section-inner {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.sidebar1 .loops-wrapper.list-post .section-inner {
	padding: 10% 5% 8%;
}

/*
HIGHLIGHT POST TYPE
================================================ */
.highlight.loops-wrapper.list-post .highlight-post {
	text-align: left;
	margin-top: 8%;
}
.highlight.loops-wrapper.list-post .highlight-post:first-child {
	margin-top: 0;
}
.highlight.loops-wrapper.list-post .highlight-post .post-title {
	font-size: 2.625em !important;
	text-transform: none;
	letter-spacing: 0;
}
.highlight.loops-wrapper.grid4 .post-title,
.highlight.loops-wrapper.grid3 .post-title,
.highlight.loops-wrapper.grid2 .post-title {
	text-transform: uppercase;
	margin: 20px 0 10px !important;
	font-size: 1.5em !important;
}
 
/*
TEAM POST TYPE
================================================ */
.team {
	margin-top: 45px;
}
.team .post-title {
	font-size: 1.5em !important;
	margin: 20px 0 5px;
	text-transform: uppercase;
}
.team .post-title .team-title {
	font-size: .875em;
	text-transform: none;
}
.team .post-title .team-title:before {
	content: " - ";
}
.team .team-social {
	margin-top: -15px;
}
.team.loops-wrapper.list-post .team-content-wrap {
	width: 70%;
	float: left;
}
.team.loops-wrapper.list-post .post-image {
	float: left;
	margin-right: 5%;
}
.team.loops-wrapper.list-post .post-title {
	font-size: 1.5em !important;
	margin: 0 0 5px;
	text-transform: uppercase;
}

.team.loops-wrapper.grid4 .post-title {
	font-size: 1.25em !important;
}
.team.loops-wrapper.grid4 .team-title {
	display: block;
}

/* skillset-wrap */
.team.loops-wrapper.list-post .skillset-wrap {
	width: 25%;
	float: right;
}

/*
PROGRESS BAR
================================================ */
.progress-bar {
	background-color: #eee;
	background-color: rgba(212,212,212,.5);
	margin: 0 0 12px;
	border-radius: 5px;
	text-align: left;
	font-family: 'Josefin Sans', sans-serif;
	color: #000;
	position: relative;
}
.progress-bar .progress-bar-bg {
	height: 100%;
	position: absolute;
	border-radius: 5px;
}
.progress-bar .progress-bar-label {
	padding: 5px 10px;
	position: relative;
	z-index: 1;
	display: inline-block;
	font-style: normal;
}

/*
TIMELINE POST TYPE
================================================ */
.timeline p {
	margin: 0 0 15px;
}
.timeline ul{
	position: relative;
}
.timeline ul:before {
	content: ' ';
	position: absolute;
	left: 22%;
	height: 100%;
	border-right: 3px solid #ccc;
	border-right-color: rgba(0,0,0,.2);
}
.timeline > ul {
	list-style: none;
	margin: 0;
}
.timeline > ul li {
	list-style: none;
	margin: 0 0 2em;
	padding: 0;
	display: block;
	clear: both;
}
.timeline .timeline-image img,
.timeline .timeline-content img{
	border-radius: 10px;
}
.timeline .timeline-date {
	font-weight: normal;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 2em;
	color: #000;
	text-align: right;
	width: 15%;
	float: left;
	margin-top: .5em;
	word-wrap: normal
}
.timeline .timeline-month {
	text-transform: uppercase;
	font-size: 90%;
}
.timeline .timeline-dot {
	color: #fca8bc;
	position: absolute;
	left: 20.6%;
	font-size: 5.5em;
	margin-top: 22px;
}
.timeline .timeline-content-wrap {
	width: 70%;
	float: right;
	font-size: 1.4em;
	line-height: 1.5;
	margin-top: 1.3%;
	font-family: 'Josefin Sans', sans-serif;
}


/*
PORTFOLIO POST TYPE
================================================ */
.portfolio .portfolio-post {
	text-align: center;
}
.portfolio .portfolio-post .post-content {
	min-width: 100%;
}
.portfolio .portfolio-post .post-title {
	text-transform: uppercase;
	margin: 20px 0 10px;
	font-size: 1.5em;
}
.portfolio .portfolio-post a {
	text-decoration: none;
	color: #000;
}
.portfolio .portfolio-post a:hover {
	color: #ccc;
}

/*
TESTIMONIAL POST TYPE
================================================ */
.testimonial ul {
	list-style: none;
	margin: 0;
}
.testimonial.loops-wrapper.list-post .testimonial-post {
	margin-bottom: 3%;
	overflow: hidden;
}
.testimonial .post-content {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 1.125em;
	line-height: 1.6;
}
.testimonial .testimonial-author {
	margin-top: -3%;
	text-transform: uppercase;
}
.testimonial .testimonial-author .testimonial-title {
	text-transform: none;
}

.testimonial.slider .testimonial-post {
	padding: 0 10%;
	margin: 0 auto;
}

/* Testimonial Girds */
.testimonial.loops-wrapper.grid4 li:nth-of-type(4n+1),
.testimonial.loops-wrapper.grid3 li:nth-of-type(3n+1),
.testimonial.loops-wrapper.grid2 li:nth-of-type(2n+1) {
	margin-left: 0;
	clear: left;
}
.testimonial.loops-wrapper.grid4 li,
.testimonial.loops-wrapper.grid3 li,
.testimonial.loops-wrapper.grid2 li {
	float: left;
	margin-left: 3.2%;
}
.testimonial.loops-wrapper.grid4 li {
	width: 22.6%;
}
.testimonial.loops-wrapper.grid3 li {
	width: 31.2%;
}
.testimonial.loops-wrapper.grid2 li {
	width: 48.4%;
}
.testimonial.loops-wrapper.grid4 li .post,
.testimonial.loops-wrapper.grid3 li .post,
.testimonial.loops-wrapper.grid2 li .post {
	float: none;
	margin-left: 0;
	width: auto;
}

/* testimonial slider */
.testimonial.loops-wrapper.slider .post-image {
	float: none;
	margin-right: 0;
}
.testimonial.loops-wrapper.slider .carousel-prev {
	position: absolute;
	left: 0;
	top: 50%;
}
.testimonial.loops-wrapper.slider .carousel-next {
	position: absolute;
	right: 0;
	top: 50%;
}


/*
AUTHOR PAGE
================================================ */
.author-bio {
	margin: 0 0 30px;
}
.author-bio .author-avatar {
	float: left;
	margin: 0 15px 0 0;
}
.author-bio .author-avatar img {
	background-color: #fff;
	padding: 4px;
	border: solid 1px #ccc;
}
.author-bio .author-name {
	margin: 0 0 5px;
	padding: 0;
	font-size: 160%;
	font-weight: normal;
}
.author-posts-by {
	margin: 0 0 20px;
	padding: 10px 0 0;
	font-size: 140%;
	text-transform: uppercase;
	border-top: double 4px #ccc;
	border-color: rgba(118,118,118,.3);
}

/*
CATEGORY SECTIONS
================================================ */
.category-section {
	clear: both;
	margin-bottom: 30px;
}
.category-section-title {
	font-size: 120%;
	text-transform: uppercase;
	margin: 0 0 20px;
	padding: 10px 0 0;
	border-top: double 4px #ccc;
}

/************************************************************************************
PAGE NAVIGATION
*************************************************************************************/
.pagenav {
	clear: both;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 1.5em;
	text-align: center;
	margin-bottom: 8%;
}
.pagenav a,
.pagenav .current {
	line-height: 100%;
	padding: 5px 0 1px;
	margin: 0 2px;
	display: inline-block;
	min-width: 30px;
	min-height: 18px;
	text-align: center;
	border-radius: 10em;
}
.pagenav a {
	background-color: #fc0;
	color: #fff;
	text-decoration: none;
}
.pagenav a:hover {
	opacity: .5;
}
.pagenav .current {
	text-decoration: none;
	background-color: #000;
	color: #fff;
}

/************************************************************************************
POST
*************************************************************************************/
.post {
	margin-bottom: 50px;
	box-sizing: border-box;
	overflow: hidden; /* for .post-content clearfloat & min-width in FF */ 
}

/* post content */
.post-content {
	min-width: 140px;
	overflow: hidden;
}

/* post title */
.post-title {
	margin: 0 0 5px;
	font-size: 2.5em;
	line-height: 1.3;
}
.post-title a {
	color: #000;
	text-decoration: none;
}
.post-title a:hover {
	color: #999;
}

/* post image */
.post-image {
	margin: 0 0 15px;
}
.post-image img{
	border-radius: 10px;
}
.post-image.left {
	float: left;
	margin-right: 3.2%;
}
.post-image.right {
	float: right;
	margin-left: 3.2%;
}

/* post meta */
.post-meta {
	margin: 0 0 5px;
	color: #999;
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	font-size: .85em;
	line-height: 1.4em;
}
.post-meta a {
	color: #999;
	text-decoration: none;
}
.post-meta .separator {
	color: #eee;
}

/* post date */
.post-date {
	display: block;
	font-family: 'Josefin Sans', sans-serif;
	color: #999;
	text-transform: uppercase;
	font-size: 1.2em;
	letter-spacing: 1px;
	margin: 0 0 15px;
}

/* grid4 post */
.loops-wrapper.grid4 .post {
	width: 22.6%;
	float: left;
	margin-left: 3.2%;
	text-align: center;
	font-size: .9em;
	line-height: 1.7;
}
.loops-wrapper.grid4 .post-title {
	font-size: 1.5em;
	margin: 0 0 3px;
	padding: 0;
}

/* grid3 post */
.loops-wrapper.grid3 .post {
	width: 31.2%;
	float: left;
	margin-left: 3.2%;
	text-align: center;
}
.loops-wrapper.grid3 .post-title {
	font-size: 2em;
	margin: 0 0 3px;
	padding: 0;
}

/* grid2 post */
.loops-wrapper.grid2 .post {
	width: 48.4%;
	float: left;
	margin-left: 3.2%;
	text-align: center;
}
.loops-wrapper.grid2 .post-title {
	font-size: 2em;
	margin: 0 0 3px;
	padding: 0;
}

/* grid2-thumb post */
.loops-wrapper.grid2-thumb .post {
	width: 48.4%;
	float: left;
	margin-left: 3.2%;
}
.loops-wrapper.grid2-thumb .post-title {
	margin: 0 0 5px;
	font-size: 150%;
}
.loops-wrapper.grid2-thumb .post-image {
	float: left;
	margin: 0 20px 15px 0;
}
.loops-wrapper.grid2-thumb .post-content {
	overflow: hidden;
}

/* list thumb post */
.loops-wrapper.list-thumb-image .post-image {
	float: left;
	margin: 0 30px 15px 0;
}
.loops-wrapper.list-thumb-image .post-content {
	overflow: hidden;
}

/* list large image */
.loops-wrapper.list-large-image .post-image {
	float: left;
	margin: 0 45px 10px 0;
}
.loops-wrapper.list-large-image .post-title {
	font-size: 200%;
	margin: 0 0 5px;
	padding: 0;
}
.loops-wrapper.list-large-image .post-content {
	overflow: hidden;
}

/* clear grid posts */
.loops-wrapper.grid4 .post:nth-of-type(4n+1),
.loops-wrapper.grid3 .post:nth-of-type(3n+1),
.loops-wrapper.grid2 .post:nth-of-type(2n+1),
.loops-wrapper.grid2-thumb .post:nth-of-type(2n+1) {
	margin-left: 0 !important;
	clear: left;
}

/* List post */
.loops-wrapper.list-post {
	max-width: 100%;
	margin: 0 auto;
}
.loops-wrapper.list-post .post-image {
	float: left;
	margin-right: 7%;
}
.single-post .post img {
	border-radius: 10px;
}

/* reset grid post-image */
.loops-wrapper.grid4 .post-image,
.loops-wrapper.grid3 .post-image,
.loops-wrapper.grid2 .post-image {
	float: none;
	margin-right: 0;
}

/************************************************************************************
POST VIDEO (css for fluid video)
*************************************************************************************/
.post-video,
.embed-youtube {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin-bottom: 15px;
}
.post-video iframe,
.post-video object,
.post-video embed,
.embed-youtube iframe,
.embed-youtube object,
.embed-youtube embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Edit post */
.edit-button {
	display: block;
	clear: both;
}

/************************************************************************************
AUTHOR BOX
*************************************************************************************/
.author-box {
	border-bottom: solid 1px #ddd;
	padding: 8% 0;
}
.author-box .author-avatar {
	float: left;
	margin: 0 30px 0 0 !important;
}
.author-box .author-avatar img {
	padding: 0 !important;
	background: none;
	box-shadow: none;
}
.author-box .author-name {
	font-family: 'Josefin Sans', sans-serif;
	margin: 0 0 5px;
	color: #000;
	text-transform: uppercase;
}

/************************************************************************************
POST NAVIGATION (the <nextpage> tag)
*************************************************************************************/
.post-pagination {
	text-align: right;
	margin: .5em 0 2em;
}
.post-pagination strong {
	margin-right: 3px;
}
.post-pagination a {
	margin-left: 3px;
	margin-right: 3px;
}
/************************************************************************************

POST NAVIGATION
*************************************************************************************/
.post-nav {
	padding: 5% 0;
	clear: both;
}
.sidebar-none .post-nav {
	padding-bottom: 0;
}
.post-nav .prev,
.post-nav .next {
	width: 47%;
	position: relative;
}
.post-nav a {
	text-transform: uppercase;
	font-family: 'Josefin Sans', sans-serif;
	color: #000;
	font-size: 1.5em;
	text-decoration: none;
	display: block;
}
.post-nav a:hover {
	text-decoration: none;
}
.post-nav .prev {
	float: left;
}
.post-nav .next {
	float: right;
	text-align: right;
}

/* post nav arrow */
.post-nav .arrow {
	background-color: #fc0;
	color: #fff;
	font: .8em/100% 'Josefin Sans', sans-serif !important;
	display: block;
	width: auto;
	float: left;
	width: 22px;
	height: 20px;
	padding: 2px 0 0;
	text-align: center;
	margin: 0 10px 50px 0;
	border-radius: 10em;
}
.post-nav .next .arrow {
	float: right;
	margin-left: 10px;
	margin-right: 0;
}
.post-nav a:hover span {
	opacity: .5;
	transition: 0.3s;
}

/************************************************************************************
COMMENTS
*************************************************************************************/
.commentwrap {
	margin: 8% 0 20px;
	position: relative;
	clear: both;
}

/* comment title */
.comment-title, #reply-title {
	font-size: 140%;
	margin: 0 0 20px;
	padding: 0;
	font-family: 'Josefin Sans', sans-serif;
	color: #000;
	text-transform: uppercase;
	font-weight: normal;
}

/* comment pagenav */
.commentwrap .pagenav {
	margin: 10px 0;
	border: none;

	box-shadow: none;
}
.commentwrap .pagenav.top {
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
}

/* commentlist */
.commentlist {
	margin: 0 0 30px;
	padding: 5px 0 0;
	border-top: solid 1px #ddd;
}
.commentlist li {
	margin: 0;
	padding: 5% 0 0;
	list-style: none;
	position: relative;
}
.commentlist .comment-author {
	margin: 2px 0 10px;
	padding: 0;
}
.commentlist .avatar {
	float: left;
	margin: 0 25px 0 0;
}
.commentlist cite {
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	color: #000;
	font-style: normal;
	font-size: 130%;
}
.commentlist cite a {
	text-decoration: none;
}
.commentlist .bypostauthor > .comment-author cite {
	background: url(images/icon-author-comment.png) no-repeat 0 2px;
	padding-left: 18px;
}
.commentlist .comment-time {
	font-size: 75%;
	color: #ccc;
	text-transform: uppercase;
}
.commentlist .commententry {
	position: relative;
	min-height: 40px;
	overflow: hidden;
	padding-bottom: 5px;
	word-wrap: break-word;
}
.commentlist ul, .commentlist ol {
	margin: 0 0 0 7%;
	padding: 0;
}

/* reply link */
.commentlist .reply {
	position: absolute;
	right: 0;
	top: 30px;
}
.commentlist .comment-reply-link {
	text-transform: uppercase;
	text-decoration: none;
	background-color: #eee;
	border-radius: 5px;
	color: #999;
	padding: 5px 5px 3px;
	font-family: 'Josefin Sans', sans-serif;
}
.commentlist .comment-reply-link:hover {
	text-decoration: none;
	opacity: .5;
}

/*
COMMENT FORM
================================================ */
#respond {
	margin: 0;
	padding: 10% 0 0;
	position: relative;
	clear: both;
}
#respond #cancel-comment-reply-link {
	position: absolute;
	top: 55px;
	right: 0;
	font-size: 85%;
	line-height: 100%;
	text-decoration: none;
	padding: 5px 10px 3px;
	display: block;
	color: #fff;
	border-radius: 5px;
	background-color: #fc0;
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
}
#respond #cancel-comment-reply-link:hover {
	background-color: #fff21e;
}
#commentform {
	margin: 15px 0 0;
}
#commentform label {
	font-weight: normal;
	font-family: 'Josefin Sans', sans-serif;
}
#commentform label small {
	font-weight: normal;
}
#commentform textarea {
	height: 140px;
	width: 100%;
	box-sizing: border-box;
}
#commentform .comment-form-author,
#commentform .comment-form-email {
	width: 50%;
	float: left;
	box-sizing: border-box;
	clear: none;
}
#commentform p.comment-form-author {
    padding-right: 2%;
}
#commentform .comment-form-email {
	padding-left: 2%;
}
#commentform input[type=text],
#commentform input[type=email],
#commentform input[type=url] {
	width: 100%;
	max-width: none;
	box-sizing: border-box;
}
#commentform input#submit {
	padding: 13px 20px 10px;
}
#commentform p {
	margin-bottom: 1em;
}

/************************************************************************************
SLIDESHOW
*************************************************************************************/
.slideshow-wrap {
	visibility: hidden;
	height: 0;
	overflow: hidden;
	min-width: 120px;
}
.slideshow {
	margin: 0;
	padding: 0;
}
.slideshow li {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	overflow: hidden;
	text-align: center;
}
.single .slideshow li {
	position: relative;
}
.caroufredsel_wrapper {
	margin: 0 auto;
}

/* slider image caption */
.slider-image-caption {
	position: absolute;
	background-color: #222;
	background-color: rgba(0,0,0,.6);
	color: #fff;
	display: inline;
	bottom: 0;
	left: 0;
	padding: 5px 2%;
	width: 96%;
}

/* slideshow nav wrap */
.post .carousel-nav-wrap,
.slider .carousel-nav-wrap {
	width: 100%;
	padding: 0;
	margin: 0;
}
.post .carousel-prev,
.post .carousel-next,
.slider .carousel-prev,
.slider .carousel-next {
	position: absolute;
	width: 46px;
	height: 50px;
	display: block;
	font: 4em/100% 'Josefin Sans', sans-serif !important;
	background-color: transparent;
	border: none;
	box-shadow: none;
	top: 40%;
	padding: 0;
	color: rgba(0,0,0,.2) !important;
	text-decoration: none;
	transform: translateY(-50%);
}
.carousel-nav-wrap a:hover {
	opacity: .5;
}
.post .carousel-prev,
.post .carousel-prev:hover,
.slider .carousel-prev,
.slider .carousel-prev:hover {
	left: 0;
}
.post .carousel-next,
.post .carousel-next:hover,
.slider .carousel-next,
.slider .carousel-next:hover {
	right: 0;
}
.post .carousel-pager,
.slider .carousel-pager {
	width: 100%;
	text-align: center;
	padding: 0;
	clear: both;
	height: auto;
	padding: 5px 0 0;
}
.post .carousel-pager li,
.slider .carousel-pager li {
	margin: 0;
	padding: 0;
	display: inline-block;
	position: relative;
}
.post .carousel-pager a,
.slider .carousel-pager a {
	text-indent: -900em;
	width: 22px !important;
	height: 22px !important;
	display: block !important;
	margin: 0 3px !important;
	cursor: pointer;
	background: rgba(0,0,0,.2) !important;
	border: none !important;
	display: inline-block !important;
	vertical-align: middle;
	border-radius: 10em !important;
	position: relative !important;
	box-shadow: none !important;
}
.post .carousel-pager .selected,
.slider .carousel-pager .selected {
	background: #fc0 !important;
}

/* Hide carousel arrows if it's grid4 */
.loops-wrapper.grid4 .post .carousel-prev, 
.loops-wrapper.grid4 .post .carousel-next,
.loops-wrapper.grid4 .slider .carousel-prev, 
.loops-wrapper.grid4 .slider .carousel-next {
	display: none !important;
}



/************************************************************************************
PORTFOLIO SINGLE
*************************************************************************************/
.sidebar-none.single-portfolio div.post-image,
.sidebar-none.single-portfolio figure.post-image {
	float: left;
	margin-right: 6%;
	width: 60%;
}
.sidebar-none.single-portfolio #body {
	margin-top: 8%;
}

/* portfolio slideshow nav */
.portfolio .carousel-pager {
	margin-top: 30px;
}

/* portfolio details */
.single .portfolio .post-content {
	overflow: hidden;
	padding-top: 3em;
}
.single .portfolio .post-title {
	font-size: 3em;
}


/************************************************************************************
SIDEBAR
*************************************************************************************/
.widget {
	margin: 0 0 25%;
	word-wrap: break-word;
}
.widget a {
	text-decoration: none;
}
.widgettitle,
.widgettitle a {
	margin: 0 0 15px;
	padding: 0;
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
	font-weight: normal;
}
.widgettitle a:hover {
	color: #ccc;
}
.widget ul {
	margin: 0;
	padding: 0;
}
.widget li {
	margin: 0;
	padding: 0 0 10px;
	list-style: none;
	clear: both;
}
.widget ul ul {
	margin: 6px 0 -6px 0px;
	padding: 0;
	border-top: none;
}
.widget ul ul li {
	margin: 0;
	padding-left: 10px;
}

/************************************************************************************
WIDGET STYLES
*************************************************************************************/
/* calendar widget */
.widget #wp-calendar caption {
	padding-bottom: 10px;
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	color: #000;
}
.widget #wp-calendar td {
	width: 31px;
	padding: 4px 2px;
	text-align: center;
}

/* feature posts widget */
.widget .feature-posts-list br {
	display: none;
}
.widget .feature-posts-list .post-img {
	margin: 4px 12px 10px 0;
	float: left;
}
.widget .feature-posts-list small {
	font-style: italic;
	font-size: 90%;
	display: block;
	margin: 0 0 3px;
}
.widget .feature-posts-list .feature-posts-title {
	margin: 4px 0 3px;
}
.widget .feature-posts-list .post-excerpt {
	display: block;
}

/* twitter widget */
.widget .twitter-list .twitter-timestamp {
	font-style: normal;
}
.widget .twitter-list .twitter-timestamp a {
	color: #ccc;
	font-size: .875em;
}
.widget .follow-user {
	margin: 0;
	padding: 5px 0;
}

/* links widget */
.widget .links-list img, .widget_links img {
	vertical-align: middle;
}

/* recent comments widget */
.recent-comments-list .avatar {
	margin-right: 12px;
	float: left;
}

/* flickr widget */
.widget .flickr_badge_image {
	margin-top: 10px;
}
.widget .flickr_badge_image img {
	width: 50px;
	height: 50px;
	margin-right: 12px;
	margin-bottom: 12px;
	float: left;
}

/* flickr shortcode */
.shortcode .flickr_badge_image {
	width: 23.8%;
	margin: 0 1.5% 1.5% 0;
	float: left;
}
.shortcode .flickr_badge_image:nth-of-type(4n) {
	margin-right: 0;
}
.shortcode .flickr_badge_image img {
	margin: 0;
	border-radius: 10px;
}

/* search widget */
#sidebar #searchform {
	position: static;
}
#sidebar #searchform #s {
	width: 93%;
}

/* add white bg to facebook badge iframe */
iframe[src*="facebook"] {
	background-color: #fff;
}

/* reset twitter embed max-width to 100% */
#content .twitter-tweet-rendered {
	max-width: 100% !important;
}
#content .twt-border {
	max-width: 100% !important;
	min-width: 180px !important;
}

/* Text widget */
.widget .textwidget ul {
	margin: 0 0 1.4em 1.6em;
}
.widget .textwidget li {
	display: list-item;
}
.widget .textwidget ul li {
	list-style: disc;
}
.widget .textwidget ol li {
	list-style: decimal;
}

/************************************************************************************
FOOTER
*************************************************************************************/
#footerwrap {
	background-color: #000;
}
#footer {
	clear: both;
	text-align: center;
	padding: 5% 0;
}

/* footer menu */
.footer-nav {
	padding: 0;
	margin: 40px 0 10px;
	text-align: center;
}
.footer-nav li {
	padding: 0;
	margin: 0 10px;
	list-style: none;
	display: inline-block;
}
.footer-nav a {
	text-decoration: none;
}

.back-top a {
	background-color: #fc0;
	border-radius: 100%;
	width: 60px;
	height: 40px;
	display: block;
	padding: 20px 0 0;
	margin: 0 auto 5%;
}
.back-top a:hover {
	background-color: #FFE61A;
}

/* widget */
.footer-widgets {
	text-align: left;
}
.footer-widgets h1,
.footer-widgets h2,
.footer-widgets h3,
.footer-widgets h4,
.footer-widgets h5,
.footer-widgets h6 {
	color: #888;
}
.footer-widgets a {
	color: #ccc;
}
.footer-widgets a:hover {
	color: #fff;
}
.footer-widgets #wp-calendar {
	margin: 0 auto;
}

/* footer text */
.footer-text {
	clear: left;
	font-size: .75em;
}
.footer-text a {
	color: #ccc;
	text-decoration: none;
}

/************************************************************************************
WORDPRESS POST FORMATTING
*************************************************************************************/
.sticky {}
img.alignleft, img.aligncenter, img.alignright, img.alignnone {
	margin-bottom: 15px;
}
.alignleft {
	float: left;
	margin-right: 30px;
}
.alignright {
	float: right;
	margin-left: 30px;
}
.aligncenter {
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	text-align: center;
	margin-bottom: 15px;
	max-width: 100%;
}
.wp-caption-text {
	font-size: 95%;
	line-height: 120%;
	margin: 6px 0;
}

/************************************************************************************
ATTACHMENT SINGLE VIEW
*************************************************************************************/
.attachment.single-attachment,
.single-attachment .attachment {
	float: none;
	margin: 0;
	text-align: left;
}

/************************************************************************************
GALLERY
*************************************************************************************/
.gallery {
	margin: 0 0 20px 0;
}

/* gallery item */
.gallery .gallery-item {
	margin: 0 8px 8px 0;
	vertical-align: top;
	width: auto;
	float: left;
	text-align: center;
}

/* gallery image */
.gallery img {
	border: none;
	vertical-align: middle;
}

/* gallery caption */
.gallery .gallery-caption {
	line-height: 120%;
	font-size: 90%;
	text-align: center;
	margin: 5px 0 0;
}

/* GALLERY COLUMN
================================================ */
/* gallery column 1 (display all in one line) */
.gallery-columns-1 .gallery-item {
	width: auto;
}
.gallery-columns-1 br {
	display: none !important;
}

/* gallery column 2 */
.gallery-columns-2 .gallery-item {
	width: 49.2%;
}

/* gallery column 3 */
.gallery-columns-3 .gallery-item {
	width: 32.3%;
}
/* gallery column 4 */
.gallery-columns-4 .gallery-item {
	width: 23.8%;
}

/* gallery column 5 */
.gallery-columns-5 .gallery-item {
	width: 18.8%;
}

/* gallery column 6 */
.gallery-columns-6 .gallery-item {
	width: 15.4%;
}

/* gallery column 7 */
.gallery-columns-7 .gallery-item {
	width: 13%;
}

/* gallery column 8 */
.gallery-columns-8 .gallery-item {
	width: 11.18%;
}

/* gallery column 9 */
.gallery-columns-9 .gallery-item {
	width: 9.77%;
}

/* set gallery item margin-right */
.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
	margin: 0 1.5% 1.5% 0;
}

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

/* clear left gallery item different sizes */
.gallery-columns-9 .gallery-item:nth-of-type(9n + 1),
.gallery-columns-8 .gallery-item:nth-of-type(8n + 1),
.gallery-columns-7 .gallery-item:nth-of-type(7n + 1),
.gallery-columns-6 .gallery-item:nth-of-type(6n + 1),
.gallery-columns-5 .gallery-item:nth-of-type(5n + 1),
.gallery-columns-4 .gallery-item:nth-of-type(4n + 1),
.gallery-columns-3 .gallery-item:nth-of-type(3n + 1),
.gallery-columns-2 .gallery-item:nth-of-type(2n + 1) {
	clear: left;
}

/************************************************************************************
SHORTCODE
*************************************************************************************/
/*
BUTTON STYLES
================================================ */
a.shortcode.button {
	color: #fff;
	letter-spacing: .1em;
	padding: 10px 20px 8px;
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	background-color: #f06544;
	border: none;
}
a.shortcode.button:hover {
	background-color: #FF7F5E;
}

/* color */
a.shortcode.button.flat {
	background: #f06544;
	box-shadow: none;
	text-shadow: none;
}
a.shortcode.button.flat:hover {
	background: #FF7F5E;
}

a.shortcode.button.yellow {
	background-color: #fc0;
}
a.shortcode.button.yellow:hover {
	background-color: #fff21e;
}

a.shortcode.button.orange {
	background-color: #ff9f40;
}
a.shortcode.button.orange:hover {
	background-color: #FFB95A;
}

a.shortcode.button.blue {
	background-color: #22d9e5;
}
a.shortcode.button.blue:hover {
	background-color: #3CF3FF;
}

a.shortcode.button.green {
	background-color: #02daaf;
}
a.shortcode.button.green:hover {
	background-color: #1CF4C9;
}

a.shortcode.button.red {
	background-color: #e74c3c;
}
a.shortcode.button.red:hover {
	background-color: #FF6656;
}

a.shortcode.button.black {
	background-color: #000;
}
a.shortcode.button.black:hover {
	background-color: #444;
}

a.shortcode.button.purple {
	background-color: #c594da;
}
a.shortcode.button.purple:hover {
	background-color: #DFAEF4;
}

a.shortcode.button.gray {
	background-color: #888888;
}
a.shortcode.button.gray:hover {
	background-color: #adadad;
}

a.shortcode.button.pink {
	background-color: #fca8bc;
}
a.shortcode.button.pink:hover {
	background-color: #FFC2D6;
}


/* button size */
a.shortcode.button.small {
	font-size: .8em;
	font-weight: normal;
	padding: 5px 10px 3px;
}
a.shortcode.button.large {
	font-size: 1.25em;
	font-weight: normal;
	padding: 15px 30px 12px;
}
a.shortcode.button.xlarge {
	font-size: 1.5em;
	font-weight: normal;
	padding: 15px 30px 12px;
}

/* button shape */
a.shortcode.button.rounded {
	border-radius: 10px;
}

hr.red {
	border-color: #e74c3c;
}
hr.blue {
	border-color: #22d9e5;
}
hr.purple{
	border-color: #c594da;
}
hr.green {
	border-color: #02daaf;
}
hr.pink {
	border-color: #fca8bc;
}
hr.orange {
	border-color: #ff9f40;
}

.shortcode.slider,
.shortcode.post-slider {
	position: relative;
}

/*
CAROUSEL STYLES
================================================ */
.shortcode.post-slider .carousel-nav-wrap,
.shortcode.slider .carousel-nav-wrap {
	list-style: none;
}
.shortcode.post-slider .carousel-prev,
.shortcode.slider .carousel-prev,
.shortcode.post-slider .carousel-next,
.shortcode.slider .carousel-next {
	line-height: 100%;
}
.shortcode.post-slider .carousel-prev:hover,
.shortcode.slider .carousel-prev:hover,
.shortcode.post-slider .carousel-next:hover,
.shortcode.slider .carousel-next:hover {
	color: #000;
	background: none;
}
#pagewrap .module-slider .carousel-pager a,
#pagewrap .shortcode.post-slider .carousel-pager a,
#pagewrap .shortcode.slider .carousel-pager a {
	text-indent: -900em;
	width: 22px;
	height: 22px;
	display: block;
	margin: 0 3px;
	cursor: pointer;
	background: rgba(0,0,0,.2);
	border: none;
	display: inline-block;
	vertical-align: middle;
	border-radius: 10em;
	position: relative;
	box-shadow: none;	
}
#pagewrap .module-slider .carousel-pager a:hover,
#pagewrap .shortcode.post-slider .carousel-pager a:hover,
#pagewrap .shortcode.slider .carousel-pager a:hover,
#pagewrap .module-slider .carousel-pager a.selected,
#pagewrap .shortcode.post-slider .carousel-pager a.selected,
#pagewrap .shortcode.slider .carousel-pager a.selected {
	transform: none;
	background: #fc0;
}

/************************************************************************************
IMAGE STYLES
*************************************************************************************/
.highlight .post-image img,
.team .post-image img,
.portfolio .post-image img,
.testimonial .post-image img,
.author-box .author-avatar img,
.sidebar-none .portfolio .post-image img,
.footer-widgets img,
.widget .flickr_badge_image img {
	border-radius: 100%;
}


/************************************************************************************
PIE CHART
*************************************************************************************/
.easyPieChart {
	position: relative;
	text-align: center;
	margin: 0 auto;
	max-width: 100%;
}
.easyPieChart img {
	vertical-align: middle;
}
.easyPieChart canvas {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
}


/************************************************************************************
Animation
*************************************************************************************/
.animation-on:not(.themify_builder_active) .button.animated.fade-in,
.animation-on:not(.themify_builder_active) .timeline .timeline-date.animated.fade-in {
	transition: opacity 0.5s ease-in;
}
.animation-on:not(.themify_builder_active) .timeline .timeline-content.slide-up {
	transform: translateY(88px);
}
.animation-on:not(.themify_builder_active) .timeline .timeline-content.animated.slide-up {
	transform: translateY(0px);
	transition: transform 350ms cubic-bezier(0.34, 1.61, 0.7, 1);
}


/************************************************************************************
BUILDER
*************************************************************************************/
.module_row > .row_inner,
.module-layout-part .module_row.fullwidth_row_container > .row_inner {
	width: 1064px; /* same width as .pagewidth */
	max-width: 100%;
	margin: auto;
}
.module_row.fullwidth > .row_inner {
	width: 100%;
	padding: 0;
}

/* module title */
.module-title {
	text-transform: uppercase;
	font-size: 1.3em;
	border: none;
}

/* MENU */
.module-menu ul li,
.module-tab .tab-nav > li > a,
.module-accordion .accordion-title {
	font-family: 'Josefin Sans', sans-serif;
	color: #000;
	font-weight: normal;
}

/* POST */
.module-post .post-image img {
	border-radius: 10px;
}

/* IMAGE */
.module-image h1,
.module-image h2,
.module-image h3,
.module-image h4,
.module-image h5,
.module-image h6 {
	color: inherit;
}
.col-full .module-image .image-title {
	border: none;
	font-size: 2.9em;
	text-transform: none;
	font-family: 'Josefin Sans', sans-serif;
	color: #000;
	font-weight: normal;
	line-height: 1.3;
}
.col-full .module-image .image-content {
	padding-top: 2em;
}
.col-full .module-image.image-left .image-wrap {
	margin-right: 7%;
}
.col-full .module-image.image-right .image-wrap {
	margin-left: 7%;
}

/* PIE CHART */
.module .easyPieChart img {
	vertical-align: middle;
}

/* SLIDER */
.module-slider img {
	border-radius: 10px;
}
.module-slider .slide-content {
	border-radius: 0 0 10px 10px;
}
.module-slider .carousel-pager a {
	border: none;
	width: 16px;
	height: 16px;
}
.module-slider .carousel-pager a.selected {
	background-color: #fc0 !important;
}

/* ACCORDION */
.module-accordion accordion-content {
	line-height: 1.7em;
}

/* CUSTOM CLASS */
.circle-image img {
	border-radius: 100%;
}
.mobile-body #headerwrap > * {
	transform: translate3d(0,0,0);
}

/************************************************************************************
CLEAR & ALIGNMENT
*************************************************************************************/
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.textleft {
	text-align: left;
}
.textright {
	text-align: right;
}
.textcenter {
	text-align: center;
}
.vertical{
	vertical-align: middle;
	display: table-cell;
}

/* clearfix */
.clearfix:after, .widget li:after, #body:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, .menu:after, #content:after
{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, #content
{ display: inline-block; }
/* clearfix for ie7 */
.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, #content
{ display: block; }