@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Fira+Sans:400,500,600,700&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.6.0/remixicon.min.css");

:root {
	--theme-color: #172438;
	--theme-color--light: #7195d3;
	--theme-color--dark: #182438;
	--theme-color--darker: #111a2c;
	--theme-color--secondary: #1b90c7;
	--theme-color--secondary--dark: #329a7c;
	--dark-gray: #171718;
	--mid-gray: #38383a;
	--light-gray: #a7abaf;
	--theme-color--alert: #eede28;
}
*,
*::before,
*::after {
	box-sizing: border-box;
}
html {
	scroll-padding: 120px 0 0 0;
	scroll-behavior: smooth;
}
ul[class],
ol[class] {
	padding: 0;
}
body,
h1,
h2,
h3,
h4,
p,
li,
figure,
figcaption,
blockquote,
dl,
dd {
	margin: 0;
}
body {
	position: relative;
	min-height: 100vh;
	text-rendering: optimizeSpeed;
	line-height: 1.5;
	color: var(--black);
	background-color: var(--theme-color--dark);
	font-size: var(--font-size--default);
	font-family: "Fira Sans", serif;
}
ul[class],
ol[class] {
	list-style: none;
	margin-top: 0;
}
a:not([class]) {
	text-decoration-skip-ink: auto;
}
a:hover {
	text-decoration: none;
	color: var(--theme-color--darker);
}
img {
	max-width: 100%;
	display: block;
}
input,
button,
textarea,
select {
	font: inherit;
}

