:root {
	--bhn-prostate: #0B3276;
	--bhn-diabetes: #330C65;
	--bhn-hormone: #560606;
	--bhn-general: #804103;

	--bhn-text: #262626;
	--bhn-link: #1F44BD;
	--bhn-accent: #D55918;
	--bhn-black: #000000;
	--bhn-white: #FFFFFF;

	--bhn-pagination: #B7B7B7;
	--bhn-pagination-active: #5B5B5B;

	--bhn-heading: #262626;
	--bhn-heading-blue: #152C54;
	--bhn-heading-blue-alt: #163B7A;
	--bhn-heading-dark: #0F1B36;
	--bhn-text-white-soft: #F2F2F2;

	--bhn-font-heading: 'Oxanium', sans-serif;
	--bhn-font-body: 'Scandia', sans-serif;
}

* {
    box-sizing: border-box;
}
html {
    height: 100%;
    scroll-behavior: smooth;
    font-size: 16px; /* Base font size */
}

@media only screen and (min-width: 1921px) {
    html {
        font-size: 0.833vw;
    }
}

body {
    color: var(--bhn-text);
    font-family: var(--bhn-font-body);
	font-size: 20px;
	line-height: 150%;
	font-weight: 400;
    height: 100%;
    margin: 0;
    min-height: 100%;
	background: #fafafc;
}
@media only screen and (max-width:767px) {

	body{
		font-size: 18px;
		line-height: 26px;
	}

}
body.no-scroll{ 
	overflow: hidden;
}
/* Visually hidden (screen reader only) utility */
.sr-only,
.screen-reader-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
img, svg {
    vertical-align: middle;
	max-width: 100%;
	height: auto;
}
.media img{
    width: 100%;
    height: 100%;
    max-height: 100%;
    object-fit: cover;
    transition: 0.4s all ease;
}
.image-hover img{
    transition: 0.4s all ease;
	transform: scale(1);
}
.image-hover:hover img{
    transform: scale(1.10);
}
.icon-hover .card-icon{
    position: relative;
    transition: 0.3s all ease;
    left: 0;
}
.icon-hover:hover .card-icon{
    left: 15px;
}
.media picture{
    width: 100%;
    height: 100%;
	max-height: 100%;
	display: block;
}
figure {
	margin-left: 0;
	margin-right: 0;
}
svg path{
    transition: 0.3s all ease;
}
iframe, video {
	width: 100%;
    max-width: 100%;
    height: 100%;
	object-fit: cover;
}
#page {
	overflow-x: clip;
}
a{
	color: var(--bhn-link);
	font-weight: 400;
    text-decoration: underline;
    transition: 0.3s all ease;
    outline: none;
	box-shadow: none;
}
button, input, textarea, select {
    outline: none;
	box-shadow: none;
}
a[href^=tel] {
    text-decoration: inherit;
}
.underline-text{
	text-decoration: underline;
}
p{
    margin-top: 0;
    margin-bottom: 15px;
}
p:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
	margin-bottom: 0;
}

p strong,
b {
    font-weight: 600;
}
h1,.h1-style, 
h2,.h2-style,
h3,.h3-style,
h4,.h4-style,
h5,.h5-style,
h6,.h6-style {
	color: var(--bhn-heading);
	font-family: var(--bhn-font-heading);
	margin-top: 0;
	margin-bottom: 15px;
	font-weight: 700;
}

