@charset "UTF-8";
/**
 * @file
 * Visual styles for Bartik's blocks.
 */
/* Block has its own content wrapper. */
#block-mgoblog-content {
  position: relative; }

.block .content {
  margin-top: 16px; }

.region-content .block:first-child .content {
  margin-top: 0; }

/**
 * @file
 * Bartik specific styling for the Book module.
 */
.book-navigation .menu {
  border-top: 1px solid #d6d6d6; }

.book-navigation .book-pager {
  border-bottom: 1px solid #d6d6d6;
  border-top: 1px solid #d6d6d6;
  margin: 0; }

/**
 * @file
 * Styles for Bartik's breadcrumbs.
 */
.breadcrumb {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.929em; }

.region-breadcrumb {
  padding: 0 15px 0.25em; }

/* -------------- Captions -------------- */
.caption {
  margin-bottom: 1.2em; }

.caption > * {
  background: #F3F3F3;
  padding: 0.5ex;
  border: 1px solid #CCC; }

.caption > figcaption {
  border: 1px solid #CCC;
  border-top: none;
  padding-top: 0.5ex;
  font-size: small;
  text-align: center; }

/* Override Bartik's default blockquote and pre styles when captioned. */
.caption-pre > pre,
.caption-blockquote > blockquote {
  margin: 0; }

.caption-blockquote > figcaption::before {
  content: "— "; }

.caption-blockquote > figcaption {
  text-align: left;
  /* LTR */ }

[dir="rtl"] .caption-blockquote > figcaption {
  text-align: right; }

/**
 * @file
 * Visual styles for comments in Bartik.
 */
/* This is required to win over specificity of #content h2 */
#content .comment-wrapper h2, #content .comment-wrapper h2.comment-form__title {
  margin-bottom: 1em; }

.field-node--comment {
  font-size: 0.934em; }

.comment {
  margin-bottom: 0;
  vertical-align: top;
  display: table;
  width: 100%; }

.collapse {
  margin: 10px;
  height: 20px;
  width: 20px;
  background-image: url(../images/Icon-Up.svg);
  background-repeat: no-repeat;
  color: transparent;
  display: inline-block;
  cursor: pointer; }
  .collapse.open {
    background-image: url(../images/Icon-UpDown.svg); }

[dir="rtl"] .comment {
  direction: rtl; }

.comment__meta {
  float: left;
  width: 10%;
  font-size: 10px;
  line-height: 12px;
  height: 85px; }

[dir="rtl"] .comment__meta {
  padding: 0 0 0 30px; }

.comment__attribution img {
  border: 1px solid #d3d7d9; }

/* This is required to win over specificity of .field--type-image img */
.comment .field--name-user-picture img {
  margin: 0; }

.comment__author {
  margin: 4px 0;
  line-height: 1.2;
  font-size: 20px;
  font-weight: bold; }
  .comment__author .username {
    white-space: nowrap; }

.comment__time {
  margin-bottom: 4px;
  color: #333333;
  font-size: 14px;
  line-height: 1.2;
  float: right;
  font-style: italic; }

.comment__permalink {
  font-size: 0.733em;
  line-height: 1.2; }

.comment__content {
  font-size: 0.929em;
  line-height: 1.6;
  width: 90%;
  float: right;
  padding-left: 15px; }
  .comment__content h3 {
    margin-top: 0.94em;
    margin-bottom: 0.45em;
    font-size: 1.171em;
    font-size: 18px;
    font-weight: bold; }
  .comment__content .field--name-comment-body a {
    text-decoration: underline; }

.comments-filter h1 {
  padding: 5px 15px; }

.comment-form {
  padding: 5px 15px; }

.moderator .comment__author a {
  background: url(../images/Icon_Star.svg) no-repeat right;
  padding-right: 30px; }

.thread-wrapper {
  -webkit-box-shadow: 4px 5px 10px -5px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 4px 5px 10px -5px rgba(0, 0, 0, 0.6);
  box-shadow: 4px 5px 10px -5px rgba(0, 0, 0, 0.6);
  background-color: #FFFFFF;
  margin-top: 15px;
  position: relative;
  padding: 30px; }
  .thread-wrapper > .child {
    margin-right: 0;
    margin-left: 0; }

.thread-wrapper.collapsed > .views-row .field--name-comment-body,
.thread-wrapper.collapsed > .views-row .comment__footer,
.child.collapsed > .views-row .field--name-comment-body,
.child.collapsed > .views-row .comment__footer {
  display: none; }

.thread-wrapper.collapsed > .views-row + .child,
.child.collapsed > .views-row + .child {
  display: none; }

.thread-wrapper.collapsed .child,
.child.collapsed .child {
  display: none; }

.comment__footer {
  display: flex;
  clear: both;
  padding-top: 10px;
  border-top: 1px solid #989C97; }
  .comment__footer .comment__user-data {
    flex: 0 0 40%;
    color: #555555; }
    .comment__footer .comment__user-data p {
      display: inline-block; }
      .comment__footer .comment__user-data p:first-of-type {
        margin-right: 20px; }
  .comment__footer .comment__actions {
    display: flex;
    flex: 0 0 60%;
    justify-content: flex-end; }

article.profile,
.comment__author,
.comment__time,
.comment__permalink {
  display: inline-block;
  vertical-align: top; }

[dir="rtl"] .comment__content:before {
  right: auto;
  left: 100%;
  border-right: none;
  border-left: 20px solid #d3d7d9; }

[dir="rtl"] .comment__content:after {
  right: auto;
  left: 100%;
  border-right: none;
  border-left: 20px solid #fff;
  margin-right: 0;
  margin-left: -1px; }

.views-row + .child {
  margin-top: 20px;
  margin-left: 30px; }

.child {
  margin-right: 20px;
  border-top: 1px solid #FFCB05;
  border-left: 1px solid #FFCB05; }
  .child + .child {
    margin-top: 30px;
    margin-left: 30px; }
  .child:nth-child(even) {
    border-color: #00274C; }

[dir="rtl"] .indented {
  margin-right: 40px;
  margin-left: 0; }

.comment .links {
  padding: 0 0 0.25em 0;
  margin-left: 30px; }
  .comment .links li {
    font-size: 1.08em;
    display: inline-block;
    padding: 0;
    border-radius: 0;
    background: transparent;
    margin-left: 10px; }
    .comment .links li:first-of-type {
      margin-left: 0; }
    .comment .links li.comment-edit a,
    .comment .links li.comment-delete a {
      border: 1px solid; }
    .comment .links li.comment-edit a:hover, .comment .links li.comment-edit a:focus {
      color: #036bdf; }
    .comment .links li.comment-delete a {
      color: #d43939; }
      .comment .links li.comment-delete a:hover, .comment .links li.comment-delete a:focus {
        color: #e27878; }
    .comment .links li.comment-reply a {
      background-color: #024794;
      color: #FFFFFF;
      border: 1px solid #024794; }
      .comment .links li.comment-reply a:hover, .comment .links li.comment-reply a:focus {
        background-color: #036bdf;
        border-color: #036bdf; }
    .comment .links li a {
      border-radius: 3px;
      padding: 5px 20px;
      display: inline-block;
      transition: all 0.3s ease; }

.views-field-read-more-button {
  margin-top: 10px; }

[dir="rtl"] .comment .links li {
  padding: 0 0 0 0.5em; }

.comment--unpublished {
  margin-right: 5px;
  /* LTR */
  padding: 5px 2px 5px 5px;
  /* LTR */
  background: #fff4f4; }

[dir="rtl"] .comment--unpublished {
  margin-left: 5px;
  margin-right: 0;
  padding: 5px 5px 5px 2px; }

/**
 * @todo: unpublished nodes have class .node--unpublished.
 * change this to .comment--unpublished.
 */
.unpublished {
  padding: 20px 15px 0; }
  .unpublished .comment-text .comment-arrow {
    border-left: 1px solid #fff4f4;
    border-right: 1px solid #fff4f4; }

.comment-footer {
  display: table-row; }

.comment--unpublished .comment__text:after,
.node--unpublished .comment__text:after {
  border-right-color: #fff4f4;
  /* LTR */ }

[dir="rtl"] .comment--unpublished .comment__content:after,
[dir="rtl"] .node--unpublished .comment__content:after {
  border-left-color: #fff4f4; }

@media screen and (max-width: 960px) {
  .comments .links {
    padding: 0;
    margin: 0; }
    .comments .links li a {
      padding: 2px; } }

@media screen and (max-width: 560px) {
  .child + .child {
    margin-left: 0; }
  .views-row + .child {
    margin-left: 0; }
  .comment__footer .comment__actions {
    display: block;
    flex: 0 0 100%; }
    .comment__footer .comment__actions .field.field--name-field-votes {
      display: block;
      width: 100%;
      margin-bottom: 10px; }
    .comment__footer .comment__actions .comment .links {
      margin-left: 0; }
    .comment__footer .comment__actions .comment-forbidden {
      margin-left: 0; }
  .comment__footer .comment__user-data {
    display: none; }
  .comment__content h3 {
    display: block;
    width: 100%; }
  .comment__content .comment__time {
    display: block;
    width: 100%; }
  .comment .links {
    margin-left: 0; }
    .comment .links li a {
      padding: 5px; } }

/**
 * @file
 * Contextual links styles for Bartik.
 */
.contextual-links a {
  border-bottom: none;
  text-shadow: 0 0 0; }

/**
 * @file
 * Visual styles for Bartik's block demonstration.
 */
.demo-block {
  background: #ffff66;
  border: 1px dotted #9f9e00;
  color: #000;
  font: 90% "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  margin: 5px;
  padding: 5px;
  text-align: center;
  text-shadow: none; }

.featured-top .demo-block {
  font-size: 0.55em; }

#block-donationblock {
  position: relative; }
  #block-donationblock h2 {
    font-size: 18px; }
  #block-donationblock p {
    margin-bottom: 0; }
    #block-donationblock p a {
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translateY(-50%);
      height: 26px; }
      #block-donationblock p a input {
        margin: 0;
        padding: 0; }
  #block-donationblock .content {
    padding: 0; }

.view-featured-article {
  /*MGB Mobile Styles*/ }
  .view-featured-article .views-field-nothing .field-content {
    display: flex;
    flex-wrap: wrap; }
  .view-featured-article .body-container {
    flex: 0 0 26%;
    padding-right: 15px;
    margin: 0 0 0 auto;
    background-color: #FFFFFF;
    position: relative; }
    .view-featured-article .body-container p {
      padding: 30px 35px 0;
      margin-bottom: 0; }
    .view-featured-article .body-container .field-content {
      padding: 10px; }
    .view-featured-article .body-container .views-more-link {
      color: #fff;
      padding: 5px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      background-color: #024794;
      display: block;
      width: 150px;
      margin: 10px 10px 20px 0;
      text-align: center; }
    .view-featured-article .body-container .comment-count-wrapper {
      width: 30px;
      position: absolute;
      text-align: center;
      color: #989C97;
      font-size: 14px;
      right: 18px;
      top: 18px; }
      .view-featured-article .body-container .comment-count-wrapper p {
        line-height: 1;
        margin-top: -5px;
        margin-bottom: 0;
        font-weight: normal;
        padding: 0; }
  .view-featured-article .container {
    flex: 0 0 74%;
    position: relative; }
    .view-featured-article .container::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.45);
      z-index: 1; }
  .view-featured-article .image-container {
    height: 100%;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center center; }
    .view-featured-article .image-container img {
      position: absolute;
      top: -9999px;
      right: -9999px;
      bottom: -9999px;
      left: -9999px;
      margin: auto;
      min-width: 100%;
      min-height: 100%;
      z-index: -1;
      max-width: none; }
  .view-featured-article .title-container {
    position: absolute;
    padding-left: 20px;
    bottom: 30px;
    font-size: 2em;
    z-index: 2;
    max-width: 65%; }
    .view-featured-article .title-container a {
      color: #FFFFFF; }
    .view-featured-article .title-container h1 {
      margin: 0;
      font-size: 60px;
      line-height: 56px; }
      .view-featured-article .title-container h1 a:hover {
        text-decoration: none;
        border: 0; }
    .view-featured-article .title-container .byline {
      color: #FFFFFF;
      font-size: 14px; }
      .view-featured-article .title-container .byline .authored-on {
        font-style: italic; }
  @media screen and (max-width: 1440px) {
    .view-featured-article .body-container {
      flex: 0 0 40%; }
    .view-featured-article .container {
      flex: 0 0 60%; } }
  @media screen and (max-width: 960px) {
    .view-featured-article .container,
    .view-featured-article .body-container {
      flex: 0 0 100%; }
    .view-featured-article .image-container {
      height: 300px;
      position: relative;
      overflow: hidden; } }

.featured-article-region {
  overflow: auto; }
  .featured-article-region .block .content {
    margin-top: 0; }

.main-ad-block {
  height: 90px; }
  .main-ad-block h1 {
    margin: 5px 10px; }

.block-ad-entity {
  text-align: center; }
  .block-ad-entity .b {
    border: none; }

.sidebar .block.block-ad-entity {
  box-shadow: none;
  border: none; }
  .sidebar .block.block-ad-entity .content {
    padding: 10px 0; }

#block-leaderboarddisplayconfig {
  margin: 5px; }

.block-ad-displaysidebar-endblock-display.fixed {
  position: fixed; }

@media screen and (max-width: 970px) {
  .main-ad-block {
    background-color: #00274C; } }

/**
 * @file
 * Visual styles for Bartik's dropbutton component.
 */
.js .dropbutton-widget {
  border: 1px solid;
  border-color: #e4e4e4 #d2d2d2 #b4b4b4 #d2d2d2;
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, #f3f3f3, #e8e8e8);
  background-image: linear-gradient(to bottom, #f3f3f3, #e8e8e8);
  color: #3a3a3a;
  cursor: pointer;
  text-align: center;
  margin: 0.125em 0;
  border-radius: 1em;
  overflow: hidden; }

.js .dropbutton-widget:hover {
  border-color: #e4e4e4 #d2d2d2 #b4b4b4 #d2d2d2; }

.js .dropbutton-widget .button {
  border: none;
  margin: 0;
  padding: 0.32em 1em;
  background: transparent none; }

.js .dropbutton-multiple .dropbutton-widget,
.js[dir="rtl"] .dropbutton-multiple .dropbutton-widget {
  padding: 0; }

.js .dropbutton-multiple .dropbutton-widget .dropbutton {
  padding-right: 2em;
  /* LTR */
  position: relative; }

.js[dir="rtl"] .dropbutton-multiple .dropbutton-widget .dropbutton {
  padding-right: 0;
  padding-left: 2em; }

.js .dropbutton-multiple .dropbutton-widget .dropbutton-action a {
  margin-right: 0;
  /* LTR */ }

[dir="rtl"].js .dropbutton-multiple .dropbutton-widget .dropbutton-action a {
  margin-left: 0; }

.js .dropbutton .secondary-action {
  border-top-color: #ccc; }

.js .dropbutton-toggle button {
  background-color: #e8e8e8;
  background-image: -webkit-linear-gradient(top, #e8e8e8, #d2d2d2);
  background-image: linear-gradient(to bottom, #e8e8e8, #d2d2d2); }

.js .dropbutton-toggle .dropbutton-arrow:hover {
  background: #ccc; }

.js .dropbutton a {
  color: #3a3a3a;
  border-bottom: 0 none; }

.js .dropbutton .dropbutton-action:hover,
.js .dropbutton a:hover {
  background: #dedede;
  border-bottom: 0 none; }

/**
 * @file
 * Visual styles for Bartik's featured top.
 */
.featured-top {
  text-align: center;
  font-size: 1.2em;
  font-weight: normal;
  line-height: 1.4;
  padding: 20px 10px 45px;
  margin: 0;
  background: #f0f0f0;
  background: rgba(30, 50, 10, 0.08);
  border-bottom: 1px solid #e7e7e7;
  text-shadow: 1px 1px #fff; }

.featured-top h2 {
  font-size: 1.2em;
  line-height: 1; }

.featured-top p {
  margin: 0;
  padding: 0; }

/*MGB Featured Stories Section*/
/* Four Story Panel*/
.region-four-story-panel .field__label {
  display: none; }

.region-four-story-panel .block {
  float: left;
  width: 25%;
  padding-bottom: 25%;
  position: relative; }

.region-four-story-panel .block .content {
  margin-top: 0;
  position: absolute;
  width: 100%;
  height: 100%; }

.region-four-story-panel .view-_-story-panel {
  width: 100%;
  height: 100%;
  position: absolute; }
  .region-four-story-panel .view-_-story-panel .feature-box > a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute; }
  .region-four-story-panel .view-_-story-panel .image-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center; }
    .region-four-story-panel .view-_-story-panel .image-wrapper::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      z-index: 1; }
  .region-four-story-panel .view-_-story-panel .title {
    font-size: 1.7em;
    font-size: calc(100% + 0.6vw);
    font-family: 'Roboto Slab'; }
    .region-four-story-panel .view-_-story-panel .title a {
      color: #FFFFFF; }
  .region-four-story-panel .view-_-story-panel .byline {
    color: #FFFFFF;
    width: 100%;
    font-style: italic;
    font-size: 14px; }

.region-four-story-panel .field--name-field-feature-box {
  width: 100%;
  height: 100%; }

.region-four-story-panel .field--name-field-feature-box > .field__item {
  position: relative;
  width: 100%;
  height: 100%; }
  .region-four-story-panel .field--name-field-feature-box > .field__item .paragraph {
    width: 100%;
    height: 100%; }
  .region-four-story-panel .field--name-field-feature-box > .field__item .image-wrapper {
    line-height: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center; }
    .region-four-story-panel .field--name-field-feature-box > .field__item .image-wrapper::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      z-index: 1; }
  .region-four-story-panel .field--name-field-feature-box > .field__item .field--type-image {
    width: 100%; }
    .region-four-story-panel .field--name-field-feature-box > .field__item .field--type-image img {
      margin-bottom: 0; }

.region-four-story-panel .feature-box-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  overflow: auto;
  color: rgba(70, 86, 96, 0.5);
  padding: 20px;
  z-index: 2; }
  .region-four-story-panel .feature-box-content > a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .region-four-story-panel .feature-box-content.no-byline .field--name-field-title {
    margin-bottom: 26px; }

.region-four-story-panel .field--name-field-title {
  color: #FFFFFF;
  width: 60%;
  font-size: 1.7em;
  font-size: calc(100% + 0.6vw);
  font-family: 'Roboto Slab'; }

.region-four-story-panel .field--name-field-byline {
  color: #FFFFFF;
  width: 100%;
  font-style: italic;
  font-size: 14px; }

@media screen and (min-width: 1440px) {
  .region-four-story-panel .block {
    overflow: hidden;
    padding-bottom: 350px; } }

@media screen and (max-width: 1140px) {
  .region-four-story-panel .field--name-field-title,
  .region-four-story-panel .view-_-story-panel .title {
    font-size: 1.1em;
    font-size: calc(100% + 0.3vw); } }

@media screen and (max-width: 970px) {
  .region-four-story-panel .block {
    overflow: hidden;
    /* min-height: 200px;*/
    width: 50%;
    padding-bottom: 50%; }
  .region-four-story-panel .field--name-field-title,
  .region-four-story-panel .view-_-story-panel .title {
    font-size: 1em;
    line-height: 1em; } }

@media screen and (max-width: 590px) {
  .region-four-story-panel .block {
    width: 100%;
    padding-bottom: 100%; }
    .region-four-story-panel .block:not(:nth-child(4)) {
      display: none; }
  .region-four-story-panel .field--name-field-title,
  .region-four-story-panel .view-_-story-panel .title {
    font-size: 1.1em;
    font-size: calc(100% + 0.3vw); } }

/**
 * @file
 * Feed icon styles for Bartik.
 */
.feed-icon {
  border-bottom: 1px solid transparent;
  display: inline-block;
  padding-bottom: 2px; }

.feed-icon:focus,
.feed-icon:hover {
  border-color: #018fe2; }

/**
 * @file
 * Visual styles for Bartik's field components.
 */
.field--type-entity-reference {
  margin: 0 0 1.2em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .field--type-entity-reference .field__label {
    font-weight: normal;
    margin: 0;
    padding-right: 5px;
    /* LTR */ }
  .field--type-entity-reference .field__label, .field--type-entity-reference ul.links {
    font-size: 0.8em; }
  .field--type-entity-reference ul.links {
    padding: 0;
    margin: 0;
    list-style: none; }
    .field--type-entity-reference ul.links li {
      float: left;
      /* LTR */
      padding: 0 1em 0 0;
      /* LTR */
      white-space: nowrap; }

[dir="rtl"] .field--type-entity-reference .field__label {
  padding-left: 5px;
  padding-right: 0; }

[dir="rtl"] .field--type-entity-reference ul.links {
  padding: 0; }
  [dir="rtl"] .field--type-entity-reference ul.links li {
    padding: 0 0 0 1em;
    float: right; }

.node--type-article .page-title {
  margin: 1em .5em;
  color: #024794; }

.node--type-article .node__meta, .node--type-article .node__content {
  margin: .5em 1em; }

.node--type-article .field--type-image img {
  width: 100%;
  margin: 0; }

.node--type-article .field--name-field-display-featured {
  display: none; }

.node--type-article blockquote {
  border-left: 3px solid #FFCB05;
  border-right: 3px solid #FFCB05;
  background-color: #fff;
  font-style: normal; }

.node--type-article h3.field__label {
  display: none; }

.node--type-article ul.links a {
  border: 1px solid #024794;
  padding: 10px 5px; }

.node--type-article ul.links .comment-add a {
  background-color: #024794;
  color: #fff; }

.node--type-article ul.links .comment-forbidden a {
  border: none; }

.node--type-article .comment-wrapper h2 {
  display: none; }

.content-wrapper {
  -webkit-box-shadow: 4px 5px 10px -5px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 4px 5px 10px -5px rgba(0, 0, 0, 0.6);
  box-shadow: 4px 5px 10px -5px rgba(0, 0, 0, 0.6);
  background-color: #fff;
  padding: 5px 15px; }

.block-views-blockarticle-comments-block-1 .view-content {
  margin-bottom: 30px; }

.block-views-blockarticle-comments-block-1 .views-row .indented {
  padding: 20px 20px 0 20px;
  margin-bottom: 0; }

.block-views-blockarticle-comments-block-1 .form--inline .form-actions {
  clear: none; }

.block-views-blockarticle-comments-block-1 .form-actions {
  margin: 0; }

.block-views-blockarticle-comments-block-1 #edit-submit-article-comments, .block-views-blockarticle-comments-block-1 .comment-reply {
  color: #fff;
  background-color: #024794;
  background-image: none;
  border: none;
  border-radius: 3px; }

.block-views-blockarticle-comments-block-1 .view-filters label {
  display: none; }

.block-views-blockarticle-comments-block-1 .view-filters .form-actions {
  padding-top: 0;
  margin: 0; }

.block-views-blockarticle-comments-block-1 .view-filters .form-item {
  margin-top: 0;
  margin-left: 10px; }

.block-views-blockarticle-comments-block-1 h3 a {
  color: #989C97; }

.comment-reply {
  float: right;
  padding: 10px 20px; }
  .comment-reply a {
    color: #fff; }
    .comment-reply a:hover {
      color: #fff; }
  .comment-reply:hover {
    background-color: #5D85B2; }

.comments-filter h1 {
  color: #024794; }

.node--view-mode-teaser .field--type-entity-reference .field__label,
.node--view-mode-teaser .field--type-entity-reference ul.links {
  font-size: 0.821em; }

/* This is required to win over specificity of [dir="rtl"] .region-content ul */
@media all and (min-width: 560px) {
  .node .field--type-image {
    float: left;
    /* LTR */ }
  [dir="rtl"] .node .field--type-image {
    float: right;
    margin: 0 0 0 1em; }
  .node .field--type-image + .field--type-image {
    clear: both; } }

.field--type-image img,
.field--name-user-picture img {
  margin: 0 0 1em; }

.field--type-image a {
  border-bottom: none; }

.field--name-field-tags,
.field--name-tags {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  overflow: auto;
  padding: 10px; }
  .field--name-field-tags .field__label,
  .field--name-tags .field__label {
    font-weight: normal;
    margin: 0;
    padding-right: 5px;
    /* LTR */ }
  .field--name-field-tags .field__label, .field--name-field-tags ul.links,
  .field--name-tags .field__label,
  .field--name-tags ul.links {
    font-size: 0.8em; }
  .field--name-field-tags ul.links,
  .field--name-field-tags .field__items,
  .field--name-tags ul.links,
  .field--name-tags .field__items {
    padding: 0;
    margin: 0; }
  .field--name-field-tags li,
  .field--name-field-tags .field__item,
  .field--name-tags li,
  .field--name-tags .field__item {
    float: left;
    /* LTR */
    padding: 0 1em 0 0;
    /* LTR */
    white-space: nowrap; }
  .field--name-field-tags a,
  .field--name-tags a {
    border: 1px solid #024794;
    padding: 10px 5px;
    font-size: 0.8em; }
  .field--name-field-tags .comment-add a,
  .field--name-tags .comment-add a {
    background-color: #024794;
    color: #fff; }

[dir="rtl"] .field--name-field-tags .field__label,
[dir="rtl"] .field--name-tags .field__label {
  padding-left: 5px;
  padding-right: 0; }

[dir="rtl"] .field--name-field-tags ul.links li,
[dir="rtl"] .field--name-tags ul.links li {
  padding: 0 0 0 1em;
  float: right; }

.node--view-mode-teaser .field--name-field-tags .field__label,
.node--view-mode-teaser .field--name-field-tags ul.links,
.node--view-mode-teaser .field--name-tags .field__label,
.node--view-mode-teaser .field--name-tags ul.links {
  font-size: 0.821em; }

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin-bottom: 1.2em;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/**
 * @file
 * Visual styles for Bartik's forms.
 */
/* Password field. */
.password-field {
  margin: 0; }

/* Form elements. */
form {
  margin: 0;
  padding: 0; }

.form-item {
  margin: .5em; }

fieldset {
  margin: 1em 0;
  min-width: 0; }

/**
 * We've temporarily added this Firefox specific rule here to fix fieldset
 * widths.
 * @todo remove once this Mozilla bug is fixed.
 * See https://bugzilla.mozilla.org/show_bug.cgi?id=504622
 */
@-moz-document url-prefix() {
  fieldset {
    display: table-cell; } }

details,
fieldset,
.filter-wrapper {
  border-radius: 4px; }

.filter-wrapper {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.filter-help a {
  font-size: 0.857em; }

.filter-wrapper .form-item label {
  margin-right: 10px;
  /* LTR */ }

[dir="rtl"] .filter-wrapper .form-item label {
  margin-left: 10px;
  margin-right: 0; }

summary {
  background: #dbdbdb;
  color: #3b3b3b;
  text-shadow: 0 1px 0 #fff; }

details summary a {
  color: #3b3b3b; }

details summary a:hover,
details summary a:active,
details summary a:focus {
  color: #000; }

details .details-description {
  font-style: italic; }

label {
  display: table;
  font-weight: bold; }

label[for] {
  cursor: pointer; }

input,
textarea,
select {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; }

input {
  margin: 2px 0;
  padding: 4px;
  /* Keep form elements from overflowing their containers. */
  max-width: 100%;
  box-sizing: border-box; }

input,
textarea {
  font-size: 0.929em; }

/**
 * Make the font slightly bigger in mobile
 * @todo: check the correct font-size
 */
@media screen and (max-width: 60em) {
  /* 920px */
  input,
  textarea {
    font-size: 16px; } }

textarea {
  line-height: 1.5; }

textarea.form-textarea,
select.form-select {
  padding: 4px; }

input.form-text,
input.form-tel,
input.form-email,
input.form-url,
input.form-search,
input.form-file,
input.form-number,
input.form-color,
textarea.form-textarea,
select.form-select {
  border: 1px solid #ccc;
  color: #3b3b3b; }

input.form-submit:hover,
input.form-submit:focus {
  background: #dedede; }

.password-suggestions ul li {
  margin-left: 1.2em;
  /* LTR */ }

[dir="rtl"] .password-suggestions ul li {
  margin-right: 1.2em;
  margin-left: 0; }

.form-item label,
.form-wrapper .label {
  font-size: 0.929em; }

.form-wrapper .field-multiple-table .label {
  font-size: inherit; }

.form-type-radio label,
.form-type-checkbox label {
  margin-left: 4px;
  /* LTR */ }

[dir="rtl"] .form-type-radio label,
[dir="rtl"] .form-type-checkbox label {
  margin-right: 4px;
  margin-left: 0; }

.form-type-radio .description,
.form-type-checkbox .description {
  margin-left: 2px;
  /* LTR */ }

[dir="rtl"] .form-type-radio .description,
[dir="rtl"] .form-type-checkbox .description {
  margin-right: 2px;
  margin-left: 0; }

.form-actions {
  padding-top: 10px; }

/* Node Form */
#edit-body {
  margin-bottom: 2em; }

.node-form label,
.node-form .description,
.node-form .form-wrapper .label {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

.node-form .form-wrapper .field-multiple-table .label {
  font-family: inherit; }

.node-form .form-wrapper {
  margin-bottom: 2em; }

/* Contact Form */
.contact-form #edit-name, .contact-form #edit-mail, .contact-form #edit-subject {
  width: 75%;
  border-radius: 4px; }

.contact-form #edit-message {
  width: 76.3%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

/* Disabled form elements */
.form-disabled input,
.form-disabled select,
.form-disabled textarea {
  background: #ededed;
  border-color: #bbb;
  color: #717171; }

.form-disabled label {
  color: #717171; }

/* Comment form */
.comment-form label {
  float: left;
  /* LTR */
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.929em;
  width: 120px; }

[dir="rtl"] .comment-form label {
  float: right; }

.comment-form input,
.comment-form .form-select {
  margin: 0;
  border-radius: 4px; }

.comment-form .form-type-textarea label {
  float: none; }

.comment-form .form-item,
.comment-form .form-radios,
.comment-form .form-type-checkbox,
.comment-form .form-select {
  margin-bottom: 10px;
  overflow: hidden; }

.comment-form .form-type-checkbox,
.comment-form .form-radios {
  margin-left: 120px;
  /* LTR */ }

[dir="rtl"] .comment-form .form-type-checkbox,
[dir="rtl"] .comment-form .form-radios,
[dir="rtl"] .comment-form .form-item .description {
  margin-left: 0;
  margin-right: 120px; }

.comment-form .form-type-checkbox label,
.comment-form .form-radios label {
  float: none;
  margin-top: 0; }

.comment-form input.form-file {
  width: auto; }

.layout-no-sidebars .comment-form .form-text {
  width: 800px; }

.layout-one-sidebar .comment-form .form-text {
  width: 500px; }

.layout-two-sidebars .comment-form .form-text {
  width: 320px; }

.comment-form .form-item .description {
  font-size: 0.786em;
  line-height: 1.2;
  margin-left: 120px;
  /* LTR */ }

.comment-form .form-textarea {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.comment-form details.filter-wrapper .details-wrapper,
.comment-form .text-format-wrapper .form-item {
  margin-top: 0;
  margin-bottom: 0; }

.filter-wrapper label {
  width: auto;
  float: none; }

.filter-wrapper .form-select {
  min-width: 120px; }

.comment-form details.filter-wrapper .tips {
  font-size: 0.786em; }

#comment-body-add-more-wrapper .form-type-textarea label {
  margin-bottom: 0.4em; }

#edit-actions input {
  margin-right: 0.6em;
  /* LTR */ }

[dir="rtl"] #edit-actions input {
  margin-left: 0.6em;
  margin-right: 0; }

/* Form error styles. */
.form-item textarea.error + .cke {
  border: 2px solid red; }

/* Form error message styles. */
.form-item--error-message {
  color: #e32700; }

#coupon-wrapper .button {
  margin-top: 26px; }

/**
 * Improve form element usability on narrow devices.
 */
@media all and (max-width: 600px) {
  #coupon-wrapper .button {
    margin-top: 0; }
  .form-actions .button {
    float: none;
    margin: 10px 0 0;
    padding-bottom: 6px;
    width: 100%;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; }
  .js .dropbutton .dropbutton-action > input, .js .dropbutton .dropbutton-action > a, .js .dropbutton .dropbutton-action > button {
    text-align: center;
    padding-left: 3em; } }

/**
 * @file
 * Visual styles for forums in Bartik.
 */
.forum__name {
  font-size: 1.083em; }

.forum__description {
  font-size: .5em; }

.node__content .field--name-forums,
.node__content .field--name-sport,
.node__content .field--name-user-tags {
  float: left; }

/**
Styling specific to the front page
*/
.path-frontpage article.node {
  display: none; }

/* ------------------ Header ------------------ */
#header {
  color: #fff;
  background-color: #00274C; }

.header .section {
  position: relative;
  margin: 0;
  max-width: 1280px;
  margin: auto; }

#block-frontpagelogoheader {
  float: left;
  margin: 0;
  width: calc(100% - 210px);
  height: 260px;
  clear: none;
  background: url("/sites/default/files/banner/banner.png") no-repeat center center;
  background-size: cover;
  color: transparent; }

.region.region-header {
  overflow: auto; }

.region-header .site-branding {
  margin-top: 0.429em; }

.region.region-secondary-menu div.block:first-child {
  text-align: center;
  padding: 16px 0; }

.hero-articles, .highlighted {
  max-width: 1280px;
  margin: auto; }

@media all and (min-width: 461px) {
  .region-header .block {
    float: right;
    /* LTR */
    margin-top: 0.357em; }
  [dir="rtl"] .region-header .block {
    float: left; }
  .region-header .site-branding {
    float: left;
    /* LTR */
    /* margin-bottom: 1.857em;*/ }
  [dir="rtl"] .region-header .site-branding {
    float: right; } }

@media screen and (max-width: 960px) {
  .region-header {
    padding-bottom: 0.357em; } }

/* Region header blocks. */
.region-header .block:not(.site-branding) {
  font-size: 0.857em;
  margin: 0 0 1em;
  clear: right; }

@media all and (min-width: 960px) {
  .region-header .block:not(.site-branding) {
    margin: 1.167em 0 1em; } }

.region-header .block > h2 {
  /* @extend .visually-hidden */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px; }

.header .block .content {
  margin: 0;
  padding: 0; }

.region-header .block ul {
  padding: 0; }

.region-header .block li {
  list-style: none;
  list-style-image: none;
  padding: 0; }

.region-header .branding {
  font-size: 1em; }

.region-header .form-text {
  background: #fefefe;
  background: rgba(255, 255, 255, 0.7);
  border-color: #ccc;
  border-color: rgba(255, 255, 255, 0.3);
  margin-right: 2px;
  /* LTR */
  width: 120px; }

[dir="rtl"] .region-header .form-text {
  margin-left: 2px;
  margin-right: 0; }

.region-header .form-text:hover,
.region-header .form-text:focus,
.region-header .form-text:active {
  background: #fff;
  background: rgba(255, 255, 255, 0.8); }

.region-header .form-required:after {
  background-image: url(../../images/required.svg); }

/* Region header block menus. */
.region-header .block-menu {
  border: 1px solid;
  border-color: #eee;
  border-color: rgba(255, 255, 255, 0.2);
  padding: 0;
  width: 208px; }

.region-header .block-menu li a {
  display: block;
  border-bottom: 1px solid;
  border-bottom-color: #eee;
  border-bottom-color: rgba(255, 255, 255, 0.2);
  padding: 3px 7px; }

.region-header .block-menu li a:hover,
.region-header .block-menu li a:focus,
.region-header .block-menu li a:active {
  text-decoration: none;
  background: rgba(255, 255, 255, 0.15); }

.region-header .block-menu li:last-child a {
  border-bottom: 0; }

/* User Login block in the header region. */
.region-header #block-user-login {
  width: auto; }

.region-header #block-user-login .content {
  margin-top: 2px; }

.region-header #block-user-login .form-item {
  float: left;
  /* LTR */
  margin: 0;
  padding: 0; }

.region-header #block-user-login div.item-list,
.region-header #block-user-login div.description {
  font-size: 0.916em;
  margin: 0; }

.region-header #block-user-login div.item-list {
  clear: both; }

.region-header #block-user-login div.description {
  display: inline; }

.region-header #block-user-login .item-list ul {
  padding: 0;
  line-height: 1; }

.region-header #block-user-login .item-list li {
  list-style: none;
  float: left;
  /* LTR */
  padding: 3px 0 1px; }

.region-header #block-user-login .item-list li:last-child {
  padding-left: 0.5em;
  /* LTR */ }

[dir="rtl"] .region-header #block-user-login .item-list li:last-child {
  padding-left: 0;
  padding-right: 0.5em; }

.region-header #block-user-login .form-actions {
  margin: 4px 0 0;
  padding: 0;
  clear: both; }

.region-header #block-user-login input.form-submit {
  border: 1px solid;
  border-color: #ccc;
  border-color: rgba(255, 255, 255, 0.5);
  background: #eee;
  background: rgba(255, 255, 255, 0.7);
  margin: 4px 0;
  padding: 3px 8px; }

.region-header #block-user-login input.form-submit:hover,
.region-header #block-user-login input.form-submit:focus {
  background: #fff;
  background: rgba(255, 255, 255, 0.9); }

/* Search block in header region. */
.region-header #block-search-form {
  width: 208px; }

.region-header #block-search-form .form-text {
  width: 154px; }

.region-header .search-block-form {
  float: right;
  /* LTR */ }

[dir="rtl"] .region-header .search-block-form {
  float: left; }

/* Language switcher block in header region. */
.region-header .block-locale ul li {
  display: inline;
  padding: 0 0.5em; }

[role*=banner] a {
  border-bottom: none; }

[dir="rtl"] .branding,
[dir="rtl"] .site-logo,
[dir="rtl"] .site-branding-text,
[dir="rtl"] .region-header #block-user-login .form-item,
[dir="rtl"] .region-header #block-user-login .item-list li {
  float: right; }

/*Tablet Styles for Header*/
@media all and (max-width: 970px) {
  #block-frontpagelogoheader {
    display: none; } }

/**
 * @file
 * Styles for the help block.
 */
.block-help {
  border: 1px solid #d3d7d9;
  padding: 0 1.5em;
  margin-bottom: 30px; }

/**
 * @file
 * Styles for Bartik's highlighted component.
 */
.has-featured-top .region-highlighted {
  background: #f0f0f0;
  background: rgba(30, 50, 10, 0.08); }

.region-highlighted {
  margin: 0 15px; }

/**
 * @file
 * Visual styles for Bartik's item list.
 */
.item-list ul {
  list-style: none;
  margin: 0 0 0.25em 0;
  padding: 0;
  /* LTR */ }

[dir="rtl"] .item-list ul {
  padding: 0; }

.item-list ul li {
  /* This is needed to reset styles in item-list.theme.css */
  margin: 0;
  padding: 0.2em 0.5em 0 0;
  /* LTR */ }

[dir="rtl"] .item-list ul li {
  /* This is needed to reset [dir="rtl"] styles in item-list.theme.css */
  margin: 0;
  padding: 0.2em 0 0 0.5em; }

.item-list .item-list__comma-list,
.item-list .item-list__comma-list li,
[dir="rtl"] .item-list .item-list__comma-list,
[dir="rtl"] .item-list .item-list__comma-list li {
  padding: 0; }

/**
 * @file
 * List group.
 * A list of links, grouped together.
 */
.list-group__link {
  border-top: 1px solid #ccc;
  padding: 7px 0 0; }

.list-group__description {
  margin: 0 0 10px; }

/**
 * @file
 * Visual styles for Bartik's lists.
 */
ul.links {
  color: #68696b;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.821em;
  padding: 0;
  margin: 0;
  list-style: none; }

/**
 * @file
 * Visual styles for Bartik's main-content component.
 */
.main-content .section {
  padding: 0; }

.main-content h2 {
  margin-bottom: 2px;
  font-size: 1.429em;
  line-height: 1.4; }

@media all and (min-width: 851px) {
  .main-content {
    float: left;
    /* LTR */
    position: relative;
    padding-right: 15px; }
  [dir="rtl"] .main-content {
    float: right; }
  .layout-two-sidebars .main-content {
    margin-left: 25%;
    margin-right: 25%;
    width: 50%; }
  .layout-one-sidebar .main-content {
    width: 70%;
    min-width: 728px; }
  .layout-no-sidebars .main-content {
    width: 100%; }
  .layout-sidebar-first .main-content {
    margin-left: 30%;
    /* LTR */
    margin-right: 0;
    /* LTR */ }
  [dir="rtl"] .layout-sidebar-first .main-content {
    margin-left: 0;
    margin-right: 30%; }
  .layout-sidebar-second .main-content {
    margin-right: 300px;
    /* LTR */
    margin-left: 0;
    /* LTR */ }
  [dir="rtl"] .layout-sidebar-second .main-content {
    margin-right: 0;
    margin-left: 30%; } }

@media all and (max-width: 1040px) {
  .layout-one-sidebar .main-content {
    width: 70%;
    min-width: auto; } }

@media all and (max-width: 1000px) {
  .layout-one-sidebar .main-content {
    width: 67%; } }

@media all and (max-width: 970px) {
  .layout-one-sidebar .main-content {
    width: 64%; } }

@media all and (max-width: 851px) {
  .layout-one-sidebar .main-content {
    width: 100%; } }

/**
 * @file
 * Styles for menus in Bartik.
 */
/* This is needed to override ul.menu styles in menu.theme.css */
ul.menu {
  margin: 0;
  padding: 0 0 0.25em 1em; }

/* This is needed to override [dir="rtl"] ul.menu styles in menu.theme.css */
[dir="rtl"] ul.menu {
  margin: 0; }

/**
 * @file
 * Styles for Bartik's messages.
 */
.messages__wrapper {
  padding: 20px 0 5px 8px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 8px 0; }

[dir="rtl"] .messages__wrapper {
  padding: 20px 8px 5px 0; }

/**
 * @file
 * Visual styles for mgoblog's node component.
 */
.node__content {
  font-size: 1.071em;
  margin-top: 10px; }
  .node__content .field--name-body a {
    text-decoration: underline; }

/* View mode full styles */
.node--view-mode-full .field--type-image {
  float: none; }

/* View mode teaser styles. */
.node--view-mode-teaser {
  margin-bottom: 30px;
  padding-bottom: 15px;
  background-color: #ffffff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 5px solid #FFCB05; }
  .node--view-mode-teaser h2 {
    font-size: 28px;
    font-weight: bold;
    margin-top: 0;
    padding-top: 0.5em; }
    .node--view-mode-teaser h2 a {
      color: #024794; }
  .node--view-mode-teaser.node--sticky {
    background: #f9f9f9;
    background: rgba(0, 0, 0, 0.024);
    border: 1px solid #d3d7d9;
    padding: 0 15px 15px; }
  .node--view-mode-teaser .node__content {
    clear: none;
    font-size: 1em;
    line-height: 1.6; }

/* Node metadata styles. */
.node__meta {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.857em;
  color: #68696b;
  margin-bottom: -5px; }
  .node__meta .field--name-user-picture img {
    float: left;
    /* LTR */
    margin: 1px 20px 0 0;
    /* LTR */ }

/* Image Caption */
.views-field-field-photo-caption-1,
.field--name-field-photo-caption-1 {
  margin: 0;
  padding-top: 10px;
  font: italic .857em "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center; }

article .node__meta .field--name-user-picture img {
  display: none !important; }

[dir="rtl"] .node__meta .field--name-user-picture img {
  float: right;
  margin-left: 20px;
  margin-right: 0; }

/* Node links styles. */
.node__links {
  text-align: right;
  /* LTR */
  font-size: 0.93em;
  overflow: auto;
  padding: 10px 0; }

[dir="rtl"] .node__links {
  text-align: left; }

/* Unpublished node styles. */
.node--unpublished {
  padding: 20px 15px 0; }

.node--unpublished .comment-text .comment-arrow {
  border-left: 1px solid #fff4f4;
  border-right: 1px solid #fff4f4; }

.node-preview-container {
  background: #d1e8f5;
  background-image: -webkit-linear-gradient(top, #d1e8f5, #d3e8f4);
  background-image: linear-gradient(to bottom, #d1e8f5, #d3e8f4);
  font-family: Arial, sans-serif;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3333);
  position: fixed;
  z-index: 499;
  width: 100%;
  padding: 10px; }

.node-preview-backlink {
  background-color: #419ff1;
  background: url(../../../core/misc/icons/000000/chevron-left.svg) left no-repeat, -webkit-linear-gradient(top, #419ff1, #1076d5);
  background: url(../../../core/misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #419ff1, #1076d5);
  /* LTR */
  border: 1px solid #0048c8;
  border-radius: .4em;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  color: #fff;
  font-size: 0.9em;
  line-height: normal;
  margin: 0;
  padding: 4px 1em 4px 0.6em;
  /* LTR */
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); }

[dir="rtl"] .node-preview-backlink {
  background: url(../../../core/misc/icons/000000/chevron-right.svg) right no-repeat, -webkit-linear-gradient(top, #419ff1, #1076d5);
  background: url(../../../core/misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #419ff1, #1076d5);
  padding: 4px 0.6em 4px 1em;
  float: right; }

.node-preview-backlink:focus,
.node-preview-backlink:hover {
  background-color: #419cf1;
  background: url(../../../core/misc/icons/000000/chevron-left.svg) left no-repeat, -webkit-linear-gradient(top, #59abf3, #2a90ef);
  background: url(../../../core/misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #59abf3, #2a90ef);
  /* LTR */
  border: 1px solid #0048c8;
  text-decoration: none;
  color: #fff; }

[dir="rtl"] .node-preview-backlink:focus,
[dir="rtl"] .node-preview-backlink:hover {
  background: url(../../../core/misc/icons/000000/chevron-right.svg) right no-repeat, -webkit-linear-gradient(top, #59abf3, #2a90ef);
  background: url(../../../core/misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #59abf3, #2a90ef); }

.node-preview-backlink:active {
  background-color: #0e69be;
  background: url(../../../core/misc/icons/000000/chevron-left.svg) left no-repeat, -webkit-linear-gradient(top, #0e69be, #2a93ef);
  background: url(../../../core/misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #0e69be, #2a93ef);
  /* LTR */
  border: 1px solid #0048c8;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); }

[dir="rtl"] .node-preview-backlink:active {
  background: url(../../../core/misc/icons/000000/chevron-right.svg) right no-repeat, -webkit-linear-gradient(top, #0e69be, #2a93ef);
  background: url(../../../core/misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #0e69be, #2a93ef); }

.node-preview-backlink::before {
  content: '';
  width: 10px;
  display: inline-block; }

/**
 * @file
 * Visual styles for Bartik's page-title component.
 */
.page-title {
  font-size: 2em;
  line-height: 1em; }
  .page-title.node__title {
    display: none; }

article .page-title > span {
  width: 80%;
  display: inline-block; }

article .page-title > a {
  float: right; }
  article .page-title > a img.comment-icon {
    margin-top: 0 !important; }
  article .page-title > a:hover {
    color: transparent; }

/**
 * @file
 * Styles for Bartik's pagination.
 */
/* Using .pager selector on the first one to override .region-content ul. */
.pager .pager__items {
  padding: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

.pager__item {
  font-size: 0.929em;
  padding: 10px 15px; }

.pager__item a {
  display: inline-block; }

.pager__item.is-active a {
  color: #3b3b3b;
  border-bottom: 0; }

.pager__item--first,
.pager__item--previous {
  padding: 10px 10px 10px 0;
  /* LTR */ }

[dir="rtl"] .pager__item--first,
[dir="rtl"] .pager__item--previous {
  padding-left: 10px;
  padding-right: 0; }

.pager__item--ellipsis {
  padding: 10px 0; }

.pager__item--last,
.pager__item--next {
  padding: 10px 0 10px 10px;
  /* LTR */ }

[dir="rtl"] .pager__item--last,
[dir="rtl"] .pager__item--next {
  padding-left: 0;
  padding-right: 10px; }

/**
 * @file
 * Panel styling. Panels are used to visually group items together.
 */
.panel {
  background: #fbfbfb;
  border: 1px solid #ccc;
  margin: 10px 0;
  padding: 0 5px 5px; }

.panel__title {
  margin: 16px 7px; }

.panel__content {
  padding: 0 4px 2px 8px;
  /* LTR */ }

[dir="rtl"] .panel__content {
  padding-right: 8px;
  padding-left: 4px; }

/* --------------- Primary Menu ------------ */
.region-primary-menu {
  clear: both; }
  .region-primary-menu * {
    box-sizing: border-box; }
  .region-primary-menu .block-search {
    width: 20%;
    float: right;
    margin: 0;
    align-self: center; }

.region-primary-menu .menu {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 17px;
  font-weight: bold;
  padding: 0;
  text-align: left;
  /* LTR */
  float: left;
  width: 100%; }
  .region-primary-menu .menu.close {
    display: none; }
  .region-primary-menu .menu.open {
    display: block; }
  .region-primary-menu .menu .menu-item.menu-item--expanded > a:after {
    content: "";
    background: url("../images/icon-arrow-down.svg") no-repeat right center;
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px; }
  .region-primary-menu .menu a {
    padding: 0.7em 0.8em; }
  .region-primary-menu .menu .menu-item--expanded .menu {
    display: none;
    position: absolute;
    top: 46px;
    z-index: 2000;
    left: 0;
    width: 250px; }
    .region-primary-menu .menu .menu-item--expanded .menu li {
      width: 100%;
      display: block;
      text-align: left; }
      .region-primary-menu .menu .menu-item--expanded .menu li a {
        float: none;
        width: 100%; }

.region-primary-menu .menu-item {
  float: none;
  list-style: none;
  margin: 0;
  padding: 0;
  height: auto;
  display: inline-block;
  position: relative;
  overflow: visible; }

.region-primary-menu .menu a {
  float: none;
  display: block;
  text-decoration: none;
  padding: 0.9em 0 0.9em 10px;
  /* LTR */ }

.region-primary-menu .menu a:hover,
.region-primary-menu .menu a:focus {
  background: #5D85B2; }

.region-primary-menu .menu-item a.is-active {
  border-bottom: none;
  color: #fff; }

#block-frontpagelogoheader .field--name-body.field--type-text-with-summary.field__item {
  height: 250px; }

#block-frontpagelogoheader a {
  width: inherit;
  height: 250px;
  display: block;
  color: transparent; }

.view-user-replies-count {
  display: none; }

.primary-menu-wrapper.stickynav-active {
  left: 0; }

/* ---------- Primary Menu Toggle ----------- */
.region-primary-menu .menu-toggle,
.account-open,
.search-open,
.mobile-logo,
.menu-toggle,
.menu-toggle-target {
  display: none; }

/**
 * Media queries for primary menu.
 */
@media all and (max-width: 1250px) {
  .region-primary-menu .menu a {
    font-size: 16px;
    padding: 0 0.4em; }
  .region-primary-menu .block-search .search-form {
    padding-right: 0;
    margin-right: 10px; }
    .region-primary-menu .block-search .search-form .form-search {
      width: 100px; } }

@media all and (min-width: 970px) {
  .region-primary-menu .menu {
    margin: 0 5px;
    padding: 0;
    text-align: center; }
    .region-primary-menu .menu a {
      float: none;
      display: block;
      margin-bottom: 5px; } }

@media all and (min-width: 970px) {
  .primary-menu-wrapper {
    background: #00274C;
    font-size: 0;
    box-sizing: border-box; }
    .primary-menu-wrapper .region-primary-menu {
      background: #00274C;
      margin: 0 auto;
      display: flex;
      justify-content: space-between; }
    .primary-menu-wrapper,
    .primary-menu-wrapper .site-branding__logo {
      transition: all 0.5s; }
    .primary-menu-wrapper .site-branding__logo {
      opacity: 0; }
    .primary-menu-wrapper.stickynav-active {
      max-width: 100%;
      padding: 0 15px; }
      .primary-menu-wrapper.stickynav-active .site-branding__text {
        display: none; }
      .primary-menu-wrapper.stickynav-active .site-branding__logo {
        width: 187px;
        opacity: 1;
        margin-top: 6px; }
    .primary-menu-wrapper .menu-item--expanded:hover .menu,
    .primary-menu-wrapper .menu-item--expanded:focus .menu {
      display: block; }
    .primary-menu-wrapper .block-google-cse,
    .primary-menu-wrapper .block-search,
    .primary-menu-wrapper .block-menu,
    .primary-menu-wrapper .site-branding {
      display: inline-block;
      vertical-align: middle; }
    .primary-menu-wrapper .block-google-cse,
    .primary-menu-wrapper .block-search {
      text-align: right;
      font-size: 14px; }
      .primary-menu-wrapper .block-google-cse .form-item,
      .primary-menu-wrapper .block-search .form-item {
        margin: 0;
        font-size: 16px; }
        .primary-menu-wrapper .block-google-cse .form-item label,
        .primary-menu-wrapper .block-search .form-item label {
          display: none; }
      .primary-menu-wrapper .block-google-cse .form-submit,
      .primary-menu-wrapper .block-search .form-submit {
        text-indent: -9999px;
        background: #FFFFFF url(../../../core/misc/icons/505050/loupe.svg) no-repeat center;
        display: none; }
      .primary-menu-wrapper .block-google-cse .search-form .form-search,
      .primary-menu-wrapper .block-search .search-form .form-search {
        float: none;
        height: 16px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        text-align: right;
        padding: .25em 25px .25em 0;
        background: #fff url("../../../core/misc/icons/505050/loupe.svg") no-repeat right;
        margin-right: 20px;
        line-height: 41px; }
    .primary-menu-wrapper .block-system-branding-block {
      align-self: center;
      margin-left: 10px;
      line-height: 16px; }
  .region-primary-menu .block-menu .menu {
    font-size: 17px;
    margin: 0;
    float: right;
    background-color: #00274C;
    display: flex; }
    .region-primary-menu .block-menu .menu.open {
      position: absolute;
      top: 300px;
      z-index: 3000; }
  .region-primary-menu .menu a {
    float: left;
    margin-bottom: 0;
    color: #fff; }
  .region-primary-menu .menu > .menu-item > a {
    padding: .25em;
    font-size: 88%;
    line-height: 41px;
    margin: 0 .25em; }
  .featured .region-primary-menu .menu-item a:active,
  .featured .region-primary-menu .menu-item a.is-active {
    background: #f0f0f0;
    background: #f0f0f0; } }

/**
 * Ensures that the open mobile menu hides when the screen dimensions become
 * 461px or wider.
 */
@media all and (max-width: 970px) {
  .region-primary-menu .block-search, div#block-mgoblog-branding, #block-views-block-account-view-block-1 {
    display: none; }
  #block-views-block-account-view-block-1.open {
    display: block;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 2000;
    top: 55px; }
  .region-primary-menu .account-open {
    padding: 12px; }
    .region-primary-menu .account-open:after {
      content: url("../../mgoblog/images/Icon_User.svg"); }
  .region-primary-menu .search-open {
    padding: 13px; }
    .region-primary-menu .search-open:after {
      content: url("../../mgoblog/images/135-search.svg"); }
  .region-primary-menu .account-open, .region-primary-menu .search-open {
    height: 50px;
    width: 50px;
    float: right;
    color: transparent;
    border-color: transparent;
    background-color: transparent; }
    .region-primary-menu .account-open:focus, .region-primary-menu .search-open:focus {
      outline: none; }
    .region-primary-menu .account-open.open, .region-primary-menu .search-open.open {
      background-color: #5D85B2; }
  .region-primary-menu .mobile-logo {
    display: inline-block;
    background: url(../../mgoblog/logo.svg) no-repeat;
    color: transparent;
    height: 35px;
    width: 127px;
    vertical-align: top;
    margin-top: 10px; }
  .region-primary-menu .block-search.open {
    display: block;
    background-color: #5D85B2;
    overflow: auto;
    width: 100%; }
  .region-primary-menu .block-search {
    width: 100%; }
  .region-primary-menu .menu-toggle-target {
    display: inline-block;
    position: relative;
    top: 0;
    height: 50px;
    width: 50px; }
    .region-primary-menu .menu-toggle-target#hide-block-mgoblog-main-menu {
      display: none; }
    .region-primary-menu .menu-toggle-target:after {
      content: "";
      background: url(../../../core/misc/icons/ffffff/hamburger.svg) no-repeat;
      background-size: contain;
      width: 22px;
      height: 22px;
      display: inline-block;
      margin: 10px; }
  .region-primary-menu .menu-item {
    display: block;
    width: 100%; }
    .region-primary-menu .menu-item a {
      background-color: rgba(0, 0, 0, 0.9);
      background: rgba(0, 0, 0, 0.9);
      color: white;
      padding: .8em; }
      .region-primary-menu .menu-item a.is-active {
        background-color: rgba(0, 0, 0, 0.9);
        background: rgba(0, 0, 0, 0.9);
        color: white; }
      .region-primary-menu .menu-item a:hover, .region-primary-menu .menu-item a:focus {
        background-color: rgba(0, 0, 0, 0.8);
        background: rgba(0, 0, 0, 0.8);
        color: white; }
    .region-primary-menu .menu-item.menu-item--expanded {
      border-bottom: 1px solid #fff;
      display: block;
      width: 100%; }
      .region-primary-menu .menu-item.menu-item--expanded > a:after {
        float: right;
        margin-right: 30px; }
      .region-primary-menu .menu-item.menu-item--expanded .menu {
        margin-top: 2px;
        position: static;
        top: 0;
        float: none;
        width: 100%; }
      .region-primary-menu .menu-item.menu-item--expanded.open .menu {
        display: block; }
  .region-primary-menu .account-open,
  .region-primary-menu .search-open {
    display: block; }
  .region-primary-menu .clearfix.menu {
    display: none; }
  .region-primary-menu .clearfix.menu.open {
    display: block; }
  #header {
    background-color: #00274C; }
    #header .wrapper {
      overflow: auto;
      background-color: #00274C; } }

/**
 * @file
 * The visual styles for Bartik's search form(s).
 */
.search-form {
  font-size: inherit; }

.search-form .form-search {
  float: left;
  /* LTR */ }

[dir="rtl"] .search-form .form-search {
  float: right;
  margin-left: 5px;
  margin-right: 0; }

.button.search-form__submit,
.search-form__submit {
  background: #f0f0f0 url(../../../core/misc/icons/505050/loupe.svg) no-repeat center;
  cursor: pointer;
  height: 26px;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
  padding: 0;
  text-indent: -9999px;
  direction: ltr;
  width: 34px; }

.button.search-form__submit:hover,
.search-form__submit:hover,
.button.search-form__submit:focus,
.search-form__submit:focus {
  background: #dedede url(../../../core/misc/icons/424242/loupe.svg) no-repeat center; }

.search-form .form-item-keys label {
  display: block; }

/**
 * @file
 * Visual styles for Bartik's search results.
 */
.search-results {
  padding: 0;
  list-style-position: inside; }

.search-results li {
  border-bottom: 1px solid #d3d7d9;
  padding-bottom: 0.4285em;
  margin-bottom: 0.5em; }

.search-results li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 1em; }

.search-result__title {
  font-weight: bold; }

.search-result__snippet-info {
  padding-left: 0;
  /* LTR */ }

[dir="rtl"] .search-result__snippet-info {
  padding-right: 0; }

/* --------------- Secondary Menu ------------ */
.region-secondary-menu {
  overflow: hidden; }
  .region-secondary-menu .views-field-field-points, .region-secondary-menu .views-field-comment-count, .region-secondary-menu .view-id-user_replies_count {
    font-weight: bold;
    margin: auto;
    width: 88%; }
  .region-secondary-menu .field--type-decimal {
    display: inline-block; }

.region-secondary-menu .menu {
  text-align: right;
  /* LTR */
  font-size: 0.929em;
  margin: 0 10px;
  padding: 0; }

[dir="rtl"] .region-secondary-menu .menu {
  text-align: left;
  margin-right: 10px;
  /* required to win over specificity of [dir="rtl"] ul.menu */
  margin-left: 10px; }

.region-secondary-menu .menu-item {
  margin: 0;
  padding: 0;
  display: inline; }

.region-secondary-menu .menu a {
  display: inline-block;
  padding: 0.8em; }

.region-secondary-menu .menu a:hover,
.region-secondary-menu .menu a:focus {
  text-decoration: underline; }

/* User Log In Menu Styles for  MGB*/
.block-user-login-block {
  width: 210px;
  float: right;
  background-color: #5D85B2;
  min-height: 260px; }
  .block-user-login-block a {
    color: #fff;
    text-align: center; }
    .block-user-login-block a:hover {
      color: #fff;
      text-decoration: underline; }
  .block-user-login-block h2 {
    font-size: 1.6em;
    margin: 10px auto 0;
    width: 88%; }
  .block-user-login-block .user-login-form {
    width: 90%;
    margin: auto; }
  .block-user-login-block .item-list ul li {
    text-align: center;
    line-height: 16px; }
  .block-user-login-block .button.form-submit {
    background-color: #FFCB05;
    background-image: none;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    padding: 10px; }
  .block-user-login-block .form-actions {
    padding-top: 0;
    margin: .65em auto;
    width: 88%; }
  .block-user-login-block .form-item label {
    display: none; }
  .block-user-login-block .form-item.form-type-textfield input {
    background: #EDEDED url("../images/userName.png") no-repeat left;
    padding-left: 25px; }
  .block-user-login-block .form-item.form-type-password input {
    background: #EDEDED url("../images/password.png") no-repeat left;
    padding-left: 25px; }
  .block-user-login-block input.form-text {
    width: 89%;
    border-color: #EDEDED;
    padding: 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left: 10px; }
    .block-user-login-block input.form-text:focus {
      outline: none; }

#block-views-block-account-view-block-1 {
  width: 210px;
  float: right;
  background-color: #5D85B2;
  min-height: 260px; }
  #block-views-block-account-view-block-1 .views-field.views-field-nothing {
    width: 88%;
    margin: auto; }
  #block-views-block-account-view-block-1 h2 {
    font-size: 1.6em;
    width: 88%;
    margin: 10px auto; }
  #block-views-block-account-view-block-1 .name {
    width: 100%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold; }
    #block-views-block-account-view-block-1 .name a {
      text-align: left;
      color: #fff; }
  #block-views-block-account-view-block-1 a {
    color: #000;
    text-align: center;
    display: block; }
    #block-views-block-account-view-block-1 a:hover {
      color: #fff;
      text-decoration: underline; }
    #block-views-block-account-view-block-1 a.logout, #block-views-block-account-view-block-1 a.username {
      color: #fff;
      text-align: left; }
  #block-views-block-account-view-block-1 .button {
    background-color: #FFCB05;
    background-image: none;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    padding: 10px;
    margin: 0 auto 10px;
    display: block; }
    #block-views-block-account-view-block-1 .button a {
      color: #EDEDED; }

@media all and (max-width: 970px) {
  .block-user-login-block {
    display: none; }
  .block-user-login-block.open {
    display: block;
    position: fixed;
    right: 0;
    top: 55px;
    width: 100%;
    line-height: 30px;
    z-index: 2000; }
    .block-user-login-block.open .form-item:before {
      padding-top: 17px; }
    .block-user-login-block.open .user-login-form {
      text-align: center; }
    .block-user-login-block.open input.form-text,
    .block-user-login-block.open .button.form-submit {
      width: 89%;
      margin-left: 0; }
    .block-user-login-block.open .form-actions {
      width: initial; }
    .block-user-login-block.open #edit-actions input {
      margin: auto; }
    .block-user-login-block.open h2 {
      width: 81%; }
    .block-user-login-block.open .search-form__submit {
      float: right;
      margin-right: 5px; }
  #edit-submit--2 {
    display: none; }
  .region-primary-menu .block-search .search-form .form-search {
    width: 94%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff url("../../../core/misc/icons/505050/loupe.svg") no-repeat right;
    text-align: right;
    padding-right: 25px;
    margin: 10px; } }

/**
 * @file
 * Visual styles for the Shortcut action link in Bartik.
 */
.shortcut-wrapper {
  margin: 2.2em 0 1.1em 0;
  /* Same as usual .page-title margin. */ }

.shortcut-wrapper .page-title {
  float: left;
  /* LTR */
  margin: 0; }

[dir="rtl"] .shortcut-wrapper .page-title {
  float: right; }

.shortcut-action {
  border-bottom: none;
  margin-left: 0.5em;
  /* LTR */
  padding-top: 0.35em; }

[dir="rtl"] .shortcut-action {
  margin-left: 0;
  margin-right: 0.5em; }

.shortcut-action:hover,
.shortcut-action:active,
.shortcut-action:focus {
  border-bottom: none; }

/**
 * @file
 * Styles for the skip link.
 */
.skip-link {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 50;
  background: #444;
  background: rgba(0, 0, 0, 0.6);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.94em;
  line-height: 1.7em;
  padding: 1px 10px 2px;
  border-radius: 0 0 10px 10px;
  border-bottom-width: 0;
  outline: 0; }

.skip-link.visually-hidden.focusable:focus {
  position: absolute !important;
  color: #fff; }

/* ------------------ Sidebar ----------------- */
@media all and (min-width: 560px) {
  .sidebar {
    float: left;
    /* LTR */
    position: relative;
    width: 50%; }
  [dir="rtl"] .sidebar {
    float: right; }
  .layout-one-sidebar .sidebar {
    width: 100%; } }

@media all and (min-width: 851px) {
  .layout-one-sidebar .sidebar {
    width: 30%; }
  #sidebar-first {
    width: 30%;
    margin-left: -100%;
    /* LTR */ }
  [dir="rtl"] #sidebar-first {
    margin-right: -100%;
    margin-left: 0; }
  #sidebar-second {
    min-width: 300px;
    margin-left: -300px;
    /* LTR */
    clear: none; }
  [dir="rtl"] #sidebar-second {
    margin-right: -30%;
    margin-left: 0; } }

.sidebar .block {
  border-style: solid;
  border-width: 0px;
  margin: 0 0 20px; }

.sidebar h2 {
  font-family: "Roboto Slab", sans-serif;
  color: #ffffff;
  background: url("../images/bg-sidebar-block-header.svg") no-repeat bottom right #00274C;
  margin: 0;
  padding: 10px 20px;
  font-size: 26px;
  font-weight: bold; }

.sidebar .block .content {
  font-size: 0.914em;
  line-height: 1.4;
  margin: 0;
  padding: 10px 20px; }

.sidebar tbody {
  border: none; }

.sidebar tr.even,
.sidebar tr.odd {
  background: none;
  border-bottom: 1px solid #d6d6d6; }

.sidebar .sidebar-header-hyperlink {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #fff;
  border-bottom-style: none; }

/**
 * @file
 * Visual styles for the site branding block in Bartik.
 */
.site-branding__logo {
  display: inline-block;
  margin: 0; }

[dir="rtl"] .site-branding__logo {
  margin-right: 0;
  margin-left: 1em; }

.site-branding__text {
  display: inline-block;
  vertical-align: top; }

.site-branding__name {
  font-size: 1.6em;
  color: #686868;
  line-height: 1; }

@media all and (min-width: 901px) {
  .site-branding__name {
    font-size: 1.821em; } }

.site-branding__slogan {
  font-size: 14px;
  line-height: 41px;
  padding: .25em 0; }

@media screen and (max-width: 970px) {
  .site-branding__slogan {
    display: none; } }

/**
 * @file
 * Footer Styling.
 */
.site-footer {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 35px 0 30px; }
  .site-footer .layout-container {
    padding: 0 15px; }
  .site-footer .region-footer-fourth {
    padding-left: 10px; }
  .site-footer .menu--social-media h2 {
    display: block;
    color: #fff; }
  .site-footer .menu--social-media li {
    display: inline-block; }
    .site-footer .menu--social-media li a {
      height: 30px;
      width: 30px;
      color: transparent;
      text-indent: 0;
      padding: 0 5px 0 0; }
      .site-footer .menu--social-media li a:hover {
        color: transparent; }
    .site-footer .menu--social-media li:nth-child(1) a:after {
      content: url("../images/Icon_Facebook.svg"); }
    .site-footer .menu--social-media li:nth-child(2) a:after {
      content: url("../images/Icon_Instagram.svg"); }
    .site-footer .menu--social-media li:nth-child(3) a:after {
      content: url("../images/Icon_Twitter.svg"); }

@media all and (min-width: 560px) {
  .site-footer__top .region {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 50%; }
  [dir="rtl"] .site-footer__top .region {
    float: right; } }

@media all and (min-width: 560px) and (max-width: 850px) {
  .site-footer .region {
    box-sizing: border-box; }
  .site-footer__top .region:nth-child(2n+1) {
    padding-right: 10px;
    /* LTR */ }
  [dir="rtl"] .site-footer__top .region:nth-child(2n+1) {
    padding-left: 10px;
    padding-right: 0; }
  .site-footer__top .region:nth-child(2n) {
    padding-left: 10px;
    /* LTR */ }
  [dir="rtl"] .site-footer__top .region:nth-child(2n) {
    padding-left: 0;
    padding-right: 10px; }
  .region-footer-third {
    clear: both; } }

@media all and (max-width: 851px) {
  .site-footer__top .region {
    width: 100%;
    display: block; }
  .site-footer__top #block-footerlogo p {
    display: none; }
    .site-footer__top #block-footerlogo p + p {
      display: block;
      text-align: center; } }

@media all and (min-width: 851px) {
  .site-footer__top .region {
    width: 25%;
    float: left; }
  .site-footer__top #block-footerlogo p + p {
    display: none; }
  [dir="rtl"] .site-footer__top .region:first-child {
    padding-left: 10px;
    padding-right: 0; }
  .site-footer__top .region:last-child {
    padding-right: 0;
    /* LTR */ }
  [dir="rtl"] .site-footer__top .region:last-child {
    padding-left: 0;
    padding-right: 10px; } }

.site-footer h2 {
  color: #ffffff; }

.site-footer blockquote {
  color: #555; }

.site-footer .content {
  color: #c0c0c0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 0.857em; }
  .site-footer .content ol:not(.menu), .site-footer .content ul:not(.menu) {
    padding-left: 1.4em;
    /* LTR */ }
  .site-footer .content a.is-active {
    color: #fcfcfc;
    color: rgba(255, 255, 255, 0.8); }
  .site-footer .content a:hover, .site-footer .content a:focus {
    color: #fefefe;
    color: rgba(255, 255, 255, 0.95); }

.site-footer .menu-item {
  padding: 0; }

.site-footer table {
  font-size: 1em; }

.site-footer tr td, .site-footer tr th {
  border-color: #555;
  border-color: rgba(255, 255, 255, 0.18); }

.site-footer tr.odd {
  background-color: transparent; }

.site-footer tr.even {
  background-color: #2c2c2c;
  background-color: rgba(0, 0, 0, 0.15); }

[dir="rtl"] .site-footer .content ol:not(.menu),
[dir="rtl"] .site-footer .content ul:not(.menu) {
  padding-right: 1.4em;
  padding-left: 0; }

/* Footer Top Styling. */
.site-footer__top .region {
  margin-bottom: 2rem; }

.site-footer__top h2 {
  margin-top: 0;
  color: #fff; }

.site-footer__top .content {
  margin-top: 0; }
  .site-footer__top .content .menu {
    padding-left: 0;
    /* LTR */ }

.site-footer__top p {
  margin-top: 1em; }

.site-footer__top li {
  list-style: none; }
  .site-footer__top li a {
    display: block;
    line-height: 1.2;
    padding: 5px;
    /* LTR */
    color: #fff; }
    .site-footer__top li a:hover, .site-footer__top li a:focus {
      background-color: #1f1f21;
      background-color: rgba(255, 255, 255, 0.05);
      text-decoration: none; }

[dir="rtl"] .site-footer__top .content .menu {
  padding-right: 0; }

[dir="rtl"] .site-footer__top .content li a {
  padding: 0.8em 20px 0.8em 2px; }

.site-footer__top .block-menu,
.site-footer__bottom .block {
  margin: 0;
  padding: 0;
  border: none; }

/* Footer Bottom Styling. */
.site-footer__bottom {
  letter-spacing: 0.2px;
  margin-top: 30px;
  border-top: 1px solid #555;
  border-color: rgba(255, 255, 255, 0.15); }
  .site-footer__bottom .block {
    margin: 0.5em 0;
    clear: both; }
    .site-footer__bottom .block h2 {
      margin: 0;
      display: none; }
    .site-footer__bottom .block .menu {
      padding: 0; }
  .site-footer__bottom .content {
    padding: 0.5em 0;
    margin-top: 0; }
  .site-footer__bottom .region {
    margin-top: 20px; }
  .site-footer__bottom .region-footer-fifth a {
    color: #fff; }
  .site-footer__bottom .menu-item a {
    float: left;
    /* LTR */
    padding: 0 12px;
    display: block;
    color: #fff;
    border-right: 1px solid #555;
    /* LTR */
    border-color: rgba(255, 255, 255, 0.15); }

/* We need to be specific to overwrite [dir="rtl"] .block ul in block.css. */
[dir="rtl"] .site-footer__bottom .menu-item a {
  float: right;
  border-left: 1px solid #555;
  border-right: none; }

.site-footer__bottom .menu-item:first-child a {
  padding-left: 0;
  /* LTR */ }

[dir="rtl"] .site-footer__bottom .menu-item:first-child a {
  padding-right: 0;
  padding-left: 12px; }

.site-footer__bottom .menu-item:last-child a {
  padding-right: 0;
  /* LTR */
  border-right: none;
  /* LTR */ }

[dir="rtl"] .site-footer__bottom .menu-item:last-child a {
  padding-left: 0;
  padding-right: 12px;
  border-left: none; }

/**
 * When the item is both first and last, :last-child overrides the right padding
 * when using [dir="rtl"]. We need this rule to remove the right padding.
 */
[dir="rtl"] .site-footer__bottom .menu-item:first-child:last-child a {
  padding-right: 0; }

/**
 * @file
 * Styles for Bartik's tables.
 */
table {
  border: 0;
  border-spacing: 0;
  font-family: "Roboto", sans-serif;
  font-size: 0.857em;
  margin: 10px 0;
  max-width: 100%;
  width: 100%; }
  table.full-width {
    width: 100%; }

table table {
  font-size: 1em; }

tr {
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em;
  background: #EFEEEC; }
  tr:nth-child(even) {
    background: #E1DFFF; }

table tr th {
  border-bottom-style: none;
  background: #00274C; }

thead > tr {
  border-bottom: 1px solid #000;
  border-bottom: 0;
  background: #00274C; }
  thead > tr th:last-of-type {
    background: url("../images/bg-sidebar-block-header.svg") no-repeat bottom right #00274C; }

tr.odd {
  background: #e4e4e4;
  background: rgba(0, 0, 0, 0.105); }

table tr th,
table tr th a,
table tr th a:hover,
table tr th a:focus {
  font-family: 'Roboto Slab', 'sans-serif';
  color: #FFCB05;
  font-weight: bold; }

table tbody tr th {
  vertical-align: middle; }
  table tbody tr th p {
    margin: 0; }

tr td,
tr th {
  padding: 4px;
  border: 1px solid #fff;
  text-align: left;
  /* LTR */ }

.tabledrag-handle:hover,
.tabledrag-handle {
  border: none; }

[dir="rtl"] tr td,
[dir="rtl"] tr th {
  text-align: right; }

/**
 * Responsive tables.
 */
@media screen and (max-width: 37.5em) {
  /* 600px */
  th.priority-low,
  td.priority-low,
  th.priority-medium,
  td.priority-medium {
    display: none; } }

@media screen and (max-width: 60em) {
  /* 920px */
  th.priority-low,
  td.priority-low {
    display: none; } }

/**
 * @file
 * Tablesort indicator styles.
 */
.tablesort {
  width: 14px;
  height: 14px;
  vertical-align: top;
  margin: 1px 0 0 5px; }

.tablesort--asc {
  background-image: url(../../../core/misc/icons/ffffff/twistie-down.svg); }

.tablesort--desc {
  background-image: url(../../../core/misc/icons/ffffff/twistie-up.svg); }

/* --------------- System Tabs  --------------- */
div.tabs {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 20px; }

.tabs ul.primary {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

.tabs ul.primary li a {
  color: #000;
  background-color: #ededed;
  border-color: #bbb;
  border-style: solid solid none solid;
  border-width: 1px;
  height: 1.8em;
  line-height: 1.9;
  display: block;
  font-size: 0.929em;
  padding: 0 10px 3px;
  text-shadow: 0 1px 0 #fff; }

.tabs ul.primary li.is-active a {
  background-color: #ffffff;
  border: 1px solid #bbb; }

@media screen and (max-width: 37.5em) {
  /* 600px */
  .tabs ul.primary {
    border-bottom: 1px solid #bbb; }
  .tabs ul.primary li {
    display: block;
    margin: 0; }
  .tabs ul.primary li a {
    padding: 5px 10px; }
  .tabs ul.primary li.is-active a {
    border-bottom: none; } }

@media screen and (min-width: 37.5em) {
  /* 600px */
  .tabs ul.primary {
    border-collapse: collapse;
    height: auto;
    line-height: normal;
    padding: 0 3px;
    margin: 0;
    overflow: hidden;
    border: none;
    background: transparent url(../../images/tabs-border.png) repeat-x left bottom;
    white-space: nowrap; }
  .tabs ul.primary li {
    display: block;
    float: left;
    /* LTR */
    vertical-align: bottom;
    margin: 0 5px 0 0;
    /* LTR */ }
  [dir="rtl"] .tabs ul.primary li {
    margin: 0 0 0 5px;
    float: right; }
  .tabs ul.primary li a {
    float: left;
    /* not LTR */
    border-top-left-radius: 6px;
    border-top-right-radius: 6px; }
  .tabs ul.primary li.is-active a {
    border-bottom: 1px solid #fff; } }

.tabs ul.secondary {
  border-bottom: none;
  margin: 5px;
  padding: 0.5em 0;
  overflow: hidden; }

.tabs ul.secondary li {
  border-right: 1px solid #ccc;
  /* LTR */
  display: block;
  float: left;
  /* LTR */
  margin: 0;
  padding: 0 1em; }

[dir="rtl"] .tabs ul.secondary li {
  border-left: 1px solid #ccc;
  border-right: none;
  float: right; }

.tabs ul.secondary li:last-child {
  border-right: none;
  /* LTR */ }

[dir="rtl"] .tabs ul.secondary li:last-child {
  border-left: none; }

.tabs ul.secondary li:first-child {
  padding-left: 0;
  /* LTR */ }

[dir="rtl"] .tabs ul.secondary li:first-child {
  padding-right: 0; }

.tabs ul.secondary li a {
  display: inline;
  padding: 0.25em 0.5em;
  text-decoration: none; }

.tabs ul.secondary li a.is-active {
  background: #f2f2f2;
  border-bottom: none;
  border-radius: 5px; }

/**
  Styles for post tags, such as forums, user tags, sports, etc...
 */
.field--name-field-tags,
.field--name-tags,
.field--name-forums,
.field--name-sport,
.field--name-user-tags {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  overflow: auto;
  padding: 0 10px; }
  .field--name-field-tags .field__label,
  .field--name-tags .field__label,
  .field--name-forums .field__label,
  .field--name-sport .field__label,
  .field--name-user-tags .field__label {
    font-weight: normal;
    margin: 0;
    padding-right: 5px;
    /* LTR */ }
  .field--name-field-tags .field__label, .field--name-field-tags ul.links,
  .field--name-tags .field__label,
  .field--name-tags ul.links,
  .field--name-forums .field__label,
  .field--name-forums ul.links,
  .field--name-sport .field__label,
  .field--name-sport ul.links,
  .field--name-user-tags .field__label,
  .field--name-user-tags ul.links {
    font-size: 0.8em; }
  .field--name-field-tags ul.links,
  .field--name-field-tags .field__items,
  .field--name-tags ul.links,
  .field--name-tags .field__items,
  .field--name-forums ul.links,
  .field--name-forums .field__items,
  .field--name-sport ul.links,
  .field--name-sport .field__items,
  .field--name-user-tags ul.links,
  .field--name-user-tags .field__items {
    padding: 0;
    margin: 0; }
  .field--name-field-tags li,
  .field--name-field-tags .field__item,
  .field--name-tags li,
  .field--name-tags .field__item,
  .field--name-forums li,
  .field--name-forums .field__item,
  .field--name-sport li,
  .field--name-sport .field__item,
  .field--name-user-tags li,
  .field--name-user-tags .field__item {
    float: left;
    /* LTR */
    padding: 0 1em 0 0;
    /* LTR */
    white-space: nowrap; }
  .field--name-field-tags a,
  .field--name-tags a,
  .field--name-forums a,
  .field--name-sport a,
  .field--name-user-tags a {
    border: 1px solid #024794;
    padding: 5px;
    font-size: 0.8em;
    display: inline-block;
    margin-bottom: 10px; }
  .field--name-field-tags .comment-add a,
  .field--name-tags .comment-add a,
  .field--name-forums .comment-add a,
  .field--name-sport .comment-add a,
  .field--name-user-tags .comment-add a {
    background-color: #024794;
    color: #fff; }

/**
 * @file
 *
 * Visual styles for Bartik's text-formatted component.
 */
.text-formatted ul,
.text-formatted ol {
  margin: 1em 0;
  padding: 0 30px 0.25em 50px;
  /* LTR */ }

[dir="rtl"] .text-formatted ul,
[dir="rtl"] .text-formatted ol {
  padding: 0 15px 0.25em 0; }

.text-formatted ul ul,
.text-formatted ol ol {
  margin: 0;
  padding: 0 30px 0.25em 50px;
  /* LTR */ }

/**
 * @file
 * Toolbar module overrides for Bartik.
 */
.toolbar a {
  border-bottom: none; }

/**
* @file
* Visual styles for Bartik's featured bottom component.
*/
.featured-bottom {
  background: rgba(30, 50, 10, 0.08);
  border-top: 1px solid #e7e7e7; }

.featured-bottom .region {
  padding: 0 20px; }

@media all and (min-width: 560px) {
  .featured-bottom .region {
    float: left;
    /* LTR */
    position: relative;
    box-sizing: border-box;
    padding: 20px 15px 30px;
    width: 33%; }
  [dir="rtl"] .featured-bottom .region {
    float: right; } }

@media all and (min-width: 851px) {
  .featured-bottom .region {
    padding: 0 20px; } }

.featured-bottom h2 {
  color: #000;
  font-size: 1.4em;
  margin-bottom: 0.6em;
  text-shadow: 0 1px 0 #fff;
  text-align: center;
  line-height: 1em; }

.featured-bottom .block {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #dfdfdf;
  line-height: 1.3em; }

.featured-bottom .block:last-child {
  border-bottom: none; }

.featured-bottom ul,
.featured-bottom ol {
  padding-left: 0; }

.featured-bottom ul li,
.featured-bottom ol li {
  list-style: none; }

.featured-bottom input:not(.form-submit) {
  width: 185px; }

.region-featured-bottom-third .feed-icon {
  float: right; }

.region-featured-bottom-second .block-system-powered-by-block {
  text-align: center; }

/**
 * @file
 * Styles for password suggestions in Bartik.
 */
.password-suggestions {
  border: 0; }

/**
 * @file
 * Visual styles for Bartik's ui-widget component.
 */
#page .ui-widget {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

/**
 * @file
 * Vertical tabs component.
 */
/* Vertical Tabs Reset */
.vertical-tabs__menu {
  margin: -1px 0 -1px -15em;
  /* LTR */
  padding: 0; }

[dir="rtl"] .vertical-tabs__menu {
  margin-left: 0;
  margin-right: -15em;
  /* This is required to win specificity over [dir="rtl"] .region-content ul */
  padding: 0; }

/**
 * @file
 * Styling for Views in Bartik.
 */
/* Tab styles */
.views-displays .tabs .open > a {
  border-radius: 7px 7px 0 0; }

.views-displays .tabs .open > a:hover,
.views-displays .tabs .open > a:focus {
  color: #0071B3; }

.views-displays .secondary .form-submit {
  font-size: 0.846em; }

/* Tabs action list styles */
.views-displays .tabs .action-list {
  padding: 0; }

/* Contextual filter options styles */
.views-filterable-options .filterable-option:nth-of-type(even) .form-type-checkbox {
  background-color: #F9F9F9; }

/* Views action dropbutton styles */
.views-ui-display-tab-actions .dropbutton .form-submit {
  color: #0071B3; }

.views-ui-display-tab-actions .dropbutton .form-submit:hover,
.views-ui-display-tab-actions .dropbutton .form-submit:focus {
  color: #018FE2; }

.sidebar .view .views-field-title {
  font-size: 16px;
  line-height: 26px;
  font-weight: bold; }
  .sidebar .view .views-field-title a {
    font-family: 'Roboto Slab'; }

.sidebar .view .views-field-uid {
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  color: #989C97;
  margin-right: 3px; }
  .sidebar .view .views-field-uid a {
    color: #555555; }

.sidebar .view .views-field-created {
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
  color: #989C97;
  display: inline-block; }

.view-diaries .views-row,
.view-mgoboard .views-row {
  border-bottom: 1px solid #E5E5E5;
  padding-top: 20px;
  padding-bottom: 20px; }
  .view-diaries .views-row:first-of-type,
  .view-mgoboard .views-row:first-of-type {
    padding-top: 10px; }
  .view-diaries .views-row:last-of-type,
  .view-mgoboard .views-row:last-of-type {
    border-bottom: 0;
    padding-bottom: 10px; }

.view-mgoboard .views-field-comment-count {
  width: 100%;
  font-size: 14px;
  color: #555555;
  font-weight: normal; }

/**
 * @file
 * Styles for Bartik's buttons.
 */
.button {
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, #f3f3f3, #e8e8e8);
  background-image: linear-gradient(to bottom, #f3f3f3, #e8e8e8);
  border: 1px solid #e4e4e4;
  border-bottom-color: #b4b4b4;
  border-left-color: #d2d2d2;
  border-right-color: #d2d2d2;
  color: #3a3a3a;
  cursor: pointer;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  font-size: 0.929em;
  font-weight: normal;
  text-align: center;
  padding: 0.250em 1.063em;
  border-radius: 1em;
  display: inline-block;
  line-height: normal; }

.button:hover,
.button:active,
.button:focus {
  background: #dedede;
  color: #5a5a5a;
  text-decoration: none; }

.button.is-disabled:hover,
.button.is-disabled:active,
.button.is-disabled:focus,
.button.is-disabled {
  background: #ededed;
  border-color: #bbb;
  color: #717171;
  cursor: default; }

.button-primary {
  border-radius: 2px;
  padding: 8px 45px;
  background-color: #024794;
  color: #FFFFFF;
  transition: all 0.2s ease;
  display: block;
  text-align: center; }
  .button-primary.inline {
    display: inline-block; }
  .button-primary:hover, .button-primary:focus {
    background-color: #012f62;
    color: #FFFFFF; }
  .button-primary:active {
    background-color: #01172f;
    color: #FFFFFF; }

/**
 * @file
 * Styles for Bartik's image buttons.
 */
.image-button.is-disabled:hover,
.image-button.is-disabled:active,
.image-button.is-disabled:focus,
.image-button.is-disabled {
  background: transparent;
  opacity: 0.5;
  cursor: default; }

/**
 * @file
 * Styles for Bartik's modal windows
 */
.ui-widget-overlay {
  background: #000;
  opacity: 0.7; }

.ui-dialog {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 0; }

.ui-dialog input,
.ui-dialog select,
.ui-dialog textarea {
  font-size: 0.9em; }

.ui-dialog .button {
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, #f3f3f3, #e8e8e8);
  background-image: linear-gradient(to bottom, #f3f3f3, #e8e8e8);
  border: 1px solid #e4e4e4;
  border-bottom-color: #b4b4b4;
  border-left-color: #d2d2d2;
  border-right-color: #d2d2d2;
  color: #3a3a3a;
  cursor: pointer;
  font-size: 0.929em;
  font-weight: normal;
  text-align: center;
  padding: 0.250em 1.063em;
  border-radius: 1em; }

.view-primary-articles .views-row {
  background-color: #FFFFFF;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 5px solid #FFCB05;
  padding: 30px;
  margin-bottom: 22px; }
  .view-primary-articles .views-row .views-field-field-image {
    margin-left: -30px;
    margin-right: -30px;
    margin-top: -30px;
    text-align: center; }
  .view-primary-articles .views-row .views-field-title-comment-count {
    overflow: hidden;
    margin-top: 10px; }
    .view-primary-articles .views-row .views-field-title-comment-count .title-wrapper a {
      font-size: 38px;
      font-family: "Roboto Slab", sans-serif;
      line-height: 1.18182;
      text-decoration: none; }
    .view-primary-articles .views-row .views-field-title-comment-count .comment-count-wrapper {
      width: 30px;
      margin-left: 30px;
      float: right;
      text-align: center;
      color: #989C97;
      font-size: 14px; }
      .view-primary-articles .views-row .views-field-title-comment-count .comment-count-wrapper p {
        line-height: 1;
        margin-top: -5px;
        margin-bottom: 0;
        font-weight: normal; }
  .view-primary-articles .views-row .views-field-byline {
    color: #989C97;
    margin-bottom: 20px;
    font-size: 14px; }
    .view-primary-articles .views-row .views-field-byline a {
      color: #333333; }
      .view-primary-articles .views-row .views-field-byline a.username {
        text-transform: capitalize; }
  .view-primary-articles .views-row .views-field-read-more-button .primary-article__action-btn {
    border-radius: 2px;
    padding: 8px 45px;
    background-color: #024794;
    color: #FFFFFF;
    transition: all 0.2s ease;
    text-decoration: none; }
    .view-primary-articles .views-row .views-field-read-more-button .primary-article__action-btn:hover, .view-primary-articles .views-row .views-field-read-more-button .primary-article__action-btn:focus {
      background-color: #012f62; }
    .view-primary-articles .views-row .views-field-read-more-button .primary-article__action-btn:active {
      background-color: #01172f; }

.view-primary-articles a {
  text-decoration: underline; }

.view-primary-articles .above-insert-row {
  padding-bottom: 20px; }
  .view-primary-articles .above-insert-row:last-child {
    padding-bottom: 4px; }

article img {
  margin: 15px auto !important;
  display: block !important; }

article img.comment-icon {
  width: 30px; }

.view-secondary-articles .views-row {
  background-color: #FFFFFF;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  margin-bottom: 22px;
  position: relative;
  overflow: hidden; }
  .view-secondary-articles .views-row .views-field-field-image {
    position: absolute;
    overflow: hidden;
    float: left;
    width: 33.3333%;
    height: 100%; }
    .view-secondary-articles .views-row .views-field-field-image img {
      position: absolute;
      height: 100%;
      max-width: none;
      left: 50%;
      width: auto;
      transform: translateX(-50%); }
  .view-secondary-articles .views-row .views-field-secondary-article-info {
    width: 66.6667%;
    max-width: 66.6667%;
    float: right;
    padding: 20px 30px 0 20px; }
  .view-secondary-articles .views-row .views-field-secondary-article-content {
    width: 66.6667%;
    margin-left: 33.3333%;
    margin-right: 0;
    padding: 0 30px 20px 20px; }
  .view-secondary-articles .views-row .views-field-body {
    margin-bottom: 25px; }
  .view-secondary-articles .views-row .views-field-title-comment-count {
    overflow: hidden; }
    .view-secondary-articles .views-row .views-field-title-comment-count .title-wrapper {
      width: calc(100% - 60px); }
      .view-secondary-articles .views-row .views-field-title-comment-count .title-wrapper a {
        font-size: 28px;
        font-family: "Roboto Slab", sans-serif;
        line-height: 1.18182;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        display: block;
        text-decoration: none; }
    .view-secondary-articles .views-row .views-field-title-comment-count .comment-count-wrapper {
      width: 30px;
      margin-left: 30px;
      float: right;
      text-align: center;
      color: #989C97;
      font-size: 14px; }
      .view-secondary-articles .views-row .views-field-title-comment-count .comment-count-wrapper p {
        line-height: 1;
        margin-top: -5px;
        margin-bottom: 0;
        font-weight: normal; }
  .view-secondary-articles .views-row .views-field-byline {
    color: #989C97;
    margin-bottom: 20px;
    font-size: 14px; }
    .view-secondary-articles .views-row .views-field-byline a {
      color: #333333; }
      .view-secondary-articles .views-row .views-field-byline a.username {
        text-transform: capitalize; }

.view-secondary-articles .views-field-read-more-button .primary-article__action-btn,
.view-secondary-articles .more-link a {
  border-radius: 2px;
  padding: 10px 16px;
  font-size: 14px;
  background-color: #024794;
  color: #FFFFFF;
  transition: all 0.2s ease;
  text-decoration: none; }
  .view-secondary-articles .views-field-read-more-button .primary-article__action-btn:hover, .view-secondary-articles .views-field-read-more-button .primary-article__action-btn:focus,
  .view-secondary-articles .more-link a:hover,
  .view-secondary-articles .more-link a:focus {
    background-color: #012f62; }
  .view-secondary-articles .views-field-read-more-button .primary-article__action-btn:active,
  .view-secondary-articles .more-link a:active {
    background-color: #01172f; }

.view-secondary-articles .more-link a {
  display: block;
  text-align: center;
  margin-left: 20px; }

@media all and (max-width: 850px) {
  .view-secondary-articles .views-row .views-field-secondary-article-info {
    width: calc(100% - 100px);
    max-width: calc(100% - 100px); }
  .view-secondary-articles .views-row .views-field-secondary-article-content {
    width: 100%;
    max-width: 100%;
    margin: 0;
    clear: both;
    padding-top: 20px; }
  .view-secondary-articles .views-row .views-field-byline {
    margin-bottom: 0; }
  .view-secondary-articles .views-row .views-field-title-comment-count .title-wrapper {
    width: 100%; }
    .view-secondary-articles .views-row .views-field-title-comment-count .title-wrapper a {
      font-size: 18px;
      white-space: initial;
      overflow: initial;
      text-overflow: initial;
      width: auto;
      display: block; }
  .view-secondary-articles .views-row .views-field-byline {
    line-height: 1.2; }
  .view-secondary-articles .views-row .views-field-field-image {
    flex: 0 0 100%;
    position: relative;
    width: 100px;
    height: 100px; } }

.view-secondary-articles a {
  text-decoration: underline; }

#edit-field-mgo-vote-wrapper {
  display: none; }

.field--name-field-mgo-vote {
  text-align: right;
  margin-right: 20px;
  position: absolute;
  top: 10px;
  right: 0; }
  .field--name-field-mgo-vote .field__label {
    display: none; }