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

/*unique*/
.homepageBannerHeaderImg {
    width:100%;
    height: 80vh;
    background-image: linear-gradient(90deg, rgba(2,0,36,.5) 0%, rgba(9,9,121,.5) 35%, rgba(0,212,255,.5) 100%), url('/portals/0/images/0GS-B-2-large.jpg');
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}
.homepageBannerHeader-Text{
    /* text-align: left;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    color: #ffffff; */
    display:flex;
    justify-content:center;
    align-items:center;
    height:100%;
    margin-left:30px;
    margin-right:30px;
    word-break: break-all;
}
#homepageFontSize.homepageBannerHeader-Text{
    font-size: 4rem;
    line-height: 5rem;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
}

/*marquee announcement*/
.announcement{
    background-color: #EBECE9;
}
.announcement p{
    padding:20px 20px;
    font-weight:bold;
}
.announcement-txt{
    font-size:1.1rem;
    text-align:center;
}

/*left-side-info-homepage*/
.left-icons{
    background-color: #C9C9FF;
    width:60px;
    height:60px;
    border-radius: 35px;

    display:flex;
    justify-content:center;
    align-items:center;
}
i.fa-solid{
    color:#00008B;
}
#left-icons-col{
    /* text-align: center; */
    display:flex;
    justify-content: center;
    /* background-color: blue; */
}

/*right-side-info-homepage*/
.right-info{
    height:100%;
    min-height:110px;
    padding-bottom:20px;
}
.row > .col-9:last-child > .right-info{
    padding-bottom:0px;
}

/*cards-layout*/
.container-for-homepage-content{
    padding:0 2.2rem;
}
.homepage-card{
    width: 100%;
    max-width: 250px;
    height: 300px;
    background-color:#C9C9FF;

    box-shadow: 4px 4px 17px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:200px;
    margin-top: -150px;
}
.card-content{
    padding: 20px;
}
.card-content p{
    padding-top:1rem;
    padding-bottom:0rem;
    margin-top:0rem;
    margin-bottom:0rem;
    /* background-color: blue; */
    word-break: break-all;
}
.foundation-bg{
    background-color: rgba(235, 236, 233, .7);
    margin-top: -50px;
}

/*paddingToTheLeft-or-Right */
.paddingToTheLeft {
    padding-left: 0.2rem;
}
.paddingToTheRight {
    padding-right: 0.2rem;
}

/*events-map-cols*/
.events-left  {
    padding:0px 10px;
}
.events-left  h3, p{
    padding-bottom:1.5rem;
    word-break: break-all;
}
.events-left  h3, p{
    padding-bottom:1.5rem;
    word-break: break-all;
}
.events-left  h2{
    padding-bottom:1.5rem;
    padding-left:1.6rem;
    word-break: break-all;
}
.events-left-articles{
    padding:40px 30px 5px;
    margin-bottom: 50px;
    background-color: rgba(128, 128, 128, 0.075);
    border-radius: 25px;
    box-shadow: 4px 4px 17px rgba(0, 0, 0, 0.25);
}
/** this code should apply the style to all-except the last child **/
.events-left-articles p:not(:last-child){
    border-bottom: 1px dotted rgb(131, 131, 130);
    margin-bottom: 2rem;
    word-break: break-all;
}

/*page details - page Title*/
.eds_pageDetails1 .eds_pageTitle
{
	word-break: break-all;
}



/* MEDIA QUERIES */
/* Mobile first, we start from the smallest viewport width */

/* From 320px and up */
@media (min-width: 320px) {
   .right-info{
    text-align: center;
    padding-top:12px;
   }
   
}

/* From 481px and up */
@media (min-width: 481px) {
    .right-info{
    text-align: center;
   }
}

/* From 769px and up */
@media (min-width: 769px) {
    .right-info{
    text-align: left;
    padding-top:0px;
    /* background-color: red; */
   }
   #left-icons-col{
    display:flex;
    justify-content:left;
    /* background-color: pink; */
   }
}

/* From 1025px and up */
@media (min-width: 1025px) {
    
}

/* From 1201px and up */
@media (min-width: 1201px) {
    
}

/* From 2560px and up */
@media (min-width: 2560px) {
    
}

/* From 3840px and up */
@media (min-width: 3840px) {
    
}

/* Mobile first, we start from the smallest viewport width */