/* Kate Theme Front Page

Loaded on the front page */



/* Front Page

---------------------------------------------------------------------------------------------------- */

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

/* 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 .widget {
	width: 80%;
    margin: 0 auto 2%;

}

.image-section .flexible-widgets .wrap {
	padding: 100px 0 80px;
    margin: 0 auto;
    max-width: 80%;
}

.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;
	text-align: center;
	background: #fff;
	opacity: 0.90;
}

.front-page .content .featured-content .entry {
	text-align: center;
}

.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 {
    width: 100%;
    margin: 0 auto 5%;
}

.front-page-image-5-left.one-half  .widget_text {
    display:block;
    padding: 10%;

}

.front-page-image-5-right.one-half .widget_text,
.front-page-image-5-right.one-half .enews-widget {
    padding: 5%;

}

.front-page-image-1 .featured-content .entry,
.home-middle .featured-content .entry,
.front-page-image-3 .featured-content .entry {
    padding: 30px;
    background: #fff;
    display: inline-block;
  	box-shadow: 0 5px 10px 0 rgba(0,0,0,0);
  	transform: translateY(0);
  	transition: all .4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  	cursor: pointer;
}

.front-page-image-1 .featured-content .entry:hover,
.home-middle .featured-content .entry:hover,
.front-page-image-3 .featured-content .entry:hover {
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
  	transform: translateY(-10px);
}


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

.image-section button,
.image-section input[type="button"],
.image-section input[type="reset"],
.image-section input[type="submit"],
.image-section .textwidget a.button {
	background: transparent;
	color: #555;
	display:table;
	float:none;
	margin:0 auto;
}

.image-section button:focus,
.image-section button:hover,
.image-section input:focus[type="button"],
.image-section input:hover[type="button"],
.image-section input:focus[type="reset"],
.image-section input:hover[type="reset"],
.image-section input:focus[type="submit"],
.image-section input:hover[type="submit"],
.image-section .textwidget a.button:focus,
.image-section .textwidget a.button:hover {
	background-color: #555;
	color: #fff;
}


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


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

.front-page-image-5-left.one-half {
    max-height: 708px;
    height: 708px;
}

.image-section .flexible-widgets .wrap {
    max-width: 90%;
}

}

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

.image-section .flexible-widgets .wrap {
    padding: 100px 0 80px;
    margin: 0 auto;
    max-width: 90%;
}

}

@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 {
    float: none;
    font-size: 16px;
    padding: 30px 0;
    width: 100%;
    margin: 0 auto;

}

.front-page-image-5-left.one-half,
.front-page-image-5-right.one-half {
    width: 100%;
}

.fancybutton {
    padding: 5px 20px;

}

}



/* 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;
	}

}