body.path-timeline-header {
  overflow-x: hidden !important; }
  body.path-timeline-header header {
    background: transparent;
    position: absolute;
    width: 100%; }

main {
  padding: 0 0 30px 0;
  background: url(//framework.web.cern.ch/framework/3.0/images/body_bg.png) right bottom no-repeat; }
  main .field--type-text-with-summary a,
  main .text-component-text.basic_html a,
  main .text-component-text.restricted_html a,
  main .text-component-text.cern_full_html a,
  main .full-html-markup a {
    text-decoration: none; }
  main a {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -khtml-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; }

main h1.page-header {
  display: none; }

.navbar-nav {
  float: right; }
  .navbar-nav .search-item {
    display: none !important; }

.toolbar-fixed header .header-wrapper .main-menu .navbar-collapse.collapse.in,
.toolbar-fixed header .header-wrapper .main-menu .navbar-collapse.collapsing,
.toolbar-fixed.toolbar-tray-open header .header-wrapper .main-menu .navbar-collapse.collapse.in,
.toolbar-fixed.toolbar-tray-open header .header-wrapper .main-menu .navbar-collapse.collapsing,
.toolbar-fixed.toolbar-tray-open.toolbar-vertical header .header-wrapper .main-menu .navbar-collapse.collapse.in,
.toolbar-fixed.toolbar-tray-open.toolbar-vertical header .header-wrapper .main-menu .navbar-collapse.collapsing,
.toolbar-vertical header .header-wrapper .main-menu .navbar-collapse.collapse.in,
.toolbar-vertical header .header-wrapper .main-menu .navbar-collapse.collapsing {
  text-align: left; }
  .toolbar-fixed header .header-wrapper .main-menu .navbar-collapse.collapse.in .navbar-nav,
  .toolbar-fixed header .header-wrapper .main-menu .navbar-collapse.collapsing .navbar-nav,
  .toolbar-fixed.toolbar-tray-open header .header-wrapper .main-menu .navbar-collapse.collapse.in .navbar-nav,
  .toolbar-fixed.toolbar-tray-open header .header-wrapper .main-menu .navbar-collapse.collapsing .navbar-nav,
  .toolbar-fixed.toolbar-tray-open.toolbar-vertical header .header-wrapper .main-menu .navbar-collapse.collapse.in .navbar-nav,
  .toolbar-fixed.toolbar-tray-open.toolbar-vertical header .header-wrapper .main-menu .navbar-collapse.collapsing .navbar-nav,
  .toolbar-vertical header .header-wrapper .main-menu .navbar-collapse.collapse.in .navbar-nav,
  .toolbar-vertical header .header-wrapper .main-menu .navbar-collapse.collapsing .navbar-nav {
    float: left; }
    .toolbar-fixed header .header-wrapper .main-menu .navbar-collapse.collapse.in .navbar-nav li,
    .toolbar-fixed header .header-wrapper .main-menu .navbar-collapse.collapsing .navbar-nav li,
    .toolbar-fixed.toolbar-tray-open header .header-wrapper .main-menu .navbar-collapse.collapse.in .navbar-nav li,
    .toolbar-fixed.toolbar-tray-open header .header-wrapper .main-menu .navbar-collapse.collapsing .navbar-nav li,
    .toolbar-fixed.toolbar-tray-open.toolbar-vertical header .header-wrapper .main-menu .navbar-collapse.collapse.in .navbar-nav li,
    .toolbar-fixed.toolbar-tray-open.toolbar-vertical header .header-wrapper .main-menu .navbar-collapse.collapsing .navbar-nav li,
    .toolbar-vertical header .header-wrapper .main-menu .navbar-collapse.collapse.in .navbar-nav li,
    .toolbar-vertical header .header-wrapper .main-menu .navbar-collapse.collapsing .navbar-nav li {
      display: block; }

.full-text-animation,
.is-cern-lazy .text-component {
  opacity: 1 !important; }

.fade.out {
  opacity: 1 !important;
  -webkit-transform: none;
  -moz-transform: none;
  transform: none; }

.page-node-type-timeline-entry h1.page-header,
.page-node-type-page h1.page-header,
.path-timelines h1.page-header,
.path-events h1.page-header,
.path-taxonomy h1.page-header,
.path-frontpage h1.page-header {
  display: block; }
.page-node-type-timeline-entry .field--name-field-background.field--type-image.field--label-above.quickedit-field,
.page-node-type-page .field--name-field-background.field--type-image.field--label-above.quickedit-field,
.path-timelines .field--name-field-background.field--type-image.field--label-above.quickedit-field,
.path-events .field--name-field-background.field--type-image.field--label-above.quickedit-field,
.path-taxonomy .field--name-field-background.field--type-image.field--label-above.quickedit-field,
.path-frontpage .field--name-field-background.field--type-image.field--label-above.quickedit-field {
  display: none; }

.dialog-off-canvas-main-canvas {
  position: relative; }
  .dialog-off-canvas-main-canvas header .navbar-default.main-menu .navbar-toggle {
    top: 30px;
    float: left; }
  .dialog-off-canvas-main-canvas header .header-wrapper {
    text-align: right; }
    .dialog-off-canvas-main-canvas header .header-wrapper .site-nav {
      width: 100%; }
  .dialog-off-canvas-main-canvas header .nav > li {
    display: inline-block; }
    .dialog-off-canvas-main-canvas header .nav > li:first-child {
      margin: 0 24px; }
    .dialog-off-canvas-main-canvas header .nav > li a {
      font-size: 16px;
      font-size: 1.6rem;
      font-family: "opensans-bold";
      padding: 0;
      line-height: 76px;
      position: relative;
      text-transform: uppercase; }
    .dialog-off-canvas-main-canvas header .nav > li.active > a:after {
      width: 100%; }

.sticky-header header .header-wrapper {
  min-height: 70px; }
.sticky-header .toolbar-fixed.toolbar-tray-open header {
  top: 80px; }
.sticky-header:not(.open-cern-menu) header .navbar-default.main-menu .navbar-toggle {
  top: 30px; }

.attachment-after {
  position: relative; }

.view-display-id-attachment_2 .view-content {
  width: 60%; }
.view-display-id-attachment_2 .timelineDate,
.view-display-id-attachment_2 time {
  font-size: 26px;
  line-height: 1.15;
  text-transform: uppercase; }
.view-display-id-attachment_2 h1 {
  max-width: 590px;
  margin: 0 0 20px 0; }
  .view-display-id-attachment_2 h1 a {
    font-size: 40px;
    font-family: "sourcesans-semibold";
    line-height: 1.25; }
.view-display-id-attachment_2 figure figcaption {
  max-width: 523px; }
.view-display-id-attachment_2 .timelineBody {
  max-width: 540px;
  margin: 0 0 60px 112px;
  padding: 50px 0 30px 0; }
  .view-display-id-attachment_2 .timelineBody p:last-child {
    margin: 0; }
.view-display-id-attachment_2 .timelineCaption {
  max-width: 523px;
  padding: 20px 0 0 0;
  font-size: 12px; }

.field--name-field-date-historical-2.field--type-datetime {
  margin: 40px 0 20px 0;
  font-size: 26px;
  line-height: 1.15;
  text-transform: uppercase; }

.view-display-id-attachment_2 {
  padding: 45px 0 0 0; }
  .view-display-id-attachment_2 .view-header {
    float: right; }
    .view-display-id-attachment_2 .view-header h2 {
      margin-top: 0;
      margin: 0;
      font-size: 30px;
      font-family: "sourcesans-regular";
      line-height: normal; }
      .view-display-id-attachment_2 .view-header h2.cern-lazy-in-content, .view-display-id-attachment_2 .view-header h2.cern-lazy-out-content {
        margin: 0;
        font-size: 30px;
        font-family: "sourcesans-regular";
        line-height: normal; }
    .view-display-id-attachment_2 .view-header .content {
      width: 315px;
      min-height: 155px;
      padding: 12px;
      box-sizing: border-box;
      background-color: #0855a0; }
      .view-display-id-attachment_2 .view-header .content .text-formatted {
        padding: 5px 10px;
        background-color: rgba(255, 255, 255, 0.13);
        font-size: 14px;
        color: #fff;
        line-height: 1.29; }
        .view-display-id-attachment_2 .view-header .content .text-formatted textarea {
          width: 100%;
          border: none;
          background-color: transparent;
          resize: none; }
      .view-display-id-attachment_2 .view-header .content button {
        width: 100px;
        margin: 10px 0;
        padding: 10px 0;
        font-family: "sourcesans-bold";
        font-size: 16px;
        color: #0855a0;
        background-color: #fff;
        border-radius: 5px;
        border: none; }

.cd-horizontal-timeline {
  margin: 0; }
  .cd-horizontal-timeline .form-element-wrapper-timeline {
    width: 100vw;
    margin: 0;
    margin-left: calc(-50vw + 50%);
    padding: 0 0 35px 0;
    position: relative; }
    .cd-horizontal-timeline .form-element-wrapper-timeline .events-wrapper {
      margin: 0 50px; }
    .cd-horizontal-timeline .form-element-wrapper-timeline .timeline-title {
      padding: 80px 3% 0 3%;
      font-family: "sourcesans-bold";
      font-size: 30px;
      line-height: 1.47;
      text-align: center;
      text-transform: uppercase;
      color: #fff; }
    .cd-horizontal-timeline .form-element-wrapper-timeline .events-content {
      max-width: 920px;
      min-height: 330px;
      margin: 30px auto 0;
      overflow: inherit; }
      .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol {
        max-width: 1140px;
        margin: 0 auto;
        padding: 0; }
        .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li {
          padding: 0;
          background-image: none !important;
          overflow: hidden; }
          .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li .views-field-field-image {
            width: 58%;
            float: left; }
            .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li .views-field-field-image img {
              max-width: 490px; }
          .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li .timeline-wrap-slider-elements-wrapper {
            width: 42%;
            float: left; }
            .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li .timeline-wrap-slider-elements-wrapper h2,
            .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li .timeline-wrap-slider-elements-wrapper p,
            .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li .timeline-wrap-slider-elements-wrapper a,
            .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li .timeline-wrap-slider-elements-wrapper em {
              margin: 0; }
            .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li .timeline-wrap-slider-elements-wrapper em {
              padding-top: 30px;
              font-size: 26px;
              font-style: normal;
              line-height: 1.15;
              color: #fff; }
            .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li .timeline-wrap-slider-elements-wrapper em:before {
              display: none; }
            .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li .timeline-wrap-slider-elements-wrapper h2 {
              font-family: "sourcesans-semibold";
              font-size: 35px;
              line-height: 1.14;
              color: #fff; }
            .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li .timeline-wrap-slider-elements-wrapper p {
              margin: 12px 0 16px 0;
              font-family: "sourcesans-bold";
              font-size: 18px;
              line-height: normal;
              color: #fff; }
            .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li .timeline-wrap-slider-elements-wrapper a {
              font-family: "sourcesans-bold";
              font-size: 16px;
              line-height: 1.5;
              color: #f2a530;
              display: block;
              margin: 0 0 20px; }
          .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li#noimageli .timeline-wrap-slider-elements-wrapper {
            width: 100%; }
    .cd-horizontal-timeline .form-element-wrapper-timeline .slider-buttons-custom-wrapper {
      width: 140%;
      height: 100px;
      margin: 0 -20%;
      position: absolute;
      top: 100px; }
      .cd-horizontal-timeline .form-element-wrapper-timeline .slider-buttons-custom-wrapper #btnPrev,
      .cd-horizontal-timeline .form-element-wrapper-timeline .slider-buttons-custom-wrapper #btnNext,
      .cd-horizontal-timeline .form-element-wrapper-timeline .slider-buttons-custom-wrapper #btnFirst,
      .cd-horizontal-timeline .form-element-wrapper-timeline .slider-buttons-custom-wrapper #btnLast {
        background-color: transparent;
        background: transparent;
        border: none;
        color: #fff;
        font-size: 12px;
        z-index: 100;
        position: absolute;
        outline: none; }
      .cd-horizontal-timeline .form-element-wrapper-timeline .slider-buttons-custom-wrapper #btnPrev,
      .cd-horizontal-timeline .form-element-wrapper-timeline .slider-buttons-custom-wrapper #btnNext {
        display: inline-block;
        width: 130px;
        margin: 0;
        padding: 40px 0 0 0;
        top: 30px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        line-height: 1.2; }
        .cd-horizontal-timeline .form-element-wrapper-timeline .slider-buttons-custom-wrapper #btnPrev:before,
        .cd-horizontal-timeline .form-element-wrapper-timeline .slider-buttons-custom-wrapper #btnNext:before {
          display: block;
          width: 35px;
          height: 35px;
          font-family: "cern-icons";
          -moz-osx-font-smoothing: grayscale;
          -webkit-font-smoothing: antialiased;
          font-size: 30px;
          position: absolute;
          top: 2px; }
      .cd-horizontal-timeline .form-element-wrapper-timeline .slider-buttons-custom-wrapper #btnFirst,
      .cd-horizontal-timeline .form-element-wrapper-timeline .slider-buttons-custom-wrapper #btnLast {
        width: 130px;
        margin: 0;
        padding: 0;
        top: 110px;
        text-transform: uppercase;
        line-height: 1.67; }
        .cd-horizontal-timeline .form-element-wrapper-timeline .slider-buttons-custom-wrapper #btnFirst:after,
        .cd-horizontal-timeline .form-element-wrapper-timeline .slider-buttons-custom-wrapper #btnLast:after {
          display: block;
          width: 26px;
          height: 26px;
          border-radius: 100%;
          border: 1px solid #fff;
          position: absolute;
          top: -5px; }
      .cd-horizontal-timeline .form-element-wrapper-timeline .slider-buttons-custom-wrapper #btnFirst {
        left: 15px; }
        .cd-horizontal-timeline .form-element-wrapper-timeline .slider-buttons-custom-wrapper #btnFirst:after {
          content: url("//framework.web.cern.ch/framework/3.0/images/arrow_first.png");
          left: -20px; }
      .cd-horizontal-timeline .form-element-wrapper-timeline .slider-buttons-custom-wrapper #btnLast {
        right: 15px; }
        .cd-horizontal-timeline .form-element-wrapper-timeline .slider-buttons-custom-wrapper #btnLast:after {
          content: url("//framework.web.cern.ch/framework/3.0/images/arrow_last.png");
          right: -20px; }
      .cd-horizontal-timeline .form-element-wrapper-timeline .slider-buttons-custom-wrapper #btnPrev {
        left: 15px; }
        .cd-horizontal-timeline .form-element-wrapper-timeline .slider-buttons-custom-wrapper #btnPrev:before {
          content: 'd';
          margin: 0 0 0 94px;
          right: 3px; }
      .cd-horizontal-timeline .form-element-wrapper-timeline .slider-buttons-custom-wrapper #btnNext {
        right: 15px; }
        .cd-horizontal-timeline .form-element-wrapper-timeline .slider-buttons-custom-wrapper #btnNext:before {
          content: 'c';
          left: 3px; }
      .cd-horizontal-timeline .form-element-wrapper-timeline .slider-buttons-custom-wrapper #btnFirst,
      .cd-horizontal-timeline .form-element-wrapper-timeline .slider-buttons-custom-wrapper #btnPrev {
        text-align: right; }
      .cd-horizontal-timeline .form-element-wrapper-timeline .slider-buttons-custom-wrapper #btnNext,
      .cd-horizontal-timeline .form-element-wrapper-timeline .slider-buttons-custom-wrapper #btnLast {
        text-align: left; }
  .cd-horizontal-timeline .timeline {
    width: 100%;
    max-width: none; }
    .cd-horizontal-timeline .timeline .events-wrapper:before {
      left: 0;
      background-image: -webkit-linear-gradient(left, #003870, rgba(8, 85, 160, 0));
      background-image: linear-gradient(to right, #003870, rgba(8, 85, 160, 0));
      height: 3px;
      top: 49%;
      width: 50px;
      z-index: 2; }
    .cd-horizontal-timeline .timeline .events-wrapper:after {
      right: 0;
      background-image: -webkit-linear-gradient(right, #003870, rgba(8, 85, 160, 0));
      background-image: linear-gradient(to left, #003870, rgba(8, 85, 160, 0));
      height: 3px;
      top: 49%;
      width: 50px;
      z-index: 2; }
    .cd-horizontal-timeline .timeline a {
      color: #fff; }
      .cd-horizontal-timeline .timeline a.next:hover, .cd-horizontal-timeline .timeline a.prev:hover {
        border-color: #f2a530; }
      .cd-horizontal-timeline .timeline a:hover {
        color: #f2a530; }
  .cd-horizontal-timeline .filling-line {
    background-color: #f2a530; }
  .cd-horizontal-timeline .events a {
    bottom: -50px; }
    .cd-horizontal-timeline .events a:after {
      background-color: #0855a0;
      border-color: #fff;
      bottom: 45px; }
    .cd-horizontal-timeline .events a:hover:after {
      background-color: #f2a530 !important;
      border-color: #f2a530 !important; }
    .cd-horizontal-timeline .events a.older-event:after {
      background-color: #0855a0;
      border-color: #f2a530; }
    .cd-horizontal-timeline .events a.selected:after {
      background-color: #f2a530;
      border-color: #f2a530; }

.cd-timeline-navigation a:after {
  background-position: 0 -16px; }
.cd-timeline-navigation a.inactive:after {
  background-position: 0 -16px; }

.views-element-container.wrap-me {
  max-width: 1060px; }

.path-timelines .views-element-container .views-row,
.path-events .views-element-container .views-row {
  padding: 30px 0; }
  .path-timelines .views-element-container .views-row:last-child,
  .path-events .views-element-container .views-row:last-child {
    padding-bottom: 50px;
    border: none; }
  .path-timelines .views-element-container .views-row .views-field-name,
  .path-timelines .views-element-container .views-row .views-field-title,
  .path-events .views-element-container .views-row .views-field-name,
  .path-events .views-element-container .views-row .views-field-title {
    margin: 0; }
    .path-timelines .views-element-container .views-row .views-field-name a,
    .path-timelines .views-element-container .views-row .views-field-title a,
    .path-events .views-element-container .views-row .views-field-name a,
    .path-events .views-element-container .views-row .views-field-title a {
      font-family: "sourcesans-regular";
      font-size: 26px;
      line-height: 1.15;
      text-transform: uppercase; }
  .path-timelines .views-element-container .views-row blockquote,
  .path-events .views-element-container .views-row blockquote {
    width: 80%;
    margin: 0 auto;
    border: none; }
  .path-timelines .views-element-container .views-row p.cern-lazy-in-content a,
  .path-events .views-element-container .views-row p.cern-lazy-in-content a {
    font-size: inherit;
    text-transform: none; }
.path-timelines .views-element-container .view-footer,
.path-events .views-element-container .view-footer {
  margin: 60px 0 0 0; }

.view-id-all_timelines_page .views-field-description__value {
  margin: 20px 0; }

.view-id-all_events .views-field-field-date-historical-2 {
  margin-bottom: 10px;
  font-size: 22px;
  line-height: 1.15;
  text-transform: uppercase; }
.view-id-all_events .views-field-body {
  margin: 20px 0; }

h3.cern-lazy-in-content {
  margin: 0 0 20px 0; }

.timeline-entry.full .field--name-field-caption {
  max-width: 523px;
  padding: 20px 0 0 0;
  font-size: 12px; }
  .timeline-entry.full .field--name-field-caption .field--label {
    display: none; }
.timeline-entry.full .field--name-body {
  max-width: 540px;
  margin: 0 0 60px 112px;
  padding: 15px 0 0 0; }
.timeline-entry.full .field--name-field-timeline {
  max-width: 540px;
  margin: 0 0 60px 112px;
  padding: 0 0 30px 0; }
  .timeline-entry.full .field--name-field-timeline .field--label,
  .timeline-entry.full .field--name-field-timeline .field--items {
    display: inline-block; }

.node--type-timeline-entry.node--view-mode-full .field--name-node-title h2 {
  display: block; }
.node--type-timeline-entry.node--view-mode-full .field--name-field-caption {
  max-width: 523px;
  padding: 20px 0 0 0;
  font-size: 12px; }
  .node--type-timeline-entry.node--view-mode-full .field--name-field-caption .field--label {
    display: none; }
.node--type-timeline-entry.node--view-mode-full .field--name-body {
  max-width: 540px;
  margin: 0 0 60px 112px;
  padding: 15px 0 0 0; }
.node--type-timeline-entry.node--view-mode-full .field--name-field-timeline {
  max-width: 540px;
  margin: 0 0 60px 112px;
  padding: 0 0 30px 0; }
  .node--type-timeline-entry.node--view-mode-full .field--name-field-timeline .field--label,
  .node--type-timeline-entry.node--view-mode-full .field--name-field-timeline .field--items {
    display: inline-block; }
.node--type-timeline-entry.node--view-mode-full .field--name-field-cds-media img,
.node--type-timeline-entry.node--view-mode-full .field--name-field-image img {
  max-width: 650px;
  height: auto; }
.node--type-timeline-entry.node--view-mode-full .field--name-field-cds-media figcaption,
.node--type-timeline-entry.node--view-mode-full .field--name-field-image figcaption {
  max-width: 523px; }

span.component-header__scroll {
  z-index: 10;
  text-align: center;
  background: url(//framework.web.cern.ch/framework/3.0/images/arrow-blue.png) no-repeat 50% 50% white;
  width: 46px;
  height: 46px;
  border-radius: 100%;
  box-shadow: 0px 0px 1px 7px rgba(255, 255, 255, 0.5);
  text-indent: -5000px;
  cursor: pointer; }

.component-header__scroll {
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  top: -75px; }

/* ===== TAXONOMY =========================================================*/
.view-taxonomy-term.view-display-id-page_1 h2 {
  max-width: 590px;
  margin: 0 0 20px 0; }
.view-taxonomy-term.view-display-id-page_1 .content .field--type-text-with-summary {
  max-width: 540px;
  margin: 0 0 60px 112px;
  padding: 50px 0 0 0; }
.view-taxonomy-term.view-display-id-page_1 .content .field--type-entity-reference {
  max-width: 540px;
  margin: 0 0 60px 112px;
  padding: 0 0 30px 0; }

/* ===== EXPORT ===========================================================*/
body.export-custom-timeline {
  background-color: transparent !important;
  margin: 0 !important; }
  body.export-custom-timeline #toolbar-administration,
  body.export-custom-timeline #cern-toolbar,
  body.export-custom-timeline #cern-cookieconsent,
  body.export-custom-timeline footer,
  body.export-custom-timeline #dev-status-message {
    display: none; }
  body.export-custom-timeline main {
    background: none !important; }
  body.export-custom-timeline .dialog-off-canvas-main-canvas header {
    display: none; }
  body.export-custom-timeline .cd-horizontal-timeline .form-element-wrapper-timeline {
    background: none !important;
    padding: 0; }
    body.export-custom-timeline .cd-horizontal-timeline .form-element-wrapper-timeline .timeline-title {
      padding: 30px 0 0 0; }
    body.export-custom-timeline .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li .timeline-wrap-slider-elements-wrapper em {
      padding-top: 0; }
  body.export-custom-timeline .views-element-container {
    margin: 0 auto 0; }
  body.export-custom-timeline .cd-horizontal-timeline {
    padding: 0 20px; }
  body.export-custom-timeline .views-element-container {
    max-width: 1140px;
    margin: 0 auto 30px; }
  body.export-custom-timeline.cern-toolbar {
    margin: 0; }

.toolbar-tray-open #cern-toolbar {
  top: 79px; }

@media only screen and (max-width: 860px) {
  body.export-custom-timeline .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li .timeline-wrap-slider-elements-wrapper em {
    padding-top: 20px; }
  body.export-custom-timeline .cd-horizontal-timeline .form-element-wrapper-timeline .events-content {
    min-height: 590px; } }
html {
  height: 100%; }

body.export-custom-timeline {
  height: 100%; }
  body.export-custom-timeline main {
    padding: 0; }
  body.export-custom-timeline .cd-horizontal-timeline .form-element-wrapper-timeline .events-content {
    margin-top: 10px; }
  body.export-custom-timeline .cd-horizontal-timeline .form-element-wrapper-timeline .timeline-title {
    max-height: 120px;
    min-height: 120px;
    overflow: hidden;
    padding-left: 5%;
    padding-right: 5%; }
  body.export-custom-timeline .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li .timeline-wrap-slider-elements-wrapper h2 {
    max-height: 155px;
    overflow: hidden;
    min-height: 155px; }
  body.export-custom-timeline .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li .timeline-wrap-slider-elements-wrapper p {
    overflow: hidden;
    max-height: 30px;
    min-height: 30px; }

/* ===== RESPONSIVE =======================================================*/
@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {
    margin: 0 auto;
    padding: 0 0 20px 0; } }
@media only screen and (max-width: 1366px) {
  .cd-horizontal-timeline .form-element-wrapper-timeline .events-content {
    /*min-height: none !important;*/
    margin-bottom: 75px; }
    .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li .views-field-field-image {
      width: 43%; }
      .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li .views-field-field-image img {
        max-width: 350px !important; }
    .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li .timeline-wrap-slider-elements-wrapper {
      width: 57%; }
    .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li h2,
    .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li p,
    .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li a,
    .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li em {
      margin: 12px 0 16px 390px; }
    .cd-horizontal-timeline .form-element-wrapper-timeline .events-content .slider-buttons-custom-wrapper {
      width: 100%;
      margin: 0 auto;
      top: auto;
      bottom: -120px; }
      .cd-horizontal-timeline .form-element-wrapper-timeline .events-content .slider-buttons-custom-wrapper #btnFirst,
      .cd-horizontal-timeline .form-element-wrapper-timeline .events-content .slider-buttons-custom-wrapper #btnLast {
        width: 100px;
        top: 13px; }
      .cd-horizontal-timeline .form-element-wrapper-timeline .events-content .slider-buttons-custom-wrapper #btnFirst {
        left: 1px; }
        .cd-horizontal-timeline .form-element-wrapper-timeline .events-content .slider-buttons-custom-wrapper #btnFirst:after {
          left: 0; }
      .cd-horizontal-timeline .form-element-wrapper-timeline .events-content .slider-buttons-custom-wrapper #btnLast {
        right: 1px; }
        .cd-horizontal-timeline .form-element-wrapper-timeline .events-content .slider-buttons-custom-wrapper #btnLast:after {
          right: 0; }
      .cd-horizontal-timeline .form-element-wrapper-timeline .events-content .slider-buttons-custom-wrapper #btnPrev,
      .cd-horizontal-timeline .form-element-wrapper-timeline .events-content .slider-buttons-custom-wrapper #btnNext {
        width: 250px;
        top: 3px; }
      .cd-horizontal-timeline .form-element-wrapper-timeline .events-content .slider-buttons-custom-wrapper #btnPrev {
        padding: 13px 0 15px 40px;
        left: 120px;
        text-align: left; }
        .cd-horizontal-timeline .form-element-wrapper-timeline .events-content .slider-buttons-custom-wrapper #btnPrev:before {
          margin: 0;
          left: 3px;
          right: auto; }
      .cd-horizontal-timeline .form-element-wrapper-timeline .events-content .slider-buttons-custom-wrapper #btnNext {
        padding: 13px 40px 15px 0;
        right: 120px;
        text-align: right; }
        .cd-horizontal-timeline .form-element-wrapper-timeline .events-content .slider-buttons-custom-wrapper #btnNext:before {
          right: 3px;
          left: auto; }

  .views-element-container.wrap-me {
    max-width: 960px; } }
