/**
 * @file
 * Basic CSS
 */

/* Font Families
 ******************************************************************************/
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Light.ttf') format('truetype');
  font-weight: 300;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Semibold.ttf') format('truetype');
  font-weight: 500;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Bold.ttf') format('truetype');
  font-weight: 700;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Extrabold.ttf') format('truetype');
  font-weight: 900;
}
@font-face {
  font-family: 'oxygenregular';
  src: url('../fonts/oxygen/oxygen-webfont.eot');
  src: url('../fonts/oxygen/oxygen-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/oxygen/oxygen-webfont.woff') format('woff'), url('../fonts/oxygen/oxygen-webfont.ttf') format('truetype'), url('../fonts/oxygen/oxygen-webfont.svg#oxygenregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'oxygenregular';
  src: url('../fonts/oxygen/oxygen-bold-webfont.eot');
  src: url('../fonts/oxygen/oxygen-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/oxygen/oxygen-bold-webfont.woff') format('woff'), url('../fonts/oxygen/oxygen-bold-webfont.ttf') format('truetype'), url('../fonts/oxygen/oxygen-bold-webfont.svg#oxygenbold') format('svg');
  font-weight: bold;
  font-style: bold;
}

/* General Typography
 ******************************************************************************/
ul,
ol {
  margin-left: 40px;
}
.form-text {
  width: 100%;
  color: black !important;
}
/* Sets header and body font-family */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Proxima Nova',sans-serif;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.print-logo {
  display: none;
}
.body-container {
  width: 100%;
}
form input[type='number']::-webkit-outer-spin-button,
form input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
a {
  text-decoration: none !important;
}
.nodecontent p {
  font-family: 'oxygenregular',sans-serif;
  line-height: 1.7em;
}
input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
  color: black !important;
  border-color: inherit !important;
}
input {
  font-family: 'Proxima Nova',sans-serif;
}
.action-btn {
  padding: 7px 13px 5px 13px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  border: none;
  font-size: 1.2em;
  letter-spacing: 0.1em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.desktop-visible,
.tablet-visible,
.mobile-visible {
  display: none;
}
.form-actions {
  background: transparent;
  border: none;
}
.contribute-footer {
  display: none;
}
.contribute a {
  text-transform: uppercase;
  color: white;
  background: #b33e2e;
  padding: 8px 13px 7px 13px;
  -webkit-transition: background 0.1s ease-in-out;
  -moz-transition: background 0.1s ease-in-out;
  -ms-transition: background 0.1s ease-in-out;
  -o-transition: background 0.1s ease-in-out;
  transition: background 0.1s ease-in-out;
}
.contribute a:hover {
  background: #d74a37;
}
.column-headers > div {
  padding: 3px 0px;
  z-index: 99;
}
.column-headers h3 {
  color: #fff;
  font-size: 1.4em;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0;
  padding-left: 30px;
}
.column-headers h3 a {
  color: #fff;
  text-decoration: none;
}
.column-headers h3 i.fa {
  margin-left: 5px;
  color: #99C2DA;
}
.column-headers div.left {
  width: 69%;
  float: left;
}
.column-headers div.right {
  width: 31%;
  float: right;
}

/* Media Queries
 ******************************************************************************/
@media (max-width: 767px) {
  .mobile-visible {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 840px) {
  .tablet-visible {
    display: block;
  }
}
@media (min-width: 1025px) {
  .desktop-visible {
    display: block !important;
  }
}
/** Quick Fix!!! **/
#big-menu .content ul {
  width: 750px !important;
  /* width: auto !important; */
}
#big-menu .content .dropdown-block ul {
  width: auto !important;
}
.go-up {
  display: none;
  position: fixed;
  background: #126D97;
  color: #fff;
  width: 40px;
  height: 33px;
  bottom: 30px;
  font-size: 1.6em;
  text-align: center;
  z-index: 100;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  right: 40px;
  border-radius: 3px;
  padding-top: 8px;
}
.go-up:hover {
  background: #218FC4;
  text-decoration: none;
  color: #fff;
}
.loading {
  text-align: center;
}
/* Hot Fix. Do Properly */
#right-sidebar-join h1,
#right-sidebar-join .submitted-info {
  display: none;
}
/* Feature */
#feature .login-register-comments {
  display: none !important;
}
#feature .form-item input.error {
  border: 2px solid red;
  border: 2px solid red !important;
}
#feature .form-item input.error::-webkit-input-placeholder {
  /* WebKit browsers */
  color: red;
}
#feature .form-item input.error:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: red;
}
#feature .form-item input.error::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: red;
}
#feature .form-item input.error:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: red;
}
#feature .messages {
  display: none;
}
ul.pager {
  display: none;
}
.footnotes li,
.footnotes p {
  font-size: 1em !important;
  margin-bottom: 5px !important;
}
.footnotes hr {
  border: none;
  border-top: 2px solid #DEE2E4;
}
#infscr-loading {
  display: none !important;
}
.content-empty {
  text-align: center;
  font-size: 1.3em;
  padding: 30px;
  color: #777;
}
.front-loading {
  text-align: center;
  width: 20px;
  margin: 0 auto;
}
.loading {
  margin-bottom: 50px;
}
.loading-content-type {
  width: 92%;
  margin: 75px auto 75px;
  text-align: center;
  /*position: absolute;;
  bottom: 50px;*/
  display: none;
}

