/*
Theme Name: Elevate Design Theme
Theme URI: https://themify.me/themes/float
Description: Elevate Design Theme: Unleash your inner web wizard! Powerful, flexible framework for developers who want design control without the headaches.
Author: Festinger Vault
Author URI: https://festingervault.com
Version: 7.1.4
Tags: themify, featured-images, translation-ready, custom-menu, sidebar
Text Domain: themify
Requires at least: 6.0
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/

Elevate Design Theme is based and inspired on Themify Float, originally developed by Themify. Themify Float is available at https://themify.me/themes/float, and is licensed under the GPL, version 2 or later (https://www.gnu.org/licenses/). Festinger Vault is not endorsed or affiliated with Themify Float, or Themify, in any way. It is an independent platform dedicated to making open-source resources accessible while adhering to all licensing regulations.
*/
/*----------------------------------------------------------------------------------
TABLE OF CONTENT

1.  Reset
2.  General Styling (default font, color, lists, headings, form elements, etc.)
3.  Structure (page width & layout containers)
4.  Grid (column width)
5.  Header (logo, tagline, social widget, search form, main menu)
6.  Page (page title, author page, pagination)
7.  Post (post layouts & styling, comments, post navigation)
    7.1 Portfolio Post Type
    7.2 Team Post Type
8.  Sidebar
    8.1 Widget Styles
9.  Footer
10. Builder Styling
11. WordPress Formatting
12. Gallery
13. Clear & Alignment
14. Image Filter
15. WooCommerce

----*/

/************************************************************************************
1. 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 html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ 
    display:block
}

audio,
iframe, object, embed{
	max-width:100%
}

/************************************************************************************
2. GENERAL STYLING
*************************************************************************************/
:root{
	--theme_accent:#1abbc5
}
/* FONT FACE GENERATE
================================================ */
@font-face{
	font-family:'themify_theme_icon';
	font-display:swap;
	src:url('data:application/octet-stream;base64,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') format('woff')
}

body{
	font:1.1em/1.8em 'Open Sans', sans-serif;
	overflow-wrap:break-word;
	background-color:#fff;
	color:#656565;
 	-webkit-font-smoothing:antialiased;
	-ms-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	text-size-adjust:100%
}
a{
	text-decoration:none;
	outline:none;
	color:var(--theme_accent);
	transition:color 0.3s ease-in-out
}
a:hover{
	color:#7793b3
}
p{
	padding:0;
	margin:0 0 1.1em
}
small{
	font-size:87%
}
blockquote{
	font-size:1.2em;
	line-height:1.4em;
	padding:.8em 2em 1em;
	margin:0 0 1.2em;
	position:relative
}
blockquote:before{
	content:'\201C';
	font-size:3.3em;
	position:absolute;
	margin-left:-.5em;
	margin-top:.2em
}
ins{
	text-decoration:none
}

/* LIST
================================================ */
ul, ol{
	margin:0 0 1.4em 1.6em;
	padding:0
}
li{
	margin:0 0 1em;
	padding:0
}
ul ul,
ul ol,
ol ol,
ol ul{
	margin-top:1em
}

/* HEADINGS
================================================ */
h1, h2, h3, h4, h5, h6{
	font-family:'Playfair Display', serif;
	font-weight:900;
	line-height:1.3em;
	margin:0 0 .5em;
	overflow-wrap:normal;
	color:#000
}
h1{
	font-size:4.2em;
	font-style:italic;
	margin-bottom:0.5em
}
h2{
	font-size:2.5em;
	font-style:italic
}
h3{
	font-size:2em;
	font-weight:700;
	font-style:italic
}
h4{
	font:600 1.3em/1.4em 'Poppins', sans-serif;
	text-transform:uppercase;
	letter-spacing:.04em
}
h5{
	font-size:1.5em
}
h6{
	font-size:1.2em
}

/* FORM
================================================ */
/* form input */
input, textarea, select, input[type=search], button{
	font-size:100%;
	font-family:inherit;
	max-width:100%
}
textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week]{
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:0;
	box-shadow:none;
	font-size:0.95em;
	padding:0.5em 1.2em;
	letter-spacing:0.03em;
	margin:1em 0 0.35em;
	max-width:100%;
	-webkit-appearance:none;
	transition:all 0.3s ease-in-out
}
input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=tel]{
	width:15em
}
input[type=number]{
	width:7em
}
select{
	padding:0.5em 1.2em
}

/* text area */
textarea{
	width:100%;
	min-height:225px
}

/* form input:focus */
textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=email]:focus, input[type=url]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus{
	outline:none;
	border-color:#000
}

/* form button */
input[type=reset], input[type=submit], button[type=submit]{
	background-color:var(--theme_accent);
	border:0;
	border-radius:0;
	box-shadow:none;
	color:#fff;
	display:inline-block;
	font-family:'Poppins', sans-serif;
	font-size:0.85em;
	font-weight:700;
	padding:1.05em 2.8em 1em 3em;
	cursor:pointer;
	letter-spacing:0.14em;
	text-transform:uppercase;
	-webkit-appearance:none;
	transition:all 0.3s ease-in-out
}

/* form input:hover */
input[type=reset]:hover, input[type=submit]:hover, button[type=submit]:hover{
	background-color:#f4dd3f;
	color:#7793b3
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
    color:#959595
}
input::-moz-placeholder,
textarea::-moz-placeholder{
    color:#959595
}

/************************************************************************************
3. STRUCTURE
*************************************************************************************/
/* set general layout containers box-sizing */
img, textarea, input, #pagewrap, .pagewidth, #headerwrap, #header, #main-nav, #body, #layout, #content, .post, .author-box, .post-nav,#sidebar, .widget, #footerwrap, #footer, .col4-1, .col4-2, .col4-3, .col3-1, .col3-2, .col2-1{
	box-sizing:border-box
}

/* main page width */
.pagewidth{
	width:1160px;
	max-width:100%;
	margin:0 auto
}

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

/* content */
#content{
	width:71.5%;
	float:left;
	padding:6% 0;
	position:relative
}
.sidebar-none #content{
	width:100%;
	float:none
}

/* sidebar */
#sidebar{
	width:22.5%;
	float:right;
	padding:6% 0;
	font-size:0.85em;
	line-height:1.7em
}
#sidebar .secondary{
	width:47%
}

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

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

/************************************************************************************
4. GRID
*************************************************************************************/
.col4-1,
.col4-2,
.col4-3,
.col3-1,
.col3-2,
.col2-1
{
	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,
.col2-1.first
{
	margin-left:0;
	clear:left
}

/************************************************************************************
5. HEADER
*************************************************************************************/
#headerwrap{
	color:#fff;
	background:linear-gradient(135deg,  rgba(26, 187, 197, 1) 0, rgba(26, 187, 197, 1) 41%, rgba(45, 188, 129, 1) 56%, rgba(45, 188, 129, 1) 100%);
	position:relative;
	width:100%;
	left:0;
	top:0;
	z-index:99;
	min-height:55px
}
/* Fluid Header/ Fullwidth Header */
#header{
	width:auto;
	max-width:none;
	padding:1.2em 30px 0.85em;
	position:relative;
	transition:padding 0.5s ease-in-out
}
/* 
SOCIAL WIDGET
================================================ */
.social-widget{
	max-width:350px;
	margin:0 auto;
	text-align:center
}
.social-widget a{
	text-decoration:none;
	color:inherit;
	display:inline-block
}
.social-widget .widget{
	display:inline-block;
	vertical-align:middle;
	margin:2em 2px 2em 0;
	padding:0;
	background:0;
	border:0;	
	border-radius:0;
	box-shadow:none
}
.social-widget .widget div{
	display:inline
}
.social-widget .widgettitle{
	display:none
}
.social-widget ul{
	margin:0!important;
	padding:0;
	display:inline-block
}
.social-links.horizontal li{
	padding:0 2px 5px 0;
	margin:0;
	display:inline-block;
	border:0!important;
	clear:none;
	color:inherit;
	line-height:100%
}
.social-widget li img{
	vertical-align:middle;
	margin-top:-3px
}
.social-widget .social-links .icon-medium i,
.social-widget div.rss a{
    font-size:1.6em;
    padding:0.75em 0.95em 0.5em 0;
	display:inline-block
}

/* rss */
.social-widget div.rss{
	display:inline-block;
	vertical-align:middle;
	margin-left:3px
}
.social-widget div.rss a{
    display:inline-block
}
.social-widget .rss a:before{
	content:'\f09e'; /* fa-rss */
	font-family:'themify_theme_icon';
    font-style:normal;
    font-weight:normal;
    text-decoration:inherit
}

/* 
SEARCH FORM
================================================ */
#searchform-wrap{
	display:block;
	max-width:350px;
	margin:0 auto
}
#headerwrap #searchform{
	position:relative;
	margin:0 0 3.4em
}
#headerwrap #searchform #s{
	border:1px solid rgba(255,255,255,0.5);
	background-color:transparent;
	color:#fff;
	font-size:1em;
	margin:0;
	padding:20px 45px 22px 29px;
	width:100%
}
#headerwrap #searchform #s::-webkit-input-placeholder{
    color:#fff
}

#headerwrap #searchform #s:focus,
#headerwrap #searchform #s:hover,
#headerwrap #searchform .icon-search:hover + #s{
	border-color:rgba(255,255,255,1)
}
#headerwrap #searchform .icon-search:before{
	content:'\e803'; /* fa-search */
	font-family:'themify_theme_icon';
	font-size:1.25em;
	font-style:normal;
	position:absolute;
	right:21px;
	top:48%;
	transform:translateY(-50%)
}

