/* 
 * Deprecated DNN CSS class names will remain available for some time
 * before being  permanently removed. Removal will occur according to
 * the  following process:
 *
 * 1. Removal will only occur with a major (x.y) release, never
 *    with a maintenance (x.y.z) release.
 * 2. Removal will not occur less than six months after the release
 *    when it was deprecated.
 * 3. Removal will not occur until after deprecation has been noted 
 *    in at least two major releases.
 *
 *                                              |        |Planned |
 *  Name                                        |Release |Removal |
 *---------------------------------------------- -------- -------- 
 * Mod{NAME}C                                     5.6.2    6.2
 *   {NAME} = sanitized version of the DesktopModule Name 
 *   Used on <div> tag surrounding Module Content, inside container
 *---------------------------------------------- -------- -------- 
 */ header nav ul.nav-main li.dropdown:hover a.dropdown-toggle {
    color: #003366 !important;
}

header nav ul.nav-main li.dropdown.focused a.dropdown-toggle {
    color: #003366 !important;
}

 html header .navbar-collapse .nav-main > ul > li > a:hover {
    color: #003366 !important;
}

html header .navbar-collapse .nav-main > ul > li > a:focus {
    color: #003366 !important;
}
 
 header nav ul.nav-main li.dropdown:hover a.dropdown-toggle {
    color: white !important;
}


 /*html header .navbar-collapse .nav-main > ul > li:hover > a, html header .navbar-collapse .nav-main > ul > li > a:focus, html header .navbar-collapse .nav-main > ul > li.focused > a {
    color: #fff !important;
	}*/
    
li.active.dropdown-full-color.dropdown-primary a{
color: var(--darkblue) !important;
}
#dnn_dnnLOGO_imgLogo {
    margin-top: 1em;
}

p,span,li,em,b,strong,h1,h2,h3,h4,h5{

font-family: proxima-nova, sans-serif;

font-weight: 400;

font-style: normal;

color: black;

}


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
}

.ControlPanel {
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
  font-family: 'Proxima N W01 Reg' !important;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
  font-family: 'Proxima N W01 Reg' !important;
}

.NormalRed
{
  font-family: 'Proxima N W01 Reg' !important;
}

