/*
Joris 25 of march 2024

Shame legacy file

This file contains legacy css that was either added add the end of main.css or added in the shame css injector module.

Rules
 - Document each addition well and add the reason for adding it and specify where it applies
 
*/

/* The following CSS was extract from the bottom main css file, that were added later */
/**
* GH: Notes and stuff.
* Use below this comment block to add post SASS development CSS.
* It will be back ported into SASS and the CSS will be updated. */
/*-----------------------------Post SASS CSS -----------------------------*/
/* Quick Fixes - _shame.scss */
/* ------------------------- */
.section {
  margin-top: 40px;
  padding: 10px;
  border-top: solid 1px #cacaca;
}


.views-element-container footer,
 .footer .more-link {
  position: relative;
  overflow: auto;
  padding-right: 2rem;
  padding-left: 4rem;
  font-family: "ITCFranklinGothicStd-Book", sans-serif;
  color: black;
}

.views-element-container footer a:link,
.views-element-container footer a:hover,
.views-element-container footer summary:link,
.footer.more-link a {
  color: black;
}

.views-element-container footer p {
text-align: right;
}

.views-element-container footer a:after{
      content: " ►";
    }


.views-row .views-field-nothing, .views-row .textual-wrapper, .path-frontpage .wrapper .content.column .textual-wrapper {

}



@media screen and (min-width: 1280px) and (max-width: 1919px){
.path-frontpage .wrapper .content.column div[id^=views-block-frontpage-block-],
.path-frontpage .wrapper .content.column #connect {
margin-right: 2rem;
}

.path-frontpage .wrapper .content.column .views-field-nothing h3 {
width: 90%;
}
}


/* 
--------------------
The following CSS was extracted from the shame asset injector 
--------------------
*/