/* 
MAIN NAVIGATION
================================================ */
#main-nav{
	max-width:350px;
	margin:2em auto;
	padding:0;
	font-size:1.5em;
	font-weight:300
}
#main-nav li{
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	display:block
}
#main-nav li.menu-item-has-children > a{
	padding-right:1.5em
}

/* main level link */
#main-nav a{
	color:inherit;
	display:block;
	padding:0.715em 0;
	position:relative;
	margin:0;
	text-decoration:none;
	box-sizing:border-box;
	border-bottom:1px solid rgba(255,255,255,0.3)
}
/* main level link :hover */
#main-nav > .current-menu-ancestor > a,
#main-nav > .current_page_item > a,
#main-nav > .current-menu-item > a,
#main-nav li a:hover{
	color:#f4dd3f
}

/* dropdown ul */
#main-nav ul{
	margin:0;
	padding:15px 0 0;
	list-style:none;
	display:block
}
body:not(.horizontal-menu) #main-nav ul{
	display:none
}
#main-nav ul li{
	background:0;
	padding:0;
	margin:0;
	float:none;
	padding-left:1em
}
#main-nav ul li a{
	font-size:0.85em
}

/* sub-levels dropdown */
#main-nav ul ul{
	left:190px;
	top:-2px
}
	
/* mobile menu icon */
#menu-icon,
#menu-icon-close{
	display:none
}

/* menu icon */
#menu-icon{
	display:block;
	text-decoration:none;
	color:inherit;
	position:absolute;
	top:46px;
	right:30px;
	z-index:9999;
	transition:all 0.5s ease-in-out;
	transition-property:color, border;
	line-height:normal
}
.menu-icon-inner{
	box-sizing:border-box;
	display:inline-block;
	position:relative;
	width:36px;
	height:23px;
	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:2px solid;
	border-bottom:2px solid
}
.menu-icon-inner:after{
	top:50%;
	transform:translateY(-50%);
	border-top:2px solid
}

.mobile-menu-visible #menu-icon{
	z-index:111111
}
.mobile-menu-visible .menu-icon-inner:before,
.mobile-menu-visible .menu-icon-inner:after{
	top:50%;
	border-top:2px solid;
	border-bottom:none;
	height:auto
}
.mobile-menu-visible .menu-icon-inner:before{
	transform:rotateZ(-45deg)
}
.mobile-menu-visible .menu-icon-inner:after{
	transform:rotateZ(45deg)
}
body:not(.horizontal-menu).mobile-menu-visible{
	overflow:hidden!important;
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0
}
body:not(.header-leftpane):not(.header-rightpane):not(.horizontal-menu).mobile-menu-visible #headerwrap{
	height:100vh;
	min-height:300px;
	transition:height, background 1s ease-in-out;
	background:linear-gradient(135deg,  rgba(26, 187, 197, .95) 0, rgba(26, 187, 197, .95) 41%, rgba(45, 188, 129, .95) 56%, rgba(45, 188, 129, .95) 100%)
}

.body-overlay{
    display:none;
    background-color:rgba(255,255,255,.7);
    width:100%;
    height:100%;
    position:fixed;
    right:300px;
    top:0;
    z-index:1000;
    box-shadow:inset -1px 0 13px rgba(0,0,0,.13)
}
.body-overlay.body-overlay-on{
    display:none; /* fix for Windows phone */
}
@media (hover:none){
	#main-nav .menu-item-has-children> a{
		padding-right:50px!important
	}
	#main-nav li .child-arrow{
		margin-left:7px;
		border-radius:100%;
		display:inline-block;
		padding:0;
		right:5px;
		top:50%;
		margin-top:-17px
	}
	#main-nav .toggle-on > a > .child-arrow{
		background:rgba(214,214,214,.4)
	}
	#main-nav li>.sub-menu{
		display:none
	}
	#main-nav li.toggle-on> .sub-menu{
		transform:scale(1,1);
		opacity:1;
		visibility:visible
	}
}
.menu-item-has-children .child-arrow{
	display:none;
	cursor:pointer;
	z-index:12;
	width:36px;
	height:36px;
	border-radius:100%;
	position:absolute;
	right:0;
	top:4px;
	transition:transform .3s
}
.overlay-menu .child-arrow{
	top:20px
}
body:not(.horizontal-menu) .child-arrow{
	display:inline
}
.child-arrow:before,
.child-arrow:after{
	top:50%;
	left:12px;
	content:'';
	position:absolute;
	transition:transform .3s ease-in-out;
	height:1px;
	width:8px;
	transform:rotate(45deg);
	background:currentColor;
	z-index:9999;
	border-radius:10px
}
.child-arrow:after{
	left:17px;
	transform:rotate(-45deg)
}
.toggle-on > a .child-arrow:after,
.toggle-on > a .child-arrow:before{
	left:10px;
	width:15px
}
.toggle-on > a .child-arrow{
	transform:rotateZ(180deg)
}
/* Mobile Menu Styles */
.sidemenu{
	padding:38px 30px 30px;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
	position:fixed;
	bottom:0;
	left:0;
	z-index:1111;
	height:100%;
	width:100%;
	box-sizing:border-box;
	display:none
}
#mobile-menu.sidemenu-on{
	display:block
}
.overlay-menu .sidemenu:not(.sidemenu-on){
	opacity:0
}
#headerwrap .social-widget,
#headerwrap #searchform-wrap,
#headerwrap #main-nav{
	transition:all 0.2s ease-in-out
}
.mobile-menu-visible #headerwrap #main-nav,
.mobile-menu-visible #headerwrap #searchform-wrap{
	animation:fadeInDown 0.5s alternate;
	animation-timing-function:linear
}
.mobile-menu-visible #headerwrap .social-widget{
	animation:fadeInDown 1s alternate;
	animation-timing-function:linear
}

/* 
FIXED HEADER
================================================ */
.transparent-header #headerwrap,
.horizontal-menu.transparent-header #headerwrap{
	position:absolute
}
#headerwrap.fixed-header,
.fixed-header-enabled #headerwrap.fixed-header{
	position:fixed
}
#headerwrap.fixed-header{
	top:0;
	left:0;
	width:100%;
	z-index:1000;
	background:linear-gradient(135deg,  rgba(26, 187, 197, .95) 0, rgba(26, 187, 197, .95) 41%, rgba(45, 188, 129, .95) 56%, rgba(45, 188, 129, .95) 100%)
}
#headerwrap.fixed-header #header{
	padding-top:10px;
	padding-bottom:10px
}
#headerwrap.fixed-header #site-logo{
	font-size:2em
}
/* sticky header logo */
#headerwrap .tf_sticky_logo, /* hide sticky header logo */
#headerwrap #fixedheaderheaderwrapsitelogoa,
#headerwrap.fixed-header .tf_sticky_logo,
#headerwrap.fixed-header .tf_sticky_logo + span,
#headerwrap.fixed-header .tf_sticky_logo + img,
#headerwrap #fixedheaderheaderwrapsitelogoa ~ .tf_sticky_logo{
	display:none
}
#headerwrap.fixed-header .tf_sticky_logo,
#headerwrap.fixed-header #fixedheaderheaderwrapsitelogoa{
	display:block
}
#headerwrap.fixed-header #site-logo img:not(.tf_sticky_logo){
	max-height:60px;
	width:auto
}
#headerwrap.fixed-header #menu-icon{
	top:26px
}

/* 
TRANSPARENT HEADER
================================================ */
.transparent-header #headerwrap{
	background:0; /* required for transparent-header */
	color:#fff
}
.transparent-header:not(.themify_builder_active) #pagewrap{
	padding-top:0!important
}
.transparent-header #headerwrap.fixed-header,
body:not(.header-leftpane):not(.header-rightpane):not(.horizontal-menu).transparent-header.mobile-menu-visible #headerwrap{
    background:linear-gradient(135deg,  rgba(26, 187, 197, .95) 0, rgba(26, 187, 197, .95) 41%, rgba(45, 188, 129, .95) 56%, rgba(45, 188, 129, .95) 100%)
}
.transparent-header #headerwrap.fixed-header{
    color:#fff
}
/* prevent transparent header overlap builder */
.themify_builder_active #headerwrap,
.themify_builder_active.has-fixed-header #headerwrap,
.transparent-header.themify_builder_active #headerwrap{
	position:static!important;	
	color:inherit
}
.transparent-header.themify_builder_active #headerwrap a{
	color:inherit
}

/* 
ADMINBAR
================================================ */
.admin-bar #headerwrap{
	top:0
}
.admin-bar #headerwrap.fixed-header,
.admin-bar.transparent-header #headerwrap,
.admin-bar.horizontal-menu.transparent-header #headerwrap{
	top:32px
}

/* 
HORIZONTAL MENU
================================================ */
.horizontal-menu .body-overlay.body-overlay-on{
    display:block; /* fix for Windows phone */
}

.mobile-menu-visible.horizontal-menu #headerwrap{
	height:auto;
	min-height:inherit
}
.horizontal-menu #header{
	padding:36px 30px 23px
}
.horizontal-menu .sidemenu{
	display:block;
	position:static;
	padding:0;
	width:auto;
	overflow:visible
}
.horizontal-menu #site-logo{
	float:left;
	line-height:1em
}
.horizontal-menu .social-widget,
.horizontal-menu #searchform-wrap,
.horizontal-menu #main-nav{
	max-width:none;
	margin:auto;
	float:left
}

