/*** 

  css_template_bass.css
  
  Styles for constructing the basic layout of our template.
  
***/

* {
  font-family: acumin-pro, "Franklin Gothic", sans-serif;
}

h1, 
.h1,
h2, 
.h2,
h3, 
.h3,
h4, 
.h4,
h5, 
.h5,
h6, 
.h6,
h1 a, 
h2 a, 
h3 a, 
h4 a, 
h5 a, 
h6 a {
  color: #555960;
  font-family: acumin-pro-semi-condensed, "Franklin Gothic", sans-serif;
  font-weight: 600;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

h1,
h1 * {
  color: #000;
  font-family: "United Sans",Impact,"Arial Black","sans serif";
  font-size: 28px;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 20px;
  margin-top: 1.8rem;
  margin-bottom: .9rem;
}

h4 {
  font-size: 18px;
  margin-top: 1.5rem;
  margin-bottom: .8rem;
}

h5 {
  font-size: 16px;
  margin-top: 1.25rem;
  margin-bottom: .5rem;
}

h6 {
  font-size: 14px;
  margin-top: 1rem;
  margin-bottom: .5rem;
}

table, 
p, 
div, 
li,
ul li, 
ol li,
blockquote  {
  font-size: 16px;
}

li {
  margin-bottom: .5em;
}

a { 
  cursor: pointer !important;
  color: #8e6f3e;
}

a:hover,
a:link,
a:visited,
a:active {
  color: #8e6f3e;
}

label {
  font-weight: 700;
}

div.h1 {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

.container-fluid {
  margin: 0;
  padding: 0;
}

.container-fluid .row {
  margin-left: 0;
  margin-right: 0;
}

video::-webkit-media-controls-start-playback-button { 
  #display: none !important;
}

.fullscreen-bg-video {
  background-color: transparent !important;
}



/* Top of page */

body {
  margin: 0;
}


/* Top bar containing main navigation menus (on home page), social links, and search */

#top-bar-container {
  min-height: 34px;
  background-color: #cfb991;
  color: #fff;
}

#top-bar {
  
}



/* Site header, with Purdue logo and the name of the site or school */

#site-header-container {
  position: relative;
  background-color: #000;
}

#site-header .header-content {
  width: 100%;
  min-height: 95px;
  text-align: center;
}

#purdue-logo {
  margin: 30px auto;
}
  
#purdue-logo a {
  display: block;
  width: 200px;
  margin: auto;
}
      
#purdue-logo img {
  max-width: 100%;
}

#entity-title {
  margin: 30px auto;
}

#entity-title,
#entity-title a {
  font-family: acumin-pro-condensed, "Franklin Gothic", sans-serif;
  font-weight: bold;
  font-size: 1rem;
  /*letter-spacing: 1px;*/
  color: #fff;
}


#entity-title a:hover {
  text-decoration: none;
}



/* Breadcrumbs and print-friendly version link */

#breadcrumbs {
  position: relative;
  top: 3px;
  padding: 0;
}

#breadcrumbs * {
  font-size: 11px;
}

.breadcrumb {
  font-size:12px;
  background-color: #c4bfc0;
  padding: 0.5rem 1rem;
  border-radius: 0;
}

.breadcrumb ol {
  padding: 0;
  margin: 0;
}

.breadcrumb ol li,
.breadcrumb ol li a {
  /* color:#555960; */
  color: #222;
}

.breadcrumb.uppercase {
  text-transform: uppercase;
}

.breadcrumb-item.active {
  font-weight: bold;
}

.breadcrumb .edit-link {
  text-transform: none !important;
}

#print-friendly-link a {
  color:#555960;
  text-decoration: none;
}



/* Main content styles */

#maincontent {
  padding-bottom: 2rem;
}

#maincontent > .content {
  max-width: 50rem;
}

#maincontent.expand > .content {
  max-width: 100%;
}


/* Content area styles */

#maincontent > .content img {
  max-width: 100%;
}


/* Sidebar styles */

#maincontent > .sidebar {
  padding-top: 2rem;
  max-width: 25rem;
}

#maincontent.expand > .sidebar {
  max-width: unset;
}

#maincontent > .sidebar .sidebar-content {
  margin: 0;
  padding: 0 5px 15px 15px;
}

#maincontent > .sidebar .sidebar-content ul {
  padding: 0;
  margin: 1rem 0 0 0;
  list-style-type: none;
}

#maincontent > .sidebar .sidebar-content li {
  list-style-type: none;
  margin: .5em 0 .5em 0;
  line-height: 1.1em !important;
}

#maincontent > .sidebar .sidebar-content a {
  color: #000;
  text-decoration: none;
}

#maincontent > .sidebar .sidebar-content a:hover,
#maincontent > .sidebar .sidebar-content a:active {
  text-decoration: underline;
}

#maincontent > .sidebar .sidebar-left {
  border: 1px solid #8e6f3e;
}

#maincontent > .sidebar .heading {
  background-color: #555960;
  padding: 10px 5px 10px 15px;
  margin: 1rem -5px 1rem -15px; 
}

#maincontent > .sidebar .sidebar-content .heading,
#maincontent > .sidebar .sidebar-content .heading a,
#maincontent > .sidebar .sidebar-content .heading a:hover {
  font-family: "United Sans",Impact,"Arial Black","sans serif";
  font-size: 1.1rem !important;
  color: #fff !important; 
}

#maincontent > .sidebar .sidebar-content li.heading {
  margin: .5em -5px .5em -15px;
}

#maincontent > .sidebar .sidebar-left .heading {
  background-color: #8e6f3e;
  margin-top: 0; 
}



      
/* Media queries for a given screen size or LARGER */

/* Extra small devices (portrait phones, less than 576px)
   No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

  #site-header .header-content {
    min-height: 95px;
    display: flex;
    flex-basis: auto;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
  }
  
  #site-header #entity-title {
    text-align: left;
  }
  
  #purdue-logo {
    padding-right: 20px;
    margin: 30px 20px 30px 30px;
    border-right: 2px solid #9d9795;
  }
  
  #purdue-logo a {
    width: 160px;
  }
  
  #entity-title,
  #entity-title a {
    margin: 0;
    font-size: 1.25rem;
  }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

  #purdue-logo a {
    width: 190px;
  }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}




/* Media queries for a given screen size or SMALLER */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}

/* Extra large devices (large desktops)
   No media query since the extra-large breakpoint has no upper bound on its width */