/*
 Theme Name: Doors and More Child
 Template: doorsandmore
*/
@charset "UTF-8";
/*
CSS created by David Oldfield
Vibrant Doors / david@vibrantdoors.co.uk
*/

* {
  outline: none;
}

html {
  	font-size: 16px;
    margin-top:0 !important;
}
body {
  	padding: 0px;
  	margin: 0px;
  	font-family: 'Montserrat', Helvetica Neue, Helvetica !important;
  	overflow-x: hidden;
    text-rendering: optimizeLegibility;
    color: #19362e;
	font-weight: 300;
}
/* Change the text selection color */
::selection {
    background-color: #ddd; /* Set your desired background color */
    color: #19362e;            /* Set the text color */
}
#stat {
	position: fixed;
	bottom: 0px;
	right: 0px;
	padding: 10px;
	z-index: 999999;
	background-color: #333;
	color: #fff;
}
/* For Firefox (Gecko-based browsers) */
::-moz-selection {
    background-color: #ddd;
    color: #19362e;
}
.nubs {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1;
}
a, .btn_wrap input[type=prosubmit] {
    color: #19362e;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    /* Let's enforce some hardware acceleration */
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    font-family: 'Montserrat', Helvetica Neue, Helvetica;
	font-weight: 300;
}
a {
	font-weight: 700;
}
a:hover {
  	text-decoration: underline;
}
p {
  	line-height: 140%;
}
input, textarea, select, label, button {
  	font-size: 1rem;
  	font-family: 'Montserrat', Helvetica Neue, Helvetica;
	font-weight: 300;
}
select[disabled] {
  	color: #555;
}
select:disabled {
  	opacity: 0.6;
}
.bold, strong {
    font-family: 'Montserrat', Helvetica Neue, Helvetica;
	font-weight: 700!important;
}
.green_bg {
	background-color: #2e883d;
	color: #fff;
}
.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.negative {
    margin-left: -10px;
    margin-right: -10px;
}
.negative .inner {
    margin-right: 10px;
	margin-left: 10px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    padding: 0px;
    margin: 0px;
    font-family: 'Montserrat', Helvetica Neue, Helvetica;
	font-weight: 700;
    line-height: 125%;
	color: #2d2d2d;
}
a.btn, input[name=submit] {
	display: inline-block;
	padding: 10px 30px;
	background-color: #2e883d;
	border-radius: 5px;
	color: #fff;
	font-size: 1.154rem;
	font-weight: 500;
}
a.btn:hover {
	background-color: #19362e;
	text-decoration: none;
	padding: 10px 35px;
}
.c_10 {
	width: 10%;
}
.c_14 {
	width: 14%;
}
.c_15 {
  width: 15%;
}
.c_16 {
	width: 16.666666666%
}
.c_20 {
  width: 20%;
}
.c_25 {
  width: 25%;
}
.c_30 {
  width: 30%;
}
.c_33 {
  width: 33.333333%;
}
.c_35 {
  width: 35%;
}
.c_40 {
  width: 40%;
}
.c_45 {
  width: 45%;
}
.c_50 {
  width: 50%;
}
.c_55 {
  width: 55%;
}
.c_60 {
  width: 60%;
}
.c_65 {
  width: 65%;
}
.c_66 {
  width: 66.666666%;
}
.c_70 {
  width: 70%;
}
.c_75 {
  width: 75%;
}
.c_80 {
  width: 80%;
}
.c_85 {
	width: 85%;
}
.c_90 {
	width: 90%;
}
.c_95 {
	width: 95%;
}
.c_100 {
  width: 100%;
}
.max {
	max-width: 1240px;
	margin: 0px auto;
	padding-left: 30px;
	padding-right: 30px;
	position: relative;
	z-index: 1;
}
#status {
  width: 600px;
  padding: 20px;
  background-color: #fff;
  color: #004559;
  position: fixed;
  top: 50%;
  margin-left: -320px;
  left: 50%;
  margin-top: -60px;
  z-index: 999999999999;
  text-align: center;
  -moz-box-shadow: 0 0 15px #888;
  -webkit-box-shadow: 0 0 15px #888;
  box-shadow: 0 0 15px #888;
  border: 5px solid #19362e;;
}
#status i {
	font-size: 2rem;
	margin-bottom: 10px;
}
/* Close button style */
.close-btn {
    background: #333;
    color: #fff;
    padding: 0px;
    border: none;
    cursor: pointer;
    margin-bottom: 10px;
    z-index: 100000000000000;
    width: 60px;
    height: 60px;
    background-image: url(https://images.door-commerce.co.uk/climadoor/icon-close.png);
    background-repeat: no-repeat;
    background-size: 60% 60%;
    background-position: center;
    border-radius: 5000px;
}
.cc-theme-edgeless.cc-window {
  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px #888;
  box-shadow: 0 0 5px #888;
}
#status h4 {
  font-weight: 700;
  font-size: 1.238rem;
  text-transform: uppercase;
}
#status img {
  max-width: 50px;
  margin: 10px auto 20px auto;
}
#status a.btn {
	font-weight: 700;
}
#status a.btn:hover {
	padding: 10px 30px;
}
#header_wrap {
	position: sticky;
	z-index: 9999;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: #fff;
	font-family: 'Montserrat', Helvetica Neue, Helvetica !important;
}
#header_wrap.minify .c_30 .c_75 span {
	display: none;
} 
#header_wrap.minify header .c_20 img {
	width: 55%;
}
#header_wrap.minify header {
	padding-top: 15px;
}

#header_wrap.minify header .c_30 .c_25 {
	background-position: center 85%;
}
header {
	padding-top: 30px;
	padding-bottom: 15px;
	position: relative;
	z-index: 1;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    /* Let's enforce some hardware acceleration */
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
}
header .c_20 img {
	display: block;
	width: 80%;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    /* Let's enforce some hardware acceleration */
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
}
img {
	height: auto!important;
}
header .c_30 {
	text-align: right;
}
header .c_30 p {
	font-size: 1.385rem;
	padding: 0px;
	margin: 0px;
	line-height: 110%;
}
header .c_75 a {
	display: block;
	font-size: 1rem;
	font-weight: 700;
	color: #2e883d;
}
header .c_75 a:hover {
	color: #2e883d !important;
	background-color: transparent !important;
	text-decoration: underline !important;
}
header .c_75 a.tel {
	font-size: 1.892rem;
	margin-top:8px;
}
header .max > .flex {
  	align-items: flex-end;
}
header form {
	width: 75%;
	margin: 20px auto 5px auto;
}
header form input {
	padding:15px 20px;
	background-color: #efefef;
	border-radius: 100px;
	border: none;
	width: calc(100% - 40px);
    
}
header .c_30 .c_25 {
	background-image: url("/images/icon-cart-alt.png?v=1");
	background-repeat: no-repeat;
	background-position: center 93%;
	background-size: 45px auto;
	position: relative;
	z-index: 1;
}
header .c_30 .c_25 span {
	position: absolute;
	left: 50%;
	bottom:19px;
	margin-left: -12px;
	width: 28px;
	height: 28px;
	z-index: 3;
	text-align: center;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	font-weight: 700;
	font-size: 1.154rem;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    /* Let's enforce some hardware acceleration */
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
}

