@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap');

/* override the default state for the account menu module block placement */
#block-menu-accountmenu {
  float: right;
}

#menu-bar, #primary-menu-bar {
  background: none;
}

#messages {
  clear: both;
}

/* override for media links (by boris.a)*/
body.node-type-media .node-sidebar .field-name-field-file-upload .field-item a,
body.node-type-media .node-sidebar .field-name-field-media-link .field-item a {
  display: inline;
  background-image: none;
  color: #8c1515;
}

body.node-type-media .node-sidebar .field-name-field-media-link .field-item a:hover {
  color: inherit;
}

body.node-type-media .node-sidebar .group-media-reference-info {
  overflow: hidden;
}

body.node-type-media .node-sidebar section {
  margin: 0;
  border: none;
}

body.node-type-media .node-sidebar section h2 {
  margin-bottom: 0 !important;
}

body.node-type-media .node-sidebar .field-items {
  margin-left: 0;
  line-height: inherit;
}

body.node-type-media .node-sidebar .field-item {
  color: #333;
  font-size: 13px;
}

body.node-type-media .node-sidebar .field-label {
  font-size: 13px !important;
  font-weight: bold;
}

body.node-type-media .node-sidebar .field-name-field-file-upload .field-item .file-size {
  display: none;
}

body.node-type-media #main-content #page-title {
  margin-bottom: 15px;
}

.node-media .field-name-body iframe {
  width: 100%;
  /*	height:	304px;*/
}

.search-snippet strong {
  font-weight: bolder;
  color: #5a5a5a;
}

/*-- new styles, some styles are also defined in wysiwyg.css  added by Irina Sept 2020 ---*/

.callout.float-right, .pullquote.float-right, figure.float-right, .figure.float-right {
  margin-right: -10%;
  width: 50%;
}

.callout.float-left, .pullquote.float-left, figure.float-left, .figure.float-left {
  margin-left: -10%;
  width: 50%;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.pullquote {
  color: #928b81;
  font-size: 1.2em;
  line-height: 2em
}

/* layout for top part of article and section landing page */

.group-top {
  height: 375px;
}

.node-type-article .group-meta
{
  text-align: center;
  width: 30%;
  float: left;
  height: 375px;
}

.node-type-article #main-content .field-name-field-cover-image,
.view-articles-landing-page .views-field-field-cover-image {
  margin-right: unset;
  width: 70% ;
  float: left;
  height: 375px;
  overflow: hidden;
}

.node-type-article #main-content .field-name-field-cover-image figure,
.view-articles-landing-page .views-field-field-cover-image  .field-content
{
  margin-right: 2em;
}

/* article only*/

.node-type-article,
.node-type-article h2,
.node-type-article h3,
.node-type-article h4 {
  font-family: 'Source Sans Pro', sans-serif;
}

.node-type-article #main-content {
  width: unset;
  padding: unset;
}

.node-type-article #main-content #block-system-main,
.node-type-article #main-content #block-system-main p {
  color: #2e2d29; /* black */
}

.node-type-article #main-content #block-system-main  .pullquote {
  color: #928b81;
}

.node-type-article #main-content #block-system-main p.small {
  font-size: 85%;
}

.node-type-article h1#page-title {
  display: none;
}

.field-name-field-series-landing-page a,
.views-field-field-series-landing-page a
{
  font-size: 1.7rem;
  padding: 4px 14px;
  background-color: rgb(51, 51, 51);
  color: white !important;
  display: block;
  text-transform: uppercase;
}

.node-type-article .field-name-field-cover-image img {
  box-shadow: unset;
}

.node-type-article #main-content #block-system-main .group-meta h2,
.view-articles-landing-page .views-field-title h2 {
  font-size: 3em;
  font-weight: 800;
  line-height: 1.2em;
  color: #2e2d29;
}

.field-name-field-article-subhead,
.views-field-field-article-subhead {
  font-size: 1.4em;
  font-weight: 300;
  color: #2e2d29;
}

.field-name-field-article-date-date .date-display-single  {
  color: #928b81;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase
}

.node-type-article .field-name-field-author .field-items,
.view-articles-landing-page .views-field-field-author {
  font-size: 16px !important;
  font-style: italic;
  color: #585754 !important;
}

.node-type-article .field-name-field-author {
  border-right: unset;
  display: block;
}

.node-type-article .field-name-field-author .field-items,
.node-type-article .field-name-field-author .field-items .field-item {
  display: block;}

/* styles in body of article */

.node-type-article .field-name-field-article-section {
  margin-right: 10%;
  margin-left: 10%;
}

.node-type-article td, .node-type-article tr {
  border: 1px solid #333;
}

.node-type-article #main-content thead th {
  vertical-align: bottom;
  border-bottom: 3px solid;
}

