@font-face {
	font-family: 'Poppins';
	src: url('./assets/fonts/Poppins-Regular.woff2') format('woff2'),
		url('./assets/fonts/Poppins-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('./assets/fonts/Poppins-Bold.woff2') format('woff2'),
		url('./assets/fonts/Poppins-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('./assets/fonts/Poppins-BoldItalic.woff2') format('woff2'),
		url('./assets/fonts/Poppins-BoldItalic.woff') format('woff');
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('./assets/fonts/Poppins-Italic.woff2') format('woff2'),
		url('./assets/fonts/Poppins-Italic.woff') format('woff');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}
strong, h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}
em {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}
strong em {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

a.btn, button.btn {
  background-image: none !important;
  box-shadow: none !important;
  appearance: none;
  -webkit-appearance: none;
}

.bf-dark {
	color: #2D3047 !important;
}
.bf-yellow {
	color: #FFAE44
}
.bf-purple {
	color: #8750A7
}
.bf-blue {
	color: #434C96
}
.bg-dark {
	background-color: #2D3047 !important;
}
.bf-bg-yellow {
	background-color: #FFAE44
}
.bf-bg-purple {
	background-color: #8750A7
}
.bf-bg-blue {
	background-color: #434C96
}

.rounded-pill.bf-bg-purple {
	border-color: #8750A7
}
.rounded-pill.bf-bg-purple:hover {
	background-color: #683a83;
	border-color: #683a83
}

.container-max {
	max-width: 1400px;
}

a .card {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
a .card:hover {
	transform: translateY(-4px);
}

.bf-icon-more {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url('assets/images/icon-arrow.svg') no-repeat center;
	background-size: contain;
	transition: transform 0.2s ease;
	transform: translateX(-2px);
}
.bf-icon-more.bf-icon-more-purple {
	background: url('assets/images/icon-arrow-purple.svg') no-repeat center;
	background-size: contain;
} 
a:hover .bf-icon-more {
	transform: translateX(0px);
}

#footer .small {
	font-size: 0.8rem;
}
#footer a {
	color: #fff !important;
}
#footer a:hover {
  color: #ccc !important;
}

.content {
	line-height: 1.6;
}

.content a:link, .content a:visited {
	color: #8750A7;
	border-bottom: 1px dotted #8750A7
}
.content a:hover {
	color: #000;
	border-color: #000;
}

.wp-block-heading {
	margin: 1.2em 0 0.5em 0;
}
.wp-block-quote {
  position: relative;
  border-left: none;
  font-size: 1.4em;
  color: #8750A7;
  margin-top: 1.55em;
}

.wp-block-quote::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(to bottom, #8750A7, #FFAE44);
}
.wp-block-table thead {
	border-bottom: none;
}
.content table th {
	background: #FFAE44;
	border-bottom: none;
}
.content table td {
	background: transparent;
}
.wp-element-caption {
	text-align: left;
}

.dropdown-menu[data-bs-popper] {
	left: auto !important;
	right: 0 !important;
}
#footer .dropdown-menu {
	background: #2e3047 !important;
}
#footer .dropdown-menu a:hover {
	color: #2e3047 !important;
}
body.home #menu-item-65.current-menu-item a {
	color: #595959 !important;
}
body.home #menu-item-65.current-menu-item a::after {
	display: none !important;
}

@media (min-width: 768px) {
	#header .current-menu-item a,
	#header .current-page-ancestor a {
		position: relative;
		color: #8750A7 !important;
	}
	#header .current-menu-item > a::after,
	#header .current-page-ancestor > a::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 2px;
		height: 2px;
		background: #8750A7;
		margin-left: 7px; /* mimic padding if needed */
		margin-right: 7px;
	}
}
@media (min-width: 992px) {
	h1 {
		font-size: 2.8rem;
		line-height: 1.2;
	}
	.navbar-brand img {
		height: 60px;
	}
	#header .navbar-nav .nav-item + .nav-item {
		margin-left: 1rem;
	}
	
}

/* BLOG */
.bfpost:hover {
  opacity: 0.8;
}
.card-img-top {
  aspect-ratio: 16/9;
  object-fit: cover;
}
.pagination ul {
  display: flex;
  justify-content: center;
  gap: 6px;
  list-style: none;
}
.pagination li a,
.pagination li span {
  border-radius: 8px;
  border: 1px solid #dee2e6;
  padding: 0.5rem 0.9rem;
  color: #212529;
  text-decoration: none;
}
.pagination li a.next, .pagination li a.prev {
	padding: 0;
	border: none;
}
.pagination li a:hover {
  background: #f8f9fa;
}
.pagination li .current {
  background: #8750a7;
  border-color: #8750a7;
  color: white;
}
.pagination li .dots {
  border: none;
}