x
/* LIST VIEW DESIGN */

.list-design.outer {
	width: 100%;
}

.list-design.flex {
	display: flex;
	padding: 30px 0;
}

.list-design.flex div {
	display: flex;
}

.list-design.flex .in-category {
	display: block;
}

.list-design.left {
	flex-basis: 33.33%;
	flex-direction: column;
	border: none;
	margin-right: 2.5rem;
	align-items: center;
	justify-content: center;
}

.list-design.left a {
	width: 100%;
}

.list-design.left img {
	width: 100% !important;
	margin: 0 !important;
	object-fit: contain !important;
}

.list-design.right {
	flex-basis: 66.66%;
	flex-direction: column;
}

.list-design.right .in-category a {
	margin-left: 5px !important;
}

.list-design.full-width {
	flex-basis: 100%;
	flex-direction: column;
}

.list-design.title {
	font-size: 1rem;
	line-height: 1rem;
	margin: 0 !important;
	padding: 0 0 10px 0 !important;
}

.list-design.title a {
	font-size: 1rem;
	line-height: 1rem;
	font-weight: 700;
}

.list-design.title .external-site:after {
	/* content: "\f35d"; */
	content: "\f08e";
	font-family: "FontAwesome";
	margin-left: 5px;
	font-size: 0.75rem;
}

.list-design.date-calendar {
	font-size: 1rem;
	line-height: 1.25rem;
	padding: 0 0 10px 0;
	margin: 0 !important;
}

.list-design.author {
	padding-bottom: 0 !important;
}

.list-design.date-calendar:before {
	content: "\f073";
	font-family: "FontAwesome";
	margin: 0 10px 0 0;
}

.list-design.excerpt {
	font-size: 14px;
	line-height: 20px;
	display: inline-block !important;
}

a.list-design.navigation-btn {
	display: inline-block;
	border: 1px solid;
	padding: 5px 10px;
	margin-bottom: 15px;
}

.list-design.navigation-btn:after {
	font-family: "FontAwesome";
	content: "\f178";
	margin-left: 5px;
}

/* GRID DESIGN */
.grid-design.outer {
	display: flex;
	min-height: 100px;
	margin-bottom: 0;
	/* align-items: center; */
	/* justify-content: center; */
}

.grid-design.outer .col {
	margin-bottom: 2%;
}

.grid-design.outer img {
	width: 100%;
	object-fit: cover;
	max-height: 225px;
}

.grid-design.outer .vc_col-sm-3 {
	max-width: 23%;
	flex: 1 1 0;
	width: 100%;
}

.grid-design .members {
	padding: 20px;
	margin: 15px;
}

.grid-design.image-wrapper {
	margin: 0 auto;
	text-align: center;
	height: 100px;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.grid-design.image-wrapper a,
.grid-design.image-wrapper img {
	width: 100%;
	height: 100%;
	max-height: 100px;
	margin-bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.grid-design.image-wrapper img:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1) !important;
}

.grid-design .projects,
.grid-design .working-groups {
	box-shadow: 0px 0px 15px rgb(0 0 0 / 15%);
	border-radius: 10px;
	margin: 15px;
}

.grid-design .projects p,
.grid-design .working-groups p {
	padding: 0 0 10px 0;
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;
}

.grid-design .link-wrap {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 30px;
}

.grid-design .inner {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	flex-basis: 0;
	margin: 0 10px;
}

.grid-design .learn-more {
	text-decoration: underline;
}

.grid-design h3 {
	word-wrap: break-word;
}

.grid-design .learn-more,
.grid-design.projects-btn:after,
.grid-design.working-groups-btn:after {
	content: " >>";
}

.grid-design.projects-btn,
.grid-design.working-groups-btn {
	text-decoration: underline;
}

.category-time-wrapper {
	padding-bottom: 27px;
}

.grid-design.title {
	display: block;
}

.grid-design.navigation-btn {
	display: flex;
	flex: 1;
	align-items: flex-end;
	justify-content: center;
}

.grid-design.navigation-btn a {
	color: #ffffff;
	padding: 0 35px;
	border-radius: 30px;
	margin-top: 10px;
	display: inline-block;
}

/*
.grid-design.navigation-btn a:after {
 content: "\f35d";
  content: "\f08e";
  font-family: "FontAwesome";
  color: #ffffff;
  margin-left: 10px;
}

.grid-design .projects-btn,
.grid-design .working-groups-btn {
	color: #ffffff;
	font-size: 1rem;
	line-height: 1rem;
	padding: 10px;
	border-radius: 5px;
	transform: translateX(0);
	transition: opacity .45s cubic-bezier(.25, 1, .33, 1), transform .45s cubic-bezier(.25, 1, .33, 1);
}

.grid-design .projects-btn:hover.
.grid-design .working-groups-btn:hover {
	color: #ffffff;
	opacity: .85;
}
*/

