/*
Theme Name: CladTech 2026
Theme URI: https://cladtechpanels.co.uk/
Template: blankslate
Author: Creative Marketing Services
Author URI: https://www.cmsadvertising.co.uk/
Tags: accessibility-ready,one-column,two-columns,custom-menu,featured-images,microformats,sticky-post,threaded-comments,translation-ready
Version: 2026.1772805454
Updated: 2026-03-06 13:57:34

*/

/* Navigation */
@import url("css/nav.css");

/* elementor */
.elementor-column-gap-default>.elementor-column>.elementor-element-populated, .elementor-element{
    padding:0 !important;
}
.elementor-widget:not(:last-child){
    margin:0 !important;
}

/* Core */
body{
    font-family: "brandon-grotesque", sans-serif;
    font-optical-sizing: none;
    font-weight: 400;
    font-style: normal;
    color: #3c3c3b;
    text-wrap: auto;
    word-break: break-word;
    line-height: 1.3;
}
.container{
    max-width: 1500px;
}
.padding-v {
    padding-top: calc(15px + 2%);
    padding-bottom: calc(15px + 2%);
}
.padding-h {
    padding-left: calc(15px + 5%);
    padding-right: calc(15px + 5%);
}
.padding-t {
    padding-top: calc(25px + 2.5%);
}
.padding-b {
    padding-bottom: calc(25px + 2.5%);
}
.padding-l {
    padding-left: calc(15px + 5%);
}
.padding-r {
    padding-right: calc(15px + 5%);
}
.e-con.padding-v {
    padding-top: calc(15px + 2%) !important;
    padding-bottom: calc(15px + 2%) !important;
}
.e-con.padding-h {
    padding-left: calc(15px + 5%) !important;
    padding-right: calc(15px + 5%) !important;
}
.e-con.padding-t {
    padding-top: calc(25px + 2.5%) !important;
}
.e-con.padding-b {
    padding-bottom: calc(25px + 2.5%) !important;
}
.e-con.padding-l {
    padding-left: calc(15px + 5%) !important;
}
.e-con.padding-r {
    padding-right: calc(15px + 5%) !important;
}
.background-img{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 300px;
}
.background-img.sq{
    aspect-ratio: 1/1;
    min-height: unset;
}
.background-img.ar-4-3{
    aspect-ratio: 4/3;
    min-height: unset;
}
.background-img.top-right{
    background-position: top right;
}
.background-img.top-left{
    background-position: top left;
}
.background-img.round-top-right{
    border-radius: 0 10vh 0 0;
}
.background-img.round-top-left{
    border-radius: 10vh 0 0 0;
}

@media (max-width:995px) {
    .background-img.round-top-right, .background-img.round-top-left{
        border-radius:0;
    }
}

