/*Theme Name: BlankSlate ChildTemplate: blankslate*/
/* montserrat-500 - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	src: url('https://blackwellandco.uk/fonts/montserrat-v26-latin-500.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	src: url('https://blackwellandco.uk/fonts/Montserrat-SemiBold.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-800 - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 800;
	src: url('https://blackwellandco.uk/fonts/montserrat-v26-latin-800.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*--------------------------------------------------------------# General--------------------------------------------------------------*/
body {
	background: #eee9de;
	font-family: "Montserrat", sans-serif;
	line-height: 1;
	color: #666160;
}

#wrapper{
	max-width: 1440px;
	margin: auto;
	position: relative
}

#container{
	margin-bottom: 0;
	
}
#branding {
	text-align: center
}
a.button, .button {
	margin: 2em 0;
	display: block;
	color: #eee9de;
	border: 2px solid #eee9de;
	text-decoration: none;
	padding: .8em .5em .3em 1em;
	width: 300px;
	height: 60px;
	font-size: 1.3em;
	position: relative;
	transition: all .6s ease;
	clear: both;
}
.button {
	margin: 2em auto;
	padding: .8em .5em .3em 1.2em;
	text-align: left;
}
.blog a.button, .blog .button, .blocks .button{
	margin: 2em 0;
	color: #666160!important;
	border: 2px solid #666160;
	width: 250px;
}

.blocks .button, .brochure .button{
	height: auto;
	padding: .8em 3.5em .8em 1.2em;
	width: 270px;
	line-height: 1.2em;
}

.full-text .button{
	margin: 2em auto;
}

a.button:hover, .button:hover {
	background-color: #eee9de;
	color: #666160!important;
}
a.button:after, .button:after{
	content: '';
	border-left: 2px solid #eee9de;
	padding: 0 1.52em;
	position: absolute;
	top: 0;
	right: 0;
	height: 58px;
	background-image: url(/Images/ForwardArrow-Light.png);
	background-size: 40px;
	background-repeat: no-repeat;
	background-position: center;
}
a.button:hover:after, .button:hover:after, .blog a.button:after, .blog .button:after, .blocks .button:after{
	background-image: url(/Images/ForwardArrow-Dark.png);
	border-left: 2px solid #666160;
	height: 100%;
}

.brochure .button:after{
	background-image: url(/Images/ForwardArrow-Light.png);
	border-left: 2px solid #eee9de;
	height: 100%;
}

a{
	color: #666160;
}
h2{
	font-size: 1.6em;
	padding: 1em 0
}
h3{
	font-size: 1.4em;
	padding: 1em 0
}
.page-id-3 h3{
	border-top: 1px solid;
	margin-top: 10px;
}
h4{
	font-size: 1.3em;
	padding: 1em 0
}
p{
	line-height: 1.3em;
	padding-bottom: 10px;
}
strong{
	font-weight: 600;
}
@media only screen and (max-width: 1023px) {
	.desktop {
		display: none;
	}
}
@media only screen and (min-width: 1024px) {
	.mobile {
		display: none;
	}
}
/*--------------------------------------------------------------# Header Common--------------------------------------------------------------*/
#branding img{
	max-width: 600px;
	height: auto;
	padding: 3em 2em
}
#branding .top-awards{
	text-align: left;
	padding: 2em;
	position: absolute;
}
#branding .top-awards span{
	display: block;
	padding-left: 1.5em;
	font-size: .9em;
	line-height: 1.3em;
	font-weight: 500
}
#branding .top-awards img{
	width: 90px;
	height: auto;
	padding: .5em
}

.born{
	position: absolute;
	width: 170px;
	height: 170px;
	background: #666160;
	color: #eee9de;
	border-radius: 100px;
	padding: 1.8em 1em;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.0em;
	line-height: 1.6em;
	letter-spacing: 1px;
	top: 3em;
	right: 3em;
	transform: rotate(-10deg);
}

@media only screen and (max-width: 1200px) and (min-width: 1024px){
#branding img{
	max-width: 500px;
}
#branding .top-awards{
	padding: 1em;
}	
#branding .top-awards span{
	font-size: .8em;
}

.born{
	position: absolute;
	width: 160px;
	height: 160px;
	padding: 2em 1em;
	font-size: .9em;
	top: 2em;
	right: 2em;
}	
}

@media only screen and (max-width: 1023px) {
	#branding .top-awards {
		padding: 1.5em 0 .7em 1.5em;
		position: relative;
	}
	#branding .top-awards span{
		display: inline-block;
		padding: .5em;
		font-size: .9em;
		vertical-align: bottom
}
	#branding .top-awards img{
		width: 60px;
		padding: 0
}
	#branding img{
		max-width: 80%;
		height: auto;
		padding: 2em 0
}
	.born{
		position: relative;
		z-index: 2;
		top: -2em;
		right: 0;
		left: calc(100% - 200px);
	}	
}
@media only screen and (max-width: 600px) {
	#branding .top-awards {
		padding: 1.5em 0 .7em .5em;
		position: relative;
	}
	#branding .top-awards span{
		display: inline-block;
		padding: .5em;
		font-size: .75em;
		vertical-align: bottom
}
	#branding .top-awards img{
		width: 50px;
		padding: 0
}
	.born{
	width: 120px;
	height: 120px;
	padding: 2em 1em;
	font-size: .7em;
	top: -4em;
	left: calc(100% - 130px);
	}	
}
/*--------------------------------------------------------------# Hero & Intro--------------------------------------------------------------*/
.hero-image {
	width: 100%;
	height: calc(100vh - 550px);
	min-height: 500px;
	max-height: 700px;
	position: relative;
	
}