/* FLIPBOX DESIGN */
.flipbox-design.outer {
	display: flex;
}

.flipbox-design .projects,
.flipbox-design .working-groups {
	margin: 15px;
}

.flipbox-design.outer .col {
	margin-bottom: 2%;
}

.flipbox-design .flipbox {
	background-color: transparent;
	width: 100%;
	height: 450px;
}

.flipbox-design .flipbox-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.6s;
	transform-style: preserve-3d;
}

.flipbox-design .flipbox:hover .flipbox-inner {
	transform: rotateY(180deg);
}

.flipbox-design .flipbox-front,
.flipbox-design .flipbox-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.flipbox-design .flipbox-front {
	padding: 35px;
	justify-content: center;
}

.flipbox-design .flipbox-front img {
	width: 100%;
	object-fit: contain;
}

.flipbox-design .flipbox-back {
	transform: rotateY(180deg);
	justify-content: start;
	padding: 35px 15px;
}

.flipbox-back h3,
.flipbox-back p {
	color: #ffffff;
}

.flipbox-design .projects-btn,
.flipbox-design .working-groups-btn {
	background-color: #ffffff;
	padding: 8px 44px;
	border-radius: 30px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: auto;
}

/* PAGINATION */

.recent-posts-pagination {
	text-align: center;
	font-size: 1rem;
}

.recent-posts-pagination .page-numbers {
	margin-right: 5px;
	color: inherit;
}

.page-numbers span {
	color: #ffffff;
	padding: 10px;
}

.embedded-code iframe {
	width: 100% !important;
	height: 200px !important;
}

/* SLICK SLIDER STYLES */
.slider.container {
	background: transparent;
	width: 100%;
	margin: 0 auto;
	padding: 4rem 0;
}

.slider.inside {
	max-width: 1200px;
}

.slider {
	margin: 0 auto;
}

.slider img {
	width: 75px !important;
	height: 75px !important;
	cursor: pointer;
	object-fit: contain;
	margin-bottom: 0 !important;
}

.slider.link {
	text-align: center;
	padding-top: 15px;
}

.slick-slide {
	align-content: center;
	background: #fff;
	border: 1px solid hsla(0, 0%, 92%, .1);
	border-radius: 15px;
	-webkit-filter: drop-shadow(0 1.5px 2px rgba(0, 0, 0, .1));
	filter: drop-shadow(0 1.5px 2px rgba(0, 0, 0, .1));
	margin-bottom: 15px;
	margin-right: 15px;
	margin-top: 2px;
	padding: 15px;
}

.slick-slide:hover {
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-name: pop-sm;
	animation-name: pop-sm;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	border: 1px solid hsla(0, 0%, 92%, .3);
}

@keyframes pop-sm {
	50% {
		-webkit-transform: scale(1.03);
		transform: scale(1.03)
	}
}

/* WEBINARS */
.webinars-outer {
	display: flex;
	flex-wrap: wrap;
}

.webinars-inner {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	flex-basis: 0;
	margin: 0 20px;
}

.webinars-navigation-btn {
	margin-top: 30px;
}

.webinars-navigation-btn a {
	padding: 10px 30px;
	border-radius: 45px;
	color: #ffffff;
}

.webinars-outer .webinars-non-iframe,
.webinars-outer .webinars-non-iframe img {
	width: 100%;
	height: 100%;
}

.webinars-excerpt {
	padding-bottom: 0;
	margin-top: 10px;
}

/* PERSONS CUSTOM POST TYPE CSS */

.persons .col {
	margin: 0 0 20px 0 !important;
}

.single-person {
	margin-bottom: 20px;
}

.single-person-title h3,
.single-person-title h5 {
	text-align: center;
	font-size: 20px !important;
	margin-bottom: 0 !important;
	line-height: 25px !important;
}

.single-person-title h5 {
	font-weight: 100;
}

.single-person-description {
	padding: 10px 0;
	text-align: center;
}

.single-person-description p {
	font-size: 11px;
	padding-bottom: 10px !important;
}

.single-person-description p.read-more {
	padding-bottom: 0px !important;
}

.long-description {
	margin-bottom: 20px;
}

.social-links {
	text-align: center;
}

.single-person-icon,
.single-person-title,
.single-person-description {
	width: 100%;
}

.lightbox {
	display: none;
}

.fa.fa-classic.fa-brands.fa-mastodon::before {
	content: "\e917";
	font-family: icomoon;
}

/* NEW PERSON PROFILE PHOTO OVERRIDES */

.single-person-icon {
	width: 100px !important;
	height: 100px !important;
	margin: 0 auto;
	text-align: center;
	border-radius: 50px;
	overflow: hidden !important;
}

.single-person-icon img {
	min-height: 100% !important;
	text-align: center;
	max-width: 100% !important;
}

