/*
=======================================
Global Styles
=======================================
*/
/* Layout
  ----------
  1. Header
  2. Navigation menus
  3. Content
  4. Sidebars
  5. Footer
*/
@import url(https://fonts.googleapis.com/css?family=Anton);
html {
  color: #444444;
  overflow-x: hidden; }

body {
  background: #e9e9e9;
  color: #444444;
  font-size: 13px;
  letter-spacing: 0.02em;
  line-height: 1.5;
  margin: 0;
  padding: 0; }

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

/* Web Fonts */
/* font-family: 'Anton','Helvetica Neue',Helvetica,Arial,sans-serif; */
/* hide print-only elements */
.print-only {
  display: none; }

/* Build-out File Reference */
#build-out-ref-file {
  margin-bottom: 15px;
  display: none; }
  #build-out-ref-file span {
    background: #ffc;
    border: 2px dotted #ddd;
    color: #888;
    display: inline-block;
    letter-spacing: 0;
    padding: 5px 10px; }
  #build-out-ref-file span:before {
    content: "File used: ";
    display: inline-block;
    margin-right: 0.5em; }

/* END: Build-out File Reference */
/* Hide/Show elements */
.mobile-only {
  display: none !important; }

/* END: Hide/Show elements */
#page {
  background: #fff; }

#admin-menu,
#admin-menu .dropdown {
  z-index: 9999; }

#skip {
  display: none; }

.inner {
  position: relative; }

/*
---------------------------
Header
---------------------------
*/
#header {
  position: relative; }
  #header .header-inner {
    margin: 0;
    position: absolute;
    width: 100%;
    z-index: 999; }

/*
Logo & Toggle buttons
-----------------------
*/
#toggle-region {
  margin: 10px 0;
  padding: 0;
  position: relative;
  z-index: 999; }
  #toggle-region #logo {
    background: #004c97;
    display: block;
    min-height: 80px;
    padding: 20px 25px;
    /*padding: 15px 15px 15px 25px;*/
    /*padding: 20px 20px 20px 25px; */
  }
  #toggle-region #logo img {
    /*
    height: auto;
    max-width: 230px;
    width: 100%;
    */
    height: auto;
    /*    max-height: 42px;*/
    width: auto;
    vertical-align: middle; }

/* full screen template */
#page.full-screen #header {
  background: #004c97; }
  #page.full-screen #header .header-inner {
    position: relative; }
  #page.full-screen #header #logo {
    background: #004c97;
    display: block;
    min-height: 72px;
    padding: 20px 20px 20px 25px; }
    #page.full-screen #header #logo img {
      height: auto;
      max-height: 32px;
      width: auto;
      vertical-align: middle; }

/* END: full screen */

#toggle-region .btn.toggle,
.toggle-region .btn.toggle {
  background: #f0f0f0 url(/https/www.fnal.gov/fnalincludes/v6_0/images/icons/sprite-toggle.png) no-repeat center 0;
  border: 1px solid #bbb;
  border-radius: 3px;
  -moz-border-radius: 3px;
  display: block;
  margin: 0;
  outline: none;
  position: absolute;
  text-indent: -9999px;
  height: 28px;
  width: 32px;
  z-index: 9999;
  display: none;
}

#toggle-region .btn.navbar-toggle,
.toggle-region .btn.navbar-toggle {
  background-position: center -115px;
  bottom: 10px;
  left: 10px;
}

#toggle-region .btn.search-toggle,
.toggle-region .btn.search-toggle {
  background-position: center -35px;
  bottom: 10px;
  right: 10px;
}

/* extra toggle regions */
.toggle-region {
  margin: 0;
  padding: 10px;
}

.toggle-region .btn.toggle {
  position: static;
}


/*
Collapse region
-----------------------
*/
#collapse-region {
  margin: 22px 0;
  padding: 0; }

/*
Navigation
*/
#navigation .nav,
#navigation .nav .dropup,
#navigation .nav .dropdown,
#navigation .nav .collapse {
  position: static; }

#collapse-region #navigation {
  padding: 0;
  width: 100%; }

#navigation ul.nav {
  background: url("/https/www.fnal.gov/fnalincludes/v6_0/images/alpha-bgs/opaque-80.png") repeat 0 0;
  margin: 0;
  padding: 0;
  width: 100%; }
  #navigation ul.nav.nav-row-01 {
    margin-bottom: 8px; }
  #navigation ul.nav li {
    padding: 5px 0; }
  #navigation ul.nav ul.dropdown-menu {
    font-size: inherit; }
  #navigation ul.nav li > a {
    border-left: 1px solid #eaaf00;
    color: #fff;
    font-size: 13px;
    letter-spacing: 0.08em;
    line-height: 1em;
    padding: 2px 15px; }
  #navigation ul.nav li:first-child > a {
    border: none; }
  #navigation ul.nav .open > a, #navigation ul.nav .open > a:hover, #navigation ul.nav .open > a:focus, #navigation ul.nav li > a:focus, #navigation ul.nav li > a:hover {
    background-color: transparent;
    color: #fff;
    text-decoration: underline; }
  #navigation ul.nav.nav-row-01 li > a {
    border-color: #eaaf00; }
  #navigation ul.nav.nav-row-02 li > a {
    border-color: #a8dbc0; }