.mobile, .mobile_search, #mobile_wrap, #mobile_menu, #mobile_filter {
	display: none;
}
a .num {
	background-color: #c00;
	color: #fff;
}
nav {
  	background-color: #2e883d;
	position: relative;
	z-index: 9999;
}
.flex a {
    width: 100% !important;
}
.flex a:hover {
    background-color: transparent !important;
}
nav .flex {
	justify-content: space-between;
	margin-left: -5px;
	margin-right: -5px;
	gap: 2px;
}
nav .flex a:hover {
	background-color: #82c193 !important;

}
nav .flex .flex {
    justify-content: center;
}
.drop_btn {
    text-align: center;
    color: #fff;
    padding:15px 10px;
    line-height: 120%;
    flex: 1;
    z-index: 1;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
	font-weight: 700;
	font-size: 1rem;
}
.drop_btn.sale_btn {
	background-color: #c00;
	text-transform: uppercase;
}
.drop_btn:hover, .drop_btn.active {
	text-decoration: none !important;
	background-color: #82c193 !important;
}
#dropdown_wrap {
    position: relative;
    z-index: 99999;
    max-width: 1140px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 auto;
    height: 0;
    overflow: visible
}
.dropdown {
  	position: absolute;
    background-color: #fff;
    width: calc(100% - 40px);
    left: 20px;
    z-index: 1;
    text-align: left !important;
    overflow: hidden;
    transform: translateY(0px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: height 0ms 400ms, opacity 400ms 0ms;
    -moz-transition: height 0ms 400ms, opacity 400ms 0ms;
    transition: height 0ms 400ms, opacity 400ms 0ms;
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.dropdown_wrapper:hover .dropdown {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    -webkit-transition: height 0ms 0ms, opacity 300ms 0ms;
    -moz-transition: height 0ms 0ms, opacity 300ms 0ms;
    transition: height 0ms 0ms, opacity 300ms 0ms;
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    transition-delay: .6s;
    overflow: visible;
    animation-play-state: running;
    -webkit-animation-play-state: running
}
.dropdown_inner {
	padding: 30px;
}
.dropdown ul {
    padding: 0px 0px 10px 0px;
    margin: 0px;
    list-style: none;
}
.dropdown ul li {
    margin-bottom: 8px;
}
.dropdown li a {
	font-weight: 300;
}
.dropdown .c_25 a:hover {
	background-color: transparent !important;
	color: black !important;
	text-decoration: underline !important;
}
.dropdown p.title {
	font-weight: 700;
}
.sub_nav {
	background-color: #19362e;
	color: #2e883d;
	position: relative;
	z-index: 3;
}
.sub_nav .flex {
	padding:0px;
	margin: 0px;
	list-style: none;
	justify-content:center;
}
.sub_nav .flex li {
	position: relative;
	z-index: 1;
}
.sub_nav .max {
	padding-left: 10px;
	padding-right: 10px;
	max-width: 1170px;
}
.sub_nav a {
	text-transform: uppercase;
	display: block;
	padding: 15px 20px;
	color: #fff;
	font-weight: 300;
    font-size: 0.9231rem;
}

.sub_nav a:hover, .sub_nav a.active, .sub_nav .flex li li:last-child a:hover {
	text-decoration: none;
	background-color: #82c193;
	color: #19362e;
}
.sub_nav .dropdown_menu {
	background-color: #b4ddbe;
	position: absolute;
	top: 100%;
	left: 0px;
	width: 100%;
	z-index: 99;
	display: none;
}
.sub_nav .dropdown_menu a {
	text-transform: none;
	font-weight: 300;
	color: #19362e;
}
.sub_nav .dropdown_menu ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.sub_nav .flex li:last-child a {
    background-color: #c00;
    color: #fff;
}
.sub_nav .flex li li:last-child a {
    background-color: #b4ddbe;
    color: #19362e;
}
.rtb {
	border-bottom: 1px solid #ccc;
	box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.2);
	position: relative;
	z-index: 2;
	padding: 0px;
}
.rtb ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	text-align: center;
}
.rtb ul li {
	padding: 10px 5px;
	text-align: center;
	text-transform: uppercase;	
	font-size: 0.8231rem;
	box-shadow: inset -1px 0 0 0 #ddd;
	flex: 1;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
}
.rtb ul li a:hover {
	color: #19362e !important;
	background-color: transparent !important;
	text-decoration: underline !important;
}
.rtb ul li:nth-child(1){
}
.rtb ul li:nth-child(3), .rtb ul li:nth-child(4){
	flex:1.35;
}
.rtb ul li:nth-child(4){
	box-shadow: inset -1px 0 0 0 #fff;
}
.rtb img {
	display: inline-block;
	width: 25px;
	margin-right: 10px;
	margin-left: 10px;
}
.rtb ul li:nth-child(1) img {
	margin-left: 0px;
}
#banner {
	background-color: #eee;
	position: relative;
	z-index: 1;
}
#banner .c_75 {
	padding:75px 150px 75px 0px;
	position: relative;
	z-index: 2;
	width: calc(75% - 150px);
	background-color: #eee;
}
#banner h1 {
	font-weight: 700;
	font-size: 2.692rem;
	position: relative;
	z-index: 3;
}
#banner .max {
	position: relative;
	z-index: 1;
}
#banner:before, #banner .overlay {
	content: "";
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 1;
	background-image: url("https://images.door-commerce.co.uk/internal-doors/10157-1.jpg?w=1000");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 100%;
	width: 50%;
}
#banner .overlay {
	width: 35%;
}
#banner.ltd, #banner.ltd .c_75 {
	background-color: #19362e;
	color: #fff;
}
#banner.ltd h1 {
	color: #fff;
}
#banner.ltd:before {
	display: none;
}
#banner .max:after {
	content: "";
	left: calc(75% - 30px);
	width: 20%;
	top: 0px;
	z-index: 2;
	background: linear-gradient(to right, #eee 0%, rgba(238, 238, 238, 0) 100%);
	height: 100%;
	position: absolute;
	border-left: 15px solid #eee;
}
#banner.ltd .max:after {
	background: linear-gradient(to right, #19362e 0%, rgba(238, 238, 238, 0) 100%);
	border-left: 15px solid #19362e;
}
section {
	padding: 50px 0px;
}
section.restrict {
	padding-bottom: 10px;
	padding-top: 25px;
}
.categories a {
	position: relative;
	z-index: 1;
	display: block;
}
.categories img {
	display: block;
	width: 100%;
	position: relative;
	z-index: 1;
}
.categories .inner {
	position: relative;
	z-index: 1;
	margin-bottom: 10px;
	margin-top: 10px;
}
.categories a:before {
	content: "";
	position: absolute;
	top: 0px;
	height: 100%;
	width: 100%;
	left: 0px;
	z-index: 2;
	background-color: rgba(136, 136, 136, 0.0); /* semi-transparent */
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    /* Let's enforce some hardware acceleration */
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
}
.categories span {
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: block;
	z-index: 3;
	font-size: 1.538rem;
	font-weight: 700;
	text-align: center;
	width: 100%;
	padding: 20px 0px;
	color: #fff;
	background-color: rgba(136, 136, 136, 0.5); /* semi-transparent */
    backdrop-filter: blur(3px); /* blur the background behind */
    -webkit-backdrop-filter: blur(3px); /* for Safari */
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    /* Let's enforce some hardware acceleration */
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
}
.categories.service span {
	font-size: 1.077rem;
}
.categories a:hover:before {
	background-color: rgba(136, 136, 136, 0.4); /* semi-transparent */
}
.categories .flex a:hover:before, .categories a.block_link:hover:before {
	background-color: rgba(136, 136, 136, 0); /* semi-transparent */
}
.categories a:hover span {
	background-color: rgba(136, 136, 136, 0); /* semi-transparent */
    backdrop-filter: blur(0px); /* blur the background behind */
}
.categories .c_25 .flex {
	margin-top: 5px;
	margin-bottom: 1px;
	background-color: #f0f0f0;
	align-content: center;
	align-items: center;
}
.categories .c_25 .flex img {
	display: block;
	width: 100%;
	max-width: 100%!important;
}
.categories .c_25 .flex a, a.block_link {
	display: block;
	height: 100%;
	padding: 15px 50px 15px 20px;
	position: relative;
}
a.block_link {
	margin-top: 4px;
}
.categories .c_25 .flex a::after, .categories a.block_link::after, a.top:before {
  content: "→"; /* Arrow symbol */
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease, opacity 0.3s ease;
  opacity: 0.4;
}

.categories .c_25 .flex a:hover, .categories a.block_link:hover {
  background-color: #19362e;
	color: #fff;
	text-decoration: none;
}

