* Table of Contents
 *
 * 0. Font Face Definitions
 * 1. General styles
 * 2. Accordions
 * 3. Footer
 * 4. BJU News
 * 5. Form Helper Classes
 * 6. Banner Ads
 * 7. Custom Navigation Buttons
 * 8. General Content
 * 9. Search Results
 * 10. Hero image
 */


/*
 * 0. Font Face Definitions
 */
@font-face {
  font-family: SourceSansPro;
  src: url(/media/bju-home/site-resources/fonts/SourceSansPro-Regular.ttf);
}

@font-face {
  font-family: Antonio;
  src: url(/media/bju-home/site-resources/fonts/Antonio-Regular.otf);
}

@font-face {
  font-family: Antonio-Light;
  src: url(/media/bju-home/site-resources/fonts/Antonio-Light.otf);
}

@font-face {
  font-family: Antonio-Bold;
  src: url(/media/bju-home/site-resources/fonts/Antonio-Bold.otf);
}

@font-face {
  font-family: Roboto;
  src: url(/media/bju-home/site-resources/fonts/Roboto-Regular.ttf);
}


/*
 * 1. General styles
 */
.back-arrow {
  font-size: 1.5em;
}

a {
  color: #478599;
  text-decoration: none;
  font-weight: normal;
}

a:hover {
  color: #18557f;
  text-decoration: underline;
}

.toc-link a,
#top-nav a,
#mobile-nav a,
.custom-nav-button a,
.t4Edit-page {
  text-decoration: none !important;
}

.cursor-pointer {
  cursor: pointer;
}

/*
The following styles are used on every page layout,
and they make the footer stick to the bottom of the page
when there's not enough content to push it all the way down.
When there's enough content to have to scroll, the footer is
displayed at the bottom of the page content and will scroll
into view.
*/
.bju-page-wrapper {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.bju-page-wrapper .flex-size-auto {
  flex-shrink: 0;
}

.bju-page-wrapper .flex-fill-space {
  flex: 1 0 auto;
}
/* this is the end of what that enormous comment above is talking about */

/* BJU brand styles */
body {
  font-family: SourceSansPro;
  color: black;
}

p {
  line-height: 1.8;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Antonio;
  color: #001b41;
}

h2 { font-size: 2.2em; font-family: Antonio-Light;}
h3 { font-size: 1.9em; font-family: Antonio-Bold;}
h4 { font-size: 1.5em; padding:5px 0;}
h5 { font-size: 1.3em; font-style: italic; }
h6 { font-size: 1.2em; color:#AF6C42; }


a h1, a h2, a h3, a h4,
h1 a, h2 a, h3 a, h4 a {
  color: #e45439;
}
a:hover h1, a:hover h2, a:hover h3, a:hover h4,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
  color: #f9501d;
}

.noscroll {
  overflow: hidden !important;
}

ul {
  margin-left: 2rem;
}

.h-500px {
  height: 500px !important;
}

/* try to hide the fact that the "edit this page" link is a link */
.t4Edit-page {
  cursor: default;
}


/*
 * 2. Accordions
 */
.accordion .card-header:hover,
.accordion .card-header[aria-expanded="true"] {
  background-color: #e6e8f7;
}

.accordion .card-header[aria-expanded="false"] .accordion-state-indicator::after,
.accordion .card-header[aria-expanded="false"] .accordion-state-indicator:after {
  content: '+';
}

.accordion .card-header[aria-expanded="true"] .accordion-state-indicator::after,
.accordion .card-header[aria-expanded="true"] .accordion-state-indicator:after {
  content: '\002013'; /* n-dash */
}

.accordion-direct-link,
.accordion-direct-link:hover {
  color: #000000;
  outline: none;
}

.accordion-direct-link i {
  font-size: .9em;
}


/*
 * 3. Footer
 */
.bju-footer {
  background-color: #001641;
  color: white;
}

.bju-footer a,
.bju-footer a:hover {
  color: white;
}

.bju-footer .footer-image img {
  width: 100%;
}



/*
 * 7. Link Buttons
 */
.custom-nav-button {
  padding-right: 4px !important;
  margin-bottom: 4px;
}

.custom-nav-button a {
  border: none !important;
  box-shadow: none !important;
}


/*
 * 8. General Content
 */
.general-content-border {
  border: 1px solid #dbdbdb;
  border-radius: 3px;
  padding: 1rem;
}


/*
 * 9. Search Results
 */
.search-result {
  margin-bottom: 26px;
}
.search-result a {
  color: #0000ee;
  font-size: 18px;
  line-height: 21.6px;
  font-family: Roboto, sans-serif;
}
.search-result p {
  margin: 0px;
}
.search-result p.search-result-url {
  font-size: 14px;
  line-height: 16px;
  font-family: Roboto, sans-serif;
  color: #006621;
}
.search-result p.search-result-snippet {
  font-size: 13px;
  line-height: 18.2px;
  font-family: Roboto, sans-serif;
  color: #555555;
}
.banner {
    height: 100px;
  	position: -webkit-sticky;
	position: -moz-sticky;
    position: -ms-sticky;
	position: -o-sticky;
	position: sticky; 
	top:0; 
	z-index:100;
    display:flex;
  	justify-content:center;
  	overflow-x:hidden;
}

@media print {
	.col-print-12 {
		max-width:100% !important; 
		float:left !important;
		flex: 0 0 100% !important;
	}

}


.sticky{
	position: sticky; 
	top:100px;
	z-index: 10;
}

#toc .toc-link a {
  display: block;
  padding: 5px 10px 5px 30px;
  color: #001641;
  border-bottom: 1px solid #001641;
  margin: 0 -15px 0 -15px;
}

#toc .toc-link a:hover {
  background-color: #8ed5f5;
  border-left: 5px solid #001641;
  padding: 7px 10px 7px 10px;
  font-size: 1.1em;
  color: #ffffff;
  text-decoration:none;
  
}

#mobile-toc .toc-link a {
  display: block;
  padding: 5px 10px 5px 30px;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
  background-color: #00b6f0;
}

#mobile-toc .toc-link a:hover {
  background-color: #8ed5f5;
  border-left: 5px solid #001641;
  padding: 7px 10px;
  font-size: 1.1em;
  text-decoration:none;
}

#toggle-mobile-toc {
  margin-left: auto;
  width: 48px;
  cursor: pointer;
  background-color: #00b6f0;
  color: #ffffff;
  font-size: 1.2em;
  padding: 10px;
  border-radius: 50%;
  white-space: nowrap;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

#toggle-mobile-toc.mobile-toc-toggle-reach-down {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding-bottom: 10px;
}

.mobile-toc-icon {
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(90deg);
}

.toc-header {
	color: #001641;
	font-size: 1.5em;
	font-weight: bold;
	padding: 8px 15px;
	border-bottom: 2px solid #001641;
	text-align:center;
}

#mobile-toc-header {
	font-size: 18pt;
	color: #ffffff; 
	border-bottom: 2px solid #ffffff; 
	background-color: #00b6f0;
}

.anchor {
   position: relative;
   top: -160px;
   visibility:hidden;
}

thead {
	text-align: center; 
}



table ul.no-bullets {
  list-style-type: square;
  margin: 0;
  padding: 0 0 0 20px;
}

.table td {
 	vertical-align: middle;
}

.table th {
 	vertical-align: middle;
}

.handbook-header {
  
}

.handbook-content {
  padding: 5px 0px;
}

.handbook-text {
  
}

.handbook-table {
  
}

.handbook-table-content {
  
}