/*
Mega menus
*/
#navigation li.dropdown.mega-menu.open {
  background: #fff; }
#navigation li.dropdown.mega-menu.open > a {
  background: #fff;
  color: #339999;
  text-decoration: none; }
#navigation li.dropdown.mega-menu ul.dropdown-menu {
  border: none;
  padding: 15px; }
  #navigation li.dropdown.mega-menu ul.dropdown-menu li {
    border: none;
    padding: 0; }
#navigation li.dropdown.mega-menu .mega-menu-content {
  background: url("../images/dot-light-gray.png") repeat-y 32.5% 0; }
#navigation li.dropdown.mega-menu .mega-menu-content .row {
  background: url("../images/dot-light-gray.png") repeat-y 66.5% 0; }
#navigation li.dropdown.mega-menu .mega-menu-content .title {
  background: #e9e9e9;
  border-bottom: 6px solid #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.1em;
  font-weight: normal;
  margin: 0;
  padding: 4px 6px; }
  #navigation li.dropdown.mega-menu .mega-menu-content .title a {
    color: #339999; }
#navigation li.dropdown.mega-menu .mega-menu-content h5 {
  border: none;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.1em;
  font-weight: normal;
  margin: 5px 0;
  padding: 0 6px; }
  #navigation li.dropdown.mega-menu .mega-menu-content h5 a {
    color: #339999; }
#navigation li.dropdown.mega-menu .mega-menu-content ul {
  margin: -3px 0 5px 0;
  padding-left: 30px; }
  #navigation li.dropdown.mega-menu .mega-menu-content ul li {
    border: none;
    margin: 0;
    padding: 0; }
  #navigation li.dropdown.mega-menu .mega-menu-content ul a {
    border: none;
    color: #339999;
    font-size: 0.9em;
    letter-spacing: 0.02em;
    margin: 0;
    padding: 0; }

/*
Search box
*/
#collapse-region #top-search {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0; }
  #collapse-region #top-search label {
    display: none; }
  #collapse-region #top-search .form-group {
    display: inline-block;
    height: 25px;
    float: left;
    margin-bottom: 0; }
  #collapse-region #top-search input[type="text"] {
    background: white url("/https/www.fnal.gov/fnalincludes/v6_0/images/icons/btn-pointer-blue.png") no-repeat right center;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-color: #bbb;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    box-shadow: none;
    font-size: 11px;
    height: 26px;
    padding: 5px;
    width: 150px; }
  #collapse-region #top-search .btn-search {
    background: #004c97;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    color: #fff;
    font-size: 16px;
    height: 26px;
    padding: 0px 10px 5px 10px; }

/*
Header photo
*/
#header-photo {
  position: relative;
  /* sub pages */
  /* FNAL pages */
  /* FAW pages */ }
  #header-photo img.item-object {
    height: auto;
    width: 100%; }
  #header-photo .item-body {
    bottom: 40px;
    position: absolute; }
  #header-photo .item-body .item-heading {
    background: #004c97;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    font-size: 26px;
    line-height: 1em;
    margin: 0 0 10px 0;
    padding: 15px 55px; }
  #header-photo .item-body .item-description {
    background: url("/https/www.fnal.gov/fnalincludes/v6_0/images/alpha-bgs/opaque-60.png") repeat 0 0;
    color: #fff;
    line-height: 1.3em;
    padding: 10px 15px; }
  .not-front #header-photo {
    min-height: 100px; }
  .not-front #header-photo .item {
    min-height: 160px; }
  .not-front #header-photo img {
    display: none; }
  .not-front.hub-page.section-about #header-photo img.about {
    display: block; }
  .not-front.hub-page.section-contact #header-photo img.default {
    display: block; }
  .not-front.hub-page.section-newsroom #header-photo img.newsroom {
    display: block; }
  .not-front.hub-page.section-resources #header-photo img.default {
    display: block; }
  .not-front.hub-page.section-science #header-photo img.science {
    display: block; }
  .not-front.hub-page.section-visit #header-photo img.visit {
    display: block; }
  .not-front.hub-page.section-community #header-photo img.community {
    display: block; }
  .not-front.hub-page.faw-homepage #header-photo img.faw-home {
    display: block; }
  .not-front.hub-page.section-directorsearch #header-photo img.directorsearch {
    display: block; }
  #header-photo .item-body.header-title {
    bottom: 30px;
    right: 0;
    text-align: right;
    width: 100%; }
  .not-front.not-hub-page #header-photo .item-body.header-title {
    bottom: 0; }
  #header-photo .item-body.header-title h1 {
    background: #004c97;
    border: none;
    color: #fff;
    display: inline-block;
    margin: 0;
    min-width: 45%;
    padding: 10px 30px;
    text-align: right; }