h1,
.h1-style,
h2,
.h2-style {
	font-size: 46px;
	line-height: 125.217%;
}
.h2-large{
	font-size: 64px;
	line-height: 120.313%;
}
.h2-small{
	font-size: 38px;
	line-height: 128.947%;
}
@media only screen and (max-width: 1199px) {

	.h2-large {
		font-size: 56px;
		line-height: 121.429%;
	}
}
@media only screen and (max-width: 991px) {

	.h2-large {
		font-size: 48px;
		line-height: 120.833%;
	}
}
h3,
.h3-style {
	font-size: 31px;
	line-height: 135.484%;
}
h4,
.h4-style {
	font-size: 27px;
	line-height: 133.333%;
}
h5,
.h5-style {
	font-size: 24px;
	line-height: 150%;
}
h6,.h6-style {
	font-size: 19px;
	line-height: 120%;
}
@media only screen and (max-width: 767px) {

	h1, 
	.h1-style,
	h2,
	.h2-style,
	.h2-large,
	.h2-small {
		font-size: 26px;
		line-height: 33.8px;
	}
	h3,
	.h3-style {
		font-size: 31.008px;
		line-height: 135.484%;
	}
	h4,
	.h4-style {
		font-size: 21px;
		line-height: 146.667%;
	}
	h5,
	.h5-style {
		font-size: 19px;
		line-height: 147.368%;
	}
}
.card-grid{
	display: grid;
	gap: 20px;
	align-items: stretch; /* Force all cards to equal height */
}
.columns-3{
	grid-template-columns: repeat(3, 1fr);
}
.columns-2{
	grid-template-columns: repeat(2, 1fr);
}
.columns-4{
	grid-template-columns: repeat(4, 1fr);
}
.columns-5{
	grid-template-columns: repeat(5, 1fr);
}
@media only screen and (max-width:991px) {

	.columns-4,
	.columns-5{
		grid-template-columns: repeat(3, 1fr);
	}
	.columns-4 .content-card:last-of-type{
		grid-column: span 3;
	}
}
@media only screen and (max-width:767px) {
	
	.columns-2{
		grid-template-columns: repeat(1, 1fr);
	}
	.columns-3{
		grid-template-columns: repeat(1, 1fr);
	}
	.columns-4,
	.columns-5{
		grid-template-columns: repeat(1, 1fr);
	}
	.columns-4 .content-card:last-of-type{
		grid-column: inherit;
	}

}

.bens-container {
	width: 100%;
	max-width: 1680px;
	margin-left: auto;
	margin-right: auto;
}

.layout-padding {
	padding-left: clamp(16px, 6.25vw, 120px);
	padding-right: clamp(16px, 6.25vw, 120px);
}

.layout-margin {
	margin-left: clamp(16px, 6.25vw, 120px);
	margin-right: clamp(16px, 6.25vw, 120px);
}

@media only screen and (max-width:1599px) {

	.layout-padding {
		padding-left: 64px;
		padding-right: 64px;
	}

}
@media only screen and (max-width:1399px) {

	.layout-padding {
		padding-left: 32px;
		padding-right: 32px;
	}

}
@media only screen and (max-width: 767px) {
	
	.layout-padding.layout-padding0 {
		padding-left: 0;
		padding-right: 0;
	}
	.layout-padding-mobile {
		padding-left: 16px;
		padding-right: 16px;
	}
	.layout-margin-mobile {
		margin-left: 16px;
		margin-right: 16px;
	}
	.layout-padding {
		padding-left: 16px;
		padding-right: 16px;
	}
}



/* BreadCrumb Style */

.bhn-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-top: 25.008px;
	margin-bottom: 10px;
	color: var(--bhn-prostate);
}

/*
============================================================
Topic AJAX Loading States
============================================================
*/

[data-topic-featured],
[data-topic-latest] {
	transition: opacity 0.2s ease;
}

[data-topic-featured].is-loading,
[data-topic-latest].is-loading {
	opacity: 0.45;
	pointer-events: none;
}

[data-topic-featured].is-updating,
[data-topic-latest].is-updating {
	opacity: 0;
	animation: bnh-topic-fade-in 0.22s ease forwards;
}

@keyframes bnh-topic-fade-in {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.bhn-breadcrumb a{
	text-decoration: none;
	color: #A0A0A0;
}
.single-post-page .bhn-breadcrumb,
.single-post-page .bhn-breadcrumb a,
.single-post-page .bhn-breadcrumb .current {
	color: var(--bhn-black);
	font-family: Scandia, var(--bhn-font-body);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.3;
}
.single-post-page .bhn-breadcrumb a {
	text-decoration-line: underline;
}
.bhn-breadcrumb a:hover{
	color: var(--bhn-black);
}
.bhn-breadcrumb .breadcrumb-separator {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--bhn-accent);
}
.bhn-breadcrumb .breadcrumb-separator svg {
	display: block;
	width: 20px;
	height: 20px;
}
@media only screen and (max-width:991px) {

	.bhn-breadcrumb {
		margin-bottom: 20px;
	}

}
/* BreadCrumb Style End */

