/*
	Theme Name: Dazzling Theme
	Theme URI: http://restored316designs.com/themes
	Description: A mobile responsive and HTML5 feminine WordPress theme built for the Genesis Framework by Lauren Gaige of Restored 316.
	Author: Restored 316 Designs // Lauren Gaige
	Author URI: http://www.restored316designs.com/
	Copyright: Copyright (c) 2015, Restored 316 LLC, Released 07/14/2016

	Template: genesis
	Template Version: 2.0.1

	License: GPL-2.0+
	License URI: http://www.opensource.org/licenses/gpl-license.php
*/


/* Front Page
---------------------------------------------------------------------------------------------------- */

.front-page .entry-header {
	margin-bottom: 0;
}

.front-page .icon {
	color: #f87da9;
    display: block;
    font-size: 40px;
    margin-bottom: 10px;
}

.front-page .featured-content .entry {
	margin: 0;
	padding: 0;
}

.front-page .featured-content .entry {
	position: relative;
}

.front-page-1,
.front-page-3 {
	background: #F7F3F1;
	padding: 30px 0;
}

.front-page-3 {
	margin-bottom: 30px;
	padding: 50px 0;
}

.front-page-1 .flexible-widgets .widget,
.front-page-1 .flexible-widgets.widget-halves .widget:nth-child(2n), 
.front-page-1 .flexible-widgets.widget-thirds .widget:nth-child(3n+2), 
.front-page-1 .flexible-widgets.widget-fourths .widget:nth-child(4n+2) {
	background: #fff;
	padding: 20px;
	margin: 0 1% 5%;
}

.front-page-1::after {
    background: #fff none repeat scroll 0 0;
    content: "";
    display: block;
    float: none;
    height: 200px;
    margin: 0 0 -120px;
    position: relative;
    transform: skew(0deg, -4deg);
    width: 100%;
}

.front-page-3::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    display: block;
    float: none;
    height: 175px;
    margin: -140px 0 0;
    position: relative;
    transform: skew(0deg, -4deg);
    width: 100%;
}


.front-page-1 .flexible-widgets.widget-halves .widget:nth-child(3n) {
	text-align: left;
}

.front-page-1 .flexible-widgets.widget-halves .widget:nth-child(2n).featured-content .entry-header {
	background: #fff;
	margin: 0 15%;
	padding: 15px;
	position: absolute;
	top: 50%;
	left: 0;
	width: 70%;
}

.front-page-1 .flexible-widgets.widget-halves .widget:nth-child(2n).featured-content .entry-header .entry-title a {
	font-family: "Work Sans", sans-serif;
	font-size: 10px;
	letter-spacing: 2px;
	line-height: 20px;
	margin: 0;
	overflow: visible;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

.front-page-1 .flexible-widgets.widget-halves .widget:nth-child(2n).featured-content .entry-header h2 {
	margin: 0;
}

.front-page-1 .flexible-widgets.widget-halves .widget:nth-child(3n).featured-content .entry-title {
	font-size: 13px;
	text-align: left;
}

.front-page-1 img.alignnone,
.front-page-1 .alignnone {
	margin: 0;
}

.front-page-3 .featured-content .entry-header,
.flexible-widgets.widget-thirds .featured-content .entry-header,
.flexible-widgets.widget-fourths .featured-content .entry-header {
	background: #fff;
	margin: 0 20%;
	padding: 15px;
	position: absolute;
	bottom: 20%;
	left: 0;
	width: 60%;
}

.front-page-3 .featured-content .entry-header .entry-title a,
.flexible-widgets.widget-thirds .featured-content .entry-header .entry-title a,
.flexible-widgets.widget-fourths .featured-content .entry-header .entry-title a {
	font-size: 10px;
	letter-spacing: 2px;
	line-height: 20px;
	margin: 0;
	overflow: visible;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

.front-page-3 .featured-content .entry-header h2,
.flexible-widgets.widget-thirds .featured-content .entry-header h2 {
	margin: 0;
}

.front-page-3 .featured-content  .entry-title::after {
	border: none;
	margin: 0;
	padding: 0;
}

.front-page .content-sidebar-wrap {
	margin: 30px auto;
}

/* Flexible Widgets
--------------------------------------------- */

.flexible-widgets .widget {
	float: left;
	margin-bottom: 0;
	padding: 2% 1%;
}

.flexible-widgets .widget:first-child {
	background: none;
	border: none;
	margin-bottom: 30px;
	padding: 0;
	text-align: center;
}

.flexible-widgets.widget-full .widget,
.flexible-widgets.widget-area .widget:nth-of-type(1),
.flexible-widgets.widget-halves.uneven .widget:last-of-type {
	width: 100%;
}

.flexible-widgets.widget-fourths .widget {
	width: 23%;
}

.flexible-widgets.widget-halves .widget {
	width: 50%;
}

.front-page-1 .flexible-widgets.widget-halves.even .widget:nth-child(2n) {
	width: 64%;
}

.front-page-1 .flexible-widgets.widget-halves.even .widget:nth-child(3n) {
	padding: 50px 30px 30px;
	width: 32%;
}

.front-page-3 .flexible-widgets .widget:first-child {
	margin: 100px 0 0;
}

.front-page-1 .flexible-widgets.widget-thirds .widget {
	width: 31.33%;
}

.front-page-1 .flexible-widgets.widget-fourths .widget {
	width: 23%;
}

.front-page-1 .flexible-widgets.widget-halves .widget {
	width: 48%;
}

.flexible-widgets.widget-thirds .widget {
	width: 33.33%;
}

.flexible-widgets.widget-halves .widget:nth-child(even),
.flexible-widgets.widget-thirds .widget:nth-child(3n+2),
.flexible-widgets.widget-fourths .widget:nth-child(4n+2) {
	padding-right: 1%;
	clear: left;
}

/* Front Page Areas
--------------------------------------------- */

.front-page-1,
.front-page-2,
.front-page-3 {
	overflow: hidden;
	text-align: center;
}

/* Journal
--------------------------------------------- */

.journal .widget-title {
	text-align: center;
}

/* Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1200px) {
	
	.front-page-1 .wrap, 
	.front-page-2 .wrap,
	.front-page-3 .wrap {
		padding: 0 30px;
	}
	
	.front-page-1 .flexible-widgets.widget-halves .widget.featured-content:nth-child(2n) .entry-header {
		position: relative;
	}
	
	.front-page-1 .flexible-widgets.widget-halves .widget.featured-content:nth-child(2n) .entry-header .entry-title a {
		font-size: 14px;
	}
	
	.front-page-1 .flexible-widgets.widget-halves.even .widget:nth-child(2n),
	.front-page-1 .flexible-widgets.widget-halves.even .widget:nth-child(3n) {
		width: 100%;	
	}


}

@media only screen and (max-width: 800px) {

	.flexible-widgets.widget-fourths .widget,
	.flexible-widgets.widget-halves .widget,
	.flexible-widgets.widget-thirds .widget,
	.front-page-2 .flexible-widgets.widget-halves .widget,
	.front-page-2 .widget,
	.front-page-1 .flexible-widgets.widget-halves .widget:nth-child(2n),
	.front-page-1 .flexible-widgets.widget-halves .widget:nth-child(3n),
	.front-page-1 .flexible-widgets.widget-thirds .widget {
		float: none;
		width: 100%;
	}
	
	.flexible-widgets .widget {
		border: none;
		padding-left: 0;
		padding-right: 0;
	}
	
	.front-page .blog .entry {
		width: 48%;
	}


}

@media only screen and (max-width: 500px) {
	
	.front-page .blog .entry {
		float: none;
		width: 100%;
	}


}