/* CSS Document */
/*
Theme Name: Foundations and Futures 2023
Theme URI: http://www.aasc.ucla.edu/
Author: UCLA AASC / Daniel H. Kim / Tom Nguyen
Author URI: http://www.aasc.ucla.edu/
Description: UCLA Asian American Studies Center (AASC) - Established in 1969, the UCLA Asian American Studies Center (AASC) is a national research center that promotes interdisciplinary scholarship bridging research with the lived experiences of Asian Americans and Pacific Islanders to advance social justice. 
Version: 2.0.1.2021
License:  All rights reserved. Copyright, UCLA AASC
Text Domain: kadence-child
Template: kadence
Tags: secondary menu, projects, ucla, aasc, asian american studies center, univeristy of california, los angeles, core theme, responsive design, digital asset management system, dams, content/collection management system, cms, digital archives, digital preservation, digital collections
*/
/* CSS Document */

/** Global Controls START **/

/* Fixed Grid - Sets the max-width of website M+ */
.mmt-fixedgrid {
	margin: 0 auto;
}

@media (min-width: 1025px) {
	.mmt-fixedgrid {
		max-width: 864px;
	}
}

@media (min-width: 1366px) {
	.mmt-fixedgrid {
		max-width: 1170px !important;
	}

	.mmt-fixedgridmodal {
		max-width: 772px !important;
	}

	.mmt-fixedgridmodintro {
		max-width: 792px !important;
		margin: 0 auto;
	}
}

/* Global Font Application + Fallback */
html body {
	font-family: helvetica, arial, roboto;
}

/* Set content min-width */
@media (min-width: 1025px) {
	.mmt-content-minwidth {
		min-width: 716px;
	}
}

/** Navigation **/

/* Mobile Navigation right align - Remember to apply the class name for that Row Layout ".mobileNav" */
.mobileNav .kt-row-column-wrap {
	grid-template-columns: minmax(0, 2fr) minmax(0, 40px) minmax(0, 50px)!important;
	grid-column-gap: 8px;
}

/* Tablet Navigation Display Flex to Display Grid */
#mega-menu-wrap-secondary #mega-menu-secondary {
	/**
	 * display: grid;
	grid-template-columns: 247px minmax(114px, 1fr) 213px !important;
	justify-items: left;
	grid-gap: 4px
	**/
}

/* Desktop XL Navigation Padding Increase*/
@media (min-width: 1366px) {
	#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
		padding-left: 16px;
		padding-right: 16px;
	}
}

/** Footer **/

/* Desktop XL Footer Donate Button alignment with scroll-to-top button */
@media (min-width: 1366px) {
	.desktopDonateBtn {
		margin-right: 16px;
	}
}

/** Global Controls END **/


/** Table of Contents Spine Menu START **/


/** TOC Open-State Start **/

.navmenuLogo img {
	width: 159px !important;
}

.menuModal .kt-modal-close {
	padding-top: 20px;
	padding-right: 20px;
}

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

	#wrapper {
		/* margin-left: 60px */
		margin-left: 0px;
	}
}

@media only screen and (max-width: 767px) {
	.menuOpenTrigger {
		display: none !important;
	}

	.navmenuLogo img {
		width: 225px !important;
	}

	.menuModal .kt-modal-close {
		padding-top: 12px;
		padding-right: 12px;
	}
}



/** TOC Open-State End **/



/* Mobile TOC logo style Start */
.mobiletoclogo img {
	height: 38px;
	object-fit: contain;
	object-position: left;
}

.mobileLogo {
	width: 167px;
}

/* Mobile TOC logo style End */


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

	.menuModal .kt-modal-container {
		background-color: #002439 !important;
	}

}


@media (max-width: 768px) {
	.menuOpen {
		display: none !important;
	}
}

.menuOpen {
	height: 100vh;
	position: fixed;
	top: 0;
}

.menuOpen span.kt-btn-inner-text {
	writing-mode: vertical-lr;
	rotate: 180deg;
	text-transform: uppercase;
	font-weight: 600;
}


.menuOpen.kb-button.kt-btn-has-svg-true {
	display: inline-grid !important;
	align-content: baseline;
	grid-gap: 25px;
	padding-top: 25px;
}

.kt-accordion-panel-inner {
	border: 0;
}

.menuModal .kadence-block-pro-modal[aria-hidden=false] .kt-modal-overlay {
	margin-top: 0 !important;
}

.item-is-fixed {
	z-index: 2;
}

span.kt-btn-inner-text {
	margin-left: 0px !important;
}

p.kt-adv-heading_90761c-b7.wp-block-kadence-advancedheading:active {
	color: red !important;
}

.title a.current {
	color: #FFC72C !important;
}

.author a.current {
	color: lightgray;
	text-decoration: underline !important;
	text-decoration-color: #13BF70 !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 5px !important;
}

/** Table of Contents Spine Menu End**/

/** Component Styling Start **/

/* About Us How to Section L */
@media (max-width: 1365px) {
	.mmt-auhowto {
		/* Only displays L layout 1366px+ */
		display: none;
	}
}

/* About Us Support Section L */
@media (max-width: 1365px) {
	.mmt-ausupport {
		/* Only displays L layout 1366px+ */
		display: none;
	}
}

/* About Us Staff Credits */
@media (min-width: 1025px) {
	.mmt-staffcredits {
		text-wrap: nowrap;
	}
}

@media (max-width: 1024px) {
	.mmt-staffcredits .wp-block-kadence-column {
		flex: none !important;
	}
}

