/* general html */
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v15/S6u8w4BMUTPHjxsAUi-qNiXg7eU0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v15/S6u8w4BMUTPHjxsAXC-qNiXg7Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v15/S6u_w4BMUTPHjxsI5wq_FQftx9897sxZ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v15/S6u_w4BMUTPHjxsI5wq_Gwftx9897g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v15/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v15/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v15/S6u9w4BMUTPHh6UVSwaPGQ3q5d0N7w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v15/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html {
  position: relative;
  max-width: 1024px;
  margin: auto;
  padding-top: 50px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
  overflow-x: hidden;
}

/* main body */
body {
  margin: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0px;
  width: 80%;
  background-color: #fff;
  /* color: #2F2D31; */
  font-family: 'Lato', Verdana, Helvetica, sans-serif;
  font-size: 11pt;
  text-align: left;
  line-height: 1.5;
  max-width: 80%;
  overflow-x: hidden;
  color: #003F5C;
}


/* header for name */
h-name {
  margin: 2em 0 0.5em;
  line-height: 1.2;
  font-family: 'Lato', Verdana, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.5em;
  /* color: #A51C30; */
  color: #00C97E;

}

/* paper name */
paper-name {
  font-family: 'Lato', Verdana, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1em;
  line-height: 0em;
}

/* paper author */
paper-author {
  font-family: 'Lato', Verdana, Helvetica, sans-serif;
  font-size: 0.9em;
  line-height: 0em;
  padding-left: 1.2em;
}

/* paper pub */
paper-pub {
  margin: 2em 0 0.5em;
  font-family: 'Lato', Verdana, Helvetica, sans-serif;
  font-size: 0.9em;
  line-height: 0em;
  padding-left: 1.2em;
}

/* paper high */
paper-high {
  margin: 2em 0 0.5em;
  font-family: 'Lato', Verdana, Helvetica, sans-serif;
  font-style: italic;
  font-size: 0.9em;
  line-height: 0em;
  /* color: #ea0528; */
  color: #00C97E;

}

/* paper info */
paper-info {
  font-family: 'Lato', Verdana, Helvetica, sans-serif;
  font-size: 1em;
  line-height: 0em;
}

/* header for bahar */
bahar-sec {
  margin: 2em 0 0.5em;
  line-height: 1.em;
  font-family: 'Lato', Verdana, Helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  font-size: 3.0em;
  color: #00C97E;
}

/* header for bahar2 */
bahar2-sec {
  margin: 2em 0 0.5em;
  line-height: 1.em;
  font-family: 'Lato', Verdana, Helvetica, sans-serif;
  /* font-weight: bold; */
  font-style: italic;
  text-align: center;
  font-size: 2.5em;
  color: #00C97E;
}

/* header for section */
h-sec {
  margin: 2em 0 0.5em;
  line-height: 3em;
  font-family: 'Lato', Verdana, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.5em;
  /* color: #A51C30; */
  color: #00C97E;
}

/* header for year in publication */
h-year {
  margin-left: -3em;
  line-height: 1.2;
  font-family: 'Lato', Verdana, Helvetica, sans-serif;
  font-weight: bold;
  /* color: #A51C30; */
  color: #00C97E;
  font-size: 1em;
}

/* header for each publication type */
h-pub {
  margin: 2em 0 0.5em;
  line-height: 1.2;
  font-family: 'Lato', Verdana, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1em;
}

/* header for each group type */
h-group {
  margin: 2em 0 0.5em;
  line-height: 1.2;
  font-family: 'Lato', Verdana, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1em;
}

/* group name */
group-name {
  font-family: 'Lato', Verdana, Helvetica, sans-serif;
  font-size: 0.94em;
  line-height: 0em;
}



/* horizontal rule */
hr {
  display: block;
  margin: 1em 0;
  margin-top: 0;
  margin-left: 0em;
  margin-right: 20em;
  border: 0;
  border-top: 1px solid #EDF0F2;
}

/* horizontal rule */
hr-sec {
  display: block;
  margin: 1em 0;
  margin-top: 0;
  border: 0;
  border-top: 1.76px solid #EDF0F2;
}

/* add margin to p */
p {
  margin-bottom: 1.3em;
}

/* dashed bullet points */
ul {
  list-style-type: none;
  margin-left: -1.8em;
  margin-top: -0.8em;
}
ul li {
  padding: 6px 0px;
}
ul > li:before {
  content: "";
  position: absolute;
  margin-left: -1.1em;
}

/* dashed bullet points */
.ul-news {
  list-style-type: none;
  margin-left: -0.8em;
  margin-top: -0.8em;
}
.ul-news li {
  padding: 3px 0px;
}
.ul-news > li:before {
  content: "";
  position: absolute;
  margin-left: -1.1em;
}

