:root{--color-primary:#69bd45;--color-secondary:#007ab8;--color-tertiary:#1ea4a9;--color-state:#4b7e2b;--color-state-hover:#3c6721;--color-state-focus:#3c6721;--color-state-active:#30541a;--color-state-highlight:#f6f9d7;--color-state-highlight-neutral:var(--color-neutral-3);--color-state-disabled:var(--color-neutral-5);--color-neutral-1:#fff;--color-neutral-2:#fafafa;--color-neutral-3:#f7f7f7;--color-neutral-4:#e6e4e4;--color-neutral-5:#c7c7c7;--color-neutral-6:#767676;--color-neutral-7:#262626;--color-background:var(--color-neutral-1);--color-border:var(--color-neutral-5);--color-text:var(--color-neutral-7);--color-text-disabled:var(--color-neutral-5);--color-text-hint:var(--color-neutral-6);--link-color:var(--color-state);--link-color-hover:var(--color-state-hover);--nav-bg-color:#fff;--nav-text-color:var(--color-text);--footer-bg-color:#fff;--footer-text-color:var(--color-text);--footer-text-color-hover:var(--footer-text-color);--btn-accent-color:var(--color-state);--btn-accent-color-active:var(--color-state-active);--btn-accent-color-focus:var(--color-state-focus);--btn-accent-color-disabled:var(--color-state-disabled);--btn-prim-accent-color:var(--color-state);--btn-prim-accent-color-active:var(--color-state-active);--btn-prim-accent-color-focus:var(--color-state-focus);--btn-prim-accent-color-disabled:var(--color-state-disabled)}:root{--nav-bg-color: #DFDFE0;--nav-text-color: #1664AA;--color-primary: #660066;--btn-prim-accent-color: #1664AA;--btn-accent-color: #660066;--link-color: #1664AA;--color-state: #1664AA;--color-text: #262626;--footer-bg-color: #ffffff;--footer-text-color: #262626;--btn-prim-accent-color-focus: #0c5aa0;--btn-prim-accent-color-active: #00498f;--btn-accent-color-focus: #5c005c;--btn-accent-color-active: #4b004b;--link-color-hover: #0c5aa0;--color-state-hover: #0c5aa0;--color-state-focus: #0c5aa0;--color-state-active: #00498f;--footer-text-color-hover: #1c1c1c;}
.block .block-header {
    background-color:#e6e4e4;
    color:black;
    border-top-left-radius: 0px 0px;
    border-top-right-radius: 0px 0px;
}
.block .block-title {
    box-shadow: none;
}
.block .block-header h2 {
    font-size: 20px;
    font-weight: bold;
    text-transform: none;
}
.block {
    border: 2px solid #DFDFE0;
    border-radius: 0px;
}
.totaraNav_prim {
    padding:10px;
}
.fptext {
    font-size:16px;
}

/* Footer */

.footer-grid-container {
    display: grid;
    grid-template-columns: 40% 30% auto;
    column-gap: 10px;
    justify-content: space-evenly;
    margin-top:40px;
    margin-bottom:40px;
}
.flex-icon ft-fw ft tfont-var-box-arrow-up-right {
    font-size:200%;
}
.btn4 {
    margin-top:10px;
    background: var(--btn-prim-bg-color);
    border: none;
    color: #ffffff!important;
    padding: 12px 24px;
    text-align: center;
    text-decoration: none!important;
    display: inline-block;
    font-size:14px;
    font-weight:600;
}

#inst204 > div.content.block-content > div > p:nth-child(2) > a:hover {
 background: #1C97B6 !important;
}

#page-footer > div > div.footnote > div > div > div:nth-child(3) > a:hover {
background: #660066 !important;
}

.footerlink a {
    color: var(--link-color) !important;
    text-align:left !important;
}
#page-footer > div > div.footnote > div > div > div:nth-child(4) > a {
    font-size: 14px;
    color: white;
}

/*reduce area above banner only on front page and dashboards*/
.pagelayout-frontpage #page-content,
.pagelayout-dashboard #page-content {
    padding-top: 0;
}


.pagelayout-frontpage #block-region-top .block_html,
.pagelayout-dashboard #block-region-top .block_html,
.pagelayout-frontpage #block-region-top .block_totara_featured_links,
.pagelayout-dashboard #block-region-top .block_totara_featured_links {
    margin-bottom:0;
}

/*make login image not show up but still on the page to use in the footer*/
.path-login #login_hero-image {
    height:0;
}

@media (max-width: 640px) {
    .footer-grid-container {
        grid-template-columns: auto;
        justify-content: center;
    }
    .footer-grid-container .grid-item {
        padding-bottom: 40px;
    }
}

@media (min-width: 640px) {
    .footer-grid-container .grid-item:nth-child(2) {
        border-left: 2px solid #c7c7c7;
        padding-left: 30px;
    }
}

