/* Front Page Widgets
 * ========================================================================== */

.flexible-widget-area .wrap {
	padding-top: 60px;
	padding-bottom: 60px;
}

.flexible-widgets .widget {
	margin-bottom: 20px;
}

.flexible-widgets .widget:last-child {
	margin-bottom: 0;
}

.flexible-widgets.widget-area.widget-full {
    position: relative;
    width: 100%;
}

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

	.flexible-widget-area .wrap {
		padding-top: 7%;
		padding-bottom: 7%;
	}

/*	.flexible-widgets,
	.featured-content.widget .widget-wrap {
		margin-left: -20px;
		margin-right: -20px;
		width: calc( 100% + 40px );
	}*/

	.front-page-2 .flexible-widgets .widget,
	.front-page-2 .featured-content.widget .entry {
		padding-right: 0;
	}

	.flexible-widgets .widget,
	.featured-content.widget .entry {
		float: left;
		padding-left: 20px;
		padding-right: 20px;
	}

	.front-page-5 .flexible-widgets .widget,
	.front-page-5 .featured-content.widget .entry {
		display: block;
		padding: 0;
		margin: 1% 0 1% 3%;
	}

	.front-page-5 .flexible-widgets .widget:first-child,
	.front-page-5 .featured-content.widget .entry:first-child {
		margin-left: 0;
	}

	.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: 25%;
	}

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

	.flexible-widgets.widget-thirds .widget,
	.featured-content.widget .entry {
		width: 33.33%;
	}

	.front-page-5 .flexible-widgets.widget-thirds .widget,
	.front-page-5 .featured-content.widget .entry {
		width: 31.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) {
		clear: left;
	}

}

/* Front Page Hero
 * ========================================================================== */

.home .nav-secondary {
	display: none;
}

.front-hero {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 600px;
	padding: 2%;
	text-align: center;
}

.front-hero h2 {
	font-size: 40px;
}

@media screen and (min-width:800px) {
	.front-hero {
		box-sizing: border-box;
		margin: 0 auto;
		max-width: 700px;
		padding: 2%;
		text-align: center;
	}

	.front-hero h2 {
		font-size: 60px;
		letter-spacing: 0;
		line-height: 1.2;
	}
}

/* Front Page 1
 * ========================================================================== */

.commitment {
	box-sizing:border-box;
	text-align:center;
}

.commitment h2 {
	margin-bottom: 40px;
}

.front-page-1 {
	text-align: center;
}

span.numbers {
	font-family: "Playfair Display", serif;
	font-size: 50px;
	font-weight: 700;
}

span.words {
    font-family: "Lato", serif;
    font-size: 16px;
    font-weight: 700;
}

.w-third-first {
	width: 100%;
	margin: 0;
}

.w-third {
	width: 100%;
	margin: 20% 0;
}

.w-third-last {
	width: 100%;
	margin: 20% 0 10%;
}

.stat-icon {
	height: 170px;
}

.stat-icon img {
	height: 150px;
}

.w-third-first .stat-icon img {
	height: 110px;
	position: relative;
   	top: 50%;
   	transform: translate(0, -50%)
}


@media screen and (min-width:800px){
	.w-third-first,
	.w-third,
	.w-third-last {
		float: left;
		margin: 0; 
		width: 33.33%;
	}
}

/* Front Page 2
 * ========================================================================== */

.front-page-2 {
	background-color: #3b5441;
	overflow: hidden;
	color: #f9f4e8;
}

.front-page-2 .flexible-widgets.widget-halves .widget,
.front-page-2 .widget {
	width: 100%;
	float: left;
	align-self: center;
}

.front-page-2 h3 {
	text-align: left;
	color: #f9f4e8;
}

.front-page-2 .widget-area {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	position: relative;
}

.front-page-2 .widget img.pull-left {
    margin-left: -25%;
}

.front-page-2 .widget img.pull-right {
    margin-right: -25%;
}

	.front-page-2 img{
		
	}
	.front-page-2{

	}
@media screen and (min-width:1150px){
	.front-page-2 img {
		display:none;
	}
	.front-page-2 {
		background: #3b5441 url('/wp-content/themes/showcase-pro/images/map-purple.jpg') no-repeat;
		background-position: -750px -100px;
		background-size:1200px;
		transition:all .5s
	}
}
/*@media screen and (min-width:900px){
	.front-page-2{
		background-position: -695px -50px;
		background-size:1200px;
	}
	.front-page-2 .widget-wrap {
		margin-left: 0;
		padding-right: 0;
	}
}*/
@media screen and (min-width:1150px){
	.front-page-2{
		background-position: -625px -100px;
		background-size:1200px;
	}
	.front-page-2 .widget-wrap {
		margin-left: 0;
		padding-right: 0;
	}
}
@media screen and (min-width:1230px){
	.front-page-2{
		background-position: -500px -100px;
		background-size:1200px;
	}
}
@media screen and (min-width:1280px){
	.front-page-2{
		/*background-position: -400px -100px;
		background-size:1100px;*/
		background-position: -400px -40px;
		background-size:1100px;
	}
}
@media screen and (min-width:1400px){
	.front-page-2{
		/*background-position: 20px 75px;
		background-size:800px;*/
		background-position: 20px 100px;
		background-size:750px;
	}
}
@media screen and (min-width:1600px){
	.front-page-2{
		/*background-position: 20px 75px;
		background-size:900px;*/
		background-position: 20px 100px;
		background-size:825px;
	}
}
@media screen and (min-width:1700px){
	.front-page-2{
		background-position: 25px 80px;
		background-size:900px;
	}
}

.front-page-2 .widget img.pull-right,
.front-page-2 .widget img.pull-left {
	max-width: 150%;
	width: auto;
	margin-bottom: -50%;
	margin-top: 20px;
}