.categories .c_25 .flex a:hover::after, .categories a.block_link:hover:after {
  transform: translate(15px, -50%); /* Move arrow right */
  opacity: 1;
}
.green {
	background-color: #82c193;
}
.green h2 {
	font-size: 2.538rem;
	display: block;
	padding: 0px 10%;
	font-weight: 500;
	margin-bottom: 30px;
	text-align: center;
}
.hooks {
	text-align: center;
}
.hooks .block {
	margin: 0px 0px 40px 0px;
	position: relative;
	z-index: 1;
	padding-right:10px;
	padding-left: 10px;
}
.hooks .block:before {
	content: "";
	position: absolute;
	right: -7.5px;
	top: 0px;
	height: 100%;
	z-index: 1;
	box-shadow: inset -1px 0 0 0 #fff;
	width: 1px;
}
.hooks .c_25:nth-child(4) .block {
	padding-right: 0px;
}
.hooks .c_25:nth-child(4) .block:before {
	box-shadow: none;
}
.block p:nth-child(1){
	padding-top: 0px;
	margin-top: 0px;
}
.block p:nth-child(2){
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.hooks p.bold {
	font-size: 1.231rem;
}
.hooks img {
	display: block;
	margin: 0px auto;
	width: 30%;
	filter: invert(100%);
}
.quick_contact {
	background-color: #1c3d34;
	color: #fff;
	padding: 20px 0px;
	text-align: center;
	font-weight: 700;
	font-size: 1.692rem;
}
.quick_contact p {
	padding: 0px 0px 10px 0px;
	margin: 0px;
}
.quick_contact a {
	background-color: #fff;
	color: #1c3d34;
}
.advice_wrap {
	padding: 0px 0px;
}
.about {
	background-color: #333;
	background-image: url("https://images.door-commerce.co.uk/fire-doors/17402-lifestyle.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	z-index: 1;
	margin-left: 0px;
	margin-right: 0px;
}
.about:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
}
.about .wrapper {
	width: 60%;
	margin: 75px 0px;
	border: 2px solid #fff;
	position: relative;
	z-index: 2;
	color: #fff;
	display: inline-block;
	padding: 50px;
    background-color: rgba(0, 0, 0, 0.3); /* Optional for dark overlay */
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px); /* For Safari support */
    box-shadow: 0 0 30px rgba(0,0,0,0.2); /* Optional, for depth */
	
}
.about .wrapper:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 100%;
	height: 100%;
	filter: blur(100);
}
.about h4 {
	font-size: 2rem;
	font-weight: 400;
	position: relative;
	z-index: 2;
	color: #fff;
}
.about p {
	display: block;
	width: 80%;
	position: relative;
	z-index: 2;
}
.btn_wrap {
	display: block;
	text-align: right;
	margin-top: 30px;
	position: relative;
	z-index: 2;
}
.btn_wrap a.btn:hover {
	padding:10px 30px;
}
.strapline {
	font-size: 2.538rem;
	display: block;
	padding: 30px 0px;
	background-color: #ddd;
	line-height: 125%;
	text-align: center;
}
.logos .flex {
	flex: 1;
	justify-content: center;
}
.logos img {
	display: block;
	width: calc(100% - 2px);
	margin: 10px auto;
	border: 1px solid #efefef;
}
.logos .c_33 {
	text-align: center;
}
footer {
	background-color: #19362e;
	padding: 50px 0px;
	color: #fff;
}
footer .negative {
	margin-left: -20px;
	margin-right: -20px;
}
footer .negative .inner {
	margin-left: 20px;
	margin-right: 20px;
}
footer c_25 a {
	color: #fff;
}
footer h3 a {
	color: #82c193;
}
footer ul {
	padding:0px 0px 40px 0px;
	margin: 0px;
	list-style: none;
}
footer ul li {
	margin-bottom: 10px;
}
footer ul li a {
	display: block;
	position: relative;
	z-index: 1;
	padding-bottom: 2px;
	font-weight: 300
}
footer ul li:first-child a {
	font-weight: 700;
}
footer .c_25 ul li a:hover {
	background-color: transparent !important;
	text-decoration: none !important;
	color: #82c193 !important;
}
footer ul li a:before {
	content: "";
	position: absolute;
	bottom:0;
	left: 0px;
	height: 1px;
	z-index: 1;
	background-color: #82c193;
	width: 0%;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    /* Let's enforce some hardware acceleration */
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
}
footer ul li a:hover:before {
	/*width: 90%;*/
}
footer .c_25:first-child img {
	margin-bottom: 50px;
}
footer .c_33 {
	display: flex;
	align-content: center;
	align-items: center;
}
footer .c_33:nth-child(2){
	text-align: center;
}
footer .c_33:nth-child(3){
	text-align: right;
}
footer .c_33 a {
	display: block;
	text-align: center;
	font-size: 1.692rem;
}
footer .c_25 a.tel {
	font-weight: 700;
	color: #82c193;
	font-size: 2.231rem;
	margin-bottom: 5px;
}
footer .c_25 a.tel:hover {
	color: #82c193 !important;
	text-decoration: underline;
	background-color: transparent !important;
}
footer .c_25 img {
	display: block;
}
footer p.subtitle, .articles p.subtitle {
	color: #82c193;
	font-weight: 700;
	font-size: 1.231rem;
	margin-top: 0px;
	padding-top: 0px;
}
.socials {
	text-align: center;
	background-color: #288437;
	padding: 25px 0px;
}
.socials img {
	filter: invert(100);
	width: 40px;
	margin:0px 5px;
	display: inline-block;
}
#breadcrumbs {
	padding-bottom: 15px;
	font-size: 0.8231rem;
}
#breadcrumbs ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#breadcrumbs a {
	color: #298942;
	font-weight: 500;
}
#breadcrumbs span {
	display: inline-block;
	padding: 0px 10px;
}
.page {
	padding-bottom: 20px;
	padding-top: 25px;
}
.no_pad {
	padding-top: 0px;
}
.page h1 {
	font-size: 2.538rem;
	font-weight: 700;
}
h2.subtitle {
	display: block;
	padding-top: 10px;
	font-size: 1.231rem;
}
.ranges {
	margin-top: 30px;
	margin-bottom: 20px;
}
.ranges img {
	display: block;
	margin: 0px;
}
.ranges h2 a {
	display: block;
	font-size: 1.154rem;
	padding: 15px 30px;
	background-color: #19362e;
	color: #fff;
	font-weight: 700;
}
.ranges h2 a span {
	font-weight: 300;
}
.ranges h2 a:hover {
	/* background-color: #2e883d; */
	text-decoration: none;
}
.ranges .inner {
	background-color: #b6dec2;
}
.ranges .intro {
	padding: 30px;
}
.advice {
	background-color: #e2e2e2;
	padding: 30px 75px;
}
.advice p.call {
	display: block;
	padding: 12px 15px 12px 140px;
	position: relative;
	z-index: 1;
	background-color: #fff;
	font-size: 2.231rem;
	color: #2e883d;
	font-weight: 700;
	border-radius: 0px 100px 100px 0px;
}
.advice p.call span {
	font-weight: 300;
	color: #19362e;
}
.advice p.call a {
	font-weight: 700;
}
.advice p.call img {
	position: absolute;
	left: -40px;
	top: -32px;
	z-index: 2;
	height: 135px;
	width: 135px;
}
.advice .flex {
	margin-left: 140px;
}
.advice .c_80 p {
	padding: 0px 15% 0px 0px;
	margin: 0px;
}
.advice .c_20 a {
	display: block;
	text-align: center;
	font-size: 1.231rem;
}
.description {
	padding-top: 50px;
	padding-right: 10%;
}
.desc {
	padding-right: 10%;
}
.desc img {
	max-width: 100%;
	height: auto!important;
}
.description h2, .desc h2 {
	font-size: 2rem;
}
.styles {
	margin-top: 40px;
	margin-bottom: 50px;
}
.styles .c_33 {
	margin-bottom: 20px;
}
.styles .c_33 .inner {
    border: 1px solid #ddd;
    padding: 20px;
    text-align: center;
}
.styles .c_33 .inner p:first-of-type a {
    font-weight: 500;
    font-size: 1.154rem;
}
.styles .c_33 .inner img {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}
.styles .c_33 p {
    padding: 0px;
    margin: 0px;
}
.styles p.price {
    display: block;
    padding: 10px 0px;
	color: #2e883d;
	font-weight: 500;
}
.styles .c_33 span {
    display: block;
    font-size: 0.8231rem;
}
.heading {
	display: block;
	padding: 10px 15px;
	background-color: #19362e;
	color: #fff;
	font-size: 1.154rem;
	font-weight: 700;
	background-image: url(/images/icon-filter.png);
	background-repeat: no-repeat;
	background-size: auto 50%;
	background-position: 95% center;
	border-radius: 5px 5px 0px 0px;
	margin: 0px;
}
.sort_box {
	padding: 0px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 0px 0px 5px 5px;
	margin-bottom: 20px;
}
.sort_box select {
	border: 1px solid #ddd;
	margin: 0px 20px 20px 20px;
	padding: 10px;
	width: calc(100% - 42px);
	background-color: rgba(245,245,245);
}
.filter {
    background-color: #f0f0f0;
}
.filter p, .quotation p {
    display: block;
    padding: 20px;
    margin: 0px;
    background-color: #2e883d;
    color: #fff;
    font-size: 1.231rem;
    font-weight: 500;
    background-image: url(https://images.door-commerce.co.uk/general/icon-filter.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: auto 50%;
}
.quotation p {
	background-image: none;
}
.opt {
    padding: 20px;
}
.opt ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.opt span {
    font-weight: 500;
}
.builder {
    margin-top: 40px;
    margin-bottom: 50px;
}
.builder .block {
    border: 1px solid #ddd;
    padding: 25px 40px;
}
.builder label {
    font-weight: 500;
    display: block;
    margin-bottom: 10px;
}
.builder label span {
    font-weight: 300;
}
.builder input[type=text], .builder input[type=number], .builder select {
    border: 1px solid #ddd;
    padding: 6px 10px;
    width: calc(100% - 22px);
    border-radius: 5px;
}
.builder input[name=width], .builder input[name=height] {
    width: 65%;
}
.builder select {
	background-color: #fff;
}
.light_bg {
	background-color: #f0f0f0;
}
.grey_bg {
    background-color: rgb(245, 245, 245);
}
.block.grey_bg {
    border-bottom: 3px solid #fff;
}
.tip {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    border-radius: 500px;
    background-color: #2e883d;
    color: #fff;
    padding: 5px;
    width: 8px;
    height: 8px;
    text-align: center;
    font-size: 0.8231rem;
    margin-left: 5px;
    position: relative;
    z-index: 1;
    top: -2px;
}
.openings img {
	display: block;
	width: 100%;
	border: 1px solid #fff;
}
.openings .c_33 {
	padding-bottom: 20px;
}
.quotation {
	background-color: #c5e3cc;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    /* Let's enforce some hardware acceleration */
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
}
.quote_wrap {
	padding: 20px;
}
.quote_wrap ul {
	padding: 10px 0px;
	margin: 0px;
	list-style: none;
}
.quote_wrap li {
	margin: 10px 0px;
	display: block;
}
.quotation span {
	opacity: 0;
}
.builder .block.grey_bg {
	padding-top: 5px;
}
.builder .block.grey_bg .inner {
	padding-top: 20px;
}
.buy_buttons {
	margin: 0px;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
}
.buy_buttons a, .buy_buttons input {
	width: calc(33% - 10px)!important;
	height: 22px;
	display: inline-flex;
	padding: 5px!important;
	text-align: center;
	background-color: #fff;
	margin: 0px;
	justify-content: center;
	font-size: 1rem;
	border: none!important;
}
.buy_buttons input {
	border-radius: 0px!important;
}
.buy_buttonsx a, .buy_buttons a {
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 50%;
	overflow: hidden;
	text-indent: -999px;
}
.buy_buttons a:first-child, .buy_buttons a:first-child {
	border-right: 0px solid #fff;
	border-radius: 5px 0px 0px 5px;
	background-image: url("/images/icon-minus.png?v=1");
}
.buy_buttons a:last-child, .buy_buttons a:last-child {
	border-left: 0px solid #fff;
	border-radius: 0px 5px 5px 0px;
	background-image: url("/images/icon-plus.png?v=1");
}
.buy_buttons a, .buy_buttons a {
	background-color: #fff;
}
.buy_buttons a:hover {
	background-color: #e7e0d2;
}
.builder input[type=submit]{
	background-color: #2e883d;
    color: #fff;
	padding: 5px;
	height: 32px;
	border: none;
	border-radius: 5px;
	width: calc(100% - 10px);
}
.builder input[type=submit]:hover {
	background-color: #19362e;
	cursor: pointer;
}
.results {
    display: none;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 5px;
    background-color: #fff;
    text-align: right;
	border: 1px solid #ccc;
}
.product_wrap {
	background-color: #fff;
	padding:20px 20px 10px 20px;
	border: 1px solid #ddd;
	border-radius:5px;
	margin-bottom: 30px;
	position: relative;
	z-index: 1;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
}
.product_wrap .sale, .wrapper .sale, #banner .sale, .sku .sale {
	position: absolute;
	left: 20px;
	top: 0px;
	width: 40px;
	height: 40px;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	background-color: #c00;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.7231rem;
	clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
}
#banner .sale, .sku .sale {
	z-index: 99999;
	left: 30px;
	font-size: 0.9231rem;
	width: 60px;
	height: 60px;
}
.save {
    display: inline-block;
    padding: 6px 15px;
    color: #c00;
    border: 1px solid #c00;
    text-transform: uppercase;
    font-size: 0.7231rem;
    border-radius: 50px;
    font-weight: 500;
}
.wrapper {
	position: relative;
	z-index: 1;
}
.wrapper .sale {
	left: auto;
	right: 30px;
	width: 70px;
	height: 70px;
	font-size: 0.9231rem;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 85%);
}
.product_wrap img {
	display: block;
	padding-bottom: 10px;
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 20px;
}
.product_wrap.fill {
	padding: 0px;
}
.product_wrap.fill .blob {
	padding: 20px 20px 10px 20px;
}

