/* OVERRIDEZ TO BASE THEME */

img {max-width: 100%; height: auto;}

/* have the nav collapse at 991px instead of default 767px */

@media (max-width: 991px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
      float: none;
      margin: 25px auto 10px auto;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}

<strong> {
font-weight: 600;
}

.stickynav-active {
  position: fixed !important;
  top: 0px !important;
  z-index: 1000 !important;
  width: 100% !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

/*inline video embeds to be 100% width of conetent area */



/* basic body text styles */

html, body {
scroll-behavior: smooth;
}

body {
font-family: 'Merriweather', Georgia, Times Roman, serif;
font-size: 16px;
padding-left: 0px !important;
padding-right: 0px !important;
}

.main, .content-head, .head {
padding-left: 20px;
padding-right: 20px;
}

#main-content {
background: #fff;
}

h1.page-header {
margin-bottom: 12px;
padding: 0px;
border: none;
}

h1, h2, h3, h4, h5, h6 {
font-family: 'Francois One', Arial, sans-serif;
font-weight: normal;
}

body strong,
body b {
font-weight: 300 !important;
}

p {
line-height: 1.6em;
margin-bottom: 30px;
}

a {
color: #555;
}

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

.field--name-body a,
.node-type-page .field-body a,
.page-search .search-results a,
.block-informationonhowtorepublishsyndicateisarticles a,
.field-top-image a,
.field--name-slideshow-caption a,
.field-top-story-link a,
.field--name-field-top-image-image-caption a,
.field--name-field-top-image-credit a,
.field--name-field-top-image-reuse-info a,
.views-field-field-department a
{
color: #ff8517 !important;
text-decoration: underline !important;
}

table, th, tr, td, tbody {
border: none !important;
}

ul li {
margin-bottom: 12px;
}

/* panel overrides */

#bootstrap-panel {
border: none;
margin-bottom: 0px;
box-shadow: none;
-webkit-box-shadow: none;
}

.panel-heading {
display: none;
}

.panel-body {
padding: 0px;
}

/* suppress page title element in favoir of field in display suite layout */

..page-node-type-news-article
#page-title,
.page-node-type-video-article
#page-title,
.page-node-type-infographic
#page-title,
.page-node-type-opinion
#page-title
{
display: none;
}

/* make all legacy article top images stretch to full needed minium width of new spec */

.field--name-field-top-image img {
width: 100%;
height: auto;
border: 1px solid #b6b6b6;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

/* REGIONS */

.region-banner  {
background: #0e1136;
margin-top: -15px;
margin-left: -15px;
margin-right: -15px;
padding-top: 20px;
position: relative;
height: 200px;
text-align: center;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
.region-banner {
text-align: left;
height: 95px;
}
}

@media screen and (min-width: 992px) {
.region-banner {
height: 135px;
}
}

@media screen and (min-width: 768px) {
.logo {
float: left;
margin-left: 15px;
}
}

.logo img {
width: 175px;
}

@media screen and (min-width: 992px) {
.logo img {
width: 250px;
}
}

.navbar {
position: sticky;
top: 0;
z-index: 1000;
}

.navbar {
margin-top: -20px;
border-radius: 0px;
}

.navbar-default {
background: #fff;
border: none;
}

@media screen and (min-width: 992px) {
.navbar-default {
 padding: 20px 10px 0px 10px;
 margin-top: -5px;
}
}


.navbar-text {
color: #fff !important;
margin-top: 25px;
font-family: 'Francois One' !important;
font-size: 16px;
letter-spacing: .02em !important;
}

@media screen and (max-width: 740px) {
.navbar-text	{
margin: 20px 0px 0px 15px;
}
}

.navbar-toggle {
background-color: #ff8517;
}

.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}

.navbar-default .navbar-toggle:hover {
background-color: #ff9d46;
}

/* sitewide social links in header */

@media screen and (min-width: 768px) and (max-width: 991px) {
.sitewide-social {
display: block;
float: right;
margin: -35px 15px 0px 0px;
}
}

@media screen and (min-width: 992px) {
.sitewide-social {
display: block;
float: right;
margin: -50px 15px 0px 0px;
}
}

.sitewide-social img {
height: 24px;
width: 24px;
border-radius: 32px;
-moz-border-radius: 32px;
-webkit-border-radius: 32px;
}

.sitewide-social a:hover,
.social-links a:hover
{
opacity: 0.70;
}

/* collpased menu toggle button */

button.btn-navbar {
border: none !important;
background: #ff9517 !important;
}


/* search boxx */

.search-block-form {

}

@media screen and (min-width: 992px) {
.search-block-form {
width: 20%;
float: right;
margin-top: 10px;
}
}

.hero {
height; auto;
margin-top: -20px;
}

/* search results page */

.search-results p.search-info {
display: none;
}

li.search-result {
border-bottom: 1px dotted #333;
padding:15px 0px 15px 0px;
}

.search-advanced {
display: none;
}

/* Navbar */

.menu--main {
clear: both;
}

.menu--main a  {
font-family: 'Francois One', Arial, sans-serif;
font-size: 16px;
text-transform: uppercase;
text-shadow: none;
color: #0e1136 !important;
}

@media screen and (min-width: 1200px) {
.menu--main a  {
font-size: 20px;
}
}

.menu--main a:hover {
background: #ff8517 !important;
color: #fff !important;
}

.menu--main .active-trail {
background: #ff8517 !important;
color: #fff;
}

/*
.region-content, .region-sidebar-second {
margin-top: 100px;
}
*/

.footer {
background: #0e1136;
text-align: center;
padding: 30px 15px 30px 15px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
}

.footer-content .block {
width: 100%;
}

.footer a {
color: #fff !important;
}

.footer div.social-links {
margin: 30px 0px 30px 0px;
}

.footer div.social-links img {
width: 32px;
height: 32px;
border-radius: 32px;
-moz-border-radius: 32px;
-webkit-border-radius: 32px;
}

/* can admin shortcuts display */

.admin-shortcuts {
display: none;
}

/* sidebar block h2 headings */

.sidebar-second h2 {
font-size: 18px !important;
}

@media screen and (max-width: 750px) {
.site-sidebar-second .block {
width: 100%;
}
}

/* node-specific laouts and formatting */

/* Field labels */

span.field-label {
float: left;
margin-right: 10px;
font-weight: bold;
}

.field--label {
font-size: 18px;
border-bottom: 1px dotted #333;
font-family: 'Francois One', Arial, sans-serif !important;
font-weight: 300;
}


/* HOME PAGE */

.block-views-blocktop-stories-block-1 {
height: 400px;
width: 100%;
}

@media screen and (max-width: 1199px) {
.block-views-blocktop-stories-block-1 {
height: 335px;
}
}

@media screen and (max-width: 979px) {
.block-views-blocktop-stories-block-1 {
height: auto;
width: 100%;
}
}

.views-field-field-new-top-story-image {
float: left;
width:66%;
margin: 0px 30px 20px 0px;
}

@media screen and (max-width: 979px) {
.views-field-field-new-top-story-image {
width:100%;
}
}

.block-views-blocktop-stories-block-1 .views-field-field-department {
font-size: 18px;
font-family: 'Francois One', Arial, sans-serif;
text-transform: uppercase;
background: url('/sites/default/files/images/sitewide/trans-bg-new.png');
background-repeat: repeat;
padding: 10px;
position: absolute;
top: 0px
left: 0px;
z-index: 1;
}

.block-views-blocktop-stories-block-1 .views-field-field-department a {
color: #fff !important;
text-decoration: none !important;
}

.block-views-blocktop-stories-block-1 .views-field-field-top-story-publication-date {
color: #666;
padding-top: 10px;
font-size: 14px;
margin-bottom: 20px;
}

.block-views-blocktop-stories-block-1 .views-field-field-author {
text-align: right;
font-size: 14px;
color: #666;
margin: 15px 20px 15px 0px;
}

.block-views-blocktop-stories-block-1 .views-field-title {
font-family: 'Francois One', Arial, sans-serif;
font-size: 38px;
line-height: 1.1em;
}

@media screen and (max-width: 1199px) {
.block-views-blocktop-stories-block-1 .views-field-title {
font-size: 32px;
}
}

@media screen and (max-width: 739px) {
.block-views-blocktop-stories-block-1 .views-field-title {
font-size: 24px;
}
}

.block-views-blocktop-stories-block-1 .views-field-field-top-story-subhead p {
font-size: 20px;
line-height: 1.2em !important;
margin-top: 20px;
color: #666;
padding-right: 20px;
}

@media screen and (max-width: 1199px) {
.block-views-blocktop-stories-block-1 .views-field-field-top-story-subhead p {
font-size: 16px;
line-height: 1.1em !important;
margin-top: 20px;
color: #666;
padding-right: 20px;
}
}

@media screen and (max-width: 979px) {
.block-views-blocktop-stories-block-1 .views-field-field-top-story-publication-date,
.block-views-blocktop-stories-block-1 .views-field-title,
.block-views-blocktop-stories-block-1 .views-field-field-top-story-subhead p {
padding: 0px 20px 0px 20px;
}
}

@media screen and (max-width: 979px) {
.block-views-blocktop-stories-block-1 .views-field-field-top-story-publication-date {
padding-top: 10px;
}
}

.block-views-blocktop-stories-block-1
.field--name-field-media-caption,
.block-views-blocktop-stories-block-1
.field--name-field-media-credits,
.block-views-blocktop-stories-block-1
.field--name-field-media-rights {
display: none;
}






/* Latest news and video articles on home page and other similar views*/

#latest, .latest-home {
margin-bottom: 30px;
}

#latest .node-video-article h2 {
margin-top: 16px;
}

#latest .field--name-field-department a,
.latest-home .field--name-field-department a,
.view-latest-video-articles .field--name-field-department a,
.view-taxonomy-term .field--name-field-department,
.view-custom-taxonomy-topics .field--name-field-department a,
.view-latest-news-articles .field--name-field-department a,
.view-author-articles .field--name-field-department,
.view-latest-video-video-content .field--name-field-department,
.teasers-1 .field--name-field-department,
.teasers-2 .field--name-field-department,
.view-nobel-coverage-2020 .field--name-field-department,
.view-nobel-coverage-2021 .field--name-field-department,
.nobel-coverage .field--name-field-department
{
color: #fff;
font-family: 'Francois One', Arial, sans-serif;
background: #ff8517;
padding: 8px;
text-transform: uppercase;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}

