/* Banner on top of all basic pages */
.small-banner{
	background-image: url(/sites/default/files/2023-02/content-bkground.jpg);
  padding: 30px 0;
}
.small-banner::before {
  position: absolute;
  opacity: 0.3 !important;
  width: 100%;
  content: '';
  height: 100%;
  left: 0;
  top: 0;
  background-color: #000 !important;
  z-index: 1;
}
/*Social links*/
.topbar .social-links li, .site-footer .social-links {
  display: none !important;
}
/*Site footer colors*/
.site-footer {
  background: #43320b !important;
}
.copyright-sec {
  margin-top: 30px;
  background: #946e16 !important;
}
.footer-top {
  padding-top: 40px !important;
}
/*Removes Location logo and reduces adress margin-bottom*/
.svg-inline--fa.fa-location-dot, div.icon-row{
  display:none;
}
.site-footer .footer-logo{
  margin-bottom:-1rem;
}
/*Remove bullets Footer Menu*/
.site-footer .menu__item.menu__item--link.menu__item--level-1{
  list-style-type: none;
}
/*Member-bio link styles copyed from HRAP SASS*/
h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  font-family: "Raleway", sans-serif; }
  h1 b, h1 strong, h2 b, h2 strong, h3 b, h3 strong, h4 b, h4 strong, h5 b, h5 strong, h6 b, h6 strong {
    font-weight: 400;
  }
h1 {
  font-size: 3rem;
  margin-bottom: 0.32768em;
  line-height: 3rem;
  font-weight: 800; }
  @media (min-width: 38em) {
    h1 {
      font-size: 3.05176em; } }
  h1 a {
    color: black; }