.context-rss .button_style {
  width: 150px;
  text-align: center;
  margin: 20px;
  }
  
  .feed-icon {
      background: url(/core/misc/feed.svg) no-repeat;
      overflow: hidden;
      text-indent: -9999px;
      display: block;
      width: 16px;
      height: 16px;
  }
  
  
  #tabs ul  {
      position: relative;
      border-collapse: collapse;
      height: auto;
      padding: 0 0 0 1rem;
      width: 80%;
      overflow: hidden;
      border: none;
      background: transparent url(../images/admin/tabs-border.png) repeat-x 0 100%;
      white-space: nowrap;
      margin-top: 1.25rem;
      margin-bottom: 1.25rem;
  }
  
  #tabs ul li {
      position: relative;
      display: block;
      float: left;
      margin: 0 0 0 -1px;
      padding: 0;
  }
  
  #tabs ul li a {
      background-color: #f1f3f2;
      color: #4b89a5;
      border: 1px solid #cacaca;
      display: block;
      padding: 4px 10px 4px 10px;
      margin: 0;
      font-family: ITCFranklinGothicStd-Book;
  }
  
  #tabs ul li a  .is-active {
    background-color: white;
      border-bottom: 1px solid white;
  }
  
  .path-frontpage .wrapper .content.column .home-news-first .views-row .textual-wrapper {
  position: unset;
  }
  
  .list-taxonomy-term .views-row {
      margin-bottom: 1rem;
      padding-bottom: 1.625rem;
      border-bottom: 1px solid gray;
  }
  
  
  #views-block-research-related-content-block-4 .views-row,
  #views-block-research-related-content-block-3 .views-row {
    min-height: 192px;
    background: #f1f3f2;
  }
  
  #views-block-research-related-content-block-4 .views-row .textual-wrapper .box-type,
  #views-block-research-related-content-block-3 .views-row .textual-wrapper .box-type {
    bottom: 0.25rem;
  }
  
  @media screen and (min-width: 480px) {
  #views-block-research-related-content-block-4 .views-row .textual-wrapper,
  #views-block-research-related-content-block-3 .views-row .textual-wrapper {
    width: calc( 100% - 300px );
  }
  }
  
  .content .node--type-yearbook-publication-info {
      padding-bottom: 1rem;
      background-color: #f1f3f2;
      padding-left: 19rem;
      padding-right: 1rem;
      min-height: 580px;
  }
  
  #views-block-publications-block-4 .views-field {
    margin-left: 300px;
    padding-left: 1rem;
  }
  
  #views-block-publications-block-4 .views-field-combinedauthors {
    padding-left: 1rem;
  }
  
  #views-block-publications-block-4  .views-field-field-image {
      margin-left: 0;
      padding-left: 0;
  }
  
  .viewmode-related .field-content {
      padding: 0rem  1rem;
  }
  
  
  body[class*=" context-research-"] .wrapper #sipri-2016-content .views-row, .context-research .wrapper #sipri-2016-content .views-row {
    display: inline-block;
  }
  
  
  #sipri-2016-content .content img, .wrapper #sipri-2016-content .contextual-region .content img  {
    float: left;
    margin: 0.3rem 1rem 0.2rem 0;
  }
  
  .views-col .field-image {
    padding: 1rem;
  }
  
  @media screen and (max-width: 768px) {
  .node--type-yearbook #views-block-yearbook-blocks-block-1-2 .field-image .field-item img {
      position: relative;
    }
    
    #views-block-publications-block-4 .views-field {
    margin-left: 0;
    padding-left: 0;
    }
    
    
   .path-research #sipri-2016-content .contextual-region .viewmode-related img {
      float: none;
      max-width: 100%;
      display: block;
      margin: auto;
      margin-bottom: 1rem;
  }
  
  .path-research .viewmode-related .field-content {
      clear: both;
  }
  
  }
  
  #edit-field-image-wrapper .entities-list {
    table-layout: unset;
  }
  
  .sidebar.second #bettersocialsharingbuttons {margin-bottom: 1rem;   padding-bottom: 0rem;   border-bottom: 1px solid gray;   text-align: center;}
  
  .sidebar.second #bettersocialsharingbuttons h2 {
    float: left; 
    margin-top: 4px;
    letter-spacing: 0.0625rem;
    margin-left: 1.5rem;
    margin-right: 0.5rem;
  }
  
  #follow a:link{
    color: black;
  }
  
  #contactfooter span a {
    margin-right: 0.8rem;
  }
  
  #contactfooter p {
    margin-top: 1rem;
  }
  
  .sidebar.second #share, .sidebar.second #follow {
    border-bottom: none;
  }
  
  
  .node--type-people #sipri-2016-content .dynamic-block-fieldnode-testpubs {
    padding-left: 10.375rem;
    margin-top: -2rem;
    padding-bottom: 16px;
  }
  
  
   .viewmode-related img,
  .node--type-publication .views-field-field-image img,
  .context-publications img,
  .path-yearbook img {
    border: solid 1px #ccc;
  }
  
  .node--type-publication .dynamic-block-fieldnode-commentary-about-the-authors .views-field-field-image img {
    border: none;
  }
  
  /* Fixes margin for news type image lists with text */
  .views-row .textual-wrapper {
    float:left!important;
    margin-left:0px!important;
  }
  
  .field-pdf-summary .field-items div:nth-child(2n+2) {
    margin-top: 20px;
    margin-bottom: 30px;
  }
  
  .node--type-publication  #views-block-publications-block-4 .views-field .views-field {
    margin-left: 0;
    padding-left: 0;
  }
  
  .wrapper .contextual-region .list-commentary .views-row .views-field-title {
    display: inline;
  }
  
  .wrapper #views-block-commentary-essay-block-1 .views-row .views-field-view, .wrapper #views-block-media-section-block-4 .views-row .views-field-view, .wrapper #views-block-blog-block-1 .views-row .views-field-view, .wrapper #views-block-commentary-backgrounder-block-1 .views-row .views-field-view {
    padding-bottom: 0;
    margin-left: 1rem;
  }
  
  .wrapper #views-block-commentary-essay-block-1 .views-row .views-row, .wrapper #views-block-media-section-block-4 .views-row .views-row, .wrapper #views-block-blog-block-1 .views-row .views-row, .wrapper #views-block-commentary-backgrounder-block-1 .views-row .views-row {
    padding-bottom: 0;
  }
  
  
  .node--type-people #sipri-2016-content .dynamic-block-fieldnode-author-ybs {
    padding-left: 10.375rem;
  }

  /* #5203: We need to cookie consent manager to be on top of any pop-up
   * And styled in keeping with the theme
  */
  .spb_overlay, .spb-popup-main-wrapper {
    z-index: 9999;
  }

  .cookiesjsr-banner {
    background-color: #e50038;
    font-weight: bold;
    font-family: "ITCFranklinGothicStd-Book", sans-serif;
  }

  button.cookiesjsr-settings {
    background-color: #405678;
  }

  .cookiesjsr-banner--links li {
    list-style: none;
  }

  .cookiesjsr-banner--links li a {
    color: white;
    text-decoration: underline;
  }