/*
	Theme Name:		Peak - Layers Portfolio Theme
	Description:	Peak is perfect for Portfolio Websites
	Template:		layerswp
	Version: 		1.0.0
	Author:			Obox
	Author Description: Creators of Layers for WordPress.
	Author URI: http://layerswp.com/
	Theme URI: http://sites.layerswp.com/acquire/
	License URI: http://www.gnu.org/licenses/gpl.html

	*-----------------------------*
	WARNING! DO NOT EDIT THIS FILE!
	*-----------------------------*

	To make updates to your theme, do not edit the styles in this file. Rather use
	the Custom CSS field in Theme Options to add your style changes. By copying a style from this
	file and pasting it in Theme Options, you will override the style in this file and avoid
	losing changes with theme updates or reinstalls.

*/


/*-----------------------------------*/
/* Layers DevKit Custom Main CSS ----*/
/*-----------------------------------*/


/*---------------------*/
/*- DEFAULTS SETUP ----*/
body,
button,
input[type="submit"]{
	font-family: "museo-sans-rounded", "helvetica", "arial", sans-serif;
}
input[type="button"]:hover,
input[type="submit"]:hover,
button:hover,
.button:hover,
.form-submit input[type="submit"]:hover{
	color: #000;
}

/*---------------------*/
/*- SHOWCASE MODS -----*/
.nav-pills li{
	margin-right: 15px;
}
.nav-pills a{
	padding: 0;
	border-bottom: 2px solid;
	border-radius: 0;
	background: none;
}
.nav-pills .active a,
.nav-pills a:hover{
	background: none;
	color: #000;
}


/*---------------------*/
/*- BLOG / BLOG POSTS -*/
.story blockquote{
	padding: 0 30px;
	border-left: 4px solid;
	background: none;
	font-size: 120%;
}
.story{
	max-width: 660px;
}

/*---------------------*/
/*- FORMS/COMMENTS ----*/
textarea,
input,
select{
	border: solid 1px rgba(0, 0, 0, 0.1);
	border-bottom: solid 1px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	width: 100%;
	max-width: none;
}
.form-submit input[type="submit"]{
	padding: 10px 14px;
}

.single-layers-project #comments{
	max-width: none;
}
#comments .copy{
	font-size: 1.5rem;
}
#comments .section-title,
.comment-reply-title{
	padding: 10px 20px;
	margin: 0;
	background: rgba(0, 0, 0, 0.05);
	border: solid 1px rgba(0, 0, 0, 0.1);
}
.comment-list .comment.depth-1{
	background: transparent;
	border: solid 1px rgba(0, 0, 0, 0.1);
	border-top: none;
}
.comment-form{
	padding: 20px;
	border: solid 1px rgba(0, 0, 0, 0.1);
	border-top: none;
}
.comment-respond{
	margin-top: 20px;
}

/*---------------------*/
/*- WIDGET ICONS ------*/
.sidebar .widget li:before,
aside.widget li:before{
	font-family: "FontAwesome";
	opacity: 0.65;
	margin-right: 0.7rem;
}

	.widget_recent_entries li:before{
		content: "\f040";
	}
	.widget_categories li:before{
		content: "\f114";
	}
	.widget_pages li:before{
		content: "\f0f6";
	}
	.widget_recent_comments li:before{
		content: "\f0e5";
	}

/*---------------------*/
/*- CLASS SHORTHAND ---*/
.flush-photo{
	align-self: flex-start;
	padding: 0;
}
.flush-photo .media-body{
	padding: 20px;
}

/*---------------------*/
/*- OFF CANVAS STYLING */
div[class*=" off-canvas-"] .nav-mobile{
	padding: 0;
}
div[class*=" off-canvas-"] .nav-mobile .nav{
	display: block;
}