/* VENDORS CPT CSS */

#vendor-filter-error {
	display: block;
	font-size: 15px;
	color: #000;
}

#vendor-filter-error.hidden {
	display: none;
}

#vendor-dropdown .term-filter-parent {
	font-weight: 600;
}

#vendor-dropdown label {
	font-size: 13px;
	margin-bottom: 10px;
}

#vendor-dropdown select {
	margin: 5px 0 20px;
}

.vendor-container {
	height: 300px;
	min-height: 300px;
	max-height: 300px;
}

.vendor-title {
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
}

.vendor-shortdesc {
	font-size: 13px !important;
	line-height: 13px !important;
	margin: 10px;
	min-height: 60px;
	overflow: hidden;
}

.vendor-question {
	padding-bottom: 0;
	font-weight: bold;
}

.pull-left {
	float: left;
}

@media (max-width: 1300px) {
	.vendor-container {
		width: 30% !important;
	}
}

@media (max-width: 1100px) {
	.vendor-container {
		width: 45% !important;
	}
}

@media (max-width: 800px) {

	.vendor-container,
	.mix:not(.security-advisors-child),
	.gap {
		width: 100% !important;
	}
}

@media (max-width: 748px) {

	.vendor-container,
	.mix:not(.security-advisors-child),
	.gap {
		width: 100% !important;
		min-height: 250px;
		height: 250px;
	}
}

#vendor-parent img {
	max-height: 75px;
	margin-bottom: 0;
	cursor: pointer;
	object-fit: contain;
}

.lightbox {
	display: none;
}

.featherlight .featherlight-inner img {
	max-height: 100px;
}

#vendor-parent .mix {
	border: 1px solid #ccc;
	width: 22.5%;
	margin-right: 15px;
	margin-bottom: 20px;
	padding: 10px;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

/*
#vendor-parent .mix:hover {
	border-color: #168fdf;
}
*/

#vendor-parent.wpls-logo-showcase.wpls-logo-grid {
	font-size: 0 !important;
	clear: both;
	margin-top: 80px;
}

#vendor-dropdown fieldset {
	margin-right: 20px;
}

.mix,
.gap {
	width: calc(100% / 4 - (((4 - 1) * 1rem) / 4));
	float: left;
	text-align: center;
}

/* PADDING FOR THE LIGHTBOX VENDOR OFFERINGS */
.lightbox.featherlight-inner {
	padding: 35px;
}

/* PEOPLE CPT CSS */
.grid-design.outer.people {
	padding-bottom: 24px;
}

.vc_col-sm-4.grid-design.people {
	border-radius: 3px;
	max-width: 287px;
	transform: translateZ(0);
	transition-duration: 0.3s;
	transition-property: transform;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	margin: 12px;
	display: flex;
	flex-direction: column;
}

.vc_col-sm-4.grid-design.people:hover {
	transform: scale(1.013);
}

.grid-design.link-wrap.people {
	padding: 0;
	display: initial;
	height: auto;
}

.grid-design.link-wrap.people img {
	margin: 0;
	border-radius: 3px 3px 0 0;
	max-height: 100%;
	height: 300px;
	width: 300px !important;
	object-fit: cover;
}

