/*open sans & roboto*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Roboto:ital,wght@0,300;0,400;0,500;1,500&display=swap');

.nofa-alert { margin-bottom: inherit; }
.nofa-menu .ext .extlink { display: none !important; }
#banner { height: 310px; font-family: 'Roboto',sans-serif !important; font-size: 21px; font-weight: 300; position: relative; background-size: 1000px;}
.banner-content { position: absolute;  z-index: 20; }
.nofa-menu .ext .extlink { display: none !important;}
#banner .fade-banner {
    position: absolute;
    z-index: 2;;
    top:0;
    left:0;
}
.node--type-nofa-pages .node__header 
{
    padding-bottom: 0%;
}
.nofa-main-section table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
}
.nofa-main-section table tbody td {
      vertical-align: top;
}
.nofa-main-section .nofa-page-title {width:100%;margin-bottom:35px !important;}
.nofa-main-content.container-fluid {
    padding-bottom: 15px;
}
.fade-banner img {
    border-radius: unset;
}

#banner img {
    height: 310px;
}

#banner h1, #banner h1 a {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #d36e02;
    font-size: 38px;
    line-height:50px;
    padding-top:20px;
}
.banner-first {font-size:50px; font-weight: 500;}
.banner-second { font-size:35px;}
#banner p
{
  line-height:1.5em;
}

.banner
{
   background-color: #fee9ce;
   width:auto;
}


@media (max-width: 480px){

#banner h1, #banner h1 a { padding-top : 5px; font-size:25px; }
#banner { background: unset;}
#banner p { line-height:27px; font-size:18px; font-weight: 400;}
.nofa-menu ul {float:unset;}

}

@media (min-width: 480px) and (max-width: 1200px){ 
    #banner h1, #banner h1 a {
            font-size: 33px;
            line-height: 40px;
            padding-top: 5px;
    }
     #banner p {line-height:27px;font-size: 20px;}
}

/*MENU */

.nofa-menu-section
{
border-top: 2px solid #d1d1d1;
border-bottom: 2px solid #d1d1d1;
font-family: 'Roboto', sans-serif;
}

.nofa-menu{
	text-align: center;
	font-family: 'Roboto', sans-serif;
}

.nofa-menu ul {
	padding: 5px 0;
	margin: 0;
	list-style: none;
	float:right;
}

.nofa-menu ul li {
	display: inline-block;
	padding: 10px 0px;
}

.nofa-menu a {
	color: #fff;
	text-decoration: none;
	padding: 10px 15px;
}
.nofa-menu a:hover { 
  color:#000;
  text-decoration: none;
  background-color: #eee;
}
.login-btn {
	background: #fdce9c;
	border-radius: 15px;
	margin-top: 7px;
	padding: 5px 13px !important;
	color:#000 !important;
}


#info {
    clear: left;
    padding: 40px 25px;
}

#info h3 {
    color: #AA4E01;
    font-size: 30px;
    font-weight: 500;
    padding: 0;
    margin: -5px 0 15px 0;
}

#info ul {
    font-size: 18px;
    margin: 0px;
    padding: 0px;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    column-gap: 50px;
}

#info ul li {
    list-style: none;
    border-bottom: 1px solid #b3b3b3;
    padding: 5px 0;
    break-inside: avoid;
    display: flex;
    align-items: initial;
    justify-content: space-between;
}

#info ul li a {
    text-decoration: none;
    font-weight: 400;
    font-size:16px;
}

#info ul li a:hover {
    color: #0089f5;
}

.add-fa {
    color: #646464;
    margin-right: 8px;
}
.nofa-main-section .nofa-breadcrumb-title #block-breadcrumbs
{
	margin: 0px;
}

@media screen and (min-width:200px) and (max-width: 786px) {
  .nofa-links .region-content-bottom .additional
  {
    display:none;
  }
  #info ul
  {
    column-count: 1;
  }
}
@media screen and (max-width: 767px) {
  .program-box { width: 100% !important; margin-bottom: 15px !important;; }
  .program-box span {height: 50px;}
  #banner{background:unset !important;}
}

@media screen  and (min-width:768px) and (max-width: 1005px) {
  #banner{background:unset !important;}
  .program-box { width: 45% !important; margin-bottom: 15px !important;; }
  .program-box span {height: 50px; margin-top: 35px;}
}

/* Main Code */
.node__header {
    padding-bottom: 0px;
}
.nofa-summary
{
    border-top: 2px solid #d1d1d1;
    border-bottom: 2px solid #d1d1d1;
    padding: 20px 0;
    font-family: 'Roboto',sans-serif;
}
.gray-Area {
text-align: center;
}
 
.gray-Area h2 {
color: #06407a;
font-size: 2.2em;
font-weight: 500;
}
 
