/**
 * Style sheet for the general elements
 */

body {
    font-family: 'Open Sans', 'Veranda', 'Helvetica', sans-serif !important;
    /* font-family: 'Comic Sans MS', 'Open Sans', sans-serif !important; */
    font-size: 16px !important;
    line-height: 1.4;
    color: #626262;
    background: #ffffff;
    overflow-x: hidden;
}

h1 h2 h3 h4 {
  text-transform: none !important;
}

a {
    color: #0b80c1;
    text-decoration: none;
    text-shadow: none;
}

a:hover {
    color: #256ca4;
}

p a {
    color: #0b80c1;
    text-decoration: underline;
}

.cern-caption, figcaption {
    margin: 1.0em 1.0em;
}

/*** Landing Page Components ***/

.component-row__column .text-component-page {
  padding: 10px 20px;
}

.component-row .row-component-title {
  text-transform: none !important;
}

main .text-component-text.cern_full_html p {
  /* font-family: 'Comic Sans MS', 'Open Sans', sans-serif; */
  font-family: 'Open Sans', 'Veranda', 'Helvetica', sans-serif;
}

main .field--type-text-with-summary p, main .text-component-text.basic_html p, main .text-component-text.restricted_html p, main .text-component-text.cern_full_html p, main .full-html-markup p {
  /* font-family: 'Comic Sans MS', 'Open Sans', sans-serif; */
  font-family: 'Open Sans', 'Veranda', 'Helvetica', sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.4;
}

main .field--type-text-with-summary ul, main .text-component-text.cern_full_html ul {
  list-style: square;
  padding: 0;
  margin: 0 0 15px 40px;
  line-height: unset;
}

main .field--type-text-with-summary ul li::before, main .text-component-text.cern_full_html ul li::before {
  content: none;
  margin: 0;
}

main .field--type-text-with-summary h3, main .text-component-text.cern_full_html h3 {
  margin: 10px 0;
}

main .field--type-text-with-summary h3, main .text-component-text.basic_html h3, main .text-component-text.restricted_html h3, main .text-component-text.cern_full_html h3, main .full-html-markup h3, .field--name-node-title h3 {
  font-size: 2.2rem;
}

/*** Views Grid ***/

.views-view-grid .views-row .views-col {
  padding: 10px 5px;
}

/*********** FRONT PAGE STYLING ***********/

/* Title */

div#frontpagewrapper {
  position: absolute;
  top: 80%;
  height: 200px;
  margin-left: 10%;
  text-shadow: 0.08em 0.08em 1.0em rgba(0,0,0,0.5);
}

div#frontpagetitle {
  font-size: 40px;
  font-weight: bold;
}

div#frontpagesubtitle {
  font-size: 24px;
}

@media only screen and (max-width: 768px){
  div#frontpagewrapper {
    top: 70%;
    height: 160px;
  }
  div#frontpagetitle {
    font-size: 40px;
  }
  div#frontpagesubtitle {
    font-size: 24px;
  }
}

@media only screen and (max-width: 600px){
  div#frontpagewrapper {
    top: 60%;
    height: 120px;
  }
  div#frontpagetitle {
    font-size: 24px;
  }
  div#frontpagesubtitle {
    font-size: 18px;
  }
}

/* Background height on landing pages (not really 100%) */

body:not(.has-header).cern-toolbar.toolbar-fixed .field--items > .field--item:first-child .component-row.is_full_height {
  height: calc(100vh - 280px);
}

body:not(.has-header).cern-toolbar .field--items > .field--item:first-child .component-row.is_full_height {
  height: calc(100vh - 260px);
  min-height: 90%;
}

body:not(.has-header).cern-toolbar:not(.toolbar-vertical).toolbar-tray-open .field--items > .field--item:first-child .component-row.is_full_height {
  height: calc(100vh - 320px);
  min-height: 90%;
}

body:not(.has-header).cern-toolbar.toolbar-fixed.toolbar-vertical .field--items > .field--item:first-child .component-row.is_full_height {
  height: calc(100vh - 260px);
  min-height: 90%;
}

body.cern-toolbar:not(.toolbar-vertical).toolbar-tray-open .component-row.is_full_height {
  height: calc(100vh - 140px);
  min-height: 90%;
}

body.cern-toolbar.toolbar-fixed.toolbar-vertical .component-row.is_full_height {
  height: calc(100vh - 140px);
  min-height: 90%;
}

body.cern-toolbar.toolbar-fixed .component-row.is_full_height {
  height: calc(100vh - 140px);
  min-height: 90%;
}

@media screen and (max-width: 768px) {
  body:not(.has-header).cern-toolbar .field--items > .field--item:first-child .component-row.is_full_height {
    height: calc(100vh - 240px);
    min-height: 90%;
  }
  body:not(.has-header).cern-toolbar:not(.toolbar-vertical).toolbar-tray-open .field--items > .field--item:first-child .component-row.is_full_height {
    height: calc(100vh - 240px);
    min-height: 90%;
  }  
}

/* Panel on home page */

.component-division__text {
    left: 12%;
    width: 60%;
    min-width: 300px;
    max-width: 900px;
    text-align: center;
    padding: 20px;
    padding-bottom: 30px;
}

@media only screen and (max-width: 768px){
    .component-division__text{
      left: 5%;
      top: -30%;
      position: relative;
   }
}

.component-division__text p.text-align-center {
    color: #ffffff;
    font-size: 12px;
}

