/* TERIS site specific css. */
/**--------------Teris/new header image------------**/
body.teris.path-frontpage div.row.teris-front {
    display: flex;
flex-wrap: wrap;
margin: auto;
}
body.teris.path-frontpage div.row.teris-front div.col-md-4 {
     background: var(--ltgrey);
    padding: 20px 20px 20px 30px;
    }
body.teris.path-frontpage div.row.teris-front div.col-md-8 {
    padding: 0px;
}

body.teris.path-frontpage #block-homepagedesc > div.layout.layout--onecol > div > section > div {
     max-width: 1400px;
    margin: auto;
}

body.teris.path-frontpage .main-container {
  margin-bottom: 0px;
}
@media (min-width: 329px) {
  .teris .masthead .mini-nav .navbar-brand {
    font-size: 46px;
  }
}
@media (min-width: 576px) {
  .teris .masthead .mini-nav .navbar-brand {
      font-size: 72px;
  }
}

@media (max-width: 990px) {
    body.teris.path-frontpage div.row.teris-front {
        display: flex;
    flex-direction: column-reverse;
    margin: auto;
    }
}
/***---------------TERIS Homepage - New Cards-------------------***/
body.teris.path-frontpage .flex {
/* Creates unequal height for card layout */
align-items: flex-start;
}

body.teris.path-frontpage [class*='card-'] {
/* Defines 100% width for each card on small screens, plus base card styling */
display: block;
max-width: unset;
flex-basis: 100%;
margin: 2rem 5px;
background-color: var(--purple);
}

body.teris.path-frontpage [class*='card-'] h4 {
margin-top: 10px;
padding: 0 10px 0 10px;
font-family: "Encode Sans Normal", "Open Sans", "Arial", sans-serif, "Arial", sans-serif;
font-size: 1.2em;
font-weight: 800;
line-height: 1.1;
color: white;
}

body.teris.path-frontpage [class*='card-'] p {
padding: 4px 10px 4px 10px;
color: white;
}

body.teris.path-frontpage [class*='card-'] a, body.teris.path-frontpage [class*='card-'] a:hover {
/* Overrides basic link styling for general links within cards */
font-size: inherit;
font-weight: 800;
color: white;
}

body.teris.path-frontpage [class*='card-'] a.smbtn {
/* Overrides button link styling within cards */
padding: 10px;
font-size: 1.1em;
color: white;
}

@media screen and (min-width: 40em) {
body.teris.path-frontpage [class*='card-4'] {
  /* Defines 25% width for each card and sets max-width on large screens */
  max-width: 285px;
  flex-basis: 25%;
}
}

/***---------------TERIS Homepage - Fix for purple background below hero-------------------***/
body.teris.path-frontpage article {
display: none;
}