/*
Theme Name:           Derbyshire Pie & Co
Theme URI:            https://weareimpulse.com
Description:          Bespoke responsive and fast WordPress website build
Author:               We Are Impulse
Author URI:           https://weareimpulse.com
Version:              1.0.0
Tags:                 bespoke, responsive, lightweight, fast
License:              (c) 2022 Derbyshire Pie & Co - https://weareimpulse.com
Text Domain:          derpieco
*/

*,
*::before,
*::after{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/****
 * Custom Fonts
****/

/****
	Custom CSS Resets
****/
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block;}
body{
	margin:0;
	width:100%;
	max-width:100%;
	overflow-x:hidden;
	font-family: 'Lato', sans-serif;;
	font-weight:400;
	line-height:1.5;
	font-size:16px;
	color:#333333;
	text-align:left;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
}
.slick-prev.slick-disabled::before, .slick-next.slick-disabled::before {
  opacity: 1 !important;
}
[tabindex="-1"]:focus{outline:0!important;}
hr,.wp-block-separator{
	box-sizing:content-box;
	height:0;
	overflow:visible;
}
h1,h2,h3,h4,h5,h6{
	margin-top:0;
	font-family: '', sans-serif;
	margin:30px 0 10px 0;
	font-weight: 400;
}
h1{font-size:40px;line-height:50px;}
h2{font-size:30px;line-height:38px;}
h3{font-size:26px;line-height:32px;}
h4{font-size:22px;}
h5{font-size:18px;}
h6{font-size:16px;}
p{margin:0 0 20px 0;padding:0;font-family:'Lato', sans-serif;}
abbr[title],abbr[data-original-title]{
	text-decoration: underline;
	text-decoration: underline dotted;
	-webkit-text-decoration: underline dotted;
	cursor: help;
	border-bottom: 0;
	-webkit-text-decoration-skip-ink: none;
	text-decoration-skip-ink: none;
}
address{
	margin-bottom:1rem;
	font-style:normal;
	line-height:inherit;
}
ol,ul,dl{
	margin-top:0;
	margin-bottom:1rem;
}
#single-page li{margin:5px 0 15px;}
ol ol,ul ul,ol ul,ul ol{margin-bottom:0;}
dt{font-weight:700;}
dd{margin-bottom:.5rem;margin-left:0;}
b,strong{font-weight:bolder;}
small{font-size:80%;}
sub,sup{
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}
sub{bottom:-.25em;}
sup{top:-.5em;}
a{
	text-decoration: none;
	background-color: transparent;
	color:#000000;
}
pre,code,kbd,samp{
	font-family:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-size:16px;
}
pre{
	margin-top:0;
	margin-bottom:20px;
	overflow:auto;
}
figure{margin:0 0 20px;}
img{vertical-align:middle;border-style:none;}
svg{overflow:hidden;vertical-align:middle;}
table,.wp-block-table{border-collapse:collapse;}
caption{
	padding-top:15px;
	padding-bottom:15px;
	color:#6c757d;
	text-align:left;
	caption-side:bottom;
}
th{text-align:inherit;}
label{display:inline-block;margin-bottom:10px;}
button{border-radius:0;}
button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color;}
button:disabled{opacity:0.5;}
input,button,select,optgroup,textarea{
	margin:0;
	font-family:'Lato', sans-serif;;
	font-size:inherit;
	line-height:inherit;
}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:none;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{padding:0;border-style:none;}
input[type="radio"],input[type="checkbox"]{box-sizing:border-box;padding:0;}
input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{-webkit-appearance:listbox;}
textarea{overflow:auto;resize:vertical;}
fieldset{
	min-width:0;
	padding:0;
	margin:0;
	border:0;
}
legend{
	display:block;
	width:100%;
	max-width:100%;
	padding:0;
	margin-bottom:.5rem;
	font-size:1.5rem;
	line-height:inherit;
	color:inherit;
	white-space:normal;
}
progress{vertical-align:baseline;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}
[type="search"]{outline-offset:-2px;-webkit-appearance:none;}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button;}
output{display:inline-block;}
summary{display:list-item;cursor:pointer;}
template{display:none;}
[hidden]{display:none!important;}
.mobile-only{display:none!important;}

