/* -- FONTS --------------------------------------------------------- */

@font-face {
  font-family: 'LightCon';
  src: url('../fonts/robotocondensed-light-webfont.eot');
  src: url('../fonts/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-light-webfont.woff') format('woff'), url('../fonts/robotocondensed-light-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'LightConObl';
  src: url('../fonts/robotocondensed-lightitalic-webfont.eot');
  src: url('../fonts/robotocondensed-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-lightitalic-webfont.woff') format('woff'), url('../fonts/robotocondensed-lightitalic-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-lightitalic-webfont.svg#roboto_condensedlight_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BoldCon';
  src: url('../fonts/robotocondensed-bold-webfont.eot');
  src: url('../fonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-bold-webfont.woff') format('woff'), url('../fonts/robotocondensed-bold-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BoldConObl';
  src: url('../fonts/robotocondensed-bolditalic-webfont.eot');
  src: url('../fonts/robotocondensed-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-bolditalic-webfont.woff') format('woff'), url('../fonts/robotocondensed-bolditalic-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-bolditalic-webfont.svg#roboto_condensedbold_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RegCon';
  src: url('../fonts/robotocondensed-regular-webfont.eot');
  src: url('../fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-regular-webfont.woff') format('woff'), url('../fonts/robotocondensed-regular-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RegConObl';
  src: url('../fonts/robotocondensed-italic-webfont.eot');
  src: url('../fonts/robotocondensed-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-italic-webfont.woff') format('woff'), url('../fonts/robotocondensed-italic-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-italic-webfont.svg#roboto_condenseditalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'UltraCon';
  src: url('../fonts/leaguegothic-regular-webfont.eot');
  src: url('../fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/leaguegothic-regular-webfont.woff') format('woff'), url('../fonts/leaguegothic-regular-webfont.ttf') format('truetype'), url('../fonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* -- UNIVERSAL ----------------------------------------------------- */

html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}

main {
  padding-bottom: 5px;
}

a:link, a:visited {
  color: rgba(122, 0, 60, 1);
}

a {
  text-decoration: none;
}

h1 {
  font-family: UltraCon;
  font-size: 10wv;
}

h2 {
  font-family: RegCon;
  font-size: 8wv;
}

h3 {
  font-family: LightCon;
  font-size: 30px;
}

@media screen and (min-width: 995px) {
  h1 {
    font-size: 50px;
  }
  
  h2 {
    font-size: 40px;
  }
}

/* -- FRAME --------------------------------------------------------- */

/* is this one still used? */
span.main_title {
  font-family: "Gill Sans MT", "Lucida Grande", "Lucida Sans",
    "trebuchet ms", cambria;
  color: #333;
  /* margin: auto; */
}

div.main_title {
  padding-top: 20px; 
  padding-bottom: 10px;
  width: 100%;
}

h2.main_title {
  font-family:'UltraCon';
  color: rgba(119, 119, 119, 1);
  font-size:6vw;
  margin:0px;
  text-align: center !important;
}

h1.main_title {
  font-family:'UltraCon'; 
  color: rgba(122, 0, 60, 1); 
  font-size:8vw; 
  margin:0px;
  text-align: center !important;
}

div.logo-title {
  text-align: center;
}

/* mobile-first approach */
@media screen and (min-width: 580px) {
  
  h1.main_title {
    font-family:'UltraCon'; 
    color: rgba(122, 0, 60, 1); 
    font-size:45px; 
    margin:0px;
    text-align: center !important;
  }
  
  h2.main_title {
    font-family:'UltraCon';
    color: rgba(119, 119, 119, 1);
    font-size:20px;
    margin:0px;
    text-align: center !important;
  }
  
  br.main_title_br {
    display: inline;
  }
  
  div.logo-title {
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
  }
  
}

@media screen and (min-width: 768px) {
  h1.main_title {
    font-family: 'UltraCon'; 
    color: rgba(122, 0, 60, 1); 
    font-size: 45px; 
    margin: 0px;
    text-align: right !important;
  }
  
  h2.main_title {
    font-family: 'UltraCon';
    color: rgba(119, 119, 119, 1);
    font-size: 20px;
    margin: 0px;
    text-align: right !important;
  }
  
  br.main_title_br {
    display: inline;
  }
  
  div.logo-title {
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
  }
}

@media screen and (min-width: 995px) {
  
  h1.main_title {
    font-family:'UltraCon'; 
    color: rgba(122, 0, 60, 1); 
    font-size:45px; 
    margin:0px;
    text-align: right !important;
  }
  
  h2.main_title {
    font-family:'UltraCon';
    color: rgba(119, 119, 119, 1);
    font-size:20px;
    margin:0px;
    text-align: right !important;
  }
  
  br.main_title_br {
    display: none;
  }
  
  div.logo-title {
    text-align: left;
    margin-top: auto;
    margin-bottom: auto;
  }
  
}

@media screen and (min-width: 1170px) {
  div.main_title {
    width: 1170px;
  }
}

.bg-wine {
  /* background-color: #990033 */
  background-color: rgba(122, 0, 60, 1);
}

/* -- FOOTER ------------------------------------------------------- */

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}

footer span.long {
  display: None;
}

footer span.mid{
  display: None;
}

footer span.short{
  display: Inline;
}

@media screen and (min-width: 550px) {
  /* mid */
  footer span.long{ display: None; }
  footer span.mid{ display: Inline; }
  footer span.short{ display: None; }
}

@media screen and (min-width: 770px) {
  /* long */
  footer span.long{ display: Inline; }
  footer span.mid{ display: None; }
  footer span.short{ display: None; }
}

/* -- COMMON -------------------------------------------------------- */

.invisible {
  display: none
}

.visible {
  display: block
}

div.header {
  background-color: #f1f1f1;
  border: 1px solid #ddd;    /* Add a grey border */
}

img.header_nohome {
  display: none;
}

div.header_row_nohme {
  padding-bottom:3px
}

@media screen and (min-width: 580px) {
  img.header_nohome {
    padding-top:0px;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
    border-bottom: 1px solid #BFBFBF;
    border-left: 1px solid #BFBFBF;
    border-right: 1px solid #BFBFBF;
    margin-top: 0px;
    display: block;
    width: 100%;
  }
}

/* -- PAGES --------------------------------------------------------- */

/* -- PAGES : main -------------------------------------------------- */

div.main_white {
  padding-top: 10px;
}

div.main_grey {
  background-color: #EFEFEF;
  padding-top: 10px;
}

/* -- PAGES : proj -------------------------------------------------- */

/* Page: Projects */

div.project_overtext {
  top: 0px;
  left: 0px;
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  height: 100%;
  display: None;
}

img.project_logo {
  cursor: pointer;
}

/* -- PAGES : site -------------------------------------------------- */

a.map_button {
  position: absolute;
  z-index: 400;
  width: 34px;
  height: 34px;
  line-height: 30px;
  background-color: #FFF;
  text-align: center;
  border-radius: 4px;
  background-clip: padding-box;
  border: 2px solid rgba(0,0,0,0.2);
  cursor: auto;
}

a.map_button:hover {
  background-color: #EEE;
  cursor: pointer;
}

a.map_button_home {
  top: 80px; 
  left: 25px;
}

a.map_button_toggle {
  top: 10px;
  right: 25px;
}

div.site_description {
  border-bottom: 1px #cfcfcf solid;
  margin-bottom: 5px;
  margin-left:auto; 
  margin-right:auto;
}

@media screen and (min-width: 770px) {
  div.site_description {
    width: 750px;
  }
}

div.site_description_brief {
  display: block;
}

div.site_description_long {
  display: none;
}

p.site_title {
  color: #990033;
}

table.mesonet_site {
  margin: 0px auto;
  float: none;
  width: auto;
  display:table;
}

table.mesonet_site thead td {
  border-top-width: 0px;
  font-weight: bold;
  padding-bottom: 1px;
}

table.mesonet_site tbody td {
  padding-top: 1px;
  padding-bottom: 1px;
}

table.mesonet_site tbody {
  border-bottom: 2px solid #dee2e6;
}

div.site_img_div {
  text-align: center;
  width: 100%;
}

div.site_img_div img {
  width: 100%;
}

#sites_div_map {
  height: 300px;
  width: 100%;
}

@media screen and (min-width: 1000px) {
  div.site_img_div {
    width: 500px;
  }
}

div.modal-content {
  width: 95%;
}

@media screen and (min-width: 578px) {
  .modal-content {
    width: 550px;
  }
}

/* -- PAGES : publ -------------------------------------------------- */

#publication_search_textbox {
  background-image: url('../imgs/publications/icon_search.png');
  background-position: 10px 12px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  width: 100%; /* Full-width */
  font-size: 16px; /* Increase font-size */
  padding: 12px 20px 12px 40px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-bottom: 12px; /* Add some space below the input */
}

table.publication_table {
  border-collapse: collapse; /* Collapse borders */
  width: 98%;                /* Full-width */
  border: 1px solid #ddd;    /* Add a grey border */
  font-size: 12px;           /* Increase font-size */
  padding-bottom: 12px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 12px;
}

table.publication_table th, table.publication_table td {
  text-align: left;    /* Left-align text */
  padding-left: 10px;  /* Add padding */
  padding-right: 3px;  /* Add padding */
  padding-top: 2px;    /* Add padding */
  padding-bottom: 2px; /* Add padding */
  text-indent: -7px;
}

table.publication_table tr {
  /* Add a bottom border to all table rows */
  /* border-bottom: 1px solid #ddd; */
}

table.publication_table tr.header{
  /* Add a grey background color to the table header and on hover */
  background-color: #f1f1f1;
}

table.publication_table tr:hover {
  /* Add a grey background color to the table header and on hover */
  background-color: #f9f9f9;
}

span.publications_authors {}

span.publications_year {
  
}

span.publications_year:before {
  content: "(";
}

span.publications_year:after {
  content: ")";
}

span.publications_title {

}

span.publications_publisher:after {
  content: " - ";
}

span.publications_journal_i, span.publications_journal_o {
  font-weight: bold;
  font-style: italic;
}

span.publications_journal_o:after {
  content: ". ";
}

span.publications_journal_i:after {
  content: ", ";
}

span.publications_book_i:before {
  content: "In: ";
}

span.publications_book_i:after {
  content: ", ";
}

span.publications_book_o:before {
  content: "In: ";
}

span.publications_book_o:after {
  content: ". ";
}

span.publications_editors:after {
  content: "(Eds.)";
}

span.publications_extra {}

span.publications_issue:after {
  content: ". ";
}

span.publications_doi_num:before {
  content: "DOI: ";
}

span.publications_submitted:before {
  content: "Submitted "
}

span.publications_submitted:after {
  content: "."
}

span.publications_link:before {
  content: "["
}

span.publications_link:after {
  content: "]"
}

/* -- PAGES : people ------------------------------------------------ */

table.people {
  width: 100%
}

table.people thead td {
  border-top-width: 0px;
  font-weight: bold;
}

li.people_tab {
  flex-basis: auto !important;
  width: 50%;
}

@media screen and (min-width: 450px) {
  li.people_tab {
    flex-basis: 0 !important;
    width: auto;
  }
}

/* -- PAGES : resources --------------------------------------------- */

ul.wine_list {
  padding-left: 5px;
  list-style: none;
}

ul.wine_list li::before{
  content: "\2022";
  color: #990033;
}

p.resources_note {
  background-color: #F5F5F5;
  margin: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 10px;
  padding-right: 10px;
}