/* Arrow */
.kb-splide .splide__arrow {
	background-color: #FFC72C !important;
	opacity: 100% !important;
	color: #1C1C1C;
	border-radius: 32px !important;
	width: 48px !important;
	height: 48px !important;
	top: 45% !important;
}

/* Arrow hover */
.kb-splide .splide__arrow:hover {
	background-color: #FFC72C;
	opacity: 1;
	color: #1C1C1C;
	border-radius: 32px;
	box-shadow: 4px 6px 6px 0px #0000001F;
	width: 48px !important;
	height: 48px !important;
	top: 45% !important;
}

.kb-splide .splide__arrow--next:focus-visible {
	outline: 3px solid #005587 !important;
	outline-offset: 3px !important;
	box-shadow: 0px 0px 0px 5px white, 0px 0px 0px 8px #E1E3E8 !important;
}

.kb-splide .splide__arrow--prev:focus-visible {
	outline: 3px solid #005587 !important;
	outline-offset: 3px !important;
	box-shadow: 0px 0px 0px 5px white, 0px 0px 0px 8px #E1E3E8 !important;
}

.kb-splide .splide__arrow svg {
	width: 1.5em !important;
	height: 1.5em !important;
}

@media (max-width: 1024px) {
	.kb-splide .splide__arrow {
		width: 40px !important;
		height: 40px !important;
		top: 40% !important;
	}

	/* Arrow hover */
	.kb-splide .splide__arrow:hover {
		width: 40px !important;
		height: 40px !important;
		top: 40% !important;
	}

	.kb-slick-next:before,
	.slick-prev:before {
		width: 20px;
		height: 20px;
	}

	.kb-splide .splide__arrow svg {
		width: 20px !important;
		height: 20px !important;
	}
}

@media (max-width: 767px) {
	.kb-splide .splide__arrow {
		width: 32px !important;
		height: 32px !important;
		top: 28% !important;
	}

	/* Arrow hover */
	.kb-splide .splide__arrow:hover {
		width: 32px !important;
		height: 32px !important;
		top: 28% !important;
	}
}

@media (min-width: 500px) and (max-width: 767px) {
	.kb-splide .splide__arrow {
		top: 38% !important; 
	}
	
	/* Arrow hover */ 
	.kb-splide .splide__arrow:hover {
		top: 38% !important;
	}
}

.kb-slick-next:before,
.slick-prev:before {
	color: black;
}

.kb-slick-prev:before {
	font-family: 'FontAwesome';
}

.kb-slick-next:before {
	font-family: 'FontAwesome';
}

.kb-slick-next:before,
.slick-prev:before {
	width: 24px;
	height: 24px;
}

/* Back-to-Top Button */
@media (max-width: 1024px) {
	.mmt-backtop svg {
		width: 20px !important;
		height: 20px !important;
	}
}

/* caption styling */
.kadence-blocks-gallery-item__caption {
	text-align: left;
	line-height: 18px;
	font-size: 12px;
	color: #2F2F2F;
	display: inline-grid;
	row-gap: 16px;
}

/* Chapter Module Cards Start */
@media (min-width: 1366px) {
	.mmt-module-card-titleL h4 {
		font-size: 1.25rem !important;
		line-height: 22.5px !important;
	}

	.mmt-module-card-image .kt-inside-inner-col {
		min-height: 188px !important;
	}

	.mmt-module-card {
		min-width: 363px !important;
	}

	.mmt-module-card-bottompad {
		margin-bottom: 4px;
	}
}

.mmt-module-card-text-spacing {
	height: 55px;
	justify-content: space-evenly;
} 

/** Chapter Module Cards End **/

/** Chapter Resources Card **/
@media (max-width: 767px) {
	.mmt-chresourcescard {
		max-width: 96px !important;
	}

	.mmt-chresourcescard img {
		object-fit: contain;
		height: 64px;
	}
}

@media (min-width: 768px) {
	.mmt-chresourcescard .kt-inside-inner-col {
		width: 220px;
		margin: 0 auto;
	}

	.mmt-chresourcescard img {
		object-fit: contain;
		height: 147px;
	}
}

@media (min-width: 1366px) {
	.mmt-chresourcescard .kt-inside-inner-col {
		width: 296px;
		margin: 0 auto;
	}

	.mmt-chresourcescard img {
		height: 197px;
		object-fit: contain;
	}
}

/** Chapter Resources Modal **/
.mmt-chresources-modal-close .kt-modal-container {
	padding: 0;
}

@media (max-width: 767px) {
	.mmt-chresources-modal-close .kt-modal-container {
		display: unset;
	}
}

/* Tabs/Pills */
.mmt-chresources-tabs .kt-tabs-title-list li {
	margin-right: 8px !important;
}

.mmt-chresources-tabs .kt-tabs-title-list li:last-child {
	margin-right: 0px !important;
}