/****
 * Global Styles
****/
.wrapper{
	position:relative;
	display:block;
	margin:0 auto;
	padding:0 20px;
	width:100%;
	max-width:1480px;
	z-index:1;
}
.wrapper-narrow{
	position:relative;
	display:block;
	margin:0 auto;
	padding:0 20px;
	width:100%;
	max-width:900px;
	z-index:1;
}
.wrapper-narrow.news{max-width:960px;}

h1,h2,h3,h4,h5,h6{
	display:block;
	margin:0 0 40px 0;
	padding:0;
	line-height:1.2;
	font-family: 'lemongrass-script', sans-serif;
}

body > section,
body > main,
body > #footer{
	width:100%;
	float:left;
}

/****
 * Image Styles
****/
img{
	max-width:100%;
	height:auto;
}
img.alignleft{
	display:block;
	margin:10px 10px 10px 0;
	float:left;
}
img.aligncenter{
	display:block;
	margin:0 auto;
	float:none;
}
img.alignright{
	display:block;
	margin:10px 0 10px 10px;
	float:right;
}

/****
 * Buttons and Links
****/
.main-button{
	position: relative;
    display: block;
    margin: 40px auto 0 auto;
    padding: 0 20px;
    width: 100%;
    max-width: 220px;
    height: 46px;
    line-height: 35px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000000;
    font-size: 22px;
    font-weight: 600;
    border: 5px solid #000000;
    background-color: transparent;
    transition: all ease-in-out .3s;
    font-family: 'brandon-grotesque', sans-serif;
}
.main-button .link-text{
	position:relative;
	color:#000000;
	z-index:1;
	transition:all ease-in-out .3s;
}
.main-button:hover{
	background-color:#010d23;
	transition:all ease-in-out .3s;
}
.main-button:hover .link-text{
	color:#FFFFFF;
	transition:all ease-in-out .3s;
}

/****
 * Header
****/
body #header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:170px;
	background-color:rgba(255,255,255,0.55);
	transition:all ease-in-out .3s;
	z-index:99;
}
body.blog #header,
body.single-post #header{background-color:#e6e0e0;}
body #header.fade-in{
	height:90px;
	background-color:#e5e0dc;
	transition:all ease-in-out .3s;
}
#header #logo{
	position:relative;
	display:block;
	margin:10px auto;
	height:150px;
	width:176px;
	transition:all ease-in-out .3s;
}
#header.fade-in #logo{
	height:70px;
	width:85px;
	transition:all ease-in-out .3s;
}

.slick-prev, .slick-next {
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
border-radius: 50%;
  background: #333!important;
}
#header #logo > img{
	display:block;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	mix-blend-mode: hard-light;
	transition:all ease-in-out .3s;
}
body.blog #header #logo > img,
body.single-post #header #logo > img{
	mix-blend-mode:normal;
	transition:all ease-in-out .3s;
}
#header.fade-in #logo > img{
	mix-blend-mode:normal;
	transition:all ease-in-out .3s;
}
#header #menu-controller{
	position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -10px;
    display: block;
    padding: 0;
    width: 26px;
    height: 18px;
    border: 0;
    background-color: transparent;
    outline: none;
	cursor: pointer;
}
#header #menu-controller span{
	position:absolute;
	left:50%;
	width:26px;
	height:4px;
	background-color:#000000;
	transform:translateX(-50%);
	transition:all ease-in-out .3s;
}
#header #menu-controller .one{top:0;}
#header #menu-controller .two{
	top:50%;
	transform:translateX(-50%) translateY(-50%);
}
#header #menu-controller .three{bottom:0;}
#header #menu-controller.menu-open .one{
	top:50%;
	margin-top:-2px;
	transform:translateX(-50%) rotate(45deg);
}
#header #menu-controller.menu-open .two{
	left:-150%;
	opacity:0;
}
#header #menu-controller.menu-open .three{
	bottom:50%;
	margin-bottom:-2px;
	transform:translateX(-50%) rotate(-45deg);
}
body.admin-bar #header{top:32px;}

