/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 06 2018 | 13:29:39 */
.title-area {
  max-width: 240px;
  max-width: 24rem;
}

.custom-logo {
    height: 80px;
    height: 8rem;
}

.orange {
  background-color: #f05840;
}

.green {
  background-color: #60792b;
}

.front-page-2 {
	background-color:#2F324B;
  color:#fff;
}

.front-page-2 .widget-title {
  font-size:30px;
  font-size:3.0rem;
}

.front-page-2 a {
  color:#fffcd8;
  text-decoration: none;
}

.front-page-3 {
  background-color: #60792b;
  color:#fff;
}

.front-page-3 p {
  color: #fff;
}

.front-page-3 img {
    min-width: inherit;
}

#text-10 {
  width:48%;
  float:left;
}

#tribe-events-list-widget-5 {
  float:right;
  width:48%;
}

.tribe-events-list-widget .tribe-event-title {
  font-size:1.0em;
}

.tribe-events-list-widget .tribe-events-list-widget-events {
  border-bottom:1px dotted #fff;
  padding-bottom:10px;
}

.home .page-header:before {
  background-color: rgba(20,30,40,.20);
}

.front-page-4 {
    background-color: #ccc;
  color:#000;
}

.front-page-4 .featuredpage {
  width:31%;
  float:left;
  margin-left:40px;
}

.front-page-4 .featuredpage:first-of-type {
  margin-left:0;
}

.front-page-4:before {
  background-color:inherit;
}

.front-page-4 .widget-wrap {
  display:inherit;
}

.front-page-4 .entry-content {
  padding:0 20px 20px 20px;
}

.front-page-4 .more-link {
  padding:5px 10px;
  background-color:#000;
  color:#fff;
  display:block;
  text-decoration:none;
}

.front-page-5 {
    background-color: #333;
  color:#fff;
}

ul.boxes {
  list-style: none;
  padding: 0 !important;
  margin: 50px 0 0 0 !important;
}

.boxes li {
	list-style-type:none !important;
}

.boxes > * {
  padding: 1.5rem;
  text-align:center;
}

.boxes {
  display: grid;
  grid-auto-rows: minmax(125px, auto);
  grid-gap: .5rem;
}

.boxes {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 25px 5px;
 }

.boxes h2 {
	font-size:1.0em;
}

.boxes p {
	font-size:0.8em;
}

.boxes .button {
	font-size:1.3rem;
}

@media (min-width: 1280px) {
	.front-page-1 {
    	padding: 50rem 0 22rem;
	}
}
@media (max-width: 1024px) {
		.boxes {
    grid-template-columns: repeat(2, 1fr);
 	}
}

@media (max-width: 896px) {
	.front-page-2 .widget {
      float:none;
      width:100%;
  	}
  	#tribe-events-list-widget-5 {
  		float:none;
  		width:100%;
	}
  	#text-10 {
  		float:none;
  		width:100%;
	}
}



@media (max-width: 549px) {
	.boxes {
    grid-template-columns: repeat(1, 1fr);
 	}
	
}