.view-author-articles .field--name-field-department,
.view-taxonomy-term .field--name-field-department {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
margin-top: 0px !important;
}

#latest img,
.latest-home img,
.view-taxonomy-term img,
.view-author-articles img,
.view-custom-taxonomy-topics img,
.view-world-cup img,
.teasers-1 img,
.teasers-2 img,
.view-nobel-coverage-2020 img,
.view-nobel-coverage-2021 img,
.nobel-coverage img
{
width: 380px;
height: 220px;
border: 1px solid #b3b3b3;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

@media screen and (max-width: 1199px) {
#latest img,
.latest-home img,
.view-taxonomy-term img,
.view-author-articles img,
.view-custom-taxonomy-topics img,
.view-latest-news-articles img,
.view-world-cup img,
.teasers-1 img,
.teasers-2 img.
.view-nobel-coverage-2020 img,
.view-nobel-coverage-2021 img,
.nobel-coverage img
{
width: 380px;
height: 170px;
}
}

@media screen and (max-width: 979px) {
#latest img,
.latest-home img,
.view-taxonomy-term img,
.view-author-articles img,
.view-custom-taxonomy-topics img,
.view-latest-news-articles img,
.view-world-cup img,
.teasers-1 img,
.teasers-2 img,
.view-nobel-coverage-2020 img,
.view-nobel-coverage-2021 img,
.nobel-coverage img
{
width: 380px;
height: 210px;
}
}

@media screen and (max-width: 739px) {
#latest img,
.latest-home img,
.view-taxonomy-term img,
.view-author-articles img,
.view-custom-taxonomy-topics img,
.view-latest-news-articles img,
.view-world-cup img,
.teasers-1 img,
.teasers-2 img,
.view-nobel-coverage-2020 img,
.view-nobel-coverage-2021 img,
.nobel-coverage img
{
width: 100%;
height: auto !important;
}
}

.view-latest-video-content img {
/*
width: 280px;
height: 200px;
*/
border: 1px solid #b3b3b3;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

.view-latest-video-content
.field--name-field-department {
position: absolute;
top: 9px;
z-index: 1
}

.field--name-field-youtube-video-2 {
position: relative;
}

.view-latest-video-content
.field-department a {
color: #fff !important;
}

#latest .views-row,
.latest-home .views-row,
.view-taxonomy-term .views-row,
.view-author-articles .views-row,
.view-custom-taxonomy-topics .views-row,
.page-latest-news-articles .views-row,
.view-nobel-coverage-archive .views-row,
.view-nobel-coverage-2016 .views-row,
.view-clone-of-nobel-coverage-2017 .views-row,
.view-world-cup .views-row,
.view-nobel-coverage-2018 .views-row,
.teasers-1 .views-row,
.teasers-2 .views-row,
.view-nobel-coverage-2020 .views-row,
.view-nobel-coverage-2021 .views-row,
.nobel-coverage .views-row
{
clear: none;
float: left;
width: 370px;
margin-right: 10px;
min-height: 470px;
position: relative;
}

@media screen and (max-width: 1199px) {
#latest .views-row,
.latest-home .views-row,
.view-taxonomy-term .views-row,
.view-author-articles .views-row,
.view-custom-taxonomy-topics .views-row,
.page-latest-news-articles .views-row,
.view-nobel-coverage-archive .views-row,
.view-nobel-coverage-2016 .views-row,
.view-clone-of-nobel-coverage-2017 .views-row,
.view-world-cup .views-row,
.view-nobel-coverage-2018 .views-row,
.teasers-1 .views-row,
.teasers-2 .views-row,
.view-nobel-coverage-2020 .views-row,
.view-nobel-coverage-2021 .views-row,
.nobel-coverage .views-row
{
width: 270px;
margin-right: 30px;
min-height: 440px;
}
}

@media screen and (max-width: 979px) {
#latest .views-row,
.latest-home .views-row,
.view-taxonomy-term .views-row,
.view-author-articles .views-row,
.view-custom-taxonomy-topics .views-row,
.page-latest-news-articles .views-row,
.view-nobel-coverage-archive .views-row,
.view-nobel-coverage-2016 .views-row,
.view-clone-of-nobel-coverage-2017 .views-row,
.view-nobel-coverage-2018 .views-row,
.teasers-1 .views-row,
.teasers-2 .views-row,
.view-nobel-coverage-2020 .views-row,
.view-nobel-coverage-2021 .views-row,
.nobel-coverage .views-row
{
width: 340px;
margin-right: 10px;
min-height: 440px;
}
}

@media screen and (max-width: 739px) {
#latest .views-row,
.latest-home .views-row,
.view-taxonomy-term .views-row,
.view-author-articles .views-row,
.view-custom-taxonomy-topics .views-row,
.page-latest-news-articles .views-row,
.view-world-cup .views-row,
.view-nobel-coverage-2018 .views-row,
.teasers-1 .views-row,
.teasers-2 .views-row,
.view-nobel-coverage-2020 .views-row,
.view-nobel-coverage-2021 .views-row,
.nobel-coverage .views-row
{
float: none;
width: 100%;
min-height: 340px;
position: relative;
}
}

@media screen and (max-width: 739px) {
#latest .views-row,
.latest-home .views-row,
.view-taxonomy-term .views-row,
.view-author-articles .views-row,
.view-custom-taxonomy-topics .views-row,
.page-latest-news-articles .views-row,
.view-nobel-coverage-archive .views-row,
.view-nobel-coverage-2016 .views-row
.view-clone-of-nobel-coverage-2017 .views-row,
.view-world-cup .views-row,
.view-nobel-coverage-2018 .views-row,
.teasers-1 .views-row,
.teasers-2 .views-row,
.view-nobel-coverage-2020 .views-row,
.view-nobel-coverage-2021 .views-row,
.nobel-coverage .views-row
{
float: none;
width: 100%;
min-height: 350px;
position: relative;
}
}

.latest-home
.field--name-field-youtube-video-2 {
margin-top: -20px;
}


.front .views-row {
position: relative;
}


.view-latest-video-content .views-row {
float:none;
width: 100%;
min-height: 290px !important;
position: relative;
}

@media screen and (min-width: 740px) {
.view-latest-video-content .views-row,
.page-latest-video-articles .views-row
{
clear: none;
float: left;
width: 48%;
margin-right: 12px;
position: relative;
min-height: 260px;
}
}

@media screen and (min-width: 1200px) {
.view-latest-video-content .views-row,
.page-latest-video-articles .views-row
{
clear: none;
float: left;
width: 22%;
margin: 0px 11px 0px 14px;
position: relative;
min-height: 260px;
}
}

.view-latest-video-content .field-title h3,
.page-latest-video-articles .field-title h3 {
font-size: 18px;
}

#latest div.field-department,
.latest-home div-field-department,
.view-custom-taxonomy-topics div.field-department
{
position: absolute;
top: 0px;
left:0px;
}

.view-taxonomy-term div.field-department,
.view-nobel-coverage-archive div.field-department,
.view-nobel-coverage-2016 div.field-department,
.view-clone-of-nobel-coverage-2017 div.field-department,
.view-world-cup div.field-department,
.view-nobel-coverage-2018 div.field-department,
.teasers-1 div.field-department,
.teasers-2 div.field-department,
.view-nobel-coverage-2020 div.field-department,
.view-nobel-coverage-2021 div.field-department,
.nobel-coverage div.field-department
{
position: absolute;
top: 10px;
left:0px;
z-index: 2;
}

#latest .field-title h2,
.latest-home .field--name-node-title h2,
.view-taxonomy-term .field--name-node-title h2,
.view-latest-video-articles .field--name-node-title h2,
.view-author-articles .field--name-node-title h2,
.view-custom-taxonomy-topics .field--name-node-title h2,
.view-latest-news-articles .field--name-node-title h2,
.view-nobel-coverage-archive .field--name-node-title h2,
.view-nobel-coverage-2016 .field-title h2,
.view-clone-of-nobel-coverage-2017 .field--name-node-title h2,
.view-world-cup .field--name-node-title h2,
.view-nobel-coverage-2018 .field--name-node-title h2,
.teasers-1 .field--name-node-title h2,
.teasers-2 .field--name-node-title h2,
.view-nobel-coverage-2020 .field--name-node-title h2,
.view-nobel-coverage-2021 .field--name-node-title h2,
.nobel-coverage .field--name-node-title h2
{
font-size: 24px;
line-height: 1.1em;
}

#latest .field-subtitle,
.latest-home .field--name-field-subtitle,
.view-taxonomy-term .field--name-field-subtitle,
.view-author-articles .field--name-field-subtitle,
.view-custom-taxonomy-topics .field--name-field-subtitle,
.view-latest-news-articles .field--name-field-subtitle,
.view-nobel-coverage-archive .field--name-field-subtitle,
.view-nobel-coverage-2016 .field--name-field-subtitle,
.view-clone-of-nobel-coverage-2017 .field--name-field-subtitle,
.view-world-cup .field--name-field-subtitle,
.view-nobel-coverage-2018 .field--name-field-subtitle,
.teasers-1 .field--name-field-subtitle,
.teasers-2 .field--name-field-subtitle,
.view-nobel-coverage-2020 .field--name-node-title h2,
.view-nobel-coverage-2021 .field--name-node-title h2,
.nobel-coverage .field--name-node-title h2
{
padding-right: 25px;
}

#latest .field--name-field-subtitle,
.latest-home .field--name-field-subtitle,
.view-latest-video-articles .field--name-field-subtitle,
.view-taxonomy-term .field--name-field-subtitle,
.view-author-articles .field--name-field-subtitle,
.view-custom-taxonomy-topics .field--name-field-subtitle,
.view-latest-news-articles .field--name-field-subtitle,
.view-nobel-coverage-archive .field--name-field-subtitle,
.view-nobel-coverage-2016 .field--name-field-subtitle,
.view-clone-of-nobel-coverage-2017 .field--name-field-subtitle,
.view-world-cup .field--name-field-subtitle,
.view-nobel-coverage-2018 .field--name-field-subtitle,
.teasers-1 .field--name-field-subtitle,
.teasers-2 .field--name-field-subtitle,
.view-nobel-coverage-2020 .field--name-field-subtitle,
.view-nobel-coverage-2021 .field--name-field-subtitle,
.nobel-coverage .field--name-field-subtitle

{
color: #777;
font-size: 16px !important;
line-height: 1.4em;
}

#latest .field-author,
.latest-home .field--name-field-author,
.view-latest-video-articles .field--name-field-author,
.view-taxonomy-term .field--name-field-author,
.view-author-articles .field--name-field-author,
.view-custom-taxonomy-topics .field--name-field-author,
.view-latest-news-articles .field--name-field-author,
.view-nobel-coverage-archive .field--name-field-author,
.view-nobel-coverage-2016 .field--name-field-author,
.view-clone-of-nobel-coverage-2017 .field--name-field-author,
.view-world-cup .field--name-field-author,
.view-nobel-coverage-2018 .field--name-field-author,
.teasers-1 .field--name-field-author,
.teasers-2 .field--name-field-author,
.view-nobel-coverage-2020 .field--name-field-author,
.view-nobel-coverage-2021 .field--name-field-author,
.nobel-coverage .field--name-field-author
{
color: #666;
font-size: 13px;
}

#latest
.pager li>a,
.latest-home .pager li>a,
.view-latest-video-content
.pager li>a,
.view-taxonomy-term .pager li>a,
.view-author-articles .pager li>a,
.view-custom-taxonomy-topics .pager li>a,
.view-latest-news-articles .pager li>a,
.view-nobel-coverage-archive .pager li>a,
.view-nobel-coverage-2016 .pager li>a
.view-clone-of-nobel-coverage-2017 .pager li>a,
.view-nobel-coverage-2018 .pager li>a,
.view-nobel-coverage-2020 .pager li>a,
.view-nobel-coverage-2021 .pager li>a,
.nobel-coverage .pager li>a
{
font-family: 'Francois One', Arial, sans-serif;
border-radius: 0px !important;
background: #ff8517;
text-decoration: underline;
color: #fff;
}

.view-latest-video-content
.view-header h3 {
border-bottom: 1px dotted #333;
margin-bottom: 15px;
}

.block-views-blocklatest-video-content-block-1 {
clear: both;
border-bottom: 1px dotted #333;
}

.view-latest-video-content
.view-content a {
 color: #666;
}

/* Gold underwriters on home page */


@media screen and (max-width: 739px) {
.block-block-content31295793-1b13-4ade-93a2-26e67772a22b {
padding: 20px 20px 45px 20px;
}
}

@media screen and (min-width: 740px) and (max-width: 979px) {
.block-block-content31295793-1b13-4ade-93a2-26e67772a22b {
padding: 20px 20px 65px 20px;
}
}

@media screen and (min-width: 980px) and (max-width: 1199px) {
.block-block-content31295793-1b13-4ade-93a2-26e67772a22b {
padding: 20px 20px 45px 20px;
}
}

@media screen and (min-width: 1200px) {
.block-block-content31295793-1b13-4ade-93a2-26e67772a22b {
padding: 20px 20px 25px 20px;
}
}

.block-block-content31295793-1b13-4ade-93a2-26e67772a22b {
 border-top: 1px dotted #333;
 border-bottom: 1px dotted #333;
 width: 93%;
}

.block-block-content31295793-1b13-4ade-93a2-26e67772a22b a {
 text-decoration:underline;
}

.block-block-content31295793-1b13-4ade-93a2-26e67772a22b .gold-text {
margin-bottom: 30px;
}

@media screen and (min-width: 740px) {
.block-block-content31295793-1b13-4ade-93a2-26e67772a22b .gold-text {
float: left;
width: 58%;
margin-right: 55px;
}
}

.block-block-content31295793-1b13-4ade-93a2-26e67772a22b .gold-logos {
text-align: center;
}

.block-block-content31295793-1b13-4ade-93a2-26e67772a22b .gold-logos img {
margin-right: 30px;
}

@media screen and (max-width: 1199px) {
.block-block-content31295793-1b13-4ade-93a2-26e67772a22b .gold-logos img {
margin-right: 30px;
}
}

@media screen and (max-width: 979px) {
.block-block-content31295793-1b13-4ade-93a2-26e67772a22b .gold-logos img {
margin-bottom: 0px;
margin-right: 20px;
}
}

@media screen and (max-width: 740px) {
.block-block-content31295793-1b13-4ade-93a2-26e67772a22b .gold-logos img {
margin-bottom: 15px;
}
}


.more-link {
clear: both;
line-height: 1.4em	;
margin-top: 0.5em;
text-align: left;
text-transform: uppercase;
letter-spacing: .02em;
font-weight: 600;
font-size: 12px;
}

/* Topical roundups tier */


.block-block-contentfddaf40f-d3cd-40b8-8d2a-06934be85bd3 {
width: 100%;
margin: 40px 0px 30px 0px;
position: relative;
clear: both;
}


.block-block-contentbc532535-f375-493b-9aa7-eee88d6774c5 {
width: 100%;
margin: 40px 0px 30px 0px;
position: relative;
}


@media screen and (min-width: 979px) {
.block-block-contentfddaf40f-d3cd-40b8-8d2a-06934be85bd3 {
width: 48%;
float: left;
margin: 40px 10px 30px 0px;
position: relative;
clear: both;
}
}

@media screen and (min-width: 979px) {
.block-block-contentbc532535-f375-493b-9aa7-eee88d6774c5 {
width: 48%;
float: left;
margin: 40px 0px 30px 0px;
position: relative;
}
}

div.field--name-field-topic-title {
font-family: 'Francois One', Arial, sans-serif;
font-size: 16px;
text-transform: uppercase;
color: #fff;
background: #ff9517;
padding: 10px;
position: absolute;
top: 0px;
left: 0px;
}

@media screen and (max-width: 408px) {
div.field--name-field-topic-title {
font-family: 'Francois One', Arial, sans-serif;
font-size: 14px;
text-transform: uppercase;
color: #fff;
background: #ff9517;
padding: 5px;
position: absolute;
top: 0px;
left: 0px;
}
}

.field--name-field-topical-links {
font-family: 'Francois One', Arial, sans-serif;
font-size: 20px;
padding: 10px;
position: absolute;
left: 20px;
top: 80px;
background: url('/sites/default/files/images/sitewide/trans-bg-new.png');
background-repeat: repeat;
width: 80%;
}

@media screen and (max-width: 1199px) {
.field--name-field-topical-links {
font-size: 20px;
top:50px;
width: 80%;
}
}

@media screen and (max-width: 979px) {
.field--name-field-topical-links {
font-size: 20px;
top:50px;
width: 80%;
}
}

@media screen and (max-width: 500px) {
.field--name-field-topical-links {
font-size: 16px;
top:50px;
width: 80%;
}
}

@media screen and (max-width: 408px) {
.field--name-field-topical-links {
font-size: 14px;
top:35px;
left: 0px;
width: 92%;
font-family: Arial, Helvetica, sans-serif;
padding: 5px 5px 0px 5px;
}
}

.field--name-field-topical-links .field--item {
line-height: 1.4em;
margin-bottom: 10px;
}

@media screen and (max-width: 408px) {
.field--name-field-topical-links .field--item {
line-height: 1.1em;
margin-bottom: 10px;
}
}


.field--name-field-topical-links a {
color: #fff;
}

/* TOPICAL JUMPOFF PANEL and RECOMMENDED entityQ */

.block-block-contentbd8ae5c2-420a-41b4-824f-a6611fb26f18 {

}

.block-block-contentbd8ae5c2-420a-41b4-824f-a6611fb26f18 .block-title {
border-bottom: 1px dotted #333;
margin-bottom: 20px;
}

.block-block-contentbd8ae5c2-420a-41b4-824f-a6611fb26f18 .topic-item {
float: left;
margin: 0px 17px 20px 0px;
background: #f1eee5;
}

.topics-covered .topic-item h3 {
text-align: center;
font-size: 18px;
}

@media screen and (min-width: 1200px) {
.block-block-contentbd8ae5c2-420a-41b4-824f-a6611fb26f18 {
float: left;
width: 68%;
}
}

@media screen and (min-width: 1200px) {
.topics-covered .topic-item {
width: 175px;
}
}

@media screen and (max-width: 1199px) {
.block-block-contentbd8ae5c2-420a-41b4-824f-a6611fb26f18 {
float: left;
width: 68%;
margin-right: 30px;
}
}

@media screen and (max-width: 1199px) {
.topics-covered .topic-item {
width: 140px;
height: auto;
}
}


@media screen and (max-width: 979px) {
.block-block-contentbd8ae5c2-420a-41b4-824f-a6611fb26f18 {
width: 100%;
}
}

@media screen and (min-width: 1200px) {
.block-views-blockrecommended-block-1 {
float: right;
width: 28%;
}
}

@media screen and (max-width: 1199px) {
.block-views-blockrecommended-block-1 {
float: right;
width: 28%;
}
}

@media screen and (max-width: 979px) {
.block-views-blockrecommended-block-1 {
width: 100%;
}
}

.block-views-blockrecommended-block-1 .block-title {
border-bottom: 1px dotted #333;
margin-bottom: 20px;
}

.block-views-blockrecommended-block-1
.views-field-title {
margin-bottom: 12px;
}

/* NEWZ and VIDEO ARTICLES */


/* add generous margining to wide and normal layout content area */

@media screen and (min-width: 980px) {
.page-node-type-news-article .region-content,
.page-node-type-video-article .region-content
{
padding-right: 30px;
}
}


.node .field--name-field-department a {
background: #ff8517;
color: #fff;
padding: 8px;
text-transform: uppercase;
font-family: 'Francois One', Arial, sans-serif;
}

.node .field--name-field-department a:hover {
background: #464646;
}

.node .field-title h1 {
margin-top: 0px;
}

.node .field--name-field-subtitle {
font-size: 20px;
line-height: 1.3em;
}

.node div.field--name-field-subtitle,
.node div.field--name-field-top-image-2,
.field--name-field-department,
.field--name-field-originally-published-date,
.field--name-field-publication-date-and-time,
.field--name-field-published-on,
.field--name-field-author,
.field--name-body
{
margin-bottom: 20px;
}

.field--name-field-top-image-2 img {
width: 100%;
height: auto;
}

.page-node-type-video-article .field--type-video-embed-field {
margin-bottom: 30px;
}

.field--name-field-top-image-image-caption,
.field--name-field-top-image-caption,
.field--name-field-top-image-credit,
.field--name-field-top-image-reuse-info,
.field--name-field-video-caption
{
font-size: 13px;
font-style: italic;
padding: 3px 0px 0px 0px;
margin-bottom: 8px;
}

.field-top-image .field-group-fieldset p {
margin-bottom: 5px;
}

.node--view-mode-full .field--name-field-department {
margin-top: 20px;
}

/* new top image MEDIA field to replace old file field */

.field--name-field-media-image {
margin-bottom: 12px;
}

div.field--name-field-media-caption p,
div.field--name-field-media-credits p,
div.field--name-field-media-rights p
{
font-size: 85%;
color: #666;
font-style: italic;
margin-bottom: 10px;
}

div.field--name-field-media-caption a,
div.field--name-field-media-credits a,
div.field--name-field-media-rights a
{
color: #ff8517 !important;
}

.field--name-field-media-caption,
.field--name-field-media-credits,
.field--name-field-media-rights {
 clear: both;
}

.field--name-field-media-credits .field--label,
.field--name-field-media-rights .field--label {
font-size: 85%;
font-family: 'Merriweather', Georgia, Times New Roman, serif !important;
border: none;
}







/* republish block */

#block-informationonhowtorepublishsyndicateisarticles
h2.block-title {
font-size: 18px;
border-bottom: 1px dotted #333;
}

/* legacy migrated image info */

.group-legacy-image-info {
padding: 3px 0px 0px 0px;
font-size: 13px;
font-style: italic;
margin: -20px 0px 20px 0px;
}


/* new More on this topic entity ref. field */

.field-name-field-more-on-this-topic
.view-mode-thumbnail_teaser {
float: left;
width: 150px;
margin: 0px 10px 20px 0px;
}

.field-name-field-more-on-this-topic
.view-mode-thumbnail_teaser .field-title {
font-size: 14px;
}

/* category tag display */

.field--name-field-filed-under {
clear: both;
margin:0px 0px 40px 0px;
}

.field--name-field-filed-under .field--item {
list-style-type: none !important;
display: inline-block;
margin: 30px 10px 0px 0px;
}

.field--name-field-filed-under a {
background: #fff;
padding: 8px;
text-transform: uppercase;
font-family: 'Francois One', Arial, sans-serif;
color: #ff8517;
border: 1px solid #ff8517;
}

.field--name-field-filed-under a:hover {
background: #464646;
color: #fff;
}

.field--name-field-about-the-author
.field--label {
margin-bottom: 20px;
}

.field--name-field-about-the-author {
 margin-bottom: 30px;
}

.field--name-field-about-the-author
.group-left {
width: 100px;
margin-right: 20px;
}

.field--name-field-about-the-author
.group-right {
width: 75%;
}

.field--name-field-about-the-author
.group-right h4 {
margin-top: 0px !important;
}

.field--name-field-about-the-author
.group-right a {
color: #ff8517 !important;
}

.page-node-type-news-article .node--type-author-profile img,
.page-node-type-video-article .node--type-author-profile img,
.page-node-type-opinion .node--type-author-profile img
{
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border: 1px solid #b6b6b6;
}

.block-block-21 {
margin-top: 30px;
}

.block-block-21 h2 {
border-bottom: 1px dotted #333;
}

.node .region-content a,
.region-content-bottom a {
text-decoration: underline;
}

.field-title {
clear: both;
}

/* inline images */

.group-image-display,
.group-video-display {
font-style: italic;
font-size: 13px
margin-bottom: 20px;
}


/* article sidebar */

.region-sidebar-second {
padding-top: 10px;
}

.latest-news-articles,
.latest-video-articles {
margin-bottom: 30px;
}

.latest-news-articles h2,
.latest-video-articles h2
{
 border-bottom: 1px dotted #333;
 margin-bottom: 20px;
 font-size: 18px;
 border-bottom: 1px dotted #333;
}

.view-latest-news-articles-title-only
.views-row,
.view-latest-video-articles-title-only
.views-row,
.latest-video-articles .views-row
{
margin-bottom: 1em;
}

/* related topics standout */

.related-articles  {
background: #efefef;
border: 1px solid #b3b3b3;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin-bottom: 30px;
}

.related-articles h2.block-title {
background: #ff8517;
margin: 0px;
color: #fff;
padding: 5px 10px 5px 10px;
font-size: 18px;
}

.related-articles
.view-content {
padding: 0px 10px 0px 10px;
}

.related-articles
.views-row {
margin-top: 20px;
}

.related-articles  h2 {
font-size: 18px;
}

/*
.view-related-by-topic
.view-content a,

.view-latest-news-articles
.view-content a,
.view-latest-video-articles
.view-content a
{
color: #ff8517;
}
*/

.view-related-by-topic
.view-content p,
.view-latest-news-articles
.view-content p,
.view-latest-video-articles
.view-content p {
line-height: 1.3em;
font-size: 14px;
}

.node-teaser
.field-youtube-video {
margin-bottom: 10px;
}


/* TEXT STYLING for wysisyg editors styles dropdown select */

.pullquote-large, .pullquote-left, .pullquote-right {
border-top: 3px solid #666;
border-bottom: 3px solid #666;
colopr: #666;
padding: 30px 20px 20px 50px;
font-family: Georgia, times News Roman, serif;
font-size: 22px;
font-weight: bold;
line-height: 1.4em;
position: relative;
}

.pullquote-large:before,
.pullquote-left:before,
.pullquote-right:before {
content: "\201C"; /*Unicode for Left Double Quote*/
  font-family: Georgia, Times New Roman, serif;
  font-size: 70px;
  font-weight: bold;
  color: #0099cc;
  position: absolute;
  left: -15px;
  top:25px;
}

.pullquote-center {
margin: 25px auto 25px auto;
}

.pullquote-left {
margin: 25px auto 25px auto;
}

@media screen and (min-width: 480px) {
.pullquote-left {
float: left;
width: 50%;
margin: 0px 40px 20px 0px !important;
}
}

.pullquote-right {
margin: 25px auto 25px auto;
}

@media screen and (min-width: 480px) {
.pullquote-right {
float: right;
width: 50%;
margin: 0px 0px 20px 40px !important;
}
}

.pullquote-large {
font-family: 'Francois One', Arial, sans-serif;
font-weight: normal;
font-size: 22px;
text-align: center;
padding: 15px;
width: 90%;
margin: 0px auto 20px auto;
}

.pullquote-left, .pullquote-right {
width: 40%;
padding: 25px;
font-family: 'Francois One', Arial, sans-serif;
font-weight: normal;
font-size: 22px;
}

.pullquote-left {
float: left;
margin-right: 20px;
}

.pullquote-right {
float: right;
margin-left: 20px;
}

@media screen and (max-width: 570px) {
.pullquote-left, .pullquote-right {
float: none;
text-align: center;
padding: 15px;
width: 90%;
margin: 0px auto 20px auto;
}
}


.blockquote {
display:block;
  clear: both;
  padding: 15px 60px 5px 60px;
  margin: 20px 10px 20px 0px;
  position: relative;
  font-size: 16px;
  font-style: italic;
  line-height: 1.2;
  color: #666;
}

.blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  font-size: 70px;
  font-weight: bold;
  color: #ff8517;
  position: absolute;
  left: 10px;
  top:5px;
}

.bracket {
width: 85%;
margin: 0 auto 0 auto;
border-top: 1px dotted #333;
border-bottom: 1px dotted #333;
}

.callout {
position: relative;
width: 22%;
min-height: 100px;
padding: 15px;
background-color: #fff;
border: 1px solid #c1c1c1;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 0 5px #b3b3b3;
float: right;
margin: 0px 0px 0px 30px;
}

.callout:before {
content: "";
position: absolute;
width: 0;
height: 0;
left: -42px;
top: 17px;
border: 10px solid transparent;
border-right: 32px solid rgb(193,193,193); /* IE8 Fallback */
border-right: 32px solid rgba(193,193,193,0.5);
z-index: 2;
}
.callout:after {
content: "";
position: absolute;
width: 0;
height: 0;
left: -31px;
top: 20px;
border: 8px solid transparent;
border-right: 24px solid #fff;
z-index: 3;
}

/* Taxonomy ("Beat") landing pages */

.page-taxonomy .feed-icon,
.path-taxonomy .feed-icon
{
 display: none;
}

@media screen and (max-width: 380px) {
.beats-lp-intro h3 {
font-size: 20px	;
}
}

.beats-lp-intro {
border-top: 1px dotted #333;
padding:15px 20px 15px 0px;
}

@media screen and (max-width: 479px) {
.beats-img {
width: 100px;
}
}

@media screen and (min-width: 480px) {
.beats-img {
width: 175px;
}
}

.beats-img {
float: left;
margin: 0px 20px 0px 0px;
}


.path-taxonomy
.views-element-container {
margin-top: 20px;
}


/* AUTHOR DISPLAYS for author profile node and article-resident teaser field */

h4.author-name  {
margin-top: 0px;
}

h4.author-name a {
color: #ff8517;
}

.page-node-type-author-profile
.group-footer
{
padding-top: 20px;
}

.field--name-field-author-articles
.field--label {
margin-bottom: 20px;
}

.field--name-field-author-website {
margin-bottom: 20px;
}

.field--name-field-author-type {
margin-bottom: 20px;
}

.node--type-author-profile
.author-profile-left
{
width: 100%;
text-align:center;
}

@media screen and (min-width: 980px) {
.node--type-author-profile
.author-profile-left {
float: left;
width: 220px;
margin-right: 20px;
}
}

.node--type-author-profile
.author-profile-left img {
margin: 0px auto 20px auto;
}

.node--type-author-profile
.author-profile-right {
float: none;
width: 100%;
}
}