/* SEARCH FORM*/
.horizontal-menu #headerwrap #searchform-wrap{
	position:relative
}
.horizontal-menu #headerwrap #searchform{
	margin:0;
	position:absolute;
	z-index:9999
}
.horizontal-menu #headerwrap #searchform #s{
	width:40px;
	border-color:transparent;
	border-left-color:rgba(255,255,255,0.5);
	padding:0.4em 0.5em;
	padding-right:35px;
	transition:width 0.3s ease-in-out
}
.horizontal-menu #headerwrap #searchform .icon-search:before{
	right:10px;
	font-size:1em;
	z-index:1;
	top:20px
}
.horizontal-menu #headerwrap #searchform #s:focus,
.horizontal-menu #headerwrap #searchform:focus #s,
.horizontal-menu #headerwrap #searchform:hover #s,
.horizontal-menu #headerwrap #searchform .icon-search:hover + #s{
	width:140px;
	background-color:#fff;
	color:#000
}
.horizontal-menu #headerwrap #searchform:hover .icon-search:before{
	color:#000
}

/* SOCIAL WIDGETS */
.horizontal-menu .social-widget{
	height:auto
}
.horizontal-menu .social-widget .widget{
	margin:auto;
	margin-left:1.65em;
	height:auto
}
.horizontal-menu .social-links .icon-medium i,
.horizontal-menu .social-widget div.rss a{
	font-size:1.1em;
	padding:0.2em 0.45em
}

/* MAIN NAV */
.horizontal-menu #main-nav{
	margin:auto;
	float:right;
	font-size:1em;
    font-family:'Poppins', sans-serif;
	font-weight:600;
	max-width:65%
}
.horizontal-menu #main-nav li{
	display:inline-block;
	float:left;
	margin:0 0.13em
}
.horizontal-menu #main-nav > li > a{
	border:0;
	text-transform:uppercase;
	padding:0.15em 0.525em;
	letter-spacing:-0.015em;
	margin-bottom:5px
}
.horizontal-menu #main-nav li ul{
	border:1px solid #ddd;
	box-sizing:border-box;
	background-color:#fff;
	color:#000;
	font-weight:normal;
	position:absolute;
	top:100%;
	left:50%;
	z-index:9999;
	padding:0;
	margin:20px 0 0 -100px;
	text-align:center;
	visibility:hidden;
	opacity:0;
	transition:all 0.1s linear
}
.horizontal-menu #main-nav li ul ul{
	left:100%;
	top:0;
	margin-top:0;
	margin-left:20px;
	text-align:left
}
@media (hover:hover){
	.horizontal-menu #main-nav li:hover > ul{
		visibility:visible;
		opacity:1;
		margin-top:0
	}
	.horizontal-menu #main-nav li li:hover > ul{
		margin-left:0
	}
}
.horizontal-menu #main-nav li ul li{
	display:block;
	padding:0
}
.horizontal-menu #main-nav li ul li a{
	display:block;
	width:200px;
	border-bottom:1px solid #ddd;
	padding-left:1.05em;
	padding-right:1.05em;
	font-size:0.9em;
	line-height:1.5em
}
.horizontal-menu #main-nav li ul li:last-child > a{
	border-bottom:none
}
.horizontal-menu #main-nav li li:hover > a{
	color:#7793b3
}

/* Arrow on top side for sub level menu */
.horizontal-menu #main-nav ul:before{
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	bottom:100%;
	position:absolute;
	pointer-events:none
}
.horizontal-menu #main-nav ul:before{
	border-bottom-color:#fff;
	border-width:12px;
	left:50%;
	margin-left:-12px
}

/* Arrow on left side for sub sub level menu */
.horizontal-menu #main-nav ul ul:before{
	left:-10px;
	top:24px;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none
}
.horizontal-menu #main-nav ul ul:before{
	border-right-color:#ddd;
	border-width:11px;
	margin-top:-11px
}
.horizontal-menu #main-nav ul li{
	background:0;
	float:none;
	display:block
}

/* Edge Menu */
.horizontal-menu #main-nav .edge > ul{
	left:auto;
    right:0
}
.horizontal-menu #main-nav ul .edge > ul{
	left:auto;
    right:100%
}
.horizontal-menu #main-nav ul .edge > ul:before{
	left:auto;
    right:-22px;
	transform:rotateY(180deg)
}

/* MENU ICON */
.horizontal-menu #menu-icon{
	display:none
}

/************************************************************************************
INFINITE SCROLL
*************************************************************************************/
.load-more{
	clear:both;
	padding:50px 0;
	text-align:center
}
.loader-wait .load-more-button:before{
	content:'\f110'; /* fa-spin */
	font-family:'themify_theme_icon';
	animation:fa-spin 2s infinite linear;
	position:absolute;
	top:14px;
	right:14px;
	z-index:2
}
.load-more .load-more-button{
	font:300 1.2em/100% 'Poppins', sans-serif;
	background-color:#56dcb1;
	color:#fff;
	padding:.8em 1.5em;
	text-decoration:none;
	display:none;
	position:relative;
	background:linear-gradient(135deg,  rgba(26, 187, 197, .95) 0, rgba(26, 187, 197, .95) 41%, rgba(45, 188, 129, .95) 56%, rgba(45, 188, 129, .95) 100%);
	transition:all .5s;
	width:auto
}
.loader-wait .load-more-button{
	padding-right:2em
}
.full_width .load-more{
	width:88%;
	margin-left:auto;
	margin-right:auto
}
/* 
LEFTPANE LAYOUT
================================================ */
/* header leftpane body-overlay */
.header-leftpane .body-overlay{
	right:300px;
	transition:right .3s linear
}
.header-leftpane .body-overlay.body-overlay-on{
    display:block; /* fix for Windows phone */
	right:-300px
}

/* header leftpane body */
.header-leftpane{
	font-size:1em;
	margin-left:90px;
	margin-right:20px
}
.header-leftpane.full_width{
	margin-left:70px;
	margin-right:auto
}

/* header leftpane pagewrap */
.header-leftpane #pagewrap{
	padding-top:0!important
}

/* header leftpane headerwrap */
.header-leftpane #headerwrap{
	opacity:1;
	float:left;
	width:300px;
	height:100%;
	overflow-y:hidden;
	-webkit-overflow-scrolling:touch;
	padding-right:77px;
	position:fixed!important
}

/* header leftpane header */
.header-leftpane #header{
	padding:0
}
.header-leftpane .logo-desc-wrap{
	position:fixed;
	width:100%;
	bottom:25px;
	min-height:65px;
	transform-origin:bottom left;
	transform:rotateZ(-90deg)
}

/* header leftpane site description */
.header-leftpane #site-description{
	position:static;
	transform:translateX(10%)
}
.header-leftpane #site-logo:hover + #site-description{
	opacity:1;
	transform:none
}

/* header leftpane sidemenu */
.header-leftpane .sidemenu{
	position:static;
	display:block;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	text-align:left;
	padding-top:70px
}

/* header leftpane menu icon */
.header-leftpane #menu-icon{
	display:block;
	position:fixed;
	right:auto;
	top:26px
}

/* header leftpane main nav */
.header-leftpane #main-nav{
	max-width:inherit;
	font-size:1.2em;
	margin:0 0 1em
}
.header-leftpane #main-nav a{
	padding:.4em 0
}
.header-leftpane #main-nav ul{
	padding:0
}

/* header leftpane social widget */
.header-leftpane .social-widget{
	max-width:inherit;
	font-size:1em;
	text-align:left;
	margin:0
}
.header-leftpane .social-widget .widget{
	margin:0 0 1em
}
.header-leftpane .social-widget div.rss{
	margin-bottom:.5em
}
.header-leftpane .social-links .icon-medium i,
.header-leftpane .social-widget div.rss a{
	padding:5px;
	width:auto
}
.header-leftpane .widget .social-links i:first-child{
	padding-left:initial
}

/* header leftpane searchform */
.header-leftpane #headerwrap #searchform #s{
	padding:0.75em;
	padding-right:3em
}
.header-leftpane #headerwrap #searchform{
	margin:0 0 1em
}

/* header leftpane footerwrap */
.header-leftpane #footer{
	width:auto
}

/* Animate header leftpane panel */
.header-leftpane{
	position:relative;
	right:0;
	transition:right 0.3s ease-in-out
}
.mobile-menu-visible.header-leftpane{
	right:-300px
}
.header-leftpane #headerwrap{
	left:-230px;
	transition:all 0.3s ease-in-out
}
.mobile-menu-visible.header-leftpane #headerwrap{
	left:0;
	padding-right:0;
	overflow-y:auto
}
.header-leftpane .logo-desc-wrap{
	left:70px;
	transition:all 0.3s ease-in-out
}
.mobile-menu-visible.header-leftpane .logo-desc-wrap{
	left:300px;
	transform:rotateZ(-90deg) translate(0, 100%);
	opacity:0;
	visibility:hidden
}
.header-leftpane #menu-icon{
	left:15px;
	transition:left 0.3s ease-in-out
}
.mobile-menu-visible.header-leftpane #menu-icon{
	left:240px
}

/*
RIGHTPANE LAYOUT
================================================ */
/* header rightpane body-overlay */
.header-rightpane .body-overlay{
	right:-300px;
	transition:right 0.3s linear
}
.header-rightpane .body-overlay.body-overlay-on{
    display:block; /* fix for Windows phone */
	right:300px
}

/* header rightpane body */
.header-rightpane{
	font-size:1em;
	margin-right:90px;
	margin-left:20px
}
.header-rightpane.full_width{
	margin-right:70px;
	margin-left:auto
}

/* header rightpane pagewrap */
.header-rightpane #pagewrap{
	padding-top:0!important
}

