/*
	Theme Name:   Rayne Layers Blog Theme
	Description:  Rayne - Layers Child Theme
	Template:     layerswp
	Version:      1.0.0
	Author: Brightlevels
	Author URI: http://themeforest.net/user/brightlevels
	Theme URI: http://brightlevels.com/themes/rayne
	License URI: http://www.gnu.org/licenses/gpl.html
	Tags: blog, blogging, hipster, minimal, writter, simple, clean, elegant, flexible, versatile

/*
	*-----------------------------*
	DO NOT EDIT THIS FILE, PLEASE
	*-----------------------------*
*/
/*
* All Devices CSS
	* Main Site Colors
	* Off Canvas Sidebar
	* Header
	* Typography
	* Wrapper Site & Body
	* Header Nav
	* Buttons & Forms
	* Sidebar
	* Footer
	* Instagram Footer Widget
	* Post Page
	* Archive Page
	* Paginator
	* Social Share Posts
	* Gallery/Slider Posts
	* Builder Styles

* Only Desktop CSS
	* Header Logo
	* Footer Instagram
	* Post/Page Title Overlay
	* Post/Page Social Share Icons

* Only Mobile CSS
	* Header Logo
	* Logo Widget
	* Instagram Footer Widget
	* Heading Post/Pages
	* Sidebar

/* Main Site Colors

#CEA966 Site Accent Color
#DEBE85 Site Accent Hover Color
#323232 Regular Text Color
#161616 Primary BG Color
#505050 Secondary BG Color
#F8F8F8 Light Bg Color

*/


/*--------------------------------------*/
/*- All device CSS ---------------------*/
/*--------------------------------------*/

.nav-horizontal li a:hover,
.invert .nav > li > a:hover{
	color: #DEBE85;
}

input[type="button"],
input[type="submit"],
button,
.button,
.form-submit input[type="submit"],
.invert input[type="button"],
.invert input[type="submit"],
.invert button,
.invert .button,
.invert .form-submit input[type="submit"]{
	background-color: #CEA966;
	color: #FFFFFF;
}

input[type="button"]:hover,
input[type="submit"]:hover,
button:hover,
.button:hover,
.form-submit input[type="submit"]:hover,
.invert input[type="button"]:hover,
.invert input[type="submit"]:hover,
.invert button:hover,
.invert .button:hover,
.invert .form-submit input[type="submit"]:hover,
.tagcloud a:hover{
	background-color: #DEBE85;
	color: #FFFFFF;
}

.copy a:not(.button),
.story a:not(.button){
	color: #CEA966;
	border-bottom-color: #CEA966;
}

.copy a:not(.button):hover,
.story a:not(.button):hover{
	color: #DEBE85;
	border-bottom-color: #DEBE85;
}

.title-container{
	background-color: #F8F8F8;
}

.header-secondary{
	background-color: #161616;
}

.header-site.header-sticky.is_stuck{
	background-color: rgba(255, 255, 255, 0.95);
}

textarea:focus,
input:focus,
select:focus{
	border-color: #6D6D6D;
}

.off-canvas-right .search-form input:focus{
	border-color: #DEBE85;
}

.off-canvas-right{
	background-color: #383838;
}

.close-canvas{
	background-color: transparent;
}

.section-nav-title{
	color: #323232;
}

.tagcloud a{
	background-color: #161616;
	color: white;
}

.footer-site .rayne-instagram-feed .clear a{
	background-color: #161616;
}

.footer-site .rayne-instagram-feed .clear a:hover{
	background-color: #505050;
}

.social-share i.fa{
	background-color: #323232;
	color: white;
}

.social-share i.fa:hover{
	background-color: #CEA966;
	color: white;
}

.logo-bottom .span-4{
	float: none;
	margin-left: auto!important;
	margin-right: auto!important;
}

.site-text{
	padding: 20px;
}


/*--------------------*/
/* Off Canvas Sidebar */
.responsive-nav{
	display: block;
}

/*--------------------*/
/* Header ------------*/
.header-secondary{
	padding: 1.5rem;
}

/*--------------------*/
/* Typography --------*/
.heading{
	font-weight: bolder;
}

.section-title.large .heading{
	font-size:4.7rem;
}

.section-title.medium .heading{
	font-size:3.7rem;
}

.section-title.small .heading{
	font-size:2.7rem;
}

