/* =========================================================
   PUREB12VAPE
   PREMIUM FOOTER V1
========================================================= */

.pb12-footer,
.pb12-footer *{
	box-sizing:border-box;
}


.pb12-footer{

	background:#111D31;

	color:#DCE4F3;
}


/* =========================================================
   MAIN
========================================================= */

.pb12-footer__inner{

	width:min(
		1180px,
		calc(100% - 40px)
	);

	margin-inline:auto;

	display:grid;

	grid-template-columns:
		minmax(300px,1.6fr)
		repeat(3,1fr);

	gap:60px;

	padding:
		68px 0 57px;
}


/* =========================================================
   BRAND
========================================================= */

.pb12-footer__brand{

	max-width:360px;
}


.pb12-footer__logo{

	display:inline-flex;

	align-items:center;

	gap:5px;

	color:#FFFFFF !important;

	font-size:21px;

	font-weight:850;

	letter-spacing:-.04em;

	text-decoration:none;
}


.pb12-footer__logo span{

	color:#7193FF;
}


.pb12-footer__brand > p{

	max-width:330px;

	margin:
		18px 0 0;

	color:#93A1B8;

	font-size:12px;

	line-height:1.7;
}


/* =========================================================
   ZERO STANDARD
========================================================= */

.pb12-footer__standard{

	display:flex;

	flex-wrap:wrap;

	gap:
		6px 8px;

	margin-top:22px;
}


.pb12-footer__standard span{

	padding:
		6px 8px;

	border:
		1px solid rgba(134,158,215,.18);

	border-radius:999px;

	background:
		rgba(255,255,255,.035);

	color:#AAB8D0;

	font-size:6.5px;

	font-weight:850;

	letter-spacing:.11em;
}


/* =========================================================
   COLUMNS
========================================================= */

.pb12-footer__column h3{

	margin:
		2px 0 18px;

	color:#FFFFFF;

	font-size:10px;

	font-weight:800;

	letter-spacing:.13em;

	text-transform:uppercase;
}


.pb12-footer__column a{

	display:block;

	width:fit-content;

	margin-top:11px;

	color:#98A7BF !important;

	font-size:11px;

	line-height:1.45;

	text-decoration:none;

	transition:
		color .2s ease;
}


.pb12-footer__column a:hover{

	color:#FFFFFF !important;
}


/* =========================================================
   BOTTOM
========================================================= */

.pb12-footer__bottom{

	border-top:
		1px solid
		rgba(255,255,255,.07);
}


.pb12-footer__bottom-inner{

	width:min(
		1180px,
		calc(100% - 40px)
	);

	margin-inline:auto;

	padding:
		22px 0 25px;
}


.pb12-footer__legal p{

	max-width:760px;

	margin:0;

	color:#718097;

	font-size:9px;

	line-height:1.65;
}


.pb12-footer__copyright{

	display:flex;

	align-items:center;

	gap:8px;

	margin-top:14px;

	color:#78879D;

	font-size:8px;

	font-weight:650;

	letter-spacing:.03em;
}


.pb12-footer__dot{

	color:#3156D9;
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

	.pb12-footer__inner{

		width:min(
			100% - 30px,
			1180px
		);

		grid-template-columns:
			repeat(2,minmax(0,1fr));

		gap:
			36px 22px;

		padding:
			48px 0 42px;
	}


	.pb12-footer__brand{

		grid-column:
			1 / -1;

		max-width:none;

		padding-bottom:5px;
	}


	.pb12-footer__logo{

		font-size:20px;
	}


	.pb12-footer__brand > p{

		max-width:310px;

		font-size:11px;
	}


	.pb12-footer__column:last-child{

		grid-column:
			1 / -1;

		display:grid;

		grid-template-columns:
			repeat(2,minmax(0,1fr));

		column-gap:20px;
	}


	.pb12-footer__column:last-child h3{

		grid-column:
			1 / -1;
	}


	.pb12-footer__bottom-inner{

		width:min(
			100% - 30px,
			1180px
		);

		padding:
			19px 0 22px;
	}


	.pb12-footer__copyright{

		flex-wrap:wrap;

		gap:5px;

		font-size:7.5px;
	}

}

/* =========================================================
   PB12 FOOTER CONTACT
========================================================= */

.pb12-footer-contact-fallback{
	max-width:1180px;
	margin:0 auto;
	padding:0 20px 20px;
}

.pb12-footer-contact-fallback a{
	color:inherit;
	font-size:12px;
	text-decoration:none;
}

@media(max-width:767px){

	.pb12-footer-contact-fallback{
		padding:
			0 18px 18px;
	}

}