/*
 Theme Name:   1128 Workroom Business Theme
 Theme URI:    https://generatepress.com
 Description:  A Business Theme (GeneratePress child theme)
 Author:       Maureen Mladucky
 Author URI:   https://1128workroom.com
 Template:     generatepress
 Version:      0.1
*/
body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
h1, h2 {
	font-family: 'Marcellus SCs', serif;
	font-weight: 400;
}
@media screen and (max-width:1132px) {
	.site-header__logo {
		width:250px;
	}
	.login-button {
		font-size:15px;
	}
}
@media screen and (max-width:786px) {
	.site-header__logo {
		width:250px;
	}
	.login-button {
		font-size:15px;
	}
} //calc(var(--gb-container-width) + 20px)
.gb-navigation-34b3a413, .gb-navigation {
    justify-content: space-between;
}
.slideout-navigation a.gbp-button--primary, .slideout-navigation a.gbp-button--primary {
    color: var(--contrast-1);
}
.main-title, h1 {
   font-family: 'Marcellus SC', serif;
   font-size: 2rem;
	 font-weight:500;   
}
.main-navigation li a {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.9rem;
}
.pretext {
	font-size: 1.375rem;
	color: #1c2d8c;
}
.open-in-new-tab a {
	display:block;
}
.open-in-new-tab a::after {
	margin-left:5px;
	// content: url(path/to/your.svg);
	content: url("https://arthurjordanfoundation.org/demo/wp-content/uploads/2026/01/noun-send-2386376-FFFFFF-5.png");  	
}
.mega-menu-font a {
	font-size:16px;
}
.application-deadline-text {
	font-size: 1.5rem;
	line-height:1.5;
	color:#404040;
}
.gb-tabs__menu-item:is(.gb-block-is-current,.gb-block-is-current:hover,.gb-block-is-current:focus) {
   text-decoration:underline;
}

.gbp-footer__heading {
	font-family: 'Marcellus SC', serif;
	color:var(--global-color-heading-6);
}
.site-footer, .site-footer a, .site-footer p a:link {
	color: #f0f0f0;
}
.site-footer a.gb-text-b79b8631 {
	color: var(--contrast-1);
}
.gb-text-b79b8631 {
	background-color: var(--accent);
	border-radius:3px;
	color: var(--contrast-1);	
	padding:1rem;
	text-decoration: none;
	text-transform:uppercase;
}
// site footer login-button styles are superceded by the site-footer a styles.
.site-footer a.login-button {
	background-color: var(--accent);
	border-radius:3px;
	color:var(--contrast-1);	
	padding:1rem;
	text-decoration: none;
	text-transform:uppercase;
}
.site-footer a.login-button:hover {
	box-shadow: 0px 5px 5px -1px #9C9C9C;
}
.gb-carousel {
	z-index:0;
}
.gbp-footer__heading {
	font-family: 'Marcellus SC', serif;
}
header {
	background-color:#f7f8f9;
}
#menu-footer-menu .menu-item.current-menu-item a, #menu-footer-menu .current-menu-item a span {
	color: #f9c301;
	font-weight: 600;
}
#menu-primary-menu .menu-item.current-menu-item a, #menu-primary-menu .current-menu-item a span {
	font-weight:700;
}
p a:link {
	color: #222222;
}

.external-link-icon svg:before, .gbp-button--primary:after {
    content: " \e900";
    font-size: var(--icon-size);
    padding-left: 10px;
}
.edac-nww-external-link-icon {
	padding-left: 10px;
}