div[class*=" off-canvas-"] .nav-vertical li{
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
div[class*=" off-canvas-"] .nav-vertical .sub-menu li{
	border-top: 1px solid rgba(255, 255, 255, 0.05);
	padding-left: 0;
}
div[class*=" off-canvas-"] .nav-vertical li a{
	font-weight: normal;
	padding: 6px 20px;
}
div[class*=" off-canvas-"] .nav-vertical .sub-menu li a{
	padding-left: 30px;
}
div[class*=" off-canvas-"] .nav-vertical .sub-menu .sub-menu{
	margin-left: 0;
}
div[class*=" off-canvas-"] .nav-vertical .sub-menu .sub-menu li{
	padding-left: 10px;
}

div[class*=" off-canvas-"] aside .search-field{
	margin-bottom: 0;
	border-radius: 3px 3px 0 0;
}
div[class*=" off-canvas-"] aside .search-submit{
	border-radius: 0 0 3px 3px;
}


/*-----------------------------------*/
/* Layers DevKit Custom Desktop CSS -*/
/*-----------------------------------*/
@media only screen and (min-width: 769px){

	.layers-showcase-widget .thumbnail-body .heading,
	.layers-project .thumbnail-body .heading{
		font-size: 1.6rem;
	}

	.section-title.medium .excerpt p:not(:first-child){
		margin-top: 2rem;
	}

	/*-------------------------*/
	/*- VERTICAL HEADER -------*/
	.nav-horizontal li a{
		font-weight: normal;
	}

	/*-------------------------*/
	/*- SUB MENU STYLING ------*/
	.sub-menu,
	.nav .children{
		border: 1px solid rgba(0, 0, 0, 0.1);
		border-radius: 4px;
		box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);
		font-size: 1.3rem;
	}
	.sub-menu li:first-child a,
	.nav .children li:first-child li a{
		border-radius: 3px 3px 0 0;
	}
	.sub-menu li:last-child a,
	.nav .children li:last-child li a{
		border-radius: 0 0 3px 3px;
	}
	.header-side-wrapper .header-site .nav li:hover > .sub-menu,
	.header-side-wrapper .header-site .nav li:hover .children{
		left: 190px;
	}

		/*---------------------*/
		/*- SUB MENU CARROT ---*/
		.sub-menu:before{
			content: "";
			position: absolute;
			top: -16px;
			left: 26px;
			border-top: 8px solid transparent;
			border-right: 8px solid transparent;
			border-bottom: 8px solid #fff;
			border-left: 8px solid transparent;
		}
		.header-side-wrapper .sub-menu:before{
			top: 9px;
			left: -16px;
			border-top: 8px solid transparent;
			border-right: 8px solid #fff;
			border-bottom: 8px solid transparent;
			border-left: 8px solid transparent;
		}
		.header-side-wrapper .sub-menu .sub-menu:before,
		.sub-menu .sub-menu:before{
			border: none;
		}

	/*-------------------------*/
	/*- SEARCH BOX ------------*/
	.header-side-wrapper .header-search{
		display: block;
		width: 100%;
		margin-top: 22px;
		line-height: 31px;
	}
	.header-side-wrapper .header-search a{
		display: block;
		width: 100%;
		padding: 0 8px;
		margin-top: 0px;
		background: rgba(255, 255, 255, 0.90);
		border: 2px solid rgba(0, 0, 0, 0.1);
		border-radius: 100px;
		color: rgba(0, 0, 0, 0.8);
	}
	.header-side-wrapper .header-search a:hover{
		border: 2px solid rgba(0, 0, 0, 0.2);
	}
	.header-side-wrapper .header-search a:focus{
		margin-top: 1px;
	}

		/*---------------------*/
		/*- SEARCH BOX INVERT -*/
		.header-side-wrapper .invert .header-search a{
			background: rgba(255, 255, 255, 0.2);
			border: 2px solid rgba(255, 255, 255, 0.25);
			color: rgba(255, 255, 255, 1);
			box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
		}
		.header-side-wrapper .invert .header-search a:hover{
			background: rgba(255, 255, 255, 0.3);
			border: 2px solid rgba(255, 255, 255, 0.4);
		}
		.header-side-wrapper .invert .header-search a:focus{
			box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2),
				inset 0px 1px 1px rgba(0, 0, 0, 0.3);
		}

	/*-------------------------*/
	/*- BLOG / SIDEBAR --------*/
	.section-title .meta-info{
		font-size: 1.3rem;
	}
	.sidebar{
		font-size: 1.3rem;
	}
	.sidebar .section-nav-title{
		display: inline-block;
		border-bottom: 2px solid;
	}
	.sidebar .widget li:not(:last-child){
		padding: 0;
		margin-bottom: 8px;
		border-bottom: none;
	}

		/*---------------------*/
		/*- SEARCH WIDGET -----*/
		.sidebar .search-field{
			border-right: 0;
			border-radius: 3px 0 0 3px;
		}

	/*-------------------------*/
	/*- CALL TO ACTION INLINE -*/
	.cta-inline{
		display: flex;
		align-items: center;
		padding: 40px 30px;
	}
	.cta-inline:not(.content){
		max-width: 1000px;
		margin: auto;
		padding: 20px 0;
	}
	.cta-inline .container:first-child,
	.cta-inline .full-width{
		width: calc(((100% / 12) * 7));
	}
	.cta-inline .section-title{
		margin-bottom: 0;
	}
	.cta-inline .button-collection.full-width{
		width: calc(((100% / 12) * 5));
		margin-bottom: 0;
		text-align: right;
	}
	.cta-inline .button-collection .button{
		margin-right: 0;
		margin-left: 20px;
	}

	/*-------------------------*/
	/*- FOOTER ----------------*/
	.footer-site .widget{
		font-size: 1.3rem;
	}
	.footer-site .widget ul li{
		padding: 6px 0;
		margin: 0;
		border-bottom: 1px dotted rgba(255, 255, 255, 0.1);
	}

}