@media (max-width: 767px) {
	.mmt-chresources-tabs .kt-title-text {
		text-wrap: nowrap;
	}

	.mmt-chresources-tabs a.kt-tab-title {
		display: unset !important;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.mmt-chresources-tabs .kt-tabs-title-list li {
		margin-bottom: 12px !important;
	}
}

@media (min-width: 1366px) {
	.mmt-chresources-tabs .kt-tabs-content-wrap .wp-block-kadence-tab {
		padding-top: 40px !important;
	}
}

/* Chapter Resource Modal Close Button sticky */

@media (max-width: 767px) {
	.mmt-chresources-modal-close .kt-modal-overlay .kt-modal-close {
		position: sticky;
		left: 90%;
		top: 12px;
	}
}

@media (min-width: 768px) {
	.mmt-chresources-modal-close .kt-modal-overlay .kt-modal-close {
		position: sticky;
		left: 94%;
		top: 12px;
	}
}

@media (min-width: 1025px) {
	.mmt-chresources-modal-close .kt-modal-overlay .kt-modal-close {
		position: sticky;
		left: 96%;
		top: 24px;
	}
}

/** Chapter Sources Cited **/
@media (min-width: 1366px) {
	.mmt-chsources {
		margin-top: 8px;
		margin-bottom: 8px;
	}

	.mmt-chsources .kt-inside-inner-col {
		column-gap: 64px !important;
	}
}

/* Content modal */
.mmt-content-modal .kt-modal-container {
	padding: 0;
}

@media (max-width: 1024px) {
	.mmt-content-modal .kt-modal-container.kt-modal-height-fittocontent {
		max-height: 100vh;
	}
}

/* Contributor Card START */
@media (min-width: 320px) {
	.mmt-contributor-card-img img {
		width: 96px;
		height: 96px;
		object-fit: cover;
		flex-shrink: 0;
	}
}

@media (min-width: 768px) {
	.mmt-contributor-card-img img {
		width: 112px;
		height: 112px;
	}
}

@media (min-width: 1025px) {
	.mmt-contributor-card-img img {
		width: 144px;
		height: 144px;
	}
}

.mmt-show-more-card .kt-inside-inner-col {
	gap: 2rem;
}

/* Contributor Card END */

/* Copy link icon */
@media (max-width: 767px) {
	.mmt-mobilenowrap {
		text-wrap: nowrap;
	}
}

@media (max-width: 1024px) {
	.material-symbols-outlined {
		vertical-align: top;
	}
}

@media (min-width: 1025px) {
	.mmt-nowrap {
		text-wrap: nowrap;
	}
}

/* create class names for the different categories in the caption */
.kadence-blocks-gallery-item__caption br {
	display: none;
}

.kadence-blocks-gallery-item__caption strong {
	/*will be called something else later on */
	color: #666666;
}

.kb-gallery-caption-style-below .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner .kadence-blocks-gallery-item__caption {
	padding: 0;
}

/* Endnotes */
.mmt-endnote {
	text-indent: 21px;
}

@media (max-width: 1024px) {
	.mmt-endnote .kt-row-column-wrap {
		gap: 0;
	}
}

/* Explore More Card START */
@media (min-width: 544px) {
	.mmt-ec-extra {
		width: 488px;
	}
}

@media (max-width: 767px) {
	.mmt-explore-contain {
		width: 272px;
	}

	.mmt-explore-img img {
		height: 104px;
		object-fit: cover;
	}

	.mmt-ec-fixed {
		width: 272px;
	}

	.mmt-button-size svg {
		width: 32px;
		height: 32px;
	}
}

@media (min-width: 768px) {
	.mmt-explore-contain {
		width: 568px;
		height: 82px;
	}

	.mmt-explore-img img {
		min-width: 120px;
		min-height: 82px;
	}

	.mmt-ec-fixed {
		width: 568px;
	}
}

@media (min-width: 1025px) {
	.mmt-explore-contain {
		width: 716px;
		height: 82px;
	}

	.mmt-explore-img img {
		width: 140px;
	}

	.mmt-ec-fixed {
		width: 716px;
	}
}

@media (min-width: 1366px) {
	.mmt-explore-contain {
		width: 772px;
		height: 82px;
	}

	.mmt-ec-margin {
		margin-left: -10px;
	}
}

.mmt-explore-contain:hover {
	box-shadow: 4px 6px 6px 0px rgba(0, 0, 0, 0.12);
}

.mmt-explore-contain:active {
	box-shadow: 4px 6px 6px 0px rgba(0, 0, 0, 0.12);
}

.mmt-button-size svg {
	width: 40px;
	height: 40px;
}

.mmt-explore-img {
	margin: 0;
}

/* Explore More Card END */

/** Hide First/Last Button **/
button[aria-label="Go to last slide"],
button[aria-label="Go to first slide"] {
	visibility: hidden;
}

.kb-gallery-ul.kb-gallery-type-slider .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic.kb-gallery-image-ratio-inherit {
	width: 100;
	height: 181px;
	margin: auto;
	margin-bottom: 16px;
}

.wp-block-group__inner-container h3 {
	margin-bottom: 16px;
}

.kb-gallery-image-contain .kadence-blocks-gallery-intrinsic .kb-gallery-image-ratio-inherit .kb-has-image-ratio-inherit img {
	object-fit: contain;
}

.kt-adv-heading_4cd9de-30 .wp-block-kadence-advancedheading {
	margin-bottom: 0;
}

/* Homepage Feature content box L Desktop */
@media (min-width: 1366px) {
	.mmt-featurecontenthp .kt-inside-inner-col {
		padding: 32px !important;
	}

	.mmt-featcontentgap .kt-inside-inner-col {
		margin-bottom: 24px;
	}

	h2.mmt-featurecontenthp {
		font-size: 2.25rem !important;
		line-height: 40.5px !important;
	}
}

/* Homepage Feature Button L */
@media (min-width: 1366px) {
	.mmt-hpfeaturebtn span.kb-button {
		padding: 12px 20px !important;
	}

	.mmt-hpfeaturebtn {
		margin-top: -73px !important;
	}
}

/* Homepage Feature Button XS */
@media (max-width: 767px) {
	.mmt-hpfeaturebtn span {
		height: 40px;
	}
}

@media (min-width: 414px) {
	.mmt-hpfeaturebtn2 {
		padding: 12px 4px !important;
	}
}

/* Homepage Feature Images */
@media (min-width: 1366px) {
	.mmt-featurehome img {
		height: 477px;
	}
}

/* Homepage Feature max-width L Desktop */
@media (min-width: 1366px) {
	.mmt-featurehomeL .kt-row-column-wrap {
		max-width: 1195px !important;
		gap: 24px !important;
	}
}

/* Homepage L Desktop Padding */
@media (min-width: 1366px) {
	.mmt-homepagetocL {
		padding-left: 18px;
		padding-right: 18px;
	}

	.mmt-homepagectaL {
		padding-left: 171px;
		padding-right: 171px;
		background-color: #FFF9E9;
	}
}

/* Homepage Table of contents accordion */
@media (min-width: 500px) {
	.mmt-hptocaccordion .kt-row-column-wrap {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

 
/* Accordion chevron icon */
.kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger:before,.kt-accodion-icon-style-arrowcircle .kt-blocks-accordion-icon-trigger:before {
    left: 2.8px !important;
    border-radius: 4px !important;
    transform: rotate(45deg);
    transform-origin: 50%;
}

.kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger:after,.kt-accodion-icon-style-arrowcircle .kt-blocks-accordion-icon-trigger:after {
    right: 1.7px !important;
    border-radius: 4px !important;
    transform: rotate(-45deg);
    transform-origin: 50%;
}

    /* Homepage Accordian chevron icon */
	.mmt-hptocaccordion .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger:before {
		border-radius: 4px !important;
		left: 5px !important;
        width: 8px !important; 
        height: 1.8px !important;
        top: 10px !important;
	}

	.mmt-hptocaccordion .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger:after {
		border-radius: 4px !important;
		right: 6.7px !important;
        width: 8px !important; 
        height: 1.8px;
        top: 10px !important;
	}

	/* .mmt-hptocaccordian .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger:before {
		transform: rotate(50deg);
	}

	.mmt-hptocaccordian .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger:after {
		transform: rotate(-50deg);
	}
    */

	@media (min-width: 768px) {
		.mmt-hptocaccordion .kt-blocks-accordion-icon-trigger {
			width: 32px !important;
			height: 32px !important;
			min-width: 32px !important;
		}

		.mmt-hptocaccordion .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger:before {
			width: 10px !important;
            left: 7.7px !important;
            top: 15px !important;
		}

		.mmt-hptocaccordion .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger:after {
			width: 10px !important;
			right: 8.7px !important;
            top: 15px !important;
		}
	}

	@media (min-width: 1025px) {
		.mmt-hptocaccordion .kt-blocks-accordion-icon-trigger {
			width: 40px !important;
			height: 40px !important;
			min-width: 40px !important;
		}

		.mmt-hptocaccordion .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger:before {
			width: 12px !important;
            left: 10px !important;
            top: 20px !important;
		}

		.mmt-hptocaccordion .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger:after {
			width: 12px !important;
			right: 10.7px !important;
            top: 20px !important; 
		}
	}

/* Homepage Table of contents Images L */
@media (min-width: 1366px) {
	.mmt-hptocimage .kt-inside-inner-col {
		min-height: 152px !important;
	}
}

/* Image in modal aspect ratio */
.mmt-imagemodal img {
	aspect-ratio: 9 / 6;
}

/* Indentation - Hanging - for Chapter sources cited*/
.mmt-hangingindent {
	margin-left: 20px;
	text-indent: -20px;
}


/* Key terms row layout */
@media (min-width: 1366px) {
	.mmt-keytermsrow .kt-row-column-wrap {
		column-gap: 64px !important;
	}
}

/* Lesson plan Print module button */ 
@media (max-width: 1365px) {
	/* Removes icon when below 1366px */
	.mmt-printlpbutton svg {
		display: none !important;
	}

	/* Removes icon gap when no icon present */
	.mmt-printlpbutton .kb-button.kt-btn-has-svg-true {
		gap: 0;
	}
}

/* List View Card */
@media (min-width: 320px) {
	.mmt-listview-image img {
		max-height: 64px;
		object-fit: contain;
	}
}

@media (min-width: 768px) {
	.mmt-listview-image img {
		max-height: 107px;
		object-fit: contain;
	}
}

@media (min-width: 1025px) {
	.mmt-listview-image img {
		max-height: 147px;
		object-fit: contain;
	}
}

/* Modal Close Button */
@media (max-width: 1024px) {
	button[aria-label='mmt-close-modal'] {
		margin: 4px;
	}
}

@media (min-width: 1025px) {
	button[aria-label='mmt-close-modal'] {
		margin: 6px;
	}
}

.mmt-indiv-slide .kb-advanced-slide .kb-advanced-slide-inner-wrap {
	align-items: flex-start;
}

/* Modal Close Button Search Modal */ 
.mmt-search-modal .kt-modal-overlay .kt-modal-close {
	/* Adjusts placement of close button */
	right: 16px; 
	top: 16px;
}

/* Modal Close Button Sticky for Content Modal */
.mmt-content-modal .kt-modal-overlay .kt-modal-close {
	position: sticky;
	left: 96%;
	top: 24px;
}

.mmt-content-modal .kt-modal-content {
	margin-left: -80px;
}

@media (max-width: 767px) {
	.mmt-content-modal .kt-modal-overlay .kt-modal-close {
		position: sticky;
		left: 90%;
		top: 12px;
	}
	
	/* Explore More Modal */ 
	.mmt-exploremodal .kt-modal-overlay .kt-modal-close {
		position: sticky;
		left: 90%;
		top: 12px;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.mmt-content-modal .kt-modal-overlay .kt-modal-close {
		position: sticky;
		left: 94%;
		top: 12px;
	}
	
	/* Explore more modal */ 
	.mmt-exploremodal .kt-modal-overlay .kt-modal-close {
		position: sticky;
		left: 94%;
		top: 12px;
	}
}

/* Modal Close Button Sticky for Module Explore More */
.mmt-exploremodal .kt-modal-overlay .kt-modal-close {
	position: sticky;
	left: 96%;
	top: 24px;
}

/* Modal: Explore More Content Margin Adjustment, compensate for Sticky Close Button offset */
.mmt-exploremodal .kt-modal-content {
	margin-left: -80px;
}

/* Modal: Explore More fix tablet/mobile spacing */
.mmt-exploremodal .kt-modal-container {
	justify-content: flex-end;
	padding: 0;
}

/* Modal image aspect ratio */
.mmt-imagemodal img {
	aspect-ratio: 9 / 6;
	object-fit: contain;
}

/* Module Back to chapter breadcrumb */ 
.mmt-mod-breadcrumb:hover {
	border-bottom: 1px solid black;
	/* text-decoration: underline; */
	width: fit-content;
}

/* Module Content */
@media (min-width: 1366px) {
	/* Adds 8px padding top and bottom for L Desktop */ 
	.mmt-mod-content-msection {
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.mmt-mod-content>.kt-inside-inner-col {
		width: 772px !important;
	}

	.mmt-mod-narrative {
		/* Module Content Narrative */
		max-width: 772px !important;
	}

	.mmt-bottompadL {
		padding-bottom: 8px;
	}

	.mmt-toppadL {
		padding-top: 8px;
	}
}

/* Module Header */
@media (min-width: 1366px) {
	.mmt-mod-header .kt-inside-inner-col {
		min-height: 640px !important;
	}
}

/* Module Individual Images */
.mmt-image-portrait img {
	object-fit: contain;
}

.mmt-image-indiv img {
	width: 1170px;
	height: 780px;

	@media (max-width: 1365px) {
		width: 864px;
		height: 575px;
	}

    @media (max-width: 1024px) {
		width: unset;
		height: unset;
	}
}

/* Module Introduction */ 
@media (min-width: 1366px) {
  .mmt-mod-intro {
    padding: 0px 272px 0px 22px;
    background-color: #FFF9E9;
  }
}

/* Module Previous Next */
@media (max-width: 500px) {
	.mmt-prevnext .kt-inside-inner-col {
		display: block !important;
	}

	.mmt-prevXS .kt-inside-inner-col {
		padding-bottom: 0px !important;
	}
}

/* Page Top button */
@media (min-width: 1366px) {
	.mmt-pagetopL {
		margin-right: 66px !important;
	}
}

/* Resources Card */ 

.mmt-resourcescard-title-clamp, .mmt-resourcescard-text-clamp, .mmt-chresourcescard-title-clamp, .mmt-chresourcescard-text-clamp {
/* enables truncation */
	overflow: hidden; 
	-webkit-box-orient: vertical; 
	display: -webkit-box; 
}

.mmt-resourcescard-title-clamp {
	/* truncates 2 line limit for title (Search results page) */ 
	-webkit-line-clamp: 2; 
}

.mmt-chresourcescard-title-clamp, .mmt-chresourcescard-text-clamp {
	/* truncates 3 line limit for title (Tablet +) and text (Chapter resources) */ 
	-webkit-line-clamp: 3; 
}

@media (max-width: 1365px) {
	/* Sizing of images in resources card M Desktop (Search results page) */ 
	.mmt-resourcescard .kt-inside-inner-col {
		width: 220px;
		margin: 0 auto;
	}

	.mmt-resourcescard img {
		object-fit: contain;
		height: 147px;
	}
	
	/* truncates 3 line limit for text M Desktop (Search results page) */ 
	.mmt-resourcescard-text-clamp {
		-webkit-line-clamp: 3; 
	}
}

@media (max-width: 1024px) {
	/* Sizing of images in resources card Tablet (Search results page) */ 
	.mmt-resourcescard .kt-inside-inner-col {
		width: 160px; 
		margin: 0 auto; 
	}
	
	.mmt-resourcescard img {
		object-fit: contain; 
		height: 107px;
	}
	
	/* truncates 4 line limit for text Tablet  (Search results page) */
	.mmt-resourcescard-text-clamp {
		-webkit-line-clamp: 4; 
	}
}

@media (max-width: 767px) {
	/* Sizing of images in resources card Mobile (Search results page) */ 
	.mmt-resourcescard .kt-inside-inner-col {
		width: unset;
	}

	.mmt-resourcescard img {
		object-fit: contain;
		height: unset; 
	}
	
	/* truncates 5 line limit for text Mobile (Search results page) */
	.mmt-resourcescard-text-clamp {
		-webkit-line-clamp: 5; 
	}
	
	/* truncates 2 line limit for text Mobile (Chapter resoures) */
	.mmt-chresourcescard-title-clamp {
		-webkit-line-clamp: 2; 
	}
}

@media (min-width: 1366px) {
	/* Sizing of images in resources card L Desktop (Search results page) */ 
	.mmt-resourcescard .kt-inside-inner-col {
		width: 296px;
		margin: 0 auto;
	}

	.mmt-resourcescard img {
		height: 197px;
		object-fit: contain;
	}
	
	/* truncates 4 line limit for text L Desktop (Search results page) */
	.mmt-resourcescard-text-clamp {
		-webkit-line-clamp: 4; 
	}
}

/* Set min-height to 0 for mobile advance slider */
@media only screen and (max-width: 767px) {
	.kb-slider-size-fixed .kb-advanced-slide-inner-wrap {
		min-height: 0 !important;
	}
}

/* Sidebar */
.mmt-sidebar img {
	width: 252px;
	height: 168px;
	object-fit: cover;
}

.mmt-sidebar .wp-block-kadence-image:not(:last-child) {
	margin-bottom: 0;
}

.mmt-sidebartype {
	text-wrap: nowrap;
}

@media (max-width: 767px) {
	.mmt-sidebar img {
		height: 104px;
	}
}

@media (min-width: 1025px) {
	.mmt-sidebar {
		width: 716px;
	}
}

@media (min-width: 1366px) {
	.mmt-sidebar {
		width: 772px;
	}
}

/* Individual slide */
.mmt-indiv-slide {
    img {
        object-fit: contain;
        aspect-ratio: 9/6;
    }
    div {
        padding-right: 0;
        padding-left: 0;
    }
    @media (min-width: 768px) {
        div {
            padding-top: 0;
        }
    }
    @media (min-width: 1025px) {
        img {
            width: 864px;
            height: 575px;
        }
    }
    @media (min-width: 1366px) {
        img {
            width: 1170px;
            height: 780px;
        }
    }
    @media (max-width: 767px) {
        img {
            max-height: 480px;
        }
    }
}

/**Slideshow Lightbox Adjustment**/
.slbContentOuter {
	margin-top: 50px;
	margin-bottom: 50px;
}

.slbImage {
	max-height: 600px !important;
}

.slbOverlay {
	opacity: 0.8 !important;
}

.mmt-object-fit-contain {
	object-fit: contain !important;
}

/* Sources cited indentation */
.mmt-sourcesindent {
	text-indent: -20px
}

/** Supporting Question **/
@media (max-width: 1024px) {
	.mmt-supquestion .kt-row-column-wrap {
		margin: 0 !important;
	}
}

@media (min-width: 1366px) {
	.mmt-question-icon {
		padding: 10px 4px 10px !important;
	}

	.mmt-question-icon svg {
		width: 28px !important;
		height: 28px !important;
	}

	.mmt-supquestion .kt-row-column-wrap {
		max-width: 792px !important;
	}
}

.mmt-question-icon {
	cursor: default !important;
	top: -8px;
}

/* Table of Contents Accordion (Homepage) */
.mmt-accordionf button {
	border: none !important;
	/* removes top border of Foundations tab */
}

/* Tile View Card */
@media (min-width: 320px) {
	.mmt-tile-image img {
		margin: 0 auto;
		max-height: 149px;
		object-fit: contain;
	}
}

@media (min-width: 768px) {
	.mmt-tile-image img {
		max-height: 149px;
		object-fit: contain;
	}
}

@media (min-width: 1025px) {
	.mmt-tile-image img {
		max-height: 197px;
		object-fit: contain;
	}
}

/* Tooltip Text Styling */
.mmttooltip {
	text-decoration: underline !important;
	text-decoration-color: #2774AE !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 3px !important;
	color: #1c1c1c;
}

.mmttooltip:hover {
	color: white !important;
	background: #2774AE;
	text-decoration: none !important;
	border-bottom: 2px solid #2774AE;
}

.mmttooltip:active {
	background: #005587;
}

/* Video Block */
.mmt-video {
	margin: 0 !important;
}

/* Video modal aspect ratio */
.mmt-videomodal video {
	aspect-ratio: 16 / 9;
}

/* Wordpress Audio Player for SOng's Keyword Audio Features */
.mmt-audio {
	display: none;
}


/** Component Styling End **/

/** DAMS Component Styling Start **/

.imageFlexContainer {
	/*display: flex;*/
	display: block;
}

.damsBrowseImg {
	width: 100%;
	/**margin: 0 auto;
			object-fit: cover;
			width: 150px;
			height: 150px;
			object-position: 50% 50%;**/
}

.damsBrowseImg.listImg {
	/**width: 150px;
			height: 150px;**/
}

.damsMetaBox {
	padding-left: 10px;
	font-size: 18px;
	font-weight: bold;
	width: 100%;
	text-align: center;
	padding: 10px;
}

.damsMetaBox {
	overflow-wrap: anywhere;
}

.containerr {
	display: flex;
	/*justify-content: center; This rule vertically centers the content.*/
	/*align-items: end; This rule centers all content, including grid toggle buttons, horizontally*/
	min-height: 100vh;
	flex-direction: column;
	grid-area: containerr;
}

.buttonss {
	display: flex;
}

.buttonss div {
	margin: 0px 10px;
	color: black;
	cursor: pointer;
}

.buttonss div>* {
	pointer-events: none;
}

.wrapperr {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	width: 100%;
}

.wrapperr.list {
	grid-template-columns: 1fr;
}

/*.wrapperr.list img {
			display: none;
		}*/

.wrapperr.list.hiddenMore {
	grid-template-columns: 1fr;
}

.wrapperr .col {
	/*width: calc(100% - 30px);*/
	/*max-width: 500px;*/
	min-width: 0;
	/*height: 200px;*/
	background: #EDF1F8;
	justify-content: center;
	align-items: center;
	color: black;
	border-radius: 4px;
	position: relative;
}

.col {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-areas: "damsThumbnailImage"
		"damsMetaBox";
}

.col.mobileList {
	grid-template-columns: 0.3fr 1fr;
	grid-template-areas: "damsThumbnailImage damsMetaBox";
}

.imageFlexContainer {
	grid-area: damsThumbnailImage;
}

.damsMetaBox {
	grid-area: damsMetaBox;
}

#objTitle {
	text-align: center;
}

#objTitle.leftAlign {
	text-align: left;
}

#objDescription {
	text-align: center;
}

#objDescription.leftAlign {
	text-align: left;
}

#objCollectionName {
	text-align: center;
}

