@charset "utf-8";
/* CSS Document */

.home .floating-menu,
.home .floating-menu.fm-ready {
	visibility: hidden;
}

.home .site-inner {
	padding: 0;
}

/* front page widgets */
.home-top {
	background: #008494 url('/wp-content/uploads/2021/10/animal-pattern-bg-sm.jpg') repeat;
	border-bottom: 2px solid #FFCB05;
	
}

.home-top .wrap,
.home-middle .wrap,
.home-bottom .wrap {
	max-width: 1140px;
	margin: 0 auto;
	padding: 40px 0 40px 5px;

}	

.home-top .wrap {
	justify-content: space-between;
	display: flex;
	flex-wrap: wrap;
} 
.home-top .widget {
	/*max-width: 360px;	border: 3px solid #46535e;*/
	max-width: 30%;
	float: left; 
	margin: 2rem 1rem;
	border: 1px solid #fff;
}

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

.home-top .wp-caption-text {
	display: block;
	margin: 0;
	text-align: center;
	background: #20626E;
	padding: 0;
}

.home-top .wp-caption-text a {
	color: #fff;
	font-size: 2.5rem;
	text-decoration: none;
	font-weigh: 600;
}

.home-top .alignnone,
.home-top img.alignnone {
	margin-bottom: 0;
}

.home-middle .entry-title a {
	color: #008494;
}

.home-middle .entry-title a:hover {
	color: #F39C07;
}

.home-middle h2,
.home-bottom h2 {
	color: #46535E;
}


/** middle boxes **/

.home-middle {
	/* background: #eefcfb; 
	background: #fff;*/
	padding: 3rem 0 0;
	position: relative;
	margin-bottom: -15rem;
}

.home-middle .wrap {

	background: #fff;
	padding: 3rem;
	-webkit-box-shadow: 0px 15px 11px -6px rgba(131,131,131,0.26); 
	box-shadow: 0px 15px 11px -6px rgba(131,131,131,0.26);
	
} 
.home-middle h2,
.home-bottom h2 {

	font-size: 3rem;
}
.home-middle .one-third {
	width: 35%; margin: 0;
	float: left;
}

.home-middle .two-thirds {
	margin: 0; 
	float: left;
	padding-left: 3rem; 
	width: 65%; 
}

.home-middle h2,
.home-bottom h2 {
	padding-bottom: 2rem;
	text-align: center;
}

.home-bottom h2 {
	padding-bottom: 0;
}
.home-middle h2::after,
.home-middle h2::before,
.home-bottom h2::after,
.home-bottom h2::before {
	content: " ";
	display: inline-block;
	border-top: 1px dotted #20626E;
	padding-bottom: 15px;
	width: 8%;
}
.home-middle h2::before,
.home-bottom h2::before {
	margin-right: 15px;
}
.home-middle h2::after,
.home-bottom h2::after {
	margin-left: 15px;
}

.home-middle img {
	border: 4px solid #02A497;
}

.home-middle a:hover img {
	border: 4px solid #FFDC7B;
}

.home-middle h4.entry-title a {
	font-size: 2rem;
	color: #21626D;
}

.home-middle h4.entry-title a:hover {
	color: #00A598;
}

.home-middle p {
	font-size: 1.2rem;
}

.home-middle p.entry-meta {
	font-size: 1rem;
	margin-bottom: 1.4rem;
}
.home-middle img.entry-image  {
	float: left;
	border: 3px solid #FFCB05;
	max-width: 350px;
	margin-right: 30px;
}

/*kudos https://codepen.io/AdamBlum/pen/fwrnE
https://codepen.io/LasseStilvang/pen/BrpqKx
this works in safari:
https://codepen.io/rperry1886/pen/KKwbQNP
masonry layout.... faves boxes
=========bottom box ====*/

.home-bottom {
	border-top: 2px solid #efefef;
	background: #eefcfb;
	padding-top: 22rem;
	padding-bottom: 4rem;
} 



.home-bottom .wrap {
	columns: 3 300px;
	column-gap: 15px;
	}

.home-bottom .widget {

	margin: 0 1.5rem 1.5rem 0;
 display: inline-block; 
  width: 100%;
	border: 1px solid #03A39A;
	background: #03A39A;

}


.home-bottom h4.widget-title {
	display: none;
}

.home-bottom .wp-caption-text a {
	float: left;
	background: #03A39A;
	color: #fff;
	padding: 8px 15px;
	font-size: 1.4rem;
	width: 100%; 
	margin: 0;
	text-decoration: none;
	display: block;
}

.home-bottom .wp-caption-text a:hover {
	color: #FDF098;
}

.home-bottom .widget img {
	/* flex-shrink: 0;display: block;
	margin: 0 auto; */
	width: 100%;
}

.home-bottom .widget a:focus img,
.home-bottom .widget a.hover img,
.home-bottom .widget img:hover,
.home-bottom .widget .entry.focused img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}


/* Media Queries
---------------------------------------------------------------------------- */
@media only screen and (max-width: 750px) {
	.home-top .wp-caption-text a {
		font-size: 2rem;
		font-weigh: 400;
	}

	
	.home-middle h2,
	.home-bottom h2 {
		font-size: 2.5rem;
	}
	.home-middle .one-third {
		width: 28%; margin: 0;
		float: left;
	}

	.home-middle .two-thirds {
		margin: 0; 
		float: left;
		padding-left: 1.5rem; 
		width: 70%; 
	}

}
	
	
@media only screen and (max-width: 484px) {
	.home-top .wrap {
		max-width: 80%;
		margin: 0 auto;
	
		}
	
	.home-top .widget {
		max-width: 100%;
		margin: 1rem;
	
	}
	.home-middle .one-third {
		width: 100%; margin: 0;
		float: left;
	}

	.home-middle .two-thirds {
		margin: 0; 
		float: left;
		padding-left: 0;
		width: 100%; 
	}
	.home-middle h2,
	.home-bottom h2 {
		padding-bottom: 1rem;
	}
	.home-middle h2::after,
	.home-middle h2::before,
	.home-bottom h2::after,
	.home-bottom h2::before {
		display: none;
	}


}
@media only screen and (max-width: 600px) {
	/*.home-top .wrap {
		max-width: 60%;
		margin: 0 auto;
		border: 1px solid white;
	}*/
	
	.home-top .widget {
		margin: .5rem;
	}
	

}

@media only screen and (min-width: 601px) {
	
	.home-top .widget {
		max-width: 28%;
		margin: 1rem;
	}
	

}