/* =========================================================
   BASE
   Blanca Sosa World Lawyer
========================================================= */


/* Reset
========================================================= */

*,
*::before,
*::after {
	box-sizing: border-box;
}


html {
	scroll-behavior: smooth;
}


html,
body {
	margin: 0;
	padding: 0;
}


body {

	background:
		var(--bs-bg-body);

	color:
		var(--bs-text-dark);

	font-family:
		var(--bs-font-body);

	font-size:
		16px;

	line-height:
		1.6;

	-webkit-font-smoothing:
		antialiased;
}


/* Media
========================================================= */

img {
	display: block;
	max-width: 100%;
	height: auto;
}


svg {
	display: block;
}


/* Links
========================================================= */

a {
	color: inherit;
	text-decoration: none;
	transition:
		color var(--bs-transition),
		background var(--bs-transition),
		border-color var(--bs-transition),
		transform var(--bs-transition),
		opacity var(--bs-transition);
}


/* Text
========================================================= */

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin-top: 0;
}


h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--bs-navy);
}


/* Container
========================================================= */

.bs-container {

	width:
		min(
			calc(100% - 48px),
			var(--bs-container)
		);

	margin-inline:
		auto;
}


/* Sections
========================================================= */

.bs-section {
	padding:
		var(--bs-section-space)
		0;
}


/* Section heading
========================================================= */

.bs-section-heading {
	margin-bottom: 42px;
}


.bs-section-title {

	margin:
		0;

	color:
		var(--bs-navy);

	font-family:
		var(--bs-font-title);

	font-size:
		clamp(2rem, 4vw, 3.5rem);

	line-height:
		1.05;
}


/* Accessibility
========================================================= */

.screen-reader-text {

	position:
		absolute;

	width:
		1px;

	height:
		1px;

	padding:
		0;

	margin:
		-1px;

	overflow:
		hidden;

	clip:
		rect(0, 0, 0, 0);

	white-space:
		nowrap;

	border:
		0;
}