.gray-Area p {
font-size: 1.25em;
font-weight: 300;
line-height: 1.5;
padding: 0;
margin: 8px 0 0 0;
}

.additional_img {
    height: 100%;
}

.sidebar-nofa-menu {
    margin-bottom: 20px;
}

.breadcrumb-title {
    margin-bottom: 20px;
}

.node--type-nofa-pages #views-bootstrap-secondary-page-accordion-default {
    border-radius: 0px;
}

/* Numbers count css*/

#stats-container {
    padding: 2em 0;
    text-align: center;
    font-family: 'Roboto', sans-serif !important;
}

.stats-col {
    border-right: dotted 4px #e6e3da;
    padding-top: 25px;
}

.highlight-subtitle {
    font-style: italic;
    color: #666666;
    font-size: 1.5em;
}

.stats-head {
    font-size: 4.7em;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    min-height: 70px;
}

.stats .counter-green {
    color: #6C790C;
}

.stats .dark-blue {
    color: #015fa9;
}

.stats .orange {
    color: #e06900;
}

.stats .blue {
    color: #0391cc;
}

.stats-body {
    margin: 0px;
    font-weight: 500;
    line-height: 1.39;
    font-family: 'Roboto', sans-serif;
    min-height: 75px;
    font-size: 1.47em;
}
#banner .banner_button {
    border: #DFA241 1px solid;
    color: #914E00;
    text-transform: none;
    padding: 10px 25px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 500;
    background-color: white;
    text-decoration: none;
}
#banner .banner_button:hover {
    background-color: #FFB440;
    text-decoration: none;
    color: #000000;
}

#banner .banner_button .fa-ext {
    display: none !important;
}
.nofa-main-section .primary_panel_group .card-body {
	padding:5px 20px 10px 20px;
}

.primary_panel_group ul li {
    line-height: 24px;
    padding-bottom: 12px;
}
.primary_panel_group ol li {
    line-height: 24px;
    padding-bottom: 12px;
}

