/*
Theme Name: Springboard
Author: Manifold Public Design
Version: 1
*/

@import 'assets/css//all.css';


/* Sticky Navigation CSS */
header.container {
  position: sticky;
  top: 0px;
  z-index: 1000; /* Ensures navigation stays above other content */
  width: 100%;
  transition: all 0.6s ease; /* Smooth transition for any state changes */
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.98) !important; /* Slightly transparent background */

}

/* Sticky Navigation — Add shadow on scroll*/
header.container.scrolled,
header.container.scrolled,
header.container.scrolled {
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.2);
  background: rgba(255, 255, 255, 0.98) !important; /* Slightly transparent background */
}

/*Navigation*/
header.container.px-5.xl\:px-0.mx-auto.py-6.flex.justify-between.items-center.lg\:mb-10 {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
margin-bottom: 1.5rem !important;
}
.header-nav ul li a {
  font: 20px "Archivo Narrow" !important;
  padding: .35rem .35rem !important;
}

.header-nav ul li.programs-link ul, .header-nav ul li.programs-link a ul, ul.sub-menu {
    width: 640px !important;
}
.header-nav ul li.menu-item-142 ul, .header-nav ul li.programs-link a ul, ul.sub-menu {
    width: 500px !important;
}
.header-nav ul li.menu-item-141 ul, .header-nav ul li.programs-link a ul, ul.sub-menu {
    width: 400px !important;
}

.logo-container {
max-width:180px !important;
	height:auto;
}

/* Navigation — Burger menu show's up later*/
@media (min-width: 1053px) {
nav.header-nav.hidden.xl\:block {
display: block !important;
}}

@media (min-width: 1052px) {
button#hamburger.xl\:hidden {
display: none !important;
}}

#mobile-nav .menu-header-container {
overflow: scroll !important;
}

/*Header*/
.sb-block.my-10.lg\:my-75.xl\:mb-175.page-header {
margin-top: 32px !important;
margin-bottom: 0px !important;
}

.sb-block.my-5.md\:my-10.lg\:my-75.xl\:mb-175.page-header {
margin-top: 32px !important;
margin-bottom: 0px !important;
}

h1.text-center.my-0.text-\[45px\].sm\:mb-0{
font-size: 9.2vw !important;
letter-spacing: -.2vw !important;
}

h1.sm\:text-\[8\.8vw\] {
letter-spacing: -.2vw !important;
}

.w-full.bg-no-repeat.bg-cover.bg-center.aspect-\[4\/3\].lg\:aspect-video {
aspect-ratio: 20 / 7.75 !important;
width:99.975% !important;
}

.p-5.xl\:p-10.mx-auto.text-center{
padding-top: .75rem !important;
}

@media (min-width: 1025px) {
.content .page-header p, .entry .page-header p, .editor-styles-wrapper .page-header p, .sb-block.page-header p{
font: 600 44px / 48px "Franklin";
}}

.sb-block.page-header p {
margin: .8rem 0 !important;
}

/*Body*/
.sb-block.my-50.xl\:my-175.card-section{
	margin-top: 8% !important;
  margin-bottom: 0 !important;}

.sb-block.my-20.lg\:my-52.xl\:my-300.md\:grid.md\:grid-cols-2.gap-16.mx-auto.xl\:w-10\/12.image-w-text.items-center.md\:px-5.xl\:px-0{
margin-top: 12% !important;
margin-bottom: 12% !important;
width: 90% !important;
/*gap: 4rem !important;*/
}

.sb-block.my-50.xl\:my-175.card-section{
	margin-top: 5% !important;
margin-bottom: 5% !important;
}

@media (max-width: 1025px){
.red.grid.grid-rows-3.\32 xl\:grid-rows-4.grid-cols-1, .yellow.grid.grid-rows-3.\32 xl\:grid-rows-4.grid-cols-1, .light-blue.grid.grid-rows-3.\32 xl\:grid-rows-4.grid-cols-1{
    grid-template-rows: 1fr .25fr 1fr !important;
	}}

.sb-block.my-20.lg\:my-35.mx-5.cta-block.text-center.p-5.lg\:p-16.rounded-lg.space-y-5.justify-center.flex.flex-col{
	width: 90% !important;
	Margin: 0 auto !important;
}