@media screen and (min-width: 980px) {
.node--type-author-profile
.author-profile-right {
float: right !important;
width: 65% !important;
}
}

/* teaser display in author profile field within news content types */

.node--type-author-profile
.teaser-standard-right h4 {
font-size: 18px;
margin-top: 10px;
text-align:center
}

@media screen and (min-width: 980px) {
.node--type-author-profile
.teaser-standard-right h4 {
 text-align: left;
}
}

.teaser-standard-right a {
color: #ff8517 !important;
}

.teaser-standard-right
.field-subtitle {
font-weight: normal;
font-size: 14px !important;
}

.node--type-author-profile
.teaser-standard-left {
width: 100%;
}

@media screen and (min-width: 980px) {
.teaser-standard-left {
width: 100px !important;
float: left !important;
margin-right: 20px;
}
}

.node--type-author-profile
.teaser-standard-left img {
margin: 0px auto 10px auto;
}

.node--type-author-profile
.teaser-standard-right {
clear: both;
width: 100%;
}

@media screen and (min-width: 980px) {
.teaser-standard-right {
clear: none !important;
float: left !important;
width: 75% !important;
}
}

/* wrapper */

.breadcrumb {
display: none;
}

/* views grid table */

.views-view-grid td {
width: 33%;
text-align: center;
border: none;
}