.page-id-112 .hero-image, .page-id-114 .hero-image {
	min-height: 600px;
	max-height: 600px;
	
}


.home .hero-image {
	height: calc(100vh - 550px);
	min-height: 600px;
	max-height: 700px;
	z-index: -3;
}
.hero-image img.hero {
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -3;
	position: relative;
}

.hero-image:after{
	content: '';
	background: rgba(0,0,0, .3);
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 1;
	top: 0;
}

.home .hero-image:after{
	content: none;
}

.home .image-overlay{
	height: calc(100vh - 550px);
	min-height: 600px;
	max-height: 700px;
	z-index: 1;
	position: relative;
}

.home .image-overlay:after{
	content:"";
	background: rgba(102,97,96, .35);
	 background: rgb(0 0 0 / .3);
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 1;
	top: 0;
}


.hero-image .farming-round img{
	position: absolute;
	top: 40px;
	right: 40px;
	width: 220px;
	height: 220px;
	z-index: 3;
}

.hero-image h1, .hero-image h2{
	position: absolute;
	top: 50%;
	font-size: 5em;
	line-height: 1.3em;
	text-align: center;
	font-weight: 600;
	text-transform: uppercase;
	width: calc(100% - 3em);
	left: 50%;
	transform: translate(-50%, -50%);
	color: transparent;
	max-width: 1200px;
	z-index: 3;
}

