/*
Theme Name: SAb Biotherapeutics
Author: NewOver
Author URI: https://newover.com/
Description: Custom theme for SAb Biotherapeutics.
Version: 3.1.0
*/

/* Typographical Elements
-------------------------------- */

.main h2 {
	font-size: 28px;
}

p {
	margin-bottom: 1em !important;
}

/* Form Elements
-------------------------------- */

a.btn {
	border-radius: 24px;
}

a.wp-block-button__link {
	background-color: #2E3A8D;
}

a.btn:focus,
a.btn:hover,
a.wp-block-button__link:focus,
a.wp-block-button__link:hover {
	background-color: #009FB0 !important;
	color: #fff;
	text-decoration: none;
}

a.btn.btn-primary:focus,
a.btn.btn-primary:hover {
	border-color: #009FB0;
}

/* Layout
-------------------------------- */

.wp-block-group {
	max-width: 1140px;
	margin: 0 auto;
	padding-bottom: 40px;
	padding-top: 40px;
}

.wp-block-group.no-padding-top {
	padding-top: 0;
}

.wp-block-group.no-padding-bottom {
	padding-bottom: 0;
}

.wp-block-group .wp-block-group {
	margin: 0 auto;
	padding-bottom: 0;
	padding-top: 0;
}

.wp-block-group.narrow-row {
	max-width: 960px;
}

.wp-block-group.full-width-row {
	max-width: 100%;
}

.wp-block-group.blue-row {
	background-color: #2E3A8D;
	color: #fff;
}

.wp-block-group.gray-row {
	background-color: #F7F8F5;
}

.wp-block-group.blue-row h2,
.wp-block-group.blue-row h3,
.wp-block-group.blue-row h4 {
	color: #fff;
}

.wp-block-group.callout-card {
	background-color: #fff;
	border-top: 4px solid #009FB0;
	padding: 24px;
}

.lightbox-image-container figure.aligncenter {
	align-items: center;
	display: flex;
	justify-content: center;
}

.lightbox-image-container figure.aligncenter img {
	width: 90% !important;
}

/* Globals
-------------------------------- */

.white-row {
	background-color: #fff;
}

.pill-right,
.pill-right img {
	border-radius: 240px 0 0 240px;
}

.pill-left,
.pill-left img {
	border-radius: 0 240px 240px 0;
}

/* Front Page
-------------------------------- */

.main .home-hero {
	background: #2E3A8D;
	padding-bottom: 40px;
	padding-top: 40px;
}

.main .home-hero h1 {
	color: #009FB0;
	font-size: 36px;
	margin-bottom: 24px;
	text-shadow: none;
}

/* Clinical Advisory Board
-------------------------------- */

.leadership-team-loop p {
	border-left: 4px solid #2E3A8D;
	padding-left: 12px;
}

.leadership-team-loop p strong {
	color: #2E3A8D;
}

/* Media Queries
-------------------------------- */

@media only screen and (min-width: 961px) {

	/* Layout
	-------------------------------- */

	.wp-block-group {
		padding-bottom: 104px;
		padding-top: 104px;
	}

	.wp-block-group.callout-card {
		padding: 40px;
	}

	/* Front Page
	-------------------------------- */
	
	.main .home-hero {
		background: 
			#2E3A8D
			url(/wp-content/uploads/2026/01/hero-img.webp)
			no-repeat
			left calc(max(1140px, 100vw)/2 - 580px) bottom -72px/400px !important;
		padding-bottom: 104px;
		padding-top: 104px;
	}

	.t-home .col-lg-10 {
		max-width: 1140px;
	}

	/* Clinical Advisory Board
	-------------------------------- */
	
	.leadership-team-loop {
		align-items: flex-start;
		display: flex;
		flex-wrap: wrap;
		gap: 40px;
	}

	.leadership-team-loop p {
		width: calc( ( 100% - 80px ) / 3 );
	}

}

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

	/* Layout
	-------------------------------- */

	.wp-block-group {
		padding-left: 24px;
		padding-right: 24px;
	}

}

@media only screen and (max-width: 768px) {
	
	.col-6 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.row.image-right {
		flex-direction: column-reverse;
	}

	.pill-image {
		margin-bottom: 24px;
	}
	
}