.elementor-1512 .elementor-element.elementor-element-51aa821c:not(.elementor-motion-effects-element-type-background), .elementor-1512 .elementor-element.elementor-element-51aa821c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #D3EBFFEB 0%, #FFFFFF 23%);}.elementor-1512 .elementor-element.elementor-element-51aa821c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:6% 0% 5% 0%;}.elementor-1512 .elementor-element.elementor-element-51aa821c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1512 .elementor-element.elementor-element-136af668 > .elementor-element-populated{margin:6% 0% 2% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;padding:0% 6% 0% 6%;}.elementor-1512 .elementor-element.elementor-element-254fec90 > .elementor-container{max-width:805px;}.elementor-1512 .elementor-element.elementor-element-254fec90{margin-top:0%;margin-bottom:6%;padding:0% 6% 0% 6%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1512 .elementor-element.elementor-element-7728b2b0{text-align:center;}.elementor-1512 .elementor-element.elementor-element-7728b2b0 .elementor-heading-title{font-family:"Neue Haas Grotesk Display Pro", Sans-serif;font-size:55px;font-weight:500;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1512 .elementor-element.elementor-element-620d35ab > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0% 4% 0% 4%;}.elementor-1512 .elementor-element.elementor-element-620d35ab{text-align:center;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;}.elementor-1512 .elementor-element.elementor-element-113043e{text-align:center;}.elementor-1512 .elementor-element.elementor-element-113043e .elementor-heading-title{font-family:"Neue Haas Grotesk Display Pro", Sans-serif;font-size:45px;font-weight:500;}.elementor-1512 .elementor-element.elementor-element-20a2b06 > .elementor-widget-container{margin:6% 0% 0% 0%;}.elementor-1512 .elementor-element.elementor-element-20a2b06{text-align:center;}.elementor-1512 .elementor-element.elementor-element-20a2b06 .elementor-heading-title{font-family:"Neue Haas Grotesk Display Pro", Sans-serif;font-size:45px;font-weight:500;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-1512 .elementor-element.elementor-element-51aa821c{padding:13% 0% 6% 0%;}.elementor-1512 .elementor-element.elementor-element-136af668 > .elementor-element-populated{padding:6% 3% 0% 3%;}.elementor-1512 .elementor-element.elementor-element-254fec90{padding:0% 2% 0% 2%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1512 .elementor-element.elementor-element-7728b2b0 .elementor-heading-title{font-size:34px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-1512 .elementor-element.elementor-element-620d35ab > .elementor-widget-container{padding:2% 2% 2% 2%;}.elementor-1512 .elementor-element.elementor-element-620d35ab{font-size:13px;}.elementor-1512 .elementor-element.elementor-element-113043e .elementor-heading-title{font-size:34px;}.elementor-1512 .elementor-element.elementor-element-20a2b06 .elementor-heading-title{font-size:34px;}}/* Start custom CSS for awsm-team, class: .elementor-element-48bc5fc *//* --- Reset plugin's default overlay/hover styles --- */
.awsm-grid-wrapper .awsm-grid-card figcaption::before,
.awsm-grid-wrapper .awsm-grid-card figcaption::after {
    display: none !important;
    background: transparent !important;
}

/* --- Card container --- */
.awsm-grid-wrapper .awsm-grid-card {
    margin-bottom: 32px;
}

/* --- Figure: image + caption stacked vertically --- */
.awsm-grid-wrapper .awsm-grid-card figure {
    position: relative;
    display: flex;
    flex-direction: column;
    background: transparent !important;
    overflow: visible !important;
    cursor: pointer;
    margin: 0;
}

/* --- Modal trigger (clickable wrapper) --- */
.awsm-grid-wrapper .awsm-grid-card .awsm-modal-trigger {
    display: block;
    position: relative;
    cursor: pointer;
}

/* --- Image styling --- */
.awsm-grid-wrapper .awsm-grid-card img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
    transition: filter 0.3s ease, transform 0.3s ease;
    position: relative;
    z-index: 1;
}

/* --- Hover: dim image only (figcaption stays bright) --- */
.awsm-grid-wrapper .awsm-grid-card figure:hover img {
    filter: brightness(0.55);
}

/* --- "View Bio" text overlay — centered on image only --- */
.awsm-grid-wrapper .awsm-grid-card figure::after {
    content: "View Bio";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, calc(-50% - 40px));
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: 3;
    background: transparent;
    white-space: nowrap;
}

.awsm-grid-wrapper .awsm-grid-card figure:hover::after {
    opacity: 1;
}

