@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700;800&display=swap');
@import url("https://kit-pro.fontawesome.com/releases/v5.15.1/css/pro.min.css");

body, html{
  overflow-x: hidden;
  font-family: 'Poppins', sans-serif;
}


.carousel-item {
  width: 100%;

    background-image: url("images/hands.jpg");
    height: inherit;
    min-height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0px 100%;
    margin-top: 0em;

}

.carousel-item.one {

    background-image: url("hands.jpg");
}

.carousel-item.two {

    background-image: url("images/2.jpg");

}

.carousel-item.three {

  background-image: url("images/3.jpg");

}

.carousel-item.four {

  background-image: url("images/4.jpg");

}



.navbar{
  padding: 0rem 1rem;
  margin: 1em 0em;
  margin-right: 2em;


}

.logo {
    max-width: 12em;
    padding-left: 3em;
    padding-top: 0em;
    padding-bottom: 0em;
    padding-right: 0em;
    min-width: 10em;
}

.navbar-nav .nav-link {
    color: black !important;
    font-size: 13px
}

.nav-item{
  border-right:1px solid;
  padding: 0em 0.6em;
      height: 1.4em;
      display: flex;
      justify-content: center;
      align-items: center;

}


.nav-item:last-child{
  border-right:none;

}

.nav-item:last-child .nav-link{
  color:#293F81 !important;
  font-weight:600
}


.nav-link.active{
background: #f5f8ed;
text-decoration: underline;
}



.slider-section{

	margin-top: 1em;
}
.carousel-indicators li {
  background-color: white;
    height: 1rem;
    width: 1rem;
    border-radius: 2rem;
    border: none;
    margin: 0em 0.2em;
    margin-top: -4.2em;


  padding: 8px;
  border: 8px solid #FA8800;
    border: 8px solid #293F81;

}

.carousel-indicators li.orangeBorder{
    border: 8px solid #293F81;
}


.carousel-indicators li.blueBorder{
  border: 8px solid #293F81;
    /* border: 8px solid #FA8800; */
}



.carousel-control-next,
.carousel-control-prev {
opacity: 1;
    margin-top: -1em;
}

.carousel-control-next i,
.carousel-control-prev i{
  font-size: 2.4em;
  color: white;
  /* background: #293F81; */
  padding: 15px 35px 35px 35px;
  border-radius: 10px;
  opacity: 1;
  background:#FA8800;
}


.m3{
padding:0 5%
}

h3{
  color:#293F81;
  font-size: 23px
}

.line{
  height: 7px;
  margin: 0em 0.2em;
  width: 100%;
}
.line.one{
  background: #91BA3E
}
.line.two{
  background:#00A14B
}
.line.three{
  background:#00A8AA
}

.line.four{
  background: #00A8E1
}
.line.five{
  background:#7F3F97
}
.line.six{
  background:#EF4D7C
}


.line.seven{
  background:#CA2D55
}
.line.eight{
  background:#F16522
}

.greenTile a{

line-height:unset;
color:unset
}

.greenTile a:hover{
	text-decoration:none

}

.greenTile{
  background: #f5f8ed;
  padding:3em
}

.greenTile  img{
  padding:2em 0em 2em 2em
}

.hidden{

display:none
}

.dots{
margin-top: 4em;
display:flex;
align-items:start

}
.dots p{
  margin-top:-5px;
  text-align: left;
  font-size:12px;
  line-height:1
}

.dots h3{
  margin-bottom: 0em;
  text-align: left;
  font-size:18px;
   margin-left: 0em;
}

.dots .d-flex.justify-content-start{
    padding: 0.2em 0em 0.2em 0.5em;
border:1px solid #293F81;
border-radius:1rem;
 margin-bottom: 1em;
  align-items:center;

}

.dots .d-flex.justify-content-start:hover{
	border:2px solid #293F81;
	background:white
}


.dots .d-flex{
  justify-content: flex-start;
  padding-left:0em;
  position: relative;

}


.greenTile .dots img{
	padding:0;
	max-width: 2em;
    max-height: 2em;
    margin:-.4em .25em 0em 0em !important


}

.blueBottom{
  border-top:4px solid #293F81;
  margin-bottom:10em
}

.blueTop{
  border-top:4px solid #293F81;

}


p.blue{
  color:#293F81;
  font-weight:600
}


h3.blue,
h2.blue{
 color:#293F81;
font-weight: 300;
font-size: 23px;
}

.across{
  display: flex;
  justify-content: flex-start;
  align-items: center;
min-height: 7em;
  border-bottom:1px solid #293F81;

}