.hero-image .light, .home .hero-slider h2{-webkit-text-stroke: 3px #eee9de;}

.hero-image .dark{
	-webkit-text-stroke: 3px #666160;
}

.intro .farming-round {
	position: relative;
	top: 40px;
	right: auto;
	margin: auto;
	width: 250px;
	height: 250px
}
.intro .farming-round img{
	position: relative;
	top: 0;
	right: auto;
	margin: auto;
	width: 250px;
	height: 250px;
	margin-top: -2em
}
.entry-content .intro{
	width: 1100px;
	max-width: 85%;
	margin: 3em auto 3em;
}

.entry-content .intro p{
	margin: 1em auto 0;
	font-size: 1.25em;
	line-height: 1.7em;
	text-align: center;
}

.home .entry-content .intro h1, .page .entry-content .intro h1{
	margin: 2em auto 1.5em;
	font-size: 1.8em;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 1.7em;
	text-align: center;
	color: #eee9de;
	-webkit-text-stroke: 1.25px #666160;
}

@media only screen and (max-width: 1200px) and (min-width: 1024px){
.hero-image h2{
	font-size: 4em;
	-webkit-text-stroke: 2px #eee9de;
	max-width: 1200px;
}

}	

@media only screen and (max-width: 1023px) {
	.hero-image{
		margin-top: -9em
}
	.hero-image h1, .hero-image h2{
		font-size: 4em;
		-webkit-text-stroke: 2px #eee9de;;
	}
	.hero-image .dark h1, .hero-image .dark h2{
		font-size: 4em;
		-webkit-text-stroke: 2px #666160;
	}	
}

@media only screen and (max-width: 768px) {
    .hero-image h1,.hero-image h2 {
        font-size:2.5em;
        -webkit-text-stroke: 1.5px #eee9de!important;
        width: calc(100% - 1em);
    }
	.single .hero-image h1, .single .hero-image h2{
		font-size: 3.5em;
		-webkit-text-stroke: 2px #eee9de;
	}

	.single .hero-image .dark h1, .single .hero-image .dark h2{
		font-size: 3.5em;
		-webkit-text-stroke: 2px #666160;
	}	
	
.entry-content .intro p{
	font-size: 1.2em;
}	
}

@media only screen and (max-width: 600px) {
	.hero-image{
		margin-top: -7em
}

	.single .hero-image h1, .single .hero-image h2{
		font-size: 2.5em;
		-webkit-text-stroke: 0px;
		color: #eee9de;
	}

	.hero-image .dark h1, .hero-image .dark h2{
		font-size: 2.5em;
		-webkit-text-stroke: 0px;
		color: #666160;
	}		
	
}	

/*--------------------------------------------------------------# Content Rows--------------------------------------------------------------*/
.content-rows div.row{
	display: flex;
	flex-wrap: wrap;
}
.content-rows div.column{
	flex: 50%;
	position: relative
}
.content-rows div.column.text{
	padding: 4em 6em 5em 6em;
	background: #666160;
	position: relative
}

.content-rows div:nth-of-type(1n) .column.text.wide{
	padding: 1em 6em 3em 6em;
	background: #666160;
	position: relative
}

.content-rows div:nth-of-type(2n) .column.text.wide{
	padding: 1em 6em 3em 6em;
	background: #eee9de;
	position: relative
}

.postid-32 .content-rows div:nth-child(3) .column.text, .home .content-rows div:nth-child(3) .column.text{
	padding: 5em 9em 2em 6em;
	background: #666160;
	position: relative
}
.postid-32 .content-rows div:nth-child(3) .column.text:after, .home .content-rows div:nth-child(3) .column.text:after{
	content: '';
	display: block;
	width: 250px;
	height: 250px;
	position: absolute;
	right: calc(0% - 125px);
	top: calc(50% - 125px);
	border-radius: 150px;
	z-index: 100;
	background-image: url(https://blackwellandco.uk/Images/OneMillionBees.png);
	background-size: cover
}
.content-rows div:nth-child(even) {
	flex-direction: row-reverse;
}
.home .content-rows div:nth-child(even) .text {
	background:#eee9de;
}
.content-rows div.column h2{
	font-size: 2.5em;
	line-height: 1.2em;
	color: transparent;
	-webkit-text-stroke: 1.5px #eee9de;
	font-weight: 600;
	letter-spacing: 2px;
	margin-bottom: 0;
	text-transform: uppercase;
}
.home .content-rows div:nth-child(even) .text h2, .content-rows div:nth-of-type(2n) .column.text.wide h2{
	-webkit-text-stroke: 1.5px #666160;
}

.content-rows div .column.text.wide{
	 padding-bottom: 4em!important
 }
.content-rows div .column.text.wide h2{
	 padding-bottom: .5em
 }

.content-rows div.column p{
	font-size: 1.2em;
	line-height: 1.7em;
	margin-bottom: 1em;
	color:#eee9de;
}
.home .content-rows div:nth-child(even) .text p, .content-rows div:nth-of-type(2n) .column.text.wide li{
	color:#666160;
}
.content-rows li{
	color:#eee9de;
	list-style: square;
	font-size: 1.3em;
	line-height: 1.5em;
	padding: .5em;
	border-bottom: 1px solid;
}
.content-rows li:last-of-type{
	border-bottom: 0;
}
.content-rows div img{
	width: 100%;
	height: 100%;
	min-height: 600px;
	object-fit: cover
}

.brochure .image{
	width: 100%;
	height: 100%;
	max-height: 600px;
	object-fit: contain;
	background:#666160;
}

.brochure .image img{
	max-height: 300px;
	object-fit: contain
}

.content-rows.brochure{
	background:#666160; 
}

@media only screen and (max-width: 1200px) and (min-width: 1024px){
	.content-rows div:nth-child(3) .column.text:after{
	position: relative;
	right: 0;
	top: 0;
	border-radius: 150px;
}


.content-rows div.column.text {
    padding: 2em 2em 2em 3em!important;
    position: relative;
}

.content-rows div.column h2{
	margin-bottom: 0em;
}	
	
}

@media only screen and (max-width: 1023px) {
	.content-rows div.column{
		flex: 100%;
		height: auto
}

	.content-rows div.column p {
		font-size: 1.15em;
		line-height: 1.6em;
	}
	.content-rows div.column{
		flex: 100%;
		height: auto
}
	.content-rows div img{
		max-height: 500px;
		margin-bottom: -4px;
	}
	.content-rows div.column.text {
		padding: 2em 3em 3em 3em!important;
	}
	.home .content-rows div:nth-child(3) .column.text:after, .postid-32 .content-rows div:nth-child(3) .column.text:after {
		width: 200px;
		height: 200px;
		position: relative;
		right: auto;
		top: auto;
	}
	.content-rows div:nth-child(3) .column.text{
		padding: 5em 1em 2em 6em;
		background: #666160;
		position: relative
}

	.content-rows.brochure .row{
		display: block;
	}

	.content-rows.brochure .row .text{
		padding-bottom: 0!important
	}	

	.content-rows.brochure div.column{
		display: block;
		height: auto;
		text-align: center;
		padding-bottom: 1em;
}
	
.brochure .image img{
	max-width: 100%;
	height: auto;
	min-height: 400px
}	

.brochure .image{
	max-width: 100%;
	margin: auto!important
}	

.blocks .button, .brochure .button{
	margin: 1em auto;
}
	
}
@media only screen and (max-width: 600px) {
	.content-rows div.column h2{
		font-size: 2.0em;
	}
}

@media only screen and (max-width: 400px) {
	.content-rows div.column h2{
		font-size: 1.75em;
	}
}


/*--------------------------------------------------------------# Content Grid--------------------------------------------------------------*/
ul.grid{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1em;
	width: 1280px;
    max-width: 90%;
	margin: auto;
	padding: 0;
}

.grid li{
	position: relative;
	border: 2px solid #666160;
	min-width: 325px
	
}

.grid li:nth-of-type(1n){
	padding: 1em 2em 3em 2em;
	background: #eee9de;
	position: relative
}

.grid li:nth-of-type(2n){
	padding: 1em 2em 3em 2em;
	background: #666160;
	color: #eee9de;
	position: relative
}

.grid p{
	line-height: 1.5em
}

.grid h3{
	font-size: 2em;
	padding: .5em 0;
	line-height: 1.3em;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    color: #eee9de;
    -webkit-text-stroke: 1.25px #666160
}

.grid li:nth-of-type(2n) h3{
	-webkit-text-stroke: 1.25px #eee9de;
	color: #666160
}

@media only screen and (min-width: 1460px) {
	ul.grid {
	width: 100%;
	max-width: 100%;
}
}

@media only screen and (max-width: 1124px) {
ul.grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 1em;
}
}
@media only screen and (max-width: 750px) {
ul.grid{
		grid-template-columns: repeat(1, 1fr);
		gap: 1em;
}

}




/*--------------------------------------------------------------# Content Blocks--------------------------------------------------------------*/


ul.blocks {
    margin: 0 auto;
    padding: 0;
    list-style: none;
	width: 1280px;
	max-width: 90%;
}

ul.blocks:after {
    content: '';
    display: block;
    height: 1.5em;
	margin: 1em 0;
    background-color: #666160;
}

@media only screen and (min-width: 1460px) {
	ul.blocks {
	width: 100%;
	max-width: 100%;
}
}


ul.blocks li {
    overflow: hidden;
    box-sizing: border-box;
    position: relative
}

ul.blocks li:before {
    content: '';
    display: block;
    height: 1.5em;
	margin: 1em 0;
    background-color: #666160;
}



.page-id-114 ul.blocks li:before {
	margin: 3em 0;
}

.page-id-30 ul.blocks li:before {
    display: none;
}

.page-id-30 ul.blocks{
	margin-top: 3em
}

.page-id-30 ul.blocks li:after {
    content: '';
    display: block;
    height: 1.5em;
	margin: 1em 0;
    background-color: #666160;
}

.page-id-30 ul.blocks li:last-of-type:after{
	display: none;
}

ul.blocks li .image {
    padding: 2em 1.5em;
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 3em);
    float: right
}