/* --- Figcaption: positioned below image, normal flow --- */
.awsm-grid-wrapper .awsm-grid-card figcaption {
    position: static !important;
    background: transparent !important;
    padding: 16px 0 0 0 !important;
    opacity: 1 !important;
    transform: none !important;
    text-align: center;
    color: inherit !important;
    height: auto !important;
    width: 100% !important;
    display: block !important;
}

/* --- Personal info: flex column to control name/title order --- */
.awsm-grid-wrapper .awsm-personal-info {
    display: flex !important;
    flex-direction: column !important;
    opacity: 1 !important;
    transform: none !important;
    text-align: center;
}

/* --- Name (h3) — appears first --- */
.awsm-grid-wrapper .awsm-grid-card h3,
.awsm-grid-wrapper .awsm-personal-info h3 {
    order: 1 !important;
    color: #191B1C !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    text-transform: none !important;
    line-height: 1.3 !important;
    margin: 0 0 0 0 !important;
}

/* --- Title/designation (span) — appears second --- */
.awsm-grid-wrapper .awsm-personal-info span {
    order: 2 !important;
    color: #191B1C !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-style: normal !important;
    text-transform: none !important;
    line-height: 1.4 !important;
    display: block;
}

/* --- Modal popup (when clicked) — keep name white inside modal --- */
.awsm-modal-style .awsm-personal-info h3 {
    color: #FFFFFF !important;
}

/* --- Mobile adjustments --- */
@media (max-width: 767px) {
    .awsm-grid-wrapper .awsm-grid-card figure::after {
        font-size: 14px;
        transform: translate(-50%, calc(-50% - 30px));
    }
    
    .awsm-grid-wrapper .awsm-personal-info h3 {
        font-size: 16px !important;
    }
    
    .awsm-grid-wrapper .awsm-personal-info span {
        font-size: 13px !important;
    }
}

/* Round the modal container */
.awsm-modal .modal-style-1 .awsm-modal-item,
.awsm-modal .awsm-modal-content {
    border-radius: 16px !important;
    overflow: hidden !important;
}

/* Round the modal image */
.awsm-modal .awsm-image-main img,
.awsm-modal .awsm-modal-content-main img {
    border-radius: 12px !important;
    display: block;
}

/* Optional: soften the modal shadow */
.awsm-modal .awsm-modal-content {
    box-shadow: 0 10px 40px rgba(0,0,0,0.15) !important;
}

/* Optional: style the close (X) button */
.awsm-modal .awsm-modal-close {
    color: #FFFFFF !important;
    font-size: 28px !important;
    opacity: 0.9;
    transition: opacity 0.2s ease;
}

.awsm-modal .awsm-modal-close:hover {
    opacity: 1;
}

/* Optional: style nav arrows */
.awsm-modal .awsm-nav-item {
    color: #FFFFFF !important;
    opacity: 0.8;
    transition: opacity 0.2s ease;
}

.awsm-modal .awsm-nav-item:hover {
    opacity: 1;
}

/* Modal title (name) — match your navy */
.awsm-modal .awsm-personal-info h3 {
    color: #103A61 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
}

/* Modal designation/title text */
.awsm-modal .awsm-personal-info span {
    color: #191B1C !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px;
    margin-bottom: 8px !important;
    display: block;
}

/* Modal body text */
.awsm-modal .awsm-modal-content-inner p {
    color: #191B1C !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}
/* Modal background color */

.awsm-modal .awsm-modal-content {
    background-color: #F1EFE9 !important;
}/* End custom CSS */
/* Start custom CSS for awsm-team, class: .elementor-element-c72f813 *//* --- Reset plugin's default overlay/hover styles --- */
.awsm-grid-wrapper .awsm-grid-card figcaption::before,
.awsm-grid-wrapper .awsm-grid-card figcaption::after {
    display: none !important;
    background: transparent !important;
}

/* --- Card container --- */
.awsm-grid-wrapper .awsm-grid-card {
    margin-bottom: 32px;
}

/* --- Figure: image + caption stacked vertically --- */
.awsm-grid-wrapper .awsm-grid-card figure {
    position: relative;
    display: flex;
    flex-direction: column;
    background: transparent !important;
    overflow: visible !important;
    cursor: pointer;
    margin: 0;
}

/* --- Modal trigger (clickable wrapper) --- */
.awsm-grid-wrapper .awsm-grid-card .awsm-modal-trigger {
    display: block;
    position: relative;
    cursor: pointer;
}

/* --- Image styling --- */
.awsm-grid-wrapper .awsm-grid-card img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
    transition: filter 0.3s ease, transform 0.3s ease;
    position: relative;
    z-index: 1;
}

