/* ------------- Page Layout -------------- */
/*------------ mosaic splash --------------*/
#mosaic_images{
  padding: 0px;
  max-width: 100%;
  content: "";
  display: table;
  clear: both;
  padding-right: 0;
  background: black;
}

#main_img img{
  max-width:100%;
  padding: 5px;
}

.images_resp img{
  width: 0px;
  display: none;
}

@media (max-width: 909px){
  #main_img img{
    width: 0px;
    display: none;
  }
  .images_resp img{
    width: 100%;
    display: block;

  }
}

/* --------- two columns ------------ */
.one_col_row{
 min-height: 30vh !important;
}
.two_col_row{
 min-height: 30vh !important;
}
.main_col{

  width: 70%;
  display: inline-block;

  margin: 0px;
  vertical-align: top;
  padding: 20px;

  border: none;

}

.extra_col{

  width: 20%;
  display: inline-block;

  margin: 0px;
  vertical-align: top;
  padding: 20px;

  border: none;

}

@media(max-width: 823px){
  .main_col{

    width: 100%;
    display: block;

    padding: 5px;

  }
  .extra_col{

    width: 100%;
    display: block;

    padding: 5px;

  }
}


/* ------- Page content styles --------- */
.portrait{
  max-width: 15vw; 
  float: left; 

  border: 5px solid white; 
  margin: 20px;
  margin-top: 0px;
  margin-left: 0px;

  text-shadow: 1px 1px 2px rgb(0, 0, 0), 0 0 0.1em rgb(255, 255, 255), 0 0 0.2em rgb(0, 0, 0);
   /* Firefox */
  -moz-box-shadow:5px 5px 7px rgba(33,33,33,1);
  /* Safari+Chrome */
  -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);
  /* Opera */
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);
 
}
.illustration{
  max-width: 640px;
  height: auto;

  border: 1px solid #09163F; 
  margin: 20px;

  text-shadow: 1px 1px 2px rgb(0, 0, 0), 0 0 0.1em rgb(255, 255, 255), 0 0 0.2em rgb(0, 0, 0);
   /* Firefox */
  -moz-box-shadow:5px 5px 7px rgba(33,33,33,1);
  /* Safari+Chrome */
  -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);
  /* Opera */
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);
 
}
.illustration_caption{
  /* margin-top: 20px;
  margin-bottom: 10px;
  */
  margin-right: 0px;
  padding: 5px;

  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: 1000;
  color: #09163F;
  font-style: italic;

}
.vid{

  width: 640px;
  height: 359px; 
  border: 5px solid white; 
  margin: 20px;

  text-shadow: 1px 1px 2px rgb(0, 0, 0), 0 0 0.1em rgb(255, 255, 255), 0 0 0.2em rgb(0, 0, 0);
   /* Firefox */
  -moz-box-shadow:5px 5px 7px rgba(33,33,33,1);
  /* Safari+Chrome */
  -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);
  /* Opera */
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);

}
.article_heading{

  font-family: 'Teko', sans-serif;
  font-size: 55px;
  letter-spacing: 5px;
  line-height: 48px;
  font-weight: 1000;
  color: #09163F;

}
.article_intro{

  margin-top: 10px;
  margin-bottom: 20px;

  font-family: 'Lato', sans-serif;
  font-size: 20px;
  letter-spacing: 3px;
  font-weight: 1000;
  color: #09163F;

}
.article_category{

  max-width: 30vw;

  padding: 3px;
  margin-bottom: 20px;

  text-align: center;
  font-family: 'Signika', sans-serif;
  color: rgba(255, 255, 255, 1.0);
  font-size: 20px;

  text-shadow: 1px 1px 2px rgb(0, 0, 0), 0 0 0.1em rgb(255, 255, 255), 0 0 0.2em rgb(0, 0, 0);
   /* Firefox */
  -moz-box-shadow:5px 5px 7px rgba(33,33,33,1);
  /* Safari+Chrome */
  -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);
  /* Opera */
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);
  border: 2px solid white;

}
.category_red{
    background-color: #D92027;
}

.category_green{
    background-color: #79D70F;
}