#objCollectionName.rightAlign {
	text-align: right;
}

.pagination {
	text-align: center;
	width: auto;
}

.pagination .page-numbers {
	margin-right: 0 !important;
}

@media only screen and (max-width:1024px) {
	.wrapperr {
		display: grid;
		grid-template-columns: 1fr 1fr;
		width: 100%;
	}
}

@media only screen and (max-width:675px) {
	.wrapperr {
		display: grid;
		grid-template-columns: 1fr;
		width: 100%;
	}

	.headerElement {
		font-size: 13px;
	}

	.buttonss {
		display: none;
	}

	.damsBrowseImg {
		width: 100%;
		object-position: 50% 5%;
	}

	.damsMetaBox {
		text-align: center;
	}

	.imageFlexContainer {
		display: block;
	}

	.searchandfilter ul {
		margin-left: 0px;
	}

	.searchandfilter ul li.sf-field-search {
		padding-top: 0px;
		padding-right: 0px;
		margin-right: 0px;
	}

	.select2-container {
		width: calc(100% - 24px) !important;
	}

	.searchandfilter ul li.sf-field-search {
		width: calc(100% - 5px) !important;
	}

}

/** DAMS Component Styling End **/

/* January 2024 CSS styling updates */

/* Focus-visible state styling */

.screen-reader-text:focus {
	color: black !important;
	align-self: center !important;
	display: flex !important;
	left: auto !important;
	margin-left: auto !important;
	margin-right: auto !important;
	outline: 3px solid #005587 !important;
	outline-offset: 0px !important;
	box-shadow: 0px 0px 0px 6px #E1E3E8 !important;
	border-radius: 0px !important;
}