.section-title.medium .excerpt{
	font-size: 14px;
	opacity: 1;
}
.section-title.small .excerpt{
	font-size: 14px;
	opacity: 1;
}

.media.small .heading + .excerpt{
	font-size: 1.3rem;
}

/*--------------------*/
/* Wrapper Site & Body */
.open + .wrapper-site{
	opacity: 1;
}

/*--------------------*/
/* Header Nav --------*/
.header-site nav,
.header-secondary nav{
	font-weight: bolder;
	text-transform: uppercase;
	font-size: 1.1rem;
	letter-spacing: 0.1rem;
}

.header-secondary .pull-left a{
	padding: 0 10px;
}

.invert .nav > li > a{
	opacity: 1;
}

nav .fa,
.l-search{
	font-weight: 800;
	text-transform: uppercase;
	font-size: 1.5rem;
	letter-spacing: 0.1rem;
}

.wrapper-site .search-close,
.wrapper-site .search-close:hover{
	font-weight: 800;
	border: none;
	background: transparent;
	color: white;
	font-size: 32px;
}

.sub-menu{
	border: none;
}

.sub-menu li a{
	padding: 15px 10px;
}

/*--------------------*/
/* Buttons & forms ---*/
input[type="button"],
input[type="submit"],
button,
.button,
.form-submit input[type="submit"]{
	font-size: 1.1rem;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	padding: 10px 20px;
	border-radius: 100px;
}

.pagination a,
.pagination span{
	background-color: transparent;
	padding: 10px;
	font-size: 12px;
	font-weight: 600;
	border-radius: 100px;
}

.pagination a:hover{
	background-color: transparent;
	color: black;
}

input[type="search"]{
	border-radius: 100px;
}

/*--------------------*/
/* Sidebar -----------*/
.sidebar .content{
	padding: 15px 20px;
}

.tagcloud a{
	font-size: 14px!important;
	padding: 5px;
	line-height: 30px;
	word-break: normal;
}

.sidebar .search-field,
.sidebar .search-submit{
	width: 100%;
}

.sidebar .widget{
	font-size: 1.3rem;
}

.sidebar .widget li a{
	color: rgba(0, 0, 0, 0.95);
}

.sidebar .widget li a:hover{
	color: rgba(0, 0, 0, 0.5);
}

.sidebar .widget li,
.widget.well table{
	border-style: none;
}

.widget h5.section-nav-title{
	color: #2a2a2a;
	font-weight: 800;
	letter-spacing: 1px;
}

.widget ul.children li:before{
	content: '→';
	padding-right: 10px;
}

.invert .widget h5.section-nav-title{
	color: white;
}

/*--------------------*/
/* Post Widget -------*/
.post-date{
	padding-top: 5px;
}

/*--------------------*/
/* RSS Widget --------*/
.rss-date, cite,
.rssSummary{
	display: block;
	margin-top: 10px;
}

.rsswidget img{
	vertical-align: middle;
	margin-right: 10px;
}


/*--------------------*/
/* Search Widget -----*/
.sidebar .search-submit{
	border-radius: 0 3px 3px 0;
}

.sidebar input[type=search]{
	border-right-style: none;
}

/*--------------------*/
/* Calendar Widget ---*/
.widget_calendar caption{
	margin-bottom: 10px;
}

