.wpcufpn_container table tr, .wpcufpn_container table tr td { padding: 10px !important; color: #333 };

.breadcrumb-area	i {
	margin-right: 10px;
}

.site-description:before {
	display: none;
}

@media screen and (min-width: 800px) {
	.site-branding {
		display: flex;
		align-items: center;
	}

	.site-title {
	  font-size: 1.6em;
	}
	.site-description {
		font-size: 1.3em;
	}
  .hero {
	  font-weight: 200;
	  font-size: 1.1em;
	  padding-top: 0;
  }
}

@media screen and (max-width: 400px) {
	.site-branding {
		display: block;
	}
	.site-title {
	  font-size: 1em;
	}
	.site-description {
		font-size: 0.8em;
	}
}

#masthead > div.top-content > div > a {
	color: rgba(255, 120, 120, 1)
}

.top-content {
  font-size: 1em;
  line-height: 1.71429em;
}

@media screen and (min-width: 1020px) {
	.grid-area .hentry:nth-of-type(2n+1) {
  clear: left;
  }

	.grid-area .hentry:nth-of-type(3n+1) {
  clear: none;
  }

  .grid-area .hentry {
		width: 500px;
	}
	
	.main-navigation .nav-menu {
    width: auto;
    border-bottom: 3px solid rgba(255, 255, 255, 0.5);
	}
	
	body:not(.full-width-layout) .content-area, .archive .hentry, .blog .hentry, .extra-spacing .entry-content, .extra-spacing .entry-header, .footer-widget-area, .front-page-block, .grid-area, .search .hentry, .widget-area {
    padding-top: 48px;
	}
}

@media screen and (min-width: 1020px) {
	.main-navigation li a {
		padding: 10px
	}

	.main-navigation .current_page_item a, .main-navigation .current-menu-item a {
    border-bottom-color: rgba(0, 0, 0, 0.25);
	}

	.main-navigation li.green a:hover {
		background: rgba(0, 255, 0, 0.5);
	}

	.main-navigation .green.current_page_item a, .main-navigation .green.current-menu-item a,
.main-navigation .green.current-page-ancestor a {
		background: rgba(0, 255, 0, 0.5);
	}

	.main-navigation li.blue a:hover {
		background: rgba(0, 128, 255, 0.5);
	}

	.main-navigation .blue.current_page_item a, .main-navigation .blue.current-menu-item a,
.main-navigation .blue.current-page-ancestor a {
		background: rgba(0, 128, 255, 0.5);    
	}

	.main-navigation li.red a:hover {
		background: rgba(255, 0, 0, 0.5);
	}

	.main-navigation .red.current_page_item a,
.main-navigation .red.current-menu-item a,
.main-navigation .red.current-page-ancestor a {
		background: rgba(255, 0, 0, 0.5);
	}

	.main-navigation li.orange a:hover {
		background: rgba(255, 165, 0, 0.5);
	}

	.main-navigation .orange.current_page_item a, .main-navigation .orange.current-menu-item a,
.main-navigation .orange.current-page-ancestor a {
		background: rgba(255, 165, 0, 0.5);    
	}

	.main-navigation li.cyan a:hover {
		background: rgba(0, 255, 255, 0.5);
	}

	.main-navigation .cyan.current_page_item a, .main-navigation .cyan.current-menu-item a,
.main-navigation .cyan.current-page-ancestor a {
		background: rgba(0, 255, 255, 0.5);    
	}

	.main-navigation li.white a:hover {
		background: rgba(255, 255, 255, 0.3);
	}

	.main-navigation .white.current_page_item a, .main-navigation .white.current-menu-item a,
.main-navigation .white.current-page-ancestor a {
		background: rgba(255, 255, 255, 0.3);    
	}

	.main-navigation li.yellow a:hover {
		background: rgba(255, 255, 0, 0.3);
	}

	.main-navigation .yellow.current_page_item a, .main-navigation .yellow.current-menu-item a,
.main-navigation .yellow.current-page-ancestor a {
		background: rgba(255, 255, 0, 0.3);    
	}
}

a.button.button-cyan {
  background: rgb(66, 174, 199);
}

a.button.button-blue {
  background: rgb(66, 110, 201);
}

a.button.button-red {
  background: rgb(173, 53, 70);
}

a.button.button-yellow {
  background: rgb(255, 255, 0);
}

a.button.button-white {
  background: rgb(39,174,96);
}