/*
 Theme Name:  	Student Loans and Grants
 Author:       		Alex G.
 Text Domain:  	c411-student-loans-and-grants
*/
.gform_legacy_markup_wrapper.gform_wrapper .gfield_chainedselect.vertical.ginput_complex select, .gravity-theme.gform_wrapper .gfield_chainedselect.vertical.ginput_complex select { width: 100% !important;}
.gform_legacy_markup_wrapper.gform_wrapper .gfield_chainedselect.vertical.ginput_complex span, .gravity-theme.gform_wrapper .gfield_chainedselect.vertical.ginput_complex span { padding-block: 0 8px !important; }
.wpa-test-msg { display: none; }
html { scroll-behavior: smooth;}

#slag-accordion { border-left: 4px solid #232C7A; }
.slag-accordion-container, #slag-accordion > div {  margin: 0 auto; }
.slag-accordion-item, #slag-accordion > div > div { margin-bottom: 15px; border: 1px solid #dee2e6; border-radius: 8px; background: white; box-shadow: 0 2px 6px rgba(0,0,0,0.05); overflow: hidden; white-space: wrap; }
.slag-accordion-item p { padding-bottom:0; margin-bottom: 0; min-height: 0; }
.slag-accordion-question, #slag-accordion > div > div button { width: 100%; padding: 20px 25px; background: white; border: none; text-align: left; font-size: 1.125rem; font-weight: 600; color: #1a2332; cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: background 0.3s, color 0.3s; }
.slag-accordion-item.active .slag-accordion-question, #slag-accordion > div > div.active {  background: #f4f4ef;  }
.slag-accordion-question:hover { background: #f4f4ef; }
.slag-accordion-icon { font-size: 1.5rem; color: #777; font-weight: 300; transition: transform 0.3s; }
.slag-accordion-item.active .slag-accordion-icon { transform: rotate(45deg); }
.slag-accordion-answer, #slag-accordion > div > div > div { max-height: 0; overflow: hidden; background: #f4f4ef; transition: max-height 0.3s ease-out; will-change: max-height; }
.slag-accordion-item.active .slag-accordion-answer, #slag-accordion > div > div.active > div { max-height: 500px !important; transition: max-height 0.5s ease-in !important; }
.slag-accordion-answer p { padding: 20px 25px; margin: 0; color: #444; line-height: 1.7; }

.c411-c-ctnr { display: flex; flex-direction: column; gap: 1rem; }
 
 
 
 
 
								@media (min-width: 991px) {
									.c411-searchpanel-full .c411-searchbar { transition: all 0.3s ease; }
									.compact.c411-searchpanel-full .c411-searchbar { padding: 1.5rem 2rem; background: #242D7B; border-radius: 0 0 2rem 2rem; }
								}



		@media (max-width: 991px) {
			.gform_wrapper .top_label li.gfield.gf_left_half { width: 100% !important; margin-right: 0% !important; }
			.gform_legacy_markup_wrapper.gform_wrapper .gfield_chainedselect.vertical.ginput_complex span, .gravity-theme.gform_wrapper .gfield_chainedselect.vertical.ginput_complex span { padding-block: 0 0px !important; }
			
			.c411-widget-sticky-bottom { gap: 0px;}
			.c411-widget-sticky-bottom .c411-schoolprofile-flyoutnav-trigger, .c411-widget-sticky-bottom .c411-schoolprofile-cta-mobile { opacity: 1 !important; padding: 0.5rem 0.25rem 0.55rem !important; }
			.c411-widget-sticky-bottom .c411-schoolprofile-flyoutnav-trigger { border-right: 1px solid #fff !important; }
			
			.c411-archive-hero .c411-c-ctnr { background: url('images/hero-bg-mobile.jpg') no-repeat top right; }
				.c411-c-ctnr { position: relative !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; min-height: 420px !important; padding-bottom: 1rem !important; display: flex !important; align-items: center !important; align-items: end !important; justify-content: end !important; }
				.c411-c-ctnr::before { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; background:linear-gradient( 180deg, rgba(36, 45, 123, 0.8) 30%, rgba(36, 45, 123, 0.85) 50%,rgb(36, 45, 123) ) !important; z-index: 1 !important; display: block !important; }
				.c411-c-slogan { position: relative !important; z-index: 100 !important; font-size: 2rem !important; max-width: 100% !important; text-align: center !important; margin: 0 auto !important; line-height: 1.2 !important; }
		}
		
