/* 
  @@@@@
  @@@@@ Custom CSS for FLUKA website CERN (Dec 2019) 
  @@@@@
*/

/* 
  @@@@@ General formatting of blocks created through Drupal views. 
  @@@@@ Standard CSS classes are used.
*/

.block.block-views {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.cern-view-display-block {
    background-color: #eee;
    border: 1px solid #cecece;
}

.cern-view-display-block h1 {
    font-size: 25px;
}

.cern-view-display-block h1.mb-3 {
    margin-bottom: 0rem ! important;
}

.cern-view-display-block h1.mt-3 {
    margin-top: 2rem ! important;
}

.cern-view-display-block div.views-field-title {
    margin-top: 14px;
    line-height: 1.0;
}

.cern-view-display-block div.view-header {
    line-height: 1.0;
    padding-left: 25px;
    padding-top: 25px;
}

/* Overwrite June 2020 changes by CERN theme blocks.css */
.cern-view-display-block div.view-content {
    padding-left: 25px ! important;
    padding-right: 25px ! important;
    padding-bottom: 25px ! important;
    padding-top: 25px ! important;
    margin-bottom: 0px ! important;
    box-shadow: none ! important; 
}

.cern-view-display-block div.view-footer {
    padding-left: 25px;
    padding-bottom: 10px;
}

/* Overwrite June 2020 changes by CERN theme blocks.css */
.views-element-container {
    padding-left: 0px ! important;
    padding-right: 0px ! important;
    padding-bottom: 0px ! important;
    padding-top: 0px ! important;
}

/* Overwrite June 2020 changes by CERN theme blocks.css */
.form-group {
    margin-bottom: 0px ! important;
}

/* 
  @@@@@ General formatting of custom blocks (i.e. blocks not created by views). 
  @@@@@ Standard CSS classes are used.
*/

/* Get the same paddings as for blocks created by view */
/* Overwrite June 2020 changes by CERN theme blocks.css */
.block.block-block-content {
/*    padding-left: 15px;
    padding-right: 15px;*/
    padding-left: 0px ! important;
    padding-right: 0px ! important;
    padding-bottom: 0px ! important;
    padding-top: 0px ! important;
    margin-bottom: 15px;
}

/* Get the same look as for blocks created by view */
.block-custom-wrapper {
    background-color: #eee;
    border: 1px solid #cecece;
    color: #062d53;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 0px;
}

/* Overwrite June 2020 changes by CERN theme blocks.css */
.block-custom-wrapper div.field {
    padding-left: 10px ! important;
    padding-right: 0px ! important;
    padding-bottom: 0px ! important;
    padding-top: 0px ! important;
    margin-bottom: 0px ! important;
    box-shadow: none ! important; 
}

.block-custom-wrapper div.field p {
    margin-bottom: 10px; 
}

.block-custom-wrapper div.field p.block-horizontal-menu {
    margin-bottom: 0px;
}

/* Get the same heading style as for tblocks created by view */
.block-custom-wrapper h1.text-align-center {
    margin-top: 0rem ! important;
    margin-bottom: 1rem ! important;
    font-size: 25px;
}

/* Customize links in custom blocks */
.block-custom-wrapper a {
    text-decoration: none ! important;
}

.block-custom-wrapper a:hover {
    text-decoration: underline ! important;
}

.block-custom-wrapper a:active {
    text-decoration: underline ! important;
}

/* 
  @@@@@ Custom wrapper for blocks manually inserted in static pages, 
  @@@@@ Similar appearance as for blocks created by Drupal Views.
  @@@@@ Custom CSS class = block-cernfluka-wrapper
  @@@@@ Note: add div tags with this class around text element which should
  @@@@@ be contained in the box.
*/

div.block-cernfluka-wrapper {
    background-color: #eee;
    border: 1px solid #cecece;
    color: #062d53;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-top: 20px;
    margin-bottom: 15px;
}

div.block-cernfluka-wrapper h1 {
    margin-top: 0px;
}

div.block-cernfluka-wrapper h4 {
    margin-top: 0px;
}

/* 
  @@@@@ General formatting of custom blocks in footer (i.e. created by views). 
  @@@@@ Custom CSS classes are used.
*/

.block-custom-wrapper-footer-cernfluka a {
    text-decoration: none ! important;
    color: #ffffff;
}

.block-custom-wrapper-footer-cernfluka a:hover {
    color: #ffa500 ! important;
}

.block-custom-wrapper-footer-cernfluka a:active {
    color: #ffffff;
}

/* 
  @@@@@ General formatting of pages created through Drupal views. 
  @@@@@ Standard CSS classes are used.
*/

.cern-view-display-page div.views-field-title {
    font-size: 20px;
    font-weight: bold;
}

.cern-view-display-page span.views-field-title {
    font-weight: bold;
}

.cern-view-display-page div.views-row {
    margin-bottom: 20px;
}

/* 
  @@@@@ Formatting of (custom) fields on pages/blocks created through Drupal 
  @@@@@ view. Standard CSS classes are used. 
  @@@@@ E.g.: "News", "Latest FLUKA release" page.
*/

.views-field-field-date-of-announcement time {
    color: #878787;
    font-size: 12px;
    margin-bottom: 10px;
}

.views-field-field-release-date time {
    color: #878787;
    font-size: 12px;
    margin-bottom: 10px;
}

.views-field-field-event-date-start-end- span {
    color: #878787;
    font-size: 12px;
}

.views-field-field-news-categorization span {
    line-height: 1.0;
    color: #ffffff;
    font-size: 12px;
    background: #3871a8;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 0px;
}

.views-field-field-event-type span {
    line-height: 1.0;
    color: #ffffff;
    font-size: 12px;
    background: #3871a8;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 0px;
}

.views-field-view-node a {
    color: #0855a0;
}

/* 
  @@@@@ Formatting of "Latest releases" block created through Drupal view.
  @@@@@ Standard CSS classes are used.
*/

/* Increase bottom margin for title */ 
.view-latest-releases h1.mb-3 {
    margin-bottom: 10px ! important;
}

/* Needed since span is set to div if modified in block attachment
   (and vice versa). Hence custom span is used. */
.view-latest-releases span.field-content a {
    font-weight: bold;  
}

/* Needed since span is set to div if modified in block attachment
   (and vice versa). Hence custom span is used. */
.view-latest-releases span.field-content time {
    color: #878787;
    font-size: 12px;
}

/* Remove padding from block content and attachment content */ 
div.view-latest-releases div.view-content {
    padding-top: 15px ! important;
    padding-bottom: 0px ! important;
}

/* Remove bottom margin from attachment content */ 
.view-latest-releases div.attachment-after {
    margin-bottom: 12px;
}


/* Overwrite June 2020 changes by CERN theme blocks.css */
.view-latest-releases {
    margin-bottom: 0px;
}

/* 
  @@@@@ Formatting of custom fields on "News" pages (nodes) created by 
  @@@@@ Drupal display. Standard CSS classes are used.
*/

.field--name-field-news-categorization {

    line-height: 1.0;
    color: #ffffff;
    font-size: 12px;
    background: #3871a8;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 6px;
    padding-bottom: 4px;
}

.field--name-field-date-of-announcement time {
    color: #878787;
    font-size: 12px;
}

.field--name-field-announcement-text ul {
    list-style-position: outside ! important; 
}

/* 
  @@@@@ Formatting of "Latest FLUKA release" page created through Drupal view.
  @@@@@ Standard and custom classes are used (release-highlights-for-fluka-download).
*/

div.bottom-margin-cernfluka {

    margin-bottom: 15px;
}

div.node--type-fluka-package {

    margin-bottom: 10px;
}

div.node--type-fluka-package-binaries-linux {

    margin-bottom: 10px;
}

div.node--type-fluka-package-binaries-macos {

    margin-bottom: 10px;
}

div.node--type-fluka-package-source-code- {

    margin-bottom: 10px;
}

.view-latest-fluka-release div.attachment .view-latest-fluka-release .view-header {

    margin-bottom: 10px;
}

.view-latest-fluka-release div.attachment div.views-element-container {

    margin-bottom: 0px;
}

div.release-highlights-for-fluka-download {

    background-color: #eee;
    border: 1px solid #cecece;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-top: 10px;
    margin-bottom: 15px;
    margin-top: 10px;
}

div.release-highlights-for-fluka-download .views-label {

    font-weight: bold;
    padding-bottom: 8px;
}

div.release-highlights-for-fluka-download span.field-content li {

    color: #878787 ! important;
    font-size: 14px;
}

div.release-highlights-for-fluka-download span.field-content p {

    color: #878787 ! important;
    font-size: 14px;
}

.views-field-field-release-version span.field-content {

    font-weight: bold;
}

/* 
  @@@@@ Adding top margin for central column on FLUKA landing page since
  @@@@@ no title is used (to be aligned with left column)
*/

article.fluka-landing-page {
    margin-top: 30px;
}

/* 
  @@@@@ Custom button for FLUKA website, class = button-cernfluka
  @@@@@ Note: add div tags with this class around link which should
  @@@@@ be contained in the button
*/

.button-cernfluka a {

    background-color: #062d53;;
    color: #ffffff ! important;
    font-size: 14px ! important;
    font-weight: bold ! important;
    
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;

    padding-top: 5px;
    padding-right: 12px;
    padding-bottom: 2px;
    padding-left: 15px;

    margin-right: 10px;

    text-decoration: none ! important;
}