ul.blocks li .text {
    padding: 1em 0.5em 1em 2em;
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 1em)
}

ul.blocks li .full-text {
    padding: 2em 3.5em 2em;
    text-align: center!important;
    width: 100%;
    max-width: 950px;
    margin: auto
}

.page-id-114 ul.blocks li .full-text {
    padding: 2em 1.5em 2em;
    text-align: center!important;
    width: 100%;
    max-width: 1200px;
    margin: auto
}

ul.blocks li:nth-child(even) .image {
    float: left;
	margin-right: 2em
}

ul.blocks h2 {
   	font-size: 2.5em;
	line-height: 1.2em;
	color: transparent;
	-webkit-text-stroke: 1.5px #666160;
	font-weight: 600;
	letter-spacing: 2px;
	margin-bottom: 0;
	text-transform: uppercase;
}

ul.blocks  p{
	font-size: 1.2em;
	line-height: 1.7em;
	margin-bottom: 1em;
}



blockquote {
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 2em;
    text-align: left;
	
}

blockquote br{
display: none
}



blockquote {
border:none;
font-family:Georgia, "Times New Roman", Times, serif;
margin-bottom: 20px;
position: relative; 
padding: 0 50px; 
}


blockquote:before { 
    content: "\201C";
    font-weight: 600;
    font-size:80px;
    -webkit-text-stroke: 1.5px #666160;
    color: #eee9de;
    position: absolute; 
    top: -0.2em;
    left: 0; 
    font-family: 'Georgia'; 
} 
blockquote:after { 
    content: "\201D";
    font-weight: 600;
    font-size:80px;
    -webkit-text-stroke: 1.5px #666160;
    color: #eee9de;
    position: absolute; 
    bottom: -0.4em;
    right: .4em; 
    font-family: 'Georgia'; 
}




.page-id-114 .entry-content .intro {
	width: 1000px;
	margin: 3em auto 1.5em;
	font-size: 1.5em;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 1.7em;
	text-align: center;
	color: #eee9de;
	-webkit-text-stroke: 1px #666160;
}

.page-id-114 ul.blocks span.name{
	font-weight: 600;
	display: block;
	margin-bottom: 10px;
	text-align: left;
	padding: 0 50px; 
}

.page-id-114 ul.blocks span.job-company{
	font-weight: 400;
	font-size: .9em;
	display: block;
	text-align: left;
	padding: 0 50px; 
}

ul.blocks li ul {
    margin: 0 0;
    padding: 0;
    overflow: visible
}

ul.blocks li ul li {
    margin: 0 20px 8px;
    padding: 0;

    overflow: visible;
	list-style: none!;
}

ul.blocks li ul li:before{
	display: none;
}


@media only screen and (max-width: 1024px) {


ul.blocks li .image {
        padding: 1.5em 1.5em 2.5em;
        width: 100%;
        float: none
    }

    ul.blocks li .text {
        padding: 1.5em 1em;
        display: inline-block;
        text-align: center;
        width: 100%
    }

    ul.blocks li .full-text {
        padding: 2.5em 1em;
        text-align: center;
        width: 100%
    }

    ul.blocks li:nth-of-type(2) {
        padding-bottom: 4em
    }

    ul.blocks li:nth-child(even) .image {
        float: none
    }

    ul.blocks h2 {
        font-size: 2.5em;
        line-height: 1em
    }

    ul.blocks li ul li {
        margin: 0 20px 4px;
        padding: 0;
        list-style: none!important;
        overflow: visible
    }

    ul.blocks li li:nth-of-type(2) {
        padding-bottom: 0
    }
ul.blocks li .button {
    margin: 1em auto;
}
}