.product_wrap .c_40 img {
	border: none;
	padding: 0px;
	margin: 0px;
	display: inline-block;
	max-width: 100%;
}
.product_wrap.fill img {
	padding: 0px;
	margin: 0px;
}
.product_wrap h2, .product_wrap h3 {
	font-size: 1.077rem;
}
p.price_range {
	font-weight: 500;
	font-size: 0.9231rem;
	padding-bottom: 10px;
	margin-bottom: 0px;
}
.product_wrap a.btn {
	font-size: 0.9231rem;
	padding: 10px 15px;
	display: block;
	text-align: center;
}
.product_wrap .flex {
	align-content: center;
	align-items: center;
}
.product_wrap .c_40 {
	text-align: right;
}
#load-more-container {
	display:none; text-align:center; margin:20px;
}
#load-more {
	display: inline-block;
	background-color: #19362e;
	padding: 15px 30px;
	color: #fff;
	border: none;
	border-radius: 10px;
	font-weight: 700;
	font-size: 1.154rem;
}
#load-more:hover {
	background-color: #2e883d;
    color: #fff;
}
p.price {
	font-size: 2rem;
	color: #2e883d;
	font-weight: 700;
	padding:0px;
	margin: 0px;
}
.product h1 {
	display: block;
}
.skus {
	align-content: center;
	align-items: center;
}
.skus .inner {
	padding: 8px 0px;
}
.skus .c_100.break {
	border-top: 1px solid #ddd;
}
.skus .small {
	font-size: 0.8231rem;
	/*color: #f39b42;*/
}
.skus .flex {
	align-content: center;
	align-items: center;
}
.mini_reviews {
	margin-top: 10px;
}
.sale_tag {
	font-size: 1.154rem;
	color: #c00;
	font-weight: 700;
}
.sku .sale_tag {
	font-size: 1.538rem;
}
.all_skus img {
	display: block;
	width: 100%;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.all_skus .product_wrap {
	padding: 0px;
}
.all_skus .box {
	padding: 20px;
}
.was {
	display: inline-block;
	margin-left: 10px;
	text-decoration: line-through;
	font-size: 0.8231rem;
	font-weight: 700;
}
strong.on_offer {
	color: #c00;
}
.buttons {
	align-content: center;
	align-items: center;
	justify-content:center;
	text-align: center;
	background-color: #f0f0f0;
}
.buttons div {
	width: 15%;
}
.buttons div:nth-child(4){
	width: 55%;
}
.buttons input, .buttons a {
	width: calc(100% - 20px);
	padding: 5px 10px;
	border: none;
	display: block;
	text-align: center;
}
.buttons input {
	width: 100%;
}
.buttons a {
	background-color: #19362e;
	color: #fff;
	font-weight: 700;
}
.buttons a:hover {
	background-color: #333;
	text-decoration: none;
}
.buttons input[name=submit]{
	margin-left: 10px;
	font-size: 1rem;
	font-weight: 500;
	width: calc(100% - 10px);
}
p.by {
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	text-transform: uppercase;
	color: #2e883d;
}
p.by a {
	color: #2e883d;
}
.descriptive p:nth-child(1){
	font-size: 1.231rem;
	font-weight: 700;
	padding-top: 0px;
	margin-top: 0px;
}
.descriptive ul li {
	margin-bottom: 10px;
	line-height: 125%;
}
.descriptive ul br {
	display: none;
}
.selector {
	border: 1px solid #ddd;
	background-color: #fff;
	margin-bottom: 20px;
	border-radius: 5px 5px 0px 0px;
}
.selector p, .sort_box p {
	border-bottom: 1px solid #eee;
	display: block;
	padding: 15px;
	margin: 0px;
	font-weight: 700;
	text-transform: uppercase;
}
.sort_box p {
	padding: 15px;
	margin-bottom: 15px;
}
.selector ul {
	list-style: none;
	padding: 20px 15px;
	margin: 0px;
}
.selector ul li {
	padding: 4px 0px 4px 0px;
	display: block;
	position: relative;
	line-height: 125%;
}
.selector ul li input {
	position: absolute;
	left: 0px;
	top: 5px;
	z-index: 1;
	display: none;
}
.selector a {
	font-weight:300;
	font-size: 0.9231rem;
	padding-left: 25px;
	background-image: url("/images/icon-uncheck.png");
	background-size: 18px 18px;
	background-repeat: no-repeat;
	background-position: 0px 1px;
	display: block;
}
.selector a.active, .selector a:hover {
	background-image: url("/images/icon-check.png");
}
input[name=submit_btn] {
	background-color: #19362e;
	color: #fff;
	border: none;
	padding: 15px 20px;
	font-size: 1.154rem;
	font-weight: 700;
	display: block;
	width: 100%;
	text-align: left;
	border-radius: 5px;
	background-image: url("/images/icon-arrow-right.png");
	background-repeat: no-repeat;
	background-position: 97.5% center;
	background-size: auto 100%;
}
#image {
	height: 800px
}
#image.short {
	height: auto;
	background-color: #fff;
}
.smv-ss {
	margin-top: 20px!important;
}
.swiper-slide {
	max-width: 224px;
}
.swiper-slide img {
	aspect-ratio: 4 / 3; /* adjust for your thumbnails */
    width: 100%;
    height: auto;
    display: block;
}
.gallery-slider {
	margin-bottom: 50px;
}
.gallery-slider {
  	width: 100%;
  	padding-bottom: 15px;
}

