/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,450;0,500;0,550;0,600;0,650;0,700;0,750;0,800;1,400;1,500;1,600;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');


/*GENERAL STYLES*/

html {
	scroll-behavior: smooth;
}

#drupal-styles {
  margin: 0px;
}


#drupal-styles h1, h2, h3, h4, h5, ul, ol, li, p, a{
  font-family: 'Noto Sans', 'Open Sans';
}

#drupal-styles h1{
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.6;
  color: #057d3e;
  margin-top: 1em;
  padding: 0;
}

#drupal-styles h2{
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.6;
  margin-top: 1em;
  margin-bottom: .75em;
  padding: 0;
}

#drupal-styles h3{
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.6;
  margin-top: 2em;
  margin-bottom: .75em;
  padding: 0;
}

#drupal-styles p{
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1em;
  padding: 0;
}

#drupal-styles a{
  color: #0075AF;
  line-height: 1.6;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: 300ms ease-in-out;
}
#drupal-styles a:hover{
  color: #004365;
  transition: 200ms ease-in-out;
}

#drupal-styles ul li {
  font-size: 16px;
  padding: 5px 0px;
}

#drupal-styles .step-container img {
  padding: 20px 0px;
}

#banner-container {
  display: flex;
  justify-content: center;
  width: calc(100vw - 14px);
  margin-top: -5px;
  margin-left: calc((100vw - 1034px) / -2);
}
#banner-container #banner-image {
  width: 100%; 
  padding: 0px;
}

@media (max-width: 1040px) {
  #banner-container {
    width: 100vw;
    margin-top: -5px;
    margin-left: -15px;
  }
  #banner-container #banner-image {
    width: 100%; 
    padding: 0px;
  }
}


@media (max-width: 700px) {
  #drupal-styles {
    margin: 0px;
  }
}


.column-container {
  display: grid;
  grid-template-columns: 1fr 270px;
  grid-gap: 80px;
}

.column-1 {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}

.column-2{
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  margin-top: 170px;
}

#drupal-styles .column-2 img {
  padding: 0;
}

.medinav-banner {
  display: none;
}

#drupal-styles .medinav-banner img {
  padding: 0;
}


@media (max-width: 1140px) {
  .column-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0px;
}

.column-1 {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}

.column-2{
  display: none;
}
  
  .medinav-banner {
    display: flex; 
    justify-content: center;
  }
  
  #drupal-styles {
    margin: 0px 20px 0px 20px;
  }
}

/* PDF doc style */
#drupal-styles .document-item {
  border: 2px solid #7C7D7C;
  border-radius: 10px;
  padding: 15px 20px;
}
#drupal-styles .document-item p {
  text-decoration: 0px!important;
  margin: 0px;
}
#drupal-styles .document-item h4 {
  color: #2c3135;
  padding: 0px;
}
#drupal-styles .document-display a {
  text-decoration: none;
}
#drupal-styles .document-display a:hover {
  .document-item h4 {
    text-decoration: underline;
  }
}
#drupal-styles .document-item:hover {
  border-color: black;
}


/*COMPONENT STYLES*/

/*On This Page component*/
#drupal-styles #otp{
  padding-left: 2em !important;
  border-left: 1px black solid;
}

#drupal-styles #otp li{
  list-style-type: none;
  padding: 0 0 .5em 0;
}
#drupal-styles #otp li:last-child{
  padding: 0;
}


/*Blockquote*/
#drupal-styles blockquote{
  display: flex;
  align-items: flex-start;
  gap: 2em;
  max-width: 800px;
  padding: 1.5em;
  margin: 1em 0;
  border: 2px solid #C9C9C9;
  border-radius: .5em;
}

#drupal-styles blockquote p{
  margin: 0;
  padding: 0;
}



/*triple box container*/
#drupal-styles .tri-box-container{
  margin: 2em 0;
  display: flex;
  flex-wrap: wrap;
  gap: .55em;
}

#drupal-styles .tri-box-container .green-box{
  min-width: 200px;
  width: 32%;
  max-width: 300px;
  padding: 1em;
  border-radius: 15px;
  background-color: #DCEAD9
}

#drupal-styles .tri-box-container .green-box .box-title{
  font-size: 1rem;
  font-weight: 700;
  color: #26A146;
  margin-bottom: .5em;
  padding: 0;
}

#drupal-styles .tri-box-container .green-box p, .tri-box-container .green-box ol, .tri-box-container .green-box ul{
  font-size: 0.9rem;
  font-weight: 500;
  padding-bottom: .5em;
}

#drupal-styles .tri-box-container .green-box ol,
#drupal-styles .tri-box-container .green-box ul{
  padding-left: 1em !important;
  font-weight: 500;
}

#drupal-styles .tri-box-container .green-box ol li,
#drupal-styles .tri-box-container .green-box ul li{
  font-size: 0.9rem;
}

/*Step-by-step component*/

#drupal-styles .step-wrapper{
  max-width: 800px;
  margin: 1em 0
}

#drupal-styles .step-wrapper .step-container{
  display: flex;
  align-items: flex-start;
  gap: 1.5em;
  padding-bottom: 3em;
  position: relative;
}