/*
---------------------------
END: Header
---------------------------
*/
/*
---------------------------
Main Content
---------------------------
*/
#main {
  position: relative;
  /*.not-front #main #content .content-inner*/
  /* Last modified */
  /* content sidebar */ }
  #main .main-inner {
    /*min-height: 300px;
    overflow: hidden;*/
    overflow: visible;
    padding: 15px;
    position: relative; }

    #main .main-inner span.new-badge {
        margin-left: 5px;
        background: #004C97;
        border-radius: 3px;
        color: #fff;
        display: inline-block;
        height: 16px;
        line-height: 16px;
        padding: 0 10px;
        margin: 0;
        text-decoration: none;
        position: relative;
        font-size: 10px;
    }

  #main #content .content-inner {
    min-height: 400px;
    position: relative; }
  .not-front #main .main-inner {
    padding-top: 30px; }
  .not-front #page.full-screen #main .main-inner {
    padding-top: 20px; }
  #main .last-modified {
    clear: both;
    color: #999999;
    font-size: 0.9em;
    width: 100%; }
    #main .last-modified a {
      color: #999999; }
      #main .last-modified a:hover {
        color: #339999; }
      #main .last-modified a:before, #main .last-modified a:after {
        content: " ";
        display: table; }
    #main .last-modified .last-modified-inner {
      border-top: 1px dotted #ccc;
      margin: 40px 0 0 0;
      padding: 8px 0; }
    #page.full-screen #main .last-modified .last-modified-inner {
      padding: 8px 15px; }
    #main .last-modified ul {
      list-style: none;
      margin: 0;
      overflow: hidden;
      padding: 0; }
    #main .last-modified ul li {
      display: inline-block;
      float: left;
      list-style: none;
      margin: 0;
      padding: 0 0.75em; }
    #main .last-modified ul li.title {
      padding: 0; }
    #main .last-modified ul li.title:after {
      content: ":"; }
    #main .last-modified ul li.date {
      padding-left: 0.2em; }
    #main .last-modified ul li.email {
      border-left: 1px solid #ccc; }
  #main #content .content-sidebar {
    background: #e9e9e9;
    border: 1px solid #bbb;
    float: right;
    margin: 0 0 15px 15px;
    padding: 10px;
    width: 30%; }
  #main #content .sidebar-container {
    float: right;
    margin: 0 0 15px 15px;
    padding: 10px;
    width: 30%; }
  #main #content .content-sidebar .title:first-child, #main #content .sidebar-container .title:first-child, #main #content .content-sidebar h3:first-child, #main #content .sidebar-container h3:first-child, #main #content .content-sidebar h4:first-child, #main #content .sidebar-container h4:first-child {
    margin-top: 0; }
  #main #content .content-sidebar .block .block-title {
    margin: 0 0 10px 0;
    padding: 0 0 3px 0; }
  @media (max-width: 480px) {
    #main #content .content-sidebar, #main #content .sidebar-container {
      float: none;
      margin: 15px 0;
      padding: 10px;
      width: 100%; } }
  @media (min-width: 481px) and (max-width: 767px) {
    #main #content .content-sidebar, #main #content .sidebar-container {
      float: none;
      margin: 15px 0;
      padding: 10px;
      width: 100%; } }
  @media (min-width: 768px) and (max-width: 991px) {
    #main #content .content-sidebar, #main #content .sidebar-container {
      width: 40%; } }

/*
---------------------------
END: Main Content
---------------------------
*/
/*
---------------------------
Sidebars
---------------------------
*/
#sidebar-first {
  padding-left: 0; }

/* sidebar toggle */
#toggle-region-v2,
#toggle-region-v2 .btn.toggle {
  display: none; }

/*
Left Nav
---------------------
*/
#secondary-menu ul {
  float: none;
  margin: 0;
  padding: 0;
}

@media (min-width: 768px) {
	#secondary-menu .dropdown:hover .dropdown-menu {
		display: block;
	}
}
  #secondary-menu ul li {
    float: none;
    margin: 0;
    padding: 0;
    display: none;
    /* Hide initially */ }
  .section-faw #secondary-menu ul.faw-left-nav li {
    display: block;
    /* display FAW left nav on FAW pages */ }
  #secondary-menu ul a {
    background: #339999;
    color: #fff;
    display: block;
    float: none;
    font-size: 1.4em;
    padding: 3px 6px;
    text-decoration: none;
    width: auto; }
    #secondary-menu ul a:hover {
      background: #339999;
      color: #fff; }