/* header rightpane headerwrap */
.header-rightpane #headerwrap{
	opacity:1;
	float:left;
	width:300px;
	height:100%;
	overflow-y:hidden;
	-webkit-overflow-scrolling:touch;
	padding-left:77px;
	left:auto;
	position:fixed!important
}

/* header rightpane header */
.header-rightpane #header{
	padding:initial
}
.header-rightpane .logo-desc-wrap{
	position:fixed;
	width:100%;
	bottom:25px;
	min-height:40px;
	transform-origin:bottom right;
	transform:rotateZ(-90deg) translateX(100%)
}

/* header rightpane site logo */
.header-rightpane #site-logo{
	line-height:1em
}

/* header rightpane site description */
.header-rightpane #site-description{
	position:static;
	transform:translateX(10%)
}
.header-rightpane #site-logo:hover + #site-description{
	opacity:1;
	transform:none
}

/* header rightpane sidemenu */
.header-rightpane .sidemenu{
	position:static;
	display:block;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	text-align:left;
	padding-top:70px
}

/* header rightpane menu icon */
.header-rightpane #menu-icon{
	display:block;
	position:fixed;
	right:auto;
	top:26px
}

/* header rightpane main nav */
.header-rightpane #main-nav{
	max-width:inherit;
	font-size:1.2em;
	margin:0 0 1em
}
.header-rightpane #main-nav a{
	padding:.4em 0
}
.header-rightpane #main-nav ul{
	padding:0
}

/* header rightpane social widget */
.header-rightpane .social-widget{
	max-width:inherit;
	font-size:1em;
	text-align:left;
	margin:0
}
.header-rightpane .social-widget .widget{
	margin:0 0 1em
}
.header-rightpane .social-links .icon-medium i,
.header-rightpane .social-widget div.rss a{
	padding:5px;
	width:auto
}
.header-rightpane .social-widget div.rss{
	margin-bottom:.5em
}
.header-rightpane .widget .social-links i:first-child{
	padding-left:initial
}

/* header rightpane searchform */
.header-rightpane #headerwrap #searchform #s{
	padding:0.75em;
	padding-right:3em
}
.header-rightpane #headerwrap #searchform{
	margin:0 0 1em
}

/* header rightpane footerwrap */
.header-rightpane #footer{
	width:auto
}

/* Animate header rightpane panel */
.header-rightpane{
	position:relative;
	left:0;
	transition:left 0.3s ease-in-out
}
.mobile-menu-visible.header-rightpane{
	left:-300px
}
.header-rightpane #headerwrap{
	right:-230px;
	transition:all 0.3s ease-in-out
}
.mobile-menu-visible.header-rightpane #headerwrap{
	right:0;
	padding-left:0;
	overflow-y:auto
}
.header-rightpane .logo-desc-wrap{
	right:10px;
	transition:all 0.3s ease-in-out
}
.mobile-menu-visible.header-rightpane .logo-desc-wrap{
	right:240px;
	transform:rotateZ(-90deg) translate(100%, -100%);
	opacity:0;
	visibility:hidden
}
.header-rightpane #menu-icon{
	right:15px;
	transition:right 0.3s ease-in-out
}
.mobile-menu-visible.header-rightpane #menu-icon{
	right:240px
}

/************************************************************************************
6. PAGE
*************************************************************************************/
/* page title */
.page-title{
	margin:0 0 0.365em;
	padding:0;
	font-family:'Playfair Display', serif;
	font-style:italic;
	font-size:6em;
	line-height:110%
}

/*
AUTHOR PAGE
================================================ */
.author-bio{
	margin:0 0 2em;
	overflow:hidden;
	-webkit-overflow-scrolling:touch
}
.author-bio .author-avatar{
	float:left;
	margin:0 15px 0 0
}
.author-bio .author-avatar img{
	background-color:#fff;
	border-radius:100%
}
.author-bio .author-name{
	margin:0 0 0.85em;
	padding:0;
	font-family:'Poppins', sans-serif;
	font-size:0.95em;
	font-weight:500;
	letter-spacing:0.02em
}
.author-posts-by{
	margin:0 0 1.5em;
	padding:1em 0 0;
	font-size:1.4em;
	text-transform:uppercase;
	border-top:solid 4px #ccc;
	border-color:rgba(118,118,118,.3)
}
/************************************************************************************
7. POST
*************************************************************************************/
.loops-wrapper.grid4 .post{
	margin-bottom:2.5em;
	width:22.6%;
	margin-left:3.2%;
	float:left
}
.loops-wrapper.grid3 .post{
	margin-bottom:3.1em;
	float:left;
	margin-left:3.2%;
	width:31.2%
}
.loops-wrapper.grid2 .post{
	margin-bottom:3.7em;
	float:left;
	margin-left:3.2%;
	width:48.4%
}
.loops-wrapper.grid2-thumb .post{
	width:48.4%;
	margin-left:3.2%;
	float:left
}
.loops-wrapper.grid2-thumb .post-title{
	font-size:1.8em
}
.loops-wrapper.grid2-thumb .post-image{
	width:20%;
	float:left;
	margin:0 1.6em 1.3em 0
}
.loops-wrapper.grid2-thumb .post-content{
	overflow:hidden;
	min-width:120px
}
/*
CLEAR GRID FLOAT
================================================ */
.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;
	clear:left
}

/*
GENERIC POST
================================================ */
.post{
	margin-bottom:3.15em
}

/* post content */
.post-content{
	min-width:120px;
	position:relative
}

/* post title */
.post-title{
	font-size:3.4em;
	font-family:'Playfair Display', serif;
	font-weight:bold;
	font-style:italic;
	line-height:1.1em;
	margin:0 0 .5em;
	padding:0
}
.post-title a{
	text-decoration:none;
	color:#000
}
.post-title a:hover{
	color:#7793b3
}

/* post image */
.post-image{
	margin:0;
	position:relative;
	overflow:hidden
}
.loops-wrapper .post-image img,
.single-post .post-image img{
  	vertical-align:bottom;
	-webkit-clip-path:polygon(0 16%, 100% 0, 100% 84%, 0 100%);
	clip-path:polygon(0 16%, 100% 0, 100% 84%, 0 100%)
}
.loops-wrapper.zig-zag .post:nth-of-type(even) .post-image img{
	-webkit-clip-path:polygon(0 0, 100% 16%, 100% 100%, 0 84%);
	clip-path:polygon(0 0, 100% 16%, 100% 100%, 0 84%)
}
.loops-wrapper.portfolio .post-image img{
	clip-path:none;
	-webkit-clip-path:none
}
.list-post .post-image img,
.single-post .post-image img{
	width:100%
}
.post-image.left{
	float:left;
	margin-right:1em
}
.post-image.right{
	float:right;
	margin-left:1em
}

/* post meta */
.post-meta{
	margin:0 0 1em;
	padding:0;
	position:relative;
	text-align:right
}