p.text-center.md\:text-left{
font: 400 22px / 28px "Archivo" !important;
}

.flex.flex-col.xl\:grid.grid-cols-5.lg\:px-10.gap-20.justify-start{
padding-left: 0rem !important;
padding-right: 0rem !important;
margin-top: 4%;
gap: 4rem !important;
grid-template-columns: 22.5fr 0 55fr 0 22.5fr !important;
}

/*Body--Buttons*/
@media (max-width: 768px) {
a.cta.max-w-\[55\%\]{
	max-width: 100% !important;
	padding: 20px 10px 20px 45px !important;
    text-align:center !important;
	}}

@media (min-width: 769px) {
a.cta.max-w-\[55\%\]{
	max-width: 80% !important;
	}}	

@media (max-width: 664px){
.entry.image-w-text a.cta, .editor-styles-wrapper.image-w-text a.cta, .sidebar_buttons a, a.one-button {
    padding: 24px 24px 24px 45px !important;
	}}
	
@media (max-width: 664px) {
    .lg\:w-2\/6 {
        width: 64% !important;
    }}

.right-sidebar .sidebar_buttons a{
	padding: 20px 14% 20px 20px !important;
}

@media (max-width: 1279px) {
.right-sidebar .sidebar_buttons a{
text-align: center !important;
	}}

@media (min-width: 1279px) {
.right-sidebar .sidebar_buttons .px-16{
	padding-left:1%  !important;
	padding-right:1%  !important;
	}}

@media (min-width: 665px) and (max-width: 1024px) {
.right-sidebar .sidebar_buttons .px-16{
	padding-left:5%  !important;
	padding-right:5%  !important;
	}}

@media (max-width: 664px) {
.right-sidebar .sidebar_buttons .px-16{
	padding-left:0  !important;
	padding-right:0  !important;
	}}


/*Ready Made*/
@media (max-width: 664px) {
.sb-block.my-10.artist-gallery.grid.grid-cols-2.lg\:grid-cols-3.xl\:grid-cols-4.gap-3.xl\:gap-5{
	grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}}

/*Creative Change Coalition*/
.rounded-lg.px-7.py-5.bg-\[\#2B2B2B\].flex.items-center.bg-\[url\(\'https\:\/\/sbdev\.sitetesting\.co\/wp-content\/themes\/springboard\/assets\/img\/ccc-headline\.png\'\)\].bg-no-repeat.bg-contain.bg-right.franklin.uppercase.text-\[32px\].lg\:text-\[50px\].font-semibold.text-yellow {
background-image:none !important;
}

.accordion_section p{
font-size: 22px !important;
}

/*Bullet alignment*/
.entry ul {
padding-left: 1.5rem !important;
}

.entry ul li {
padding-left: 0.5rem !important;
margin-bottom: 0.5rem; /* Space between items */
}

.bg-yellow {
margin: 0 0 8% 0 !important;
}

/*Help Artists*/
.help-artists.my-100.lg\:mt-300.lg\:mb-75.lg\:mb-175.text-center.container.px-5.lg\:px-0.mx-auto{
	margin-top: 4% !important;
	margin-bottom: 12% !important
}

a.px-3.py-2.ps-11.lg\:zoom\[1\.5\].md\:absolute.md\:right-\[-50px\].md\:ms-20.block.md\:bottom-\[\.25em\].w-fit.mx-auto.md\:mx-0 {
bottom: -0.4em !important;
}

/*********About Us Img**********
@media (max-width: 3000px){
img.w-full.rounded-md{
width: 80% !important;
margin: 0 auto !important;
	}}

@media (max-width: 1024px) {
img.w-full.rounded-md{
width: 64% !important;
margin: 0 auto !important;
	}}

/*********Bug Fixes**********/
	
.container.lg\:px-7.page.type-page.status-publish.hentry{
overflow: hidden;
scrollbar-width:none;
}
	
.container.lg\:px-7.status-publish.hentry{
padding-left: .1rem !important; padding-right: .1rem !important;
}
	