#drupal-styles .step-wrapper .step-container:last-child{
  padding-bottom: 0em
}

#drupal-styles .step-wrapper .step-container .number{
  border: 2.5px solid #7A7A7A;
  border-radius: 100px;
  padding: 0.24em 1em;
  background-color: white;
}

#drupal-styles .step-wrapper .step-container .number p{
  font-size: 1.5rem;
  font-weight: 700;
  padding: 0;
  margin: 0;
}

#drupal-styles .step-wrapper .step-container .step-process::before{
  content: "";
  position: absolute;
  border-left: 2.5px solid #7A7A7A;
  height: 100%;
  left: 1.5em;
  z-index: -1
}

#drupal-styles .step-wrapper .step-container .step-process .step-title{
  font-size: 1.1rem;
  font-weight: 700;
  padding-top: 0em;
  margin-bottom: .5em;
}

#drupal-styles .step-wrapper .step-container .step-process ol, #drupal-styles .step-wrapper .step-container .step-process ul{
  margin: 0 0 0 1.5em;
  padding: 0;
}

#drupal-styles .step-wrapper .step-container .step-process li{
  font-size: 1rem;
  padding-left: .75em;
}


/*Dropdown accordians*/

#drupal-styles .dropdown-wrapper{
/*  max-width: 800px;*/
  border: 2px solid #7A7A7A;
  border-radius: .5em;
}

#drupal-styles .dropdown-wrapper .dropdown-block .dropdown-title{
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1em 2em;
  border-top: 2px solid #7A7A7A;
  width: 100%;
  text-decoration: none;
}

#drupal-styles .dropdown-wrapper .dropdown-block:first-child .dropdown-title{
  border-top: none ;
}

#drupal-styles .dropdown-wrapper .dropdown-block .dropdown-title > p {
  font-size: 1.2rem;
  font-weight: 700;
  padding: 0;
  margin: 0;
}

#drupal-styles .dropdown-wrapper .dropdown-block:hover .dropdown-title > p {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1.5px;
}

#drupal-styles .dropdown-wrapper .dropdown-block .dropdown-input {
display: none;
}

#drupal-styles .dropdown-wrapper .dropdown-block .dropdown-input:not(checked) + label + .dropdown-content{
  height: 0;
  overflow: hidden;
}

#drupal-styles .dropdown-wrapper .dropdown-block .dropdown-input:checked + label + .dropdown-content{
  display: flex;
  font-size: 1.125rem;
  padding: .5em 1.5em 1em 1.5em;
  height: auto;
  overflow: auto;
}

#drupal-styles .dropdown-wrapper .dropdown-block .dropdown-title .icon-close {
  display: none;
}
#drupal-styles .dropdown-wrapper .dropdown-block .dropdown-title .icon {
  width: 22px;
  height: 22px;
  margin: 0;
  flex-shrink: 0;
}

#drupal-styles .dropdown-wrapper .dropdown-block .dropdown-input:checked + label > .dropdown-title .icon-close {
  display: block;
}
#drupal-styles .dropdown-wrapper .dropdown-block .dropdown-input:checked + label > .dropdown-title .icon-open {
  display: none;
}

/*
#styled-content .dropdown-wrapper .dropdown-block .dropdown-input:checked + label > .dropdown-title p, #styled-content .dropdown-input:checked + label > .dropdown-title svg > path {
  color: white;
  stroke: white;
}

#styled-content .dropdown-wrapper .dropdown-block .dropdown-input:checked + label > .dropdown-title svg {
  transform: rotate(180deg);
}
*/



/* Accordians their code not ours */
#drupal-styles span.plus, span.minus {
  float: right;
  text-decoration: 0px!important;
  color: #7C7D7C;
}
#drupal-styles span.minus {
  font-size: 165%;
  margin-top: -3px;
  margin-right: -7px;
}
#drupal-styles span.plus {
  font-size:170%;
  margin-left: -10px;
}
#drupal-styles a[aria-expanded="true"] span.plus {
  visibility: hidden;
}
#drupal-styles span.minus {
  visibility: hidden;
}
#drupal-styles a[aria-expanded="true"] span.minus {
  visibility: visible;
}
#drupal-styles .manitoba-accordion {
  margin-top: 10px;
}
#drupal-styles .manitoba-accordion .panel-default1 {
  border: 2px solid #7C7D7C;
  border-bottom: none;
  margin: 0px!important;
  border-radius: 0px;
}
#drupal-styles .manitoba-accordion .panel-default1:last-child {
  border-bottom: 0.2rem solid #7C7D7C;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
#drupal-styles .manitoba-accordion .panel-default1:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#drupal-styles .panel-default1 a:hover {
  span.plus, span.minus {
    color: black;
    transition: .10s ease-in;
  }
}
#drupal-styles .manitoba-accordion .panel-title1 {
  padding: 15px 30px 0px 20px;
}
#drupal-styles .manitoba-accordion .heading-text {
  display: block;
  width: 90%;
  text-decoration: none;
}
#drupal-styles .manitoba-accordion .panel-default1 a {
  text-decoration: none;
}
#drupal-styles .manitoba-accordion .panel-default1 a:hover{
  text-decoration: underline;
}