/*
1st level children
*/
#secondary-menu ul ul {
  border: none;
  border-color: #a8dbc0;
  /* $base-color-02 */
  border-style: solid;
  border-width: 4px 4px 0 0;
  box-shadow: none;
  padding: 10px 10px 10px 0 !important;
  position: relative; }
  #secondary-menu ul ul, #secondary-menu ul ul li {
    display: block;
    font-size: inherit;
    float: none;
    margin: 0;
    padding: 0; }
  #secondary-menu ul ul a {
    background: #f0f0f0;
    border-bottom: 1px solid #ccc;
    color: #444;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: normal;
    padding: 4px 6px;
    text-transform: none; }
    #secondary-menu ul ul a :hover {
      background: #ddd;
      color: #444; }

/*
2nd level children
*/
#secondary-menu ul ul ul {
  border: none;
  padding: 5px 0 10px 0 !important;
  display: none; }

#secondary-menu ul ul ul a {
  background: url("../images/icons/bullet-square-lightgray.png") no-repeat 6px 9px;
  border: none;
  padding: 2px 6px 2px 18px; }

#secondary-menu ul ul ul a:hover {
  /*background: $base-color-02;*/
  background: #e6e6e6 url("../images/icons/bullet-square-lightgray.png") no-repeat 6px 9px;
  color: #333;
}

/*
Show/Hide Sections
--------------------------
*/
/* About */
.section-about #secondary-menu ul li.about {
  display: block; }

.section-about.about-org #secondary-menu ul li.about ul li.leadership-org ul{
  display:block;
}

.section-about #secondary-menu ul li.related ul, .section-about #secondary-menu ul li.related ul li > a{
  border:none;
  background:transparent;
  color: #399;
  padding: 0px 6px;
  padding-top:0 !important;
}
.section-about #secondary-menu ul li.related ul li{
  background: url('../images/icons/bullet-square-lightgray.png') 0 7px no-repeat;
  padding-left: 10px;
}
.section-about #secondary-menu ul li.related h2{
  font-size: 1.5em !important;
  margin-top: 30px !important;
  margin-bottom: 10px !important;
  border-bottom: 1px solid #ddd;
  padding-bottom:10px;
}

/* Contact */
.section-contact #secondary-menu ul li.contact {
  display: block; }

/* Newsroom */
.section-newsroom #secondary-menu ul li.newsroom {
  display: block; }

/* Resources */
.section-resources #secondary-menu ul li.resources {
  display: block; }

.section-resources.section-industrial-partnerships #secondary-menu ul li.resources ul li.industrial-partnerships ul {
  display: block; }

/* Science */
.section-science #secondary-menu ul li.science {
  display: block; }

.section-science.section-lbnf #secondary-menu ul li.science ul li.lbnf ul {
  display: block;}

.section-science.section-particle-physics #secondary-menu ul li.science ul li.particle-physics > ul {
  display: block; }

.section-science.section-particle-accelerators #secondary-menu ul li.science ul li.particle-accelerators ul {
  display: block; }

.section-science.section-particle-detectors #secondary-menu ul li.science ul li.particle-detectors ul {
  display: block; }

.section-science.section-particle-physics-101 #secondary-menu ul li.science ul li.particle-physics-101 ul {
  display: block; }

.section-science.section-inquiring-minds #secondary-menu ul li.science ul li.inquiring-minds ul {
  display: block; }

.section-science #secondary-menu ul li.science {
  display: block; }

.section-science #secondary-menu ul li.related ul, .section-science #secondary-menu ul li.related ul li > a{
  border:none;
  background:transparent;
  color: #399;
  padding: 0px 6px;
  padding-top:0 !important;
}
.section-science #secondary-menu ul li.related ul li{
  background: url('../images/icons/bullet-square-lightgray.png') 0 7px no-repeat;
  padding-left: 10px;
}
.section-science #secondary-menu ul li.related h2{
  font-size: 1.5em !important;
  margin-top: 30px !important;
  margin-bottom: 10px !important;
  border-bottom: 1px solid #ddd;
  padding-bottom:10px;
}

/* Tevatron */
.section-tevatron #secondary-menu ul li.tevatron {
  display: block; }

.section-tevatron #secondary-menu ul li.tevatron-symposium {
  display: block; }

/* Tritium */
.section-tritium #secondary-menu ul li.tritium {
  display: block; }

/* Visit */
.section-visit #secondary-menu ul li.visit {
  display: block; }

/* Community */
.section-community #secondary-menu ul li.community {
  display: block; }

/* Director search */
.section-directorsearch #secondary-menu ul li.directorsearch {
  display: block; }