h2 {
  font-size: 1.5625em;
  margin-bottom: 0.512em;
  line-height: 1.25em; }
  @media (min-width: 38em) {
    h2 {
      font-size: 1.95312em; } }
  h2 a {
    color: #212121; }

h3 {
  font-size: 1.25em;
  letter-spacing: 5px;
  word-spacing: 5px;
  margin-bottom: 0.64em;
  line-height: 1.25em;
  font-weight: 500;
  text-align: center;
  color: #946e16;
  text-transform: uppercase; }
  @media (min-width: 38em) {
    h3 {
      font-size: 1.5625em; } }
  h3 a {
    color: #212121; }

h4 {
  border-left: 1.5rem solid #ddc587;
  padding-left: 1rem;
  font-size: 1em;
  margin-bottom: 0.512em;
  line-height: 1.25em;
  font-weight: 800; }
  @media (min-width: 38em) {
    h4 {
      font-size: 1.25em; } }

h5 {
  font-weight: 800;
  margin-bottom: 0; }

h6 {
  font-size: 0.8em;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 800; }

sup {
  vertical-align: super;
  font-size: smaller; }

sub {
  font-size: smaller;
  vertical-align: sub; }
h1 {
  border-bottom: 3px solid #ddc587;
  text-align: center;
  padding-bottom: 3rem;
}
h1, h2, h3, h4, h5, h6 {
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  text-indent: 0 !important;
  margin-bottom: 1em;
  margin-top: 1em;
}
h3{
  font-size: 1.5rem;
}
/*Bio links box styles*/
.member-bio {
  text-align: center;
  margin: 0 1%; }
  .member-bio .col-1, .member-bio .col-2 {
    width: 100%; }
    .member-bio .col-1 a, .member-bio .col-2 a {
      display: block;
      text-decoration: none;
      padding: 1.5rem 2rem 0.5rem 2rem;
      margin: 1rem 10%;
      min-height: 4.5rem;
      border: 1px solid #ddc587; }
      .member-bio .col-1 a:hover, .member-bio .col-2 a:hover {
        background-color: #ddc587;
        color: white;
        transition: 0.15s; }
        .member-bio .col-1 a:hover .job-title, .member-bio .col-2 a:hover .job-title {
          color: white;
          transition: 0.15s; }
      .member-bio .col-1 a .job-title, .member-bio .col-2 a .job-title {
        display: block;
        color: #ddc587;
        font-weight: 800;
        font-size: .8rem;
        text-transform: uppercase; }
      @media (min-width: 38em) {
        .member-bio .col-1 a, .member-bio .col-2 a {
          margin: 1rem 20%; } }
  @media (min-width: 62em) {
    .member-bio .col-1 {
      width: 48.93617%;
      clear: right;
      float: left;
      margin-left: 0;
      margin-right: 2.12766%; }
      .member-bio .col-1 a {
        margin: .5rem 1rem; } }
  @media (min-width: 62em) {
    .member-bio .col-2 {
      width: 48.93617%;
      clear: right;
      float: right;
      margin-right: 0; }
      .member-bio .col-2 a {
        margin: .5rem 1rem; } }
/*Corrections from January theme*/
.page-title h1 {
  font-size: 2.75rem !important;
  line-height: 4.25rem !important;
  margin-bottom: 1rem !important;
  font-weight: 600 !important;
}
.section-spacing{
  padding: 3rem 0;
}
/*Language styles*/
:lang(en) .langfr, :lang(fr) .langen{
  display:none;
}
/*paragraph line height*/
p{
  line-height: 2rem;
}
/*Homepage link appearance*/
.main-content ul {
  padding-left: 0;
  text-align: center; }
  .main-content ul li {
    list-style: none;
    margin-bottom: 1rem; }
    .main-content ul li a {
      text-align: center;
      font-size: .825rem;
      font-weight: 300;
      display: block;
      text-decoration: none;
      padding: 1rem 1.5rem;
      background-color: #F0F0F0;
      margin-left: 2%;
      margin-right: 2%;
      border-radius: 5px;
      transition: .1s; }
      .main-content ul li a:hover {
        background-color: #ddc587;
        color: white;
        font-weight: 800; }
      @media (min-width: 38em) {
        .main-content ul li a {
          margin-left: 20%;
          margin-right: 20%; } }
/*from De-theme extra CSS*/
.main-content ul.pager li a{
	text-align: left;
    font-size: .825rem;
    font-weight: 800;
    display: inline-block;
    text-decoration: none;
    background-color: #FFFFFF;
    margin: 0;
	  padding: 0;
    border-radius: 0;
    transition: 0;
}
.main-content ul.pager li a:hover{
	color: #666666;
	text-decoration: underline;
}
a:hover, a:focus, a:visited{
color: #000;
}
.main-content a:hover, .main-content a:focus, .main-content a:visited{
color: #946e16;
}
.main-content a:hover{
  text-decoration: underline;
}
.footer-top a:hover, .footer-top a:focus, .footer-top a:visited{
color: #FFF;
}
.footer-top a:hover{
  text-decoration: underline;
}
.right-sidebar a:hover, .right-sidebar a:focus, .right-sidebar a:visited{
color: #000;
}
.right-sidebar a:hover{
  text-decoration: underline;
}
ul.menu{
  list-style-type: none;
}
/*English-French switch: hides active language*/
ul.links li{
  display: inline-block;
  padding: 3px 30px;
}
.footer-top ul.links li{
  color: #FFF;
  border: 1px solid #FFF;
  padding: 3px 30px;
}
.right-sidebar ul.links li{
  color: #000;
  border: 1px solid #000;
  padding: 3px 30px;
}
ul.links li.is-active, ul.links a.is-ative, a.language-link.is-active{
  display: none;
}
/*Banner homepage*/
body.path-frontpage .hero-banner {
  padding: 5rem 0 5rem 0;
}
/*body.path-frontpage .container .banner-content{
  max-width: 100%;
  margin-top:-15rem;
  padding: 3rem;
  background: linear-gradient(138deg,rgba(2,0,36,.5) 0%,rgb(0, 0, 0) 100%);
}*/
body.path-frontpage .container .banner-content h3, body.path-frontpage .container .banner-content h1{
  margin:0;
}
body.path-frontpage .container .banner-content h1{
  margin-bottom:3rem;
}
body.path-frontpage .container .banner-content p{
  margin-left: 5rem;
}
/*Removes empty content from home page*/
body.path-frontpage main{
  min-height: 0;
}
body.path-frontpage .page-without-sidebar.section-spacing{
  display: none;
}
/*Language*/
html:lang(en) .fronly, html:lang(fr) .enonly{
  display: none;
}
/*Issue: Manage Display in Content-type interface does not allow inline labels even using Layout Builder. The code below was copied from
https://drupal.stackexchange.com/questions/267776/manage-display-field-label-not-changing-inline-does-not-work*/
.field-label {
  font-weight: bold;
}
.field-label-inline .field-label {
  float: left; /* LTR */
}
.field-label-inline .field-items {
  float: right; /* LTR */
}
.field-label-inline .field-label,
.field-label-inline > .field-item,
.field-label-inline .field-items {
  padding-right: 0.5em;
}
[dir="rtl"] .field-label-inline .field-label,
[dir="rtl"] .field-label-inline .field-items {
  padding-left: 0.5em;
  padding-right: 0;
}
.field-label-inline .field-label::after {
  content: ':';
}
/*Styles for H1 to H6 copied from original HRAP website*/

/*Changes homepage Hero banner to make it similar to original HRAP website*/
.hero-banner::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*opacity: .5;*/
  z-index: -1;
  /*background: #020024*/;
  /*background: linear-gradient(138deg,rgba(2,0,36,.5) 0%,rgba(0,0,0,1) 100%);*/
  opacity: 1;
  background-color: none !important;
  background: linear-gradient(138deg,rgba(2,0,36,0) 0%,rgb(0, 0, 0, 0) 100%);
}
/*Copied from line 288*/
body.path-frontpage .container .banner-content{
  max-width: 100%;
  /*margin-top:-15rem;*/
  padding: 3rem;
  /*background: linear-gradient(138deg,rgba(2,0,36,.5) 0%,rgb(0, 0, 0) 100%);*/
  background: linear-gradient(138deg,rgba(255,255,255,.8) 70%,rgb(255, 255, 255) 90%);
}
.hero-banner {
  color: #000;
}
.icon-button.white-button{
  color: #000;
}
/*Colour of arrow up and menu links*/
#top{
  color:#973;
  background: #973
}
.navbar-collapse a.is-active, .navbar-collapse a:hover, .navbar-collapse a:visited{
  color: #000;
}
/*recovering H4 Style for Contact us page*/
h4 {
  border-left: 1.5rem solid #ddc587;
  padding-left: 1rem;
  font-size: 1.2em;
  margin-bottom: 0.512em;
  line-height: 1.25em;
  font-weight: 600;
}