/* ADDTOANY SHAREBAR */

.a2a_kit a img {
border: 1px solid #b3b3b3;
border-radius: 32px;
-webkit-border-radius: 32px;
-moz-border-radius: 32px;
}

.a2a_kit a img {
width: 32px;
height: 32px;
}

.a2a_kit {
margin-bottom: 30px;
}

/* SHAREBAR */

#sharebar {
border: none !important;
}

#sharebar .email {
background: #efefef;
border: 1px solid #b3b3b3;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}


/* INLINE ARTICLE IMAGES - FLOATS AND STYLING */


/* new modality */

.embedded-entity {
margin-top: 8px;
margin-bottom: 20px;
padding-bottom: 10px;
}

.align-left {
float: none;
margin-right: 0px;
width: 100%;
}

.align-right {
float: none;
margin-left: 0px;
width: 100%;
}

@media screen and (min-width: 980px) {
.align-left {
float: left;
margin-right: 30px;
width: 40%;
}
}

@media screen and (min-width: 980px) {
.align-right {
float: right;
margin-left: 30px;
width: 40%;
}
}

.node .media-element-container {
color: #666;
font-style: italic;
font-weight: normal !important;
margin-top: 3px;
margin-bottom: 20px;
padding-bottom: 10px;
}

.media-element-container img {
width: 100%;
height: auto;
}

