/* Reusable but site specific styles */

.butt{
  display: inline-flex;
  align-items: center;
  min-height:32px;
  font-size: 1.125rem !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding:0 1rem;
  background-color: var(--accent);
  position: relative;
  color:var(--dark) !important;
  text-decoration: none;
  border:0;
  border-radius: 0.6rem;
  margin: 0.5rem 0;
}

/* .butt::before{
  content:'>';
  position: absolute;
  left:4px;
  top:4px;
  width:24px;
  height:24px;
  border-radius:50%;
  background-color: var(--theme);
  color: var(--theme);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  transition: var(--transition);
} */

.butt:hover{
  color:white !important;
  background-color: var(--theme);
  transition:var(--transition);
  text-decoration: none !important;
}


.butt.close-expanded::before{
  color:var(--theme);
  transform: rotate(90deg);
  transition: var(--transition);
}


.icon-fill,
.fill-red{
  fill:var(--red);
}

.sublink{
  display: inline-block;
  padding: 0 0.5rem;
}


.tint {
	background-color: rgba(17, 30, 41, 0.7);
	backdrop-filter: blur(4px);
}

.tint-panel-content{
  padding:1rem;
  color:white;
  font-size: 1.125rem;
}

/* supporters */

.footer-supporters{
  background-color: var(--slime);
  background: linear-gradient(90deg, rgba(242,66,7,1) 0%, rgba(255,210,23,1) 35%, rgba(187,245,15,1) 65%, rgba(0,119,117,1) 100%);
  position: relative;
  display:flex;
  gap:0.5rem;
  flex-wrap: wrap;
  justify-content: center;
  padding:1rem;
}


.footer-supporters-swoosh{
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background: none;
  z-index: 0;
}

@media(min-width: 1200px ){

  .footer-supporters-swoosh{
    background: url('/site/assets/images/bg_footer.svg') no-repeat transparent;
  }
  
  .footer-supporters{
    justify-content: flex-end;
  }
  
}


.supporters{
  display: flex;
}

.supporter{
  display:flex;
  margin-right:1.5rem;
  z-index: 1;
  max-height: 80px;
  align-items: center;
}

.supporter img{
  min-height: 50px;
  height:100%;
  width:auto;
  
}



/* articles pagination */

.pagination{
  text-align:right;
  margin-top:2rem;
}

.MarkupPagerNav {
  clear: both;
  display:inline-block;
  margin: 1em auto;
  font-size:1.75rem; 
}

.MarkupPagerNav li {
display: inline;
list-style: none;
  margin: 0;
  line-height: 1.4 !important;
  padding:0;
  background-image: none;
  font-weight: var(--strong);
}

.MarkupPagerNav li a, .MarkupPagerNav li.MarkupPagerNavSeparator {
    display: flex;
    float: left;
    padding: 2px 9px;
    margin-right: 3px;
    text-decoration: none;
    line-height: 2.25rem;
    align-content: center;
    flex-direction: row;
}

.MarkupPagerNav li.MarkupPagerNavOn a,
.MarkupPagerNav li a:hover {
color: white;
text-decoration: none;
}

.MarkupPagerNav li.MarkupPagerNavSeparator {
display: inline;
color: var(--grey-dark);
padding-left: 3px;
padding-right: 3px;
}

.MarkupPagerNavNext a,
.MarkupPagerNavPrevious a{
  font-weight: normal;
  font-size:1.2rem;
}

.MarkupPagerNavNext a{
    padding-left:2rem;
}

.MarkupPagerNavNext a::after{
  content: ' >';
  font-size: 2.25rem;
  padding-left:0.5rem;
  margin-top: -2px;
  
}

.MarkupPagerNavPrevious a::before{
  content: '<';
  font-size: 2.25rem;
  padding-right:0.5rem;
  margin-top: -2px;
  
}

.rp_test{
  position: fixed;
  z-index: 1;
  top:2px;
  left:0;
  width: 72px !important;
  height: 90px;
  max-width: 72px !important;
  max-height: 90px !important;
}
 
@media(min-width: 768px ){
  .rp_test{
    top:-10px;
    width: 33vw !important;
    height: calc(33vw * 1.25217) !important;
    max-width: 460px !important;
    max-height: 576px !important;
  }
}

.divider{
  display: inline-block;
  padding: 0 4px;
}

.css-socmed-link{
  display: block;
  padding:10px 5px 10px 40px;
  color: white;
  background:url(/site/assets/images/footer/footer_Telephone_Icon.svg) no-repeat left center;
  background-size: auto 30px;
  font-size: 0.875rem;
}

.css-socmed-face{
  background-image: url(/site/assets/images/footer/footer_Fbook_Icon.svg);
}

.css-socmed-fu{
  background-image: url(/site/assets/images/footer/footer_FindUs_Icon.svg);
  background-position-x: 2px;
}

.css-socmed-insta{
  background-image: url(/site/assets/images/footer/footer_instagram.svg);
}

.css-socmed-phone{
  background-position-x: 4px;
}

.css-socmed-tw{
  background-image: url(/site/assets/images/footer/footer_Tweeter.svg);
}

.osborne-logo {
	max-width: 36px;
	margin-right: 1rem;
}

.doc_link_group{
  margin-bottom: 2rem;
}

.doc_link{
  display: flex;
  padding:0.6rem 1rem 0.6rem 2.2rem;
  align-items: center;
  background:url('/site/assets/images/icons/icn_doc.svg') no-repeat;
  background-size:32px auto;
  background-position: left center;
  text-decoration: none;
  font-size: 1.1rem;
}

.file_meta{
  display: block;
  color:var(--grey-mid);
  font-size: 0.825rem;
  margin-left:0.5rem;
}

.doc_link_school{
  background-image:url('/site/assets/images/logo.svg');
}

.doc_link_academy{
  background-image:url('/site/assets/images/OS_symbol.svg');
}

.doc_link_none{
  background-image:none;
}

.doc_link_external:after{
  content: ' ';
  display: block;
  height: 16px;
  width:16px;
  background: url('/site/assets/images/icons/icn_external-me.svg') no-repeat;
  margin-left:0.5rem;
}

.lp_cards_grid{
  display: grid;
  gap:2rem;
  grid-template-columns: 1fr;
}

@media(min-width: 576px ){
  .lp_cards_grid{
    grid-template-columns: 1fr 1fr;
  }
}

@media(min-width: 768px ){
  .lp_cards_grid{
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.lp_card,
.tint-panel-content a.lp_card{
  display: flex;
  flex-direction: column;
  padding:1rem;
  background-color: #222;
  color:white;
  text-decoration: none;
}

.lp_card_image img{
  padding:0.5rem;
}

.lp_card_image img{
  width:100%;
  height: auto;
}

.lp_card_image figure{
  margin: 0;
}

.newsflash{
  background-color: #c30000;
  color: #fff;
  padding-top: 9px;
  padding-bottom: 9px;
}