@charset "UTF-8";
/* CSS Document */

   /* brings in strive font */
@font-face {
  font-family: 'Strive-Regular';
  src: url('/template/wp24/fonts/Strive-Regular.otf') format('opentype');
}

/***********************/
/*** BTN BOX **********/
/***********************/
.btnBox {
  font-family: "Bree Serif", serif;
  font-size: 17px;
  cursor: pointer;
  outline: none;
  transition: background-color 0.1s ease;
  text-decoration: none; /* Remove default link underline */
  display: inline-block; /* Ensure buttons appear inline */
  text-transform: uppercase; /* Convert text to uppercase */
  letter-spacing: 1px;
  text-align: center;
  margin: 10px;
  padding: 8px 28px;
  box-sizing: border-box;
  font-weight:normal;
}
.btnBox:active {
  transform: translateY(4px); /* Move the button down by 4 pixels */
}
.btnLight {
  color: black !important;
  border: 2px solid #FF6720;
  background-color: transparent;
}
.btnLight:hover {
  background-color: #D03E00 !important;
  color: white !important;
  text-decoration: none; /* Remove underline on hover */
  border: 2px solid #D03E00;
}
.btnDark {
  color: white;
  border: 2px solid #FF6720;
  background-color: transparent;
}
.btnDark:hover {
  background-color: #D03E00 !important;
  color: #fff !important;
  text-decoration: none; /* Remove underline on hover */
  border: 2px solid #D03E00;
}
.btnPercent95 {
width:95%;
font-size:14px;
margin-bottom:0;
}
/***********************/
/*** BTN RULE **********/
/***********************/
.btnRule {
  font-family: "Bree Serif", serif;
  font-size: 13px;
  padding: 8px 28px; /* Initial padding */
  border: none;
  background-color: transparent;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: auto;
  text-align: center;
  margin: 10px 10px;
  position: relative;
  transition: padding 0.3s ease;
}
.btnRule::after {
  content: '';
  position: absolute;
  bottom: -2px; /* Position the pseudo-element just below the button */
  left: 0;
  width: 100%;
  height: 2px; /* Height of the border */
  transition: width 0.3s ease, left 0.3s ease; /* Smooth transition for the border expansion */
  background-color: #FF6720; /* Color of the border */
}
.btnRule:hover a {
  text-decoration: none; /* Remove underline on hover */
}
.btnRule:hover::after {
  width: calc(100% + 20px); /* Expand the border on hover */
  left: -10px; /* Adjust position to keep it centered */
  text-decoration: none;
}
.btnRule:active {
  transform: translateY(4px);
}
.btnRuleLight {
  color: #000;
}
.btnRuleLight:hover {
  color: #000;
}
.btnRuleDark {
  color: #fff;
}
.btnRuleDark:hover {
  color: #fff;
}
/************************/
/*** BTN Arrow *********/
/***********************/
.btnArrow {
  display: inline-block;
  padding: 0 30px 0 0; /* Adjusted right padding */
  text-decoration: none;
  font-size: 17px;
  position: relative;
  cursor: pointer;
  transition: padding-right 0.3s ease; /* Transition added */
  font-family: 'Bree Serif', serif;
  font-weight:normal;
}
.btnArrow::after {
  content: '➜'; /* Changed to a different arrow shape */
  position: absolute;
  top: 50%;
  right: 5px; /* Adjusted position */
  transform: translateY(-50%);
  transition: right 0.3s ease; /* Transition added */
  font-size: 20px; /* Making the arrow bigger */
}
.btnArrow:hover {
  text-decoration: none; /* Remove underline on hover */
}
.btnArrow:hover::after {
  right: -15px; /* Adjusted arrow position on hover */
}
.btnArrow:active {
  transform: translateY(4px);
}
.btnArrow:focus, .btnArrowLight:visited  {
  text-decoration: none;
   color: #FF6720;
}

.btnArrow:focus, .btnArrowDark:visited  {
  text-decoration: none;
   color: #FBCA19;
}

.btnArrowLight {
  color: #000 !important;
}
.btnArrowDark {
  color: #FBCA19;
}
.btnArrowLight::after {
  color: #FF6720;
}
.btnArrowDark::after {
  color: #FBCA19;
}
.btnArrowLight:hover {
  color: #000;
}
.btnArrowDark:hover {
  color: #FBCA19;
}

/* positions social feed on univ homepage */
.socialFeedLink {
  text-align:right;
  margin-top:-55px;
  margin-bottom:40px;
  text-transform:uppercase;
}