.media-element-container h2 {
font-size: 18px;
}

.media-element-container p {
margin: 3px 0px 0px 0px;
font-weight: normal !important;
}

.media-float_image_left {
width: 100%;
clear: both;
}

.media-float_image_right {
width: 100%;
clear: both;
}

.file-float-medium-image-left,
.file-float-medium-image-right,
.file-full-width-image {
width: 100%;
height: auto;
margin-bottom: 10px;
}

@media screen and (min-width: 1220px) {
.media-float_image_left {
width: 50%;
clear: both;
float: left;
margin-right: 40px;
}
}

@media screen and (min-width: 1220px) {
.media-float_image_right {
width: 50%;
clear: both;
float: right;
margin-left: 40px;
}
}

@media screen and (max-width: 479px) {
.media-float_medium_image_left {
width: 100%;
height: auto;
}
}


@media screen and (max-width: 479px) {
.media-float_medium_image_right {
width: 100%;
height: auto;
}
}

@media screen and (min-width: 480px) {
.media-float_medium_image_left {
max-width: 50%;
height: auto;
float: left;
margin-right: 40px;
}
}

@media screen and (min-width: 480px) {
.media-float_medium_img_right {
max-width: 50%;
height: auto;
float: right;
margin-left: 40px;
}
}

.media-float_small_image_left {
max-width: 160px;
height: auto;
float: left;
margin-right: 20px;
}

.media-float_small_image_right {
max-width: 160px;
height: auto;
float: right;
margin-left: 20px;
}

.field-image-caption {
margin-top: 10px;
}

.field-image-caption, .field-image-credits, .field-image-rights {
font-weight: normal;
font-size: 14px !important;
}

/* embedded remote video - force fullwidth and responsive */

.field--name-field-media-oembed-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
position: relative;
}

.field--name-field-media-oembed-video iframe {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}


/* suppresses disoplay of superflous exposed image subfields on tmplate screen instead of whacking them */

.overlay-open .edit-field-top-image-caption,
.overlay-open .edit-field-top-image-credit,
.overlay-open .edit-field-top-image-reuse-info {
display: none;
}

/* Underwriters strip on Beats landing pages */

.underwriters {
 margin-top: 30px;
 padding: 20px 0px 20px 0px;
 border-top: 1px dotted #333;
 border-bottom: 1px dotted #333;
}

.underwriters h3 {
 margin-bottom: 30px;
}

.memsoc-logos-across p {
float: left;
margin-right: 45px;
width: 180px;
text-align: center;
line-height: 1.1em;
}

.memsoc-logos-across img {
margin-bottom: 12px;
}

.memsoc-logos-across a {
text-decoration: none;
}

/* FIELD SLIDESHOW */

.field-slideshow-slide {
width: 830px !important;
}


.field-slideshow-wrapper {
overflow: hidden;
}

.field--name-field-slideshow-caption {
margin: 20px 0px 20px 0px;
color: #666;
line-height: 1.3em;
font-style: italic;
}

button.slick-prev, button.slick-next, button.slick-arrow {
padding: 10px;
color: #fff;
background: #ff8517;
border: none;
margin-right: 20px;
}

nav.slick__arrow {
text-align: center;
}

/*

@media screen and (min-width: 1220px) {
.field-slideshow {
height: 650px !important;
}
}

*/

.field-slideshow {
padding-bottom: 0px !important;
}

/*

@media screen and (min-width: 980px) and (max-width: 1219px) {
.field-slideshow {
height: 630px !important;
}
}

@media screen and (min-width: 740px) and (max-width: 979px) {
.field-slideshow {
height: 565px !important;
}
}

@media screen and (min-width: 280px) and (max-width: 739px) {
.field-slideshow {
height: 600px !important;
}
}

*/

.field-slideshow-controls {
text-align: center;
margin-top: 20px;
}

.field-slideshow-controls a {
margin-right: 20px;
background: #ff8517;
padding: 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
font-size: 13px;
color: #fff;
}

/* PARAGRAPHS FREEFORM STORY */

.node-type-freeform-story #page-title {
display: none !important;
}

.node-type-freeform-story
p.field-subtitle {
font-size: 20px;
line-height: 1.3em;
}

.node-type-freeform-story
.file-image img {
width: 100%;
height: auto;
}

.node-type-freeform-story
.field-originally-published-date {
 margin-top: 30px;
}

.node-type-freeform-story
.field-department a {
background: #ff8517;
color: #fff;
font-family: 'Francois One';
text-transform: uppercase;
padding: 8px;
}

.node-type-freeform-story
.field-department a:hover {
background: #333;
}

.node-type-freeform-story
.group-image-display,
.node-type-freeform-story
.media-element-container {
color: #666;
font-size: 13px;
margin-bottom:30px;
}

.node-type-freeform-story
.group-image-display a,
.node-type-freeform-story
.media-element-container a {
color: #ff8517 !important;
}

.paragraphs-item-rich-sidebar {
width: 90%;
border: 10px solid #b6b6b6;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin: 30px auto 30px auto;
font-family: Verdana, Helvetica, sans-serif;
-webkit-box-shadow: 5px 5px 3px 0px rgba(102,102,102,1);
-moz-box-shadow: 5px 5px 3px 0px rgba(102,102,102,1);
box-shadow: 5px 5px 3px 0px rgba(102,102,102,1);
}

.paragraphs-item-rich-sidebar
h3.field-sidebar-heading {
background: #666;
border-bottomL: 1px solid #333;
color: #fff;
margin: 0px !important;
padding: 5px 30px 5px 0px;
}

.paragraphs-item-rich-sidebar h3 p {
margin: 0px !important;
}

.paragraphs-item-rich-sidebar p
{
padding: 0px 30px 0px 30px;
}

.paragraphs-item-rich-sidebar
.media-element-container p {
font-size: 13px;
}

.paragraphs-item-rich-sidebar
.media-element-container a {
color: #ff8517;
text-decoration: underline;
}

.paragraphs-item-paragraphs-pack-node-list {
border: 10px solid #ff8517;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
padding: 10px 30px 25px 30px;
width: 85%;
margin: 30px auto 30px auto;
}

.paragraphs-item-paragraphs-pack-node-list
.ds-2col .group-left {
width: 20%;
margin-right: 20px;
}

.paragraphs-item-paragraphs-pack-node-list a {
color: #ff8517;
}

.paragraphs-item-paragraphs-pack-node-list h3 {
margin-bottom: 20px;
}

.paragraphs-item-paragraphs-pack-node-list h4 {
margin-top: 0px;
}


.paragraphs-item-paragraphs-pack-node-list
.field-subtitle {
font-size: 16px !important;
}

.paragraphs-item-paragraphs-pack-node-list
.group-right {
width: 77%;
}

.paragraphs-item-paragraphs-pack-juicebox {
margin: 30px auto 40px auto;
}

.paragraphs-item-paragraphs-pack-juicebox
.field-pp-title {
font-family: 'Francois One';
font-size: 24px;
margin-bottom: 30px;
}

.paragraphs-item-youtube-video {
margin: 30px auto 30px auto;
border: 1px solid #b6b6b6;
background: #efefef;
}

.paragraphs-item-youtube-video
p.field-youtube {
margin-top: -16px;
}

.paragraphs-item-youtube-video
.field-video-description {
padding: 0px 10px 0px 10px;
}

.node-type-freeform-story
.pane-node-field-filed-under {
clear: both;
}

.node-type-freeform-story
.view-related-by-topic .views-row,
.node-type-freeform-story
.view-latest-video-articles .views-row
{
width: 24%;
height: 250px;
float: left;
clear: none;
margin: 5px;
}

.paragraphs-item-latest-videos {
clear: both;
}

.paragraphs-item-title-board {
clear: both;
position: relative;
}

.paragraphs-item-title-board
.field-originally-published-date {
margin-top: 0px;
}

