/* ---------------------------------------------------------------------------------------------] */
/* -------------------------------------------------------------------------------[ ALL 				] */
/* -------------------------------------------------------------------------------[ BTN 				] */
/* -------------------------------------------------------------------------------[ END FILE		] */
/* ---------------------------------------------------------------------------------------------] */

/* ---------------------------------------------------------------------------------------------] */
/*  -------------------------------------------------------------------------------------[ VARS ] */
/* ---------------------------------------------------------------------------------------------] */

:root {
	--project-custom-bg-gradient: linear-gradient(135deg, var(--project-color-custom-duo) 0%, var(--project-color-custom-tri) 80%); 
}

/* ---------------------------------------------------------------------------------------------] */
/*  -----------------------------------------------------------------------------------[ HEADER ] */
/* ---------------------------------------------------------------------------------------------] */

#header .header-body {
	background-color: var(--project-color-custom-pri);
}

.sticky-header-active #header .header-body {
	background-color: var(--project-color-custom-pri);
}

/* ---------------------------------------------------------------------------------------------] */
/*  --------------------------------------------------------------------------------------[ BTN ] */
/* ---------------------------------------------------------------------------------------------] */

button.btn-submit {
	background-color: var(--project-color-custom-pri) !important;
	border: 2px solid var(--project-color-custom-pri) !important;
	color: var(--color-custom-white);
	padding: 5px 25px;
}

/* ---------------------------------------------------------------------------------------------] */
/*  -----------------------------------------------------------------------------------[ SOCIAL ] */
/* ---------------------------------------------------------------------------------------------] */

.social-icons li a,
.social-icons a {
	background: var(--project-custom-bg-gradient) !important;
	color: var(--project-color-custom-pri) !important;
}

.social-icons-contact a.style-social-icon.text-white.m-1.rounded {
	width: 35px;
	height: 35px;
	border-radius: 50px !important;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}


/* ---------------------------------------------------------------------------------------------] */
/*  ------------------------------------------------------------------------------[ BACKGROUNDS ] */
/* ---------------------------------------------------------------------------------------------] */

.bg-custom-pri {
	background-color: var(--project-color-custom-pri) !important;
}

.bg-custom-duo {
	background-color: var(--project-color-custom-duo) !important;
}

.bg-custom-tri {
	background-color: var(--project-color-custom-tri) !important;
}

.bg-custom-top-and-bottom {
	background: linear-gradient(var(--color-custom-white) 50px, var(--project-color-custom-duo) 50px, var(--project-color-custom-duo) calc(100% - 50px), var(--color-custom-white) calc(100% - 50px)) !important;
}

/* ---------------------------------------------------------------------------------------------] */
/*  ----------------------------------------------------------------------------------[ BORDERS ] */
/* ---------------------------------------------------------------------------------------------] */

.border-custom-extra-light {
	border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

/* ---------------------------------------------------------------------------------------------] */
/*  ------------------------------------------------------------------------------------[ TEXTS ] */
/* ---------------------------------------------------------------------------------------------] */

.text-custom-pri {
	color: var(--project-color-custom-pri);
}

.text-custom-duo {
	color: var(--project-color-custom-duo);
}

.text-custom-tri {
	color: var(--project-color-custom-tri);
}

/* ---------------------------------------------------------------------------------------------] */
/*  --------------------------------------------------------------------------------------[ OWL ] */
/* ---------------------------------------------------------------------------------------------] */

.btn-owl,
.btn-owl:focus {
	background-color: var(--project-color-custom-pri) !important;
	border: 2px solid var(--project-color-custom-pri) !important;
	color: var(--color-custom-white);
	width: 50px;
	height: 50px;
	border-radius: 100%;
	font-size: 23px;
	margin: 0 10px;
	transition: all .3s;
}

.btn-owl:hover {
	background-color: transparent !important;
	color: var(--project-color-custom-pri); !important;
}

/* ---------------------------------------------------------------------------------------------] */
/*  ---------------------------------------------------------------------------------[ END FILE ] */
/* ---------------------------------------------------------------------------------------------] */

#footer {
	background-color: var(--project-color-custom-pri); !important;
}

/* ---------------------------------------------------------------------------------------------] */
/*  ------------------------------------------------------------------------------[ MENU MOBILE ] */
/* ---------------------------------------------------------------------------------------------] */

.btn-hamburguer div {
	width: 30px;
	height: 3px;
	background-color: #fff;
	margin: 5px;
	cursor: pointer;
	transition: all .3s;
}

.btn-hamburguer.active div:nth-child(1) {
	transform: rotate(-45deg) translate(-6px, 6px);
}

.btn-hamburguer.active div:nth-child(2) {
	transform: rotate(-45deg) translate(1px, 0px);
}

.btn-hamburguer.active div:nth-child(3) {
	transform: rotate(45deg) translate(-6px, -7px);
}

.btn-hamburguer.footer div {
	background-color: #fff !important;
}

@media(max-width: 1200px) {
	.btn-menu,
	.btn-hamburguer.header {
		height: 50px;
		width: 60px;
		border-radius: 17px;
		background-color: var(--style-color-duo);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.btn-hamburguer div {
		margin: 5px;
	}

	.btn-hamburguer div:nth-child(2) {
		width: 25px;
	}

	.btn-hamburguer div:nth-child(3) {
		width: 20px;
	}
}

.hamburguer-btn .close {
	opacity: 1;
}

.hamburguer-btn .close span {
	width: 23px;
}

.panel {
	padding: 0 18px;
	display: none;
	background-color: white;
	overflow: hidden;
	border-left: 1px solid #c2c2c2;
}

.custom-accordion {
	cursor: pointer;
	width: 100%;
	border: none;
	outline: none;
	transition: 0.4s;
	background: #fff;
}

@media (max-width: 991px) {
	.header-column.flex-grow-0 {
		z-index: 1;
		width: 150px !important;
		max-width: 150px !important;
		min-width: 150px !important;
		height: auto !important;
	}
}

/* ---------------------------------------------------------------------------------------------] */
/*  ---------------------------------------------------------------------------------[ END FILE ] */
/* ---------------------------------------------------------------------------------------------] */