/*
Theme Name: Landing
Description: Landing Page For WP Projects
Theme URI: http://aspiration.creativehedgehog.net/
Version: 1.0
Author: Creative Hedgehog
Author URI: http://themeforest.net/user/hedgehogcreative
Text Domain: landing
Tags: custom-colors, featured-images, post-formats, theme-options, left-sidebar, right-sidebar, two-columns

Copyright: (c) 2017 Creative Hedgehog
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/
/*===================================================================

	TABLE OF CONTENTS

	1.0 GENERAL STYLES
		1.1 TABLE
	2.0 HEADER AND LOGO
		2.1 HEADER STYLES
		2.2 HEADER SOCIAL
		2.3 SEARCH OVERLAY
		2.4 TOP MENU BAR
		2.5 HEADER LAYOUT 1
		2.6 HEADER LAYOUT 2
		2.7 HEADER LAYOUT 3
		2.8 LOGO
	3.0 NAVIGATION
		3.1 MAIN NAVIGATION
		3.2 RESPONSIVE NAVIGATION
	4.0 PAGE TITLE
	5.0 BLOG POST
		5.1 GENERAL STYLES
		5.2 GRID / MASONRY LAYOUT
		5.3 LIST LAYOUT
		5.4 POST ENTRY / EXCERPT
		5.5 POST RIBBON
		5.6 SHARE POST SOCIAL LINKS
		5.7 POST AUTHOR SECTION
		5.8 POST AUTHOR GRAVATAR
		5.9 RELATED POSTS
		5.10 COMMENTS SECTION
		5.11 COMMENT FORM - SEARCH FORM
		5.12 PAGINATION
		5.13 POST ALIGNT LEFT
		5.14 PROMO BOXES
	6.0 FEATURED POSTS (SLIDERS)
		6.1 COMMON STYLES
		6.2 SLIDER CONTROLS
		6.3 SLICK SLIDE STYLE
	7.0 POST TYPES
		7.1 IMAGE / IMAGE GALLERY
		7.2 LINK POST
		7.3 QUOTE POST
		7.4 AUDIO POST
		7.5 ARCHIVE POST
	8.0 SIDEBAR
		8.1 SIDEBAR GENERAL STYLES
		8.2 WIDGET TITLE STYLES
	9.0 WIDGETS
		9.1 AUTHOR WIDGET
		9.2 SOCIAL WIDGET
		9.3 SIDEBAR / FOOTER MENU
		9.4 LATEST BLOG POSTS
		9.5 NEWSLETTER
		9.6 TAG CLOUD
		9.7 FLICKR EMBED GALLERY / STREAM PORTFOLIO
		9.8 FACEBOOK PAGE EMBED
		9.9 FEATURED POSTS WIDGET
		9.10 INSTAGRAM FEED
		9.11 ADVERTISEMENT WIDGET
		9.12 ABOUT WIDGET
	10.0 FOOTER
		10.1 FOOTER GENERAL STYLES
		10.2 FOOTER COLUMN TITLE
		10.3 SOCIAL FOOTER
		10.4 FOOTER BOTTOM
		10.5 SCROLL TO TOP
	11.0 LAYOUT MODIFIERS
		11.1 CLASSIC - NO TILES LAYOUT
		11.2 ROUNDED ELEMENTS
	12.0 WORDPRESS NATIVE CLASSES
		12.1 DEFAULT POST FORMATTING STYLES
		12.2 WIDGET DEFAULT STYLES
		12.3 CONTACT FORM 7 (PLUGIN)
	13.0 NIFTY SHORTCODES OVERRIDE STYLES
	14.0 IE FIXES


/********************BEGIN RESET********************/
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		margin: 0;
		padding: 0;
	}

	* :focus {
		outline: 0;
	}

/*******************END RESET**************************-*/
/*====CLEAR FIX	- apply to any element that contains floating children which need to be cleared
=======================================================*/
	.cf:before,
	.cf:after {
		content: " ";
		/* 1 */
		display: table;
		/* 2 */
	}

	.cf:after {
		clear: both;
	}

	/**
		 * For IE 6/7 only
		 * Include this rule to trigger hasLayout and contain floats.
		 */
	.cf {
		*zoom: 1;
	}

	.clear {
		clear: both;
	}

