@charset "utf-8";
/* CSS Document 
see http://envy.krolyn.com/tutorial/create-full-window-genesis-responsive-slider/
Front page of UCMP theme, loaded on front-page.php*/

/* Genesis Responsive Slider - Full Window
--------------------------------------------------- */
.home-featured,
.home-featured .widget,
.home-featured .wrap,
.home-featured #genesis-responsive-slider,
.home-featured #genesis-responsive-slider li {
    border: none;
    margin: 0 !important;
    max-width: none;
    padding: 0 !important;
	background-color: none;
}

.home-featured #genesis-responsive-slider .flexslider {
    max-height: none;
    max-width: 100%;
	/* border-top: 2px solid #c58211; */
}

.home-featured #genesis-responsive-slider .slide-excerpt {
    /* background: rgba(255,255,255,0.4);	font-weight: bold; */
	background: #000;
	color: #fff;
    margin-top: 60px;
	margin-top: 6rem;
    opacity: .8;
    padding: 0 60px 30px;
    text-align: left;
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
	font-weight: normal;
}

.home-featured #genesis-responsive-slider .slide-excerpt a {
	color: #fff;
	font-weight: normal;	
}
.home-featured #genesis-responsive-slider .slide-excerpt:hover {
    background: rgba(255,255,255,0.9);
}

.home-featured #genesis-responsive-slider .slide-excerpt:hover a {
	color: #000;	
}

.home-featured #genesis-responsive-slider .slide-excerpt-border {
    border: none;
    float: none;
}

.home-featured #genesis-responsive-slider .slide-image {
    max-height: 100%;
    position: relative;
}

.home-featured #genesis-responsive-slider .slide-image img {
    margin: 0;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
}

.home-featured #genesis-responsive-slider .slide-image.tall img {
    max-height: 100%;
    max-width: none;
}

/* Hide Slider Pagination (even if enabled) */

.home-featured #genesis-responsive-slider .flex-control-nav {
    display: none;
}

/* Customise Slider Navigation */

.home-featured #genesis-responsive-slider .flex-direction-nav li a {
    background: none;
    bottom: 32px;
    margin: 0;
    outline: none;
    top: auto;
    width: 32px;
	color: #fff;
}

.home-featured #genesis-responsive-slider .flex-direction-nav li a:hover {
	color: #78c0e6;
}

.home-featured #genesis-responsive-slider .flex-direction-nav li .next {
    right: 0;
}

.home-featured #genesis-responsive-slider .flex-direction-nav li .prev {
    left: 0;
}

.home-featured #genesis-responsive-slider .flex-direction-nav li a::after {
    background: #000;
	opacity: .7;
    display: block;
    font: bold 32px/52px dashicons;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    text-indent: 0;
    top: 0;
}

.home-featured #genesis-responsive-slider .flex-direction-nav li .next::after {
    content: "\f345";
}

.home-featured #genesis-responsive-slider .flex-direction-nav li .prev::after {
    content: "\f341";
}

/* Customise Page-Down Button */

.home-featured .page-down {
    bottom: 0;
    cursor: pointer;
    left: 50%;
    position: absolute;
    z-index: 99;
	text-decoration: none;
	color: #fff;
}

.home-featured .page-down:hover {
	color: #78c0e6;	
}

.home-featured .page-down::before {
   background: #000;
	opacity: 0.6; 
	display: block;
    content: "\f347";
    font: bold 46px/1 dashicons;
    -webkit-font-smoothing: antialiased;
    margin-left: -26px;
    text-align: center;
    width: 52px;
}

/* Home featured pages */



/* ====== home widgets ========== */
.home-top .widget-area .wrap,
.home-middle .widget-area .wrap,
.home-news .flexible-widgets .wrap {
	padding: 0;
}

.home-top {
	border-top: 3px solid #BE8511;
	background: #DDD5C8;
	padding: 40px 0 ;
	padding: 4rem 0;
}


.home-top .widget {
	width: 25%;
	height: 0;
	padding-bottom: 12.5%;
	float: left;
	margin: 0;
	display: block;
	position: relative;
	text-align: center;
}
.home-top .entry-title {
	font-family: 'Open Sans', sans-serif;
}

.home-top h4 {
	line-height: .8;
}

.home-top .entry-title, .home-middle .wp-caption-text {
	background-color: rgba(0,0,0,0.7);
	display: table;	
	left: 0;
	top: 0;
  	position: absolute;
	width: 100%;
	height: 100%; 
	padding: 10% 10% 0 ;
	text-align: center;
	opacity: 1;
	 -webkit-transition: opacity 500ms;
	  -moz-transition: opacity 500ms;
	  -o-transition: opacity 500ms;
	transition: opacity 500ms;
}

.home-top .entry-title:hover, .home-middle .wp-caption-text:hover {
	cursor: pointer;
	opacity: .8;
	color: #c4820e;	
}