/*--------------------------------------------------------------# Home Specific--------------------------------------------------------------*/
.home .news{
	text-align: center;
	Padding: 5em;
}
.home .news h2{
	font-size: 3.5em;
	line-height: 1.2em;
	color: transparent;
	-webkit-text-stroke: 1.5px #666160;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px;
	margin-bottom: 1em;
}
.service-block{
	background: #666160;
	padding: 5em 6em 6em 6em;
	position: relative
}
.service-block h2{
	font-size: 3.5em;
	line-height: 1.2em;
	color: transparent;
	-webkit-text-stroke: 1.5px #eee9de;
	font-weight: 600;
	letter-spacing: 2px;
	margin-bottom: 1em;
	text-transform: uppercase;
}
.service-block .left{
	width: 60%
}
.service-block .right{
	width: 40%;
	position: absolute;
	top: 0;
	right: 3em;
	height: 100%;
}
.service-block .right a.button{
	position: absolute;
	right: 3em;
	bottom: 4em
}
.service-block .right img{
	position: absolute;
	top: -8em;
	width: 100%;
	height: 100%;
	display: block;
	object-fit: contain
}
.service-block li{
	background-color: #eee9de;
	margin: .5em 0;
	padding: .5em;
	font-size: 1.3em;
	line-height: 1.3em;
	display: inline-block;
}
@media only screen and (max-width: 1023px) {
	.home .news{
	text-align: center;
	Padding: 2em 3em 3em;
}
	.home .news h2{
	font-size: 3em;
	margin-bottom: 0;
}
	.service-block {
		background: #666160;
		padding: 2em 2em 0em 5em;
		position: relative;
	}
	.service-block .left {
		width: 100%;
	}

	.service-block h2{
	font-size: 3em;
	line-height: 1.2em;
	max-width: 600px;	
	-webkit-text-stroke: 1.5px #eee9de;
	margin-bottom: 0;
	}
	
	.service-block .right{
		position: relative;
		width: 50%;
		padding: 2em 3em 2em 3em;
	}
	.service-block .right img {
		position: relative;
		top: 0;
	}
	.service-block .right a.button {
		position: relative;
		right: 0;
		bottom: 0;
	}
	.service-block li {
		padding: .5em;
		font-size: 1.2em;
	}
}
@media only screen and (max-width: 600px) {
		.service-block {
		background: #666160;
		padding: 2em 2em 0em 2em;
		position: relative;
	}

.service-block li{
width: 100%
}

		.service-block .right{
		width: 100%;
	}
	
	.service-block h2{
		font-size: 2.0em;
	}
	.home .news {
		text-align: center;
		Padding: 3em 1em;
	}
	.home .news h2{
		font-size: 2em
}

	
}
/*--------------------------------------------------------------# Footer--------------------------------------------------------------*/
#footer h3, h3.grid-title{
    margin: 1em auto 0.5em;
    width: 900px;
    max-width: 80%;
    font-size: 2.2em;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.7em;
    text-align: center;
    color: #eee9de;
    -webkit-text-stroke: 1.25px #666160
}

.footer-block{
	background: #666160;
	color: #eee9de;
	padding: 5em 5em 1em;
	position: relative;
	text-align: center
}
.footer-block .left{
	font-size: 1.4em;
	line-height: 1.6em;
	position: absolute;
	text-align: left;
	top: 6em;
}
.footer-block .farming-round img{
	width: 350px;
	height: auto;
}
.footer-block a{
	color: #eee9de;
}
.footer-block .right{
	font-size: 1.5em;
	line-height: 1.6em;
	position: absolute;
	text-align: left;
	top: 4.5em;
	right: 2em;
}
.footer-block .right img{
	height: 260px;
	width: auto;
	padding: 1em
}
#copyright{
	display: block;
	color: #eee9de;
	font-size: .9em;
	line-height: 1.4em;
	margin: 40px auto;
	width: calc(100% - 10em);
	text-align: center
}

.footer-block .insta{
	margin-top: 25px;
}

.eu{
	text-align: center;
	font-size: .8em;
	line-height: 1.5em;
	margin: 2em auto;
	max-width: 1000px
}

.eu img{
	display: inline-block;
	width: 50px;
	margin: 0 5px;
}

.eu .text{
	text-align: left;
	display: inline-block;
	margin: 0 5px;
	vertical-align: top;
width: calc(100% - 80px)
}

.eu span{
	font-weight: 600
}


@media only screen and (max-width: 1440px) {
	.footer-block .left {
		font-size: 1.2em;
	}
	.footer-block .farming-round img{
		width: 220px;
		height: auto;
	}
	.footer-block .right img {
		height: 200px;
		width: auto;
		padding: 1em;
	}
}
@media only screen and (max-width: 1023px) {
	.footer_menu {
		width: 100%;
		padding: 6em 2em;
	}
	.footer-block .left {
		font-size: 1.2em;
		position: relative;
		text-align: center;
		top: 2em;
	}
	.footer-block .farming-round img{
		width: 300px;
		height: auto;
		margin-top: 100px;
	}
	.footer-block .right {
		position: relative;
		text-align: center;
		top: 1em;
		right: auto;
	}
	#copyright {
		position: relative;
		bottom: 0;
		margin: 40px auto;
		width: 90%;
		text-align: center;
		font-size: .8em;
		line-height: 1.5em
}
}

@media only screen and (max-width: 768px) {
	.footer-block .left {
		font-size: 1.4em;
		top: 1em;
	}

#footer h3 {
    margin: 2em auto 0;
    font-size: 1.6em;
}	
	
}	