@media only screen and (min-width: 1150px) {

	.front-page-2 .flexible-widgets.widget-halves .widget,
	.front-page-2 .widget {
		width: 50%;
		float: left;
		align-self: center;
	}

	.front-page-2 .widget img.pull-left,
	.front-page-2 .widget img.pull-right {
	    margin-bottom: -30%;
	    margin-top: -30%;
	    pointer-events: none;
	}
}

@media only screen and (min-width: 1230px) {
	.front-page-2 .widget-wrap {
		margin-left: 12%;
	}
}

@media only screen and (max-width: 540px) {
	.proj-blurb {
	    padding: 0 !important;
	    font-size: 1.25;
	}
}

@media only screen and (max-width: 1150px) {
	.proj-blurb {
	    padding-right: 10%;
	    font-size: 1.25;
	}
}

/* Front Page 3
 * ========================================================================== */

.front-page-3 {
	text-align: center;
	background: #f9f4e8;
}

.front-page-3 a {
	color: black;
}

.front-page-3 blockquote {
	font-family: "Playfair Display", serif;
	font-size: 25px;
	font-weight: 400;
	font-style: normal;
	margin: 20px 0;
	letter-spacing: .02px;
	line-height: 1.4;
}

.front-page-3 blockquote::before,
.front-page-3 blockquote::after {
	font-family: "Playfair Display", serif;
	font-weight: 700;
    color: #cb5d3d;
    content: "\"";
}


@media only screen and (min-width: 800px) {
	.front-page-3 blockquote {;
		font-size: 42px;
	}
}

/* Testimonials */

.testimonial-slider .entry {
	padding: 0;
	margin: 0;
	border: 0;
}

.testimonial-source {
	max-width: 300px;
	margin: 40px auto;
	text-align: left;
}

.testimonials .testimonial-source img {
	max-width: 50px;
	border-radius: 25px;
	float: left;
	margin-right: 15px;
	margin-top: -15px;
}

.testimonial-source h5 {
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-size: 18px;
	text-align: center;
}


/* Front Page 4
 * ========================================================================== */

 .front-page-4 .widget-title,
 .juicer-feed h1.referral a {
 	color: #f9f4e8;
 	font-family: "Lato","Helvetica","Arial",sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-align: center;
    text-transform: uppercase;
 }

 .juicer-feed h1.referral a {
 	color: #f9f4e8;
 }

 .juicer-feed h1.referral a:hover {
 	color: #f9f4e8;
 	opacity: 0.5;
 	transition: all 0.2s ease-in-out 0s;
 }

 .juicer-feed.slider .slick-prev:hover::before, 
 .juicer-feed.slider .slick-next:hover::before {
 	color: #cb5d3d;
 }

 .front-page-4 .widget:nth-of-type(1) {
 	text-align: center;
 }

 .front-page-4 {
 	background-color: #00395a;
 	position: relative;
 }

.social-group {
 	position: absolute;
 	top: 23%;
 }

 .social-group a {
 	color: #f9f4e8;
 	float: left;
 	padding-right: 10px;
 	margin-bottom: 10px;
 }

 .social-group a:hover {
 	color: rgba(255,255,255,0.5);
 }

 /* Front Page 5
 * ========================================================================== */


/* recent posts */ 

.featuredpost img.centered, .aligncenter {
	margin: 0;
}

.featuredpost .post {
  -webkit-box-shadow: 0px 5px 15px 6px rgba(44, 54, 58, .1);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    0px 5px 15px 6px rgba(44, 54, 58, .1);  /* Firefox 3.5 - 3.6 */
  box-shadow:         0px 5px 15px 6px rgba(44, 54, 58, .1);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.front-page-5 .featuredpost .entry-header {
	background: #1f2533;
	min-height: 110px;
	padding: 5%;
}

/*.featuredpost h4.entry-title {
    position: relative;
    top: 45%;
    left: 5%;
    transform: translate(0px, -50%);
    width: 90%;
}*/

.front-page-5 .featuredpost h4.entry-title a {
	font-family: "Playfair Display", serif;
	font-weight: 400;
	font-size: 18px;
	color: #f9f4e8;
	letter-spacing: .1px;
	line-height: 1.25;
}

.featuredpost .entry-content {
	min-height: 170px;
	padding: 5%;
}

.featuredpost .entry-content p {
	margin-top: 0;
	margin-bottom: 10px;
}

.front-page-5 .featuredpost .entry a.more-link {
	font-family: "Lato", sans-serif;
	color: #333;
	font-size: 18px;
	font-weight: 700;
}

.front-page-5 .featuredpost .entry a.more-link:after {
	color: #333;
	font-family: 'fontawesome';
    content: "\f178";
    margin-left: 10px;
    font-weight: normal;
}

.front-page-5 .featuredpost h4.entry-title a:hover,
.front-page-5 .featuredpost .entry a.more-link:hover {
	transition: all 0.2s ease-in-out 0s;
	text-decoration: none;
}

.front-page-5 .entry-image.attachment-post {
	width: 100%;
}

/*blog button*/

.blog-more {
	margin-top: 60px;
	text-align: center;
}


@media only screen and (max-width: 900px) {
	.front-page-5 .flexible-widgets, .featured-content.widget .widget-wrap {
		width: 100%;
		margin: 0 auto;
	}
	.front-page-5 .flexible-widgets.widget-thirds .widget,
	.front-page-5 .featured-content.widget .entry {
		margin-bottom: 40px;
	}
	.front-page-5 .featuredpost h4.entry-title a {
		font-size: 20px;
	}
	.front-page-5 .featuredpost .entry-header {
		min-height: auto;
	}
}