.gallery-slider img {
  	width: calc(100% - 0px);
  	cursor: pointer;
  	transition: transform 0.2s ease;
	background-color: #fff;
}

.gallery-slider img:hover {
}

/* --- Controls below the slider --- */
.gallery-controls {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    margin-top: 10px;
}

/* Style both arrows */
.gallery-controls .swiper-button-prev,
.gallery-controls .swiper-button-next {
    position: static; /* override Swiper’s default absolute positioning */
    width: 20px;
    height: 20px;
    background: #fff; /* change to match your theme */
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    border:1px solid #000;
    padding: 10px;
	text-indent: -9999px;
	overflow: hidden;
	background-size: 50% 50%;
	background-repeat: no-repeat;
	background-position: center;
}
.gallery-controls .swiper-button-prev {
	background-image: url(https://images.door-commerce.co.uk/general/icon-arrow-left-black.png);
}
.gallery-controls .swiper-button-next {
	background-image: url(https://images.door-commerce.co.uk/general/icon-arrow-right-black.png);
}
.gallery-controls .swiper-button-prev:hover,
.gallery-controls .swiper-button-next:hover {
	background-color: #efefef;
  	background-size: 50% 50%;
	background-repeat: no-repeat;
	background-position: center;
	
}

/* Remove default Swiper arrow icons positioning */
.swiper-button-prev::after,
.swiper-button-next::after {
  	font-size: 18px;
}
/* Constrain the lightbox image size */
.glightbox-container .ginner-container {
    max-width: 75vw !important;  /* 75% of viewport width */
    max-height: 75vh !important; /* 75% of viewport height */
    margin: 0 auto;
}

/* Ensure images fit nicely within that box */
.glightbox-container .gslide-image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 8px;
}

/* Optional: dark background softened slightly */
.glightbox-container {
  	background: rgba(0, 0, 0, 0.35) !important;
}

/* Optional: fade-in animation */
.glightbox-container .gslide-media {
  	transition: transform 0.3s ease, opacity 0.3s ease;
}
.gallery img {
	display: block;
	width: 100%;
	border-radius: 5px;
}
.gallery a {
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
	display: block;
	background-color: #fff;
	margin-bottom: 20px;
}
.stack-table {
  width: 100%;
  border-collapse: collapse;
	margin-top: 25px;
}

.stack-table caption {
  text-align: left;
  font-weight: 600;
  padding: 0.75rem 0;
}

.stack-table th,
.stack-table td {
  
  padding: 15px 15px;
  vertical-align: top;
}
.stack-table th {
	width: 100%;
}
.stack-table thead th {
  background: #f7f7f7;
  text-align: left;
}

/* Desktop/tablet: keep two columns tidy using CSS Grid */
.stack-table tbody tr {
  display: grid;
  grid-template-columns: 240px 1fr; /* label | value */
}

/* Make row headers look like labels */
.stack-table tbody th[scope="row"] {
  font-weight: 600;
  
	text-align: left;
}
.stack-table tbody tr:nth-child(odd) {
    background-color: #f7f7f7;
}

.stack-table tbody tr:nth-child(even) {
    background-color: #fff;
}
h3.title, .widget h5 {
	font-size: 1.538rem;
	display: block;
	position: relative;
	z-index: 1;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
}
h3.title img, .widget h5 img {
	position: absolute;
	right: 0px;
	top: 0px;
	transform: rotate(90deg);
	z-index: 99;
	width: 30px;
}
.widget h5 {
	font-size: 1.154rem;
}
.widget {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 30px;
	position: relative;
	z-index: 1;
	margin-bottom: 15px;
}
.widget p.call {
	font-weight: 700;
  	color: #2e883d;
  	font-size: 1.385rem;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.widget h4 {
	font-size: 2rem;
}
.advice_wrap i {
	position: absolute;
	right: 30px;
	bottom: 30px;
	z-index: 99;
}
p.buyer {
	text-align: right;
}
input[name=submit], .checkout_btn .btn, a.check {
	border: none;
	font-weight: 700;
	background-image: url("/images/icon-arrow-right.png");
	background-repeat: no-repeat;
	background-position: 97.5% center;
	background-size: auto 100%;
	padding-right: 40px;
}
input[name=submit]:hover {
	background-color: #19362e;
}
a.check {
	padding-right: 80px;
}
a.check:hover {
	padding-right: 100px;
}
.mini_reviews {
	margin-top: 10px;
}
.title_wrap {
	background-color: #19362e;
	color: #fff;
}
.title_wrap h1 {
	color: #fff;
	display: block;
	width:75%;
}
.sku {
	padding: 0px;
	position: relative;
	z-index: 99;
	background-color: #f0f0f0;
}
.sku:before {
	content: "";
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
	width: 30%;
	height: 100%;
	background-color: #f0f0f0;
}
.sku .max {
	position: relative;
	z-index: 2;
}
.block {
	padding: 50px 40px 50px 40px;
}
.sku .c_65 .block {
	background-color: #fff;
}
.sku .c_35, .sku .c_35 .inner {
	background-color: #f0f0f0;
}
.sku .c_50:nth-child(1) .block, .sku .c_65 .block {
	
}
.sku .c_50:nth-child(2) .block, .sku .c_35 .block {
	padding-right: 0px;
}
.sku img {
	display: block;
	width: 100%;
}
.sku .flex .inner {
	position: relative;
	z-index: 1;
}.sku h1 {
	display: block;
	padding-bottom: 20px;
}
.sku .block li {
	margin-bottom: 8px;
}
.sku .block li br {
	display: none;
}
/*.sku h1 {
	display: block;
	padding:50px 15% 5px 0px;
}*/
.purchase .c_40{
	width: 40%;
	background: none;
	border: none;
}
.purchase .c_40 a.btn, .purchase input[type=submit] {
	margin-left: 10px;
}
.purchase input[type=submit] {
	width: 100%;
}
.purchase {
	margin-bottom: 30px;
	border:1px solid #eee;
	border-width: 1px 0px 0px 0px;
	align-items: center;
	align-content: center;
	padding:6px 0px;
	width: 100%;
}
.purchase .buy input {
	width: 100%;
	text-align: center;
	border: none;
	padding: 10px 0px;
}
.purchase .c_60 input {
	width: calc(100% - 10px);
}
.purchase .c_60 input:hover, .buyer input[name=submit]:hover {
	background-color: #19362e;
	color: #fff;
	cursor: pointer;
}
.purchase .buy div {
	flex: 1;
}
.purchase .buy div:nth-child(1) a {
	border-radius: 5px 0px 0px 5px;
}
.purchase .buy div:nth-child(3) a {
	border-radius: 0px 5px 5px 0px;
}
.purchase .buy a {
	display: block;
	text-align: center;
	background-color: #19362e;
	color: #fff;
	padding: 10px 0px;
} 
.margin {
	margin-top: 10px;
}
a.download {
	display: block;
	padding: 8px 10px 8px 50px;
	background-color: #2e883d;
	color: #fff;
	background-image: url(https://images.door-commerce.co.uk/general/icon-download-cloud.png);
	background-repeat: no-repeat;
	background-size: auto 50%;
	background-position: 15px center;
	border-radius: 5px;
}
a.download:hover {
	text-decoration: none;
	background-color: #19362e;
}
.mini_checkout img {
	display: block;
	width: 100%;
}
.top_margin {
	margin-top: 30px;
}
.head {
	border: 1px solid #ccc;
	border-width: 0px 0px 1px 0px;
	padding: 10px 0px;
	margin-bottom: 20px;
	font-weight: 700;
}
.mini_img {
	padding: 3px;
	background-color: #fff;
	border-radius: 5px;
	border:1px solid #ddd;
	position: relative;
	z-index: 1;
}
.mini_img span {
	position: absolute;
	top:-12px;
	right: -12px;
	z-index: 99;
	background-color: #19362e;
	color: #fff;
	font-weight: 500;
	padding: 6px;
	width: 16px;
	height: 16px;
	display: flex;
	text-align: center;
	justify-content: center;
	align-content: center;
	align-items: center;
	border: 2px solid #fff;
	border-radius: 5px;
}
.breaker {
	margin-bottom: 25px;
}
.mini_checkout .size, .mini_checkout strong {
	font-size: 0.8531rem;
}
.articles {
	background: #19362E;
background: radial-gradient(circle, rgba(25, 54, 46, 1) 0%, rgba(45, 84, 73, 1) 77%);
}
.articles p.subtitle {
	color: #fff;
	font-size: 1.692rem;
	display: block;
	text-align: center;
}
.articles img {
	display: block;
	width: 100%;
}
.articles .box {
	padding: 25px;
	background-color: #fff;
}
.articles .c_25 {
	margin-bottom: 30px;
}
.articles .inner {
	border-radius: 5px;
	overflow: hidden;
}
.articles p.title {
	font-size: 1.154rem;
	margin-top: 0px;
	padding-top: 0px;
}
.articles a.btn {
	font-size: 1rem;
	margin-top: 10px;
}
.msg {
	display: block;
	padding: 10px 20px;
	background-color: #fff;
	border: 1px solid #ccc;
	margin-bottom: 15px;
	text-align: center;
	border-radius: 5px;
}
.msg span {
	display: block;
	text-transform:uppercase;
	padding-bottom: 5px;
}
ul.promises {
	margin: 40px 0px 50px 0px;
	padding: 8px 0px 0px 0px;
	list-style: none;
	border-top: 1px solid #ccc;
}
ul.promises li {
	border-bottom: 1px solid #ccc;
	padding: 5px 0px 10px 0px;
	margin: 0px;
}
.stock_status .green_text, .stock_status .red_text, .mini_checkout .green_text, .mini_checkout .red_text, .mini_checkout .mtm {
	display: inline-block;
	padding: 10px 20px;
	background-color: #2e883d;
	color: #fff;
	border-radius: 50px;
}
.mini_checkout .green_text, .mini_checkout .red_text, .mini_checkout .mtm {
	font-size: 0.8231rem;
	padding: 6px 15px;
	margin-top: 8px;
}
.stock_status .red_text, .mini_checkout .red_text {
	background-color: #c00;
}
.mini_checkout .mtm {
	background-color: #777;
}
.mini_checkout .qty a, .mini_checkout .qty span {
	width: calc(100% - 20px);
	display: block;
	text-align: center;
	padding:5px 10px;
	border:none;
	border-radius:0px;
}
.mini_checkout .qty a {
	padding:5px 6px;
	width: calc(100% - 12px);
}
.mini_checkout .qty span {
	border:1px solid #ccc;
	border-width: 1px 0px;
}
.mini_checkout .qty a {
	background-color: #2e883d;
  	color: #fff;
	text-align: center;
	border: 1px solid #22866b;
}
.qty div:nth-child(1) a {
	border-radius:5px 0px 0px 5px;
}
.qty div:nth-child(3) a {
	border-radius:0px 5px 5px 0px;
}
.qty div:nth-child(4) a {
	background: none;
	border: none;
	margin-left: 5px;
}
.total {
	background-color: #fff;
  	border: 1px solid #ccc;
  	border-radius: 5px 5px 0px 0px;
  	padding: 30px;
	margin-bottom: 0px;
}
.total p {
	padding: 0px;
	margin: 0px;
	font-weight: 700;
	font-size: 1.892rem;
}
.checkout_wrapper {
	border-top: 1px solid #ccc;
}
.checkout_btn {
	padding-top: 0px;
	margin-top: 0px;
}
.checkout_btn .btn {
	border-radius: 0px 0px 5px 5px;
	display: block;
	font-weight: 700;
}
form[name=billing] {
    margin-top: 40px;
}
form[name=billing] input[type=text] {
    padding:10px 10px;
    border:1px solid #ccc;
    width: calc(100% - 22px);
    margin-bottom: 10px;
}
.shipping_table {
    border: 1px solid #ddd;
    border-radius: 5px;
	background-color: #fff;
	margin-right: 20px;
}
.shipping_table .header {
    background-color: #f0f0f0;
    padding: 15px 20px;
    font-weight: 700;
    font-size: 1.077rem;
}
.break {
    height: 1px;
    background-color: #ddd;
}
#delivery_details {
    display: none;
}
.shipping_table .c_10 {
    text-align: center;
    padding: 15px 0px;
}
.shipping_table .c_80, .shipping_table .c_90 {
    padding: 15px 0px;
}
.shipping_table .c_90 .inner {
    padding: 0px 20px 0px 20px;
}
.shipping_table .c_10 {
    padding-top: 20px;
}
.shipping_table ul {
    padding: 15px 0px 0px 0px;
    margin: 0px 0px 0px 16px;
}
.shipping_table h5 {
    font-weight: 700;
    font-size: 1rem;
}
.shipping_table input[type=radio] {
    display: none;
}
/*.shipping_table ul {
    padding: 0px;
    margin: 5px 0px 0px 30px;
}*/
a.select {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
    color: #fff;
    font-size: 0.9231rem;
    background-color: #2e883d;
}
a.select:hover, a.select.active {
    background-color: #19362e;
    text-decoration: none;
}
.checkout h4 {
	font-weight: 600;
	font-size: 1.077rem;
}
.addresses h4 {
	margin-bottom: 20px;
}
.shipping_table .inner {
	margin-left: 0px!important;
	margin-right: 0px!important;
}
.shipping_table {
	margin-bottom: 30px;
	overflow: hidden
}
#shipping_info, #shipping_details {
    display: none;
}
#shipping_info {
    border-top: 1px solid #ddd;
    padding:10px 20px;
}
.shipping_table li {
	margin-bottom: 8px;
}
h3.checkout_title {
	margin-bottom: 38px;
}
.free {
	display: block;
	background-color: #19362e;
	padding: 15px 20px;
	color: #fff;
	font-size: 1.538rem;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
}
.free div {
	position: relative;
	z-index: 2;
}
.free:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	z-index: 1;
	width: 15%;
	clip-path: polygon(0 0, 41% 0, 100% 100%, 0% 100%);
	background-color: #394a45;
}
.free:after {
	content: "";
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
	z-index: 1;
	width: 15%;
	clip-path: polygon(41% 0, 100% 0, 100% 100%, 0% 100%);
	background-color: #394a45;
}
.free span {
	font-weight: 700;
}
.free .ex {
	font-weight: 300;
	font-size: 0.9231rem;
}
.handle_wrapper {
	margin-bottom: 30px;
	padding: 30px 30px 20px 30px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.handles {
	margin-top: 20px;
}
.handles .inner {
	border: 1px solid #ddd;
	border-radius: 5px;
}
.handles .inner .inner {
	border: none;
	padding: 20px 10px;
	border-radius: 0px;
}
.handles h3 {
	font-size: 1rem;
}
.handles ul {
	padding: 10px 0px;
	margin: 0px;
	list-style: none;
}
.handles .c_50 .inner  {
	background-color: #fff;
}
.handles .c_40 {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
}
.handles .zoom {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 2;
}
.handles select {
	width: 100%;
	padding: 8px 10px;
	border: 1px solid #ddd;
	background-color: #fff;
}
h3.handle_title {
	margin-top: 0px;
	font-size: 1.231rem;
}
h3.handle_title img {
	width: 20px;
}
.light_bg .main_promos {
	margin-bottom: 20px;
	overflow: hidden;
	display: block;
}
.light_bg .main_promos img {
	border-radius: 5px;
	width: 100%;
}

@media only screen and (max-width:768px) {
    body.active {
        height: 100vh;
        overflow: hidden;
    }
	.negative, .negative .inner {
		margin-left: 0px;
		margin-right: 0px;
	}
	nav, sub_nav, header, .rtb {
		display: none;
	}
	#header_wrap.minify header {
		padding-top: 0px;
	}
	.max {
		padding-left: 5%;
		padding-right: 5%;
        display: block;
        overflow: hidden;
	}
	#mobile_menu {
		display: block;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0%;
		left: -115%;
		z-index: 100;
		background-color: #fff;
		-webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        /* Let's enforce some hardware acceleration */
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-backface-visibility: hidden;
        overflow: scroll;
	}
	#mobile_menu.active {
		left: 0px;
	}
	#mobile_menu ul {
		padding: 0px;
		margin: 150px 0px 0px 0px;
		list-style: none;
	}
    #mobile_menu a.top {
        border-top: 1px solid #f0f0f0;
        display: block;
        padding: 6px 0px;
        position: relative;
        z-index: 1;
    }
    #mobile_menu li:nth-child(1) a.top {
       border: none;
    }
    #mobile_menu .max.grey_bg {
        padding-top: 30px;
        padding-bottom: 30px;
        margin-top: 30px;
        font-size: 0.9231rem;
    }
	#mobile_wrap {
		display: block;
		z-index: 9999;
		position: sticky;
		top: 0px;
		left: 0px;
		width:100%;
		background-color: #fff;
	}
	header.mobile {
		display: block;
		z-index: 9999;
		position: relative;
		top: 0px;
		left: 0px;
		width: 95%;
		background-color: #fff;
	}
	header {
		padding:0px 0% 0px 5%;
		border-bottom: 1px solid #ccc;
		box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.2);
	}
	.mobile .flex {
		align-items: center;
		align-content: center;
	}
	.mobile .c_25 img {
		margin-top: 5px;
	}
	.mobile .c_75 {
		display: flex;
		justify-content: flex-end;
	}
	.mobile .c_75 .flex {
		width: 90%;
		padding:15px 0px;
		position: relative;
		z-index: 1;
	}
	.mobile .c_75 .flex:before {
		content: "";
		position: absolute;
		right: 0px;
		top: 0px;
		width: 28%;
		height: 100%;
		background-color: #2e883d;
		clip-path: polygon(15% 0%, 100% 0, 100% 100%, 0% 100%);
	}
	.mobile .c_75 .flex div {
		text-align:center;
		width: 23%;
		position: relative;
		z-index: 1;
	}
	.mobile .c_75 .flex div:nth-child(4) {
		width: 31%;
		text-align: right;
	}
	.mobile .c_75 .flex img {
		width: 20px;
		display: block;
		margin: 3px auto 5px auto;
	}
	.mobile.helpline {
		display: block;
		padding:10px 5%;
		background-color: #19362e;
		color: #fff;
		text-transform: uppercase;
		font-size: 0.9231rem;
		display: flex;
		align-items: center;
		align-content: center;
	}
	.helpline a {
		font-weight: 500;
		color: #fff;
		margin-left: 5px;
	}
	.helpline img {
		height: 18px!important;
		display: inline-block;
		filter: invert(100)
	}
	.mobile .c_75 .flex a {
		font-weight: 300;
		color: #19362e; 
		font-size: 0.7231rem;
		text-transform: uppercase;
	}
	.hamburger {
        margin: 0 0px 0px 0px;
        margin-top: 0px;
        width: 32px;
        height: 24px; /* Adjusted height to fit all 5 bars */
        position: absolute;
        right: 50%;
        display: inline-block;
        vertical-align: middle;
		top: 1px;
		margin-right: -8px;
    }

    .hamburger .bar {
        width: 32px;
        height: 2px;
        background-color: #fff;
        display: block;
        border-radius: 2px;
        position: absolute; 
        transition: all 0.4s ease-in-out;
    }

    /* Positioning of the 5 bars */
    .bar1 {
        top: 3px; /* First bar at the top */
    }
    .bar2 {
        top: 9px; /* Second bar */
    }
    .bar3 {
        top: 15px; /* Third bar */
    }
    .bar4 {
        top: 21px; /* Fourth bar */
    }
    .bar5 {
        display: none!important;
    }

    /* Transformations when .hamburger is active */
    .hamburger.active .bar1,
    .hamburger.active .bar5 {
        opacity: 0; /* Hide bar 1 and bar 5 */
    }

    .hamburger.active .bar2 {
        transform: rotate(45deg); /* Top diagonal of the cross */
        top: 12px; /* Move to center */
    }

    .hamburger.active .bar3 {
        opacity: 0; /* Hide bar 3 */
    }

    .hamburger.active .bar4 {
        transform: rotate(-45deg); /* Bottom diagonal of the cross */
        top: 12px; /* Move to center */
    }
	.mobile_search {
		display: none;
		padding: 12px 5%;
		border-bottom: 1px solid #ccc;
		box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.2);
		position: relative;
		z-index: 1; 
	}
	.mobile_search form {
		width: 100%;
	}
	.mobile_search form input {
		border-radius: 100px;
		background-color: #efefef;
		width: 91%;
		border: none;
		padding:10px 5%;
	}
	#banner .max:before {
        content: "";
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 9;
        background-image: url("https://images.door-commerce.co.uk/internal-doors/10157-1.jpg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 200px;
        width: 100%;
    }
	#banner .max:after {
		display: none;
	}
	#banner h1 {
		font-size: 1.385rem;
	}
	#banner .c_75 {
		width: 100%;
		padding:225px 0% 25px 0px;
	}
	#banner .max {
		padding: 0px 5%;
        background-color: #eee;
	}
	.categories .c_33 {
		width: 100%;
	}
	.green h2 {
		font-size: 1.385rem;
		padding: 0px 0%;
	}
	.hooks .block {
		box-shadow: none;
		padding-right: 0px;
		margin-bottom: 20px;
	}
	.hooks a.btn {
		margin-bottom: 40px;
	}
	.hooks img {
		width: 20%;
	}
	.about .wrapper {
        width: calc(100% - 122px);
        margin: 30px;
        padding: 30px;
    }
	.about p {
		width: 100%;
	}
	.btn_wrap {
		text-align: left;
	}
	.strapline {
		font-size: 1.231rem;
	}
	.green .c_25, footer .c_20, footer .c_25 {
		width: 100%;
	}
    footer {
        font-size: 0.9231rem;
    }
	footer ul {
		padding-bottom: 40px;
	}
	footer .c_25 a {
        display: block;
        text-align: left;
        font-size: 1.231rem;
    }
    footer .c_25 a.tel {
        font-weight: 700;
        color: #82c193;
        font-size: 2rem;
		margin-top: 30px;
    }
	footer .c_25:nth-child(3){
		text-align: left;
		padding-top: 30px;
	}
	.socials {
		text-align: left;
	}
	.socials img {
		margin: 0px 10px 0px 0px;
	}
	.logos .flex {
		margin-left: -5px;
		margin-right: -5px;
	}
	.logos .inner {
		margin-left: 5px;
		margin-right: 5px;
	}
	.logos .c_33 {
		width: 50%;
	}
	section {
		display: block;
		overflow: hidden!important;
		padding: 25px 0px;
	}
    .categories .c_25 {
        width: 100%;
    }
    .categories span {
        font-size: 1.231rem;
        text-align: left;
        padding-left: 20px;
        width: calc(100% - 20px);
    }
    .quick_contact {
        font-size: 1.231rem;
    }
    .c_14 {
        width: 25%;
    }
    footer .c_25:first-child img {
      width: 40%;
    }
    .about {
        margin: 0px;
    }
    .advice_wrap {
      /*padding: 0px 0px;*/
    }
    .about .wrapper {
      width: calc(100% - 54px);
      margin: 25px 0px;
      padding: 25px;
    }
    .about a {
        color: #fff;
    }
    .about a.btn {
        padding: 10px 15px;
        font-size: 0.9231rem;
    }
    .green h2 {
      font-size: 1.385rem;
    }
    .hooks .block {
        padding: 20px;
        margin-bottom: 0px;
    }
    .hooks .block::before {
      display: none;
    }
    .hooks .inner {
        border-bottom: 1px solid #fff;
    }
    .about h4 {
      font-size: 1.385rem;
        font-weight: 700;
    }
    #mobile_menu a.tel {
        font-size: 1.538rem;
        color: #2e883d;
        display: block;
    }
    #mobile_menu .max.grey_bg ul {
        margin-top: 0px;
    }
    #mobile_filter {
        display: block;
        border-top: 1px solid #eee;
        width: 100%;
        padding: 0px;
    }
    #mobile_filter .flex {
        width: 100%;
    }
    #mobile_filter .c_50 {
        
        width: 50%;
        text-transform: uppercase;
    }
    #mobile_filter .c_50:nth-child(2){
        text-align: right;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border-right: 1px solid #eee;
    }
    #mobile_filter .c_50:nth-child(1){
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border-right: 1px solid #eee;
    }
    #mobile_filter span {
        padding: 10px 10%;
        display: block;
    }
	.non_mobile {
		display: none;
	}
	.light_bg .c_75, #product-grid .c_33 {
		width: 100%;
	}
	.light_bg .c_60, .light_bg .c_40 {
		width: 100%;
	}
	.product_wrap a img {
		width: 100%;
	}
	.product_wrap .blob {
		padding-bottom: 0px;
	}
	.product_wrap .c_40 img {
		width: 60%!important;
	}
	.product .c_35, .product .c_65 {
		width: 100%;
	}
	#image {
  		height: 400px;
		margin-bottom: 30px;
	}
	.product h1 {
		display: block;
		padding-right: 100px;
	}
	.skus .c_35 {
		width: 75%;
	}
	.skus .c_15, .skus .c_20 {
		width: 40%;
	}
	.skus .c_15 {
		width: 35%;
	}
	.skus .c_30 {
		width: 60%;
	}
	.skus .c_30 .inner {
		padding-top: 2px;
	}
	.skus .c_15 .inner, .skus .c_20 .inner {
  		padding-top: 0px;
	}
	.skus .c_35 .inner {
		padding-bottom: 2px;
	}
	.gallery.negative {
		margin-left: -10px;
		margin-right: -10px;
	}
	.gallery.negative .inner {
		margin-left: 10px;
		margin-right: 10px;
	}
}
/* Mobile: stack into a single column */
    @media (max-width: 640px) {
      .stack-table thead {
        /* Hide table header from visual layout but keep it for screen readers */
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
      }
      .stack-table tbody tr {
        grid-template-columns: 1fr;
        border: 1px solid #e2e2e2; /* row wrapper border */
        margin-bottom: 0.75rem;
      }
      .stack-table tbody th[scope="row"],
      .stack-table tbody td {
        border: 0;             /* remove inner cell borders */
        padding: 0.6rem 0.9rem;
      }
      .stack-table tbody th[scope="row"] {
        border-bottom: 1px solid #eee;  /* subtle divider between label and value */
      }
    }