/* RECOVERCA CSS */
.recoverca .nofa-alert {background-color:#fee9b5;}
.recoverca .nofa-page-banner{background-color:#288633;}
.recoverca .nofa-menu-section{background-color:#222222;}
.recoverca .nofa-summary{background-color:#efefef;}
.recoverca .nofa-links{background-color:#fef2d3;}
.recoverca .nofa-links {
    background: linear-gradient(0deg, rgba(254, 242, 211, 0.95), rgba(254, 242, 211, 0.95)), url('/sites/default/files/default_images/subsite-construction-bright.webp');
    background-size: cover;
    background-position: center;
}

.recoverca #banner h1, #banner h1 a {color: #ffcc4e;}
.recoverca #banner p {color: #fff;}
.recoverca .nofa-page-region-banner #banner {background-size:1010px !important;}

.recoverca #info h3 {color: #000;}
.recoverca #info ul li a {color: #1D6224;}
.recoverca #info ul li a:hover {color: #1E6123;}
.recoverca .add-fa {color: #000;}

.recoverca .page-title {color: #278733;}
.recoverca h2 {color: #000;}
.recoverca a {color: #048113;}
.recoverca a:hover {color: #1d6224;}
.recoverca .nofa-menu a {color: #fff !important;}
.recoverca .nofa-menu a:hover {color: #1d6224 !important;}

.recoverca .primary_side_bar {border: 1px solid #c0d59e;}
.recoverca .primary_side_bar span {color: #000; font-weight: 500;}
.recoverca .primary_side_bar a {color: #048113;}
.recoverca .primary_side_bar a:hover {color: #1d6224;}

.recoverca  ul li {
    line-height: 24px;
    padding-bottom: 10px;
}
.recoverca  ol li {
    line-height: 24px;
    padding-bottom: 10px;
}

.recoverca table tr th {
    background-color: #288633 !important;
    text-align: left;
    color: #fff;
    padding: 10px 20px;
}
.recoverca tr th td {white-space: nowrap;}
.recoverca tr:hover {color: #efefef;}
.recoverca caption {
    padding-bottom: 15px;
    color: #0f7b1c;
    font-size: 24px;
    font-family: 'Roboto Condensed',sans-serif;
    font-weight: 500;
}
.recoverca .recover-box {
    height: 100%;
    width: 100%;
    border: 5px solid #1d6224;
    padding: 25px;
    background-image: url('/sites/default/files/images/btn-bg-recover.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    background-color: #1d6224;
    margin-bottom: -15px;
}
.recoverca .recover-box h3 {
    color: #ffcc4e;
    font-family: 'Roboto Condensed',sans-serif;
    font-weight: bold;
    margin-top: 0px;
}
.recoverca .recover-box p {color: #fff; font-size: large;}

.recoverca .info-box {
    background-color: #fee9b5;
    min-height: 250px;
    min-width: 100%;
    border: 1px solid #dbbf3a;
    padding: 25px;
    margin: 50px 10px 30px 10px;
    border-radius: 25px;
}
.recoverca .gray-area h2 {
    color: #288633;
    text-align: center;
    font-size: 35px;
    font-weight: 500;
}
.recoverca .nofa-box-ul {
    color: #fff;
    list-style: none;
    padding: 0;
}
.recoverca .nofa-box-ul li {
    padding-bottom: 10px;
    text-indent: -15px;
    padding-left: 30px;
}
.recoverca .step {
    border-radius: 7px;
    font-size: 13px;
    padding: 2px 8px;
    color: #fff;
    font-weight: bold;
    background-color: #288633;
    text-transform: uppercase;
}
.recoverca .stepindent {
    text-indent: -70px;
    margin-left: 70px;
}
.recoverca .recover-flex > div {
    margin-bottom: 25px;
}

.recoverca .recover-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.recoverca .recover-box .button-rca {
  align-items: center;
  font-family: inherit;
  font-weight: 600;
  font-size: 16px;
  padding: 0.4em .8em 0.4em .8em;
  color: #000000 !important;
  background: #f1deb1;
  background: linear-gradient(0deg, rgba(208,156,27,1) 0%, rgba(241,222,117, 1) 80%);
  border: 1px solid #f1deb1;
  box-shadow: #d09c1b 0 -6px 6px inset;
  border-radius: 10px;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  touch-action: manipulation;
  text-decoration: none;
  width: fit-content;
  display: flex;
}
.recoverca .recover-box .button-rca:hover {
  background-color: #d09c1b;
  box-shadow: #d09c1b 0 -15px 10px inset;
  transform: scale(1.02);
}

.recoverca .list-radio, 
.recoverca .list-container {
    padding: 0px;
}

.recoverca .box-padding {padding-right: 50px;}

/* ACCORDION CSS OVERRIDES */
.recoverca .panel-title a {color: #048113;}
.recoverca .primary_panel_default {border: 1px solid #c0d59e!important;}
.recoverca .more-less {color: #048113; border: 1px solid #c0d59e;}

@media screen and (min-width: 991px) and (max-width: 1199px) {
   .recoverca .recover-box {padding-right: 30px;}
}
@media screen and (max-width: 480px) {
   .recoverca .hid_break {display: none;}
   .gray-Area br {display: none;}
}
@media screen and (min-width:1004px) {
   .recoverca .hid_img {display: none;}
}

/* CSS for CONTACT ICONS */
.recoverca .chip {
    margin: 20px 1px;
}
.recoverca .chip .rolling {
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align:left;
  overflow: hidden;
  border-radius: 25px;
  background: #FAFAFA;
  transition: all 0.3s ease-out;
  white-space: nowrap;
  font-family: 'Roboto Condensed',sans-serif;
  min-width: 300px;
  margin: 0px 20px 15px 0px;
}
/*.contact-open {
  min-width: 300px;
  padding-right: 25px;
}*/
.recoverca .chip .rolling .rolling_icon {
  float:left;
  z-index: 9;
  display: inline-block;
  width: 50px;
  background: #288633;
  height: 50px;
  border-radius: 25px;
  box-sizing: border-box;
  margin: 0 10px 0 0;
  object-fit: contain;
}
.recoverca .chip .rolling .rolling_icon:hover .rolling {
  width: 250px;
}
.recoverca .chip .rolling p {
    display: block;
    font-weight: bolder;
    padding: 10px 0px 0px 5px;
    line-height: .8em;
    font-size: 1.15em;
    overflow: visible;
}
.recoverca .chip .rolling li {
    display: inline-block;
    list-style: outside none none;
    color: #048113;
}
.recoverca .chip .rolling li a {
    color: #048113;
    padding-right: 5px;
    text-decoration: none;
}
.recoverca .chip .rolling li a:hover{
	color:#000;	
}
.recoverca .chip .rolling li a:before{
   color:#048113;
}

/* CSS for INFOGRAPHIC */
.recoverca .flex-container {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  margin: 25px 0px;
}
.recoverca .flex-container > div {
    margin-bottom: 15px;
}

.recoverca .flex-container > div > div {
    border: 1px solid lightgrey;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    height: 100%;
    margin: 0px -7px;
}

.recoverca .timeline {
    font-size: 2.5em;
    margin: 0px;
    padding: 0px 15px 20px 15px;
}

.recoverca .smallfont {
    font-size: 1em;
    font-weight: bold;
    margin: 10px 0px -10px 0px;
}

.recoverca .icon_descrip {
    line-height: 1.4em;
    padding: 15px 5px;
}
.recoverca .flex-container img {max-width: 90%;}
@media screen and (max-width: 1199px) {
   .recoverca .flex-container img {max-width: 60%;}
}

/* SUPERNOFA CSS */

.supernofa #banner h1, #banner h1 a {color: #06407a;}
.supernofa .add-fa {color: #000;}
.supernofa .nofa-page-banner{background-color:#fee9ce;}
.supernofa .nofa-menu-section{background-color:#b54f01;}
.supernofa .nofa-summary{background-color:#efefef;}
.supernofa .nofa-links{background-color:#fff2e0;}
.supernofa .nofa-menu-section .nofa-menu ul li:last-of-type a {
   background-color: #fdce9c;
   border-radius: 15px;
   margin-top: 7px;
   padding: 5px 13px;
   color: #000;
}
.supernofa .nofa-menu-section .nofa-menu ul li:last-of-type a:hover { background-color: #eee; }
#programs-container {
    font-family: 'Roboto', sans-serif !important;
}
.program-heading
{
  margin-top:20px;
  margin-bottom:30px;
}
#programs-container h2 {
    font-family: 'Roboto', sans-serif;
    color: #06407a;
    font-size: 40px;
    font-weight: 500;
    text-align: center;
    padding: 0;
    margin: 0;
}

#programs-container p {
    padding: 5px 0 0 0;
    margin: 0;
    line-height: 1.4em;
    font-weight: 300;
    font-size: 1.25em;
    text-align: center;
}

.program-box {
   background-color: #e4f5ff;
    border-radius: 7px;
    border: 1px solid #c6dcec;
    padding: 20px 10px;
    text-align: center;
    font-size: 20px;
    float: left;
    margin: 0 10px;
    color: #044e8b;
    width:22.22%;
}

.program-img
{
  height:185px;
}

.program-box:hover {
    background-color: #fefaf5;
    cursor: pointer;
    border: 1px solid #eddfcc;
}

.program-box img {
  height:165px;
}

.program-box span {
    display: block;
    height:85px;
}
.program-box a span {
    text-align: center;
    font-size: 20px;
    color: #044e8b;
    font-weight: 400;
    line-height: 24px;
}

.program-box a { text-decoration:none;}

.nofa-links { 
    background: linear-gradient(0deg, rgba(255, 242, 224, 0.95), rgba(255, 242, 223, 0.95)), url('/sites/default/files/default_images/subsite-construction-bright.webp'); 
    background-size: cover;
    background-position: center;
}

/* HOMEKEY CSS */

.homekey .nofa-alert {background-color:#fff3cd; }
.homekey .nofa-page-banner{background-color:#eaf2f2;}
.homekey .nofa-menu-section{background-color:#003F6B;}
.homekey .nofa-summary{background-color:#efefef;}
.homekey .nofa-links{background-color:#DCE7F1;}
.homekey .nofa-links {
    background: linear-gradient(0deg, rgba(220, 231, 241, 0.95), rgba(220, 231, 241, 0.95)), url('/sites/default/files/default_images/subsite-construction-bright.webp');
    background-size: cover;
    background-position: center;
}

/* Accelerator css */

.accelerator .nofa-alert {background-color:#fff3cd; }
.accelerator .nofa-page-banner{background-color:#4c030a;}
.accelerator .nofa-menu-section{background-color:#162633; border-top: 2px solid #c0c0c0; border-bottom: 2px solid #c0c0c0;}
.accelerator .nofa-summary{background-color:#efefef;}
.accelerator .nofa-links{background-color:#F5F2F0;}
.accelerator .nofa-links {
    background: linear-gradient(0deg, rgba(245, 242, 240, 0.95), rgba(245, 242, 240, 0.95)), url('/sites/default/files/default_images/subsite-construction-bright.webp');
    background-size: cover;
    background-position: center;
}

.accelerator #banner h1, #banner h1 a {color: #f9dba8;}
.accelerator #info h3 {color: #7a010d;}
.accelerator .gray-Area h2 {color: #7a010d;}
.accelerator #banner p {color: #fff; font-weight:400;}
.accelerator .nofa-links .add-fa {color: #000;}

/* Custom Toggle */
.about-toggle, .about-toggle a
{
    font-size:20px !important;
    color:#278733;
}

.about-toggle:after {
   
    font-family: 'Glyphicons Halflings';  
    content: "\e114";    
    float: right;        
    color: grey;  
    font-size:20px;
}


/* Essential Resources - Start - 03/27/2024 */
img.arrow-right-svg {
    width: 12px;
    min-width: 12px;
    float: right;
    margin: 8px 0px 0px 15px;
}
/* Essential Resources - End */