.paragraphs-item-title-board
.content {
position: absolute;
left: 0;
right: 0;
bottom: 2%;
width: 90%;
margin: 0 auto;
background: url('/sites/default/files/images/sitewide/trans-bg-new_0.png');
border: 1px solid #b6b6b6;
border-radius: 3px;
padding: 5px 10px 5px 10px;
color: #fff;
}

.paragraphs-item-title-board h1 {
font-size: 24px;
line-height: 1.2em;
}

.paragraphs-item-title-board h3 {
font-size: 18px;
line-height: 1.2em;
font-weight: normal;
}

/* revamped newlstter signup form */

.webform-client-form-22411 {
background: #efefef;
border: 1px solid #333;
border-radius: 3px;
padding: 0 20px 20px 20px;
margin: 0px auto 0px auto;
width: 75%;
}

.newsletter-social {
border: 1px solid #b6b6b6;
width: 380px;
background: #fff;
}

.newsletter-social h3 {
 background: #0e1136;
 color: #fff;
 text-align: center;
 font-size: 18px;
 margin-top: 0px;
 padding: 5px;
 border-radius: 3px;
}

.newsletter-social img {
border-radius: 32px;
margin: 0px 10px 0px 10px;
}

input.webform-submit {
border: none;
background-image: none;
background: #ff8517;
color: #fff;
}

.form-item-submitted-newsletter-options-news-alert,
.form-item-submitted-newsletter-options-weekly-digest
{
border: 1px solid #b6b6b6;
border-radius: 3px;
padding: 20px;
width: 340px;
background: #fff;
-webkit-box-shadow: 5px 5px 5px 0px rgba(102,102,102,0.4);
-moz-box-shadow: 5px 5px 5px 0px rgba(102,102,102,0.4);
box-shadow: 5px 5px 5px 0px rgba(102,102,102,0.4);
}

.form-item-submitted-newsletter-options-news-alert,
.form-item-submitted-newsletter-options-weekly-digest {
display: inline-block;
margin-right: 40px;
}

.form-item-submitted-news-alert {
 margin-right: 40px;
}

/* suppress unwanted fieltype fields from legacy Top Image post-migration field */

.field--name-filename, .field--name-uid, .field--name-filemime, .field--name-filesize
{
display: none;
}

/* sub appeal on home page */

.sub-appeal-home {
margin: 10px 10px 20px 0px;
padding: 10px 10px 10px 10px;
background: #001136;
color: #fff;
clear: both;
}

.appeal-message {
margin: 0px auto 0px auto;
width: 90%;
}

.sub-appeal-home h4 {
font-size: 20px;
}

.appeal-button a {
color: #ff8517;
font-size: 18px;
}

.appeal-button a:hover {
color: #000 !important;
}

.appeal-button {
display: inline-block;
background: #fff;
padding: 0px 10px 0px 10px;
border: 1px solid #333;
}

.appeal-button:hover {
background: #ff8517;
}

.appeal-left {
float: left;
margin-right: 20px;
}

/* sub form page and article-resident subform styling */

/* revamped newlstter signup form */
 #signup input ~ label.wrap {
 white-space: pre-wrap;
 }

.page-node-25361 h1.title
{
display: none;
}

#new-sub-form h1
{
margin: 0px 0px 30px 0px !important;
text-align:center;
font-size: 32px;
}

@media screen and (min-width: 1200px) {
.signup-left {
float: left;
width: 43%;
margin-right: 20px;
}
}

@media screen and (min-width: 980px) and (max-width: 1199px) {
.signup-left {
float: left;
width: 30%;
margin-right: 20px;
}
}

.signup-right {
text-align: center;
}

.signup right img {
max-width: 95%;
}

#new-sub-form {
background: #fff;
padding: 20px;
}

article.new-sub-form
{
background: #001136 !important;
margin-top: 20px;
border-radius: 5px;
padding: 20px;
}

@media screen and (min-width: 1200px) {
.page-node-25361
region-sidebar-second
{
padding-right: 20px;
}
}

#new-sub-form label {
font-weight: 300;
}

.choices {
clear: both;
margin: 0px 0px 30px 0px;
border: 1px solid #333;
border-radius: 3px;
min-height: 90px;
background: #fff;
-webkit-box-shadow: 5px 5px 5px 0px rgba(102,102,102,0.4);
-moz-box-shadow: 5px 5px 5px 0px rgba(102,102,102,0.4);
box-shadow: 5px 5px 5px 0px rgba(102,102,102,0.4);
margin-bottom: 40px;
background: #efefef;
}

#new-sub-form .choices h4 {
background: #001136;
padding: 5px 5px 1px 5px;
color: #fff;
margin-top: 0px;
}

.choices input {
float: left;
margin: 8px 7px 0px 10px;
}

.choices p {
margin: 20px;
}

.optin label {
display: block;
margin-bottom: 20px;
}

#btnsubmit {
background: #ff8517;
color: #fff;
padding: 8px;
border: 1px solid #333;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
margin-bottom: 30px;
}

.newsletter-social {
background: #fff;
border-radius: 5px;
width: 93%;
margin: 0px auto 0px auto;
text-align: left;
}

.newsletter-social h3 {
background: #ff8517;
color: #fff;
text-align: center;
font-size: 16px;
margin-top: 0px;
padding: 5px;
}

.newsletter-social img {
border-radius: 32px;
margin: 0px 10px 10px 15px;
}

.optin {
font-size: 80%;
color: #666;
margin-top: 20px;
}

.optin input {
float: left;
margin: 5px 5px 0px 0px;
}

.personal-data {
clear: both;
padding-top: 15px;
border-top: 1px dotted #333;
color: #666;
font-size: 80%;
margin-top: 20px;
}

/* sub form variation for article-resident block */


.field--name-field-inline-subscription-form {
border: 1px solid #b6b6b6;
margin-bottom: 20px;
}

.alert-form h3 {
background: #001136;
color: #fff;
padding: 5px;
text-align: center;
margin-top: 0px;
}

.alert-form form {
padding: 10px 20px 10px 20px;
}


.signup-block-left {
background: #efefef;
border: 1px solid #b6b6b6;
padding: 5px;
margin-bottom: 20px;
}

@media screen and (min-width: 740px) {
.signup-block-left {
width: 45%;
float: left;
margin-right: 30px;
}
}

@media screen and (min-width: 740px) {
.signup-block-right {
width: 48%;
float: right;
padding-bottom: 20px;
}
}

.choices-light {
margin-bottom: 20px;
}

.choices-light label {
font-weight: 300;
}

.choices-light p {
padding: 0px 10px 0px 35px;
line-height: normal;
}

.choices-light input {
float: left;
margin: 4px 10px 0px 10px;
}

.choices-light h4 {
text-align: left;
}

.alert-form .email label {
float: left;
margin: 4px 8px 0px 0px;
font-weight: 300;
}

.alert-form .personal-data {
padding: 10px 30px 0px 30px;
}

.alert-form .g-recaptcha {
padding-bottom: 20px;
}

.alert-form .submit {
text-align: center;
}

.alert-form .optin label {
display: block;
}

/* remove unweanted filename link from embedded article image display, post-degobblydegooker */

.media-element-container h2.element-invisible {
 display: none;
}

/* suppress stupid forced title bug in inline sb form block field caused by blck ref module */

.field--name-field-inline-subscription-form
h2.block-title {
display: none;
}

/* new full-bleed area and specifics for Manhattan Project Legacy landing page */

#hero .hero-top-image {
position: relative;
}

#hero .hero-top-image img {
 width: 100%;
}

#hero .hero-text {
font-family: 'Francois One', Verdana, sans-serif;
}

#hero .hero-text h1,
#hero .hero-text h2 {
color: #fff;
}

@media screen and (min-width: 1200px) {
#hero .hero-top-image h1 {
font-size: 75px;
margin: 15px 0px 40px 0px;
}
}

@media screen and (min-width: 992px) and (max-width: 1199px){
#hero .hero-top-image h1 {
font-size: 55px;
margin: 15px 0px 20px 0px;
}
}

@media screen and (min-width: 768px) and (max-width: 991px){
#hero .hero-top-image h1 {
font-size: 55px;
margin: 15px 0px 20px 0px;
}
}

@media screen and (max-width: 767px){
#hero .hero-top-image h1 {
font-size: 32px;
margin: -5px 0px 0px 0px;
}
}

#hero .hero-top-image h2 {
font-size: 18px;
margin: 0px;
}

@media screen and (min-width: 1220px) {
#hero .hero-top-image h2 {
font-size: 32px;
}
}

@media screen and (min-width: 992px)  and (max-width: 1219px){
#hero .hero-top-image h2 {
font-size: 24px;
}
}

@media screen and (min-width: 768px)  and (max-width: 991px){
#hero .hero-top-image h2 {
font-size: 24px;
}
}

@media screen and (max-width: 767px){
#hero .hero-top-image h2 {
font-size: 24px;
}
}

#hero .hero-text p {
display: none;
}

@media screen and (min-width: 516px) {
#hero .hero-text p {
display: block;
color: #97f6ff;
font-size: 14px;
line-height: 1.4em;
}
}

@media screen and (min-width: 1220px) {
#hero .hero-text p {
color: #97f6ff;
font-size: 18px;
line-height: 1.2em;
}
}

@media screen and (min-width: 992px)  and (max-width: 1219px){
#hero .hero-text p {
color: #97f6ff;
font-size: 18px;
line-height: 1.2em;
}
}


#hero .hero-top-image .media {
margin-top: -16px;
}

@media screen and (min-width: 1220px) {
#hero .hero-top-image .hero-text {
position: absolute;
width: 45%;
left: 50%;
margin-left: -22%;
top: 6%;
margin-top -15%
}
}

@media screen and (min-width: 992px) and (max-width: 1219px){
#hero .hero-top-image .hero-text {
position: absolute;
width: 45%;
left: 50%;
margin-left: -22%;
top: 6%;
margin-top -15%
}
}

@media screen and (min-width: 768px) and (max-width: 991px){
#hero .hero-top-image .hero-text {
position: absolute;
width: 95%;
left: 50%;
margin-left: -48%;
top: 6%;
margin-top -15%
}
}

