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



/* ASHTONS code */

img.responsive
    {
        max-width: 250px;
        width: 100%;
    }

/* iproject webpage program services */
    .project-services-padding p{
    padding:20px 50px 20px 50px;
    text-align: center;
    line-height: 1.5rem;
    background-color: green;
}

.project-services-padding h5{
    padding: 35px 50px 0px 50px;
    text-align: center;
    line-height: 1.5rem;
    background-color: red;
}

.project-services-block {
    background-color: pink;
    border-radius: 10px;
    box-shadow: 2px 0px 7px 2px rgba(0,0,0,0.07);
-webkit-box-shadow: 2px 0px 7px 2px rgba(0,0,0,0.07);
-moz-box-shadow: 2px 0px 7px 2px rgba(0,0,0,0.07);
    padding: 1.5rem;
}

.fa,
.fab,
.fad,
.fal,
.far,
.fas {
 -moz-osx-font-smoothing:grayscale;
 -webkit-font-smoothing:antialiased;
 display:inline-block;
 font-style:normal;
 font-variant:normal;
 text-rendering:auto;
 line-height:1.5;
 letter-spacing: 1.2px;
}

/* MEDIA QUERIES */
/* Desktop first, we start from the largets viewport width */

/* From 1200px and downwards */
@media (max-width: 1200px) {
    .disable-middle-line{
       border-right:3px solid red;
       border-left:3px solid red;
    }
}

/* From 320px and downwards */
@media (max-width: 320px) {
    .disable-middle-line{
       border-right:none !important;
       border-left:none !important;
    }
}
/* Desktop first, we start from the largets viewport width */


/*Hyperlink for class of .referral-link */
a.referral-link:link {
    color: white !important;
    background-color: black;
    font-size: x-large;
    border: 1px solid black;
    text-decoration: none;
}

a.referral-link:hover {
    color: white !important;
    background-color: rgba(0, 0, 0, 0.637);
    
}

a.referral-link:active {
    color: red;
}

a.referral-link:visited {
    color: white !important;
    /* background-color: black !important; */
    border: 1px solid black;
}


/* Intervention link underlined */
a.intervention-link:link, a.intervention-link:visited {
    text-decoration: underline;
} 
a.intervention-link:hover, a.intervention-link:active {
    text-decoration: none;
}


/* Native Clipart */

.eds_box21 > header
{
	background-image: url("../../images/elements/boxes/boxStyle21/headerBackground/predefined/box21HeaderImage.png");
	/* background-image: url("/Portals/0/Homepage/Images/clipart.gif"); */
    background-size: 250px;
    margin:0 0 3rem;
    padding: 5rem 2rem 0px 2rem;
}


/* Google Icons */

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 700,
  'GRAD' 200,
  'opsz' 48
}

 

 /* google icons active state */
 .eds_tabs.eds_style1 .eds_tabsNav > li.edsTabulator_active
{
      color:white;
}


/* Rounded Corners onn box6 */

.eds_box6 > div {
    border-radius: 20px;
}


/* link color change */

a.WhiteOverGreyLink:link,  a.WhiteOverGreyLink:visited, a.WhiteOverGreyLink:active {
color: white;
text-decoration: underline;
}
a.WhiteOverGreyLink:hover {
 color: #DEDEDE
}



/* Contact Info Box Background Color */

.eds_box27.eds_primary.eds_dark,
[class*="col"].eds_box27.eds_primary.eds_dark::before
{
      background-color: rgba(128, 128, 128, 0.281);
}



/* MY footer list align */
div.container-listAlign {
  text-align: center;
}

ul.myUL {
    list-style-type: none;
  display: inline-block; 
  text-align: left;
  font-size: 23px;
}





 /* google icons active state */
.eds_tabs.eds_style2 .eds_tabsNav > li.edsTabulator_active .eds_tabIcon
{
	background-color: #515151;
}

.eds_fontIcon
{
	background-color: white;
}

.eds_tabs.eds_style2 .eds_tabsNav > li.edsTabulator_active {
  color: white;
}

/*native image for line header for homepage */
.native-line-nnosha{
    background: url("/Portals/0/Homepage/Images/divider-7702013_1280 copy 3.png");
    height: auto;
    /* width: 500px; */
    /* width: clamp(200px, 50%, 250px); */
    margin-top: 30px;
    margin-left:auto;
    margin-right:auto;
}
.native-line-nnosha2{
    margin-top: 30px;
    /* background-color: red; */
    object-fit: contain;
    width: 250px;
    margin:0 auto;
}


.colored-hands
{
background-image: src("Portals/0/Images/Picture5version4.png") bottom center no-repeat;
}




/* enlarge-logo */

.eds_logo > a > img {
    max-height: 100px;
}


/*Homepage Hero Banner */
.heroBannerContainer{
    background-image: linear-gradient(45deg, rgba(108, 124, 0, .3) 12%,rgba(26, 132, 74, .3) 40%,rgba(26, 132, 74, .3) 40%,rgba(160, 32, 32, .4) 83%),url("/Portals/0/Homepage/Images/bannervers7.jpg");
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 550px;
    border-bottom:1px solid #595959;
}
.leftSide{
    display: inline-block;
    float:left;
    position: relative;
    top:15%;
    width: 50%;
    height: 200px;
}
.leftSide img{
    background-color: red;
    float:right;
    width: 727px;
    height: 376px;
    object-fit: contain;
}
.rightSide{
    background-color: green;
    display: inline-block;
    float:right;
    position: relative;
    top:15%;
    width: 50%;
    height: 200px;
}