/* Pagination Style Start */

.pagination {
	margin-top: 100px;
}
.pagination .page-numbers {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 30px;
}
.pagination .page-numbers .page-numbers,
.pagination .page-numbers .page-numbers{
	text-decoration: none;
	color: var(--bhn-pagination);
	width: 38px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1.008px solid transparent;
	border-radius: 50%;
	font-weight: 400;
	transition: background-color 0.3s ease, color 0.3s ease;
}
.pagination .page-numbers .page-numbers.current  {
	color: var(--bhn-white);
	background-color: var(--bhn-pagination-active);
	font-weight: 700;
}
.pagination .page-numbers a.page-numbers:not(.prev):not(.next):hover,
.pagination .page-numbers a.page-numbers:not(.prev):not(.next):focus-visible {
	color: var(--bhn-white);
	background-color: var(--bhn-pagination-active);
}
.pagination .prev span, .pagination .next span {
	display: flex;
	align-items: center;
}

.pagination .page-numbers .prev,
.pagination .page-numbers .next{
	width: 120px;
	height: 80px;
	border-radius: 40px;
	background: var(--bhn-accent);
	color: var(--bhn-white);
}

.pagination .page-numbers .prev:hover,
.pagination .page-numbers .prev:focus-visible,
.pagination .page-numbers .next:hover,
.pagination .page-numbers .next:focus-visible{
	background: #A93F12;
	color: var(--bhn-white);
	opacity: 1;
}

.pagination .page-numbers .prev svg,
.pagination .page-numbers .next svg{
	width: 36px;
	height: 36px;
}

@media only screen and (max-width:991px) {

	.pagination{
		margin-top: 70px;
	}

}
@media only screen and (max-width:767px) {

	.pagination{
		margin-top: 50px;
	}
	.pagination .page-numbers {
		column-gap: 10px;
	}
	.pagination .page-numbers .page-numbers {
		width: 32px;
		height: 32px;
		font-size: 14px;
	}
	.pagination .prev svg,
	.pagination .next svg {
		width: 24px;
		height: 24px;
	}

	.pagination .page-numbers .prev,
	.pagination .page-numbers .next{
		width: 88px;
		height: 60px;
	}
}

/* Pagination Style End */

.btns{
    display: flex;
    flex-wrap: wrap;
    column-gap: 25px;
    row-gap: 25px;
}
/* Button Base Styles */
.site-btn {
	display: inline-flex;
	padding: 25.008px 86px; /* 25px 86px */
	text-decoration: none;
	transition: all 0.3s ease;
	cursor: pointer;
	text-align: center;
	font-family: var(--bhn-font-body);
	font-size: 27.008px;
	font-style: normal;
	font-weight: 700;
	line-height:  133.333%;
}
.btn-radius{
	border-radius: 4px;
}
.btn-primary {
	background-color: #0A2B4F;
	color: var(--bhn-white);
}
.btn-primary:hover,
.btn-primary:focus-visible {
	background-color: #061A30;
	color: var(--bhn-white);
}
.btn-secondary{
	background-color: var(--bhn-accent);
	color: var(--bhn-white);
}
.btn-secondary:hover,
.btn-secondary:focus-visible {
	background-color: #A93F12;
	color: var(--bhn-white);
}


/* Global Submit Field Wrapper with Icon */

.action-field {
	display: flex;
	margin-bottom: 0;
	column-gap: 20px;
	justify-content: space-between;
	align-items: center;
	margin-top: 25px;
}
@media only screen and (max-width:767px) {

	.action-field {
		flex-direction: column;
		margin-bottom: 0;
		row-gap: 20px;
		justify-content: center;
		align-items: center;
		margin-top: 0;
	}
}