@media (prefers-reduced-motion: reduce) {
	* {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}
:root {
	font-size: 62.5%;
	/* (62.5/100) * 16px = 10px */
	--font-size--smaller: 0.9rem;
	--font-size--small: 1rem;
	--font-size--default: 1.4rem;
	--font-size--large: 1.8rem;
	--font-size--larger: 2rem;
	--font-size--h1: 2.4rem;
	--font-size--h2: 2rem;
	--font-size--h3: 1.8rem;
	--font-size--h4: 1.4rem;
}
@media screen and (min-width: 769px) {
	:root {
		--font-size--smaller: 1.4rem;
		--font-size--small: 1.6rem;
		--font-size--default: 1.75rem;
		--font-size--large: 3rem;
		--font-size--larger: 3.5rem;
		--font-size--h1: 4.5rem;
		--font-size--h2: 3rem;
		--font-size--h3: 2.25rem;
		--font-size--h4: 2rem;
	}
}
@media screen and (min-width: 1441px) {
	:root {
		--font-size--smaller: 1.4rem;
		--font-size--small: 2rem;
		--font-size--default: 2.25rem;
		--font-size--large: 3rem;
		--font-size--larger: 3.5rem;
		--font-size--h1: 4.5rem;
		--font-size--h2: 3.5rem;
		--font-size--h3: 2.75rem;
		--font-size--h4: 2.25rem;
	}
}
a {
	color: var(--theme-color--secondary);
	font-weight: 600;
	font-size: var(--font-size--default);
	font-family: "Fira Sans", serif;
	text-decoration: none;
}
a:hover {
	color: var(--theme-color--dark);
	text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 600;
	margin-bottom: 2rem;
}
p {
	font-size: var(--font-size--default);
}
h1 {
	font-size: var(--font-size--h1);
}
h2 {
	font-size: var(--font-size--h2);
}
h3 {
	font-size: var(--font-size--h3);
}
h4 {
	font-size: var(--font-size--h4);
}
h5 {
	font-size: 1.75rem;
}
h6 {
	font-size: 1.25rem;
}
p {
	margin-bottom: 1.5rem;
	line-height: 1.75;
}
.lead {
	font-size: var(--font-size--larger);
	max-width: 900px;
	margin-bottom: 2rem;
}
@media screen and (min-width: 769px) {
	.lead {
		margin-bottom: 5rem;
	}
}
.lead a,
.lead span {
	font-size: var(--font-size--larger);
}
@media screen and (min-width: 1025px) {
	ol,
	ul {
		font-size: var(--font-size--default);
	}
}
ol li,
ul li {
	margin-bottom: 0.5rem;
	line-height: 1.75;
}
p + ul,
p + ol {
	margin-top: -0.5rem;
}
.footnote {
	background-color: white;
	padding: 1rem;
	font-size: var(--font-size--small);
	font-style: italic;
	box-shadow: 0 0.063em 0.313em 0 rgba(0, 0, 0, 0.07), 0 0.438em 1.063em 0 rgba(0, 0, 0, 0.1);
	border: 4px;
}

form {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 0 0 100%;
}
input,
textarea {
	padding: 0.5rem 1rem;
	border-radius: 4px;
	border-color: rgba(0, 0, 0, 0.25);
	margin-bottom: 2rem;
}

.btn {
	font-size: var(--font-size--default);
	border-radius: 4px;
	font-weight: 600;
	padding: 0.5rem 1rem;
	cursor: pointer;
}
.btn-primary {
	color: white;
	background-color: var(--theme-color);
	border-color: var(--theme-color);
}
.btn-primary:hover {
	color: var(--theme-color--dark);
	background-color: var(--theme-color--light);
	border-color: var(--theme-color--light);
}
.alert {
	padding: 0.75rem 1rem;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2rem;
	width: 100%;
	color: var(--dark-gray);
	background-color: var(--theme-color--alert);
}
.alert p {
	margin-bottom: 0;
	font-weight: 600;
	font-size: calc(var(--font-size--default) * 1.1);
}
.alert a {
	display: inline-block;
	border: 1px solid var(--dark-gray);
	border-radius: 8px;
	padding: 0.5rem 1rem;
	color: var(--dark-gray);
}
.main-nav {
	padding: 1rem;

	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
	.main-nav {
		padding: 3rem;
		padding-left: 5vw;
		padding-right: 5vw;
	}
}
.main-nav__logo {
	display: flex;
	align-items: center;
	gap: 2rem;
}
.main-nav__logo img {
	max-width: 150px;
}
.main-nav__text {
	font-weight: 500;
	text-transform: uppercase;
	color: white;
	padding-left: 2.5rem;
	margin-left: 1rem;
	border-left: 2px solid white;
	font-size: var(--font-size--default);
}
.main-nav__links {
	display: flex;
	gap: 2rem;
	align-items: center;
}
.main-nav__links a {
	font-weight: 600;
	color: white;
}
.main-nav__links a:hover {
	color: var(--theme-color--light);
}
.main-nav .abi-logo-icon {
	display: none;
	max-width: 35px;
	position: relative;
	margin-right: 2rem;
}
@media screen and (min-width: 1024px) {
	.main-nav .abi-logo-icon {
		display: block;
	}
}
.main-nav .abi-logo-icon:after {
	display: block;
	content: "";
	position: absolute;
	right: -2.25rem;
	top: -0.25rem;
	width: 2px;
	height: 40px;
	background-color: white;
}
.main-nav .register {
	padding: 0.5rem 1.5rem;
	border-radius: 4px;
	background-color: white;
	color: var(--theme-color--dark);
}
.main-nav .register:hover {
	background-color: var(--theme-color--secondary);
	color: white;
}

.eventContainer {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	background-color: #171718;
}

.main__wrapper {
	background: center/cover no-repeat url("assets/background.jpg");
	min-height: 600px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

main {
	padding: 2rem;
	width: 75vw;
	min-height: 500px;
	margin: 5rem auto;
}

.abi-footer {
	font-size: var(--font-size--default);
	justify-content: space-between;
	padding-left: 5vw;
	padding-right: 5vw;
	color: white;
	background-color: var(--theme-color--darker);
	font-weight: 500;
	padding: 4rem 2rem;
}
@media screen and (min-width: 768px) {
	.abi-footer {
		padding-left: 2.5vw;
		padding-right: 2.5vw;
	}
}
@media screen and (min-width: 1441px) {
	.abi-footer {
		padding-left: 7.5vw;
		padding-right: 7.5vw;
	}
}
.abi-footer address {
	font-style: normal;
}
@media screen and (min-width: 769px) {
	.abi-footer {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		gap: 1rem;
	}
}
.abi-footer svg {
	margin-right: 8px;
}
.abi-footer a {
	color: white;
	text-decoration: none;
	display: inline-block;
	font-size: var(--font-size--smaller);
}
.abi-footer a:not(:last-of-type) {
	margin-right: 1rem;
}
.abi-footer a:hover {
	color: var(--theme-color--secondary);
}
.abi-footer__info {
	display: flex;
	grid-column: span 4;
	grid-row: 2;
}
.abi-footer__address {
	padding: 1.5rem 0;
	font-size: var(--font-size--small);
}
.abi-footer__address ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}
.abi-footer__address ul li {
	margin-bottom: 0.25rem;
}
.abi-footer__links li {
	margin-bottom: 0.25rem;
}
.abi-footer__social-media {
	grid-column: span 2;
	grid-row: 2;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: center;
}
@media screen and (min-width: 769px) {
	.abi-footer__social-media {
		align-items: flex-end;
	}
}
.abi-footer__social-media div {
	padding-bottom: 0.5rem;
	border-bottom: 4px solid white;
	margin-bottom: 0.5rem;
	text-align: right;
}
.abi-footer__social-media nav {
	display: flex;
	background-color: var(--theme-color-darker);
	justify-content: flex-end;
}
.abi-footer__social-media nav a {
	font-size: var(--font-size--large);
}
.abi-footer .help {
	background: white;
	color: var(--theme-color--darker);
	padding: 0.25rem 0.75rem;
	border-radius: 4px;
	margin: 1rem 0;
	font-size: var(--font-size--smaller);
	text-transform: uppercase;
}
.non-profit-statement {
	font-size: var(--font-size--smaller);
	color: white;
	text-shadow: 1px 1px 1px var(--a6);
	text-align: center;
}

button {
	background-color: var(--theme-color);
	color: white;
	font-size: var(--font-size--default);
	padding: 0;
}

.profile .member-profileInfo input[type="text"] {
	height: 43px;
}
.profile .member-profileInfo h2.member-name {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 8px;
}
@media screen and (max-width: 1024px) {
	.profile .member-profileInfo h2.member-name {
		font-size: 1.7rem;
	}
}
.profile .member-profileInfo .member-subheading {
	margin-bottom: 0rem;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	color: #6b7280;
}
.profile .member-profileInfo .member-details {
	font-size: 14px;
}
.profile .member-profileInfo .member-details a{
	font-size: 14px;
	color:#1498a0;
}
.profile .member-profileInfo .member-details a:hover{
	font-size: 14px;
	color:#1498a0;
	font-weight: 700;
}
.profile .member-profileInfo .member-title {
	font-size: 18px;
	font-weight: 500;
	color: #0891b2;
}
@media screen and (max-width: 1024px) {
	.profile .member-profileInfo .member-title {
		font-size: 1.4rem;
	}
}
.profile .member-profileInfo .member-company {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 1rem;
	color: #4a4a4a;
}
@media screen and (max-width: 1024px) {
	.profile .member-profileInfo .member-company {
		font-size: 1.2rem;
	}
}
.profile .member-profileInfo .member-tenure {
	font-size: 14px;
	color: #0891b2;
	font-weight: 500;
	padding: 4px 14px;
	background-color: rgb(8 145 178 / 0.1);
	border-radius: 40px;
	display: inline-block;
}
.profile .member-profileInfo .member-tenure i{
	margin-right: 4px;
}

.profile .member-profileInfo .member-tenure span {
	display: inline-block;
	margin-right: 1rem;
	font-weight: 100;
}
.profile .member-profileInfo .member-tags {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 1rem 0;
	font-size: 1.25rem;
	gap: 0.5rem;
}
.profile .member-profileInfo .member-tags a {
	text-decoration: none;
	padding: 0.25rem 0.5rem;
	border-radius: 4px;
	font-size: 1.25rem;
	color: white;
	background-color: #4483c1;
}
.profile .member-profileInfo .member-tags a:hover {
	background-color: #34699e;
}
#edit-profile-picture-ajax-wrapper {
	height: 180px;
}
#edit-profile-picture-ajax-wrapper label {
	font-size: 20px;
}
#edit-profile-picture-ajax-wrapper .form-managed-file {
	margin: 1rem 0;
	padding: 0.5rem 2rem 0.5rem 1rem;
	background-color: rgba(23, 44, 64, 0.2);
}
#edit-profile-picture-ajax-wrapper .form-item {
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}
#edit-profile-picture-ajax-wrapper .file-icon {
	width: 30px;
	margin-bottom: 10px;
}
#edit-profile-picture-ajax-wrapper #edit-profile-picture-remove-button {
	margin-left: 1.5rem;
	background-color: #172c40;
	color: white;
	border: 0;
}
#edit-profile-picture-ajax-wrapper #edit-profile-picture-upload-button {
	margin-left: 1.5rem;
	background-color: #172c40;
	color: white;
	border: 0;
}
@keyframes rotate {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
.custom-loading:before {
	content: "\f110";
	display: inline-block;
	animation: rotate 2s infinite linear;
}
.member-count-wrapper {
	position: sticky;
	top: 30px;
	background-color: white;
	padding: 0.25rem;
}
.paginationjs {
	padding: 0.5rem 0;
}
.paginationjs-pages ul {
	display: flex;
	list-style-type: none;
}
.paginationjs-pages ul li {
	margin-right: 0.5rem;
	background-color: transparent;
	line-height: 1;
	padding: 0.25rem 0.5rem;
	font-weight: 600;
}
.paginationjs-pages ul li:hover {
	background-color: transparent;
}
.paginationjs-pages ul li.active {
	background-color: #f8f8f9;
}
.paginationjs-pages ul li.disabled {
	background-color: #f8f8f9;
}
.paginationjs-pages ul li a {
	color: white;
	text-decoration: none;
}
.paginationjs-pages ul li.disabled a {
	color: #4a4a4a;
}
.paginationjs-pages ul li.active a {
	color: #4a4a4a;
}
.member-header {
	margin-bottom: 2rem;
}
.member-photoWrapper {
	height: 250px;
	overflow: hidden;
}
@media screen and (max-width: 1024px) {
	.member-photoWrapper {
		height: 225px;
	}
	.member-photoWrapper img {
		height: 225px;
		width: inherit !important;
	}
}
.member-photoWrapper img {
	width: 100%;
	max-width: 230px;
	margin: 0 auto;
}
.member-photo {
	width: 100%;
	height: 100%;
	max-height: 300px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.member-profileInfoWrapper {
	padding: 1rem;
	background-color: #f9fafc;
	background-color: #f1f1f3;
	height: 100%;
}
.profile .member-profileInfo h3 {
	font-size: #172c40;
	padding-bottom: 0.5rem;
}
.profile .member-otherInfo .col-lg-4 {
	margin-bottom: 3rem;
}
h2.profile-category {
	font-size: 20px;
	line-height: 28px;
	font-weight: 600;
	color: #111827;

}
h3.profile-subcategory {
	font-size: 20px;
	font-weight: 800;
	border-bottom: 1px solid #444;
	padding-bottom: 0.5rem;
	margin: 1.1rem 0 1rem 0;
}
.member-contact {
	padding: 1rem;
}

@media screen and (max-width: 768px) {
	.member-profileInfoInner {
		height: initial;
	}
}
.member-featured {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #f0f4f9;
}
.member-featured .featured-photo {
	width: 100px;
	height: 100px;
	overflow: hidden;
	border-radius: 50%;
	margin-right: 1rem;
}
.member-featured .featured-photo img {
	width: 100%;
}
.member-featured .member-featuredName {
	font-size: 16px;
	font-weight: 600;
	color: #172c40;
}
.member-featured .member-featuredPosition {
	font-weight: 600;
}
.member-featured .member-featuredLocation {
	color: #6d8ebd;
}
.member-description {
	margin-bottom: 2rem;
}
.member-subheading {
	font-size: 14px;
	font-family: "Fira Sans", sans-serif;
	font-weight: 800;
	margin-bottom: 0.5rem;
	text-transform: uppercase;
	color: #1498a0;
}
.profile-social {
	font-size: 16px;
	font-weight: 600;
	margin-top: 0.5rem;
}
.committee-item,
.leadership-item,
.journal-item,
.session-item,
.activity-item {
	font-size: 14px;
	padding: 0.75rem 0.5rem;
}
.committee-item > div:nth-of-type(2),
.leadership-item > div:nth-of-type(2),
.journal-item > div:nth-of-type(2),
.session-item > div:nth-of-type(2),
.activity-item > div:nth-of-type(2) {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.journal-item a,
.session-item a {
	font-size: 14px;
	font-weight: 600;
	max-width: 250px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	line-height: 1.3;
}

.leadership-item:nth-of-type(2n) {
	background-color: rgba(242, 242, 242, 0.6);
}
.committee-item:nth-of-type(2n) {
	background-color: rgba(242, 242, 242, 0.6);
}
.journal-item:nth-of-type(2n) {
	background-color: rgba(242, 242, 242, 0.6);
}
.session-item:nth-of-type(2n) {
	background-color: rgba(242, 242, 242, 0.6);
}
.activity-item:nth-of-type(2n) {
	background-color: rgba(242, 242, 242, 0.6);
}
.activity-name,
.committee-name,
.leadership-name {
	font-weight: 600;
	max-width: 260px;
	text-overflow: ellipsis;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1;
}

/* .profile.container {
 display: grid;
	grid-template-columns: repeat(12, 1fr); 
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
} */

.profile.container > section {
	/* grid-column: span 4; */
	flex: 0 0 31%;
}
.profile.container > section.member-profileInfo {
	/* grid-column: span 12; */
	flex: 0 0 100%;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 1rem;
}

.member-profileDescription {
	grid-column: span 4;
}

.activity table {
	font-size: 1.1rem;
}
.activity thead {
	font-weight: bold;
}
/* .member-profileInfoInner {
	max-height: 600px;
	overflow-y: scroll;
} */

table {
	width: 100%;
}

table td {
	padding: 1rem;
}
table tr:nth-child(even) {
	background-color: #e2e2e2;
}

.pardot-score {
	display: flex;
	gap: 2.5rem;
	align-items: center;
}

.pardot-score p {
	text-align: center;
	margin: 0;
}

.pardot-score.has-score p {
	font-weight: 800;
	font-size: 2.25rem;
	margin: 0;
}

hr {
	border-color: rgba(0, 0, 0, 0.1);
	margin: 2.5rem 1rem 2.5rem 0;
}

.leadership-item .highlight--speaker,
.activity-item .highlight--speaker {
	background-color: var(--theme-color--secondary--dark);
	color: white;
	font-weight: 600;
	padding: 0.25rem 0.5rem;
	border-radius: 4px;
}

.leadership-item .highlight--partner,
.activity-item .highlight--partner {
	background-color: var(--theme-color--alert);
	color: var(--dark-gray);
	font-weight: 600;
	padding: 0.25rem 0.5rem;
	border-radius: 4px;
}
@media (max-width: 767px) {
	.member-profileName{
   display: flex;
	 justify-content: center;
	 margin-bottom: 20px;
	}
	.member-social {
		padding-left: 0px !important;
		justify-content: center;
	}
	.member-description {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
	}
}
@media (min-width: 768px) and (max-width: 810px) {
	.member-tenure{
		padding: 4px 3px !important;
		font-size: 13px !important;
	}
}

.member-social {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding-left: 20px;
}
.member-social svg path{
	color: #1498a0;
}

.imis-score h2 {
	position: relative;
}
.imis-score .imis-info {
	display: none;
}
.imis-score .icon {
	cursor: pointer;
}
.imis-score .icon:hover .imis-info {
	display: block;
	background: white;
	color: var(--dark-gray);
	border: 1px solid var(--light-gray);
	box-shadow: 1px 1px 1px var(--light-gray);
	border-radius: 4px;
	position: absolute;
	top: 50px;
	left: -30px;
}

.form_error{
    color:red;
    font-size: 14px;
}

.form_success{
    color:green                             ;
    font-size: 14px;
}

@media (min-width: 992px) {
	.profile-details{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
		background-color: white;
		border-radius: 25px;
		padding: 10px;
	}
}
.profile-details section {
    background: #fcfcfc;
    padding: 18px;
    margin-bottom: 20px;
    border-radius: 25px;
    border: 1px solid #efe0e0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.2s ease;
}
.profile-details .icon {
    background-color: #0891b21a;
    padding: 5px 10px;
    border-radius: 50%;
}
.profile-details .icon i {
    font-size: 18px;
    color: #1498a0;
}
.profile-details section .profile-icon {
	display: flex;
	gap: 10px;
	align-items: center;
	margin-bottom: 10px;
}
.profile-details h3.profile-category {
    margin-bottom: 0px;
		font-size: 20px;
		font-weight: 500;
}
.profile-form{
	background-color: white;
	border-radius: 25px;
	margin-top: 10px;
	padding: 30px;
}
.member-profileInfo{
	padding: 20px;
	background-color: white;
	border-radius: 25px;
	gap: 20px;
	align-items: center;
	margin-bottom: 30px;
}
@media (min-width: 992px) {
	.member-profileInfo{
    display: flex;
		justify-content: space-evenly;
		padding: 20px;
		background-color: white;
		border-radius: 25px;
		position: sticky;
		top: 20px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.member-description{
		margin-bottom: 2rem;
		padding-bottom: 10px;
	}
	.member-profileInfo{
		display: flex;
		justify-content: space-around;
	}
}



@media (min-width: 1050px) and (max-width: 1300px) {
 main{
	width: 90vw;
 }
}
@media (min-width: 768px) and (max-width: 991px) {
 main{
	width: 80vw;
 }
}

@media (min-width: 992px) and (max-width: 1049px) {
 main{
	width: 95vw;
 }
}
/* .member-profileName {
	text-align: center;
	margin-bottom: 50px;
} */



/* Tabs container */
.tab-links {
  display: flex;
  gap: 10px;
	justify-content: space-evenly;
  border-bottom: 2px solid #e5e7eb;
  margin-bottom: 20px;
  padding-bottom: 5px;
  list-style: none;
}

/* Each tab item */
.tab-links li {
  margin: 0;
}

/* Buttons styled as tabs */
.tab-btn {
  background: transparent;
  border: none;
  padding: 10px 15px;
  font-size: 14px;
  color: #6b7280;
	font-weight: 500;
  cursor: pointer;
  border-radius: 6px 6px 0 0;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 6px;
	margin-bottom: -1px;
}

/* Icon size */
.tab-btn span {
    font-size: 16px;
    margin-bottom: 4px;
}

/* Hover state */
.tab-btn:hover {
  border-bottom: 2px solid #b8b8b8;
}

/* Active tab */
.tab-links li.active .tab-btn {
  color: #1498a0;
  font-weight: 500;
	margin-bottom: -1px;
  border-bottom: 2px solid #1498a0;
}

/* Tab content container */
.tab-content {
  padding: 20px;
}

/* Hide all tabs by default */
.tab-content .tab {
  display: none;
}

.tab-content .tab.active {
  display: block;
}
.leadership ul {
	list-style: none;
}
.paginate-list ul{
	list-style: none;
	padding-left: 10px;
	margin-top: 0px;
}


.leadership .leadership-details {
	padding: 10px;
	border: 1px solid #efe0e0;
	border-radius: 11px;		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	transition: box-shadow 0.2s ease;
	margin-bottom: 15px;
}
.leadership .leadership-details:hover {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
}
.leadership h4.leadership-name {
	font-size: 16px;
	color: #111827;
	font-weight: 600;
	overflow: unset;
	margin-bottom: 5px;
	max-width: none;
	white-space: normal;
}
.leadership p.leadership-role {
    color: #4b5563;
    font-size: 14px;
    line-height: 20px;
		margin-bottom: 2px;
}

.leadership span.leadership-status {
    font-size: 12px;
    color: #166534;
    background-color: #dcfce7;
    line-height: 16px;
    border-radius: 50%;
    display: inline-flex;
    text-align: center;
    padding: 5px;
    vertical-align: middle;
}
.leadership .leadership-date {
	font-size: 14px;
	color: #6b7280;
}
.leadership .leadership-date i{
	margin-right: 5px;
}
.article-year {
	color: green;
	background-color: #dbfee3;
	border-radius: 35px;
	font-weight: 500;
	padding: 0px 12px;
	display: inline-flex;
	font-size: 13px;
	word-wrap: unset;
}
.committee table tr:nth-child(even) {
	background-color: #0891b21a;
}
.committee table {
 border-collapse: collapse;
}
.committee table td{
	padding: 1rem;
	border: 1px solid #ccc;
}
.article-details{
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.article-info a{
	font-size: 16px;
	color: #111827;
	font-weight: 500;
}
.article-date-link{
	display: flex;
	justify-content: space-between;
	gap: 20px;

}
.journal-date{
	color: #6b7280;
}
.journal-date i{
	margin-right: 10px;
}
.article-issue{
	color: #4b5563;
	font-size: 14px;
}
.article-date-link a{
	font-size: 14px;
  font-weight: 400;
	color: #0891b2;
}
.journal-articles .leadership-item{
	font-size: 14px;
	transition: box-shadow 0.2s ease-in-out;
	border: 1px solid #e0dede;
	border-radius: 10px;
	padding: 15px;
	margin-bottom: 15px;
}
.journal-articles .leadership-item:hover{
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.contributions ul{
	list-style: none;
}
.contributions table tr:nth-child(even) {
	background-color: #0891b21a;
}
.contributions table td {
	border: 1px solid #ccc;
	font-size: 16px;
}
.contributions .contribution-title{
	font-weight: 500;
}
.contributions table {
	border-collapse: collapse;
}
.journal-articles ul {
	list-style: none;
}
.committee .committee-participation {
    font-size: 16px;
}
.educational-icon{
  	width: 20%;
    text-align: center;
    font-size: 25px;
    color: #2563eb;
}
.educational-icon span{
	  background: #dbeafe;
    padding: 15px 25px;
    border-radius: 25px;
}
.educational-info {
    display: flex;
    gap: 10px;
		align-items: center;
}
.member-profileInfo .profile-icon {
	display: flex;
	gap: 10px;
	align-items: center;
	margin-bottom: 20px;
}

.member-profileInfo .icon {
    background-color: #0891b21a;
    padding: 5px 10px;
    border-radius: 50%;
}
.educational-description  h5 , .educational-description  h6 {
 margin: 0 0 10px 0;
}

/* ---------- Mobile Accordion Styles ---------- */

@media (max-width: 767px) {
  .tab-links {
    display: none; /* Hide tabs on mobile */
  }
	section.member-profileInfo {
			background-color: #fff;
			padding: 20px;
			border-radius: 25px;
			margin-bottom: 30px;
	}
  .tab-content .tab {
    display: block;
    border: 1px solid #ddd;
    margin-bottom: 10px;
  }

  /* Accordion headers mimic tab titles */
  .tab-content .tab h2,
  .tab-content .tab h3 {
    background: #f5f5f5;
    margin: 0;
    padding: 12px 15px;
    cursor: pointer;
    position: relative;
  }

  /* Add indicator (arrow) */
  .tab-content .tab h2::after,
  .tab-content .tab h3::after {
    content: '+';
    position: absolute;
    right: 15px;
    font-weight: bold;
    transition: transform 0.3s;
  }

  .tab-content .tab.active h2::after,
  .tab-content .tab.active h3::after {
    content: '–';
  }

  /* Hide accordion body by default */
  .tab-content .tab > *:not(h2):not(h3) {
    display: none;
    padding: 0 15px 10px;
  }

  /* Show active accordion body */
  .tab-content .tab.active > *:not(h2):not(h3) {
    display: block;
  }
}
.schools .profile-icon h3 {
   margin-bottom: 0px;
	 font-size: 20px;
}
.schools .profile-icon .icon i {
	color: #1498a0;
}

.educational {
    padding: 5px;
    border-radius: 0.75rem;
	  margin-bottom: 15px;
}
.form-rank h4 {
    margin-bottom: 10px;
    color: #626262;
}
.rank-text{
	width: 100%;
}
.profile-form form {
	margin: 0px;
	display: block;
}
.form-rank  select{   
	width: 100%;
	border-radius: 10px;
	border: 1px solid #cfc8c8;
	background-color: #0891b21a;
	font-size: 16px;
	padding: 10px;
	margin-bottom: 10px;
}
/* Hide disabled prev/next arrows */
.paginationjs-prev.disabled,
.paginationjs-next.disabled {
  display: none !important;
}

/* Optional: Add some spacing */
#pagination-container {
  margin: 20px 0;
  text-align: center;
}

.paginationjs-pages ul {
  display: inline-flex;
  gap: 5px;
  list-style: none;
  padding: 0;
}
/* Hide disabled prev/next arrows */
.paginationjs-prev.disabled,
.paginationjs-next.disabled {
  display: none !important;
}
.paginationjs .paginationjs-pages li {
    float: left !important;
    border: none !important;
    list-style: none;
}
#pagination-container .paginationjs{
	display: flex;
	justify-content: center;
}
.paginationjs .paginationjs-pages li.active>a {
    height: auto;
    line-height: 30px;
    background: #0891b2 !important;
    color: #fff;
}
.paginationjs .paginationjs-pages li>a {
	min-width: 30px;
	height: auto;
	line-height: 28px;
	display: block;
	background: #fff;
	font-size: 14px;
	color: #333;
	text-decoration: none;
	text-align: center;
	border-radius: 50% !important;
}
.paginationjs .paginationjs-pages li>a {
	border: 1px solid #ccc;
}
.pagination-container {
  display: flex;
  justify-content: center;
}
.paginate-list {
    margin-bottom: 15px;
}
.profile-details .paginationjs-pages ul li.active {
    background-color: unset;
}
.profile-details .paginationjs-pages ul li.disabled {
    background-color: unset;
}

/* nominatie page css */
.nominatie-page {
	background-color: #fff;
	padding: 30px;
	border-radius: 25px;
}
.nominatie-page .chosen-container-single .chosen-single{
	padding: 3px 10px ;
	font-size: 16px ;
	height: unset ;
}
.nominatie-page .chosen-container-single .chosen-single div {
	right: 6px ;
	padding: 3px ;
}
.nominatie-page .chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer;
    font-size: 18px;
}
.nominatie-page .form-comments-heading{
	font-weight: 400;
	margin-bottom: 10px;
}
.nominatie-page .form-comments-heading span{
  color: #ff0000;
	margin-left: 5px;
}
.nominatie-page form{
	display: block;
}
.nominatie-page .candidate-select h4 span {
  color: #ff0000;
}
.nominatie-page .candidate-select h4 {
	margin-bottom: 10px;
	font-weight: 400;
}
.candidate-select {
    margin-bottom: 20px;
}
.nominatie-page h3{
	display: flex;
	justify-content: center;
}
.nominate-wrapper {
	max-width: 1000px;
	width: 100%;
	background: #fcfcfc;
	padding: 18px;
	margin-bottom: 20px;
	border-radius: 25px;
	border: 1px solid #efe0e0;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	transition: box-shadow 0.2s ease;
}

/* thank-you page  */

.thankyoupage-wrapper{
  display: flex;
	justify-content: center;
	align-items: center;
}
.thankyou-page p {
    text-align: center;
}
.thankyou-page {
  background-color: #fff;
  border-radius: 25px;
  padding: 30px;
	max-width: 600px;
	width: 100%;
	display: flex;
	justify-content: center;
}
.thankyou-page .checkmark {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #e37705;;
  stroke-miterlimit: 10;
  margin: 10px auto;
  box-shadow: inset 0px 0px 0px #e37705;;
  animation: fill 0.4s ease-in-out 1.1s forwards, 
             scale 0.3s ease-in-out 1.5s both;
}

/* Circle draws first */
.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #e37705;;
  fill: none;
  animation: draw-circle 1s ease-in-out forwards;
}

/* Checkmark draws after the circle */
.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  stroke-width: 2;
  stroke: #e37705;;
  animation: draw-check 0.4s ease-in-out 1s forwards;
}

/* Keyframes */
@keyframes draw-circle {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes draw-check {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale(1.1);
  }
}

p.thankyou-message {
    font-size: 25px;
    color: #0891b2;
    font-weight: 600;
}

/* my Rank Css */
  
.myrank-wrapper {
  background-color: white;
	padding: 30px;
	border-radius: 25px;
	
}

.myrank-wrapper table tbody .table-head{
    border: 1px solid #ccc;
    background-color: #111a2c;
    color: #fff;
}
.myrank-wrapper table {
	border-collapse: collapse;
}
.myrank-wrapper .row_position tr{
	 border: 1px solid #ccc;
}
.myrank-wrapper tr:nth-child(even) {
	background-color: #0891b21a;
}
.myrank-wrapper table th{
    text-align: center;
    padding: 20px;
    font-size: 20px;
}
.myrank-wrapper tr:hover {
  background-color: #0891b229; /* soft teal highlight */
  transition: background-color 0.2s ease;
}
.myrank-wrapper table .row_position td{
	font-size: 18px;
	font-weight: 500;
}
.myrank-wrapper form{
	display: block;
}
.myrank-wrapper .button-actions {
	display: flex;
	justify-content: center;
	margin-top: 25px;
}

.table-wrapper {
  overflow-y: auto;
  overflow-x: auto;
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-top: 10px;
}

.table-wrapper table {
  width: 100%;
  border-collapse: collapse;
  min-width: 700px; /* optional, ensures columns don’t shrink too much */
}

.table-wrapper th,
.table-wrapper td {
  padding: 10px 15px;
  text-align: left;
  border-bottom: 1px solid #eee;
}

.table-wrapper thead th {
  background-color: #f5f5f5;
  position: sticky; /* makes header stay visible while scrolling */
  top: 0;
  z-index: 2;
}

.table-wrapper tr:hover {
  background-color: #f9fafc;
}


/* Home-Page */
.home-page{
	background-color: #fff;
	border-radius: 25px;
	padding: 30px;
}
.home-page table{
	border-collapse: collapse;
}
.home-page table tr {
	border: 1px solid #ccc;
}
.home-page tr:hover {
  background-color: #0891b229; /* soft teal highlight */
  transition: background-color 0.2s ease;
}
.home-page tr:nth-child(even) {
	background-color: #0891b21a;
}
.home-page table th{
	padding: 20px 20px 20px 10px;
	font-size: 20px;
	text-align: left;
	color: #fff;
	background-color: #111a2c;
}

.home-page .profile-table {
	overflow-x: auto;
}
.login-sf {
    background-color: #fff;
    max-width: 500px;
    border-radius: 24px;
    padding: 20px;
    text-align: center;
}