.widget_calendar table td,
.widget_calendar table th{
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

/* Footer */
.footer-site,
.footer-site .row{
	padding: 0;
}

.footer-site .column{
	margin-bottom: 0;
	margin-top: 0;
}

.copyright .span-6{
	width: 100%;
	text-align: center;
}

.copyright .pull-right{
	text-align: center;
	float: none;
	margin: auto;
}

.footer-site .rayne-logo{
	text-align: center;
}

.footer-site .rayne-logo img{
	max-height: 150px;
}

.copyright .nav-horizontal ul{
	display: block;
}

.row + .copyright{
	padding: 0;
	border: none;
}

.copyright .nav-horizontal li{
	margin-left: 10px;
	margin-right: 10px;
}

.footer-site .rayne-bottom{
	padding: 50px 0;
}

/*--------------------*/
/* Instagram Widget --*/

	/*----------------*/
	/* SIDEBAR -------*/
	.sidebar .rayne-instagram-feed ul{
		overflow: hidden;
	}
	.sidebar .rayne-instagram-feed ul li{
		float: left;
		width: 33%;
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
	}
	.sidebar .rayne-instagram-feed ul img{
		display: block;
	}
	.sidebar .rayne-instagram-feed a:hover img{
		opacity: 0.8;
	}
	.sidebar .rayne-instagram-feed p{
		margin-top: 20px;
	}

	/*----------------*/
	/* FOOTER --------*/
	.footer-site .rayne-instagram-feed{
		text-align: center;
		max-width: 100%;
		padding: 0;
		margin: 0;
		position: relative;
	}

	.footer-site .rayne-instagram-feed .section-nav-title{
		display: none;
	}

	.footer-site .rayne-instagram-feed ul{
		margin: -20px -30px 0;
		background-color: #fff;
	}

	.footer-site .rayne-instagram-feed .instagram-pics li{
		width: 12.5%;
		float: left;
		margin: 0;
	}

	.footer-site .rayne-instagram-feed .instagram-pics li img{
		max-width: 100%;
		vertical-align: middle;
		transition: all 1s;
		image-rendering: crisp-edges;
	}

	.footer-site .rayne-instagram-feed .instagram-pics li{
		opacity: .50;
		transition: all 1s;
		overflow: hidden;
	}

	.footer-site .rayne-instagram-feed .instagram-pics li:hover{
		opacity: 1;
	}

	.footer-site .rayne-instagram-feed .clear a{
		font-size: 1.1rem;
		padding: 15px;
		position: absolute;
		left: calc(50% - 100px);
		bottom: calc(50% - 23px);
		min-width: 200px;
		margin-top: 5px;
		letter-spacing: 0.1rem;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		-o-border-radius: 100px;
		border-radius: 100px;
	}

	.footer-site .rayne-instagram-feed .clear a .fa-instagram{
		padding-right: 7px;
	}

/*--------------------*/
/* Post Page ---------*/
.title-container,
.title-container .title{
	position: relative;
}

.title-container .title{
	padding: 10% 20px;
	z-index: 1;
}

.rayne-overlay-bg{
	background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	opacity: 0.1;
}

.single .content-main .span-12,
.archive .content-main .span-12,
.search-results .content-main .span-12,
.page-template-template-blog .content-main .span-12{
	max-width: 880px;
	margin: auto;
}

/*--------------------*/
/* Blog Single Widths */
.no-sidebar .story,
.no-sidebar #comments{
	max-width: 660px;
	margin-left: auto;
	margin-right: auto;
}
.story img{
	max-width: 100%;
}

#comments{
	padding-top: 40px;
	border-top: 2px solid rgba(0, 0, 0, 0.04);
}
.comment-respond{
	margin-top: 40px;
}

/*--------------------*/
/* Blog Feature Image */
.no-sidebar .thumbnail{
	margin-bottom: 60px;
}

.single-format-gallery .story ul{
	margin: 0;
}

/*--------------------*/
/* Archive Page ------*/
.archive .title-container .excerpt,
.search-results .title-container .excerpt,
.search-no-results .title-container .excerpt{
	margin: auto;
	font-size: 14px;
}

.archive .meta-item,
.search-results .meta-item,
.search-no-results .meta-item{
	display: inline-block;
}

.search-no-results .content-main,
.error404 .content-main{
	text-align: center;
}

.search-no-results .search-form label,
.error404 .search-form label{
	display: inline-block;
}

/*--------------------*/
/* Paginator ---------*/
.pagination,
.pagination li{
	border: none;
}

.pagination a,
.pagination span{
	background-color: transparent;
}

/*--------------------*/
/* Social Share Posts */
.social-share,
.meta-info{
	max-width: 660px;
	clear: none;
	margin: 20px auto;
	font-family: "Montserrat", Helvetica, sans-serif;
	font-size: 1.1rem;
	text-transform: uppercase;
}
.social-share .social-link{
	margin-right: 8px;
}
.social-share i.fa{
	width: 30px;
	line-height: 30px;
	border-radius: 100px;
	text-align: center;
}

/*------------------------------*/
/* Post/Page Social Share Icons */
.single .meta-item,
.meta-item{
	display: inline-block;
	margin-right: 5px;
	background: rgba(0, 0, 0, 0.04);
	border-radius: 100px;
	padding: 4px 10px;
}

/*------------------------------*/
/* Gallery Builder/Slider Posts */
.story .bx-wrapper a img{
	display: block;
	max-width: 100%;
	height: auto;
}

.story .bx-wrapper .bx-controls-direction a,
.story .bx-wrapper .bx-controls-direction a:hover{
	color: white;
	border: 2px white;
	text-align: center;
	line-height: 48px;
	height: 42px;
	width: 46px;
}

