/*
Theme Name: ketton
Theme URI: https://kettonfire.co.uk
Author: Ketton Fire Co.
Author URI: https://kettonfire.co.uk
Description: Ketton | Fire and Safety
Version: 1.0

*/
.bg-light {
    background-color: #fff0 !important;
}
.numbertopp .textwidget {
    color: #b71233;
    border: 2px solid #b71233;
    padding: 6px 15px;
    border-radius: 8px;
    font-size: 20px;
    font-weight: bold;
}

.numbertopp .textwidget p {
    margin: 0;
}

a.nav-link {
    color: #fff;
    margin: 0 10px;
}
.elementor-slides-wrapper.elementor-main-swiper.swiper-container.swiper-container-initialized.swiper-container-horizontal {
    box-shadow: 0 30px 38px -15px #0000008a;
    border-radius: 15px 15px 10% 10%;
}
.divmnutop .offcanvas-body ul {
    margin: 0 auto;
}
.prodbox h3.elementor-image-box-title {
    margin-top: -55px;
}
.scrllll {
    background-color: #334d9973 !important;
    backdrop-filter: blur(5px);
}
.top-button.visible {
    opacity: 1;
    background-color: #3256b9;
    border-color: #3256b9
    ;
}
.btnmnumob {
    --bs-btn-color: #ffffff;
    --bs-btn-border-color: #ffffff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ffffff;
    --bs-btn-hover-border-color: #ffffff;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ffffff;
    --bs-btn-active-border-color: #ffffff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffffff;
    --bs-gradient: none;
}

	.navbar .dropdown-menu-end{ right:0; left: auto;  }
	.navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:11px;padding: 0;  }
	.navbar .nav-item:hover .nav-link{ color: #fff;  }
	.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
	.navbar .dropdown-menu.fade-up{ top:180%;  }
	.navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg);border-radius: 0 0 8px 8px;overflow: hidden;border: none}
    .dropdown-item.active, .dropdown-item:active {
        background-color: #36509d;
    }
    .dropdown-item {
        padding: 10px 18px;
        font-size: 15px;
        border-bottom: 1px dashed #e7eaf9;
    }
    .logodiv img {
        height: 50px;
      }

@media screen and (max-width:767px)
{
    a.nav-link {
        color: #1c2b54;
        margin: auto;
    }
    .divmnutop .offcanvas-header.bg-light {
        background-color: #fff !important;
    }
    .scrllll {
        background-color: #334d99d6 !important;
        backdrop-filter: none;
    }
    a.nav-link {
        color: #1c2b54;
        margin: auto;
        text-align: center;
        padding: 10px 0;
        font-size: 28px;
        font-weight: bold;
    }
    .navbar .nav-item:hover .nav-link {
        color: #273c75;
    }
    .dropdown-item {
        padding: 10px 18px;
        font-size: 18px;
        border-bottom: 0px dashed #e7eaf9;
        text-align: center;
    }
    .navbar-nav .show>.nav-link, .navbar-nav .nav-link.active {
        color: #05070e;
    }
    .navbar .nav-item .dropdown-menu{  display:none; opacity: 0;  visibility: hidden; transition:.3s; margin-top:11px;padding: 0;  }
    .dropdown-menu.show {
        display: block !important;
    }
    .offcanvas-body {
        flex-grow: 1;
        padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
        overflow-y: initial;
        background: rgb(31,44,92);
        background: linear-gradient(205deg, rgb(255 255 255) 23%, rgb(50 70 144) 100%);
    }
    .navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg);border-radius: 0 0 8px 8px;overflow: hidden;border: none;background-color: #fff0; }

    
}