/* post date */
.post-date{
	color:#fff;
	display:inline-block;
	width:115px;
	height:115px;
	margin:0;
	text-align:center;
	padding:7px 0;
	border-radius:100%;
	background:linear-gradient(138deg,  #1abbc5 0,#2dbc81 100%);
	box-sizing:border-box;
	opacity:0.8;
	float:left
}
.post-date span{
	display:block;
	line-height:normal
}
.post-date .day{
	font-family:'Playfair Display', serif;
	font-weight:bold;
	font-size:1.9em
}
.post-date .month{
	font-weight:bold;
	font-size:0.9em;
	text-transform:uppercase
}
.post-date .year{
	font-weight:bold;
	font-size:0.9em
}
.has-post-thumbnail .post-date{
	position:absolute;
	left:0;
	top:0;
	margin-left:45px;
	margin-top:-43px
}

/* post author */
.post-author{
	font-size:1.2em;
	vertical-align:middle;
	font-family:'Playfair Display', serif;
	font-style:italic
}
.post-author a{
	color:inherit
}

/* post tag */
.post-tag{
	display:block;
	font-size:.65em;
	text-transform:uppercase
}
.post-tag a{
	opacity:.7;	
	color:inherit
}
.post-tag a:hover{
	opacity:.9
}

/* post category */
.post-cattag-wrapper{
	display:inline-block;
	vertical-align:middle;
	padding:.4em 0 .4em 1.2em;
	position:relative;
	line-height:1.4em
}
.post-cattag-wrapper:before{
	content:'';
	display:block;
	vertical-align:text-top;
	border-left:1px solid rgba(0,0,0,.15);
	width:0;
	height:100%;
	transform:skewX(-15deg);
	margin:0 0.65em 0 0.5em;
	position:absolute;
	left:0;
	top:0
}

/* post comment */
.post-comment{
	font-weight:bold;
	font-size:1.25em;
	text-align:center;
	margin-left:.8em;
	display:inline-block;
	vertical-align:middle
}
.post-comment a{
	border:1px solid #ddd;
	border-radius:100%;
	display:inline-block;
	vertical-align:top;
	width:59px;
	height:59px;
	line-height:59px;
	position:relative;
	transition:all 0.3s ease-in-out;
	white-space:nowrap
}

/* more link */
.more-link{
    font-size:0.825em;
    font-weight:600;
    padding:.1em 0 .1em 1.5em;
    text-transform:uppercase;
	text-decoration:none;
    transition:all 0.3s ease-in-out;
	position:relative;
	display:inline-block
}
.more-link:before{
	content:'';
	display:block;
	vertical-align:text-top;
	border-left:1px solid rgba(0,0,0,.15);
	width:0;
	height:100%;
	transform:skewX(-15deg);
	margin:0 0.65em 0 0.5em;
	position:absolute;
	left:0;
	top:0
}

/*
LIST POST
================================================ */
.loops-wrapper.list-post .post-title{
	margin-bottom:.7em
}
.loops-wrapper.list-post .has-post-thumbnail .post-meta,
.single-post .has-post-thumbnail .post-meta{
	margin:-7% 0 9%
}
.sidebar1 .loops-wrapper.list-post .has-post-thumbnail .post-meta,
.sidebar1.single-post .has-post-thumbnail .post-meta{
	margin-top:-5%
}
.has-post-thumbnail .post-date{
	margin-top:0
}

.loops-wrapper.list-post.masonry > .post{
	width:100%;
	margin-left:0
}

/*
GRID4 POST
================================================ */
.loops-wrapper.grid4 .post-title{
	font-size:1.7em
}
.loops-wrapper.grid4 .entry-content{
	font-size:.9em;
	line-height:1.7em
}
.loops-wrapper.grid4 .post-image img{
	width:100%
}
.loops-wrapper.grid4 .post-meta .post-author,
.loops-wrapper.grid4 .post-meta .post-cattag-wrapper{
	font-size:0.8em
}
.loops-wrapper.grid4 .post-date{
	width:58px;
	height:58px;
	font-size:0.55em;
	padding-top:0
}
.loops-wrapper.grid4 .has-post-thumbnail .post-date{
	margin-top:-38px;
	margin-left:10px
}
.loops-wrapper.grid4 .has-post-thumbnail .post-comment{
	position:absolute;
	bottom:100%;
	right:0;
	margin:0;
	margin-right:11px;
	margin-bottom:8px
}
.loops-wrapper.grid4 .post-comment a{
	background-color:#fff;
	margin:0;
	width:45px;
	height:45px;
	line-height:40px
}
.loops-wrapper.grid4 .social-share-wrap,
.loops-wrapper.grid3 .social-share-wrap,
.loops-wrapper.grid2 .social-share-wrap{
	font-size:.6em
}
.loops-wrapper.grid4 .social-share .sharrre .share:before,
.loops-wrapper.grid3 .social-share .sharrre .share:before,
.loops-wrapper.grid2 .social-share .sharrre .share:before{
	width:35px;
	height:35px;
	line-height:35px
}
.loops-wrapper.grid4 .post-comment a{
	width:35px;
	height:35px;
	line-height:35px;
	font-size:0.8em
}

/*
GRID3 POST
================================================ */
.loops-wrapper.grid3 .post-title{
	font-size:2.4em
}
.loops-wrapper.grid3 .post-image img{
	width:100%
}
.loops-wrapper.grid3 .post-meta .post-author,
.loops-wrapper.grid3 .post-meta .post-cattag-wrapper{
	font-size:0.8em
}
.loops-wrapper.grid3 .post-date{
	width:58px;
	height:58px;
	font-size:0.55em;
	padding-top:0
}
.loops-wrapper.grid3 .has-post-thumbnail .post-date{
	margin-top:-38px;
	margin-left:10px
}
.loops-wrapper.grid3 .has-post-thumbnail .post-comment{
	position:absolute;
	bottom:100%;
	right:0;
	margin:0;
	margin-right:11px;
	margin-bottom:8px
}
.loops-wrapper.grid3 .post-comment a{
	background-color:#fff;
	margin:0;
	width:45px;
	height:45px;
	line-height:40px
}

/*
GRID2 POST
================================================ */
.loops-wrapper.grid2 .post-title{
	font-size:2.6em
}
.loops-wrapper.grid2 .post-image img{
	width:100%
}
.loops-wrapper.grid2 .post-date{
	width:58px;
	height:58px;
	font-size:0.55em;
	padding-top:0
}
.loops-wrapper.grid2 .has-post-thumbnail .post-date{
	margin-top:-38px;
	margin-left:10px
}
.loops-wrapper.grid2 .has-post-thumbnail .post-comment{
	position:absolute;
	bottom:100%;
	right:0;
	margin:0;
	margin-right:11px;
	margin-bottom:8px
}
.loops-wrapper.grid2 .post-comment a{
	background-color:#fff;
	margin:0;
	width:45px;
	height:45px;
	line-height:40px
}

/*
GRID2-THUMB POST
================================================ */
.loops-wrapper.grid2-thumb .post{
	width:48.4%;
	margin-left:3.2%;
	float:left
}
.loops-wrapper.grid2-thumb .post-title{
	font-size:2.6em
}
.loops-wrapper.grid2-thumb .post-image{
	width:20%;
	float:left;
	margin:0 1.6em 1.3em 0
}
.loops-wrapper.grid2-thumb .post-content{
	overflow:hidden;
	min-width:120px
}

/*
LIST-THUMB-IMAGE POST
================================================ */
.loops-wrapper.list-thumb-image .post{
	clear:both; /* require for FF */
}
.loops-wrapper.list-thumb-image .post-image{
	width:20%;
	float:left;
	margin:0 1.4em 1em 0
}
.loops-wrapper.list-thumb-image .post-image img{
	width:100%
}
.loops-wrapper.list-thumb-image .post-content{
	overflow:hidden
}
.loops-wrapper.list-thumb-image .post-video{
	width:20%;
	float:left;
	margin:0 1.4em 1em 0;	
	padding-bottom:12.25%
}
.loops-wrapper.list-thumb-image .post-video .post-video{ /* reset inner video wrapper */
	width:100%;
	float:none;
	padding:0;
	margin:0;
	display:block;
	position:static
}

/*
LIST-LARGE-IMAGE POST
================================================ */
.loops-wrapper.list-large-image .post-image{
	max-width:70%;
	float:left;
	margin:0 2em 1.3em 0
}

/*
SLIDER POST
================================================ */
.loops-wrapper.slider{
	position:relative;
	margin:0 0 50px
}
.loops-wrapper .slideshow-wrap{
	height:0; /* will be toggled with js */
	visibility:hidden; /* will be toggled with js */

/* remove this on final because it will be toggled with js */
	height:auto;
	visibility:visible;
/* end remove */
}
.loops-wrapper.slider .post{
	width:100%;
	float:left;
	margin-left:0;
	margin-bottom:0;
	text-align:left;
	position:relative;
	margin:0 0 15px;
	min-height:40px
} 
.loops-wrapper.slider .post-image{
    width:auto;
	float:none;
    margin:0
}
.loops-wrapper.slider .post-image img{
	width:100%;
	vertical-align:bottom
}
.loops-wrapper.slider .post-image .lightbox .zoom{
	display:none
}
.loops-wrapper.slider .post-title{
	font-size:1.8em;
	line-height:1.2em;
	margin:0 0 0.313em
}
.loops-wrapper.slider .post-date{
	margin:0
}
.loops-wrapper.slider .post-content{
	position:absolute;
	bottom:0;
	width:90%;
	min-height:40px;
	padding:15px 5%;
	overflow:visible;
	margin:0 auto;
	background-color:rgba(0,0,0,.6);
	font-size:.9em;
	line-height:1.5em;
	color:#eee
}
.loops-wrapper.slider .post-content a{
	color:#fff!important
}

/* reset slider shortcode in framework css */
.shortcode.post-slider .carousel-prev,
.shortcode.slider .carousel-prev,
.shortcode.post-slider .carousel-next,
.shortcode.slider .carousel-next{
	border-radius:0;
	border:0;
	text-shadow:none;
	margin:0;
	box-shadow:none;
	background-image:none
}

/* slider carousel controls */
.loops-wrapper.slider .carousel-wrap{
	position:relative
}
.loops-wrapper.slider .carousel-nav-wrap{
	width:100%!important
}
.loops-wrapper.slider .carousel-nav-wrap .carousel-prev, 
.loops-wrapper.slider .carousel-nav-wrap .carousel-next{
	position:absolute; 
	top:30%;
	display:block;
	width:auto!important;
	height:auto!important;
	float:left;
	font-size:0;
	text-indent:-900em;
	text-decoration:none;
	color:#fff;	
	background-color:rgba(0,0,0,.3);
	padding:5% 2.5%;
	transition:all .2s ease-in-out
}
.loops-wrapper.slider .carousel-nav-wrap .carousel-prev{
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
	left:0
}
.loops-wrapper.slider .carousel-nav-wrap .carousel-next{
	border-top-left-radius:6px;
	border-bottom-left-radius:6px;	
	right:0
}
.loops-wrapper.slider .carousel-nav-wrap .carousel-prev:hover, 
.loops-wrapper.slider .carousel-nav-wrap .carousel-next:hover{
	color:#fff;
	background-color:rgba(0,0,0,.5)
}
.loops-wrapper.slider .carousel-nav-wrap .carousel-prev:hover{
	padding-left:4%
}
.loops-wrapper.slider .carousel-nav-wrap .carousel-next:hover{
	padding-right:4%
}

/* carousel prev/next arrow */
.loops-wrapper.slider .carousel-nav-wrap .carousel-next:before,
.loops-wrapper.slider .carousel-nav-wrap .carousel-prev:before{
	width:100%;
	text-align:center;
	content:'\e804'; /* fa-chevron-left */
	font-family:'themify_theme_icon';
    display:block;
    font-style:normal;
    font-weight:normal;
    text-decoration:none;
	text-align:center;
    font-size:18px;
	line-height:100%;
	position:absolute;
	left:0;
	top:45%
}
.loops-wrapper.slider .carousel-nav-wrap .carousel-next:before{
	content:'\e805'; /* fa-chevron-right */
}

/* carousel pager */
.loops-wrapper.slider .carousel-pager{
	clear:both;
	text-align:center;
	line-height:100%;
	width:auto
}
.loops-wrapper.slider .carousel-pager a{
	text-indent:-900em;
	width:8px;
	height:8px;
	display:inline-block;
	vertical-align:middle;
	margin:2px 3px 0;
	background-color:rgba(0,0,0,.2);
	border:solid 2px #666;
	border-radius:100%;
	cursor:pointer
}
.loops-wrapper.slider .carousel-pager a.selected{
	background-color:#fff;
	border-color:#ccc
}
/*
NO-GUTTER POST
================================================ */
.loops-wrapper.no-gutter.grid4{
	margin:0 0 3em
}
.loops-wrapper.no-gutter.grid4 .post{
	margin:0;
	width:25%
}
.loops-wrapper.no-gutter.grid3 .post{
	margin:0;
	width:33.33%
}
.loops-wrapper.no-gutter.grid2 .post{
	width:50%;
	margin:0
}
.loops-wrapper.no-gutter.list-post .post{
	padding:0;
	width:100%
}
.loops-wrapper.slider.no-gutter .post{
	margin-left:0;
	margin-right:0
}
.loops-wrapper.no-gutter .post-image img{
	width:100%
}
.loops-wrapper.no-gutter .post-content{
	padding-left:9%;
	padding-right:9%
}

/*
ZIG ZAG POST
================================================ */
.loops-wrapper.zig-zag .post-title{
	font-size:3.5em
}
.loops-wrapper.zig-zag .post .post-image-wrap{
	width:60%;
	float:left;
	position:relative;
	box-sizing:border-box
}
.loops-wrapper.zig-zag .post .post-content{
	width:36%;
	float:right;
	box-sizing:border-box
}
.loops-wrapper.zig-zag .post:not(.has-post-thumbnail) .post-content{
	width:100%;
	padding:initial
}
.loops-wrapper.zig-zag .post:nth-of-type(even) .post-image-wrap{
	float:right
}
.loops-wrapper.zig-zag .post:nth-of-type(even) .post-content{
	float:left
}
.loops-wrapper.zig-zag .has-post-thumbnail .post-meta{
	padding:initial;
	margin:-2.6em 0 0
}
.loops-wrapper.zig-zag .post-date{
	position:static;
	margin-top:-10px
}
.loops-wrapper.zig-zag .post-comment{
	position:static;
	margin-right:0
}
.loops-wrapper.zig-zag .has-post-thumbnail.post:nth-of-type(even) .post-meta{
    direction:rtl;
	text-align:left
}
.loops-wrapper.zig-zag .has-post-thumbnail.post:nth-of-type(even) .post-date{
    float:right;
	margin-left:0;
	margin-right:45px
}
.loops-wrapper.zig-zag .has-post-thumbnail.post:nth-of-type(even) .post-meta .post-comment{
	margin-left:0.3em;
	margin-right:0.3em
}
.loops-wrapper.zig-zag .has-post-thumbnail.post:nth-of-type(even) .post-meta .post-cattag-wrapper{
	padding-left:0;
	padding-right:1.2em
}
.loops-wrapper.zig-zag .has-post-thumbnail.post:nth-of-type(even) .post-meta .post-cattag-wrapper:before{
	left:auto;
	right:0
}

/*
PORTFOLIO POST
================================================ */
.portfolio-filter-wrap{
	background-color:#2c3f55;
	color:var(--theme_accent);
	width:100%;
	height:100%;
	position:relative
}
.portfolio-filter-wrap:not(.post-filter):before{
	content:'';
	display:block;
	border-left:1px solid #eef0f2;
	height:100%;
	width:1px;
	position:absolute;
	left:50%;
	transform:skew(-45deg)
}
.portfolio-filter-wrap.post-filter{
	margin:0;
	line-height:normal;
	padding:22px 0 0 26px;
	float:left;
	font-size:0.9em;
	font-family:'Poppins', sans-serif;
	font-weight:600;
	position:absolute;
    z-index:10;
    left:0;
    width:auto;
    height:auto
}
.post-filter li{
	display:block;
	margin:0;
	line-height:1.9em;
	position:relative;
	padding-left:24px
}
.post-filter li a{
	color:inherit;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:0.09em
}
.post-filter li a:before{
	content:'\e802'; /* ti-arrow-right */
	font-family:'themify_theme_icon';
	font-size:1.2em;
	color:var(--theme_accent);
	position:absolute;
	left:0;
	top:-2px;
	opacity:0;
	transition:all .3s ease-in-out;
	transform:translateX(-100%)
}
.post-filter li:hover > a:before{
	opacity:1;
	transform:translateX(0)
}
.post-filter li.active a:before{
	content:'\e807'; /* ti-close */
	opacity:1;
	transform:translateX(0) rotateZ(90deg)
}

.post-filter-title{
	position:absolute;
	bottom:5%;
	right:5%;
	width:55%;
	font-family:'Playfair Display', serif;
    font-weight:700;
	font-size:2em;
    font-style:italic;
	color:#fefefe;
    line-height:1.1em
}

.portfolio .post-image:before,
.portfolio .post-image:after{
	display:none
}
.loops-wrapper.portfolio .post{
	margin:0;
	position:relative;
	overflow:hidden;
	font-size:.75em;
	float:left
}
.loops-wrapper.portfolio.grid4 .post{
	width:25%
}
.loops-wrapper.portfolio.grid3 .post{
	width:33.33%
}
.loops-wrapper.portfolio.grid5 .post{
	width:20%;
	font-size:.6em
}
.loops-wrapper.portfolio .post-image img{
	width:100%
}
.loops-wrapper.portfolio .post > .post-image{
	transition:all .3s ease-in-out
}
.loops-wrapper.portfolio .post:hover > .post-image{
	transform:scale(1.1)
}
.loops-wrapper.portfolio .post-image + .post-content{
	background-color:rgba(44, 63, 85,.8);
	color:#fbfcfc;
	top:0;
	bottom:0;
	left:0;
	right:0;
	position:absolute;
	overflow:hidden;
	text-align:center;
	padding:17px;
	opacity:0;
	transition:all .3s ease-in-out
}
.loops-wrapper.portfolio .post:hover > .post-image + .post-content{
	opacity:1
}
.portfolio .post-content-inner-wrapper{
	display:table;
	width:100%;
	height:100%;
	box-sizing:border-box;
	border:1px solid transparent;
	transition:all 0.3s ease-in-out;
	transform:scale(1.5);
	overflow:hidden
}
.portfolio .post-content-inner{
	display:table-cell;
	vertical-align:middle
}
.portfolio-post:hover .post-content-inner-wrapper{
	border-color:#7793b3;
	transform:scale(1)
}
.loops-wrapper.portfolio .has-post-thumbnail .post-title{
	font-size:2.1em;
	letter-spacing:normal;
	color:inherit
}
.loops-wrapper.portfolio .has-post-thumbnail .post-title a{
	color:inherit
}
.loops-wrapper.portfolio .post-meta{
	font-family:'Poppins', sans-serif;
	font-weight:600;
	text-align:center;
	text-transform:uppercase;
	margin:0 0 0.5em
}
.loops-wrapper.portfolio .has-post-thumbnail .post-meta{
	margin:0 0 0.5em;	/* reset blog meta */
}
.loops-wrapper.portfolio .post-meta,
.loops-wrapper.portfolio .post-title,
.loops-wrapper.portfolio .entry-content,
.loops-wrapper.portfolio .edit-button{
	z-index:12;
    position:relative
}
.loops-wrapper.portfolio .post-meta .post-category{
	letter-spacing:0.07em
}
.loops-wrapper.portfolio .entry-content{
	max-width:76%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0.5em;
	display:block;
	font-size:0.85em;
	line-height:normal
}
.loops-wrapper.portfolio .more-link{
	font-size:0.825em;
	padding:.5em 1.6em
}
.portfolio .post-cattag-wrapper:before{
	display:none
}
.loops-wrapper.portfolio .post-meta .post-category a:hover,
.loops-wrapper.portfolio .more-link:hover{
	color:#f4dd3f
}

/* Portfolio Post Sizes */
.loops-wrapper.portfolio.grid4 .post.size-large{
	width:50%;
	font-size:1em
}
.loops-wrapper.portfolio.grid3 .post.size-large{
	width:66.66%
}
.loops-wrapper.portfolio.grid5 .post.size-large{
	width:40%
}
.loops-wrapper.portfolio .post.size-small .entry-content{
	font-size:1.1em
}
.loops-wrapper.portfolio .post.size-small .post-meta{
	margin-top:auto;
	margin-bottom:0.3em
}

/************************************************************************************
AUTHOR BOX
*************************************************************************************/
.author-box{
	margin:15px 0;
	border:0
}
.author-box .author-avatar{
	float:left;
	margin:0 30px 5px 0
}
.author-box .author-avatar img{
	border-radius:100%
}
.author-box .author-name{
	margin:0 0 0.85em
}

/************************************************************************************
POST PAGINATION (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{
	margin:0 0 1.75em;
	padding:0;
	color:#fff;
	clear:both;
	font-family:'Playfair Display', serif;
	font-weight:900;
	font-size:1.6em;
	position:relative;
	overflow:hidden
}
.post-nav .prev,
.post-nav .next{
	width:50%;
	padding:3em 41px;
	position:relative;
	z-index:1;
	box-sizing:border-box;
	background-size:cover;
	background-position:center;
	transition:all 0.3s ease-in-out;
	overflow:hidden
}
.post-nav .prev{
	float:left;
	padding-left:78px
}
.post-nav .next{
	float:right;
	text-align:right;
	padding-right:78px
}
.post-nav .prev:before,
.post-nav .next:before{
	content:'';
	display:block;
	background-color:#000;
	opacity:.25;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1
}
.post-nav .prev:hover,
.post-nav .next:hover{
	transform:scale(1.1)
}

/* post nav link */
.post-nav a{
	color:inherit;
	display:inline-block;
	letter-spacing:0.015em;
	line-height:normal;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	width:100%;
	text-decoration:none
}
.post-nav span:hover > a{
	color:#f4dd3f
}

/* post nav arrow */
.post-nav .next .arrow{
	float:right
}
.post-nav .next .arrow:before,
.post-nav .prev .arrow:before{
	font-family:'themify_theme_icon';
	font-size:1.9em;
    top:50%;
	position:absolute;
    font-style:normal;
    font-weight:normal;
    text-decoration:none;
	transform:translateY(-50%)
}
.post-nav .next .arrow:before{
	content:'\e809'; /* ti-angle-right */
	right:6%
}
.post-nav .prev .arrow:before{
	content:'\e808'; /* ti-angle-left */
	left:6%
}
.post-nav .next:hover .arrow:before{
	animation:next-arrow 1s infinite;
	animation-timing-function:linear
}
.post-nav .prev:hover .arrow:before{
	animation:prev-arrow 1s infinite;
	animation-timing-function:linear
}

/************************************************************************************
COMMENTS
*************************************************************************************/
.commentwrap{
	margin:2.25em 0 1.25em;
	position:relative;
	clear:both
}

/* comment title */
.comment-title, .comment-reply-title{
	font-family:'Poppins', sans-serif;
	font-weight:600;
	font-size:1.4em;
	font-style:normal;
	color:#6faf24;
	margin:0 0 0.625em;
	padding:0;
	text-transform:uppercase;
	letter-spacing:0.07em
}

/* comment pagenav */
.commentwrap .pagenav{
	margin:10px 0;
	border:0;
	box-shadow:none
}
.commentwrap .pagenav.top{
	margin:0;
	position:absolute;
	top:0;
	right:0;
	background-color:transparent;
	color:inherit;
	padding:inherit
}
.commentwrap .pagenav.bottom{
	background-color:transparent;
	color:inherit;
	padding:inherit
}
/* commentlist */
.commentlist{
	margin:3.25em 0 30px;
	padding:5px 0 0
}
.commentlist li{
	margin:0;
	padding:3.45em 0 0.8em;
	list-style:none;
	position:relative
}
.commentlist > li:first-child{
	padding-top:0
}
.commentlist > li:first-child:before{
	display:none
}
.commentlist li:before{
	content:'';
	display:block;
	border-bottom:1px solid #ddd;
	transform:rotateZ(-3.5deg);
	transform-origin:bottom;
	position:absolute;
	top:0;
	width:100%
}
.commentlist li:nth-child(even):before{
	transform:rotateZ(3.5deg)
}
.commentlist .comment-author{
	margin:2px 0 5px;
	padding:0
}
.commentlist .comment-author br{
	display:none
}
.commentlist .avatar{
	float:left;
	margin:5px 42px 0 0;
	border-radius:100%;
	width:95px;
	height:95px
}
.commentlist cite{
	font-family:'Open Sans', sans-serif;
	font-style:normal;
	font-size:1.2em;
	font-weight:normal;
	letter-spacing:0.01em;
	margin:0 0 0.25em;
	display:block
}
.commentlist cite a{
	text-decoration:none
}
.commentlist cite .tf_fa{
	margin-right:10px
}
.commentlist .bypostauthor > .comment-author cite:before{
	content:'\e80a'; /* fa-bookmark */
	font-family:'themify_theme_icon';
    font-style:normal;
    font-weight:normal;
    text-decoration:none;
	margin-right:12px
}
.commentlist .comment-time{
	font-size:0.8em;
	font-family:'Poppins', sans-serif;
	letter-spacing:-0.015em
}
.commentlist .commententry{
	position:relative;
	min-height:75px;
	overflow:hidden;
	overflow-wrap:break-word;
	clear:right
}
.commentlist ul,
.commentlist ol{
	margin:0 0 0 7%;
	padding:0
}

/* reply link */
.commentlist .reply{
	position:absolute;
	right:0;
	top:112px;
	top:2.65%
}
.commentlist li:nth-child(even) .reply{
	top:50px
}
.commentlist .comment-reply-link{
	font-family:'Poppins', sans-serif;
	font-weight:600;
	font-size:1.0275em;
	display:inline-block;
	text-transform:uppercase;
	letter-spacing:0.03em;
	line-height:1em
}
.commentlist .comment-reply-link:before{
	content:'';
	display:inline-block;
	vertical-align:top;
	height:1.5em;
	border-left:1px solid #e7e7e7;
	margin-right:0.8em;
	transform:skewX(41deg)
}
.commentlist .comment-reply-link:hover{
	text-decoration:none
}
.commentlist > li:first-child .reply{
	top:0
}

.commentlist li #respond{
    padding-bottom:4%
}