/* Account Menu
 ******************************************************************************/
.account-menu {
  display: none;
  border: 1px solid #2B343F;
  width: 130px;
  position: fixed;
  background: #3D434D;
  border-top: 1px solid #445260;
  margin-left: -12px;
  box-shadow: 0px 1px 4px 0px #2B343F;
}
.account-menu a {
  display: block;
  padding-left: 10px;
  line-height: 35px;
  font-size: 14px;
}
.login a.account {
  border: 1px solid #3D4249;
  display: block;
  margin-left: -12px;
  line-height: 35px;
  padding-left: 10px;
  width: 120px;
  font-size: 14px;
  margin-top: -6px;
}
.login .account.hover {
  background: #3D434D;
  border: 1px solid #2B343F;
  border-bottom: 1px solid #2c343e;
  box-shadow: 0px 1px 4px 0px #2B343F;
}
#browser-update {
  position: fixed;
  z-index: 10000;
  background: #FCF19B;
  width: 100%;
  font-size: 16px;
  padding: 20px;
  line-height: 40px;
}
#content > .messages {
  margin-left: 3.5%;
  margin-top: 0;
  margin-bottom: 20px;
  width: 86.8%;
  padding: 10px 20px 10px 40px;
  position: relative;
}
.message-close {
  position: absolute;
  top: -1px;
  right: 6px;
  cursor: pointer;
}
#webform-client-form-128 {
  position: relative;
  margin-top: 35px;
  padding-bottom: 40px;
}
#webform-client-form-128 input[type='text'],
#webform-client-form-128 input[type='email'],
#webform-client-form-128 input[type='number'] {
  width: 50%;
}
#webform-client-form-128 #webform-component-optional-survey {
  width: 40%;
  position: absolute;
  right: 0;
  top: 0;
}
.audio-embed {
  margin-top: 30px;
}
.audio-embed object {
  width: 100%;
  height: 82px;
}
.content-loading {
  display: none;
  text-align: center;
  margin-top: 20px;
}
.page-taxonomy-term .column-headers .right h3 {
  font-size: 1.4em;
  float: left;
}
.ajax-progress-throbber {
  display: none;
}

/**
 * Feature Wells,
 */
.feature {
  background: rgba(157, 199, 219, 0.1) url('../images/light_toast_blue.png');
}
.feature-well {
  border-bottom: 1px solid #bbb;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 40%, rgba(0,0,0,0.08) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.08))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 40%,rgba(0,0,0,0.08) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(0,0,0,0) 40%,rgba(0,0,0,0.08) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(0,0,0,0) 40%,rgba(0,0,0,0.08) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 40%,rgba(0,0,0,0.08) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#21000000',GradientType=0 ); /* IE6-9 */
  -webkit-box-shadow: inset 0 -2px 16px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 -2px 16px rgba(0,0,0,0.1);
   box-shadow: inset 0 -2px 16px rgba(0,0,0,0.1);
}