.NormalBold
{
  font-family: 'Proxima N W01 Reg' !important;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:hover    {
}
    
A.CommandButton:active   {
}

/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1  {
}

H2  {
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:hover {
}

A:active    {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}
OL UL LI   {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

/* Login Styles */
.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}

ul.social-icons {
    margin: 0;
    padding: 0;
    width: auto
}

header ul.social-icons li {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    background-image: url(/Portals/112/Images/socials%20icons/social-sprites_2023.png?ver=aG1tpeYacr5d8kOwm7LoDw%3d%3d);
    background-repeat: no-repeat;
    background-position: 0 100px;
    display: none;
    margin: -1px 1px 5px 0;
    padding: 0;
    border-radius: 100%;
    overflow: visible;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.3)
}

ul.social-icons li {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    background-image: url(/Portals/112/Images/socials%20icons/social-sprites_2023.png?ver=aG1tpeYacr5d8kOwm7LoDw%3d%3d);
    background-repeat: no-repeat;
    background-position: 0 100px;
    display: inline-block;
    margin: -1px 1px 5px 0;
    padding: 0;
    border-radius: 100%;
    overflow: visible;
    box-shadow: 0
}

ul.social-icons.new li,ul.social-icons li.active {
    display: inline-block
}

ul.social-icons li a {
    display: block;
    height: 30px;
    width: 30px;
    text-align: center;
    font-size: 12px
}

ul.social-icons li a:hover {
    text-decoration: none
}

ul.social-icons li a i[class^="icon-"] {
    color: #444;
    position: relative;
    top: 3px
}

ul.social-icons li a:active {
    box-shadow: inset 0 0 10px rgba(0,0,0,.3),inset 0 0 10px rgba(0,0,0,.3)
}

ul.social-icons li[class] a {
    text-indent: -9999px
}

ul.social-icons li:active,ul.social-icons li a:active {
    border-radius: 100%
}

ul.social-icons li.digg {
    background-position: 0 0
}

ul.social-icons li.digg:hover {
    background-position: 0 -30px
}

ul.social-icons li.dribbble {
    background-position: 0 -60px
}

ul.social-icons li.dribbble:hover {
    background-position: 0 -90px
}

ul.social-icons li.facebook {
    background-position: 0 -120px
}

ul.social-icons li.facebook:hover {
    background-position: 0 -150px
}

ul.social-icons li.flickr {
    background-position: 0 -180px
}

ul.social-icons li.flickr:hover {
    background-position: 0 -210px
}

ul.social-icons li.forrst {
    background-position: 0 -240px
}

ul.social-icons li.forrst:hover {
    background-position: 0 -270px
}

ul.social-icons li.googleplus {
    background-position: 0 -300px
}

ul.social-icons li.googleplus:hover {
    background-position: 0 -330px
}

ul.social-icons li.html5 {
    background-position: 0 -360px
}

ul.social-icons li.html5:hover {
    background-position: 0 -390px
}

ul.social-icons li.icloud {
    background-position: 0 -420px
}

ul.social-icons li.icloud:hover {
    background-position: 0 -450px
}

ul.social-icons li.lastfm {
    background-position: 0 -480px
}

ul.social-icons li.lastfm:hover {
    background-position: 0 -510px
}

ul.social-icons li.linkedin {
    background-position: 0 -540px
}

ul.social-icons li.linkedin:hover {
    background-position: 0 -570px
}

ul.social-icons li.myspace {
    background-position: 0 -600px
}

ul.social-icons li.myspace:hover {
    background-position: 0 -630px
}

ul.social-icons li.paypal {
    background-position: 0 -660px
}

ul.social-icons li.paypal:hover {
    background-position: 0 -690px
}

ul.social-icons li.picasa {
    background-position: 0 -720px
}

ul.social-icons li.picasa:hover {
    background-position: 0 -750px
}

ul.social-icons li.pinterest {
    background-position: 0 -780px
}

ul.social-icons li.pinterest:hover {
    background-position: 0 -810px
}

ul.social-icons li.reddit {
    background-position: 0 -840px
}

ul.social-icons li.reddit:hover {
    background-position: 0 -870px
}

ul.social-icons li.rss {
    background-position: 0 -900px
}

ul.social-icons li.rss:hover {
    background-position: 0 -930px
}

ul.social-icons li.skype {
    background-position: 0 -960px
}

ul.social-icons li.skype:hover {
    background-position: 0 -990px
}

ul.social-icons li.stumbleupon {
    background-position: 0 -1020px
}

ul.social-icons li.stumbleupon:hover {
    background-position: 0 -1050px
}

ul.social-icons li.tumblr {
    background-position: 0 -1080px
}

ul.social-icons li.tumblr:hover {
    background-position: 0 -1110px
}

ul.social-icons li.twitter {
    background-position: 0 -1140px
}

ul.social-icons li.twitter:hover {
    background-position: 0 -1170px
}

ul.social-icons li.vimeo {
    background-position: 0 -1200px
}

ul.social-icons li.vimeo:hover {
    background-position: 0 -1230px
}

ul.social-icons li.wordpress {
    background-position: 0 -1260px
}

ul.social-icons li.wordpress:hover {
    background-position: 0 -1290px
}

ul.social-icons li.yahoo {
    background-position: 0 -1320px
}

ul.social-icons li.yahoo:hover {
    background-position: 0 -1350px
}

ul.social-icons li.youtube {
    background-position: 0 -1380px
}

ul.social-icons li.youtube:hover {
    background-position: 0 -1410px
}

ul.social-icons li.github {
    background-position: 0 -1440px
}

ul.social-icons li.github:hover {
    background-position: 0 -1470px
}

ul.social-icons li.behance {
    background-position: 0 -1500px
}

ul.social-icons li.behance:hover {
    background-position: 0 -1530px
}

ul.social-icons li.yelp {
    background-position: 0 -1560px
}

ul.social-icons li.yelp:hover {
    background-position: 0 -1590px
}

ul.social-icons li.mail {
    background-position: 0 -1620px
}

ul.social-icons li.mail:hover {
    background-position: 0 -1650px
}

ul.social-icons li.instagram {
    background-position: 0 -1680px
}

ul.social-icons li.instagram:hover {
    background-position: 0 -1710px
}

ul.social-icons li.foursquare {
    background-position: 0 -1740px
}

ul.social-icons li.foursquare:hover {
    background-position: 0 -1770px
}

ul.social-icons li.zerply {
    background-position: 0 -1800px
}

ul.social-icons li.zerply:hover {
    background-position: 0 -1830px
}

ul.social-icons li.vk {
    background-position: 0 -1860px
}

ul.social-icons li.vk:hover {
    background-position: 0 -1890px
}

.social-icons-list {
    margin: 0 0 20px;
    padding: 0;
    display: block
}

.social-icons-list a {
    background: #ccc;
    border-radius: 25px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px
}

.social-icons-list a:hover {
    text-decoration: none
}

.social-icons-list a span {
    display: none
}

.social-icons-list a i,.social-icons-list a em {
    color: #fff;
    font-size: .9em;
    font-weight: normal
}
.fixed-top {
    position: fixed;
    top: 10px!important;
    right: 0;
    left: 0;
    z-index: 1030;
}

/* ``````````````````````````````2025 ```````````````````````````````````````*/

:root{
  /*Size*/
  --sizeContent: 17px;
  --sizeBold: 22px;
  --sizeHeader: 20px;
  /*Color*/
  --green: #2BAC6B;
  --lightOrange: #FFD89A;
  --orange: #f7901e; 
  --lightBlue: #3499cf;
  --blue: #015196;
  --darkblue: #1C3564;
  --gradient_green:radial-gradient(ellipse at bottom,white -135%, var(--green) -10%, #000000 140%);;
  --gradient_blue: radial-gradient(circle, rgba(41,148,204,1) 10%, rgba(1,81,150,1) 59%, rgba(28,53,100,1) 89%);
  /*Weight*/
  --semiBold: 700;
  --bold: 900;
  /*Images for Backgroung*/
  --bgBwCircles: url(https://one.abc.org/Portals/26/images/ONE_Background%20Grayscale.png?ver=2021-03-09-141935-123);
  --iconCircles: url('https://one.abc.org/Portals/132/2025/Icon_ONE.png?ver=rk4QiZ4e7Udp2pP7ZIKZDg%3d%3d');
    
}



.regBtn{
 background-color: #FFE263 !important;
    background-image: linear-gradient(to right, #FFE263, #FF9121, #FFE263, #FF9D14, #FF8D13) !important;
	color: black;
	font-weight: 700;
font-size: 1.25em;

}