/****
 * Offcanvas Menu
****/
body #offcanvas{
	position:fixed;
	top:0;
	right:-115%;
	width:100%;
	max-width:400px;
	height:100%;
	background-color:rgba(9,20,39,0.80);
	transition:all ease-in-out .3s;
	z-index:100;
}
body.admin-bar #offcanvas{
	top:32px;
	height:calc(100vh - 32px);
}
body.admin-bar #offcanvas.top-zero{
	top:0;
	height:100vh;
}
#offcanvas.menu-open{
	right:0;
	transition:all ease-in-out .3s;
}
#offcanvas .offcanvas-inner{
	position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    padding: 50px;
    width: 100%;
    height: 100%;
}
#offcanvas #offcanvas-logo{
	display:block;
	margin:20px auto 40px auto;
	padding:0;
	width:150px;
	height:auto;
}
#offcanvas #offcanvas-logo > img{
	display:block;
	margin:0;
	padding:0;
	width:100%;
	max-width:100%;
	height:auto;
}
#offcanvas #menu-controller-close{
	position:absolute;
	top:75px;
	left: 50px;
	display: block;
    padding: 0;
    width: 26px;
    height: 18px;
    border: 0;
    background-color: transparent;
    outline: none;
	cursor: pointer;
}
#offcanvas #menu-controller-close .one{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-2px;
	width:26px;
	height:4px;
	background-color:#FFFFFF;
	transform:translateX(-50%) rotate(45deg);
}
#offcanvas #menu-controller-close .two{
	position:absolute;
	bottom:50%;
	left:50%;
	margin-bottom:-2px;
	width:26px;
	height:4px;
	background-color:#FFFFFF;
	transform:translateX(-50%) rotate(-45deg);
}
#offcanvas .menu-main-container{display:block;}
#offcanvas .menu-main-container ul{
	display:block;
	margin:0 auto;
	padding:0;
	width:100%;
	max-width:400px;
	list-style:none;
}
#offcanvas .menu-main-container ul li{
	display:block;
	margin:0 0 10px 0;
	padding:0;
	width:100%;
}
#offcanvas .menu-main-container ul li a{
	display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: left;
    font-size: 24px;
    letter-spacing: 1px;
    color: #FFFFFF;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
}
#offcanvas .menu-main-container ul li.current-menu-item{ }
#offcanvas .menu-main-container ul li.current-menu-item a{ }
#offcanvas .offcanvas-inner .offcanvas-social-links{
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
}
#offcanvas .offcanvas-inner .offcanvas-social-links label{
	font-size: 24px;
    letter-spacing: 1px;
    color: #FFFFFF;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
}
#offcanvas .offcanvas-inner .offcanvas-social-links #offcanvas-social-icons{
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 0 0 20px;
    padding: 0;
    width: 60px;
    list-style: none;
}
#offcanvas .offcanvas-inner .offcanvas-social-links #offcanvas-social-icons .social-icon{
	display: block;
    margin: 0;
    padding: 0;
    width: 30px;
    height: 30px;
}
#offcanvas .offcanvas-inner .offcanvas-social-links #offcanvas-social-icons .social-icon a{
	display: block;
    margin: 0;
    line-height: 38px;
    text-align: center;
    font-size: 24px;
    color: #FFFFFF;
}

/****
 * Page Header
****/
#page-header{
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width:100%;
}
#page-header .header-overlay{
	position:absolute;
	display:flex;
	flex-direction:column;
	justify-content:center;
	top:0;
	left:0;
	padding:170px 0 0 0;
	width:100%;
	height:100%;
}
#page-header .header-overlay .wrapper{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
#page-header .header-overlay .page-title{
	margin:0;
	line-height:1;
}
body.error404 #page-header .header-overlay .page-title{
	text-align:center;
	font-size:80px;
}
body.error404 #page-content{
	position:relative;
	display:block;
    margin:0;
    padding:0;
    width:100%;
	background-color:#e6e0dc;
	border-bottom:1px solid #FFFFFF;
}
body.error404 #page-content .wrapper{
	display:block;
	margin:0 auto;
	padding:60px 20px;
}
body.error404 #page-content .wrapper p{
	font-size:18px;
	text-align:center;
}
body.error404 #page-content .wrapper p a{
	text-decoration:underline;
}

#page-header .header-overlay .page-title > p{margin:0;}
#page-header .header-overlay .page-title > p > img{ }
#page-header .background{
	display:block;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
}
#page-header .background > img{
	display:block;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
}
#main-content{
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width:100%;
}
#main-content .wrapper-narrow{padding:60px 20px;}
#main-content .section-bg{
	position:absolute;
	display:block;
	top:0;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
