/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
body.custom-background {
	background-size:100%;
}
p {font-size: 0.8em; margin-bottom: 0.8em;}
h1 {
	  background: #88aeb9;
    padding: 0.7%;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: #fff;
}
h2 {
	   background: #88aeb9;
    padding: 0.7%;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #fff;
	  font-weight:normal;
}
.float-left {
	float:left;
}
.float-right {
	float: right;
}
.site-footer {
	background: #ddd;
}
.custom-logo-link {
	margin-left:2em;
}
.clear-both {
	clear:both;
}
.home-left {
  float: left;
	max-width: 48%;
}
.home-right {
  float: right;
	max-width: 48%;
}
.three-column-left, .three-column-mid, .three-column-right {
	max-width:31.5%;
  float: left;
}
.three-column-mid {
	margin-left: 3%;
}
.wp-block-image.is-resized.three-column-mid {
	margin-left: 3%;
}
.three-column-right {
	float: right;
}
.menu-wrapper {
    background: #d9e3d7;
    width: 100%;
    max-width: 960px;
    padding: 0.2em 1em;
		border-top: 10px solid #dccfe8;
}
.header-wrapper {
    max-width: 960px;
	  background: url(https://artfulplayground.co.uk/wp-content/uploads/2019/01/head-bg3-2.jpg);
}
page-content, .entry-content, .entry-summary, .entry-footer, .post-navigation, .posts-navigation, .comments-wrapper, .respond-wrapper {
    width: 100%;
    max-width: 960px;
}
.entry-header, .entry-title, .page-header, .comments-title, .comment-reply-title, .respond-wrapper .no-comments {
    display:none;
}
.single.no-featured-image .site-header, .page.no-featured-image .site-header, .error-404 .page-header, .no-results .page-header, .search-no-results .page-header {
    border-bottom: none;
}
.contact-info-area {
	line-height: 0;
	background: #88aeb9;
	color: #fff;
}
.contact-info-area, .contact-info-area a, .contact-info-area a:hover {
	color: #fff;
}
.contact-info-area a:hover {
	text-decoration: underline;
}
.contact-info-area .icon {
	fill: #fff;
}
span.contact-info-address {
	display:none;
}
.menu-toggle {
	border: none;
}
.site-content {
	max-width: 960px;
  margin: 0 auto;
}
.woocommerce-products-header {
	display: none;
}
.free-trial {
	 background: #f15a2a;
   padding: 0.5em;
   color: #fff;
}
h2.woocommerce-loop-product__title {
	background:none;
}
form.contact-form {
	text-align: left;
	background: #ddd;
	padding: 0.3em;
}
.site-content .contact-form > div {
	margin-bottom: 0px;
}
.contact-form label {
	font-weight: 600;
	font-size: 0.8em;
	margin-bottom: 0px;
}
.contact-form label span {
	font-size: 0.7em;
}
.contact-form-927 {
	background: #ddd;
	padding: 0.3em;
}
@media (min-width: 1300px) {
.woocommerce .site-main .products {
    width: 960px;
}
}
@media (min-width: 960px) {
  .three-column-left, .three-column-mid, .three-column-right {
	width: 300px
 }
}
@media (max-width: 959px) {
	.alignleft, .alignright {
		width:48%;
	}
	page-content, .entry-content, .entry-summary, .entry-footer, .post-navigation, .posts-navigation, .comments-wrapper, .respond-wrapper {
    width: 90%;}
}
@media screen and (min-width: 768px) {
	.site-header {
		padding-bottom: 1%;
		border-top-width: 9px;
	}
}
@media (max-width: 769px) {
	.three-column-left, .three-column-mid, .three-column-right {
	max-width:100%;
  float: none;
	width: 100%;
  display: block;
}
	.three-column-mid {
    margin-left: 0%;
}
}
@media (max-width: 500px) {
	.home-left, .home-right {
		width:100%;
		max-width: 100%;
	}
	
}