.staff_card img, video {
min-width: 5vw !important;
max-width: 13vw !important;
height: auto;
font-size: calc(1vw + 1vh)!important; /* You can adjust this value according to your preference */
}

div#staff:hover{
	background-color: #fada21 !important;
}

div#staff.bg-yellow {
margin: 0 !important;
}

.staff_card	.content .space-y-2 .text-center .lg:text-left	{
font-size:.9rem !important;
}
	
.staff_card{
  overflow-wrap: break-word;      
  word-break: normal;             
  word-wrap: break-word;        
  hyphens: auto;                  
  max-width: 100%;                
  box-sizing: border-box; 
  min-height: 34vh !important;
}

@media (min-width: 1024px) {
.grid.grid-cols-1.lg\:grid-cols-2.gap-y-5.lg\:gap-y-10.lg\:gap-x-20.mb-10{
column-gap: 2.5rem !important;
	}}

section.sb-block{
min-height: 60vh !important;
}

#filter-menu {
--tw-space-x-reverse: 0 !important;
margin-right: 0 !important;
margin-left: 0 !important;
overflow:visible !important;
}

@media (min-width: 840px) {
.hidden.lg\:flex.space-x-5.text-white.relative {
display: flex !important;
}}

/* Widen search input */
.custom-form input[type="search"], input[type="text"] {
  min-width: 25vw !important;
  width: 100% !important;
  transition: width 0.3s ease;
  box-sizing: border-box !important;
}

/* Add "Filter" label using CSS pseudo-elements */
i.fal.fa-sliders, button[aria-label="Filter"] {
/*letter-spacing:.1rem !important;*/
position: relative;
/*padding-right: 78px !important;*/
padding: 12px;
border-radius: 5px;
background-color: rgb(0, 0, 0, 0.2) !important;
}

.cats i.fal.fa-sliders {
background-color: rgb(0, 0, 0, 0.01) !important;
	display:none !important;
}
.cats i.fal.fa-sliders::after, button[aria-label="Filter"]::after{
color: #995794 !important;
}

section.sb-block.my-10.lg\:mb-52.events.space-y-5.mx-auto.flex.flex-col{
	margin-top:1.25rem !important;
}

section.sb-block.md\:my-10.lg\:mb-52.grants.space-y-5.mx-auto.flex.flex-col{
	margin-top:1.25rem !important;
}

.content .grants h3, .content .opportunities h3 {
font: 600 40px "Franklin" !important;
}

.entry.space-y-7.text-center h1{
margin: 32px 0 4% !important;
line-height: .9em;
font-size: 8vw !important;
font-weight: 800 !important;
letter-spacing: -.2vw !important;	
}

.sb-block.my-20.space-y-5.accordion_section.space-y-3.mx-auto.flex.flex-col{
	margin-top:0 !important;
}

.right-sidebar .sidebar_buttons .bg-yellow {
margin: 0 0 0 0 !important;
    }

h4#cccacc-1.bg-yellow{
	margin: 0 0 2% !important;
}

div#cccacc-body-1.py-1 {
    padding-bottom: 2.5rem !important;
}

h4.bg-yellow.acc-title.flex.justify-between.text-\[18px\].leading-\[24px\].lg\:text-\[25px\].lg\:leading-\[30px\].text-black.items-center.p-7.rounded-lg.bg-yellow {
margin: 0 0 2% 0 !important;
    }

/* Grants Cards Grid */
.p-5.lg\:p-7.rounded-b-xl.space-y-5.lg\:space-y-7{
display: flex !important;
  flex-direction: column!important;
  flex-grow: 1;
  height: 100% !important; /* Ensure full height */
}

.description.text-\[14px\].lg\:text-\[18px\].space-y-3{
  flex-grow: 1; /* Allow paragraph to expand */
  flex-shrink: 1; /* Allow paragraph to shrink if needed */
  min-height: 0; /* Important for flexbox behavior in some browsers */
  overflow: hidden; /* Prevent text overflow */
  margin-bottom: 1rem; /* Space between text and footer */
}

