/****************************/
/* ABOUTPAGE                */
/****************************/

/*--------------------------*/
/* HEADER                   */
/*--------------------------*/
#aboutPage__header {
    height: 510px;
    background-image: url(/static/images/about/header-background.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 180px 15px 170px 15px;
}
#aboutPage__headerContent {
    max-width: 1100px;
    margin: 0 auto;
}
#aboutPage__header h1 {
    font: 60px merriweather, palatino, serif;
    font-weight:bold;
    font-style:italic;
    color: var(--white);

}
#aboutPage__header p {
    font: 23px/1.5 merriweather, palatino, serif;
    color: var(--white);
    max-width: 950px;
}

/*--------------------------*/
/* TEAM                     */
/*--------------------------*/
.aboutPage__teamMember {
    max-width: 915px;
    margin: 0 auto 100px auto;
    display: block;
    flex-flow: row nowrap;
    justify-content:space-between;
    align-items:center;
}
.aboutPage__teamMember-image {
    box-shadow: 0 5px 25px var(--gray-overlay-100);
    line-height:0;
}
.aboutPage__teamMember:nth-child(odd) .aboutPage__teamMember-image {
  float: left;
  margin-right: 50px;
}
.aboutPage__teamMember:nth-child(even) .aboutPage__teamMember-image {
  float: right;
  margin-left: 50px;
}
.aboutPage__simpleSection-content {
    color: var(--gray-500);
}
.aboutPage__simpleSection-content h2 {
    font: 600 23px poppins, lucida, arial, sans-serif;
}
.aboutPage__simpleSection-content h3 {
    font: italic 16px/1.5  merriweather, palatino, serif;
    color: var(--blue-200);
}
.aboutPage__simpleSection-content p {
    margin-top:20px;
    font: 14px/1.5 merriweather, palatino, serif;
}
.aboutPage__teamDestinations {
    margin-top:20px;
}
.aboutPage__teamDestinations h4 {
    font: 600 16px poppins, lucida, arial, sans-serif;
    display:inline;
}
.aboutPage__teamDestinations span {
    font: 14px/1.5 merriweather, palatino, serif;
}
.aboutPage__simpleSection-content a {
    margin-top:20px;
    display:inline-block;
}

/*--------------------------*/
/* ADVISORS                 */
/*--------------------------*/
#aboutPage__advisors {
    max-width: 1100px;
    margin: 80px auto 200px auto;
}
#aboutPage__advisors h2 {
    font: 30px merriweather, palatino, serif;
    font-weight: bold;
    font-style:italic;
    text-align: center;
    color: var(--gray-500);
}
#aboutPage__advisorList {
    display: flex;
    flex-flow: row nowrap;
    justify-content:space-between;
    align-items:center;
    margin-top:50px;
}
.aboutPage__advisor {
    width:calc(17% - 45px);
    padding:10px 15px;
    box-shadow: 0 5px 25px var(--gray-overlay-100);
    color: var(--gray-500);
    text-align:center;
    height: 150px;
    display: table;
}
.aboutPage__advisor_content {
  display: table-cell;
  vertical-align: middle;
}
.aboutPage__advisor h3 {
    font: 600 14px poppins, lucida, arial, sans-serif;
}
.aboutPage__advisor p {
    font: 12px/1.83 merriweather, palatino, serif;
}

/* padding for advisors */
@media only screen and (min-width : 768px) and (max-width : 1100px) {
  #aboutPage__advisors {padding: 0 20px;}
}

/* padding for team */
@media only screen and (min-width : 768px) and (max-width : 915px) {
  .aboutPage__teamMember {padding: 0 20px;}
  .aboutPage__advisor {height: 200px;}
}

/* mobile portrait */
@media only screen and (max-width : 767px) and (orientation : portrait) {
  #aboutPage__header {padding: 140px 15px 0 15px; width: calc(100% - 30px); height: 480px;}
  #aboutPage__header h1 {font-size: 37px;}
  #aboutPage__header p {font-size: 16px;}
  #aboutPage__team {padding: 0 15px;}
  .aboutPage__teamMember {display: block;}
  .aboutPage__teamMember-image {width: 70vw; margin: 0 auto;}
  .aboutPage__teamMember-image img {width: 100%; height: auto;}
  .aboutPage__teamMember:nth-child(odd) .aboutPage__teamMember-image {float: initial; margin: 0 auto;}
  .aboutPage__teamMember:nth-child(even) .aboutPage__teamMember-image {float: initial; margin: 0 auto;}
  .aboutPage__simpleSection-content {margin-top: 30px;}
  .aboutPage__simpleSection-content.right {padding-left: 0;}
  .aboutPage__simpleSection-content.left {padding-right: 0;}
  .aboutPage__simpleSection-content a {padding: 15px 0; width: 100%;}
  #aboutPage__advisors {padding: 0 15px; margin: 0 0 100px 0;}
  #aboutPage__advisors h2 {font-size: 23px;}
  #aboutPage__advisorList {display: block;}
  .aboutPage__advisor {width: calc(50% - 38px); margin-bottom: 15px;}
  .aboutPage__advisor:nth-child(odd) {float: left;}
  .aboutPage__advisor:nth-child(even) {float: right;}
}