/* WP override */ 
@media (min-width: 1270px) {
	#header_wrap .max {
		min-width: 1280px !important;
	}
}
header #notice, header #autocomplete, .widget-inner ul li a, .single-content p, .why p{
	font-family: 'Montserrat', Helvetica Neue, Helvetica !important;
}
.widget-inner ul li{
	margin-bottom: 5px !important;
}
.why h4 {
	font-size: 1.125rem !important;
}
footer .email {
	color: white !important;
}
.footer {
	grid-area: footer !important;
	background-color: #000 !important;
}
.flex .email:hover {
	color: white !important;
	background-color: transparent !important;
	text-decoration: underline !important;
}
.rtb .flex a {
	max-width: fit-content !important;
}

.entry-content::after,
.wp-block-post-content::after {
    content: "" !important;
    display: block !important;
    clear: both !important;
}

.wp-block-image.alignfull {
    float: none !important;
    clear: both !important;
    position: relative !important;
    width: 100% !important;
}

.wp-block-post-content > * {
    max-width: 100% !important;
}

.wp-block-post-content {
    overflow: visible !important;
}

.entry-content::after {
    content: "" !important;
    display: block !important;
    clear: both !important;
}

div .entry-content::after {
    content: "" !important;
    display: block !important;
    clear: both !important;
}