/*==== 1.0 GENERAL STYLES
=======================================================*/
	html {
		font-size: 14px;
	}

	body {
		position: relative;
		color: #232323;
		background: #fff;
		font-family: 'Noto Sans', Arial, sans-serif;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.8;
		background-position: center center;
		background-repeat: repeat;
		background-attachment: fixed;
	}

	h1, h2, h3, h4, h5, h6 {
		font-weight: 700;
		color: #121212;
		margin-bottom: 20px;
	}

	h1 {
		font-size: 38px;
		line-height: 1;
		text-transform: uppercase;
	}

	h2 {
		font-size: 24px;
		line-height: 1.2;
	}

	h3 {
		font-size: 18px;
		line-height: 1.4;
	}

	h4 {
		font-size: 16px;
		line-height: 1.3;
	}

	h5 {
		font-size: 13px;
		line-height: 1.3;
		text-transform: uppercase;
	}

	h6 {
		font-size: 14px;
		line-height: 1.3;
		letter-spacing: 0.5px;
		margin-top: 0;
		font-weight: normal;
	}

	p {
		margin-bottom: 20px;
	}

	a {
		color: #99ad5d;
		text-decoration: none;
		-webkit-transition: color .1s linear;
		-o-transition: color .1s linear;
		transition: color .1s linear;
	}

	a:hover {
		color: #121212;
	}

	ul {
		list-style-type: disc;
	}

	.custom-list {
		line-height: 24px;
	}

	strong {
		font-weight: bold;
	}

	pre {
		font-family: monospace;
		color: #232323;
		background: #f0f0f0;
		padding: 20px;
		margin-bottom: 30px;
		overflow-x: scroll;
	}

	img {
		height: auto;
		max-width: 100%;
	}

	.align-left {
		float: left;
		margin: 6px 20px 0 0;
	}

	.align-right {
		float: right;
		margin: 6px 0 0 20px;
	}

	.float-left {
		float: left;
	}

	.float-right {
		float: right;
	}

	.m-top-0 {
		margin-top: 0 !important;
	}

	.p-top-0 {
		padding-top: 0;
	}

	.m-bottom-0 {
		margin-bottom: 0 !important;
	}

	.p-bottom-0 {
		padding-bottom: 0;
	}

	.boxshadow .content {
		padding: 40px;
		background: #fff;
		border: none;
		-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
	}

	.last {
		margin-right: 0px !important;
	}

	.separator-blank {
		display: block;
		height: 40px;
	}

	dl {
		padding-bottom: 10px;
	}

	dt {
		font-weight: 700;
		color: #121212;
		font-size: 13px;
		text-transform: uppercase;
		margin-bottom: 5px;
	}

	dd {
		margin-left: 20px;
		margin-bottom: 20px;
	}

	address {
		font-style: italic;
		font-weight: 400;
		margin-bottom: 20px;
	}

	abbr {
		cursor: help;
	}

	code {
		font-family: monospace;
		background: #f0f0f0;
		color: #232323;
		padding: 4px 8px;
	}

	em, var {
		font-style: italic;
		font-weight: 400;
	}

	form {
		overflow: hidden;
	}


	/*

	LANDING PAGE STYLES

	*/

	.small-logo {
		text-align: center;
		padding-top: 30px;
	}

	.description {
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 3px;
		font-size: 12px;
	}

	/*Call to Action Buttons*/

	.cta-wrapper{
		text-align: center;
		/*padding: 50px 0 60px 0;*/
		padding: 10px 0 60px 0;
	}

	.cta-button {
		text-shadow: 1px 1px 5px rgba(0,0,0, 0.4);
		color: #fff;
		font-size: 13px;
		text-transform: uppercase;
		font-weight: bold;
		padding: 12px 0;
		display: inline-block;
		width: 170px;
		border-radius: 70px;
		background: #e0ac70;
		margin: 0 15px;
    	-webkit-transition: all .2s linear;
    	-moz-transition:	all .2s linear;
    	-o-transition: 		all .2s linear;
    	-ms-transition: 	all .2s linear;
    	transition: 		all .2s linear;
    	position: relative;
	}

	.cta-button:hover {
		color: #fff;
		text-shadow: none;
	}

	.cta-button:after {
		content: '';
		background: #fff;
		opacity: 0.05;
		top: -10px;
		bottom: -10px;
		left: -10px;
		right: -10px;
		position: absolute;
		border-radius: 70px;
		-webkit-transition: all .2s linear;
		-moz-transition:	all .2s linear;
		-o-transition: 		all .2s linear;
		-ms-transition: 	all .2s linear;
		transition: 		all .2s linear;
	}

	.cta-button:hover:after {
		top: -7px;
		bottom: -7px;
		left: -7px;
		right: -7px;
		z-index: -1;
		opacity: .2
	}

	.cta-arrow-wrapper {
		text-align: center;
	}

	.cta-arrow {
		display: inline-block;
		color: #fff;
		font-size: 20px;
		text-align: center;
		padding-bottom: 40px;
		margin-top: -10px;

		-webkit-transition: all .2s linear;
		-moz-transition:	all .2s linear;
		-o-transition: 		all .2s linear;
		-ms-transition: 	all .2s linear;
		transition: 		all .2s linear;
	}

	.cta-arrow:hover {
		color: #fff;
		transform: translate(0, 5px);
	}

	.cta-button-primary {
		background: #85c876;
	}

	.demo-wrapper {
		width: 1570px;
		max-width: 95%;
		margin: 0 auto;
	}

	.demo {
		border: 10px solid #fff;
		overflow: hidden;
		margin-bottom: 30px;
		-webkit-box-shadow: 1px 4px 8px rgba(0,0,0,.07);
	    -moz-box-shadow: 1px 4px 8px rgba(0,0,0,.07);
	    box-shadow: 1px 1px 8px rgba(0,0,0,.07);
	}

	.demo-title {
		text-align: right;
		position: relative;
		z-index: 1;
		font-size: 13px;
		text-transform: uppercase;
		display: inline-block;
		margin-bottom: 0;
	}

	.demo-title:after {
		content: '';
	    position: absolute;
	    width: 30px;
	    height: 30px;
	    top: 50%;
	    left: -12px;
	    margin-top: -18px;
	    z-index: -1;
	}

	.demo-title-wrap {
		background: #fff;
		position: relative;
		text-align: center;
		padding: 30px 0 20px 0;
		-webkit-box-shadow: 0px -4px 8px rgba(0,0,0,.05);
	    -moz-box-shadow: 0px -4px 8px rgba(0,0,0,.05);
	    box-shadow: 0px -4px 8px rgba(0,0,0,.05);

		/*padding-bottom: 15px;*/
	}

	.demo-title-wrap:before {
		/*content: '';*/
		border-top: 10px solid #e8e8e8;
	    position: absolute;
	    height: 55px;
	    /*height: 75px;*/
	    width: 130%;
	    background: #ffffff;
	    left: -5px;
	    bottom: 16px;
	    -ms-transform: rotate(-7deg);
	    -webkit-transform: rotate(-7deg);
	    transform: rotate(-7deg);
	}

	.thumb-wrap {
		-webkit-box-shadow: 1px 1px 8px rgba(0,0,0,.07);
	    -moz-box-shadow: 1px 1px 8px rgba(0,0,0,.07);
	    box-shadow: 1px 1px 8px rgba(0,0,0,.07);
	    background: #fff;
	    -webkit-transition: all .1s linear;
	    -ms-transition: 	all .1s linear;
	    transition: 		all .1s linear;
	}

	.thumb-wrap:hover {
		-webkit-box-shadow: 7px 7px 15px rgba(0,0,0,.07);
	    -moz-box-shadow: 7px 7px 15px rgba(0,0,0,.07);
	    box-shadow: 7px 7px 15px rgba(0,0,0,.07);
	}

	.demo-thumb-wrap {
		height: 500px;
		overflow: hidden;
		position: relative;
	}

	.message-wrap {
		text-align: center;
	}

	@media only screen and (max-width: 1200px) {
    	.demo-thumb-wrap {
    		height: 400px;
    	}
    }

	.demo-link {
		position: absolute;
		top: 0;
		left: 0;
		-webkit-transition: all .8s ease-in;
		-moz-transition:	all .8s ease-in;
		-o-transition: 		all .8s ease-in;
		-ms-transition: 	all .8s ease-in;
		transition: 		all .8s ease-in;
	}

	.demo-thumb-wrap:hover .demo-link {
		transform: translate(0, -40%);
	}

	.demo-bold {
		font-weight: 900;
	}

	.demo-light {
		font-weight: 400;
		color: #b9b9b9;
	}

	.more-tagline {
		color: #121212;
	    font-weight: 900;
	    font-size: 32px;
	    line-height: 38px;
	    margin: 60px 0;
	    text-align:center;
	}

	.lifestyle:after 	{ background: #e0ac70; }
	.fashion:after 		{ background: #ffa28b; }
	.travel:after 		{ background: #68b6e2; }
	.food:after 		{ background: #9fc770; }

	.demo-section-title {
		text-align: center;
		width: 45%;
		margin: 20px auto 60px auto;
	}


	.layout {
		margin-bottom: 30px;
	}

	.layout .demo-title-wrap {
		padding-top: 15px;
		background: none;
		box-shadow:none;
	}

	.thumb-wrap img {
		display: block;
		margin: 0 auto;
	}

	.layout-slide {
		margin: 0 10px;
	}

	.slider-nav {
		width: 40px;
		height: 40px;
		font-size: 26px;
		color: #121212;
		position: absolute;
		top: -60px;
	}

	.next-slide,
	.prev-slide {
		line-height: 40px;
		text-align: center;
	}

	.next-slide {
		left: 50%;
	}

	.prev-slide {
		right: 50%;
	}

	.demo-slider {
		margin-top: 20px;
	}


	.block-sections{
		padding: 100px 0;
	}


	.block-light {
		background: #fff;
	}

	.block-light h2 {
		color: #121212;
	}

	.block-section-title h2 {
		font-size: 64px;
		line-height: 70px;
		font-weight: 900;
	}

	.block-section-title h2::first-letter {
		background: #e0ac70;
		padding: 0 22px;
	}

	.flex-container {
		display: flex;
		align-items: center;
		padding: 0 50px;
		justify-content: center;
	}

	.block-section-title {
		padding: 160px 0 0 20px;
		width: 26%;
	}

	.block-dark {
		background: #434343;
	}

	.block-dark h2 {
		color: #fff;
	}

	.block-light .block-section-title p {
		color: #828282;
	}

	.block-dark .block-section-title p {
		color: #ddd;
	}


	.block-section-img {
		position: relative;
		padding-top: 20px;
	}

	.overlay-mask {
		position: absolute;
	}

	.animated {
		opacity: 0;
	}

	.z-top {
		z-index: 2;
		position:relative;
	}

	.z-bottom {
		z-index: 1;
		position:relative;
	}

	.demo-btn {
		text-transform: uppercase;
	    font-size: 0.786em;
	    margin-bottom: 34px;
	    display: inline-block;
	    -webkit-transition: all .1s linear;
	    -o-transition: all .1s linear;
	    transition: all .21 linear;
	    position: relative;
	    letter-spacing: 3px;

	    padding: 10px 20px;
	    border: 1px solid;
	    border-radius: 30px;

	    -webkit-transition: all .1s linear;
		-ms-transition: 	all .1s linear;
		transition: 		all .1s linear;
	}

	.btn-dark {
		color: #fff;
	}

	.btn-dark:hover {
		color: #d5d5d5;
	}

	.btn-light {
		color:#121212;
	}

	.btn-light:hover {
		color: #888;
	}

	.message-wrap .message {
		color: #fff;
		font-size: 40px;
		margin-bottom: 40px;
	}

	@media only screen and (max-width: 1600px) {
    	.block-section-title h2 {
    		font-size: 62px;
    		line-height: 68px;
    	}
    }

	@media only screen and (max-width: 1400px) {
    	.block-section-title h2 {
    		font-size: 50px;
    		line-height: 54px;
    	}

    	.block-section-title h2::first-letter {
			padding: 0 18px;
		}

    	.block-section-title {
    		width: 30%;
    	}
    }

	@media only screen and (max-width: 1200px) {
    	.block-section-title h2 {
    		font-size: 40px;
    		line-height: 44px;
    	}

    	.block-section-title h2::first-letter {
			padding: 0 15px;
		}

    	.block-section-title {
    		width: 42%;
    	}
    }

    @media only screen and (max-width: 991px) {
    	.block-section-title h2 {
    		font-size: 22px;
    		line-height: 24px;
    		font-weight: bold;
    	}

    	.block-section-title h2 br {
    		/*display: none;*/
    	}

    	.block-section-title h2::first-letter {
			padding: 0 9px;
		}

    	.block-section-title {
    		width: 90%;
    		padding-top: 20px;
    	}

    	.block-sections {
    		padding: 20px;
    	}

    	.demo-btn {
    		padding: 6px 12px;
    		letter-spacing: 1px;
    	}

    	.demo-section-title {
    		width: 80%;
    	}
    }

    @media only screen and (max-width: 786px) {
    	.block-section-title h2 {
    		font-size: 22px;
    		line-height: 24px;
    		font-weight: bold;
    	}

    	.block-section-title h2 br {
    		display: none;
    	}

    	.demo-wrapper {
    		max-width: 90%;
    	}

    	.block-section-title {
    		width: 70%;
    		padding: 20px 0 0 0;
    		margin: 0 auto;
    		text-align: center;

    	}

    	.flex-container {
    		display: block;
    		padding: 0;
    	}

    	.block-section-title {
    		width: 80%;
    	}
    }

    @media only screen and (max-width: 560px) {
    	.col-xs-8 {
    		width: 100%;
    	}

    	.col-xs-offset-2 {
    		margin-left: 0;
    	}
    }

    @media only screen and (max-width: 460px) {
    	.header-img {
    		padding: 0 30px;
    	}

    	.cta-wrapper .cta-button:first-child {
    		margin-bottom: 30px;
    	}


    }

    .other-features {
    	padding: 60px 0;
    	background: #f7f7f7;
    }

    .feature {
    	position: relative;
    	margin-bottom: 50px;
    }

    .feat-img {
    	margin-bottom: 30px;
    	text-align: center;
    }

    .feat-img img {
    	display: inline-block;
	    border-radius: 15px;
	    -webkit-box-shadow: 10px 10px 16px rgba(0,0,0,.05);
	    -moz-box-shadow: 10px 10px 16px rgba(0,0,0,.05);
	    box-shadow: 10px 10px 16px rgba(0,0,0,.05);
    }

    .feat-h4 {
    	color: #121212;
    	margin-bottom: 10px;
    }

    .feat-p {
    	padding-left: 15px;
    	padding-right: 15px;
    }

    .feat-text {
	    color: #6d6d6d;
	    text-align: center;
    }

    .m-top-30 {
    	margin-top: -30px;
    }

    .footer {
    	z-index: 100;
    	position: relative;
    	padding: 80px 0 40px 0;
    }

    .footer .small-logo {
    	padding-top: 0;
    }



/*==== 2.0 HEADER AND LOGO
=======================================================*/
/*-----------------------------
	2.1 HEADER STYLES
-----------------------------*/
	.header {
		z-index: 300;
		width: 100%;
		-webkit-transition: all .2s linear;
		-o-transition: all .2s linear;
		transition: all .2s linear;

		margin-bottom: 40px;
	}

	.header-img + .slider-wrapper,
	.menu-bottom + .slider-wrapper {
		margin-top: -20px;
	}

	.header-img + .slider-full,
	.menu-bottom + .slider-full {
		margin-top: -40px;
	}

	.header-inner {
		position: relative;
		border: none;
	}

	.header-img {
		padding: 0 20px;
		position: relative;
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
	}

	.header-bar-container {
		height: 70px;
		line-height: 70px;
		position: relative;
	}



/*----------------------------------
	2.5 HEADER LAYOUT 1
----------------------------------*/
	.page-title ~ .slider-full {
		margin-top: 0;
	}

	.menu-bottom .header-bar-inner {
		position: relative;
	}

	.header.header-layout-1 {
		border: none;
	}

	.header-layout-1 .search-social-container {
		padding-top: 0;
		position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	}

	.menu-bottom {
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}

	.header-layout-1 .main-nav {
		text-align: center;
    	float: none;
    	margin-left: 0;
	}

	.header-layout-1 .search-btn-header {
	    position: absolute;
	    top: 0;
	    right: 15px;
	    z-index: 120;
	}




/*-----------------------------
	2.8 LOGO
-----------------------------*/
	.site-name {
		margin-bottom: 0;
		padding: 60px 0;
	}

	.logo a {
		display: inline-block;
	}

	.site-description {
		margin-top: -40px;
		padding-bottom: 30px;
	}

	.logo {
		text-align: center;
	}

	.logo-image {
		margin: 0 auto;
		-webkit-transition: all .2s linear;
		-o-transition: all .2s linear;
		transition: all .2s linear;
	}

	.logo img {
		vertical-align: bottom;
	}

/*==== 3.0 NAVIGATION
=======================================================*/
	.menu-placeholder {
	    text-align: left;
	    font-size: 12px;
	    float: left;
	    position: relative;
	    z-index: 2;
	}

	.setup-menu-link {
		text-transform: uppercase;
	}

	.top-menu .setup-menu-link:hover {
		color: #fff;
	}

	.top-menu .menu-placeholder {
		padding-top: 3px;
	}


/*-----------------------------
	10.5 SCROLL TO TOP
-----------------------------*/
	.scroll-top {
		display: none;
	}

	.scroll-top a {
		width: 44px;
		height: 44px;
		border-radius: 2px;
		text-align: center;
		line-height: 43px;
		background: #000;
		position: fixed;
		bottom: 20px;
		right: 20px;
		text-transform: uppercase;
		font-size: 16px;
		color: #fff;
		z-index: 100;
		opacity: 0.3;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
		-webkit-transition: all .2s linear;
		-o-transition: all .2s linear;
		transition: all .2s linear;
	}

	.scroll-top a:hover {
		background-color: #99ad5d;
		color: #fff;
		text-decoration: none;
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}

/*-----------------------------
	14.0 IE FIXES
-----------------------------*/
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
		.header-layout-3 .main-nav > ul li ul {
			margin-top: 42px;
		}
	}