#main-content .section-bg > img{
	position:absolute;
	top:-40px;
	display:block;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
}
#main-content .section-bg::before{
	position:absolute;
	content:"";
	top:0;
	left:0;
	width:20%;
	height:100%;
	opacity:0.55;
	background-position:0 0;
	background-repeat:repeat-y;
	background-size:100% auto;
}
#main-content .section-bg::after{
	position:absolute;
	content:"";
	top:0;
	right:0;
	width:20%;
	height:100%;
	opacity:0.55;
	background-position:100% 0;
	background-repeat:repeat-y;
	background-size:100% auto;
}

/****
 * Our Range of pies template
****/
#our-ranges{
	display:block;
	margin:0;
	padding:0;
	width:100%;
}
#our-ranges .range-row{
	display: block;
    margin: 0;
    padding: 60px 0;
    width: 100%;
}
#our-ranges .range-row:nth-of-type(odd){background-color:#e6e0dc;}
#our-ranges .range-row:nth-of-type(even){background-color:#efebe8;}
#our-ranges .range-row .wrapper{max-width:1180px;}
#our-ranges .range-row .pie-range-name{
	display: block;
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
    text-align: center;
    font-size: 40px;
	font-family: lemongrass-script, sans-serif;
}
#our-ranges .range-row .pie-range-desc{
	display: block;
    margin: 0;
    padding: 0;
    width: 100%;
}
#our-ranges .range-row .pie-range-desc p{
	display: block;
    text-align: center;
    line-height: 1.6;
    font-size: 18px;
}
#our-ranges .range-row .slider-container .slick-prev{
	left: -45px;
    width:38px;
    height:38px;
	z-index:1;
}
#our-ranges .range-row .slider-container .slick-prev::before{
	position:absolute;
	content:"";
	top:0;
	left:0;
	width:38px;
	height:38px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:20px 20px;
}
#our-ranges .range-row:nth-of-type(odd) .slider-container .slick-prev::before{background-image:url(/wp-content/uploads/2022/01/carousel-arrow-left-white.svg);}
#our-ranges .range-row:nth-of-type(even) .slider-container .slick-prev::before{background-image:url(/wp-content/uploads/2022/01/carousel-arrow-left-grey.svg);}
#our-ranges .range-row .slider-container .slick-next{
	right:-45px;
    width:38px;
    height:38px;
	z-index:1;
}
#our-ranges .range-row .slider-container .slick-next::before{
	position:absolute;
	content:"";
	top:0;
	left:0;
	width:38px;
	height:38px;
	background-image:url(/wp-content/uploads/2022/01/carousel-arrow-right-white.svg);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:20px 20px;
}
#our-ranges .range-row:nth-of-type(odd) .slider-container .slick-next::before{background-image:url(/wp-content/uploads/2022/01/carousel-arrow-right-white.svg);}
#our-ranges .range-row:nth-of-type(even) .slider-container .slick-next::before{background-image:url(/wp-content/uploads/2022/01/carousel-arrow-right-grey.svg);}
#our-ranges .range-row .range-grid{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	margin:0 -20px;
	padding:0;
	width:calc(100% + 40px);
}
#our-ranges .range-row .range-grid .range-pie{
	display:block;
	margin:0;
	padding:0 20px;
	width:calc(100% / 3);
}
#our-ranges .range-row .range-grid .range-pie > img{
	display:block;
	margin:0 0 20px 0;
	padding:0;
	width:100%;
	height:auto;
}
#our-ranges .range-row .range-grid .range-pie .pie-name{
	display:block;
	margin:0 0 20px 0;
	padding:0;
	width:100%;
	text-align:center;
	text-transform: uppercase;
	font-size: 26px;
	letter-spacing: -1px;
	font-family: 'brandon-grotesque', sans-serif;
}
#our-ranges .range-row .range-grid .range-pie .pie-description{
	display:block;
	margin:0 0 20px 0;
	padding:0;
	width:100%;
}
#our-ranges .range-row .range-grid .range-pie .pie-description p{
	display:block;
	margin:0;
	padding:0;
	width:100%;
	text-align:center;
	font-size:16px;
	line-height:1.6;
}
/*
 Add Links here for external or pdf links....
*/

