/**
 * File: EN/theme.css
 * Author: Catharina Hoch
 * Date: April 2021
 */
 
/* Header  */

body header .site-info {
	width:8%;
	}
	
body header .header-wrapper {
  margin: auto;
  min-height: 70px;
  padding: 20px 0% 15px 5%;
}

   .sticky-header .site-info.col-sm-3 {

           width: 25%;

   }

   .site-nav.col-sm-9.has-search {

   		width: 92%;

   }

   .sticky-header .site-nav.col-sm-9.has-search {

   		width: 75%;

   }

/* SIDEBAR BLOCKS */

.sidebar-left .region-left > section .field, .sidebar-left .region-left section.block.block-block-content .field, .sidebar-left .region-right > section .field, .sidebar-left .region-right section.block.block-block-content .field, .sidebar-right .region-left > section .field, .sidebar-right .region-left section.block.block-block-content .field, .sidebar-right .region-right > section .field, .sidebar-right .region-right section.block.block-block-content .field {
	box-shadow: none !important;
}

.sidebar-right  {
	box-shadow: none !important;
	/* border: 1px solid #ddd; */
--	font-size: 10pt;
    line-height: 18pt;
	margin: 60px 0 30px !important;
	padding: 0 !important;
}

.sidebar-right div {
--	padding: 1px 1px 0px 1px !important;
	line-height: 20px;
}

.sidebar-right .region-right h2, .sidebar-right .region-right h1 {
	display: block;
	text-transform: uppercase;
	font-size: 14pt;
    line-height: 14pt;
	margin: 12px 12px !important;
}

.sidebar-right .region-right > section:not(.without-shadow) {
	padding: 15px 12px;
}

.form-group {
margin-bottom: 0px;
}

.component-row__sidebar-right > section > div.form-group .view:not(.vertical-boxes) .view-content {
    margin-bottom: 0px; 
    padding: 0; }

#block-ensafety a {
    padding: 15px !important;
	text-decoration: none;
	font-size: 12pt;
    line-height: 14pt;
}

/* margin above cern news block */
.views-field-field-group-short-name {
	margin-left: 22px;
}



/* EN Groups menu */
.region-right > nav nav.navbar.main-menu ul.navbar-nav > li > a {
    font-size: 15px;
}

.sidebar-right nav ul:not(.contextual-links) > li {
	font-size: 13px !important;
	line-height: 24px;
}

.sidebar-right nav ul:not(.contextual-links) li a.is-active ,.sidebar-right  nav ul:not(.contextual-links) li a:hover {
    text-decoration: underline #eb7d34;
}

/* EN background on all pages */

main {
  background: #f9f9f9 url("../EN_background.png") center;
  background-size: 40%;
  background-position-x: 0;
  background-position-y: 0;
  background-repeat: no-repeat;
  padding-bottom: 35px;
  }
  
 /* GENERAL */
body {
  font-family: 'PT Sans', sans-serif;
  color: #444444
}

.page .field-body, .page .field-name-body, .page article.node, #page .field-body, #page .field-name-body, #page article.node {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Geneva, Arial, Verdana, sans-serif; }

.view .views-row p {
  font-family: 'PT Sans', sans-serif;
}
  
#content {
  font-family: 'PT Sans', sans-serif;
  color: #444444
}

h1, h2, h3, h4, h5, h6 {
  font-family: "PT Sans","Trebuchet MS",Verdana,"DejaVu Sans",small-caption;
}


main .field--type-text-with-summary h2, main .text-component-text.basic_html h2, main .text-component-text.restricted_html h2, main .text-component-text.cern_full_html h2, main .full-html-markup h2, .field--name-node-title h2 {
 margin-top: 5px;
 font-size: 20px !important;
}

h1.page-header{
  font-size: 26px;
  line-height: 26px;
  }

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

.field--name-node-title h3, 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 {
  font-size: 20px;
}

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

.sidebar-right .region-right h2 {
  margin: 30px;	
  	text-transform: uppercase;
	font-size: 14pt;
    line-height: 14pt;
}

h2.pane-title {
  font-size: 16px;
  margin: 0;	
}

a:hover {
  color: #256ca4;
}

li a.active {
    color: #919191;
} 
 
img {
    width: auto;
    max-width: 100%;
    height: auto;
    padding: 0 !important;
	padding-top: 10px !important;
} 

.center {
    margin-left: auto;
    margin-right: auto;
	display:table;
}

main .field--type-text-with-summary p {
    margin: 0 !important;
}

div.views-row + div.views-row, .search-result.search-result + .search-result.search-result {
    margin-top: 1.5em;
	border:none !important;
}

.sidebar-right .region-right .block .form-group .view .view-content {
	box-shadow: none !important;
}

.has-header .tabs {
    position: initial;
}

/* VIEWS */

/* Groups on front-page */
.mb-3 {
	margin-top: 11px !important;
}

div.viewsreference--view-title {
	font-size: 26px;
    font-weight: bold;
	padding-bottom: 9px;
	margin: 20px 0 20px;
}

.views-element-container {
	margin-top: 0 !important;
}

/* hide duplicated title in views  */
.card-grid > h1, .view-our-groups h1, .view-training-news h1 {
	display: none ;
}