.node-type-article #main-content .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.node-type-article #main-content #block-system-main h3 {
  background: none;
  color: #007c92;
  padding: 0;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
}

.node-type-article #main-content #block-system-main h4 {
  color: #007c92;
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 1em;
}

/* key findings block */

.field-name-field-key-findings {
  color: #007c92;
  font-weight: 600;
  padding: 1em 1.5em;
  /* border: 1px solid;*/
  float: left;
  margin-right: 2em;
  width: 30%;
}

.field-name-field-key-findings .field-label {
  font-size: 1.4em;
  margin-bottom: 1em;
  padding-bottom: .5em;
  border-bottom: 1px solid;
}

.field-name-field-key-findings .colon {
  display: none;
}

.node-type-article .field-name-field-pdf {
  margin-top: 1em;
  margin-right: 10%;
  margin-left: 10%;
  color: #007c92;
  font-size: 1em;
  font-weight: 600;
}

.node-type-article .field-name-field-pdf .file-size {
  display: none;}

/*-- landing page formatting -- */

.page-node-10388 h2,
.page-node-10388 h3,
.page-node-10388 h4,
body.page-node-10388,
.page-node-10388 .view-articles-landing-page {
  font-family: 'Source Sans Pro', sans-serif;
  color: #2e2d29; /* black */
}

.page-node-10388 #columns a,
.page-node-10388 .view-articles-landing-page a,
.node-type-article #columns a {
  color: #007c92;
}

.page-node-10388 #columns a:hover,
.page-node-10388 #columns a.active:hover,
.page-node-10388 #columns a:focus,
.page-node-10388 #columns a.active:focus,
.page-node-10388 #columns a:active,
.page-node-10388 #columns a.active {
  color: #888;
}

.page-node-10388 h2 {
  font-weight: 700;
}

.page-node-10388 h3 a {
  font-size: 1.4em;
  font-weight: 600
}

#block-views-articles-landing-page-block-2 {
  float: unset;
  text-align: center;
  border-bottom: 1px solid gray;
}

#block-views-articles-landing-page-block-2 .block-inner {
  padding-right: 0;
  padding-left: 0;
}
#block-views-articles-landing-page-block-2 .views-field-field-series-landing-page {
  text-align: left;
}

#block-views-articles-landing-page-block-2 .views-field-field-cover-image img {
  padding-top: 10px;
}

.view-articles-landing-page.view-id-articles_landing_page.view-display-id-block_1 h2 {
  font-size: 2em;
  margin-top: .5em;
  font-weight: 600;
}

#block-block-21 h2, #block-views-31140077e794fa09009d21ddad15d558 h2 {
  border-bottom: 1px solid;
  padding-bottom: .6em;
}

.view-media-items-for-monitoring-crisis li {margin-bottom: 1em;}

#block-views-31140077e794fa09009d21ddad15d558   {
  width: 60%;}
#block-block-21 {
  width: 40%;}

@media (max-width:768px) {
  #block-views-31140077e794fa09009d21ddad15d558,
  #block-block-21 {
    width: 100%;}
}


/* adjust styles for mobile */

@media (max-width:820px) {
  .node-type-article .group-meta,
  .node-type-article #main-content .field-name-field-cover-image,
  .views-field-field-cover-image {
    width: 100%;
    height: auto;
  }

  .node-type-article #main-content .field-name-field-cover-image figure,
  .views-field-field-cover-image  .field-content {
    margin-right: 0;
  }

  .node-type-article #main-content #block-system-main .w-50 {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }


  .field-name-field-key-findings {
    padding: 0;
    float: none;
    clear: both;
    margin-right: 0;
    width: 100%;
  }


  .field-name-field-key-findings  .field-items,
  .field-name-field-key-findings  .field-label{
    padding: 1em;
  }

  .callout.float-right, .pullquote.float-right, figure.float-right, .figure.float-right {
    margin-right: 0 ;
    width: 100%;
  }


}

.view-media-items-for-monitoring-crisis div.item-list ul.pager li.pager-current,
.view-media-items-for-monitoring-crisis div.item-list ul.pager li.pager-current a.active {
  color: #007c92;
}

.node-type-article #breadcrumb {display: none;}



/*------- adjust styles for mobile -------*/

@media (max-width:820px) {

  .node-type-article   .field-name-field-article-logo,
  .node-type-article  .field-name-field-author
  {
    margin-top: 1em;
    margin-right: 10%;
    margin-left: 10%;
  }

  .node-type-article #main-content .field-name-field-cover-image,
  .view-articles-landing-page .views-field-field-cover-image {
    height: unset;
  }
}

.field-name-field-article-section  .field-item   {
  /*clear: left;*/
}
