/*
--------------------------------------------------------------------------------
Theme Name: Research Threads v2
Author: Steve Weintraub
Author URI: mailto:steve@dalahus.com
--------------------------------------------------------------------------------
File Info:
This stylesheet contains the styles for the new layout of F1000Research. These
were implemented on July 6th 2015. New styles should be appended to this file.
--------------------------------------------------------------------------------
*/

/* ========================= */
/* Start Of Font Definitions */
@font-face {
  font-family: 'ProximaRegular';
  src: url("font/Proxima_Nova_Reg-webfont.eot");
  src: local("☺"), url("font/Proxima_Nova_Reg-webfont.woff") format("woff"), url("font/Proxima_Nova_Reg-webfont.ttf") format("truetype"), url("font/Proxima_Nova_Reg-webfont.svg#webfontstEnRm6v") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ProximaSemiBold';
  src: url("font/Proxima_Nova_Sbold-webfont.eot");
  src: local("☺"), url("font/Proxima_Nova_Sbold-webfont.woff") format("woff"), url("font/Proxima_Nova_Sbold-webfont.ttf") format("truetype"), url("font/Proxima_Nova_Sbold-webfont.svg#webfontxso48NW5") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ProximaBold';
  src: url("font/Proxima_Nova_Bold-webfont.eot");
  src: local("☺"), url("font/Proxima_Nova_Bold-webfont.woff") format("woff"), url("font/Proxima_Nova_Bold-webfont.ttf") format("truetype"), url("font/Proxima_Nova_Bold-webfont.svg#webfont0R9JsQdw") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* End Of Font Definitions */
/* ======================= */



/* ============================ */
/* Start Of General/Site Styles */
.is-hidden { display: none; }
.row {
  width: 1024px;
  max-width: 100%;
  min-width: 990px;
  margin: 0 auto;
}
.row .row {
  width: auto;
  max-width: none;
  min-width: 0;
}
.row {
  *zoom: 1;
}
.row:before, .row:after {
  content: "";
  display: table;
}
.row:after {
  clear: both;
}
/* End Of General/Site Styles */
/* ========================== */


/* ====================== */
/* Start Of Header Styles */
.the-header-row-wrapper { background-color: white; width: 100%; }
.the-header-row { width: 1024px; margin: 0 auto; }

header .top-search-form-wrapper {
  background-color: #fff;
  float: right;
  margin-right: -200px;
  display: inline-block;
  line-height: 26px;
  font-size: 0;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  color: #333;
  position: relative;
  top: 63px;
}
header .top-search-form-wrapper input {
  font-size: 12px;
  vertical-align: middle;
  border: 0;
  background-color: transparent;
  width: 200px;
  color: #333;
}
header .top-search-form-wrapper .submit-search-button {
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none;
  background: transparent;
}
header .top-search-form-wrapper .icon-26_search {
  color: #f2673c;
  margin-left: 3px;
  font-size: 20px;
  vertical-align: middle;
  cursor: pointer;
}
.the-network-header {
  float: left;
  line-height: 30px;
  width: 70%;
  height: 30px;
}
.the-network-header li { margin: 0 20px; display: inline-block; }
.the-network-header .prime {
  display: inline-block;
  height: 30px;
  width: 91px;
  text-indent: -9999px;
  background-image: url("images/F1000Prime_logo_header.png");
  background-repeat: no-repeat;
  background-position: center center;
}
.the-network-header .prime:hover { background-image: url("images/F1000Prime_logo_hover_header.png"); }
.the-network-header .workspace {
  display: inline-block;
  height: 30px;
  width: 115px;
  text-indent: -9999px;
  background-image: url("images/F1000Workspace_logo_header.png");
  background-repeat: no-repeat;
  background-position: center center;
}
.the-network-header .workspace:hover { background-image: url("images/F1000Workspace_logo_hover_header.png"); }
header .submit-an-article {
  display: inline-block;
  color: #e96527;
  background-color: #fff;
  line-height: 22px;
  padding: 8px 20px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  float: right;
  margin-top: 10px;
}
header .submit-an-article:hover { text-decoration: none; color: #fe7b51; }
/* End Of Header Styles */
/* ==================== */


/* ====================== */
/* Start Of Footer Styles */
.footer-wrapper {
  clear: both;
  background: #212a34;
}
.footer-wrapper .footer {
  width: 990px;
  margin: 0 auto;
}
.footer-wrapper .product-column {
  float: left;
}
.footer-wrapper .product-column.left-column {
  width: 300px;
}
.footer-wrapper .product-column.right-column {
  width: 625px;
  float: right;
}
.footer-wrapper .product-column .product-column-header {
  line-height: 85px;
  min-height: 85px;
  border-bottom: 5px solid rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
}
.footer-wrapper .product-column .product-column-header a {
  color: rgba(255, 255, 255, 0.6);
}
.footer-wrapper .product-column .product-column-header a:hover {
  color: #fff;
  text-decoration: none;
}
.footer-wrapper .product-column .product-column-header span {
  position: relative;
  bottom: -6px;
}
.footer-wrapper .product-column .product-column-content {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 30.5px 0;
  font: normal normal normal 16px/24px "Proxima Nova Semibold", "ProximaSemiBold", Arial, sans-serif;
  letter-spacing: 0.05em;
  min-height: 88px;
}
.footer-wrapper .product-column .product-column-content.main-text {
  font: normal normal normal 18px/22px "Proxima Nova Semibold", "ProximaSemiBold", Arial, sans-serif;
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 0.3) !important;
}
.footer-wrapper .product-column .product-column-content a {
  color: rgba(255, 255, 255, 0.6) !important;
}
.footer-wrapper .product-column .product-column-content a:hover {
  color: #fff !important;
  text-decoration: none !important;
}
.footer-wrapper .product-column .header-logo {
  background-image: url("images/f1000research-footer.png");
  background-repeat: no-repeat;
  background-position: left center;
}
.footer-wrapper .product-column .product-nav-column {
  float: left;
}
.footer-wrapper .product-column .product-nav-column ul {
  margin: 0;
  margin-right: 50px;
  padding: 0;
  list-style: none;
  font: normal normal normal 16px/24px "Proxima Nova Semibold", "ProximaSemiBold", Arial, sans-serif;
  letter-spacing: 0.05em;
}
.footer-wrapper .product-column .publish-your-research {
  float: right;
  font: normal normal normal 14px/20px "Proxima Nova Semibold", "ProximaSemiBold", Arial, sans-serif;
  letter-spacing: 0.05em;
  padding: 5px 20px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  text-transform: uppercase;
  font-size: 12px;
}
.footer-wrapper .product-column .publish-your-research:hover {
  border: 1px solid #fff;
}
.footer-wrapper .products-copyright,
.footer-wrapper .products-social-links {
  font-size: 12px;
  line-height: 110px;
  color: rgba(255, 255, 255, 0.3) !important;
}
.footer-wrapper .products-copyright a,
.footer-wrapper .products-social-links a {
  color: rgba(255, 255, 255, 0.3) !important;
}
.footer-wrapper .products-copyright a:hover,
.footer-wrapper .products-social-links a:hover {
  color: #ddd !important;
  text-decoration: none !important;
}
.footer-wrapper .products-social-links {
  font: normal normal normal 0/110px "Proxima Nova Semibold", "ProximaSemiBold", Arial, sans-serif;
}
.footer-wrapper .products-social-links .products-social-heading {
  font-size: 16px;
  letter-spacing: 0.05em;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.footer-wrapper .products-social-links .f1r-icon {
  margin-right: 10px;
  font-size: 30px;
  display: inline-block;
  vertical-align: middle;
  color: rgba(255, 255, 255, 0.3) !important;
}
.footer-wrapper .products-social-links .f1r-icon:hover {
  text-decoration: none !important;
  color: rgba(255, 255, 255, 0.5) !important;
}
.footer-wrapper .products-social-links .f1r-icon:before {
  margin-left: 0;
  margin-right: 0;
}
/* End Of Footer Styles */
/* ==================== */