@media only screen and (max-width: 1024px) {
  .cd-horizontal-timeline .form-element-wrapper-timeline .events-content {
    max-width: 800px; }
    .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li .views-field-field-image,
    .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li .timeline-wrap-slider-elements-wrapper {
      width: 50%; }
  .cd-horizontal-timeline .slider-buttons-custom-wrapper #btnPrev,
  .cd-horizontal-timeline .slider-buttons-custom-wrapper #btnNext {
    width: 200px; }
  .cd-horizontal-timeline .views-element-container.wrap-me {
    max-width: 800px; } }
@media only screen and (max-width: 860px) {
  main {
    background-size: 100%; }

  .cd-horizontal-timeline {
    margin: 0 auto; }
    .cd-horizontal-timeline .form-element-wrapper-timeline {
      padding: 0 30px; }
      .cd-horizontal-timeline .form-element-wrapper-timeline .events-content {
        margin-bottom: 0; }
        .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li .views-field-field-image,
        .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li .timeline-wrap-slider-elements-wrapper {
          width: 100%; }
        .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li .timeline-wrap-slider-elements-wrapper h2,
        .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li .timeline-wrap-slider-elements-wrapper p {
          font-family: "sourcesans-light"; }
        .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li .views-field-field-image {
          text-align: center; }
          .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li .views-field-field-image img {
            /*width: 100%;
            max-width: none !important;*/
            margin: 0 auto;
            position: relative; }
        .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li h2,
        .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li p,
        .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li a,
        .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li em {
          margin: 12px 0 16px 0; }
        .cd-horizontal-timeline .form-element-wrapper-timeline .events-content .slider-buttons-custom-wrapper {
          display: none; }
      .cd-horizontal-timeline .form-element-wrapper-timeline .views-element-container.wrap-me {
        width: 100%; }

  .view-display-id-attachment_2 {
    padding: 50px 0 0 0; }
    .view-display-id-attachment_2 .view-header {
      display: none; }
    .view-display-id-attachment_2 h5 {
      width: 100%; }
    .view-display-id-attachment_2 img {
      width: 100%;
      max-width: 650px;
      height: auto; }
    .view-display-id-attachment_2 .timelineBody {
      width: 100%;
      margin: 0 0 60px 0; }
    .view-display-id-attachment_2 .timelineCaption {
      width: 100%; }

  .node--type-timeline-entry.node--view-mode-full .field--name-field-caption {
    width: 100%; }
  .node--type-timeline-entry.node--view-mode-full .field--name-body,
  .node--type-timeline-entry.node--view-mode-full .field--name-field-timeline {
    width: 100%;
    margin: 0 0 60px 0; }
  .node--type-timeline-entry.node--view-mode-full figure {
    position: static; }
    .node--type-timeline-entry.node--view-mode-full figure img {
      max-width: 650px;
      height: auto; }

  .component-header__scroll {
    display: none; }

  body.export-custom-timeline .cd-horizontal-timeline .form-element-wrapper-timeline {
    padding: 0 30px; } }
@media only screen and (max-width: 767px) {
  header .site-nav > .region-header > nav {
    width: 100%; }

  .main-menu .navbar-nav {
    float: left; }

  .dialog-off-canvas-main-canvas header .nav > li {
    display: block; } }
@media only screen and (max-width: 480px) {
  .cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li .views-field-field-image img {
    width: 100%;
    max-width: none !important; } }
.cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li.selected + li.selected .timeline-wrap-slider-elements-wrapper em {
  display: none; }

.views-element-container figure img {
  max-width: 650px;
  height: auto; }

.cd-horizontal-timeline .form-element-wrapper-timeline .events-content ol li figure figcaption {
  display: none; }

body.path-timeline-header .dialog-off-canvas-main-canvas header.menu-expanded {
  position: fixed; }

figure {
  display: inline-block;
  position: static;
  overflow: hidden; }

/*# sourceMappingURL=theme.css.map */