.across p,
.across h3{
  margin-top: 1em;
  margin-bottom: 1rem;

}

.across div{
  min-width: 20%;
  padding-left:1em;
  padding-right: .5em
}


.across div:nth-child(2){
  min-width: 30%;


}

.across div:nth-child(3){
  min-width: 15%;

}


.across div:nth-child(4){
  min-width: 17%;


}


.across p{
  font-size: 14px;
  color:black;
  font-weight:300;
  line-height:1.4
}

.across.start p.blue{
  color:#293F81;
  font-weight:600
}


.across.start{
  background: #eaecf1;
  border-bottom:2px solid #293F81;
  min-height: 2em !important
}

.across.start div{
  border-right:1px solid #293F81;
}


.across.start div:last-child{
  border-right:none
}


.across.one{
  background: #f5f8ed
}


.across.two{
  background: #e8f5ee
}



.across.three{
  background: #e8f5f6
}


.across.four{
  background: #def1fa
}


.across.five{
  background: #f1ecf4

}


.across.six{
  background: #faeef2
}

.across.seven{
  background: #f7ebee
}


.across.eight{
  background: #fcf0ea
}

.strong{
  font-weight: 700 !important
}

.up p{
  line-height: 1;
  margin:0
}


.across img{
      max-width: 11.4em;
}

.ms-core-pageTitle{
	border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;

}

#searchInputBox {
    margin-bottom: 12px;
    float: right;
    display: none;
}

#contentBox {
    margin-right: 0;
    margin-left: 0;
    min-width: 100%;
}

#sideNavBox {
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    width: 180px;
    display: none;
}

.ms-siteicon-img {
    display: block;
    max-width: unset;
    max-height: unset;
    width: 11em;

}

#DeltaSiteLogo{

	margin-left: 5em;
}

#s4-titlerow {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0;
    padding-bottom: 0;
    height: 12px;
}

#titleAreaBox {
    margin: unset;
    display: flex !important;
    align-items: center;
    padding-top: .7em;
}

.ms-tableRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100vw;
}

#siteIcon {
    min-width: unset;
    height: unset;
    line-height: unset;
    text-align: unset;
    margin-right: unset;
    float: unset;
}

.ms-breadcrumb-box {
    width: unset;
    height: unset;


    }

.ms-navedit-editLinksText{

	display:none
}

li.static span.menu-item-text{

	font-size:14px;
	color:black
}


.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item{
	 margin-right: 20px;
	border-right: 1px solid;
    padding-right: 1.5em;
}

ul.static li.static:last-child  .ms-core-listMenu-item {
	border-right: none;
}


#s4-workspace {
    overflow: unset;
    position: relative;
    overflow-x: hidden;
}

#titleAreaBox .ms-tableCell.ms-verticalAlignTop{

	display:none
}
#titleAreaBox .ms-breadcrumb-box,
#titleAreaBox #siteIcon{
	display: flex !important;
}

.ms-breadcrumb-box{
	  margin-right: 2em;
}



.ms-wikicontent.ms-rtestate-field{

	padding-right:0 !important
}

li.static a.selected span.menu-item-text{
    background: #f5f8ed;
    text-decoration: underline;
    padding: 0.5em;
}

.carousel-control-next::after{
     content: "Next Slide";
    font-size: 17px;
    position: absolute;
    color: white;
    width: 100%;
    margin-bottom: 0em;
    left: 1px;
    font-weight: 500;
    min-width: 8em;
    z-index: 999;
    font-family: 'Poppins', sans-serif;
    top: 300px;
  }


  .carousel-control-next::before{
    background: #293F81;
    opacity:.9;
    border-radius:10px;
  }


  .carousel-control-prev::after{
     content: "Prev Slide";
    font-size: 17px;
    position: absolute;
    color: white;
    width: 100%;
    margin-bottom: 0em;
    left: 1px;
    font-weight: 500;
    min-width: 8em;
    z-index: 999;
    font-family: 'Poppins', sans-serif;
    top: 300px;
  }

.carousel-control-prev::before{
  background: #293F81;
  opacity:.9;
  border-radius:10px;
}


.carousel-control-next, .carousel-control-prev{
color:transparent
}
#carouselButtons {
    margin-left: 9px;
    position: absolute;
       bottom: 61px;
}

#carouselButtons button {
	min-width:2em;
    background: transparent;

}