@media only screen and (max-width: 600px) {
	.footer-block{
		padding: 1em
}
	.footer-block .left {
		font-size: 1.2em;
		top: 1em;
	}
	
	.footer-block .farming-round img{
		width: 250px;
	}
}
/*--------------------------------------------------------------# News & Blog--------------------------------------------------------------*/
.blog .entry-content{
	max-width: 1200px;
	margin: auto;
	padding: 2em .5em 5em;
}
.blog article{
	border-top: 8px solid #666160;
	margin: 1em;
	padding: 4em 2em;
	overflow: hidden;
}
.blog article:last-of-type{
	border-bottom: 8px solid #666160;
}
.blog article .text{
	width: 60%;
	float: left;
}
.blog article h2{
	font-size: 2.7em;
	line-height: 1.4em;
	text-transform: uppercase;
	font-weight: 600;
	margin: 0 0 1em;
	padding: 0;
	-webkit-text-stroke: 1.5px #666160;
	color: #eee9de;
	letter-spacing: 1px;
}
.blog article span{
	font-size: 1.3em;
	line-height: 1.3em;
	display: block;
	margin-top: 1em;
}
.blog article a{
	text-decoration: none;
}
.blog article img{
	width: 35%;
	height: auto;
	float: right
}
.blog article time{
	display: inline-block;
	margin-bottom: 1em;
	color: #666160;
}
.blog .entry-content, .single-post .entry-content, .page-id-3 .entry-content, .page-id-540 .entry-content{
	max-width: 1200px;
	margin: auto;
	text-align: left!important;
	padding: 3em;
}
.single-post .post-content{
	border-bottom: 6px solid;
	padding: 0 0 2em;
	margin-bottom: 1em;
	text-align: center
}

.single-post .wp-post-image{
	margin: 1em auto 4em!important;
}

.single-post p{
	font-size: 1.2em;
	line-height: 1.5em;
	padding-bottom: 1em;
	text-align: left;
}
.single-post .hero-noimage{
	min-height: 200px;
}
.nav-links{
	margin-top: 2em;
}
.nav-links .nav-previous{
	float:left;
}
.nav-links .nav-next{
	float:right;
}
.blog .hero-noimage, .page-id-3 .hero-noimage, .page-id-540 .hero-noimage{
	min-height: 150px;
	padding: 5em 0 0;
}
.hero-noimage h1 {
	font-size: 4em;
	line-height: 1.3em;
	text-align: center;
	margin-bottom: .5em;
	font-weight: 600;
	text-transform: uppercase;
	color: transparent;
	-webkit-text-stroke: 1.5px #666160;
}
.single-post .hero-noimage h1 {
	border-bottom: 6px solid #666160;
	padding-bottom: .75em;
	margin-bottom: .5em;
}

.single-post .entry-content img{
	margin: 20px 0;
}
.alignright {
	float: right;
	padding-left: 40px;
	margin: 0!important;
}
@media only screen and (max-width: 900px) {
	.blog article .text{
		width: 100%;
		float: none;
	}
	.blog article img{
		width: 100%;
		margin-bottom: 2em;
		max-width: 350px;
		height: auto;
		float: none
}
	.blog article h2{
		font-size: 2em;
		line-height: 1.4em;
	}
	.blog article span{
		font-size: 1.2em;
	}
	.blog .entry-content, .single-post .entry-content{
		margin-top: -200px
}

.page-id-3 .entry-content, .page-id-540 .entry-content{
	padding: 1em;
}	
}
/*--------------------------------------------------------------# Product Grid--------------------------------------------------------------*/
.product_listing, .listings{
	padding: 0 2em 5em;
}
.product_listing ul{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2em;
	max-width: 1380px;
	margin: auto
}
.listings ul{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2em;
	max-width: 1380px;
	margin: auto
}

.product_listing h2:before{
	content: '';
	display: block;
	border-top: 2px solid #666160;
	width: 200px;
	margin: 0 auto 2em
}
.product_listing h2{
	text-transform: uppercase;
	font-size: 2.3em;
	margin: 0 0 1em;
	padding-top: 0;
	text-align: center;
	font-weight: 600;
	-webkit-text-stroke: 1.5px #666160;
	color: #eee9de;
	letter-spacing: 2px;
}
.listings ul li {
	position: relative;
	min-height: 500px;
	height: 100%;
	height: 300px;
	background: #666160;
}
.listings ul li:nth-child(2n-1):last-child {
  grid-column: 1 / -1;
}
.product_listing ul li span, .product_listing ul li h3{
	text-align: left;
}
.product_listing .details{
	position: relative;
}
.product_listing span{
	text-align: left;
}
.product_listing h3{
	font-size: 1.2em;
	line-height: 1.3em;
	margin: .6em 0 .4em;
	padding: 0;
	font-weight: 600;
}
.product_listing .image{
	width: 100%;
	height: calc(100% - 5em);
	position: relative
}
.listings .image{
	width: 100%;
	height: 100%;
	position: relative
}
.listings .image:after{
	content: '';
	background: rgba(0,0,0, .4);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.product_listing img, .listings img{
	width: 100%;
	height: 100%;
	object-fit: cover
}
.product_listing span.id{
	position: absolute;
	top: 0;
	right: 0;
	background: #666160;
	color: #eee9de;
	padding: 2px 5px
}
.product_listing span.desc{
	line-height: 1.3em;
}

.listings .text{
	position: absolute;
	top: 50%;
	text-align: center;
	
	width: calc(100% - 3em);
	left: 50%;
	transform: translate(-50%, -50%);
	color: #eee9de;
	z-index: 3
}
.listings h2{
	font-size: 3em;
	max-width: 80%;
	margin: auto;
	line-height: 1.3em;
	padding-bottom: .5em;
	font-weight: 600;
	text-transform: uppercase;
}
.listings p{
	font-size: 1.25em;
	line-height: 1.3em;
	padding-bottom: .5em;
	font-weight: 400;
}
@media only screen and (max-width: 1280px) {
	.product_listing ul{
		grid-template-columns: repeat(3, 1fr);
		gap: 2em;
	}
}
@media only screen and (max-width: 768px) {
	.product_listing ul{
		grid-template-columns: repeat(2, 1fr);
		gap: 1em;
	}
	.listings ul{
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 1em;
		max-width: 1380px;
		margin: auto
}
}

@media only screen and (max-width: 600px) {
.product_listing, .listings{
	padding: 0 1em 2em;
}

		.product_listing ul{
		grid-template-columns: repeat(1, 1fr);
		gap: 1em;
	}

.listings h2{
	font-size: 2.5em;
}	
}
/*--------------------------------------------------------------# Navigation--------------------------------------------------------------*/
/*--------------------------------------------------------------# Header Menu--------------------------------------------------------------*/
#header #menu ul {
	display: block;
	list-style: none;
	margin: 0;
	padding-left: 0;
	background: #666160;
	text-align: center
}
#header #menu li{
	display: inline-block;
}
#header #menu ul ul {
	position: absolute;
	top: 3em;
	left: -999em;
	z-index: 99999;
	background: #666160;
	width: calc(280px + 2em);
	padding: 1em;
	text-align: left;
	/* display: none; */
}
.main-navigation ul ul a {
}
#header #menu ul li:hover > ul,#header #menu ul li.focus > ul {
	left: -2em;
}
#header #menu li {
	position: relative;
	padding: 1em 0
}
#header #menu li a:after {
	content: '';
	border-right: 1px solid #eee9de;
	margin: 0 .6em 0 .75em
}
#header #menu li:last-of-type a:after, #header #menu li li a:after {
	display: none;
}
#header #menu ul ul li {
	border-bottom: 1px solid #eee9de;
	width: 240px;
	margin-left: 1em;
	padding: .7em 0;
}
#header #menu ul ul li:first-of-type {
	padding-top: 0;
}
#header #menu ul ul li:last-of-type {
	border-bottom: 0;
}
#header #menu a {
	text-decoration: none;
	color: #fff;
	font-weight: 500;
	font-size: 1.2em
}
#header #menu li li a {
	text-decoration: none;
	color: #fff;
	font-weight: 500;
	font-size: 1.0em
}
#header #menu a:hover span{
	border-bottom: 1px solid #fff
}
#header #menu li.current-menu-item a span, #header #menu li.current-menu-parent a span, #header #menu li.current-menu-parent .current-menu-item a span   {
	border-bottom: 1px solid #fff
}