.grid-design.body-wrapper.people {
	padding: 24px;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.social.people {
	margin-top: auto;
}

.social.people a {
	margin-right: 10px;
	margin-top: 16px;
	display: inline-block;
}

h3.name.people {
	font-size: 22px !important;
	line-height: 130% !important;
	color: #333;
}

.pronoun.people {
	color: #333;
	font-size: 10px;
	font-weight: 700;
	line-height: 140%;
	margin-top: 2px;
	padding-bottom: 16px;
	font-style: italic;
}

h4.title.people,
h4.company.people {
	color: #333;
	font-size: 16px !important;
	line-height: 140% !important;
	width: 100%;
}

h4.title.people {
	font-weight: 400 !important;
	font-style: italic !important;
}

h4.company.people {
	font-weight: 700;
}

h4.role-tier.people {
	font-style: normal;
	color: #000;
	font-size: 16px !important;
	line-height: 140% !important;
	width: 100%;
}

/* MODAL OF PEOPLE */
.featherlight .featherlight-content {
	max-width: 800px;
	padding: 0;
}

.featherlight .featherlight-close-icon {
	cursor: pointer;
	display: inline-block;
	height: 50px;
	padding: 0;
	width: 50px;
	font-size: 28px;
	border-radius: 0 !important;
	background: #000000;
	color: #ffffff;
}

.featherlight-close-icon.featherlight-close:hover {
	background: #747474;
}

.modal.people {
	display: flex;
	flex-direction: row;
}

.biography.people {
	font-size: 12px;
	letter-spacing: 0.02em;
	line-height: 150%;
}

.modal.people img {
	max-height: 100%;
	height: 300px;
	width: 300px;
	object-fit: cover;
}

.content.people {
	margin: 24px 50px 0 50px;
}

.modal .title.people {
	display: inline-block;
	margin-right: 16px;
}

/* ORGANIZATIONS CPT CSS */
.grid-design.outer.organizations {
	padding-bottom: 24px;
}

.vc_col-sm-4.grid-design.organizations {
	border-radius: 3px;
	max-width: 287px;
	transform: translateZ(0);
	transition-duration: 0.3s;
	transition-property: transform;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	margin: 12px;
	display: flex;
	flex-direction: column;
}

.vc_col-sm-4.grid-design.organizations:hover {
	transform: scale(1.013);
}

.grid-design.link-wrap.organizations {
	padding: 0;
	display: flex;
	justify-content: center;
	height: auto;
}

.grid-design.link-wrap.organizations img {
	margin: 0;
	border-radius: 3px 3px 0 0;
	max-height: 100%;
	height: 200px;
	width: 200px !important;
	object-fit: contain;
	margin: 0 auto;
}

.grid-design.body-wrapper.organizations {
	padding: 24px;
	display: flex;
	flex-direction: column;
	height: 100%;
}

h3.name.organizations {
	font-size: 18px !important;
	line-height: 130% !important;
	color: #333;
}

h4.title.organizations {
	color: #747474;
	font-size: 16px !important;
	line-height: 140% !important;
	width: 100%;
}

.social.organizations {
	margin-top: auto;
}

.social.organizations a {
	margin-right: 10px;
	margin-top: 16px;
	display: inline-block;
}

/* MODAL OF ORGANIZATIONS */
.featherlight .featherlight-content {
	max-width: 800px;
	padding: 0;
}

.featherlight .featherlight-close-icon {
	cursor: pointer;
	display: inline-block;
	height: 50px;
	padding: 0;
	width: 50px;
	font-size: 28px;
	border-radius: 0 !important;
	background: #000000;
	color: #ffffff;
}

.featherlight-close-icon.featherlight-close:hover {
	background: #747474;
}

.modal.organizations {
	display: flex;
	flex-direction: row;
}

.biography.organizations {
	font-size: 12px;
	letter-spacing: 0.02em;
	line-height: 150%;
}

.modal.organizations img {
	max-height: 100%;
	height: 200px;
	width: 200px;
	object-fit: contain;
}

.modal.logo-wrap {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-left: 50px;
}

.content.organizations {
	margin: 24px 50px 0 50px;
}

.modal .title.organizations {
	display: inline-block;
	margin-right: 16px;
}

/* MEMBERS GRID API */
.members-grid-outer {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}

.members-grid-item {
	align-content: center;
	padding: 30px;
}

/* START OF MOBILE STYLE */

@media only screen and (max-width: 600px) {
	.list-design.flex {
		flex-flow: column !important;
	}

	.grid-design.outer {
		display: grid;
		margin-bottom: 0;
		min-height: 100px;
		align-items: center;
		justify-content: center;
	}

	.grid-design.outer .grid-design.projects,
	.grid-design.outer .grid-design.working-groups {
		margin: 0;
		margin-bottom: 35px;
		padding: 15px;
	}

	.flipbox-design.outer {
		display: grid;
		margin-bottom: 0;
	}

	.flipbox-design .projects,
	.flipbox-design .working-groups {
		margin: 0;
		margin-bottom: 35px;
	}

	.list-design.right {
		flex-basis: 100%;
	}

	.grid-design.outer .vc_col-sm-3 {
		max-width: 100% !important;
	}

	#vendor-dropdown fieldset {
		float: none;
		margin-bottom: 10px;
		width: 100% !important;
	}

	.mg-4,
	.mg-5,
	.mg-6 {
		grid-template-columns: 1fr;
	}
}

/* FIX FOR RESPONSIVE FLEX ON RECENT POSTS USING GRID LAYOUT */
@media only screen and (max-width: 690px) {
	.grid-design.outer .vc_col-sm-3 {
		max-width: 100% !important;
	}

	.grid-design.outer .vc_col-sm-3 {
		max-width: 45%;
	}
}

@media only screen and (max-width: 999px) {
	.grid-design.outer {
		flex-wrap: wrap;
	}

	.grid-design.outer .vc_col-sm-3 {
		max-width: 47%;
		flex: 1 1 auto;
		width: 100%;
	}
}

@media only screen and (max-width: 853px) {
	.grid-design.outer .vc_col-sm-3 {
		max-width: 46%;
	}

	/* PEOPLES MOBILE MODAL*/
	.modal.people {
		flex-direction: column;
	}

	h3.title.people {
		margin: 5px 0 !important;
	}

	h4.title.people {
		margin: 5px 0 10px 0 !important;
	}

	.content.people {
		margin: 10px 0;
	}
}