a:focus-visible {
	outline: 3px solid #005587 !important;
	outline-offset: 3px !important;
	box-shadow: 0px 0px 0px 5px white, 0px 0px 0px 8px #E1E3E8 !important;
	padding: 3px;
}

button.kt-blocks-accordion-header:focus-visible {
	outline: 3px solid #005587 !important;
	outline-offset: 3px !important;
	box-shadow: 0px 0px 0px 5px white, 0px 0px 0px 8px #E1E3E8 !important;
	padding: 3px !important;
	z-index: 2;	
}


/*a:hover {
				transition: ease-in 10s;
			}
			*/
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item:focus-visible,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row:focus-visible,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column:focus-visible,
#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link:focus-visible,
#mega-menu-wrap-primary #mega-menu-primary span.mega-menu-badge:focus-visible {
	outline: 3px solid #005587 !important;
	outline-offset: 0px !important;
	box-shadow: 0px 0px 0px 6px #E1E3E8 !important;
	border-radius: 0px !important;
}

.kb-button {
	transition: .0s !important;
}

.kb-button:focus-visible {
	outline: 4px solid #005587;
	outline-offset: 0px;
}

/**.kb-button:focus {	
				outline: 3px solid #005587;
				border: 3px solid white !important;
				box-shadow: 0px 0px 0px 5px #E1E3E8 !important;
			}**/