#header #menu li.current-menu-item li span, #header #menu li.current-menu-parent li a span{
	border-bottom: 0px solid #fff
}



/*--------------------------------------------------------------# Footer Menu--------------------------------------------------------------*/
.footer_menu{
	width: 100%;
	padding: 4em 0 6em;
	font-weight: 500;
}
.footer_menu ul{
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 1em;
}


.footer_menu li{
	top: 0px;
	vertical-align: top;
	margin-bottom:0;	
}

.footer_menu li a{
	display: block;
	font-size: 1em;
	margin-bottom: 20px;
	text-transform: uppercase;
	background: #666160;
	color: #eee9de;
	padding: .5em .5em;
	text-decoration: none;
}
.footer_menu li ul{
	display: block;
}
.footer_menu li li{
	border-bottom: 1px solid;
	margin-right: 0;
}
.footer_menu li li:last-of-type{
	border-bottom: 0;
}
.footer_menu li li a {
	display: block;
	margin-bottom: 10px;
	text-transform: none;
	background: #eee9de;
	color: #666160;
	padding: .5em .2em .1em
}

.footer_menu li li.current-menu-item a{
	text-decoration: underline
}

/*

.footer_menu li li a:before {
	content:'>';
	margin-right: 10px;
}

*/

.footer_menu li li a:hover{
	text-decoration: underline
}

@media only screen and (max-width: 1440px) and (max-width: 1024px){

}	

@media only screen and (max-width: 1540px){

.footer_menu{
	padding: 3em 4em;

}

}