.home-top .entry-title a, .home-middle .wp-caption-text a {
	color: #ffffff;
	font-size: 20px;
	font-size: 2rem;
	text-transform:uppercase;
	text-decoration: none;
	font-weight: normal;
}

.home-top .entry-title:hover a, .home-middle .wp-caption-text:hover a {
	color: #f3c36f;
}

.home-top img {
	border: none;	
}

.home-middle {
	background: #3c7ea1;
	padding: 40px 0 50px;
	border-bottom: 2px solid #BE8511;
}

.home-middle h2 {
	text-align:center; 
	color: #fff;
}

.home-middle .widget-fourths .widget {
	width: 20%;
}


.home-middle .widget {
	text-align: center; 
	float: left;
	/* width: 250px;
	height: 250px;width: 20%; */
	display: block;
	margin: 2% 2.5%;
	height: 0;
	padding-bottom: 20%;
	position: relative;
	vertical-align: middle;
}

/* see https://css-tricks.com/centering-percentage-widthheight-elements/ */

.home-middle .widget-wrap .image {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 75%;
	height: 75%;
}

.home-middle .wp-caption-text {
	padding-top: 30%;
	background-color: rgba(0,0,0,0.6);
	border: 1px solid #c4820e;
	width: 100%;
	height: 100%; 	
 }

.home-top .widget-title,
.home-middle .widget-title {
	display: none;
} 

.home-news .wrap {
	padding: 20px 20px 40px 0;
	padding: 2rem 2rem 4rem 0;
}

.home-news .widget-wrap {
	margin: 0 1.5rem;
}

.home-news .widget-title {
	font-size: 30px;
	fontp-size: 3rem;	
	text-align: center;
}

.home-news .entry-title {
	font-size: 28px;
	font-size: 2.8rem;
}

.home-news .entry-title a {
	color: #2d5f7a;

}

.home-news .entry-title a:hover {
	color: #c4820e;
}

.home-news .entry-title,
.home-news .entry-meta {
	text-align: center;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.home-news .entry-meta {
	font-size: 1.6rem;
}

.home-news img {
	border: none;
	outline: 2px solid #3C7EA1;
	/*outline: 1px solid #000;*/
	outline-offset: -5px;
}

.home-news img:hover {
	border: none;
	outline: 5px solid #c4820e;
	outline-offset: -5px;
}

/* ------------------------------------------------------------------------------ */
@media only screen and (max-width: 800px) {
	.home-featured #genesis-responsive-slider .slide-excerpt {
		margin-top: 20px;
		margin-top: 2rem;
		padding: 0 30px 15px;
	}
		
	.slide-excerpt p {
		font-size: 1.4rem;
	}
		
	.home-top h4 {
		line-height: .6;
	}
	
		
	.home-top .entry-title a,
	.home-middle .wp-caption-text a {
		font-size: 1.4rem;
	}
		
	 .home-news h4 {
		line-height: 1.4;
	}
	/* .home-news .entry-title a {
		font-size: 2rem;
	}
		
	.home-news .entry-meta {
		font-size: 1.4rem;	
	} */
	
}
	
@media only screen and (max-width: 610px) {
	.home-top {
		padding: 15px 0;
		padding: 1.5rem 0;
	}
	
	.home-top .widget-fourths .widget {
		float: left;
		width: 25%;
	}
	
	.home-top .entry-title {
		padding: 3% 3% 0 ;
	}
	
	.home-middle {
		padding: 20px 10px 15px 0;
		padding: 2rem 1rem 1.5rem 0;
	}
	
	.home-middle .widget-wrap .image {
		display: none;	
	} 
	
	/* .home-middle h2, .home-news .widget-title  {
		font-size: 2.2rem;
	} */
	
	.flexible-widgets.widget-fourths .widget,
	.flexible-widgets.widget-halves .widget,
	.flexible-widgets.widget-thirds .widget {
		float: none;
		width: 100%;
	}

	.flexible-widgets .widget {
		padding-left: 0;
		padding-right: 0;
	}
	
	
	.home-news .entry-title,
	.home-news .entry-meta {
		text-align: left;
	} 

}

@media only screen and (max-width: 560px) {
	.home-middle .widget-fourths .widget  {
		width: 45%; 
		float: left;
	}
	
	.home-middle .wp-caption-text {
		padding-top: 1.5rem;
		padding-bottom: 0;
	}

}

@media only screen and (max-width: 510px) {
	.home-top .widget-fourths .widget img {
		display: none;	
	} 
	
	.home-top .widget-fourths .widget {
		width: 50%;
	}
	
	
	

}

@media only screen and (max-width: 420px) {
	.home-top .entry-title {
		background-color: #DDD5C8;
		color: #000;
	}
	
	.home-top .entry-title a {
		color: #46525E;
		font-weight: 600;
	}
	
	.home-top .entry-title:hover a {
		color: #3C7EA1;
	}

	
	
}

	
@media only screen and (max-width: 360px) {
	.home-top {
		padding-bottom: 20px;
		padding-bottom: 2rem;;
	}
}