/* 
 * 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
 *----------------------------------------------+--------+--------+
 */  



/* 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
{
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* 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{
}

/*custom css */

.lighterBlue {
    color: #3DADF2;
}

.darkerBlue {
    color: #0487D9;
}

.darkestBlue {
    color: #0577BD;
}

.yellowColor {
    color: #F2CB05;
}

.offWhiteColor {
    color: #F2F1E9
}

.darkerGrey {
color: #2E2D2D;
}

.lighterGrey {
color: #696666;
}


.lighterBlueBG {
    background-color: #3DADF2;
}

.darkerBlueBG {
    background-color: #0487D9;
}

.darkestBlueBG {
    background-color: #0577BD;
}

.yellowColorBG {
    background-color: #F2CB05;
}

.offWhiteColorBG {
    background-color: #F2F1E9;
}

.whiteColorBG {
    background-color: #ffffff;
}

.accentYellowColorBG {
   background-color: #F2B705;
}

.accentBlueBG_3 {
   background-color: #6dc4fa; 
}

.leftBlockTitle {
    color: #696666;
    font-size:1.1rem;
    font-weight:bold;
}

.bufferBetweenHeaderTitleParagraph {
padding-top:0.1rem;
padding-bottom: 0.1rem;
background-color: none;
}

.tightBufferBetween2LinesOfText {
margin:0;
padding:0;
line-height:1.5rem;
}

.dividerColor {
    
    border-bottom:1px solid #0487D9;
}

ul, ol {
    margin-bottom: 18px;
    margin-left: 0px;
}

/*homepage special event section - hyperlinks **/
a.links-special-event, a.links-special-event:visited{
    color: #fff;
}

/*test */
h2.before {
    background-color: green;
    padding: 0 20px;
    content: " ";
}


/* slide in for Flyer */



/* 
@keyframes slideIn {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.slide-in {
    opacity: 0;
    transform: translateX(100%);
    transition: transform 1s ease-out, opacity 1s ease-out;
}

.slide-in.visible {
    transform: translateX(0);
    opacity: 1;
}

.confetti {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: red; Change color as needed
    opacity: 0.9;
    z-index: 9999;
    pointer-events: none;
    animation: confetti-fall 3s linear infinite;
}

@keyframes confetti-fall {
    to {
        transform: translateY(100vh);
        opacity: 0;
    }
} */

.flyer-container {
    position: relative;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.flyer-img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.confetti {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.show-flyer .flyer-img {
    opacity: 1;
}

.show-flyer .confetti {
    opacity: 1;
    animation: confettiAnimation 3s forwards;
}

@keyframes confettiAnimation {
    0% { transform: translateY(-100%); }
    100% { transform: translateY(100%); }
}