@import url("/safety/files/includes/css/header-signature.css");
@import url("/safety/files/includes/css/breadcrumbs.css");
body {overflow-x:hidden;}
#homepage .multicolumn-container {padding: 0rem 0;}
.card-horizontal .card-title {padding-left: 1rem;}
#training .multicolumn-container {padding: 0rem 0;}
#training .col-md-4 {border: 1px solid #eee;padding: 1rem;}
#training .col-md-4:nth-child(even) {background:#eee;}
#training .col-md-4 p:nth-of-type(1) {font-size: 1.2rem;font-weight: 500;text-align: center;}
#training .col-md-9 .col-md-6 {border: 1px solid #eee;padding: 1rem;}
#training .col-md-9 .col-md-6:nth-child(even) {background:#eee;}
#training .col-md-9 .col-md-6 p:nth-of-type(1) {font-size: 1.2rem;font-weight: 500;text-align: center;}
#training .col-md-6 p:nth-of-type(1) {font-size: 1.2rem;font-weight: 500;text-align: center;}
#training .otherBx .multicolumn-container .multicolumn-container .col-md-6:nth-of-type(2) {display:block;visibility:visible;}
#training .otherBx .multicolumn-container .multicolumn-container .col-md-6 {border: 0px solid transparent; padding-right: 15px;padding-left:15px;background: #fff;}
#training .requireBx .multicolumn-container .multicolumn-container .col-md-6:nth-child(even) {background:#fff;}
#training .requireBx  .multicolumn-container .col-md-6 {border: 0px solid transparent;padding: 0rem 15px;}
#training .otherBx .multicolumn-container .col-md-6:nth-of-type(2) {display:none;visibility:hidden;}
#training .wrapper-box {border: 1px solid #eee;padding: 1rem;}
#training .wrapper-box:nth-child(even) {background:#eee;}
#training .wrapper-box p:nth-of-type(1) {font-size: 1.2rem;font-weight: 500;text-align: center;}
#training .wrapper-box:not(:last-child) {margin-bottom:1.5rem;}
#industrialHy .accordion-container {padding-top:0rem;}
#industrialHy .multicolumn-container:nth-of-type(2) {padding-bottom:0rem;}
#forms .multicolumn-container {padding: 0rem 0;}
#emergencyMang .customem-card {position:relative;margin-bottom:2rem;}
#emergencyMang .card-regular {padding-left:40px;}
#emergencyMang .evac:before {position: absolute;top: 0px;left: -35px;font: var(--fa-font-solid);content: '\e553';font-size: 1.6rem;color: #FFcd00;background: #1f5075;padding: .7rem;border-radius: 50%;}
#emergencyMang .fire:before {position: absolute;top: 0px;left: -35px;font: var(--fa-font-solid);content: '\f7e4';font-size: 1.6rem;color: #FFcd00;background: #1f5075;padding: .7rem 1rem .7rem 1rem; border-radius: 50%;}
#emergencyMang .intruder:before {position: absolute;top: 0px;left: -35px;font: var(--fa-font-solid);content: '\e5a9';font-size: 1.6rem;color: #FFcd00;background: #1f5075;padding: .7rem;border-radius: 50%;}
#emergencyMang .quake:before {position: absolute;top: 0px;left: -35px;font: var(--fa-font-solid);content: '\f6f1';font-size: 1.6rem;color: #FFcd00;background: #1f5075;padding: .7rem;border-radius: 50%;}
#emergencyMang .sus-person:before {position: absolute;top: 0px;left: -35px;font: var(--fa-font-solid);content: '\e542';font-size: 1.6rem;color: #FFcd00;background: #1f5075;padding: .7rem;border-radius: 50%;}
#emergencyMang .weather:before {position: absolute;top: 0px;left: -35px;font: var(--fa-font-solid);content: '\f071';font-size: 1.6rem;color: #FFcd00;background: #1f5075;padding: .7rem;border-radius: 50%;}
#emergencyMang .shelter:before {position: absolute;top: 0px;left: -35px;font: var(--fa-font-solid);content: '\e54f';font-size: 1.6rem;color: #FFcd00;background: #1f5075;padding: .7rem;border-radius: 50%;}
#emergencyMang .medical:before {position: absolute;top: 0px;left: -35px;font: var(--fa-font-solid);content: '\f0f9';font-size: 1.6rem;color: #FFcd00;background: #1f5075;padding: .7rem;border-radius: 50%;}
#emergencyMang .infophone:before {position: absolute;top: 0px;left: -35px;font: var(--fa-font-solid);content: '\f2a0';font-size: 1.6rem;color: #FFcd00;background: #1f5075;padding: .7rem;border-radius: 50%;}
#emergencyMang .media:before {position: absolute;top: 0px;left: -35px;font: var(--fa-font-solid);content: '\f130';font-size: 1.6rem;color: #FFcd00;background: #1f5075;padding: .7rem;border-radius: 50%;}
#emergencyMang h2.heading-1, #emergencyMang h2.heading-2, #emergencyMang h2.heading-3, #emergencyMang h2.heading-4, #emergencyMang h2.heading-5, #emergencyMang h2.heading-6  {z-index:3; position:relative;}
#emergencyMang h2.heading-6 {padding-left: 10px;}
#emergencyMang h2.heading-1:after {position: absolute;content: '';display: inline-block;left: -5px;right: 84%; top: 58%;background-color: #ffcd00;height: 20px;min-height: 20px;z-index: -1;}
#emergencyMang h2.heading-2:after {position: absolute;content: '';display: inline-block;left: -5px;right: 84%; top: 58%;background-color: #ffcd00;height: 20px;min-height: 20px;z-index: -1;}
#emergencyMang h2.heading-3:after {position: absolute;content: '';display: inline-block;left: -6px;right: 61%;top: 58%;background-color: #ffcd00;height: 20px;min-height: 20px;z-index: -1;}
#emergencyMang h2.heading-4:after {position: absolute;content: '';display: inline-block;left: -6px;right: 54%;top: 58%;background-color: #ffcd00;height: 20px;min-height: 20px;z-index: -1;}
#emergencyMang h2.heading-5:after {position: absolute;content: '';display: inline-block;left: -6px;right: 41%;top: 58%;background-color: #ffcd00;height: 20px;min-height: 20px;z-index: -1;}
#emergencyMang h2.heading-6:after {position: absolute;content: '';display: inline-block;left: -6px;right: 92%;top: 49%;background-color: #ffcd00;height: 20px;min-height: 20px;z-index: -1;}
.box-wrapper.default {background: transparent !important;}
.home-hero-wrapper, .interior-hero-wrapper {
    margin-top: -1rem;
}
.box-wrapper.themeCustom {
  background-color: #111c4e !important;
  background-image: url(https://www.uaf.edu/_resources/images/themes/Troth-Yeddha-topo-border_2766.svg) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  padding: 0;
  margin-bottom: 3rem;
}
.box-wrapper.themeCustom .multicolumn-container {
  padding: 0;
}
.box-wrapper.themeCustom .multicolumn-container .row .mb-3 {
  margin-bottom: 0 !important;
}
.box-wrapper.themeCustom .ou-component-icon-card .card:hover {
  -moz-transition: all .1s ease-in;
  -o-transition: all .1s ease-in;
  -webkit-transition: all .1s ease-in;
  transition: all .1s ease-in;
  background-color: #ffcd00;
  color: #000000;
}
.box-wrapper.themeCustom .ou-component-icon-card .card:hover a {
  color: #000000 !important;
}
.box-wrapper.themeCustom .ou-component-icon-card {height:100%;}
.box-wrapper.themeCustom .customicon-card-transparent {height:100%;}
.customicon-card-transparent {
  background-color: transparent;
  color: #fff;
  padding: 1rem;
}
.customicon-card-transparent .h3 {
  font-family: 'Factoria', serif;
  font-size: xx-large;
}
.customicon-card-transparent .h3 a:link, .customicon-card-transparent .h3 a:visited {
  color: #fff !important;
}
.customicon-card-transparent .h3 a:hover, .customicon-card-transparent .h3 a:active {
  color: #ffcd00 !important;
}
.largeAccordion .h5 a {margin-left:.9rem;}
.largeAccordion .h5 .rotate-icon {float:left !important;}
/* ============ MEGA MENU STYLES ============ */
.navbar {background:#111c4e;}
.navbar .container {align-items:normal;}
.navbar .megamenu {padding: 0;}
.navbar a.nav-link:link, .navbar a.nav-link:visited {color:#fff !important;}
.navbar a.nav-link:hover, .navbar a.nav-link:active {color:#ffcd00 !important;}
.navbar .col-megamenu {border-left: 1px solid #000; padding:1rem;}
.navbar ul {padding-left:0;}
.navbar .dropdown-item {line-height:1.25rem; padding:.5rem 1rem; text-wrap:balance; white-space:normal;}
.navbar-light .navbar-toggler {color:#fff; border-color:#fff; border-radius:3px !important;}
.navbar-light .navbar-toggler-icon {background-image:none;}
.navbar-light .navbar-toggler-icon::before {color:#fff; content: '\f0c9'; display: block; font-family: "Font Awesome 6 Sharp"; margin-top: 0.25rem;}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.navbar .container {align-items:center;}
	.navbar .megamenu .col-6 {flex: 0 0 50% !important;}
	.navbar .has-megamenu {position: static !important;}
	.navbar .megamenu {left:0; right:0; width:100%; margin-top:0; padding: 1rem 2rem;}

}	
/* ============ desktop view .end// ============ */

/* ============ mobile view ============ */
@media(max-width: 991px){
	.navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse {
		overflow-y: auto;
		max-height: 90vh;
		margin-top:10px;
	}
	.navbar .megamenu .col-6 {flex: 0 0 100% !important; max-width: 100% !important;}
}
/* ============ mobile view .end// ============ */
.megamenu h6 {font-family: 'Factoria', serif !important;}
.dropdown-item {
  position: relative;
  display: inline-block;    /* KEY: makes hover area fit the text, not the whole column */
}
.dropdown-item[href="/safety/occupational-safety.php"]::before {
    content: "Occupational Safety \A ";   /* whatever you want */
	font-family: 'Factoria', serif !important;
	font-weight:bold; position:absolute; left:0; top:-1.5rem; white-space:pre;pointer-events:none;
}
.dropdown-item[href="/safety/occupational-safety.php"] {margin-top:2.5rem;}