.component-division__text h1.text-align-center {
    margin: 12px 0;
    font-size: 24px;
    font-weight: bold;
}

.component-division__text h3.text-align-center {
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
}

.component-division__text p.text-align-center a {
    color: #aaaaff;
    font-size: 16px;
    text-decoration: none;
}

/* Footer */

body footer {
  background: #efeceb;
  color: #595959;
  margin-top: 10px;
  padding: 20px;
  font-size: 11pt;
  z-index: 1;
}

@media only screen and (max-width: 768px){
  body footer {
    height: fit-content !important;
  }
  .cern-footer .footer-first-col {
    padding-right: 0;
  }
}

.cern-footer .footer-first-col:after {
    width: 0px;
    height: 0px;
}

.copy-wrapper {
    color: #595959;
    /* font-family: 'Comic Sans MS', 'Open Sans', sans-serif; */
    font-family: 'Open Sans', 'Veranda', 'Helvetica', sans-serif;
    font-size: 10pt;
    line-height: 10px;
    margin: 10px 0;
}

body > footer section a {
  text-decoration: none !important;
}

/* Preview List */

.preview-list-component .preview-list-image {
    width: 200px;
    height: 150px;
}

.preview-list-component .preview-list-news-info .preview-list-title {
    margin-top: 0px;
}

.preview-list-component .preview-list-news-info .preview-list-strap {
    margin-bottom: 0rem;
}

.preview-list-component h3 {
    font-size: 20px;
}

.preview-list-topic a::after {
    content:', ';
    color: #000;
    text-decoration: none;
}

.preview-list-topic a:last-child::after {
  content:'';
}

/* Teaser */

.teaser-list h1 {
    text-align: left;
}

.more-link {
    text-align: right;
}

/* Updates */

.field {
    margin: 0;
}

/*
.field.field--name-field-tags .field--item{
    float: left;
}
*/

.field.field--type-entity-reference{
    margin: 0;
    /* font-size: x-large; */
}

/* Views */

.cern-view-display-page .view-content {
    margin: 0;
    padding: 0;
}

.cern-view-display-page .view-content h2 {
    font-size: larger;
}

.region-right h1 {
    text-align: left;
    font-size: x-large;
}

.region-right h2 {
    text-align: left;
    font-size: larger;
}

.region-right .view-content {
    margin: 0;
}

.region-content .teaser-list .view-content .views-row {
    margin: 0 0 30px;
}

.component-division__text__text {
  margin-top: 2%;
}

@media screen and (max-width: 600px) {
  h1 {
    font-size: 30px;
  }
}

@media screen and (max-width: 600px) {
  h2 {
    font-size: 25px;
  }
}

iframe {
  border-style: hidden;
}

/* Beginning of style for the sections titles */
.row-component-title::after {
  content:' ';
  position: absolute;
  top:130%;
  left:50%;
  width: 2.5em;
  border:2px solid #0b80c3;
  border-radius:4px;
  transform:translateX(-50%);
}
/* End of style for the sections titles */

/* Vertical line */
.vertical-line {
  border-left: 6px solid #48C3DC;
  height: 10%;
  margin-left: 2%;
  margin-top: 4%;
}

/* Give some space for text after a vertical line */
.vertical-line p {
  margin-left: 5% !important;
}

/* Vertical separation */
.vertical-line-separator {
  border-left: 6px solid #48C3DC;
  height: 100px;
  margin-left: 50%;
  margin-bottom: 3%;
}

/* Position of the title for the award page */
div[data-history-node-id="88"] > .layout__region > .field > .field--item > .component-row > .component-row__row > .component-row__column > .text-component > .text-component-title {
  margin-top: 0;
}

/* Styling for the dot divider */
.divider
{
	position: relative;
	margin-top: 5%;
  margin-bottom: 5%;
	height: 1px;
}

@media screen and (max-width: 600px) {
  .divider {
    margin-top: 10%;
    margin-bottom: 10%;
  }
}

.div-transparent:before
{
	content: "";
	position: absolute;
	top: 0;
	left: 5%;
	right: 5%;
	width: 90%;
	height: 1px;
	background-image: linear-gradient(to right, transparent, rgb(48,49,51), transparent);
}

.div-dot:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: -9px;
	left: calc(50% - 9px);
	width: 18px;
	height: 18px;
	background-color: #0B80C3;
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px white,
					0 0 0 4px white;
}
/* End of styling for the dot divider */


/* Styling to get black Copyright in the footer */
.copy-wrapper > * {
  color: #595959 !important;
}

/* Webform styling */
div.webform-required {
  margin-bottom: 15px;
  margin-left: 0;
}

/****** END SEARCH BAR STYLING ******/

/****** VISIT PAGE STYLING ******/
div[data-history-node-id="99"] .text-component-title {
  margin-top: 0;
}
/****** END VISIT PAGE STYLING ******/

/****** BREADCRUMB STYLING ******/
ol.breadcrumb {
  background-color: white;
  padding : 15px;
  margin-left: 5px;
}

/* Replace the / of the breadcrumb by > */
ol.breadcrumb > li:not(:last-child)::after {
  content: "> " !important;
}

ol.breadcrumb > li:not(:first-child)::before {
	content: none !important;
}
/****** END BREADCRUMB STYLING ******/

/* Line separator */
.separation-line {
  content:' ';
  position: relative;
  left:50%;
  width: 5em;
  border: 2px solid white;
  transform:translateX(-50%);
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}