// Portal Layout Pages
.node--type-portal-layout-pages {
    .full-content {
      h1 {
        text-align: center;
      }
    }
  }
  
  // Handbook Tabs View
  .view-id-handbook_tabs {
    margin: {
      top: 20px;
      bottom: 20px;
    }
  
    header {
      padding: {
        left: 0;
        bottom: 20px;
      }
      
      a {
        text-decoration: none;
      }
    }
  
    .item-list {
      ul {
        li {
          &:not(:only-child) {
            display: inline-block;
            padding: 5px 10px;
            background: #ddd;
            margin: 0 5px 10px 0;
          }
  
          &:only-child {
            display: none;
          }
  
          a {
            color: #000;
            text-decoration: none;
          }
  
          &::after,
          &::before {
            background: none !important;
          }
  
          &.active_tab {
            background: #276e93;
            
            a {
              color: #fff;
            }
          }
        }
      }
    }
  
    &.view-display-id-entity_view_2 {
      margin-bottom: -20px;
  
      > div {
        margin-bottom: 20px;
      }
    }
  }
  
  // Handbook Page Type
  .page-node-type-handbook {
    .field--name-field-items {
      .paragraph--type--modules {
        display: none;
      }
    }
  
    .group-right-wrapper>div {
        margin-bottom: 0px;
    }
    
    .node--view-mode-one-column-content {
      background-color: #f6f5f2;
    }
  
    .group-left {
      .group-left-wrapper {
        padding: 49px 50px 100px 0;
  
        .content-embedded,
        .media-embedded {
          .field__image {
            img {
              width: auto;
            }
          }
        }
      }
    }
  }
  
  // Topics Page Type
  .page-node-type-topics {
    .group-right-wrapper>div {
      margin-bottom: 0px;
    }
    
    .group-left {
      .group-left-wrapper {
        padding: 49px 50px 100px 0;
  
        .content-embedded,
        .media-embedded {
          .field__image {
            img {
              width: auto;
            }
          }
        }
      }
    }
  }
  
  // Field Items
  .field--name-field-items {
    .paragraph--type--sub-topic {
      .subtopic_data_required_unique {
        display: none;
  
        .field--name-field-description {
          background-color: #fff;
          padding: 20px;
          margin: 20px 0;
  
          .field--name-field-title {
            display: block;
            clear: both;
            position: relative;
            text-align: left;
            font: {
              family: 'Open Sans';
              style: italic;
              size: 21px;
              weight: 600;
            }
            color: #000;
          }
        }
  
        .field__item {
          margin-bottom: 10px;
        }
      }
  
      .subtopic_title_required_unique {
        display: block;
        cursor: pointer;
        clear: both;
        position: relative;
        text-align: left;
        font: {
          family: 'Open Sans';
          style: italic;
          size: 21px;
          weight: 600;
        }
        color: #000;
        margin-bottom: 32px;
  
        &:after {
          content: "";
          position: absolute;
          bottom: -12px;
          left: 0;
          width: 100px;
          height: 6px;
          background-color: #fab81c;
        }
  
        &.updown_arrow_down {
          background: url(/modules/custom/iom_sdg/images/circle-chevron-down-solid.svg) right top/30px no-repeat !important;
          padding-right: 35px;
        }
  
        &.updown_arrow_up {
          background: url(/modules/custom/iom_sdg/images/circle-chevron-up-solid.svg) right top/30px no-repeat !important;
          padding-right: 35px;
        }
      }
    }
  }
  
  // Related Topic Handbook View
  .view-related-topic-handbook {
    .is-active {
      font-weight: bold;
    }
  
    .views-field-title {
      padding-bottom: 20px;
    }
  
    header {
      padding-left: 0;
      padding-bottom: 20px;
      z-index: 1;
    }
  }
  
  // Dashboard Blocks
  #block-mapdahshboard,
  .block-iom-dashboard {
    .dashboard-content {
      margin: 0 !important;
      position: inherit !important;
    }
  }
  
  // Front Page Specific Styles
  .path-frontpage {
    .paragraph--type-lp-double-column-list,
    .paragraph--styleable-text .responsive-iframe {
      margin-bottom: 40px;
    }
  }
  
  // Paragraph Styles
  .paragraph--styleable-text {
    .container-landing:has(.responsive-iframe) {
      max-width: 1440px !important;
      padding: 0 !important;
    }
  }