.category_purple{
    background-color: #6A097D;
}
.category_yellow{
    background-color: #FFCC00;
}
.article_content{
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: 20px;
  margin-right: 20px;

  font-family: 'Lato', sans-serif;
  font-size: 18px;
  letter-spacing: 2px;
  color: #09163F;

}
.article_subheading{

  margin-top: 30px;

  font-family: 'Teko', sans-serif;
  font-size: 35px;
  letter-spacing: 3px;
  line-height: 30px;
  font-weight: 1000;
  color: #09163F;

}
.article_smallheading{

  font-family: 'Teko', sans-serif;
  font-size: 25px;
  letter-spacing: 3px;
  line-height: 20px;
  font-weight: 1000;
  color: #09163F;

}
p{

  margin-top: 20px;
  margin-bottom: 20px;

}

.current_issue_info{
  text-align: center;
  padding: 40px;
}
.current_issue_info div{
  margin-top: 30px;
  margin-bottom: 20px;
}
.current_journal_name{

  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;

  font-family: 'Teko', sans-serif;
  font-size: 65px;
  letter-spacing: 3px;
  line-height: 58px;
  font-weight: 1000;
  color: #09163F;


  text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;
  /* text-shadow: 6px 3px 5px rgba(150, 150, 150, 1); */
  text-shadow: 6px 3px 5px rgba(144, 130, 0, 0.55);

}
.current_issue_theme{

  max-width: 30vw;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;

  text-align: center;
  font-family: 'Signika', sans-serif;
  color: rgba(255, 255, 255, 1.0);
  font-size: 25px;
  background-color: #CC0000;

  border-top: 5px solid #09163F;
  border-bottom: 5px solid #09163F;
  border-radius: 10px;

  text-shadow: 1px 1px 2px rgb(0, 0, 0), 0 0 0.1em rgb(255, 255, 255), 0 0 0.2em rgb(0, 0, 0);
   /* Firefox */
  -moz-box-shadow:5px 5px 7px rgba(33,33,33,1);
  /* Safari+Chrome */
  -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);
  /* Opera */
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);

}
.current_issue_volume{
  /*margin-top: 20px;
  margin-bottom: 10px;*/
  margin-left: 0px;
  padding: 5px;

  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: 1000;
  background-color: #09163F;
  color: #FFFFFF;

  border: 2px solid #09163F;

}
.current_issue_date{
  /* margin-top: 20px;
  margin-bottom: 10px;
  */
  margin-right: 0px;
  padding: 5px;

  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: 1000;
  color: #09163F;

  border: 2px solid #09163F;
}
.current_issue_messages{
  
}
.team{
  margin: 20px;
  padding: 20px;

  font-family: 'Lato', sans-serif;
  font-size: 16px;
  letter-spacing: 3px;
  background-color: #E4F3FF;

  border-top: 4px solid #09163F;
  border-bottom: 4px solid #09163F;
  border-radius: 20px;

}
.issues_toc{

  margin: 5px;
  margin-top: 25px;
  padding: 5px;
}
.toc_links{
  margin-bottom: 20px;
}
.toc_links li{
  margin-bottom: 5px;
}
.toc_links a{
  font-weight: bold;
  color: #09163F;
}
.toc_links a:hover{
  font-weight: bold;
  color: #E4F3FF;
  background-color: #09163F;
}
.toc_links a:active{
  font-weight: bold;
  color: #CC0000;
  background-color: #09163F;
}
/* -- responsive: mobile -- */
@media(max-width: 1024px){
  .portrait{
    max-width: 60vw;
    margin-top: 20px;     
    float: none;
  }
  .illustration{
    max-width: 100%;
    margin: 5px;
    clear: right;
  }
  .vid{
    width: 275px;
    height: 154px;
    margin: 5px;
    display: block;
  }  
  .article_category{
    max-width: 45vw;
  }
  .article_content{
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 25px;
  }
  .current_issue_volume{
    display: block;
  }
  .current_issue_date{
    display: block;
  }
  .current_issue_theme{
    max-width: 80vw; ;
    display: block;
  }  
}