/* text */
.sans{
    font-family: "brandon-grotesque", sans-serif;
}
.serif{
  font-family: "Times New Roman", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
i{
    font-style: italic !important;
}
i.fa, i.fa-brands, i.fa-solid{
    font-style: unset !important;
}
h1, h2{
    font-family: "Times New Roman", serif;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.2;
}
.white-text h2, .white-text h3{
    color: #fff;
}
.green-text h2, .green-text h3{
    color: #00965e;
}
.purple-text h2, .purple-text h3{
    color: #320e3b;
}
h1{
    font-size: calc(2em + 2vw);
    line-height: 1;
}
.home h1{
    font-size: calc(3em + 3vw);
}
h2{
    font-size: 3em;
}
h3{
    font-size: 2.5em;
}
h3, h4, h5{
    margin-bottom: 15px;
}
h4{
    font-size: 1.7em;
}
h5{
    font-size: 1.3em;
    /* text-transform: uppercase; */
    font-weight: 700;
}
h6{
    font-size: 1.3em;
    margin-bottom: 10px;
}
p, ul, ol{
    padding:0;
    margin-bottom: 15px;
    font-size: 1.2em;
}
ul li, ol li{
    margin-bottom: 5px;
}
ul.list{
    list-style: disc;
}
ul.list, ul.list.checklist {
    padding-left: 20px;
}
ul.list.checklist li {
  list-style-type: '\2713';
  padding-inline-start: 1ch;
}
ul.list.checklist li::marker {
  color: #00965e;
  font-weight: 900;
}
ol{
    list-style: decimal;
}
b, strong{
    font-weight: 700;
}
.text-align-left{
    text-align: left;
}
.text-align-center{
    text-align: center;
}
.text-align-right{
    text-align: right;
}
.uppercase{
    text-transform: uppercase;
}
.white-text{
    color: #fff;
}
.black-text{
    color: #000;
}
.grey-text{
    color: #3c3c3b;
}
.green-text{
    color: #00965e;
}
.purple-text{
    color: #320e3b;
}
.light-purple-text{
    color: #64113f;;
}
a{
    color: #3c3c3b;
    text-decoration: none !important;
    transition: .3s ease;
}
.white-text a{
    color: #fff;
}
.green-text a{
    color: #00965e;
}
.purple-text a{
    color: #320e3b;
}
.light-purple-text a{
    color: #64113f;
}
.black-text a{
    color: #000;
}
a:hover{
    color: #64113f;
}
.white-text a:hover{
    color: #000;
}
.title-col{
    margin-bottom: 15px;
}
hr{
    opacity: 1;
    margin: 15px 0 !important;
    max-width: 120px;
    height:3px;
    background-color: #000 !important;
    border:none;
}
.text-align-center hr{
    margin:15px auto !important;
}
hr.no-margin{
    margin:0 auto !important;
}
hr.full{
    width: 100%;
    max-width: unset;
}
hr.green{
    background-color: #00965e !important;
}
hr.red{
    background-color: #ff6978 !important;
}
hr.white{
    background-color: #fff !important;
}
hr.grey{
    background-color: #3c3c3b !important;
}
hr.w-100{
    max-width: 100%;
}

@media (max-width:995px) {
    h1{
        font-size: calc(2em + 2vw);
    }
    h2{
        font-size: 2em;
    }
    h3{
        font-size: 1.6em;
    }
    h4{
        font-size: 1.3em;
    }
    h5{
        font-size: .9em;
    }
    h6{
        font-size: 1.2em;
    }
    p, ul{
        font-size: 1.1em;
    }
}

/* backgrounds */
.white-back{
    background-color: #fff;
}
.white-trans-back{
    background-color: rgba(255,255,255,0.9);
}
.black-back{
    background-color: #000;
}
.green-back{
    background-color: #00965e;
}
.purple-back{
    background-color: #64113f;
}
.grey-back{
    background-color: #3c3c3b;
}
.light-grey-back{
    background-color: #e0e1dd;
}
.v-light-grey-back{
    background-color: #f7f7f9;
}

/* buttons */
.btn-bttm{
    display: flex;
    flex-direction: column;
}
.btn-bttm .btn{
    margin-top: auto;
    width: fit-content;
}
.btn{
    font-size: 1.2em;
    padding: 10px 30px !important;
    border-radius: 0px !important;
    transition: .3s ease;
    min-width: 200px;
    display: inline-block;
    margin-top: 5px;
    font-weight: 700;
}
.btn.margin-r{
    margin-right:15px;
}
.white-btn, a.white-btn{
    background-color: #fff;
    color: #000;
    border:1px solid #fff;
}
.white-btn:hover, a.white-btn:hover{
    background-color: #000;
    color: #fff;
    border:1px solid #000;
}
.green-btn, a.green-btn{
    background-color: #00965e;
    color: #fff;
    border:1px solid #00965e;
}
.green-btn:hover, a.green-btn:hover{
    background-color: #fff;
    color: #00965e;
    border:1px solid #00965e;
}
.purple-btn, a.purple-btn{
    background-color: #64113f;
    color: #fff;
    border:1px solid #64113f;
}
.purple-btn:hover, a.purple-btn:hover{
    background-color: #fff;
    color: #64113f;
    border:1px solid #64113f;
}
.red-btn, a.red-btn{
    background-color: #ff6978;
    color: #fff;
    border:1px solid #ff6978;
}
.red-btn:hover, a.red-btn:hover{
    background-color: #fff;
    color: #ff6978;
    border:1px solid #ff6978;
}
.black-btn-rev, a.black-btn-rev, .black-btn-rev:focus-visible{
    background-color: #fff;
    color: #000;
    border:1px solid #000;
}
.black-btn-rev:hover, a.black-btn-rev:hover{
    background-color: #000;
    color: #fff;
    border:1px solid #000;
}

@media (max-width:995px) {
    .btn{
        font-size: 1em;
    }
}

/* Forms */
.wpcf7 label, .wpcf7 span{
    display: block;
}
.wpcf7 span{
    margin-bottom: 15px;
}
textarea, input[type="text"], input[type="email"], input[type="tel"], input[type="date"]{
    padding: 15px;
    background-color: #fff;
    border: 1px solid #fff;
    transition: .3s ease;
    display: block;
    width: 100%;
    border:1px solid #64113f;
}
textarea:focus-visible, input[type="text"]:focus-visible, input[type="email"]:focus-visible, input[type="tel"]:focus-visible, input[type="date"]:focus-visible{
    outline:none;
    background-color: #fff;
    border:1px solid #00965e;
}
span.wpcf7-spinner{
    display: none;
    vertical-align: middle;
}
form.submitting .wpcf7-spinner{
    display: inline-block;
}
.wpcf7 form .wpcf7-response-output{
    width: fit-content;
}
.form-col p br:last-of-type{
    display: none;
}
.form-col .wpcf7-radio input[type="radio"], .form-col .wpcf7-radio .wpcf7-list-item-label, .form-col .wpcf7-radio .wpcf7-list-item{
    display: inline-block;
    margin-right: 10px;
}
.form-col .wpcf7-radio .wpcf7-list-item-label{
    font-size: 1.05em;
    vertical-align: middle;
    margin-bottom: 0;
}
.form-col .wpcf7-radio input[type=radio] {
    border: 0px;
    height: 1em;
    width: 1em;
    vertical-align: middle;
}

/* Home */
.header .row{
    min-height: 70vh;
}
.header-home .row{
    margin-top: 100px;
}
.header-text{
    padding:calc(25px + 2%);
}
.header-text h3{
    text-transform: uppercase;
    margin-bottom: 20px;
}
.icons-banner img{
    max-height: 57px;
    float: right;
}
.icons-banner p{
    margin-bottom: 10px;
}
.wc-category-inner{
    height:100%;
}
.wc-category-text{
    padding-bottom: 5px;
}
.wc-category-inner a .background-img{
    aspect-ratio: 5 / 6;
    min-height: 100px;
}
.wc-category-inner a .background-img, .news-item .news-thumb{
    opacity: 1;
    transition: .3s ease;
}
.wc-category-inner a:hover .background-img, .news-item a:hover .news-thumb{
    opacity: .7;
}
.gallery-col{
    border:solid 7px #fff;
}
.news-item-inner{
    height: 100%;
}
.news-thumb{
    min-height: 50vh;
}
.news-item-text{
    padding:20px;
}
.news-item-inner .news-read-more{
    text-decoration: underline !important;
}
@media (max-width:995px) {
    .header-text{
        text-align: center;
    }
    .header-text h3{
        font-size: 1.3em;
    }
    .header-text .header-btn{
        margin-right: 0;
    }
    .icons-banner .col-lg-4{
        margin-bottom: 35px;
    }
    .icons-banner .col-lg-4:last-of-type{
        margin-bottom: 0;
    }
    .icons-banner img{
        max-height: 40px;
    }
    .icons-banner p{
        margin-bottom: 0;
    }
    .col-6.background-img.gallery-col{
        min-height: 150px;
    }
    .news-item{
        margin-bottom: 20px;
    }
    .news-item:last-of-type{
        margin-bottom: 0px;
    }
    .news-thumb{
        min-height: 40vh;
    }
}

/* contact */
.map-col{
    padding:0;
}
.accordion-item, .accordion-header, .accordion-button, .accordion-button:not(.collapsed), .accordion-item:first-of-type, .accordion-button:focus{
    background-color: transparent;
    border:0;
    border-radius:0 !important;
    box-shadow: none;
}
.accordion-item{
    border-bottom: 1px solid #000 !important;
}
.accordion-button:not(.collapsed){
    color: #00965e;
}
.accordion-body{
    padding: 0 0 15px 0;
}
.accordion-button{
    padding:15px 0;
}
.accordion-button h6{
    margin-bottom: 0;
}
.accordion-button::after{
    content: "\2b";
    background-image: none;
    transition: .3s ease;
    color: #00965e;
    font-size: 2em;
    line-height: .5;
}
.accordion-button:not(.collapsed)::after{
    content: "\2212";
    background-image: none;
    transform: none;
}

/* Blog */
.pagination ul{
    margin:0 auto;
}
.pagination li{
    display: inline-block;
    margin: 0 10px;
    font-weight: 600;
    font-size: 1.2em;
}
.pagination li .current{
    color: #00965e;
}
.pagination li a{
    padding:5px;
}
.ideas-gallery .gallery-item{
    aspect-ratio: 1 / 1;
    min-height: unset
}

/* Products Page */
.product-sortby .form-select{
    padding:10px !important;
    width: auto;
    text-align: left;
}
.product-price{
    font-size: 1.2em;
}
@media (max-width:995px) {
    .product-price{
        font-size: 1em;
    }
}
/* Single product */
.product-spec{
    border-bottom: 1px solid #000;
    padding:5px 0;
    font-size: 1.2em;
}
.product-specifications .spec-label, .product-specifications .spec-value {
    width: 49%;
    font-weight: 600;
    vertical-align: top;
}
.related-product .product-image, .product-thumb, .product-inner .product-image{
    transition: .3s ease;
}
.related-product a:hover .product-image, .product-thumb:hover, .product-inner a:hover .product-image{
    opacity: .8;
    cursor: pointer;
}
.long-desc h4{
    position: relative;
    padding-bottom: 15px;
}
.long-desc h4::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #00965e;
    height:5px;
    width:125px;
}
.long-desc ul{
    /* list-style: square; */
    padding-left: 1.5rem;
}
.long-desc ul li::before {
  content: "■";
  color: #00965e;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  vertical-align: text-top;
}

@media (max-width:995px) {
    .product-spec{
        font-size: 1em;
    }
    .related-product .product-image, .why-choose-col{
        margin-bottom: 1rem;
    }
}

/* Single blog post */
.single h1{
    font-size: calc(2.5em + 1vw);
}
.single .category{
    font-weight: 300;
}