/* --- Hover: dim image only (figcaption stays bright) --- */
.awsm-grid-wrapper .awsm-grid-card figure:hover img {
    filter: brightness(0.55);
}

/* --- "View Bio" text overlay — centered on image only --- */
.awsm-grid-wrapper .awsm-grid-card figure::after {
    content: "View Bio";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, calc(-50% - 40px));
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: 3;
    background: transparent;
    white-space: nowrap;
}

.awsm-grid-wrapper .awsm-grid-card figure:hover::after {
    opacity: 1;
}

/* --- Figcaption: positioned below image, normal flow --- */
.awsm-grid-wrapper .awsm-grid-card figcaption {
    position: static !important;
    background: transparent !important;
    padding: 16px 0 0 0 !important;
    opacity: 1 !important;
    transform: none !important;
    text-align: center;
    color: inherit !important;
    height: auto !important;
    width: 100% !important;
    display: block !important;
}

/* --- Personal info: flex column to control name/title order --- */
.awsm-grid-wrapper .awsm-personal-info {
    display: flex !important;
    flex-direction: column !important;
    opacity: 1 !important;
    transform: none !important;
    text-align: center;
}

/* --- Name (h3) — appears first --- */
.awsm-grid-wrapper .awsm-grid-card h3,
.awsm-grid-wrapper .awsm-personal-info h3 {
    order: 1 !important;
    color: #191B1C !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    text-transform: none !important;
    line-height: 1.3 !important;
    margin: 0 0 0 0 !important;
}

/* --- Title/designation (span) — appears second --- */
.awsm-grid-wrapper .awsm-personal-info span {
    order: 2 !important;
    color: #191B1C !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-style: normal !important;
    text-transform: none !important;
    line-height: 1.4 !important;
    display: block;
}

/* --- Modal popup (when clicked) — keep name white inside modal --- */
.awsm-modal-style .awsm-personal-info h3 {
    color: #FFFFFF !important;
}

/* --- Mobile adjustments --- */
@media (max-width: 767px) {
    .awsm-grid-wrapper .awsm-grid-card figure::after {
        font-size: 14px;
        transform: translate(-50%, calc(-50% - 30px));
    }
    
    .awsm-grid-wrapper .awsm-personal-info h3 {
        font-size: 16px !important;
    }
    
    .awsm-grid-wrapper .awsm-personal-info span {
        font-size: 13px !important;
    }
}

/* Round the modal container */
.awsm-modal .modal-style-1 .awsm-modal-item,
.awsm-modal .awsm-modal-content {
    border-radius: 16px !important;
    overflow: hidden !important;
}

/* Round the modal image */
.awsm-modal .awsm-image-main img,
.awsm-modal .awsm-modal-content-main img {
    border-radius: 12px !important;
    display: block;
}

/* Optional: soften the modal shadow */
.awsm-modal .awsm-modal-content {
    box-shadow: 0 10px 40px rgba(0,0,0,0.15) !important;
}

/* Optional: style the close (X) button */
.awsm-modal .awsm-modal-close {
    color: #FFFFFF !important;
    font-size: 28px !important;
    opacity: 0.9;
    transition: opacity 0.2s ease;
}

.awsm-modal .awsm-modal-close:hover {
    opacity: 1;
}

/* Optional: style nav arrows */
.awsm-modal .awsm-nav-item {
    color: #FFFFFF !important;
    opacity: 0.8;
    transition: opacity 0.2s ease;
}

.awsm-modal .awsm-nav-item:hover {
    opacity: 1;
}

/* Modal title (name) — match your navy */
.awsm-modal .awsm-personal-info h3 {
    color: #103A61 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
}

/* Modal designation/title text */
.awsm-modal .awsm-personal-info span {
    color: #191B1C !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px;
    margin-bottom: 8px !important;
    display: block;
}

/* Modal body text */
.awsm-modal .awsm-modal-content-inner p {
    color: #191B1C !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}
/* Modal background color */

.awsm-modal .awsm-modal-content {
    background-color: #F1EFE9 !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Neue Haas Grotesk Display Pro';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://lacenterforstrategicpartnerships.org/wp-content/uploads/2026/03/NeueHaasDisplay-Roman.woff2') format('woff2'),
		url('https://lacenterforstrategicpartnerships.org/wp-content/uploads/2026/03/NeueHaasDisplay-Roman.woff') format('woff'),
		url('https://lacenterforstrategicpartnerships.org/wp-content/uploads/2026/03/NeueHaasDisplayRoman.ttf') format('truetype');
}
/* End Custom Fonts CSS */