h2.block-title {
	font-size: 23px;
}

/* Font size in views */
.view h2 {
	font-size: 20px;
}

.views-view-grid .views-row .views-col, .views-view-grid .views-row .views-col:first-child , .views-view-grid .views-row .views-col:last-child{
	padding: 0;
}
/* Landing Page */ 
.text-component-title {
	text-align: right;
	margin: 0 0 14px auto;
	font-size: 25px;
}
#preview-card--2 {
margin-right: 20px;
}
#preview-card--4 {
margin-right: 20px;
}

.component-preview-cards div.preview-card__title, .view .component-preview-cards div.preview-card__title * {
    color: white !important; }
/*  .cern-view-display-page .view-header a {
    color: white !important; }
    .cern-view-display-page .view-header a.active:after {
      background: white !important; }
    .cern-view-display-page .view-header a * {
      color: white !important; }
      .cern-view-display-page .view-header a *:hover {
        color: white !important; }
.cern-view-display-page .view-content * {
  color: white !important; }
.cern-view-display-page .view-content a {
  color: white !important; }
  .cern-view-display-page .view-content a:hover {
    color: white !important; }
  .cern-view-display-page .view-content a * {
    color: white !important; }
    .cern-view-display-page .view-content a *:hover {
      color: white !important; }*/
.component-preview-cards .preview-card__title h3 a {
	color: white !important;
}

/* News page */

article {
	margin: 0 !important;
}

.views-element-container {
    margin: 0 !important;
}

div.views-field.views-field-title {
font-size: 20px;
}

.custom-left {
  float:left !important;
  margin: 0 10px;
}

.custom-right div{
	display: inline-block;
}

.preview-list-component .preview-list-image {
    width: 300px;
    height: 170px;
    margin-right: 15px;
    float: left;
    overflow: hidden;
    background-image: url(/sites/test-en-21.web.cern.ch/files/logo/cern.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border: 0;
    box-shadow: 0 1px 3px 0 #bfbfbf;
}

.cds-image {
	background: cds_image;
}

/* NEWS full view */

.news-node-full-content-title {
display: none;
}

/*

.cern-view-display-page_1 h1{
	font-size: 26px;
	font-weight: bold;
	line-height: 26px;
	text-align: left;
}

h2.block-title {
	margin: 10px 0 14px 0;
	font-size: 20px;
    font-weight: bold;
}


#cern_news.views-field {
	margin:0 !important;
}*/

/* Training News page */

.view-training-news u , .view-training-news p , .view-training-news a {
    font-family: 'PT Sans', sans-serif !important;
	font-size: 1.6rem;
    font-weight: normal;
    line-height: 25px;
}

/* Tables 

table#en_structure td {
	border-top: 1px solid #4d94cc;
	border-left: none;
	border-right: none;
	border-bottom: none;
	background: #eee;
	padding: 20px 10px 0px 10px;
}

table#en_structure strong {
	font-size: 16px;
	color: #4d94cc;
}

table#en_structure h1 {
	font-size: 20px;
	color: #4d94cc;
}


table#roles td {
	border: 1px solid grey;
	background: linear-gradient(white,#D3D3D3);
	padding: 10px 10px 10px 10px;
	border-radius: 15px;
}



table#roles, table#en_structure, table#projects, table#en_members, table#safety, table#operations, table#training {
	border-spacing: 15px;
	border-collapse: separate;
	empty-cells: hide;
	border: none;
	padding-top: 0px;
}

table#projects td {
	border-left: 1px solid #256ca4;
	border-top: none;
	border-right: none;
	border-bottom: none;
	padding: 20px 20px 0px 20px;
	background: #eee;
}

table#operations td {
	border-left: 1px solid #256ca4;
	border-top: none;
	border-right: none;
	border-bottom: none;
	padding: 15px 10px 15px 20px;
	background: #eee;
	border-radius: 15px;
}

table#operations p {
	line-height: 16px;
}

table#en_members {
	border-left: 1px solid #256ca4;
	border-top: none;
	border-right: none;
	border-bottom: none;
	padding: 1px 1px 1px 1px;
	background: #eee;
	border-radius: 15px;
}

table#safety, table#travel td {
	border: 1px solid grey;
	padding: 20px;
}


table#en_members h3 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

.field--type-text-with-summary table#en_members ul {
--	list-style: disclosure-closed;
	margin: 0 0 0 0px;
	line-height: 18px;
}

.field--type-text-with-summary table#en_members li {
    text-indent: -15px;
    margin-left: 11px;
}


.field--type-text-with-summary table#en_members td a {
	text-decoration: none;
	margin: 0 0 15px 1px;
	line-height: 15px;
	font-size: 13px;
} 
*/

table#training a {
	text-decoration: none;
	font-size: 24px;
	}

table#training td {
	border: 1px solid #2574b9;
	background: linear-gradient(white,#D3D3D3);
	padding: 10px 10px 10px 10px;
	border-radius: 15px;
	height: 120px;
}

table#training {
	border-spacing: 15px;
	border-collapse: separate;
	empty-cells: hide;
	border: none;
	padding-top: 0px;
}

/* Footer */

.cern-footer {
	font-size: 16px;
}