.section-directorsearch #secondary-menu ul li.related ul, .section-directorsearch #secondary-menu ul li.related ul li > a{
border:none;
background:transparent;
color: #399;
padding: 0px 6px;
padding-top:0 !important;
}
.section-directorsearch #secondary-menu ul li.related ul li{
background: url('../images/icons/bullet-square-lightgray.png') 0 7px no-repeat;
padding-left: 10px;
}
.section-directorsearch #secondary-menu ul li.related h2{
font-size: 1.5em !important;
margin-top: 30px !important;
margin-bottom: 10px !important;
border-bottom: 1px solid #ddd;
padding-bottom:10px;
}

/*
---------------------------
END: Sidebars
---------------------------
*/
/*
---------------------------
Footer
---------------------------
*/
#footer {
  border-top: 2px solid #e9e9e9;
  font-size: 0.9em;
  padding: 0 0 20px 0;
  position: relative; }
  #footer .footer-inner {
    padding: 20px;
    position: relative; }
  #footer .footer-logos {
    margin: 0 0 20px 0; }
    #footer .footer-logos #logo-doe {
      height: auto;
      margin-right: 20px;
      width: 55%;
      max-width: 192px; }
    #footer .footer-logos #logo-fra {
      height: auto;
      width: 35%;
      max-width: 114px; }

#footer .footer-text {
    color: #4d4d4d;
    font-weight: bold;
    /*margin: 0 0 20px 15%;*/
	margin: 0 0 20px 55px;
}

    #footer .footer-text a {
      color: #4d4d4d; }

#footer .footer-legal {
    /*margin-left: 15%;*/
	margin-left: 55px;
}

  #footer #footer-right .column {
    text-align: right; }
    #footer #footer-right .column:first-child {
      text-align: left; }
  #footer #footer-right .title {
    margin-bottom: 5px; }

/*
---------------------------
END: Footer
---------------------------
*/
/*
---------------------------
Blocks
---------------------------
*/
.block {
  margin: 0 0 20px 0; }

.block-title {
  border-bottom: 2px solid #c0c0c0;
  margin: 0 0 15px 0;
  padding: 0 0 3px 0; }

.block .entry {
  display: block;
  line-height: 1.3em;
  margin: 0 0 20px 0;
  overflow: hidden;
  width: 100%; }

.block .entry .entry-group .title {
  margin: 0;
  padding: 0; }
.block .entry .entry-group .description {
  margin: 0 0 5px 0;
  padding: 0; }
.block .entry .entry-group .link {
  font-size: 0.9em; }
  .block .entry .entry-group .link a:after {
    content: ">";
    display: inline-block;
    margin: 0 0 0 2px; }

/*
---------------------------
END: Blocks
---------------------------
*/
/*
---------------------------
Typography
---------------------------
*/
h1, h2, h3, h4, h5, h6 {
  color: #004c97;
  font-weight: normal;
  margin-bottom: 10px;
  margin-top: 20px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #004c97; }

h1 {
  /* reserved for header title */
  font-size: 2.6em;
  letter-spacing: 0; }

h2 {
  font-size: 1.9em; }

.page-title,
#main .content-inner h2:first-child {
  border-bottom: 1px solid #ddd;
  font-size: 2.3em;
  margin-top: 10px;
  margin-bottom: 25px;
  padding-bottom: 0.1em; }

h3 {
  font-size: 1.6em; }

h4 {
  font-size: 1.3em;
  margin-bottom: 0.1em; }

h5 {
  font-size: 1.15em;
  margin-bottom: 0.1em; }

.header-lin,
.underline {
  border-bottom: 1px solid #ddd;
  padding-bottom: 2px; }