/****
 * Content Stack
****/
#page-content-stack{
	display:block;
	margin:0;
	padding:0;
	width:100%;
}
#page-content-stack .content-row{
	position:relative;
	display:block;
	margin:0;
	padding:0;
	width:100%;
}
#page-content-stack .content-row h2{font-size:40px;}
#page-content-stack .content-row .wrapper-narrow{
	position:relative;
	padding-top:80px;
	padding-bottom:80px;
	z-index:1;
}
#page-content-stack .content-row .background{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%!important;
}
#page-content-stack .content-row .background > img{
	display:block;
	object-fit:cover;
	height:100%;
	width:100%;
}
#page-content-stack .content-row .background::before{
	position:absolute;
	content:"";
	top:0;
	left:0;
	width:20%;
	height:100%;
	opacity:0.55;
	background-position:0 0;
	background-repeat:repeat-y;
	background-size:100% auto;
}
#page-content-stack .content-row .background::after{
	position:absolute;
	content:"";
	top:0;
	right:0;
	width:20%;
	height:100%;
	opacity:0.55;
	background-position:100% 0;
	background-repeat:repeat-y;
	background-size:100% auto;
}
#page-content-stack .content-row.row-type-image > img{height:100%;}
#page-content-stack .content-row.row-type-gallery .slick-prev{
	left:30px;
    width:33px;
    height:38px;
	z-index:1;
}
#page-content-stack .content-row.row-type-gallery .slick-prev::before{
	position:absolute;
	content:"";
	top:0;
	left:0;
	width:33px;
	height:38px;
	background-image:url(/wp-content/uploads/2022/01/carousel-arrow-left-white.svg);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:20px 20px;
}
#page-content-stack .content-row.row-type-gallery .slick-next{
	right:30px;
    width:33px;
    height:38px;
	z-index:1;
}
#page-content-stack .content-row.row-type-gallery .slick-next::before{
	position:absolute;
	content:"";
	top:0;
	left:0;
	width:33px;
	height:38px;
	background-image:url(/wp-content/uploads/2022/01/carousel-arrow-right-white.svg);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:20px 20px;
}
#page-content-stack .content-row.row-type-gallery .slick-slider .slick-list .slick-track .slick-slide > div,
#page-content-stack .content-row.row-type-gallery .slick-slider .slick-list .slick-track .slick-slide > div > .slide-block,
#page-content-stack .content-row.row-type-gallery .slick-slider .slick-list .slick-track .slick-slide > div > .slide-block > img{
	display: block!important;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    float: left;
}

/****
 * News Archive
****/
#news-top{
	display:block;
	margin:220px 0 40px 0;
	padding:0;
	width:100%;
}
#news-top .title{
	display:block;
	margin:0 0 40px 0;
	padding:0;
	width:100%;
	text-align:center;
}
#news-top .news-filter{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin:0 0 40px 0;
	padding:0;
	width:100%;
	list-style:none;
}
#news-top .news-filter .news-cat{
	display:block;
	margin:0 40px 0 0;
}
#news-top .news-filter .news-cat:last-of-type{margin-right:0;}
#news-top .news-filter .news-cat.active .cat-link,
#news-top .news-filter .news-cat.active .cat-link .link-text{
	position:relative;
	border-color:#010d23;
	background-color:#010d23;
	color:#FFFFFF;
	z-index:1;
}
#news-grid-wrapper{
	display:block;
	margin:0 0 40px 0;
	padding:0;
	width:100%;
}
#news-grid-wrapper #news-grid{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	margin:0;
	padding:0;
	width:100%;
}
#news-grid-wrapper #news-grid .news-item{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	margin:0 40px 40px 0;
	padding:0;
	width:calc((100% - 80px) / 3);
}
#news-grid-wrapper #news-grid .news-item:nth-of-type(3n){margin-right:0;}
#news-grid-wrapper #news-grid .news-item .image-link{
	display:block;
	margin:0 0 30px 0;
	padding:0;
	width:100%;
}
#news-grid-wrapper #news-grid .news-item .image-link > img{
	display:block;
	margin:0;
	padding:0;
	width:100%;
	max-width:100%;
	height:auto;
}
#news-grid-wrapper #news-grid .news-item .title-link{
	display: block;
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
    text-align: center;
	text-transform: uppercase;
    font-size: 26px;
    font-family: 'brandon-grotesque', sans-serif;
}
#news-grid-wrapper #news-grid .news-item .title-link .news-title{ }
#news-grid-wrapper #news-grid .news-item .news-excerpt{
	display:block;
	margin:0 0 20px 0;
	padding:0;
	width:100%;
}
#news-grid-wrapper #news-grid .news-item .news-excerpt p{
	display:block;
	margin:0;
	padding:0;
	width:100%;
	text-align:center;
}
#news-grid-wrapper #news-grid .news-item .news-link{
	position:relative;
	display:block;
	margin:0 auto;
	padding: 0 20px;
    width: 100%;
    max-width: 220px;
    height: 50px;
    border: 5px solid #000000;
    line-height: 42px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    font-size: 22px;
    font-weight: 600;
	transition:all ease-in-out .3s;
}