/* 
COMMENT FORM
================================================ */
#respond{
	margin:0;
	padding:10px 0 0;
	position:relative;
	clear:both
}
#respond #cancel-comment-reply-link{
	position:absolute;
	top:12px;
	right:0;
	font-size:1em;
	line-height:100%;
	text-transform:uppercase;
	text-decoration:none;
	display:block
}
#respond #cancel-comment-reply-link:hover{
	color:#fb4e55
}
#respond #cancel-comment-reply-link:before,
#respond #cancel-comment-reply-link:after{
	content:'';
	display:inline-block;
	border-top:1px solid;
	width:1.2em;
    position:absolute;
    left:-25px;
    top:7px;
	transition:all .3s ease-in-out
}
#respond #cancel-comment-reply-link:hover:after,
#respond #cancel-comment-reply-link:before{
    transform:rotate(45deg)
}
#respond #cancel-comment-reply-link:after{
    transform:rotate(-45deg)
}
#respond #cancel-comment-reply-link:hover:before{
    transform:rotate(135deg)
}
#commentform{
	margin:0.9em 0 0
}
#commentform input[type=text]{
	margin-right:5px
}
#commentform label{
	font-weight:bold
}
#commentform label small{
	font-weight:normal
}
#commentform p{
	margin:0 0 1em;
	clear:both
}
#commentform .comment-form-author,
#commentform .comment-form-email{
	width:50%;
	float:left;
	box-sizing:border-box;
	clear:none
}
#commentform .comment-form-email{
	padding-left:2%
}
#commentform input[type=text],
#commentform input[type=email],
#commentform input[type=url]{
	width:100%;
	max-width:none
}