.block-header {
  margin-bottom: 10px;
  padding: 0.3em 0.6em;
  background: #e9e9e9;
  border: none;
  color: #004c97; }

.block-header-black {
  background: #222;
  color: #fff; }

.block-header-blue {
  background: #004c97;
  color: #fff; }

.block-header-gray {
  background: #e9e9e9;
  color: #004c97; }

.block-header-green {
  background: #080;
  color: #fff; }

.block-header-bluegreen,
.block-header-blue-green {
  background: #339999;
  color: #fff; }

.block-header-orange {
  background: #d80;
  color: #fff; }

.block-header-red {
  background: #b00;
  color: #fff; }

.intro-text,
.text-intro {
  border-color: #e9e9e9;
  border-style: solid;
  border-width: 6px 0;
  color: #888;
  font-family: palatino, "Times New Roman", times, serif;
  font-size: 2em;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1.25em;
  margin: 0 0 20px 0;
  padding: 10px 0; }

/*
---------------------------
END: Typography
---------------------------
*/
/*
---------------------------
Content Helpers
---------------------------
*/
.need-link {
  /* placeholder for missing links */
  color: #f00 !important; }

/*
.need-link:after {
    content: "[NEED LINK]";
    display: inline-block;
    padding-left: 5px;
}
*/
img {
  width: auto;
  max-width: 100%;
  height: auto; }

.image-border,
img.border {
  border: 1px solid #ddd;
  padding: 3px; }

img.border-style-1 {
  border-color: #e9e9e9;
  border-style: solid;
  border-width: 12px 0;
  padding: 6px 0; }

hr {
  background: #ccc;
  border-width: 0;
  clear: both;
  color: #ccc;
  height: 1px;
  margin: 1.2em 0 !important; }

.small {
  font-size: 0.9em; }

.x-small {
  font-size: 0.8em; }

.xx-small {
  font-size: 0.7em; }

.xxx-small {
  font-size: 0.6em; }

.big {
  font-size: 1.2em; }

.x-big {
  font-size: 1.4em; }

.xx-big {
  font-size: 1.6em; }

.xxx-big {
  font-size: 1.8em; }

.blue {
  color: #004c97 !important; }

.gray {
  color: #999999 !important; }

.dark-gray {
  color: #4d4d4d !important; }

.red {
  color: #c00 !important; }

.green {
  color: #090 !important; }

.all-caps {
  text-transform: uppercase; }

.no-caps {
  text-transform: none; }

.italic,
.italics {
  font-style: italic; }

.no-italics {
  font-style: normal; }

ul, ol, dl {
  padding-left: 2.5em; }

#main #content ul {
  list-style-type: square; }

#main #content ul ul {
  list-style-type: circle; }

#main #content ul.no-bullets,
#main #content ul.list-unstyled {
  list-style: none; }

.double-line li,
.double-space li {
  padding: 0.3em 0; }

.indent {
  padding-left: 2.5em; }

.no-indent {
  margin-left: 0;
  padding-left: 0; }

.bold {
  font-weight: bold; }

.no-bold {
  font-weight: normal; }

.align-left,
.pull-left {
  float: left;
  margin: 0 15px 10px 0; }

.align-right,
.pull-right {
  float: right;
  margin: 0 0 10px 15px; }

.clear,
.clear-float,
.clearfix {
  clear: both;
  display: block;
  width: 100%; }

#main .clear:before,
#main .clear:after,
#main .clear-float:before,
#main .clear-float:after,
#main .clearfix:before,
#main .clearfix:after {
  content: " ";
  display: table; }

#main #content iframe {
  max-width: 100% !important; }

/* quotes */
blockquote {
  font-size: 17.5px;
  font-weight: 300;
  line-height: 1.25; }
  blockquote cite, blockquote citation {
    font-size: 0.85em;
    font-style: italic; }
  blockquote cite:before, blockquote citation:before {
    content: "\2014";
    /* em dash */
    display: inline-block;
    margin-right: 0.2em; }

/* wells */
.well .well-title:first-child, .well .title:first-child {
  margin-top: 0; }

.well-blue {
  background: #9cf;
  border: 2px solid #004c97; }
  .well-blue a {
    color: #004c97; }
  .well-blue hr {
    background: #004c97;
    border-color: #004c97;
    color: #004c97; }

.well-green {
  background: #b9ecd0;
  border: 2px solid #339999; }
  .well-green hr {
    background: #339999;
    border-color: #339999;
    color: #339999; }

/* media holders */
.media {
  margin-bottom: 15px; }
  .media .caption {
    background: #e9e9e9;
    color: #777;
    line-height: 1.2em;
    padding: 8px 10px; }

/*
---------------------------
Forms
---------------------------
*/
#content form button[type=submit] {
  background: #e9e9e9; }

#content form button[type=submit]:hover,
#content form button[type=submit]:focus {
  background: #ccc;
  border-color: #aaa; }

form .rqd:before {
  color: #c00;
  content: "*";
  display: inline-block;
  font-size: 1.2em;
  font-weight: bold;
  padding-right: 0.1em; }

form .form-group .checkbox,
form .form-group .radio {
  margin-top: 0; }

form .form-group .checkbox + .checkbox,
form .form-group .radio + .radio {
  margin-top: -5px; }

form .form-group.form-inline .checkbox + .checkbox,
form .form-group.form-inline .radio + .radio {
  margin-top: 0; }

.primary-button {
  color: #fff !important;
  background-color: #004c97;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  padding: 17px 41px;
  display: inline-block;
  text-align: center;
  border: none !important;
  border-radius: 0;
}

body.internal .primary-button {
  background-color: #007da3;
}

.primary-button:hover,
body.internal .primary-button:hover {
  background-color: #3eb3de;
  color: #000 !important;
  text-decoration: underline !important;
}

#staff-directory-query {
  height: 48px;
  vertical-align: middle;
  border-radius: 3px;
  border-style: solid;
  border-width: thin;
  max-width: 100%;
  margin-bottom: 15px;
}

#staff-directory-search-button {
  border-radius: 3px;
  margin-bottom: 15px;
}

/*
---------------------------
Icons
---------------------------
*/
body .top-of-page,
body .back-to-top {
  background: none !important;
  border-top: 1px dotted #ccc;
  clear: left;
  margin: 20px 0;
  padding: 5px 0 0 0 !important; }

body .top-of-page:before,
body .back-to-top:before {
  color: #bbb;
  content: "\e113";
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  margin-right: 5px;
  position: relative;
  top: 1px; }

.double-arrows-before:before {
  content: "\00bb";
  display: inline-block;
  padding-right: 0.4em; }

.double-arrows-after:after {
  content: "\00bb";
  display: inline-block;
  padding-left: 0.4em; }

/*
---------------------------
Misc
---------------------------
*/
/* Anchor menus */
.anchor-menu ul {
  list-style: none;
  margin: 0;
  padding: 0; }
.anchor-menu li {
  list-style: none; }
.anchor-menu a {
  border: 1px solid #ddd;
  display: block;
  margin: 3px 0;
  padding: 5px 10px; }
.anchor-menu:hover {
  background: #f0f0f0; }

/*
Thumbnail groups
------------------------------
*/
.thumbs {
  clear: both;
  padding: 10px 0;
  width: 100%; }
  .thumbs:before, .thumbs:after {
    content: " ";
    display: table;
    height: 1px; }

/* thumbs nav/menu */
.thumbs .thumb-image .nav {
  display: block;
  font-size: 0.9em;
  text-align: center; }
  .thumbs .thumb-image .nav > li {
    border-left: 1px solid #bbb;
    display: inline;
    width: auto; }
  .thumbs .thumb-image .nav > li:first-child {
    border: none; }
  .thumbs .thumb-image .nav > li > a {
    display: inline-block;
    padding: 4px 6px 4px 9px;
    position: relative; }
  .thumbs .thumb-image .nav > li > a:hover, .thumbs .thumb-image .nav > li > a:active {
    background: transparent;
    text-decoration: underline; }

/* Hub-page style */
.thumbs.hub-page-thumbs {
  padding: 0; }
  .thumbs.hub-page-thumbs .row {
    padding: 10px 0; }
  .thumbs.hub-page-thumbs .row .col .title {
    border-bottom: 1px solid #ccc;
    font-size: 1.3em;
    font-weight: normal;
    /*letter-spacing: 0;*/
    padding: 0 0 3px 0;
    text-transform: uppercase; }

/* One-thumb per row */
.thumbs.one-per-row {
  /* video thumbs */
  /* END: video thumbs */ }
  .thumbs.one-per-row .thumb-row {
    padding: 10px 0;
    overflow: auto; }
  .thumbs.one-per-row .thumb-image img {
    border: 1px solid #ddd;
    height: auto;
    padding: 3px;
    width: 100%; }
  .thumbs.one-per-row .thumb-description {
    padding-left: 0; }
  .thumbs.one-per-row .thumb-description .title {
    margin: 0 0 0.1em 0; }
  .thumbs.one-per-row .thumb-image > iframe {
    width: 100% !important;
    height: 250px !important; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .thumbs.one-per-row .thumb-image > iframe {
      height: 220px !important; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .thumbs.one-per-row .thumb-image > iframe {
      height: 180px !important; } }
  @media (min-width: 481px) and (max-width: 767px) {
    .thumbs.one-per-row .thumb-image > iframe {
      height: 200px !important; } }
  @media (max-width: 480px) {
    .thumbs.one-per-row .thumb-image > iframe {
      height: 150px !important; } }

/*
highlight box
------------------------------
*/

.highlight-box-outline {
  border: 1px solid #ededee;
  box-shadow: 0 7px 12px rgba(0,0,0,.06);
  padding: 14px 20px 20px 20px;
  background: white;
}

.highlight-box-outline .title,
.highlight-box-outline h3 {
  margin: 0 0 10px 0;
}

.highlight-box {
  background: #f0f0f0;
  border-color: #A8DBC0;
  border-style: solid;
  border-width: 12px 0;
  padding: 10px 15px; }
  .highlight-box .title {
    margin-top: 0; }

/*
Tables
------------------------------
*/
table {
  border-collapse: collapse;
  margin: 0 0 15px 0; }
  table th {
    background: #e9e9e9;
    border-bottom: 1px solid #ccc;
    font-size: 1.1em;
    font-weight: bold;
    padding: 4px 8px; }
  table td {
    border-bottom: 1px solid #ccc;
    padding: 4px 8px; }

/* table w/ borders */
.table-non-bordered th,
.table-non-bordered td {
  border: 1px solid #ccc; }

/* table w/ NO borders */
.table-non-bordered th,
.table-non-bordered td,
.table-no-borders th,
.table-no-borders td {
  border: none; }

/*
Nav tabs
-----------------------
*/
.nav-tabs {
  border-bottom: 6px solid #004c97; }

.nav-tabs > li {
  margin-bottom: 0; }

.nav-tabs > li:first-child {
  margin-left: 15px; }

.nav-tabs > li > a {
  background: #e9e9e9;
  border: 1px solid #ccc;
  margin-right: 3px;
  outline: none; }

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  background: #d6d6d6;
  border: 1px solid #ccc; }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background: #004c97;
  border-color: #004c97 #004c97 transparent transparent;
  color: #fff; }

/* Fix for Bootstrap nested dropdowns */
.dropdown-submenu {
  position: relative; }

.dropdown-submenu > .dropdown-menu {
  top: -0.25em !important;
  left: 100%;
  margin-left: 100%;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px; }

.dropdown-submenu:active > .dropdown-menu, .dropdown-submenu:hover > .dropdown-menu {
  display: block; }

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -5px; }

.dropdown-submenu:active > a:after {
  border-left-color: #ffffff; }

.dropdown-submenu.pull-left {
  float: none; }

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px; }

.dropdown-menu > li > a {
  white-space: normal; }

/* END: Fix for Bootstrap nested dropdowns */
/* panels fix for IE8 & IE9 */
.lt-ie10 .panel .panel-collapse {
  display: block !important; }

.lt-ie10 .panel .panel-heading .panel-title a,
.lt-ie10 .panel .panel-heading .panel-title a:hover,
.lt-ie10 .panel .panel-heading .panel-title a:focus {
  color: #222;
  cursor: text; }

/* Video Container (Responsive) */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

@media(max-width:499px){
  #research-visit{
    width:100% !important;
  }
}

/* Overrides for new Leadership Bios Design */
#fermilab-leadership-ct h2.page-title {
    border-bottom: none !important;
    margin-bottom: 10px !important;
}

#fermilab-leadership-ct h3.block-header.block-header-gray {
    background: none;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 10px;
}

#fermilab-leadership-ct .thumbs.one-per-row {
    display: flex;
    flex-direction: column;
}

#fermilab-leadership-ct .thumbs.one-per-row .thumb-image img {
    border: none;
    padding: 0;
}

#fermilab-leadership-ct .thumb-row {
    display: flex;
    flex-basis: 50%;
    flex-shrink: 0;
    flex-grow: 0;
    margin-bottom: 60px;
    padding: 0;
    overflow: visible;
    margin-top: 30px;
}

#fermilab-leadership-ct .thumb-row .thumb-image {
    flex-shrink: 0;
    height: auto;
    max-width: 240px;
    overflow: visible;
    position: relative;
    top: -20px;
    z-index: 1;
}

#fermilab-leadership-ct .thumb-row .thumb-description {
    background: #ededee;
    padding: 20px 20px 20px 185px;
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    top: 10px;
    left: -165px;
    margin-right: -165px;
}

#fermilab-leadership-ct .thumb-row .thumb-description h4.title {
    font-size: 1.5em;
    margin-bottom: 5px;
}

#fermilab-leadership-ct .thumb-row .thumb-description h5.bio-title {
    color: #444;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 16px;
}

#fermilab-leadership-ct .thumb-row .thumb-description p.read-more {
    position: absolute;
    right: 20px;
    bottom: 10px;
    font-size: 1.15em;
}

#fermilab-leadership-ct .back-top-ct {
    margin-bottom: 20px;
}

@media (max-width: 1199px) {
    #fermilab-leadership-ct .thumb-row .thumb-description {
        left: -135px;
        margin-right: -135px;
        padding-left: 150px;
    }
}

@media (max-width: 767px) {
    #fermilab-leadership-ct .thumb-row {
        background: #ededee;
        flex-direction: column;
        margin-right: 0;
        margin-left: 0;
    }

    #fermilab-leadership-ct .thumb-row .thumb-description {
        padding: 0 20px 20px 20px;
        left: 0;
        margin-right: 0;
    }
}

/* Overrides for new Single Leadership Bio Design */
#fermilab-bio-ct #headshot-row-ct {
    display: flex;
}

#fermilab-bio-ct #headshot-row-ct img {
    border: none;
}

#fermilab-bio-ct #headshot-row-name-ct {
    padding-left: 15px;
    align-self: center;
}

#fermilab-bio-ct #headshot-row-name-ct h2.page-title {
    border: none !important;
    font-size: 2.0em;
    margin-bottom: 5px;
}

#fermilab-bio-ct #headshot-row-name-ct h3.title-bio {
    font-size: 16px;
    color: #444;
    margin-top: 0;
    font-weight: normal;
}

#fermilab-bio-ct #content-row-ct {
    padding-left: 15px;
}
/*
---------------------------
END: Misc
---------------------------
*/