/****
 * Single news
****/
#single-news-content{
	display:block;
	margin:190px 0 0 0;
	padding:0;
	width:100%;
}
#single-news-content .news-featured-image{
	display: block;
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
	height:auto;
	overflow:hidden;
}
#single-news-content .news-featured-image > img{
	display:block;
	object-fit:cover;
	object-position:center center;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
#single-news-content .wrapper-narrow.news{background-color:#FFFFFF;}
#single-news-content .wrapper-narrow.news .post-title{
	display: block;
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
    text-align: center;
    font-size: 36px;
	text-transform:uppercase;
    color: #010d23;
    font-weight: 400;
    font-family: 'brandon-grotesque', sans-serif;
}
#single-news-content .wrapper-narrow.news .post-meta{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 21px 0 30px 0;
    padding: 10px 20px;
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
}
#single-news-content .wrapper-narrow.news .post-meta .posted-by{
	margin:0;
	padding:0 10px 0 0;
	border-right:1px solid #EAEAEA;
}
#single-news-content .wrapper-narrow.news .post-meta .posted-on{
	margin:0;
	padding:0 0 0 10px;
	border-left:1px solid #EAEAEA;
}
#single-news-content .wrapper-narrow.news .post-content{
	display:block;
	margin:0 0 60px 0;
	padding:0;
	width:100%;
}
#single-news-content .wrapper-narrow.news #news-pagination{
	display:block;
	margin:0 0 60px 0;
	padding:0;
	width:100%;
}
#single-news-content .wrapper-narrow.news #news-pagination .impulse-post-pagination{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
}
#single-news-content .wrapper-narrow.news #news-pagination .impulse-post-pagination li{
	display:flex;
	flex-direction:column;
	justify-content:center;
	margin:0;
	padding:0;
	width:50%;
	height:70px;
	background-color:#EAEAEA;
}
#single-news-content .wrapper-narrow.news #news-pagination .impulse-post-pagination li a{
	display: block;
    margin: 0;
    padding: 0 30px;
    width: 100%;
}
#single-news-content .wrapper-narrow.news #news-pagination .impulse-post-pagination li.news-previous a{text-align:left;}
#single-news-content .wrapper-narrow.news #news-pagination .impulse-post-pagination li.news-next a{text-align:right;}

/****
 * Footer
****/
#footer{
	position:relative;
	display:block;
	margin:0;
	width:100%;
	background-color:#e5e0dc;
}
#footer .background{
	position: absolute;
    top: 0;
    left: 0;
    bottom: 67px;
    width: 100%;
}
#footer .background::before{
	position:absolute;
    content:"";
    top:0;
    left:0;
    width:20%;
    height:100%;
	opacity:0.55;
    background-position:0 0;
    background-repeat:repeat-y;
    background-size:100% auto;
}
#footer .background::after{
	position:absolute;
    content:"";
    top:0;
    right:0;
    width:20%;
    height:100%;
	opacity:0.55;
    background-position:100% 0;
    background-repeat:repeat-y;
    background-size:100% auto;
}
#footer .wrapper-narrow{
	position:relative;
	padding-top: 40px;
    padding-bottom: 40px;
	z-index:1;
}
#footer .wrapper-narrow .footer-content{text-align:center;}
#footer .wrapper-narrow .footer-content .footer-image-wrapper{margin-bottom:40px;}
#footer .wrapper-narrow .footer-content .footer-title{
	display:block;
	margin:0 0 30px 0;
	padding:0;
	font-size:36px;
	font-family: 'lemongrass-script', sans-serif;
}
#footer .wrapper-narrow .footer-content .footer-address-wrapper{
	line-height:1.8;
	letter-spacing:1px;
}
#footer .wrapper-narrow .footer-content .footer-phone-wrapper{
	line-height:1.8;
	font-weight:600;
	letter-spacing:1px;
}
#footer .wrapper-narrow .footer-content .footer-email-wrapper{
	line-height:1.8;
	font-weight:600;
	letter-spacing:1px;
}
#footer .wrapper-narrow .footer-content .footer-email-wrapper a{text-decoration:underline;}
#footer .wrapper-narrow .footer-content .footer-address-wrapper p{margin:0;}
#footer .wrapper-narrow .footer-content .footer-social-icons{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin:30px 0 0 0;
	padding:0;
	list-style:none;
}
#footer .wrapper-narrow .footer-content .footer-social-icons li{
	display:block;
	margin:0 20px 0 0;
}
#footer .wrapper-narrow .footer-content .footer-social-icons li a{
	font-size:50px;
	color:#010d23;
}
#footer .wrapper-narrow .footer-content .footer-social-icons li:last-of-type{margin-right:0;}
#footer #copyright-bar{
	display:block;
	margin:0;
	padding:20px 0;
	width:100%;
	background-color:#010d23;
}
#footer #copyright-bar .wrapper{ }
#footer #copyright-bar .wrapper p{
	display:block;
	margin:0;
	padding:0;
	width:100%;
	text-align:center;
	color:#FFFFFF;
	font-size:18px;
}