@media only screen and (max-width: 1023px) {
	.footer_menu{
	width: 100%;
	padding: 3em 4em;
	font-weight: 500;
}
	
	.footer_menu ul{
		display: flex;
		flex-direction: column;
	}
	.footer_menu ul .sub-menu{
		margin-bottom: 30px
}

	.footer_menu li{
		margin-right: 0;
}	
	.footer_menu li a {
		margin-bottom: 10px;
		font-size: 1.1em
}
}
@media only screen and (max-width: 600px) {
	.footer_menu{
		display: block;
		padding: 3em 2em;
	}
	.footer_menu li {
		margin-right: 0;
	}
}
/*--------------------------------------------------------------# Mobile Nav--------------------------------------------------------------*/
.cd-header {
	position: absolute;
	top: 20px;
	left: -20px;
	height: 50px;
	width: 100%;
	z-index: 3000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.cd-primary-nav-trigger {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 90px;
	height: 90px;
	border-radius: 45px;
	display: block!important;
	background: #666160;
}
.cd-primary-nav-trigger .cd-menu-icon {
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 50px;
	height: 5px;
	background-color: #eee9de;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #eee9de;
	right: 0;
	-webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
	-moz-transition: -moz-transform .3s, top .3s, background-color 0s;
	transition: transform .3s, top .3s, background-color 0s;
}
.cd-primary-nav-trigger .cd-menu-icon::before {
	top: -14px;
}
.cd-primary-nav-trigger .cd-menu-icon::after {
	top: 14px;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked {
	background-color: rgba(255, 255, 255, 0);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
	background-color: #eee9de;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before {
	top: 0;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
	top: 0;
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg);
}
.cd-primary-nav.is-visible:before{
	content: '';
	display: block;
	position: absolute;
	top: 5em;
	right: 0;
	height: 80px;
	width: 300px;
	max-width: 60%;
	background-size: contain;
	background-image: url(/Blackwell&Co.png);
	background-repeat: no-repeat;
	left: 50%;
	transform: translateX(-50%);
}
.cd-primary-nav {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 200;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: auto;
	/* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
	background-color: #eee9de;
	text-align: center!important;
	padding-left: 0;
	margin-left: 0;
	padding: 200px 30px 100px;
}
.cd-primary-nav.is-visible {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.cd-primary-nav ul{
	margin-top: 10px;
}
.cd-primary-nav li {
	margin: 10px auto;
	padding: 4px 0;
	width: 100%;
	max-width: 400px;
	text-transform: uppercase;
	color: #eee9de;
}

.cd-primary-nav li:after {
	content:'';
	width: 60px;
	border-bottom: 2px solid #666160;;
	display: block;
	margin: 1em auto 0;
}

.cd-primary-nav li a{
	margin: 0px;
	padding: 10px;
	text-decoration: none;
	width: 100%;
	display: block;
	color: #666160;
	font-weight: 500;
	font-size: 1.1em
}
.cd-primary-nav ul li{
	width: 100%;
	background: #eee9de;
	margin: 2px 0;
}
.cd-primary-nav ul li a{
	padding: 5px 5px;
	background: #eee9de;
	color: #666160;
	font-weight: 500;
	border-bottom: 1px solid;
}
.cd-primary-nav ul li:last-of-type a{
	border-bottom: 0
}
.cd-primary-nav li.current-menu-item a{
	background: #666160!important;
	color: #eee9de
}
@media only screen and (max-width: 600px) {
	.cd-header {
		top: 0;
		left: 0;
	}
	.cd-primary-nav-trigger {
		width: 60px;
		height: 60px;
		border-radius: 0;
	}
	.cd-primary-nav-trigger .cd-menu-icon {
		width: 40px;
	}
	.cd-primary-nav-trigger .cd-menu-icon::before {
		top: -12px;
	}
	.cd-primary-nav-trigger .cd-menu-icon::after {
		top: 12px;
	}
}


/*--------------------------------------------------------------
## POP-UP
--------------------------------------------------------------*/




.transition, .modal a.close-modal, .modal #modal-link a:hover {
  transition: 0.3s ease-in-out;
}




.blocker:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}
.blocker.behind {
  background-color: transparent;
}


.modal a.close-modal {
  width: 30px;
  height: 30px;
  line-height: 0;
  text-align: center;
  position: absolute;
  font-size: 80px;
	font-family: 'montserrat';
  font-weight: 100;
	z-index: 1000;
  top: 50px;
  right: 50px;
  color: #eee9de;
  text-decoration:  none;
}

.modal a.close-modal:hover {
  opacity: 0.6;
  cursor: pointer;
}

.modal #modal-link a {
	font-size: 1.3em; 
	line-height: 1.2em; 
	text-transform: uppercase; 
	margin: 10px 0!important; 
	height: 84px;
	display: inline-block;}

.modal #modal-link a:after{
	height: 84px;
	top: -2px
}

.blocker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 200;
  padding: 20px;
  box-sizing: border-box;
background: rgba(238,233,222, .8);
  text-align: center;
  /* display: none!important; */
}
.blocker:before{
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}
.blocker.behind {
  background-color: transparent;
}
.modal {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 300;
  max-width: 800px;
	min-height: 400px;
  box-sizing: border-box;
  width: 100%;
  background: rgb(102,97,96);

  padding: 10px;
  text-align: center;

}

.modal-inner{
	padding: 1em 2em 1em;
	display: flex;
	 align-items: center;
}

.modal-inner .left{
	width: 55%;
	text-align: left;
}

.modal-inner .right{
	width: 45%;
	text-align: left;

}

.modal-inner .right img{
	width: 100%;
}

.modal h1{
    font-size: 2.25em;
    line-height: 1.3em;
    color: transparent;
    -webkit-text-stroke: 1.5px #eee9de;
    font-weight: 600;
    letter-spacing: 2px;
    margin: .5em auto;
    text-transform: uppercase;
}

.modal p{
    color: #eee9de!important;
    font-weight: normal;
    text-transform: none;
    font-size: 1.25em;
	max-width: 600px;
	line-height: 1.5em;
	margin: 0 auto 1em!important
}


@media screen and (min-width: 0px) and (max-width: 767px) {
  .modal {
    max-width: 100%;

    margin-top: 0;
  }

.modal-inner{
	padding: 2em 1em 2em;
	display: block;
	 align-items: center;
}

.modal-inner .left{
	width: 100%;
	text-align: center;
}

.modal-inner .right{
	display: none

}

.modal-inner .right img{
	width: 100%;
}	

.modal h1 {
    text-transform: uppercase;
    font-size: 2em;
	margin-top: 1em
}
	
.modal p{
   padding: 0px;
	margin: 0px
}

.modal a.close-modal {
  top: 40px;
  right: 30px;
}	

.modal #modal-link a {
	font-size: 1.1em; 
	margin: 10px 0!important; 
	height: 74px; 
	max-width: 80%
}

.modal #modal-link a:after{
	height: 74px;
	top: -2px
}	

}