.kb-button.mmt-blue:hover {
	background: linear-gradient(180deg, #005587 0%, #004D7B 100%);
	box-shadow: 2px 4px 4px 0px rgba(28, 28, 28, 0.10);
	transition-duration: 0s;
	transition: ease-in 10s;
}

.kb-button.mmt-blue:active {
	box-shadow: 2px 6px 6px 0px rgba(28, 28, 28, 0.15) inset;
	background: linear-gradient(180deg, #004D7B 0%, #005587 100%);
}

.kb-button.mmt-raspberry:hover {
	background: linear-gradient(180deg, #9D4278 0%, #8F3C6D 100%);
	box-shadow: 2px 4px 4px 0px rgba(28, 28, 28, 0.10);
	transition-duration: 0s;
	transition: ease-in 10s;
}

.kb-button.mmt-raspberry:active {
	box-shadow: 2px 6px 6px 0px rgba(28, 28, 28, 0.15) inset;
	background: linear-gradient(180deg, #9D4278 0%, #8F3C6D 100%);
}

.kb-button.mmt-white:hover {
	background: linear-gradient(180deg, #F9F9FA 0%, #EBECEF 100%);
	box-shadow: 2px 4px 4px 0px rgba(28, 28, 28, 0.10);
	transition-duration: 0s;
	transition: ease-in 10s;
}

.kb-button.mmt-white:active {
	box-shadow: 2px 6px 6px 0px rgba(28, 28, 28, 0.15) inset;
	background: linear-gradient(180deg, #EBECEF 0%, #F9F9FA 100%);
}

.kb-button.mmt-yellow:hover {
	background: linear-gradient(180deg, #FFC72C 0%, #E8AF1C 100%);
	box-shadow: 2px 4px 4px 0px rgba(28, 28, 28, 0.10);
	transition-duration: 0s;
	transition: ease-in 10s;
}

.kb-button.mmt-yellow:active {
	box-shadow: 2px 6px 6px 0px rgba(28, 28, 28, 0.15) inset;
	background: linear-gradient(180deg, #E8AF1C 0%, #FFC72C 100%);
}

.kb-button.mmt-black:hover {
	background: linear-gradient(180deg, #242424 0%, #1C1C1C 100%);
	box-shadow: 2px 4px 4px 0px rgba(28, 28, 28, 0.10);
	transition-duration: 0s;
	transition: ease-in 10s;
}

.kb-button.mmt-black:active {
	box-shadow: 2px 6px 6px 0px rgba(28, 28, 28, 0.15) inset;
	background: linear-gradient(180deg, #1C1C1C 0%, #242424 99.48%);
}

/* modNav styling */
.kadence-pro-fixed-item.kadence-pro-fixed-footer-item.kadence-pro-fixed-bottom.kadence-fixed-width-auto.kadence-fixed-xposition-left.item-is-fixed.item-is-stuck {
	z-index: 1;
}

.modNav {
	margin-left: -350px;
	transition: margin-left 0.5s ease-in-out;
}

.modNavActive {
	margin-left: 60px;
}

@media (max-width: 768px) {
	.modNavActive {
		margin-left: 0px;
	}
}

.modNavTrigger {
	position: absolute;
	bottom: 3vh;
	height: 48px
}

.child-pages-output {
	display: flex;
	gap: 5px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 5px;
	margin-bottom: 10px;
	justify-content: center
}

.modNavModules {
	font-size: .9rem;
	text-decoration: none;
	background: #005587;
	color: white;
	border-radius: 3px;
	border: 0px solid transparent;
	padding: 0.4em 1em;
}

.child-pages-output .modNavModules.current-page {
	background-color: #ffc72c;
	color: black;
}

.modNavModules:hover {
	box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.4);
	color: white;
	background: #0572b2;
}

.modNavKadenceBtn {
	display: none;
}

/** L2 Nav CSS **/
#gspb_button-id-gsbp-c23f0fc6-12af>.menuOpen.gspb-buttonbox>.gspb-buttonbox-textwrap {
	display: flex;
	flex-direction: column !important;
	align-items: center;
}

#gspb_button-id-gsbp-c23f0fc6-12af .menuOpen .gspb-buttonbox-text {
	writing-mode: vertical-lr;
	rotate: 180deg;
	text-transform: uppercase;
	font-weight: 600;
}

#gspb_button-id-gsbp-c23f0fc6-12af .menuOpen .gspb-buttonbox-icon {
	margin-right: 0px;
}

/* l2_naviation shortcode items styles*/
.l2-navigation-output {
	color: white;
	margin-top: 20px;
}

.l2-navigation-output-header>h4 {
	color: white;
	line-height: 22.5px;
}

.l2-navigation-output-header>p {
	color: #CBCFD6;
	margin-bottom: 0px;
	margin-top: 5px;
}

.l2-navigation-output>p {
	padding: 0 8px;
	font-family: Helvetica;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	border-left: 2px solid transparent;
}

.l2-navigation-output>p:hover {
	padding: 0 8px;
	border-left: 2px solid #13BF70;
	color: #FFc72C;
}

.l2-navigation-output a {
	color: white;
	text-decoration: none;
	line-height: 24px;
	font-style: normal;
}

.l2-navigation-output a:hover {
	color: #FFc72C;
}

.l2-navigation-output .module-item.current-page a {
	color: #FFc72C;
	line-height: 24px;
	font-style: normal;
}

/*l1 grid layout*/

.homeMenuModal .kt-modal-content {
		display: grid;
    min-height: 100%;
    grid-template-rows: 100px 1fr;
}

/*l1 + l2 grid layout*/
.menuModal .kt-modal-content {
	  display: grid;
    min-height: 100%;
    grid-template-rows: 50px 1fr;
}

/*l1 + l2 nav layout CSS */

.level0 {
	overflow: visible;
}

.level0>.kt-row-column-wrap {
	overflow-y: hidden;	
}

.level0>.kt-row-column-wrap {
	grid-template-columns: 0fr 1fr !important;
}

.level0>.kt-row-column-wrap.level0back {
	grid-template-columns: 1fr 0fr !important;
}

.level1 {
	flex: 1;
	transition: transform 0.3s ease;
	/* Adding smooth transition for animation */
}

.level1.invisible {
	transform: translateX(-100%);
	/* Move it out of the screen to the left */
	visibility: hidden;
	/* Hide it from screen readers and tab navigation */
	pointer-events: none;
	/* Make it unselectable */
	height: 0px;
}

.level2 {
	flex: 1;
	transition: transform 0.3s ease;
	/* Adding smooth transition for animation */
}

.level2.backNav {
	transform: translateX(calc(100% + 24px));
	/* Move it out of the screen to the right */
	display: none;
}

/** Tooltip **/
.tooltip {
	position: absolute;
	background-color: #003C60;
	color: #fff;
	padding: 8px;
	border-radius: 4px;
	font-size: 14px;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	border-radius: 4px;
	background: #003C60;
	width: 75px;
	transform: translateY(50px);
	text-align: center;
}

.tooltip::before {
	content: '';
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #003C60;
}

.tooltip.show {
	opacity: 1;
}


/* Tooltip Text Styling */
.mmttooltip {
	text-decoration: underline;
	text-decoration-color: #2774AE !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 3px !important;
	color: #1c1c1c;
}

.mmttooltip:hover {
	color: white !important;
	background: #2774AE;
	text-decoration: none !important;
	border-bottom: 2px solid #2774AE;
}

.mmttooltip:active {
	background: #005587;
}