/* Grace Theme Front Page

Loaded on the front page */

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

.front-page .site-inner {
	max-width: 100%;
	padding: 0;
}

.front-page .container {
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}


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

.image-section {
	background-attachment: fixed;
	background-color: #fff;
	background-position: 50% 0;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size:    cover;
	background-size:         cover;
}

.image-section::after {
	display: block;
  	position: relative;
  	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
  	height: 100px;
  	width: 100%;
  	content: '';
}

.image-section .flexible-widgets .widget {
	margin-bottom: 60px;
}

.image-section .flexible-widgets .wrap {
	padding: 100px 0 80px;
}

.image-section .widget-wrap {
	padding: 0;
	position: relative;
}

.image-section .flexible-widgets.widget-full .widget_text,
.image-section .flexible-widgets.widget-full .enews-widget {
	margin: 0 auto 40px;
	max-width: 1200px;
	text-align: center;
	opacity: 1;
}

.front-page-2,
.front-page-4,
.front-page-6,
.front-page-8 {
	background-color: #fff;
	margin-top: 3%;
}

.front-page .content .featured-content a.alignnone {
	margin: 0 -20px 20px;
	max-width: none;
}

.front-page-image-1 .flexible-widgets.widget-full .widget,
.front-page-image-3 .flexible-widgets.widget-full .widget,
.front-page-image-5 .flexible-widgets.widget-full .widget,
.front-page-image-7 .flexible-widgets.widget-full .widget {
    float: none;
    padding: 30px 0;
    width: 100%;

}


/* ipad 3 and 4 */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
.image-section {
	background-attachment: scroll;
}
}

/* ipad 1, 2, and ipad mini */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
.image-section {
	background-attachment: scroll;
}
}

/* iphone 6 plus */
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px) {
.image-section {
	background-attachment: scroll;
}
}

/* iphone 6 */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px) {
.image-section {
	background-attachment: scroll;
}
}

/* iphone 5 and 5s */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {
.image-section {
	background-attachment: scroll;
}
}


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



@media only screen and (max-width: 1368px) {
.image-section .flexible-widgets.widget-full .widget_text, 
.image-section .flexible-widgets.widget-full .enews-widget {
    margin: 0 auto 40px;
    max-width: 1080px;
    text-align: center;
    opacity: 1;
}
}


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

	.front-page .content .featured-content a.alignnone {
		margin: 0 auto 20px;
	}

	.image-section .flexible-widgets .wrap {
    	padding: 8% auto;
	}

	.front-page-image-1 .flexible-widgets.widget-full .widget,
	.front-page-image-3 .flexible-widgets.widget-full .widget,
	.front-page-image-5 .flexible-widgets.widget-full .widget,
	.front-page-image-7 .flexible-widgets.widget-full .widget {
    	float: none;
    	font-size: 16px;
    	padding: 30px 0;
    	width: 80%;
    	margin: 0 auto;
	}

	}