.story .bx-wrapper a i{
	border: white solid 2px;
	border-radius: 100%;
	padding: 10px;
	font-size: 14px;
}

.mfp-container button{
	background-color: transparent;
}

.mfp-container button,  button.mfp-close{
	background-color: transparent;
	opacity: 0.5;
}

/*--------------------*/
/* Builder Styles ----*/
.rayne-widget .thumbnail-body{
	padding: 20px 0;
}
.thumbnail img{
	display: block;
}

.swiper-container .arrows a{
	font-size: 14px;
	margin: 0 30px;
	width: 44px;
	line-height: 40px;
	border: solid 2px;
	border-radius: 100%;
	text-align: center;
}


/*-----------------------------*/
/*- POP OUT SIDEBAR -----------*/

	/*--------------------*/
	/*- NAVIGATION -------*/
	div[class*=' off-canvas-'] .nav-mobile{
		padding: 0px;
	}
	div[class*=' off-canvas-'] .nav-mobile .nav{
		display: block;
		font-family: "Montserrat", Helvetica, sans-serif;
		text-transform: uppercase;
	}
	div[class*=' off-canvas-'] .nav-vertical li{
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}
	div[class*=' off-canvas-'] .nav-vertical .sub-menu li{
		border-top: 1px solid rgba(255, 255, 255, 0.1);
	}
	div[class*=' off-canvas-'] .nav-vertical a{
		padding: 12px 20px;
	}
	div[class*=' off-canvas-'] .nav-vertical .sub-menu a{
		padding-left: 35px;
	}

	/*--------------------*/
	/*- SEARCH FIELD -----*/
	div[class*=' off-canvas-'] aside .search-field{
		border-radius: 10px 10px 0 0;
		margin-bottom: 0;
	}
	div[class*=' off-canvas-'] aside .search-submit{
		border-radius: 0 0 10px 10px;
	}

	/*--------------------*/
	/*- WIDGETS ----------*/
	div[class*=' off-canvas-'] ul{
		font-size: 1.2rem;
	}


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

	/*----------------*/
	/* header logo ---*/
	.header-center .site-logo-link img,
	.mark img{
		max-height: 150px;
	}

	/*----------------*/
	/* header sidebar */
	.header-site{
		box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.05);
	}
	.header-side-wrapper .header-site{
		box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.05);
		z-index: 99;
	}
	.header-side-wrapper .header-site .responsive-nav{
		display: none;
	}

	/*-------------------------*/
	/* Post/Page Title Overlay */
	.rayne-overlay-bg{
		background-attachment: fixed;
	}

	.title-container .title{
		text-align: center;
		padding: 10% 20px;
		z-index: 1;
	}


}

/*--------------------------------------*/
/*- Only Tablet CSS --------------------*/
/*--------------------------------------*/
@media only screen and (min-width: 376px) and (max-width: 768px){

	/*----------------*/
	/* Header Logo ---*/
	.header-center .site-logo-link img,
	.mark img{
		max-height: 70px;
	}

	.logo-bottom .span-4{
		min-width:300px;
		padding: 0;
	}

	/*------------------*/
	/* footer instagram */
	.footer-site .rayne-instagram-feed .instagram-pics li{
		width: 25%;
		float: left;
	}

}

/*--------------------------------------*/
/*- Only Mobile CSS --------------------*/
/*--------------------------------------*/
@media only screen and (max-width: 480px){

	/*----------------*/
	/* Header Logo ---*/
	.header-site .custom-logo-link img,
	.header-site .site-logo-link img,
	.header-site .mark img{
		max-height: 50px;
	}

	.footer-site .rayne-logo img{
		max-height: 110px;
	}

	/*-------------------------*/
	/* Instagram footer widget */
	.footer-site .rayne-instagram-feed .instagram-pics li{
		width: 25%;
		float: left;
	}

	/*--------------------*/
	/* Heading Post/Pages */
	.bread-crumbs{
		display: none;
	}

	.title-container .heading{
		font-size: 2.5rem;
	}
	.section-title.large .heading{
		font-size: 2.5rem;
		padding-top: 30px;
	}

	.page-template-template-blog .meta-info{
		margin-bottom: 25px;
	}

	/*----------------*/
	/* Sidebar -------*/
	.sidebar .content{
		padding: 10px 0;
	}
}