@media screen and (max-width: 767px) {
#hero .hero-top-image .hero-text {
position: absolute;
width: 95%;
left: 50%;
margin-left: -48%;
top: 6%;
margin-top -15%;
}
}


#hero .hero-top-image .hero-summary {
color: #fff;
}

#hero .hero-intro-text {
background: url('/sites/default/files/images/sitewide/trinity-lede-background.jpg');
background-repeat: no-repeat;
background-position: cover;
background-size: 100% 100%;
color: #fff;
padding: 15px 0px 15px 0px;
margin-top: -20px;
}

#hero .hero-intro-text p {
width: 82%;
margin: 0px auto 12px auto;
}

/* The actual timeline (the vertical ruler) */

.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

.block-block-contentba81fad8-902f-4de6-97bf-c34529632a55 {
margin-bottom: 50px;
}

.timeline-container {
box-sizing: border-box;
}

.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: #444;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* Container around content */
.timeline-container {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}

/* The circles on the timeline */
.timeline-container::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -12px;
  background-color: #444;
  border: 4px solid #444;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

/* Place the container to the left */
.left {
  left: 0;
}

/* Place the container to the right */
.right {
  left: 50%;
}

@media screen and (min-width: 1220px) {
.right-1 {
position: absolute;
top: 8%;
}
}

@media screen and (min-width: 1220px) {
.right-2 {
position: absolute;
top: 33%;
}
}

@media screen and (min-width: 1220px) {
.right-3 {
position: absolute;
top: 58%;
}
}

@media screen and (min-width: 1220px) {
.right-4 {
position: absolute;
top: 83%;
}
}


@media screen and (min-width: 601px) and (max-width: 1219px) {
.right-1 {
position: absolute;
top: 3%;
}
}

@media screen and (min-width: 601px) and (max-width: 1219px) {
.right-2 {
position: absolute;
top: 29%;
}
}

@media screen and (min-width: 601px) and (max-width: 1219px) {
.right-3 {
position: absolute;
top: 57%;
}
}

@media screen and (min-width: 601px) and (max-width: 1219px) {
.right-4 {
position: absolute;
top: 85%;
}
}



/* Add arrows to the left container (pointing right) */
.left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid #661b69;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #661b69;
}

/* Add arrows to the right container (pointing left) */
.right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid #661b69;
  border-width: 10px 10px 10px 0;
  border-color: transparent #661b69 transparent transparent;
}

/* Fix the circle for containers on the right side */
.right::after {
  left: -13px;
}

/* The actual content */

.timeline-content {
  background-color: #444;
  position: relative;
  border-radius: 6px;
  color: #fff;
  padding-bottom: 20px;
}

@media screen and (min-width: 1220px) {
 .timeline-content {
  height: 270px;
}
}

.timeline-content a {
color: #ff8517;
}

.hover01 figure img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.hover01 figure:hover img {
-webkit-transform: scale(1.3);
transform: scale(1.1);
border: 5px solid #ff8517;
}

.timeline-content figure {
margin-block-start: 0em;
margin-block-end: 0em;
margin-inline-start: 0px;
margin-inline-end: 0px
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
  /* Place the timelime to the left */
  .timeline::after {
  left: 31px;
  }

  /* Full-width containers */
  .timeline-container {
  width: 100%;
  padding-left: 70px;
  padding-right: 25px;
  }

  /* Make sure that all arrows are pointing leftwards */
  .timeline-container::before {
  left: 60px;
  border: medium solid #661b69;
  border-width: 10px 10px 10px 0;
  border-color: transparent #661b69 transparent transparent;
  }

  /* Make sure all circles are at the same spot */
  .left::after, .right::after {
  left: 15px;
  }

  /* Make all right containers behave like the left ones */
  .right {
  left: 0%;
  }
}

.timeline h2 {
font-size: 20px;
border-bottom: 1px dotted #333;
margin-top: 0px;
margin-bottom: 20px;
padding: 5px;
background: #661b69;
}

.timeline .left h2 {
padding-left: 20px;
}

.timeline .right h2 {
text-align: right;
padding-right: 20px;
}

.timeline-image img {
width: 130px;
border-radius: 6px;
border: 5px solid #efefef;
}

@media screen and (min-width: 1220px) {
.timeline-image img {
width: 120px;
border-radius: 6px;
border: 5px solid #efefef;
}
}


.left
.timeline-image {
text-align: center;
}

@media screen and (min-width: 1220px) {
.left
.timeline-image {
text-align: left;
float: left;
margin-right: 20px;
padding-left: 20px;
}
}

.left
.timeline-text {
padding: 10px 20px 0px 20px;
}

@media screen and (min-width: 1220px) {
.left
.timeline-text {
float: right;
width: 62%;
padding: 0px 20px 0px 0px;
}
}

.right
.timeline-image {
text-align: center;
}

@media screen and (min-width: 1220px) {
.right
.timeline-image {
float: right;
margin-left: 20px;
padding-right: 20px;
}
}

.right
.timeline-text {
padding: 10px 20px 0px 20px;
}

@media screen and (min-width: 1220px) {
.right
.timeline-text {
float: left;
width: 62%;
text-align: right;
padding: 0px 0px 0px 20px;
}
}

/* large format teaser with gif bg */

.block-block-contentfda2490f-edd9-4c96-ba6b-8080b9b445de {
clear:both;
}

.block-block-contentfda2490f-edd9-4c96-ba6b-8080b9b445de {
background: url('/sites/default/files/images/sitewide/castle-bravo-blast.jpg');
background-position: center;
height: 700px;
position: relative;
}

@media screen and )(min-width: 1220px) {
.block-block-contentfda2490f-edd9-4c96-ba6b-8080b9b445de {
height: 520px;
}
}

.big-teaser-text {
text-align:center;
position: absolute;
left: 50%;
margin-left: -50%;
top: 68%;
color: #fff;
padding: 0px 10px 0px 10px;
}

@media screen and (min-width: 1220px) {
.big-teaser-text {
margin-left: -35%;
}
}

.big-teaser-text h2 {
font-size: 24px;
}

.big-teaser-text h3 {
font-size: 18px;
}

.big-teaser-text a {
color: #fff !important;
text-decoration: underline;
}

.big-teaser-text a:hover {
color: #feda74;
text-decoration: underline;
}

.block-views-blockmanhattan-project-teasers-2-block-1 {
clear: both;
margin-top: 20px;
}

/* large drupal view teaser */

.block-views-blockmanhattan-project-large-teaser-block-1 {
clear: both;
background: #efefef;
}

.view-manhattan-project-large-teaser
.ds-2col .group-left {
float: none;
width: 100% !important;
}

@media screen and (min-width: 1220px) {
.view-manhattan-project-large-teaser
.ds-2col .group-left {
float: left;
width: 65% !important;
}
}

.view-manhattan-project-large-teaser .field-teaser-image {
margin-bottom: 0px;
}

.view-manhattan-project-large-teaser
.ds-2col .group-right {
width: 100% !important;
float: none;
height: auto;
padding: 10px;
}

@media screen and (min-width: 1220px) {
.view-manhattan-project-large-teaser
.ds-2col .group-right {
float: left;
width: 30% !important;
}
}

.view-manhattan-project-large-teaser .ds-2col .group-right
h2 {font-size: 24px;}

.view-manhattan-project-large-teaser .ds-2col .group-right
.field-subtitle {font-size: 18px;}

.view-manhattan-project-large-teaser .ds-2col .group-right
.field-author {font-size: 14px;}

/* topical jumpoff variation */

block-block-content8ad81a6e-f8ca-40c2-bebb-a97916440ddb {
border-top: 1px dotted #333;
border-bottom: 1px dotted #333;
margin-top: 30px;
}

.block-block-content8ad81a6e-f8ca-40c2-bebb-a97916440ddb
h2.block-title {
font-size: 18px;
margin-left: 30px;
}

#jumpoff {
padding: 0px 0px 0px 25px;
}

ul.flex-container {
display: flex;
flex-flow: row;
list-style-type: none;
flex-wrap: wrap;
justify-content: space-between;
}

li.flex-item {
width: 100px !important;
background: #f1eee5;
text-align: center;
margin-right: 20px;
}

li.flex-item img {
width: 100px;
}

li.flex-item h3 {
font-size: 18px;
margin-top: 0px;
}

/* home page replacement for topical jumpoff */

.path-frontpage
ul.flex-container {
flex-basis: auto;
justify-content: center;
}

.path-frontpage
li.flex-item {
width: 150px !important;
}

.path-frontpage
li.flex-item img {
width: 150px;
}

/* Quantum project */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&family=Open+Sans:ital,wght@0,400;0,700;1,400&display=swap');

.page-node-type-quantum
h1.page-header {
display:none;
}

#quantum-top {
background: #0e1136;
}

#quantum-top img,
#quantum-pub img,
#quantum-tour img,
#quantum-museum img
{
width: 100%;
height: auto;
}

.quantum-arrows {
margin-top: -30px;
padding: 0px 20px 0px 20px;
text-align:center;
background: #0e1136;
}

#quantum-tunnel {
background:
url('/sites/default/files/quantum/Quantum-Homepage_TUNNEL-image-feather.png'),
url('/sites/default/files/quantum/TUNNEL_4_Blue-Dots-Top.png'),
url('/sites/default/files/quantum/TUNNEL_4_Blue-Dots-Top.png'),
url('/sites/default/files/quantum/TUNNEL_3_Blue-Dots-Back.png'),
url('/sites/default/files/quantum/TUNNEL_1_Texture-Back.png'),
#0e1136;
background-size: 100% auto;
background-repeat: no-repeat;
margin-top: -15px;
}

@media screen and (min-width: 480px) {
#quantum-tunnel {
padding: 40px 0px 20px;
}
}

@media screen and (min-width: 768px) {
#quantum-tunnel {
padding: 40px 0px 60px;
}
}

@media screen and (min-width: 992px) {
#quantum-tunnel {
padding: 40px 0px 200px;
}
}

@media screen and (min-width: 1200px) {
#quantum-tunnel {
padding: 200px 0px 200px;
}
}

.quantum-tunnel-text,
.quantum-tunnel-text-2
{
font-family: 'IBM Plex Mono', monospace;
background: #0e1136;
color: #70c1ff;
border-radius: 5px;
padding: 30px;
margin: 0 auto 0 auto;
border: 1px solid #fff;
}

