b
/* 
Theme Name:		Air Plants Dust Extraction
Theme URI:		https://www.airplants.co.uk/
Author:			Studio Seventeen
Template:		hello-elementor
Version:		2.0.0
*/

/* Typography */
a,
p a {
    color: inherit;
    font-weight: 500;
    border-bottom: 2px solid;
    transition: .3s ease-in-out;
}

a:hover {
    color: #99C1D5;
    transition: .3s ease-in-out;
}


.light {
    color: #fff;
}

a.light {
    color: #fff;
}

a.light:hover {
    color: #141414;
}

.blue {
    color: #0086BA;
}

.l-blue {
    color: #99C1D5;
}

.navy {
    color: #202E5F
}

p.caveat {
    font-size: .8em;
}


blockquote {
    border-left: 3px solid #0086BA;
    padding: .5em 2em;
}

ul {
    margin-bottom: 1em;
    padding-inline-start: 1em;
}

li:not(:last-child, .menu-item) {
    margin-bottom: .5em;
}

li::marker {
    font-family: 'Archivo Black', sans-serif;
}


/* Breadcrumbs */
.rank-math-breadcrumb {
    color: #141414;
    transition: all .3s ease-in-out;
}

.rank-math-breadcrumb a:hover {
    color: #0086BA;
}

.rank-math-breadcrumb p {
    margin: 0;
}

/* Terms and conditions list */
.terms ol {
    counter-reset: item;
}

.terms li {
    display: block;
    margin-bottom: .3em;
}

.terms ol li:before {
    content: counters(item, ".") " ";
    counter-increment: item;
    font-family: 'Archivo Black', sans-serif;
}

.terms ol li h4 {
    display: inline-block;
    font-size: inherit;
}


/* Lazy load images fade in */
img[data-lazyloaded] {
    opacity: 0;
}

img.litespeed-loaded {
    transition: opacity .5s linear 0.2s;
    opacity: 1;
}

/* Slider */
.swiper-slide-inner {
    max-width: 1400px;
}

/* Buttons */
button:not(.e-filter-item, .e-n-menu-toggle, .e-n-menu-dropdown-icon, .e-n-tab-title, .elementor-edit-area button),
.elementor-button {
    text-align: left;
    -webkit-clip-path: polygon(5% 0, 100% 0, 95% 100%, 0 100%);
    clip-path: polygon(5% 0, 100% 0, 95% 100%, 0 100%);
    /*background: transparent;*/
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all .3s ease-in-out;
    width: fit-content;
    display: flex;
}

button:not(.e-filter-item, .e-n-menu-toggle, .e-n-menu-dropdown-icon, .e-n-tab-title, .elementor-edit-area button)::after,
.elementor-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 500%;
    height: 1000%;
    background: #101730;
    z-index: -1;
    transform-origin: 0% 0%;
    /*transform: translateX(calc(20% - 25px)) translateY(10%) rotate(-75deg);*/
    transform: translateY(10%) translateX(-25px) rotate(-75deg);
    transition: transform .3s;
}

.light .elementor-button::after {
    background: #fff;
}

button:not(.e-filter-item, .e-n-menu-toggle, .e-n-menu-dropdown-icon):hover::after,
.elementor-button:hover::after {
    transform: translateY(10%) translateX(20%) rotate(-75deg);
}

button:hover {
    color: #101730;
}


/* Design Your System form */
.design-your-system-form select {
    padding: 20px;
}

.design-your-system-form p.success {
    font-family: 'Archivo Black', sans-serif;
    font-size: 1.6em;
    line-height: 1.2em;
    background: #fff;
    padding: 1em;
}


/* Layout */
.no-padding .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 0;
}

.no-margin {
    margin: 0;
}

.slant-mask::after {
    content: "";
    width: 40px;
    height: 100%;
    background: #202E5F;
    position: absolute;
    top: 0;
    left: 100%;
    -webkit-clip-path: polygon(0 0, 100% 0, 0 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 0 100%, 0 100%);
    z-index: 1;
}

.cta-mask {
    -webkit-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0 0);
    clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0 0);
}

/* Mega menu */
.elementor-widget-n-menu .e-n-menu .e-n-menu-content>.e-con {
    margin: 0 auto !important;
    width: 1200px !important;
}

/* Vertical Line */
.line-divider {
    width: 100%;
    height: 6em;
    display: flex;
    justify-content: center;
}

.vertical_line.triggeredCSS {
    display: flex;
    justify-content: center;
    width: 3px;
    opacity: 0;
    -webkit-animation: lineDrawVertical 1s cubic-bezier(.23, 1, .32, 1) forwards;
    animation: lineDrawVertical 1s cubic-bezier(.23, 1, .32, 1) forwards;
}

.vertical_line.triggeredCSS:before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 10px;
    display: block;
    z-index: 2;
    top: 6em;
    opacity: 0;
    -webkit-animation: fadeInBullet .2s ease-in forwards;
    animation: fadeInBullet .2s ease-in forwards;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

@-webkit-keyframes lineDrawVertical {
    from {
        height: 0;
        opacity: 0;
    }

    to {
        height: 100%;
        opacity: 1;
    }
}

@keyframes lineDrawVertical {
    from {
        height: 0;
        opacity: 0;
    }

    to {
        height: 100%;
        opacity: 1;
    }
}

@-webkit-keyframes fadeInBullet {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeInBullet {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Horizontal line */
.line-blue {
    background: #0086BA;
}

.line-blue::before {
    border: 3px solid #0086BA;
}

.line-white {
    background: #fff;
}

.line-white::before {
    border: 3px solid #fff;
}


.line.triggeredCSS {
    display: block;
    height: 2px;
    position: relative;
    -webkit-animation: lineDraw 1.5s cubic-bezier(.23, 1, .32, 1) forwards;
    animation: lineDraw 1.5s cubic-bezier(.23, 1, .32, 1) forwards;
}

.line.triggeredCSS:before {
    position: relative;
    content: "";
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 10px;
    display: block;
    float: right;
    z-index: 2;
    bottom: 6px;
}

.line-white.line.triggeredCSS:before {
    position: relative;
    content: "";
    width: 15px;
    height: 15px;
    background: #101730;
    border-radius: 10px;
    display: block;
    float: right;
    z-index: 2;
    bottom: 6px;
}

@-webkit-keyframes lineDraw {
    from {
        width: 0;
        opacity: 0;
    }

    to {
        width: 100%;
        opacity: 1;
    }
}

@keyframes lineDraw {
    from {
        width: 0;
        opacity: 0;
    }

    to {
        width: 100%;
        opacity: 1;
    }
}

.shadow {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.5s cubic-bezier(.25, .8, .25, 1);
}

.shadow:hover {
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.25);
}


/* Bordered list */
.bordered-list {
    background: #fff;
    border: 1px solid #202E5F;
}

.bordered-list>* {
    padding: 1.5em 1.5em 1.5em 3em;
}

.bordered-list h2,
.bordered-list h3 {
    background: #202E5F;
    color: #fff;
    padding: 1em;
    margin: 0;
    font-size: 1.3em;
}

.bordered-list p {
    padding: 1.5em 1.5em 0 1.5em;
    margin: 0;
}

/* Industries boxes */
.industries-box .elementor-image-box-content {
    padding: 1em;
}

/* Hide Google ReCaptcha */
.grecaptcha-badge {
    visibility: hidden;
}


/** MEDIA QUERIES **/
@media only screen and (max-width: 768px) {
    .slant-mask::after {
        width: 100%;
        height: 40px;
        left: 0;
        top: 100%;
    }

    .column-margin {
        margin: 1em 0;
    }
}