/* additional.css: former Customizer "Additional CSS", loaded last. Add site-wide overrides here. */

.page-listing ul {
	list-style: none;
	padding-left: 0 !important;
}
.ul-mb-20 ul, .ul-mb-20 ol{
	margin-bottom:20px !important
}
.table-scroll {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.table-scroll table {
	border-collapse: collapse;
	width: 100%;
	min-width: 600px;
}
/* Creative Workflow */
.colorful_borders .iconItem:nth-child(1) {border-color: #981e97;}
.colorful_borders .iconItem:nth-child(2) {border-color: #c964cf;}
.colorful_borders .iconItem:nth-child(3) {border-color: #259591;}
.colorful_borders .iconItem:nth-child(4) {border-color: #9cdbd9;}

/* .accordionMedia-default_desktop_image > img {
	max-height: 400px;
} */

.banner_section {
	overflow: hidden;
	clip-path: ellipse(100% 55% at 48% 44%);
}
.with_gradient {
	text-align: center;
	/* 2026 redesign: Lavender Light gradient (was #e0e8f4) */
	background: linear-gradient(0deg, var(--color-lavender-light) 0, #fff 100%);
}
.banner_section .ivwc-media img {
	border-radius: 10px;
}


.accordionMedia .accordionMedia-item__title {
	padding-right: 32px;
	font-weight: 500;
}
.accordion_sec .mediaContainer, 
.accordion_sec .accordionMedia-default_desktop_image,
.two_col_layout .ivwc-media {
	padding: 32px;
	border-radius: 10px;
	background: linear-gradient(0deg, #fbfbfd 0, #5e68b2 100%);
}
.two_col_layout .ivwc-media img {
	width: 100%;
}

.top_curve {
	overflow: hidden;
	clip-path: ellipse(100% 55% at 50% 56%);
}

/* .white_boxes .iconItem {
background: #fff;
}
.white_boxes .iconItem , .white_boxes .iconItem * {
color: #2c2e65 !important;
} */
.box_spacing .iconItem {
	padding-left: 1.2rem;
	padding-right: 1.2rem;
}

.featured_post_sec .boxed {
	border: 1px solid #5c66af;
	background: transparent;
	padding: 2.2rem;
}
.featured_post_sec .post_card {
	border-color: #eff0f7;
	border-width: 2px;
}

.logo_slider .h4, 
.featured_post_sec .h4 {
	font-weight: 500 !important;
}
.logo_slider .logoGrid.logoGrid--slider .logoGrid-logo img {
	max-height: 80px;
}

.subnavigation_btns .btn {
	font-weight: 600;
}
.subnavigation_btns.block--subnav a.btn {
	background-color: #2c2e65 !important;
	border: 1px solid #2c2e65 !important;
	color: #fff !important;
}
.subnavigation_btns.block--subnav a.btn:hover, 
.subnavigation_btns.block--subnav a.btn:focus {
	background: #1d1e41 !important;
	border-color: #1d1e41 !important;
}

.blockquote_sec .contentStyled {
	max-width: 1024px;
	margin: 0 auto;
	width: 100%;
}
.blockquote_sec .contentStyled > p {
	font-size: 1.5rem;
	font-style: italic;
}

.column_box .contentStyled {
	background: #eff0f7;
	padding: 32px;
	border-radius: 10px;
}
.column_box .flexgrid-6of12 {
	margin-bottom: 20px;
}
.column_box .contentRows .grid--contentRow:only-child {
	margin-bottom: -20px;
}

.stat__stat[style="min-height: 0px;"] {
	display: none;
}

/* Privacy */
.content_text .contentStyled h2 {
	font-size: 1.5rem;
	letter-spacing: -0.3px;
}
.content_text .contentStyled h3 {
	font-size: 1.2rem;
	letter-spacing: -0.3px;
}
.content_text .contentStyled h2, 
.content_text .contentStyled h3, 
.content_text .contentStyled h4 {
	margin-top: 2.2rem !important;
}
.content_text .contentStyled > *:first-child {
	margin-top: 0 !important;
}
.content_text table {
	width: 100%;
	border-collapse: collapse;
}
.content_text th {
	background: #efefef;
}
.content_text th, 
.content_text td {
	border: 1px solid #ccc;
	padding: 8px;
}
.content_text strong,
.content_text b {
	font-weight: 600;
}
.content_text ul, 
.content_text ol {
	margin: 1.11111rem 0 !important;
}

/* Footer - 2026 redesign: replaced by the FOOTER section in ly-custom.css. Remove after review.
.siteFooter {
	background-image: unset;
}
.siteFooter .footer-top__left .social-links a {
	color: #eff0f7;
}
.siteFooter .footer-top__right .footer-column .footer-nav__title {
	font-size: 1.333rem;
	margin-bottom: 0.889rem;
	color: #eff0f7;
}
.siteFooter .footer-top__right .footer-column .footer-nav ul li a, 
.footer-legal_message {
	color: #fff;
	font-size: 0.889rem;
}
*/

/* Single Resources */
.block--single-hero {
	text-align: center;
	background: linear-gradient(0deg, #e0e8f4 0, #fff 100%);
	overflow: hidden;
	clip-path: ellipse(100% 55% at 48% 44%);
}

.block.block--textwhite.block--single-hero .h2 {
	color: #2c2e65;
	font-weight: 300;
	/* 2026 redesign: fluid size (was 3.33333rem, 2rem from 767px) */
	font-size: clamp(36px, 4.167vw, 60px);
	line-height: 1.1;
}
.single .block.block--wysiwyg ul, .single .block.block--wysiwyg ol,
.single .mainContent .contentStyled ul, .single .block .contentStyled ol{
	margin-bottom: 15px;
}
.single .single-content .block--single-classic h2 {
	/* 2026 redesign: fluid size (was 2.22222rem, 1.88889rem from 767px) */
	font-size: clamp(34px, 2.778vw, 40px);
	font-weight: 400;
}
.single .post_card-linkContainer{
	flex-wrap:wrap;
	gap:10px;
}
.block--cta-banner .container{
	max-width: 57.22222rem;
}
.single img{
	margin: 0 0 auto;
}
.container .container {
	padding: 0 !important;
}
.siteWrapper .contentStyled .ml0{
	margin-left: 0;
	margin-right: auto;
}

@media (max-width: 1023px){
	.accordion_sec .mediaContainer, 
	.accordion_sec .accordionMedia-default_desktop_image, 
	.two_col_layout .ivwc-media {
		padding: 24px;
	}
	.blockquote_sec .contentStyled > p {
		font-size: 1.2rem;
	}
	.table-scroll table {
		font-size: 16px;
	}
}

@media (max-width: 767px){
	.accordion_sec .mediaContainer, 
	.accordion_sec .accordionMedia-default_desktop_image,
	.two_col_layout .ivwc-media {
		padding: 20px;
	}

}
.vimeo_video {
	position: relative;
	width: 100%;
	max-width: 100%;
	border-radius: 12px;
	overflow: hidden;
}

.vimeo_video iframe {
	width: 100%;
	height: 100%;
	aspect-ratio: 950 / 536;
	border-radius: 12px;
}

/* Fallback for older browsers */
@supports not (aspect-ratio: 1 / 1) {
	.vimeo_video {
		padding-top: 56.42%;
	}

	.vimeo_video iframe {
		position: absolute;
		inset: 0;
	}
}
.vimeo-video .vp-center{
	justify-content:left;
}
.resource_blogs{
	height:1560px;
}
.mt100{
	margin-top: -200px;
}
@media (max-width: 1615px){
	.resource_blogs{
		height:1460px;
	}
	.mt100{
		margin-top: -100px;
	}
}
@media (max-width: 1359px){
	.resource_blogs{
		height:1350px;
	}
	.mt100{
		margin-top: 0px;
	}
}
@media (max-width: 1104px) {
	.resource_blogs {
		height: 2000px;
	}
	.mt100{
		margin-top: -800px;
	}
}
@media (max-width: 1023px) {
	.mt100{
		margin-top: 0px;
	}
	.btn--lilac_outline span {
    color: #ffffff;
}
}
@media (max-width: 847px) {
	.resource_blogs {
		height: 2000px;
	}
}
@media (max-width: 767px) {
	.mt100{
		margin-top: -200px;
	}
}
@media (max-width: 679px) {
	/*     .resource_blogs {
	height: 4000px;
} */
	.mt100{
		margin-top: -200px;
	}
}
@media (max-width: 639px) {
	.resource_blogs {
		height: 4700px;
	}
}
@media (max-width: 620px) {
	.resource_blogs {
		height: 4540px;
	}
}
@media (max-width: 575px) {
	.resource_blogs {
		height: 4340px;
	}
}
/* @media (max-width: 550px) {
.resource_blogs {
height: 3900px;
}
} */
@media (max-width: 425px) {
	.resource_blogs {
		height: 3550px;
	}
}
@media (max-width: 375px) {
	.resource_blogs {
		height: 3300px;
	}
}
@media (max-width: 320px) {
	.resource_blogs {
		height: 3000px;
	}
}
/* @media (max-width: 1440px){
.resource_blogs{
padding-bottom: 107% !important;
}
} */

.post_iframe .container.container--full {
	padding: 0;
}
/* Site is light only (Figma): same look in dark mode, browsers keep light colors and controls */
:root {
	color-scheme: only light;
}

/* 2026 redesign: old dark mode override (forced all text colors), replaced by color-scheme above. Remove after review.
/- This targets ONLY users who have Dark Mode enabled in their system -/
@media (prefers-color-scheme: dark) {

	/- Apply dark background to the whole page -/
	html, body {
		background-color: #ffffff !important;
		color: #2c2e65
			!important;
	}

	/- Target the main container to match Lytho's dark mode -/
	main {
		background-color: #ffffff !important;
		color: #2c2e65
			!important;
	}
	main a.btn:not(.btn--gold) span, main .block--bgdeep_violet h2, main .block--bgdeep_violet p{
		color: #ffffff !important;
	}
	
	/- Force all text elements to be white -/
	main h1, main h2, main h3, main h4, main h5, main h6,
	main p, main span, main li, main div {
		color: #2c2e65
			!important;
	}

	/- Style the sections inside main -/
	main .block--bgwhite {
		background-color: #ffffff!important; /- Lighter dark for depth -/
		color: #2c2e65
			!important;
	}

	main section.bg--gray, main section.block--bggray {
		background-color: #f1f1f8 !important;
	}
main .testimonials p,
  main .testimonials span,
  main .testimonials a,
	main .testimonials .testimonial-tag{
    color: white !important;
  }


	/- Do NOT touch the footer unless necessary -/

}
*/

h1, .h1 {
    font-weight: 600 !important;
}
.block--bgPurple_Gradient{
	background: linear-gradient(to bottom, #5a5faf 0%, #282a61 50%, #0e0f41 100%);
}
.mt-80 {
	margin-top:80px;
}

/*Logo Slider*/
.logoGrid--slider {
	display: flex;
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
}
.logoGrid--slider.slick-initialized{
	visibility: visible;
	opacity: 1;
}

/* 2026 redesign: no border around slider dots anywhere (global .slick-dots li rule adds one) */
.slick-dots li {
	border: 0;
}

/* 2026 redesign: brand colors for archive cards, search and pagination (layout unchanged) */
.post_card .post_card-title,
.post_card .post_card-topic,
.page-numbers {
	color: var(--color-deep-plum);
}

/* search template hardcodes .color--primary_text (old navy, !important) */
.searchResult-type.color--primary_text {
	color: var(--color-deep-plum) !important;
}

.page-numbers.current {
	border-color: var(--color-electric-purple);
	color: var(--color-electric-purple);
}

.search-form .search-input,
.taxonomyList-select {
	font-family: var(--font-base);
	color: var(--color-deep-plum);
}

.search-form .btn--search {
	border: 0;
	border-radius: 4px;
	background: var(--color-deep-plum);
	font-family: var(--font-base);
	color: var(--color-white);
}

/* 2026 redesign: Gravity Forms field text in Deep Plum (was dark blue) */
body .gform-theme--api .ginput_container input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
body .gform-theme--framework .ginput_container input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
body .gform-theme--api .ginput_container :is(select, textarea),
body .gform-theme--framework .ginput_container :is(select, textarea),
.gform-theme-datepicker .ui-datepicker-calendar tbody tr td a {
	color: var(--color-deep-plum);
}

/* 2026 redesign: single resource hero in brand colors (shape unchanged) */
.block--single-hero {
	background: linear-gradient(0deg, var(--color-lavender-light) 0, #fff 100%);
}

.block.block--textwhite.block--single-hero .h2 {
	color: var(--color-deep-plum);
}

/* 2026 redesign: last element in any container has no bottom margin (space comes from what follows) */
:is(p, h1, h2, h3, h4, h5, h6, ul, ol, blockquote, figure, table, dl):last-child {
	margin-bottom: 0;
}

/* Editor content: base gives size classes (.h1 to .h6) a bottom margin with !important, also on the last element */
:is(.block, .footer) .contentStyled > :is(.h1, .h2, .h3, .h4, .h5, .h6):last-child {
	margin-bottom: 0 !important;
}