/************************************************************************************
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%
}

/* portfolio masonry size */
.loops-wrapper.portfolio.masonry-layout .portfolio-post.size-small,
.loops-wrapper.portfolio .gutter-sizer{
	width:25%
}
.loops-wrapper.portfolio.masonry-layout .portfolio-post.size-small .post-title{
	font-size:1.6em
}
/* portfolio masonry align post-image & post-content */
.loops-wrapper.portfolio.masonry-layout .image-right .post-image,
.loops-wrapper.portfolio.masonry-layout .image-left .post-content{
	float:right
}
.loops-wrapper.portfolio.masonry-layout .image-left .post-image,
.loops-wrapper.portfolio.masonry-layout .image-right .post-content{
	float:left
}

/************************************************************************************
7.1 PORTFOLIO POST TYPE
*************************************************************************************/
.single-portfolio #content,
.single-portfolio #sidebar{
	padding-top:4%
}
.single-portfolio .featured-area,
.single-portfolio .post{
	position:relative
}
.single-portfolio .post-image{
	margin:0
}
.single-portfolio .post-image:before,
.single-portfolio .post-image:after{
	display:none
}
.single-portfolio .featured-area img{
	width:100%;
	display:block
}
.single-portfolio .project-meta{
	padding-left:35px;
	background-color:#2c3f55;
	opacity:0.8;
	color:#fff;
	font-size:0.9em;
	font-family:'Open Sans', serif;
	position:absolute;
	bottom:0
}
.single-portfolio .project-meta:after{
	content:'';
	display:block;
	height:100%;
	width:55px;
	background-color:#2c3f55;
	position:absolute;
	left:100%;
	top:0;
	transform-origin:left top;
	transform:skewX(-29deg);
	z-index:-1
}
.project-date,
.project-client,
.project-services,
.project-view{
	display:inline-block;
	margin:0 3.15em 0 0;
	padding:1.2em 0;
	font-weight:300;
	letter-spacing:0.025em
}
.project-date strong,
.project-client strong,
.project-services strong,
.project-view strong{
	color:#3ac5cd;
	display:block;
	font-size:0.925em;
	font-weight:700;
	letter-spacing:0.015em;
	margin-bottom:0;
	text-transform:uppercase
}
.single-portfolio .post-title{
	font-size:4.2em;
	letter-spacing:-0.035em;
	margin-bottom:0.6em
}

/************************************************************************************
8. SIDEBAR
*************************************************************************************/
.widget{
	margin:0 0 3em
}
.widgettitle{
	color:#6faf24;
	font-family:'Poppins', sans-serif;
	font-weight:600;
	font-size:1.2em;
	font-style:normal;
	text-transform:uppercase;
	letter-spacing:0.07em;
	margin:0 0 1em;
	padding:0
}
.widget ul{
	margin:0;
	padding:0
}
.widget li{
	margin:0;
	padding:.4em 0;
	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
}

/************************************************************************************
8.1 WIDGET STYLES
*************************************************************************************/
/* calendar widget */
.widget #wp-calendar{
	width:100%
}
.widget #wp-calendar caption{
	font-weight:bold;
	padding-bottom:10px
}
.widget #wp-calendar td{
	width:31px;
	padding:4px 2px;
	text-align:center
}