.breadcrumbs {
    margin: 0 0 1rem 0;
    list-style: none;
}
.breadcrumbs::after,
.breadcrumbs::before {
    display: table;
    content: " ";
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
.breadcrumbs::after {
    clear: both;
}
.breadcrumbs li {
    float: left;
    font-size:1rem;
    color: #0a0a0a;
    cursor: default;
    text-transform: uppercase;
}
.breadcrumbs li:not(:last-child)::after {
    position: relative;
    margin: 0 0.75rem;
    opacity: 1;
    content: "/";
    color: #cacaca;
}
.breadcrumbs a {
	font-size:1rem;
	color:#0a0a0a;
}
.breadcrumbs a:hover {
    text-decoration: underline;
}
.breadcrumbs .disabled {
    color: #cacaca;
    cursor: not-allowed;
}
.breadcrumbs li:not(:last-child)::after {
    position: relative;
    margin: 0 .75rem;
    opacity: 1;
    content: "/";
    color: #f9c301;
    font-weight: 600;
}
.wp-block-navigation-link a:hover, .wp-block-navigation-link a:hover span {
	color: #d4a601;
}
a.content-link, button.content-link, input.content-link {
	color:#1f1f1f !important;
}
.application-deadline-text {
	font-family: "Open Sans", sans-serif;
}

ol {
    counter-reset: li;
    margin-left: 1.5rem;
    padding-left: 0;	
}
ol>li {   
    background: #f6f6f6;
    height: auto;
    list-style: none;
    margin: 0 0 2rem 2rem;
    min-height: 62px;
		padding: 0 1rem;
    position: relative;
		display:flex;
		align-content:center; 
}

ol>li::before {
    background: #333;
	box-sizing: border-box;
    color: #fff;
    content: counter(li);
    counter-increment: li;
    font-size: 1.75rem;
    font-weight: 700;
    margin-right: 12px;
    padding: 10px;
    text-align: center;
    width: 4rem;
    position: absolute;
    left: -4rem;
    top: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-shadow: 2px 2px 2px 0 rgba(31, 31, 31, 0.31);
}
ol.listcolumn2 {
	counter-reset: custom-counter 6;
}
.listcolumn2 li {
  counter-increment: custom-counter; /* Increment by 1 for each li */
}
ol.onlinecolumn2 {
	counter-reset: custom-counter2 4;
}
.onlinecolumn2 li {
  counter-increment: custom-counter2; /* Increment by 1 for each li */
}
.listcolumn2 li::before {
  content: counter(custom-counter); /* Display the counter value */
}
.onlinecolumn2 li::before {
  content: counter(custom-counter2); /* Display the counter value */
}
.gbp-tab-menu-item, .gbp-tab-menu-item button {
	border:none;
}
.gb-tabs__menu {
    margin: 0;
   /* border: 1px solid #e6e6e6;
    background: #fefefe; */
    list-style-type: none;
}
.gb-tabs__menu::after, .tabs::before {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
.gbp-list-item p {
	font-size: 1.00rem;
	font-weight: 500;
	margin-bottom: 0.25rem;
}
.gbp-list-item p:last-child {
	font-size: 1rem;
	font-weight: 500;	
}
.gb-tabs__menu-item:is(.gb-block-is-current,.gb-block-is-current:hover,.gb-block-is-current:focus) {
text-decoration: none;
}
.gbp-tab-button {
	background-color:transparent !important;
}
.about-us-title {
	text-align:center;
	margin-bottom:3rem;
	padding-bottom:1rem;
	border-bottom: 1px solid rgba(31, 31, 31, 0.3);
}
.active-grants {
	display:flex;
	align-items:center;
	justify-content:center;
}
.active-grants-ul {
	list-style:none;
	max-width:500px;
}
.active-grants-ul li {
	background-color:#f3f3f3;
	margin-bottom:2rem;
	padding: 1rem 1rem 0.15rem 1rem;
}
.active-grants-h4 {
	color: var(--contrast-1);
	font-size: 1.275rem;
	font-weight:500;
	margin-bottom:5px;
}
.active-grants-amount {
	color: var(--contrast-2);
}
.gbp-accordion__item {
	border: 1px solid var(--base-2);
	padding:1rem;
	margin-bottom:1rem;
}
.gb-accordion__item-open {
	background-color:var(--base-2);
}
/*
.gb-tabs__menu-item {
	margin-bottom:0.5rem;
	background-color:#e6e6e6;
} */
/*
.gb-tabs__menu-item:is(.gb-block-is-current,.gb-block-is-current:hover,.gb-block-is-current:focus) {
    text-decoration: none;
   background: #f9c301;
}
.gb-tabs__menu-item:focus {
    text-decoration: none;
   background: #f9c301;
}*/

.gbp-section:has(.gbp-looper:empty) {
    display:none;
}
.slideout-menu {
	padding:2rem 1rem;
}
.list {  
  gap: 8px; 
  display:flex;
  padding:16px;
  list-style:none;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.list::-webkit-scrollbar {
  display:none;
}
.list-wrapper {
  position:relative;
}
.item {
  flex-shrink:0;
  width:80%;
  height:90vh;
  background-color:pink;
  scroll-snap-align:center;
}
.content {
  display:flex;
  align-items:center;
  justify-content:center;
  height:100%;  
}
.hero-icon {
   margin-left: -130px;
   margin-top: 270px;
   width: 300px;
}
.pause,
.play {
   position: absolute;
   left: 60%;
   top: 105%;
   transform: translateX(-60%);
   width: 60px;
   height:60px;
   cursor: pointer;

}
.playagain {
	/* Text under play icon */
	position:absolute;
	left: 60%;
	transform: translateX(-60%);	
   	top: 120%;
	height:100px;
	font-size:15px;
	
}

/** CSS for defining area for auto images on front page. **/
.section-auto {
	position: relative;
	min-height:400px;	
}
.see-difference {
	position:absolute;
	top:70%;
	left:0%;
	height:auto;
	width:150px;
}
.see-the-difference-text {
	position:absolute;
	top:100%;
	left:0;
	height:auto;
	width:200px;	
}

/** CSS for fading in and out auto images on front page. **/
.section-auto img.bottom, .section-auto img.top {
	position: absolute;
}
.top {
	animation-name: newfade;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-duration: 6s;
	animation-direction: normal;
	animation-fill-mode: forwards;
  }
  @keyframes newfade {
	0% {
	  opacity: 1;
	}
	25% {
	  opacity: 1;
	}
	75% {
	  opacity: 0;
	}
	100% {
	  opacity: 0;
	}
  }

  
@keyframes fadeInUp {
	0% {
	 /* transform: translateY(100%); */
	  opacity: 0;
	}
	100% {
	 /* transform: translateY(0%); */
	  opacity: 1;
	}
  }
  
  .fadeInUp-animation {
	animation: 1s fadeInUp;
  }
 
.testimonials .testimonial-item {
	box-sizing: content-box;
	min-height: 320px;
	padding: 30px;
	margin: 40px 30px;
	max-width: 400px;
	box-shadow: 0 0 20px rgba(1, 41, 112, .1);
	background: #fff;
	min-height: 320px;
	display: flex;
	flex-direction: column;
	text-align: center;
	transition: .3s;
 }
 .stars {
	--percent: calc(var(--rating) / 5* 100%);
	display: inline-block;
	font-size: var(--star-size);
	font-family: Times;
	line-height: 1;
 }
.heading-shades-0 {
	color:#222222;
 }
 .heading-shades-1 {
	color:#151515;
 }
  .heading-shades-2 {
	color:#404040;
 }
  .heading-shades-3 {
	color:#6a6a6a;
 }
  .heading-shades-4 {
	color:#959595;
 }
  .heading-shades-5 {
	color:#bfbfbf;
 }
  .heading-shades-6 {
	color:#eaeaea;
 }