:root {
	--border-radius: 15px;
}

html, body {
	font-family: "Albert Sans", sans-serif;
	font-optical-sizing: auto;
	font-size: 16px;
	font-weight: 400;
	scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "El Messiri", sans-serif;
	font-optical-sizing: auto;
}

.h1, h1 {
	font-size: calc(2.375rem + 1.5vw);
}
.h2, h2 {
	font-size: calc(1.825rem + .9vw);
}

header {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	min-height: 75vh;
}
.navbar-toggler:focus { box-shadow: none; }
.navbar {
	position: fixed;
	top: 1rem;
	left: 1rem;
	right: 1rem;
	transition: top 0.3s !important;
}

.navbar .nav-item a>span { display: inline-block; }
.navbar .nav-item .active>span:after {
	content: '';
	display: block;
	margin: auto;
	height: 1.5px;
	width: 100%;
	animation-duration: .5s;
	animation-name: slide-in;
	transform-origin: 0 50%;
}

.offcanvas {
	margin-top: 25px;
	bottom: initial;
	padding: 70px 25px;
	border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.offcanvas li { border-top: 1px solid; }
.offcanvas li a { padding-left: 0; padding-right: 0; font-weight: 400; }
.offcanvas li:last-child { border-bottom: 1px solid; }
.btn-close {
	--bs-btn-close-opacity: 1;
	width: .75rem;
	height: .75rem;
}

section { padding: 60px 15px; }
section + .scroller-wrapper { margin-top: 30px; }
section.bg-dark02-pattern { padding-top: 160px; }
.scroller-1 + section { padding: 0; }
.scroller-wrapper + section > div { border-radius: 0; }
.scroller-2 + section { padding-top: 0; }

footer ul.list-unstyled li { margin: 10px 0; }
footer .social-media a+a { margin-left: 15px; }
.footer { border-radius: 0; }

a { text-decoration: none; }

.p-mb-0 p:last-child { margin-bottom: 0; }

.navbar {
	backdrop-filter: blur(5px);
}
.navbar-nav a { text-transform: uppercase; }
.dropdown:hover .dropdown-menu {
	display: block;
	margin-top: 0;
}

.offcanvas ul a span { flex-grow: 1 }

.ff-messiri {
	font-family: "El Messiri", sans-serif;
	font-optical-sizing: auto;
}
.ff-albert {
	font-family: "Albert Sans", sans-serif;
	font-optical-sizing: auto;	
	font-weight: 200;
}
.ff-fragment, .subtitle {
	font-family: "Fragment Mono", sans-serif;
	font-optical-sizing: auto;
}
.subtitle.h6 {
	font-size: .75rem;
}

.fs-080 { font-size: 0.80rem; }
.fs-090 { font-size: 0.90rem; }
.fs-huge { font-size: 3.00rem; }

.fw-800 { font-weight: 800; }

.btn, .tag {
	border-radius: 50rem;
	border-style: solid;
	border-width: 1px;
	font-size: .75rem;
	text-transform: uppercase;
	display: inline-block;
	padding: 0.475rem 0.75rem;
}

.rounded-circle {
	/*padding: auto;*/
	padding: 0;
	width: 30px;
	height: 30px;
	display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-arrow {
	padding-right: 20px;
}
.btn-arrow:after {
	/*padding-left: 10px;*/
	padding: 3px 3px 3px 10px;
	font-family: 'Font Awesome 6 Pro';
	content: '\e09f';
	transition: all .25s;
}
.btn-arrow:hover:after {
	padding: 0 0 6px 13px;
}
.btn-arrow-down:after {
	padding: 3px 3px 3px 10px;
	content: '\f063';
}
.btn-arrow-down:hover:after {
	padding: 6px 3px 0 10px;
}

.centro { position: relative; }
.centro a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	text-decoration: none;
}

.accordion *, .accordion .accordion-button:not(.collapsed), .accordion-button:focus {
	border: none;
	background: none;
	box-shadow: none;
}
.accordion .accordion-button, .accordion .accordion-body {
	padding-left: 0;
	padding-right: 0;
}
.accordion .accordion-item + .accordion-item {
	border-top-width: 1px;
	border-top-style: solid;
}
.accordion .accordion-button { font-weight: 600; }
.accordion-button:not(.collapsed)::after {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAsCAYAAADxRjE/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAImSURBVHja7Nk7aNVQGAfw30l7S5cKRV3cHMRBUYfiG6UqTsXBoeIbxEUUcVEEXXx09oE6CC4uDi6CIOhQiw9QfKCuKlXBUTqKt3A/lyM4KHrTpl4hZzkQEvJLcvL9v5AUEf63UfgPR42u0TW6Rtfozh7d7R4w2H8A+iNiouVHmqa2T5yElHokDZOaxaOJS60K73RPI8RQiIGyYAhJRHNhmDyL2ZUuj0BEXAhplDQwhae8JKRrEc0TSWtRtej4Nhk8Rx9GUQbei2NYE9K7FK2uyu80aTNuloAnrMJd7MRjHMTDmaoewyXgfTiOdXiGvbiH5kyWvHbgy3AVWzCOM3n+J3X6b+ALcB7b8j6DuI3Wv0L/CT4XJ7EeH3E6zx2RiL+Cr8At7MF97MaDTovxYdz4CX4Eq/EGh3KViE5Dww58yPCteds+vOvkhqkfr35kfp4n2i1rM4mej3O5rH3Oa1y+iIFORC/F9RwYYxleJoBmDN2No1iLtzn1Xk4hOStFF1iZo3gnnuSK8XoaIr8y9CycyAn3FLtw5zcv3bTBp4JejCsYwieM4H0FTda0oRfiMrbnk2/MvUSZ5Fzebt6UQEdBjOT2chynSgTHz/Ax0pxK0UUq5pGGiFHsz418yciPm2gWqbGh0q/xxNci9W5qxbfPtMbLftjmJTFcaBxOul9UisaXpOtRkXq6WtHMLXEZeJJSQ9K42PaR9Z+AGl2ja3SNrtE1Gt8HADE+oyTtOBs1AAAAAElFTkSuQmCC);
}
.accordion-button::after {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAsCAYAAADxRjE/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACuSURBVHgB7dgxCsJAEIXhN4mCVu4R4hHS2Qi5jZYexSN5g1zBI2xnZdYN1iGBZB6EvA8CKab4WVgYFhARkbma8AiXcK/gYAcnXfq0+//vGQtzi05ABScFVkjRLIpmUTSLolkUzWJjA03e1L6pa/NoAMe7tGP9is84NDDhpA/RYBFbcD3dUv/BgS4ii6JZFM2iaBZFs6wy2u2FKb8x5SXLZ9Fyiy6tqPsNESIiMscPpuQZRY3RyZAAAAAASUVORK5CYII=);
}
.accordion .accordion-item {
	border-top-width: 1px;
	border-top-style: solid;
	border-radius: 0;

	/*font-weight: 200;*/
}
.accordion .accordion-item:last-child {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.contact-map {
	position: relative;
	overflow: hidden;
}
.contact-map iframe {
	width: 100%;
	height: 550px;
}

.more-posts { transition: all .5s; }
.more-posts:hover { opacity: .75 }

.staff { position: relative; }
.staff-data {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.customPrevBtn, .customNextBtn { padding-top: .5rem; padding-bottom: .5rem; }

.simply-scroll, .simply-scroll .simply-scroll-clip { width: 100vw; height: auto; overflow: hidden !important; }
.simply-scroll .simply-scroll-list li { width: auto; height: auto; }

/*.my-scroll {
	white-space: nowrap;
	animation-name: scroll;
	animation-duration: 15s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}*/


@media(min-width: 576px) {
	html, body { font-size: 18px; }
	header { min-height: 100vh; }
	section { padding: 160px 90px; }
	section + .scroller-wrapper { margin-top: 60px; }
	section.bg-dark02-pattern { padding-top: 160px; }
	.scroller-1 + section { padding: 50px 90px 160px; }
	.scroller-wrapper + section > div { border-radius: var(--border-radius); }
	.scroller-2 + section { padding-top: 0; }

	.fs-huge { font-size: 5.00rem; }

	.btn, .tag { font-size: 18px; }

	.rounded-circle {
		width: 45px;
		height: 45px;
	}

	footer, .footer { padding: 90px; }
	.footer { border-radius: var(--border-radius); }
	footer { padding-top: 0; }
	.border-sm-0 { border: none !important; }
	.border-sm-bottom { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
}


@keyframes slide-in {
	from { scale: 0 1; }
	to { scale: 100% 1; }
}
@keyframes scroll {
	from { transform: translateX(2200px); }
	to { transform: translateX(-2200px); }
}