@media screen and (max-width:1440px){
	#main-content .section-bg::before,
	#main-content .section-bg::after,
	#page-content-stack .content-row .background::before,
	#page-content-stack .content-row .background::after,
	#footer .background::before,
	#footer .background::after{
		width:20%;
	}
}
@media screen and (max-width:1080px){
	#main-content .section-bg::before,
	#main-content .section-bg::after,
	#page-content-stack .content-row .background::before,
	#page-content-stack .content-row .background::after,
	#footer .background::before,
	#footer .background::after{width:15%;}
	.wrapper-narrow{max-width:calc(100vw - 40%);}
}
@media screen and (max-width:810px){
	#header{max-width:100vw;}
	#page-header{
		min-height:300px;
		overflow:hidden;
	}
	#page-header > img{
		object-fit: cover;
		object-position: center center;
		height: 300px;
		width: auto;
		max-width: none;
	}
	#our-ranges .range-row .range-grid{
		margin:0;
		width:100%;
	}
	#our-ranges .range-row .slider-container .slick-prev{
		top:-65px;
		left:20px;
		transform:none;
	}
	#our-ranges .range-row .slider-container .slick-next{
		top:-65px;
		right:20px;
		transform:none;
	}
	#main-content .section-bg::before,
	#main-content .section-bg::after,
	#page-content-stack .content-row .background::before,
	#page-content-stack .content-row .background::after,
	#footer .background::before,
	#footer .background::after{
		width:20%;
		background-repeat:no-repeat;
	}
	#news-top .news-filter .news-cat{margin:0 10px 10px 0;}
	#news-grid-wrapper #news-grid .news-item{
		margin:0 40px 60px 0;
		width:calc((100% - 40px) / 2);
	}
}
@media screen and (max-width:810px) and (min-width:601px){
	#news-grid-wrapper #news-grid .news-item:nth-of-type(2n){margin-right:0;}
}
@media screen and (max-width:600px){
	body #header{height:110px;}
	body.admin-bar #header{top:46px;}
	body.admin-bar #header.fade-in{top:0;}
	#header #logo{
		margin: 10px 0;
    	height: 90px;
   		width: 100px;
	}
	#page-header{max-height:350px;}
	#page-header .header-overlay .wrapper{
		padding-left:20px;
		padding-right:20px;
	}
	#page-content-stack .content-row.row-type-image{min-height:500px!important;}
	#page-header .background{height:300px!important;}
	#main-content .section-bg::before,
	#main-content .section-bg::after{
		width:20%;
		max-height:180px;
	}
	#page-content-stack .content-row.row-1 .background::before,
	#page-content-stack .content-row.row-1 .background::after{
		width:20%;
		max-height:225px;
	}
	#page-content-stack .content-row.row-3 .background::before,
	#page-content-stack .content-row.row-3 .background::after{
		width:20%;
		max-height:325px;
	}
	#footer .background::before,
	#footer .background::after{
		width:20%;
		max-height:325px;
	}
	#page-content-stack .content-row.row-type-gallery .slick-slide .slide-block > img{
		object-fit:cover;
		height:400px;
	}
	#page-content-stack .content-row.row-type-gallery .slick-prev{
		left: 0;
		top: 0;
		width: 70px;
		height: 100%;
		transform: none;
		background: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
		background: linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1 );
	}
	#page-content-stack .content-row.row-type-gallery .slick-prev::before{
		top:calc(50% - 10px);
		left:10px;
		background-image: url(/wp-content/uploads/2022/01/carousel-arrow-left-white.svg);
	}
	#page-content-stack .content-row.row-type-gallery .slick-next{
		right: 0;
		top: 0;
		width: 70px;
		height: 100%;
		transform: none;
		background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
		background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
		background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=1 );
	}
	#page-content-stack .content-row.row-type-gallery .slick-next::before{
		top:calc(50% - 10px);
		left:10px;
		background-image:url(/wp-content/uploads/2022/01/carousel-arrow-right-white.svg);
	}
	body.home .content-row.row-type-image.row-4,
	body.page-template-our-range #page-content-stack .content-row.row-type-image.row-0{
		height:400px;
		min-height:1px!important;
		overflow:hidden;
	}
	body.home .content-row.row-type-image.row-4 > img,
	body.page-template-our-range #page-content-stack .content-row.row-type-image.row-0 > img{
		position:relative;
		object-fit:cover;
		left:50%;
		margin:0;
		max-width:none;
		width:auto;
		transform:translateX(-50%);
	}
	#news-grid-wrapper #news-grid .news-item{
		margin-right:0;
		width:100%;
	}
	#page-header .header-overlay{
		padding-left:20px;
		padding-right:20px;
		padding-top:110px;
	}
	#single-news-content{margin:130px 0 0 0;}
	#single-news-content .wrapper-narrow.news .post-meta .posted-by,
	#single-news-content .wrapper-narrow.news .post-meta .posted-on{border:0;}
	#single-news-content .wrapper-narrow.news #news-pagination .impulse-post-pagination{flex-direction:column;}
	#single-news-content .wrapper-narrow.news #news-pagination .impulse-post-pagination li{
		width:100%;
		height:auto;
	}
	#single-news-content .wrapper-narrow.news #news-pagination .impulse-post-pagination li a{padding:15px 20px;}
	#single-news-content .wrapper-narrow.news .post-content{text-align:center;}
	#our-ranges .range-row .slider-container .slick-prev{left:10px;}
	#our-ranges .range-row .slider-container .slick-next{right:10px;}
	#news-top .news-filter .news-cat{
		margin:0 0 10px 0;
		padding:0;
    	width:100%;
	}
	#news-top .news-filter .news-cat .cat-link,
	#news-top .news-filter .news-cat.active .cat-link{margin:0 auto;}
	#page-content-stack .content-row.row-type-gallery .slick-slider .slick-list .slick-track .slick-slide > div > .slide-block > img{
		object-fit:cover;
    	object-position:center center;
    	min-height:450px;
	}
	#page-content-stack .content-row .wrapper-narrow{max-width:100%;}
	.wrapper-narrow,#main-content .wrapper-narrow{max-width:100%;}
	body #offcanvas{max-width:100%;}
	body.admin-bar #offcanvas{
		top:46px;
		height:calc(100vh - 46px);
	}
	#offcanvas .offcanvas-inner{padding:150px 50px 150px 20px;}
	#offcanvas #menu-controller-close{
		top:45px;
    	right:50px;
    	left:auto;
	}
	#offcanvas #menu-logo{
		position:absolute;
		top:10px;
		left:10px;
		right:auto;
		width:110px;
		height:auto;
	}
	#offcanvas .menu-main-container ul li a,
	#offcanvas .offcanvas-inner .offcanvas-social-links label{font-size:28px;}
	#offcanvas .offcanvas-inner .offcanvas-social-links #offcanvas-social-icons{width:90px;}
	#offcanvas .offcanvas-inner .offcanvas-social-links #offcanvas-social-icons .social-icon{
		margin:0 10px 0 0;
		width:40px;
		height:40px;
	}
	#offcanvas .offcanvas-inner .offcanvas-social-links #offcanvas-social-icons .social-icon a{
		line-height:40px;
		font-size:40px;
	}
	#offcanvas .offcanvas-inner .offcanvas-social-links #offcanvas-social-icons .social-icon:last-of-type{margin-right:0;}
	.mobile-only{display:block!important;}
	#our-ranges .range-row .slider-container .slick-prev,
	#our-ranges .range-row .slider-container .slick-next{top:-70px;}
}