@media screen and (min-width: 480px) {
.quantum-tunnel-text,
.quantum-tunnel-text-2 {
width: 90%;
}
}

@media screen and (min-width: 768px) {
.quantum-tunnel-text,
.quantum-tunnel-text-2 {
width: 85%;
}
}

@media screen and (min-width: 992px) {
.quantum-tunnel-text,
.quantum-tunnel-text-2 {
width: 80%;
}
}

@media screen and (min-width: 1200px) {
.quantum-tunnel-text,
.quantum-tunnel-text-2 {
width: 42%;
}
}

.quantum-tunnel-text-2 {
padding-bottom: 50px;
}

.quantum-cat {
text-align: center;
margin: 50px 0px -5px 0px;
}

#quantum-map {
background: #0e1136 url('/sites/default/files/quantum/quantum-map-revised.png');
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-color: #0e1136;
margin-top: -50px;
position: relative;
padding-top: 50px;
padding-bottom: 50px;
margin-bottom: -66px;
}

@media screen and (min-width: 1200px) {
#quantum-map {
padding-bottom: 200px;
}
}

@media screen and (min-width: 992px) {
#quantum-map {
background-size: cover;
padding-bottom: 50px;
}
}

@media screen and (min-width: 768px) {
#quantum-map {
background-size: cover;
padding-bottom: 50px;
}
}


.quantum-title {
text-align:center;
width: 90%;
}

@media screen and (min-width: 480px) {
.quantum-title {
margin: 0px auto 0px auto;
}
}

@media screen and (min-width: 768px) {
.quantum-title {
margin: 0px auto 0px auto;
}
}

@media screen and (min-width: 992px) {
.quantum-title {
margin: -20px auto 0px auto;
}
}

@media screen and (min-width: 1200px) {
.quantum-title {
margin: -20px auto 0px auto;
}
}

.quantum-pub a,
.quantum-museum a,
.quantum-tour a
{
text-decoration: none !important;
}

.quantum-panel {
background: #000;
padding: 5px 30px 20px 30px;
border: 1px solid #ff64d2;
color: #fff;
font-family: 'IBM Plex Mono', monospace;
}

.quantum-panel h3 {
color: #70c1ff;
font-family: 'IBM Plex Mono', monospace;
font-weight: bold;
font-size: 30px;
margin-bottom: 30px;
}

.quantum-panel h3 a {
color: #70C1ff !important;
}

p.panel-go {
text-align:right;
font-size: 28px;
padding-right: 20px;
}

.quantum-panel:hover {
border: 1px solid #70c1ff;
}

p.panel-desc a {
color: #fff !important;
}

.quantum-panel p.panel-go a {
color: #ff64d2 !important;
}

.quantum-panel p.panel-go a:hover {
color: #70c1ff !important;
}

p.panel-go {
color: #ff64d2;
text-align:right;
font-size: 28px;
padding-right: 20px;
}

.quantum-panel:hover {
border: 1px solid #70c1ff;;
}

.quantum-panel p.panel-go:hover {
color: #70c1ff;
}

.quantum-pub {
width: 85%;
margin: 40px auto 0px auto;
}

@media screen and (min-width: 480px) {
.quantum-pub {

}
}

@media screen and (min-width: 768px) {
.quantum-pub {
width: 60%;
margin: 50px auto 0pc auto
}
}

@media screen and (min-width: 992px) {
.quantum-pub {
width: 45%;
margin: 50px auto 0px auto;
}
}

@media screen and (min-width: 1200px) {
.quantum-pub {
width: 35%;
margin: 100px auto 0px auto;
}
}

.quantum-museum {
width: 85%;
margin: 40px auto 0px auto;
}

@media screen and (min-width: 480px) {
.quantum-museum {

}
}

@media screen and (min-width: 768px) {
.quantum-museum {
width: 60%;
margin: 50px auto 0px auto;
}
}

@media screen and (min-width: 992px) {
.quantum-museum {
width: 45%;
margin: 75px auto 0px auto;
}
}

@media screen and (min-width: 1200px) {
.quantum-museum {
width: 22%;
margin: 100px auto 0px auto;
}
}

.quantum-tour {
width: 85%;
margin: 40px auto 0px auto;
}

@media screen and (min-width: 480px) {
.quantum-tour {

}
}

@media screen and (min-width: 768px) {
.quantum-tour {
width: 60%;
margin: 50px auto 0px auto;
}
}

@media screen and (min-width: 992px) {
.quantum-tour {
width: 45%;
margin: 75px auto 0px auto;
}
}

@media screen and (min-width: 1200px) {
.quantum-tour {
width: 40%;
margin: 125px auto 0px auto;
}
}

/* Museum Long page */

.museum-top {
background: url('/sites/default/files/quantum/1_Museum_TOP-revised.png');
height: 696px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.museum-page, .tour-page, .pub-page {
background: #0e1136 url('/sites/default/files/quantum/Quantum-Dots-Background-2.png');
background-repeat: repeat;
-webkit-animation: backgroundScroll 20s linear infinite;
animation: backgroundScroll 20s linear infinite alternate-reverse;
}

@-webkit-keyframes backgroundScroll {
from {background-position: 0 0;}
to {background-position: -400px 0;}
}

@keyframes backgroundScroll {
from {background-position: 0 0;}
to {background-position: -400px 0;}
}
}
}

.museum-intro-text p,
.exhibit-text p,
.tour-sensing p,
.tour-computing p,
.tour-communication p,
.pub-shifty p,
.pub-entangled p,
.pub-takeaways p
{
margin-bottom: 30px !important;
}

.museum-intro-title {
padding: 40px 20px 40px 20px;
text-align:center;
background: #0e1136;
}

.museum-intro-text {
color: #fff;
width: 80%;
margin: 40px auto 60px auto;
font-family: 'IBM Plex Mono', monospace;
}

@media screen and (min-width: 980px) {
.museum-intro-text {
width: 60%;
}
}

.museum-social {
margin-top: 40px;
}

.museum-social-icons {
margin-top: 30px;
}

.museum-social-icons img {
margin-right: 20px;
}

.museum-exhibit-1,
.museum-exhibit-2,
.museum-exhibit-3,
.museum-exhibit-4,
.museum-exhibit-5,
.museum-exhibit-6,
.pub-shifty,
.pub-entangled,
.pub-takeaways
{
color: #fff;
clear: both;
padding: 30px 0px 70px 0px;
font-family: 'IBM Plex Mono', monospace;
}

@media screen and (min-width:740px) {
.museum-exhibit-1 img,
.museum-exhibit-3 img,
.museum-exhibit-5 img {
float: left;
width: 60%;
margin-right: 40px;
margin-bottom: 20px;
}
}

@media screen and (min-width:740px) {
.museum-exhibit-2 img,
.museum-exhibit-4 img,
.museum-exhibit-6 img {
float: right;
width: 60%;
margin-left: 40px;
margin-bottom: 20px;
}
}

.exhibit-text {
padding: 40px 40px;
}

@media screen and (min-width:740px) {
.exhibit-text {
padding: 0px 40px;
}
}

.exhibit-heading {
margin-bottom: 20px;
font-family: 'Open Sans', sans-serif;
}

.exhibit-heading {
margin-bottom: 20px;
font-family: 'Open Sans', sans-serif;
}

.exhibit-heading h3 {
margin: -5px 0px 5px 0px;
color: #70c1ff;
font-size: 32px;
}

.exhibit-heading p {
margin-bottom: 0px;
}

.museum-bottom {
padding-top: 70px ;
background: #0e1136;
}

.museum-continue {
clear:both;
color: #fff;
width: 85%;
background: url('/sites/default/files/quantum/Quantum-Exploring-Box.png');
background-repeat: no-repeat;
height: 230px;
padding: 10px 20px 0px 30px;
margin: 70px auto 70px auto;
background-size: 100% 100%;
font-family: 'IBM Plex Mono', monospace;
border: 2px solid #ff64d2;
}

@media screen and (min-width: 980px) {
.museum-continue {
width: 50%;
}
}

@media screen and (min-width: 1220px) {
.museum-continue {
width: 35%;
}
}

.museum-continue img {
margin: 20px 0px 20px 0px;
}

.museum-continue h3 {
font-family: 'IBM Plex Mono', monospace;
font-size: 32px;
color: #70c1ff;
margin-bottom: 30px;
}

.museum-continue p {
margin-bottom: 12px;
}

.museum-continue a {
color: #fff !important;
margin-left: 20px;
text-decoration: none !important;
}

.museum-continue a:hover {
text-decoration: underline !important;
color: #ff8517 !important;
}

/* Tour page */

.tour-container {
width: 85%;
margin: 0px auto 0px auto;
color: #fff;
font-family: 'IBM Plex Mono', monospace;
}

@media screen and (min-width: 980px) {
.tour-container {
width: 70%;
}
}

.tour-container h3 {
color:  #70c1ff;
font-size: 32px;
}

.tour-sensing,
.tour-computing,
.tour-communication {
padding-bottom: 100px;
}

/* Pub and flask page */

.pub-shifty,
.pub-entangled,
.pub-takeaways {
width: 85%;
margin: 0px auto 0px auto;
}

@media screen and (min-width: 980px) {
.pub-shifty,
.pub-entangled,
.pub-takeaways {
width: 60%;
margin: 0px auto 0px auto;
}
}

.pub-shifty h3,
.pub-entangled h3,
.pub-takeaways h3 {
color: #70c1ff;
font-size: 32px;
}

.pub-shifty ul li,
.pub-entangled ul li,
.pub-takeaways ul li {
margin-bottom: 30px;
}

.pub-shifty img {
width: 60%;
float: left;
margin: 0px 40px 30px 0px;
}

.pub-takeaways img {
float: right;
width: 60%;
margin: 0px 0px 30px 40px;
}

.credits {
color: #fff;
text-align:center;
padding: 50px;
border-top: 1px dotted #fff;
margin-bottom: -70px;
}

.menu--quantum-menu > li {
float:left;
}

.menu--quantum-menu > li > a {
font-size: 16px;
}

/* full bleed */

.container-fluid {
padding-left: 0px;
padding-right: 0px;
}