.text-\[14px\].lg\:text-\[18px\].mt-auto.flex.justify-between.items-end{
display: flex !important;
  justify-content: space-between !important; /* Space between tag and button */
  align-items: flex-end !important; /* Align items to bottom */
  margin-top: auto !important; /* Push footer to bottom */
  width: 100% !important; /* Full width */
  flex-shrink: 0; /* Prevent footer from shrinking */
}

/* Opportunities Cards Grid */
.p-5.lg\:p-7.space-y-5.lg\:space-y-7{
display: flex !important;
  flex-direction: column!important;
  flex-grow: 1;
  height: 100% !important; /* Ensure full height */
}

.description.rounded-b-xl.text-\[14px\].lg\:text-\[18px\].space-y-3{
  flex-grow: 1; /* Allow paragraph to expand */
  flex-shrink: 1; /* Allow paragraph to shrink if needed */
  min-height: 0; /* Important for flexbox behavior in some browsers */
  overflow: hidden; /* Prevent text overflow */
  margin-bottom: 1rem; /* Space between text and footer */
}

.rounded-b-xl.text-\[14px\].lg\:text-\[18px\].mt-auto.flex.justify-between.items-center{
  display: flex !important;
  justify-content: space-between !important; /* Space between tag and button */
  align-items: flex-end !important; /* Align items to bottom */
  margin-top: auto !important; /* Push footer to bottom */
  width: 100% !important; /* Full width */
  flex-shrink: 0; /* Prevent footer from shrinking */
}

/* Events Cards Grid */
.p-5.lg\:p-7.rounded-b-xl.lg\:space-y-7{
  display: flex !important;
  flex-direction: column!important;
  flex-grow: 1;
  height: 100% !important; /* Ensure full height */
}

.description.rounded-b-xl.text-\[18px\].space-y-3.pb-5.hidden.lg\:block{
  flex-grow: 1; /* Allow paragraph to expand */
  flex-shrink: 1; /* Allow paragraph to shrink if needed */
  min-height: 0; /* Important for flexbox behavior in some browsers */
  overflow: hidden; /* Prevent text overflow */
  margin-bottom: 1rem; /* Space between text and footer */
}

.rounded-b-xl.text-\[18px\].lg\:mt-auto.flex.justify-between.items-end{
  display: flex !important;
  justify-content: space-between !important; /* Space between tag and button */
  align-items: flex-end !important; /* Align items to bottom */
  margin-top: auto !important; /* Push footer to bottom */
  width: 100% !important; /* Full width */
  flex-shrink: 0; /* Prevent footer from shrinking */
}

/* Toolkit Cards Grid */
.p-5.lg\:p-7.rounded-b-xl.space-y-5.lg\:space-y-7{
  display: flex !important;
  flex-direction: column!important;
  flex-grow: 1;
  height: 100% !important; /* Ensure full height */
}

.description.rounded-b-xl.text-\[18px\].space-y-3{
  flex-grow: 1; /* Allow paragraph to expand */
  flex-shrink: 1; /* Allow paragraph to shrink if needed */
  min-height: 0; /* Important for flexbox behavior in some browsers */
  overflow: hidden; /* Prevent text overflow */
  margin-bottom: 1rem; /* Space between text and footer */
}

.rounded-b-xl.text-\[18px\].mt-auto.flex.justify-end.items-end{
  display: flex !important;
  align-items: flex-end !important; /* Align items to bottom */
  margin-top: auto !important; /* Push footer to bottom */
  width: 100% !important; /* Full width */
  flex-shrink: 0; /* Prevent footer from shrinking */
}

/* Add to Elementor Custom CSS or theme's style.css */
.elementor-section.consultant-section,
.elementor-section[data-id="consultant-section"],
.elementor-section.elementor-hidden-desktop.elementor-hidden-tablet.elementor-hidden-mobile {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

div#staff1{
display: flex !important;
}

.w-full.lg\:w-3\/12.space-y-3.lg\:space-y-5.py-3.lg\:py-0{
margin-right:2% !important;
}

.bg-mauve.text-white.rounded-\[5px\].py-2.px-3.inline-block.min-w-\[110px\]{
	color: rgb(153 87 148 / 1) !important;
    background: none !important;
    font-weight: 600 !important;
}