/* RESEARCH LINE */
body.single-research_line .researchline{
  .simple-page{
    padding-top: 20px;
  }
  .researchline__hero{
    height: 300px;
    padding: 30px;

    .researchline__title{
      color: #fff;
      max-width: 1200px;
      display: flex;
      align-items: center;
      gap: 40px;
      margin-left: auto;
      margin-right: auto;
      padding: 5px;


      h1{ color: #fff; margin-top: 0; margin-bottom: 5px;}
      p{ color: #fff; margin-top: 0;}
      .subtitle{ font-size: 20px;}
      
      .researchline-icon{ font-size: 125px; opacity: 0.6; }
      @media (max-width: 900px){
        .researchline-icon{ display: none; }
      }
    }
  }
  .researchline__teaser{ padding-bottom: 20px; font-weight: 400;}
  @media (max-width: 600px){
    .researchline__hero{ padding: 10px; }
  }
}



/* theme section */
body.single-research_line .researchline{
  .researchline-researchtheme{
    margin-top: 60px;
    display: grid;
    grid-template-columns: 1fr 2fr;
    border: 3px solid #cfd8dc;
  }
  @media (max-width: 900px){
      .researchline-researchtheme{ display: block; }
  }
  .researchtheme__sidebar{
    color: var(--blue-iom);
    padding: 10px;
    
    .researchtheme-linebanner{ font-weight: bold; }
    h2{ margin-top: 5px; }
  }
  .researchtheme__themes{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3px;

    .researchtheme-card{
        outline: 3px solid #cfd8dc;
    }
    
    .researchtheme-card,
    .researchtheme-card:visited,
    .researchtheme-card:hover,
    .researchtheme-card:focus,
    .researchtheme-card:active {
        color: inherit;
        text-decoration: none;
    }
    .researchtheme__theme{
        .researchtheme__image {
            position: relative;
            margin-bottom: 20px;
            
            img{ 
                max-width: 100%;
                height: auto;
                aspect-ratio: 1/1;
                display: block; }
        }
        .researchtheme__image::before{
            content: "";
            position: absolute;
            inset: 0;
            background: rgba(0,0,0, 0.4);
        }
        .researchtheme__title{
            position: absolute;
            bottom: 0;
            
            h2{
                padding: 0 20px;
                color: #fff;
            }
        }
        .researchtheme__intro{
            padding: 0 20px 40px;
        }
    }
  }
  @media (max-width: 700px){
      .researchtheme__themes{
          display: block; 
    }
      
  }
}

/* people section */
body.single-research_line .researchline-people{
    margin-top: 60px; 
    
    .rlpeople__header{
        .rlpeople__linebanner{
            color: var(--blue-iom);
            font-weight: bold;
        }
    
        h2{ margin-top: 0; }
    }
    
        
    .rlpeople__people{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 5px;
    }
    @media (max-width: 1000px){
        .rlpeople__people{ grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 700px){
        .rlpeople__people{ grid-template-columns: repeat(1, 1fr); }
    }
    
    .rlpeople__person{
        display: flex;
        gap: 10px;
        
        .rlpeople__data{
            display: flex;
            align-items: center;
            
            .rlpeople__description{ }
        }
        
    }
}