/* UL LI bullets */

ul.bullets li {
    list-style-type: square;
}

.img-fluid {
  /*! max-width:100%; *//*! height:auto */width: 94%;
}


.eds_box2
{
	/* background-color: #BFA38A; */
    background-color: black;
}

/* .HomePageBox
{
	background-color: #0392C;
} */








/* Media Queries  */

@media only screen and (max-width: 320px) {
  /* Hide navigation menu */
  .responsiveServiceButton {
    margin-left: 0px !important;
  }}






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

/* From 320px and up */
@media (min-width: 320px) {
    .leftSide{
    display: none;
    }
    .rightSide{
    width: 100%;
    display: block;
    top:18%;
    }
    .rightSide h1{
    font-size: 3.1rem;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    /* padding:10px 10px; */
    padding: 0rem 1rem 1rem 1rem;
    }
    .rightSide h3{
    font-size: 1.5rem;
    color: #ffffff;
    text-align: center;
    padding: 0rem 2rem 0rem 2rem;

    /* padding:10px 10px; */
    }
}

/* From 481px and up */
@media (min-width: 481px) {
    .leftSide{
    display: inline-block;
    padding-right: 0rem;
    width: 55%;
    top:9%;
    }
    .leftSide img{
    width: 250px;
    height: 250px;
    object-fit: contain;
    }
    .rightSide{
    padding-left: 0rem;
    padding-right: 0rem;
    width: 45%;
    top: 16%;
    }
    .rightSide h1{
    font-size: 2.3rem;
    color: #ffffff;
    }
    .rightSide h3{
    font-size: 1.3rem;
    color: #ffffff;
    }
}

/* From 769px and up */
@media (min-width: 769px) {
    .leftSide{
    padding-right: 0rem;
    width: 50%;
    top: 3%;
    }
    .leftSide img{
    width: 350px;
    height: 350px;
    object-fit: contain;
    }
    .rightSide{
    padding-left: 2.1rem;
    padding-right: 1rem;
    width: 50%;
    }
    .rightSide h1{
    font-size: 3.3rem;
    color: #ffffff;
    }
    .rightSide h3{
    font-size: 1.5rem;
    color: #ffffff;
    }
}

/* From 1025px and up */
@media (min-width: 1025px) {
    .leftSide{
    padding-right: 0rem;
    width: 40%;
    }
    .leftSide img{
    width: 325px;
    height: 325px;
    object-fit: contain;
    }
    .rightSide{
    padding-left: 0rem;
    padding-right: 1rem;
    width: 60%;
    }
    .rightSide h1{
    font-size: 3.5rem;
    color: #ffffff;
    }
    .rightSide h3{
    font-size: 2rem;
    color: #ffffff;
    }
}

/* From 1201px and up */
@media (min-width: 1201px) {
    .leftSide{
    padding-right: 0rem;
    width: 50%;
    top:0%;
    }
    .leftSide img{
    width: 725px;
    height: 482px;
    object-fit: contain;
    }
    .rightSide{
    padding-left: 0rem;
    padding-right: 1rem;
    width: 50%;
    top: 21%;
    }
    .rightSide h1{
    font-size: 4.2rem;
    color: #ffffff;
    }
    .rightSide h3{
    font-size: 2.5rem;
    padding: 10px;
    color: #ffffff;
    }
}

/* From 2560px and up */
@media (min-width: 2560px) {
    .heroBannerContainer{
    background-position: 50% 55%;
    }
    .leftSide{
    padding-right: 0rem;
    /* background-color: brown; */
    width: 45%;
    top:0%;
    }
    .leftSide img{
    width: 500px;
    height: 500px;
    object-fit: contain;
    padding-left: 6rem;
    }
    .rightSide{
    padding-left: 0rem;
    padding-right: 0rem;
    width: 55%;
    }
    .rightSide h1{
    font-size: 5rem;
    color: #ffffff;
    /* background-color: green; */
    padding-right: 40rem;
    }
    .rightSide h3{
    font-size: 3rem;
    color: #ffffff;
    padding: .6rem 40rem .6rem .6rem;

    }
}

/* From 3840px and up */
@media (min-width: 3840px) {
    .heroBannerContainer{
    background-position: 50% 58%;
    }
    .leftSide{
    padding-right: 0rem;
    /* background-color: maroon; */
    width: 45%;
    top: 0%;
    }
    .leftSide img{
    width: 575px;
    height: 575px;
    object-fit: contain;
    
    }
    .rightSide{
    padding-left: 0rem;
    padding-right: 1rem;
    /* background-color: blue; */
    width: 55%;
    top: 20%;
    }
    .rightSide h1{
    font-size: 6rem;
    color: #ffffff;
    padding-right: 75rem;
    }
    .rightSide h3{
    font-size: 4rem;
    color: #ffffff;
    padding: .6rem 75rem .6rem .6rem;
    }
}