/* dashed bullet points */
.ul-group {
  list-style-type: square;
  margin-left: -0.8em;
  margin-top: -0.8em;
}
.ul-group li {
  padding: 3px 0px;
}

/* dashed bullet points */
.ul-quotes {
  list-style-type: square;
  margin-left: -0.8em;
  margin-top: -0.8em;
}
.ul-quotes li {
  padding: 3px 0px;
  font-style: italic;
}

/* dashed ordered list */
ol {
counter-reset: orderedList;
list-style: none;
margin-left: 0.8em;
text-align: left;
}
ol li {
margin-left: 0em;
padding-bottom: 0.5em;
}
ol li:before {
counter-increment: mycounter;
content: "[" counter(mycounter) "]";
margin-left: -2.0em;
padding: 0.4em;
}
ol:first-of-type {
  counter-reset: mycounter;
}

 /* logo colors */
 .icon-color
 {
     color: #444247;
     font-size: 150%;
 }

 .icon-color:link
 {
     /* color: #2F2D31; */
     color: #003F5C;
 }

 .icon-color:visited
 {
     /* color: #2F2D31; */
    color: #003F5C;
 }

 .icon-color:hover
 {
     /* color: #38363B; */
     color: #003F5C;
 }

 /* hyperlink colors */
 .link-color:link {
     color: #4362BA;
 }

 .link-color:visited {
     color: #4362BA;
 }

 .link-color:hover {
     color: #4D70D3;
     text-decoration: none;
 }

 .main__content {
    max-width: 1100px;
    margin: auto;
 }

.bio__content {
 display: block;
 line-height: 1.3;
}

.info__content {
 display: block;
 line-height: 1.3;
}

.research__content {
 display: block;
 line-height: 1.3;
}

.publication__content {
 display: block;
 line-height: 1.2;
}

.group__content {
  display: block;
  line-height: 1.2;
 }

 .members-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
  margin-top: 1px;
}

.member {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: 10px;
  width: 160px; 
}

.member__photo {
  width: 120px;
  height: 120px;
  border-radius: 20%;
  object-fit: cover;
  border: 0px solid #ccc;
  margin-bottom: 2px;
}

.readingclub__content {
  display: block;
  line-height: 1.2;
 }

.news__content {
  display: block;
  line-height: 1.3;
  font-size: 1em;
  margin-left: -1.5em;
  text-align: left;
 }

.news__content__brief {
 display: block;
 line-height: 1.2;
 font-size: 1em;
 margin-top: -0.5em;
 margin-left: 0em;
 text-align: left;
}


.join__content {
  display: block;
  line-height: 1.3;
 }

 .join__content_link {
  display: block;
  line-height: 1.3;
  font-size: 1.0em;
  margin-right: 1.5em;
  text-align: left;
  color: #00935d;
 }

.join__content_link:hover {
  color: #00C97E !important;
}

.nav-style {
  display: block;
  /* color: #A51C30; */
  color: #00C97E;
 }

 .nav-link:hover {
  color: #00C97E !important;
}


.page__footer {
  margin-top: 0em;
  border-top: 1px solid #EDF0F2;
  color: #9BA5AD;
  font-family: 'Lato', Verdana, Helvetica, sans-serif;
  font-size: 0.6em;
}

.author__content {
  display: table-cell;
  vertical-align: top;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0.1em;
  margin-left: 1.0em;
  margin-right: 1.0em;
  line-height: 2.0;
  text-align: left;
}

.author__name {
  margin: 0;
  /* color: #A51C30; */
  color: #00C97E;

  font-size: 1.6em;
}

.author__bio {
  margin: 0;
  margin-top: 0.0em;
  line-height: 1.5em;
  font-size: 0.9em;
  text-align: left;
}

.author__avatar {
  display: table-cell;
  vertical-align: top;
  max-width: 100%;
  margin-left: 0em;
  margin-right: 0em;
  margin-bottom: 0em;
  border-radius: 10%;
  img {
    max-width: 100%;
  }
}

.container{
    display: flex;
    flex-direction: row;
}
.container__full{
  float: left;
  width: 100%;
}

.container__col-left-small{
    float: left;
    width: 45%;
    margin-left: 0em;
    margin-right: 1.0em;
}

.container__col-right-large{
    float: left;
    width: 50%;
}

.container__col-left-large{
  float: left;
  width: 65%;
  margin-left: 0em;
  margin-right: 1.5em;
}

.container__col-right-small{
  float: left;
  width: 28%;
}

@media(max-width: 550px){
    .container{
       flex-direction: column;
    }
    .container__col-left-large{
       width: 100%;
    }
    .container__col-left-small{
       width: 100%;
    }
    .container__col-right-large{
      width: 100%;
   }
   .container__col-right-small{
      width: 100%;
   }
}