/* recent post widget */
.widget_recent_entries .post-date{
	display:block;
	font-size:.95em
}

/* feature posts widget */
.widget .feature-posts-list li{
	margin:0 0 .5em
}
.widget .feature-posts-list br{
	display:none
}
.widget .feature-posts-list .post-img{
	margin:0.5em 1.2em 1em 0;
	float:left
}
.widget .feature-posts-list small{
	font-size:90%;
	display:block;
	margin:0 0 .3em
}
.widget .feature-posts-list .feature-posts-title{
	margin:0 0 .2em;
	display:inline-block;
	font-size:1.1em;
	max-width:70%
}
.widget .feature-posts-list .post-excerpt{
	display:block
}

/* twitter widget */
.widget .twitter-list li{
	padding:0;	
	margin:0 0 1.2em
}
.widget .twitter-list .twitter-timestamp{
	font-style:italic;
	display:block;
	padding-top:.4em
}
.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{
    width:65px;
    height:65px;
    float:left;
    margin-right:30px;
	margin-top:24px
}
.widget .social-links i:first-child{
	padding-left:0
}

/* search widget */
#searchform{
	position:relative
}
#searchform #s{
	width:100%;
	box-sizing:border-box;
	padding:20px 45px 22px 29px;
	margin:0
}
#searchform .icon-search:before{
	content:'\e803'; /* fa-search */
	font-family:'themify_theme_icon';
	font-style:normal;
	font-size:1.25em;
	position:absolute;
	top:50%;
	right:15px;
	transform:translateY(-50%)
}

/* 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
}

/************************************************************************************
9. FOOTER
*************************************************************************************/
#footerwrap{
	clear:both;
	padding-top:2em
}

/* back to arrow */
.back-top{
	margin:0 auto;
	margin-top:1em;
	text-align:center;
	width:50px;
	font-size:10px
}
.back-top a{
	display:inline-block;
	position:relative;
	bottom:0;
	z-index:10;
	transition:all .5s
}
.back-top a:before{
	content:'\e806'; /* fa-angle-up */
	font-family:'themify_theme_icon';
	font-size:3em;
	display:inline-block
}
.back-top:hover a{
	animation:backtoparrow 1s infinite;
	animation-timing-function:linear
}

/* footer logo */
.footer-logo-wrapper{
	text-align:center
}
#footer-logo{
	font-family:'Poppins', sans-serif;
	font-size:2.65em;
	font-weight:bold;
	text-transform:uppercase;
	padding:0;
	margin:0.6em 0 0.75em;
	letter-spacing:-0.04em;
	line-height:normal
}
#footer-logo a{
	color:inherit
}

/* footer widgets */
.footer-widgets{
	clear:both;
	margin:0 10%
}
.footer-widgets .widget{
	margin-bottom:2.5em
}
.footer-widgets .widgettitle{
	text-transform:none;
	letter-spacing:normal;
	margin-bottom:0.7em;
	color:#31373c
}

/* footer text */
.footer-text{
	border-top:1px solid #ddd;
	clear:both;
	color:#999;
	font-size:0.75em;
	padding:3.1em 0;
	text-align:center;
	letter-spacing:0.02em;
	margin:0 20%
}
.footer-text a{
	color:inherit
}

/* footer nav */
.footer-nav{
	margin:1em auto 3em;
	padding:0;
	display:table
}
.footer-nav li{
	display:inline-block;
	padding:0;
	margin:0;
	list-style:none;
	position:relative
}
.footer-nav a{
	text-decoration:none;
	margin:0 1em .8em 0
}
.footer-horizontal-left .footer-nav a,
.footer-horizontal-right .footer-nav a,
.footer-left-col .footer-nav a,
.footer-right-col .footer-nav a{
	margin:0 .8em 1em 0;
	padding:0
}

.footer-nav li ul{
	background-color:#fff;
	border:1px solid rgba(0,0,0,.1);
	margin:0;
	padding:.6em 0;
	position:absolute;
	z-index:11;
	bottom:100%;
	list-style:none;
	text-align:left;
	margin-bottom:1em;
	opacity:0;
	visibility:hidden;
	display:none;
	box-sizing:border-box;
	transition:all .2s ease-in-out
}

.footer-nav ul a{
	display:block;
	width:238px;
	padding:0.5em 1.25em .5em 1.6em;
	margin:0;
	box-sizing:border-box
}
.footer-nav li li ul{
	left:100%;
	bottom:-0.65em
}
.footer-nav li:hover > ul{
	margin-bottom:0;
	opacity:1;
	visibility:visible;
	display:block
}
.footer-nav li:hover > a{
    color:#ed1e24
}

/* Footer Edge Menu */
.footer-nav li.edge ul{
	left:auto;
	right:0
}
.footer-nav ul li.edge ul{
	right:100%
}
.footer-right-col #footerwrap .footer-nav ul li.edge ul{
	left:auto;
	right:100%
}

/************************************************************************************
SOCIAL SHARE SHORTCODE
*************************************************************************************/
.social-share-wrap{
	display:block;
	margin:0 0 .9em
}
/* sharrre container */
.social-share{
	display:inline-block;
	clear:both;
	z-index:99
}
.social-share .sharrre{
	display:inline-block;
	text-align:center;
	float:left;
	font-size:1.6em;
	margin-left:-1px
}
.sharrre .count,
.sharrre .share span{
    display:none
}
.sharrre .share{
	float:none;
	display:inline-block;
	vertical-align:middle
}
.social-share .sharrre .share:before{
	content:'';
	font-family:'themify_theme_icon';
	display:inline-block;
	line-height:60px;
	border:1px solid #ddd;
	width:58px;
	height:57px;
	transition:0.3s ease-in-out
}
.social-share .twitter-share.sharrre .share:before{
	content:'\f099'; /* fa-twitter */
}
.social-share .facebook-share.sharrre .share:before{
	content:'\f09a'; /* fa-facebook */
}
.social-share .googleplus-share.sharrre .share:before{
	content:'\f0d5'; /* fa-google-plus */
}
.social-share .pinterest-share.sharrre .share:before{
	content:'\f0d2'; /* fa-pinterest*/
}
.social-share .linkedin-share.sharrre .share:before{
	content:'\f0e1'; /* fa-linkedin */
}
.sharrre a{
	color:#8d8d8d
}
.sharrre:hover .share:before{
	background-color:#31373c;
	border-color:#31373c;
	color:#fff
}
.twitter-share.sharrre:hover .share:before{
	border-color:#00aced;
	background-color:#00aced!important
}
.facebook-share.sharrre:hover .share:before{
	border-color:#3b5998;
	background-color:#3b5998!important
}
.googleplus-share.sharrre:hover .share:before{
	border-color:#dd4b39;
	background-color:#dd4b39!important
}
.pinterest-share.sharrre:hover .share:before{
	border-color:#cb2027;
	background-color:#cb2027!important
}
.linkedin-share.sharrre:hover .share:before{
	border-color:#007bb6;
	background-color:#007bb6!important
}

/************************************************************************************
10. BUILDER STYLING
*************************************************************************************/

/* module title */
.themify_builder_content .module-title{
	margin:1.4em 0 1.6em;
	padding:1em 0 0;
	font-size:1.4em;
	text-transform:uppercase;
	letter-spacing:1px
}

/* button module */
.ui.builder_button{
	border:0;
	font-weight:900;
	text-transform:uppercase;
	font-size:.8em;
	padding:1em 1.5em
}

/* Disable background attachment on iOS devices */
@supports (-webkit-touch-callout:none){
	#headerwrap{
		background-attachment:scroll!important;
		background-position:center!important
	}
}

/************************************************************************************
11. WORDPRESS POST FORMATTING
*************************************************************************************/
img.alignleft, img.aligncenter, img.alignright, img.alignnone{
	margin-bottom:1em
}
.alignleft{
	float:left;
	margin-right:2em
}
.alignright{
	float:right;
	margin-left:2em
}
.aligncenter{
	text-align:center;
	display:block;
	margin-left:auto;
	margin-right:auto
}
.wp-caption{
	text-align:center;
	margin-bottom:1em;
	max-width:100%
}
.wp-caption-text{
    margin:1em 0 .5em
}

/* attachment page */
body.attachment{
	width:auto;
	float:none;
	position:static
}
.single .attachment.post{
	width:auto;
	float:none
}

/************************************************************************************
13. CLEAR & ALIGNMENT
*************************************************************************************/
.clear{
	clear:both
}
.left{
	float:left
}
.right{
	float:right
}
.textleft{
	text-align:left
}
.textright{
	text-align:right
}
.textcenter{
	text-align:center
}

/* clearfix */
.widget li:after, #body:after, #footer:after, footer:after,#main-nav:after, .menu:after, #content:after, .post-meta:after{
	content:"";
	display:table;
	clear:both
}

/************************************************************************************
14. ANIMATIONS
*************************************************************************************/
@keyframes fadeInDown{
	0%{
		transform:translate(0,-40px);
		opacity:0
	}
	100%{
		transform:translate(0,0);
		opacity:1
	}
}

/* post nav animation */
@keyframes prev-arrow{
	0%{left:6%}
	50%{left:3%}
	100%{left:6%}
}
@keyframes next-arrow{
	0%{right:6%}
	50%{right:3%}
	100%{right:6%}
}

/* back to top animation */
@keyframes backtoparrow{
	0%{bottom:0}
	50%{bottom:20px}
	100%{bottom:0}
}

.themify_link_to{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10
}