/* ========================================
   BUTTONS
   ======================================== */

.button-slanted {
  display: inline-block;
  background: #232D4B;
  color: #fff !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0.75rem 1.5rem;
  position: relative;
  overflow: hidden;
  border: none;
  text-decoration: none;
  transform: skew(-15deg);
  transition: background 0.3s ease;
}

.button-slanted span {
  display: inline-block;
  transform: skew(15deg);
}

.button-slanted:hover {
  background: #007bac;
}

.paragraph--type--hero-slide .field-field_cta a, 
.button.small, a.button.small {
	background:#232d4b;
}

.white-button {
	border-radius:30px;
	border:1px solid #e57200;
	color:#003a70 !important;
	background:white;
	font-size:.9rem;
}

.white-button:hover {
	background:#e57200;
	border:none;
}

a.node-link,
.view-link .button,
.uva-news-view .button,
.upcoming-events-view--vertical .button,
.upcoming-events-view a.node-link {
  background: white;
  color: #003a70 !important;
}


.view-link .button:hover,
.uva-news-view .button:hover,
.upcoming-events-view--vertical .button:hover {
  background: #232d4b;
  color: white !important;
}


/* ========================================
   HERO SLIDE CTA
   ======================================== */

.page-content .paragraph--type--hero-slide .field-field_cta a {
  color: #003a70;
  background: white;
}

.page-content .paragraph--type--hero-slide .field-field_cta a:hover {
  background: #232d4b;
  color: white;
}


/* ========================================
   GENERAL PAGE CONTENT LINKS
   ======================================== */

.page-content p > a:not([class]), 
.page-content p > a:not([class]):hover, 
.page-content p > a:not([class]):link, 
.page-content p > a:not([class]):visited, 
.page-content p > a:not([class]):active,
.page-content ul li a:not([class]), 
.page-content ul li a:not([class]):hover, 
.page-content ul li a:not([class]):link, 
.page-content ul li a:not([class]):visited, 
.page-content ul li a:not([class]):active,
.field-field_email a,
.field-field_academia a,
.field-field_phone a,
.field-field_phone a:link {
  color: #003a70 !important;
  text-decoration: underline;
  text-decoration-color: #e57200;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}

.page-content a:not([class]):hover,
.page-content--precontent nav > ul > li > ul a:hover,
.field-field_email a:hover,
.field-field_academia a:hover {
  background-color: rgba(0, 58, 112, 0.08);
  text-decoration: underline;
  text-decoration-color: #e57200;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}

.page-content .field-field_menu_item ul li a:not([class]):link {
  text-decoration: none;
  color: #0E1A26;
}


/* ========================================
   NAVIGATION
   ======================================== */

.page-content--precontent nav > ul > li > ul > li {
  line-height: 150%;
  margin: 15px 0;
}

.main-content .page-content ul.block-menu > li > ul a {
  text-decoration: none;
}

.main-content .page-content ul.block-menu > li > .has-subnav > a.is-active,
.main-content .page-content ul.block-menu > li > ul a.is-active {
  font-weight: bold;
  color: #003a70;
}


/* ========================================
   PAGINATION
   ======================================== */

.pager .pager__items a {
  color: #007bac;
}

.pager .pager__items a:hover {
  font-weight: bold;
}


/* ========================================
   NEWS VIEWS
   ======================================== */

.news-stacked .views-field.views-field-view-node a {
  color: #003a70;
  text-decoration: none;
  display: inline-block;
  transition: transform 0.25s ease, text-shadow 0.25s ease;
}

.news-stacked .views-field.views-field-view-node a:hover {
  transform: scale(1.05);
}

.news-stacked .views-field.views-field-view-node a:after {
  content: '→';
  margin-left: 8px;
  color: #e57200;
}


/* ========================================
   EVENTS
   ======================================== */

#block-views-block-upcoming-events-block-1 .views-row .node-title {
  font-size: 1.4em;
  color: #003a70;
}

#block-views-block-upcoming-events-block-1 .views-row .node-title:hover {
  background-color: rgba(0, 58, 112, 0.08);
  text-decoration: none;
}

#block-views-block-upcoming-events-block-1 .views-row .node-link {
  font-weight: 800;
  color: #003a70;
}

.events-list .views-field.views-field-title a {
  color: #232d4b;
}

.events-list .views-field.views-field-title a:after {
  content: '→';
  margin-left: 5px;
  font-size: 1.1em;
  font-weight: bold;
  color: #e57200;
  text-decoration: none !important;
}

.events-list .views-field.views-field-title a:hover {
  text-decoration: none;
}

.upcoming-events-view--vertical .node-link {
  color: #003a70;
}

.upcoming-events-view--vertical .node-link:hover {
  text-decoration-color: #e57200;
  text-decoration-thickness: 1px;
}


/* ========================================
   PEOPLE VIEW
   ======================================== */

.our-people-view .item-list ul li .node-link {
  color: #003a70;
  font-size: 1em;
  padding: 2px 4px;
  position: relative;
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease;
}

.our-people-view .item-list ul li .node-link:after {
  content: '→';
  margin-left: 4px;
  color: #e57200;
  display: inline-block;
  transition: transform 0.25s ease;
  transform: translateX(0);
}

.our-people-view .item-list ul li .node-link:hover {
  background-color: rgba(0, 58, 112, 0.08);
  text-decoration: none;
}

.our-people-view .item-list ul li .node-link:hover::after {
  transform: translateX(3px);
}


/* ========================================
   FIELD ICONS (Font Awesome)
   ======================================== */

.field-field_email a::before {
  font-size: 1em;
  display: inline-block;
  margin-right: 7px;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f0e0";
}

.field-field_academia a::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f0ac";
  display: inline-block;
  margin-right: 7px;
  text-decoration: none;
}


.field-field_phone a::before {
  font-size: 1em;
  display: inline-block;
  margin-right: 7px;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f095";
}