.pagelayout-dashboard .block-totara-featured-links-layout .block-totara-featured-links-tile.background-cover {
    background-position: left;
}

/*vertically top align carosel on front page*/
#inst248 .block-totara-featured-links-tile {
    background-position-y: top;
    margin-top: 0;
}
/*vertically top align carosel on dashboard - NEED MEDIA QUERY*/
#inst622 .block-totara-featured-links-tile {
    background-position-y: top;
    margin-top: 0;
}



/*-------- Dashboard Method using 1 Featured Link Block --------*/
 .show-desktop {display:none;}
 .show-mobile {display:none;}
#block-totara-featured-links-tile-47 {display:none;} /*dashboard carosel tile for desktop*/
#block-totara-featured-links-tile-51 {display:none;} /*dashboard carosel tile for desktop*/

@media (min-width:1024px) {
    .show-desktop {display:block;}
    #block-totara-featured-links-tile-47 {display:block;}
}
@media (max-width:1023px) {
    .show-mobile {display:block;}
    #block-totara-featured-links-tile-51 {display:block;}
}
/*----------------------------------------------------------------------*/


.aboutus-img-container {
    display:flex;
    flex-wrap:wrap;
    flex-
}
.aboutus-img-child {
    margin:0 auto;
    max-width: 400px;
    width:100%;
    padding: 5px;
}
@media (min-width:768px) {
    .aboutus-img-child {width:calc(100% / 3);}
}



/*-------Testing Text Over Banner Option----*/
#inst250 .block-totara-featured-links-content {
    max-height:284px;
    left: 3%;
    bottom: 30% !important;
    background: transparent;
    padding: 0;
    border-left: 4px solid white;
    padding-left: 20px;
}
#inst250 .block-totara-featured-links-content>h3 {
    font-size: 3rem !important;
    max-width: 600px;
}
#inst250 .block-totara-featured-links-content p {
    font-size: 1.5rem;
    max-width: 560px;
}
.custom-banner-content {
    background:#20356e;
}
.custom-banner-text {
    position:absolute;
    bottom:30%;
    left:3%;
    border-left:4px solid white;
    padding-left:20px;
}
.custom-banner-text h3 {
    font-size:3rem !important;
    color: white;
    max-width:550px;
    font-weight:700;
}
.custom-banner-text p {
    font-size: 1.5rem;
    color: white;
    max-width:500px;
}

@media(max-width:640px) {

#inst250 .block-totara-featured-links-tile {
    justifiy-content:center;
    }
#inst250 .block-totara-featured-links-content {
    position: initial;
    border-left:none;
    padding:15px;
    }
#inst250 .block-totara-featured-links-content>h3 {
    font-size: 2.4rem !important;
    text-align:center;
    margin: 0 auto;
    }
#inst250 .block-totara-featured-links-content h3:after {
    content: "";
    display: block;
    height: 2px;
    margin:15px auto 10px;
    width:100px;
    background-color: #fff;
    }
#inst250 .block-totara-featured-links-content p {
    font-size: 1.25rem;
    text-align:center;
    margin: 0 auto;
    }
.custom-banner-content {
    display:flex;
    justify-content: center;
    align-items:center;
    min-height:284px;
    }
.custom-banner-text {
    position:initial;
    border-left:0;
    padding:15px;
    }
.custom-banner-img {
    display:none;
    }
.custom-banner-text h3 {
    font-size:2.4rem !important;
    text-align:center;
   }
.custom-banner-text h3:after {
    content: "";
    display: block;
    height: 2px;
    margin:15px auto 0;
    width:100px;
    background-color: #fff;
}
.custom-banner-text p {
    font-size: 1.25rem;
    margin:0 auto;
    text-align:center;
    }
}

.block-totara-featured-links-layout>div.block-totara-featured-links-flex-filler {
display:none;
}

/*-------Tables--Hoverable----*/
dbtable {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid #DDD;
}

/*-------Target individual Tables --GWTC--------*/
#inst633 > div.content.block-content > div > table tr:hover {
color: black;
background-color: #DFDFE0;
}
#inst634 > div.content.block-content > div > table tr:hover {
color: black;
background-color: #DFDFE0;
}
/*-------Target individual Tables --POTC--------*/
#inst637 > div.content.block-content > div > table tr:hover {
color: black;
background-color: #DFDFE0;
}
#inst638 > div.content.block-content > div > table tr:hover {
color: black;
background-color: #DFDFE0;
}
/*-------Target individual Tables --ELB--------*/
#inst641 > div.content.block-content > div > table tr:hover {
color: black;
background-color: #DFDFE0;
}
#inst642 > div.content.block-content > div > table tr:hover {
color: black;
background-color: #DFDFE0;
}

.akmcolumnleft {
float: left;
  width: 35%;
  padding: 10px;
}
.akmcolumnright {
  width: 65%;
  float: left;

}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}