/*
Theme Name: 
Theme URI: 
Description: Bespoke Theme developed by Adrian @ AlphaWebServices.net
Author: Adrian Jones
Version: 1.0
License: 
License URI: 
Tags: 
*/

:root {
	--cnvs-themecolor: #db4203;
	--cnvs-themecolor-rgb: 219, 66, 3;
	--cnvs-body-font: 'Mulish', sans-serif;
	--cnvs-primary-font: 'Mulish', sans-serif;
	--cnvs-secondary-font: 'Mulish', serif;
}

.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--cnvs-themecolor);
	--bs-btn-border-color: var(--cnvs-themecolor);;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: rgba(var(--cnvs-themecolor-rgb), 0.8);
	--bs-btn-hover-border-color: rgba(var(--cnvs-themecolor-rgb), 0.8);
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: rgba(var(--cnvs-themecolor-rgb), 0.8);
	--bs-btn-active-border-color: rgba(var(--cnvs-themecolor-rgb), 0.8);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: rgba(var(--cnvs-themecolor-rgb), 0.6);
	--bs-btn-disabled-border-color: rgba(var(--cnvs-themecolor-rgb), 0.6);
  }

.bg-primary{
	background: --cnvs-themecolor;
}

h1, h2, h3, h4, h5, h6, p, small {
	font-weight: 300;
}

.logo-display{
	height: 100px;
}


@media only screen and (max-width: 767px) {
	.logo-display{
		height: 70px;
	}
  }
  

  @media (min-width: 992px) {

	.block-nav-header-5 .menu-item.menu-line {
		width: 1px;
		height: 30px;
		background-color: #CCC;
		margin: 0 10px !important;
	}

	.block-nav-header-5 .dark .menu-item.menu-line {
		background-color: rgba(255, 255, 255, 0.25);
	}

	.block-nav-header-5 .menu-container>.menu-item>.sub-menu-container>.menu-item {
		border-bottom: 1px solid #EEE;
	}

	.block-nav-header-5 .sub-menu-container .menu-link div>i.fa-solid fa-chevron-down::before {
		content: "\e976";
		font-family: "font-icons";
	}

	.block-nav-header-5 .mega-menu-small .mega-menu-content-width {
		width: 47rem;
	}

	.block-nav-header-5 .menu-item.mega-menu {
		position: static;
	}

}

@media (max-width: 991.98px) {

	.block-nav-header-5 .sub-menu-container .menu-item>.menu-link {
		color: #000;
	}

}


.shape-container-resp {
	height: 440px;
}

@media (max-width: 600px) {
	.shape-container-resp {
		height: 320px;
	}

}