#carouselButtons button i {
color:white
}
 #pauseButton{
    margin-left: .4em;
    /* background: #293F81; */
    border-radius: 10px;
    opacity: 1;
    padding: 6px 20px 20px 20px;
    /* background: #FA8800 !important; */
  }


 #playButton::after{
     content: "Play";
    font-size: 14px;
    position: absolute;
    color: white;
    width: 100%;
    margin-bottom: 0em;
    left: -37px;
    font-weight: 500;
    min-width: 8em;
    z-index: 999;
    font-family: 'Poppins', sans-serif;
    top: 29px;

  }


  #playButton{
  /* background: #293F81; */

  border-radius: 10px;
  opacity: 1;

  padding: 6px 20px 20px 20px;
  /* background: #FA8800 !important */
  }


 #pauseButton::after{
      content: "Pause";
    font-size: 14px;
    position: absolute;
    color: white;
    width: 100%;
    margin-bottom: 0em;
    left: 29px;
    font-weight: 500;
    min-width: 8em;
    z-index: 999;
    font-family: 'Poppins', sans-serif;
    top: 29px;

 }

.brightOrange{
    background: #293F81 !important;
    opacity: 1 !important;
}

.brightBlue{
    background: #293F81 !important;
        /* background: #FA8800 !important; */
        opacity: 1 !important;
}






/* CHARLENE'S ADDITIONS */

/* LINKS */

a {
  color: #293F81;
}

a {
  color: #293F81;
  text-decoration: none
}

hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid #293F81;
}

a.blue{
font-weight:700;
text-decoration:underline

}
p.bolder{

	font-weight:400
}

.up a,
.up .blue.strong{

	font-weight:600 !important;
}


@media (max-width:1450px){

.across div:nth-child(1){
  min-width: 15%;


}

.across div:nth-child(4){
  min-width: 20%;


}


.across div:nth-child(5){
  min-width: 20%;


}
.across img{

	max-width:8.5em
}
.across p{

	line-height:1.2
}


}
h1, h2, h3 {
	color: #293F81 !important;
}


h1{
	padding-top:0em;
	font-size:30px;
	/*border-top: 4px solid #293F81; */
  	/*margin-bottom: 10em; */
	/*color:#293f81 !important; */
}


h2 {
	font-size:18pt;
}

h3 {
	font-size: 14pt;
}


.blueOutline{
outline:dashed 4px #cd2026 !important;
opacity:1 !important

}

/*
.slider-section.blueTop .blueOutline{
outline:dashed 4px #FFFFFF !important;
opacity:1 !important

} */

.blueOutline.whiteDash{
  outline:dashed 4px #FFFFFF !important;
  opacity:1 !important
}

/* .slider-section.blueTop button:focus
{
 outline:dashed 4px #FA8800 !important;
outline:dashed 4px #FFFFFF !important;
} */

button.whiteDash:focus
{
outline:dashed 4px #FFFFFF !important;
}


button.brightOrange:focus
{
outline:dashed 4px #FFFFFF !important;
}


a:hover{
	text-decoration:none

}

@media (min-width:1401px) {
.longerOne{
width: 130%
}
}

@media  (max-width:1400px) {


.dots .col-md-5 {
     width:100%;
      flex: unset;
      max-width: 500px;
}
}


/* HIDE FIRST LINK IN TOP NAV */
#zz11_RootAspMenu > li:nth-child(1) > a:nth-child(1), #zz2_RootAspMenu > li:nth-child(1) > a:nth-child(1) {
	display:none;
}

/* MAKE HOVER GREEN WITH UNDERLINE */
/* #DeltaTopNavigation .ms-core-listMenu-horizontalBox a.ms-core-listMenu-item:hover {
  background-color: #91BA3E !important;
  text-decoration: underline;
} */

#DeltaTopNavigation li.static a.selected span.menu-item-text {
	background-color: #f5f8ed;
	font-weight:bold;
	text-decoration: underline;
	padding: 0.5em;
}

#DeltaTopNavigation li.static span.menu-item-text:hover {
	background-color: #f5f8ed;
	text-decoration: underline;
	/*margin: 0.5em; */
}

a:visited {
	color: #293F81;
	text-decoration: none;
}

a {
  color: #293F81;
  text-decoration: underline;
}

div #access {
	float:right !important;
	/*margin-right: 100px !important;
    margin-top: 20px !important; */
    position:relative;
    bottom: 50px;
	right: 100px;
}

.o365cs-nav-header16 .o365cs-nav-leftAlign{
	display:none;
}
#O365_MainLink_Help{
	display: none;}
}
/*JMS
#O365_MainLink_Settings{
	display: none;}
}*/


 .blueBottom thead tr th.ms-vh2:nth-child(3),
.blueBottom thead tr th.ms-vh2:nth-child(4) {
min-width:300px !important;


}