/*
Theme Name: Citizen Science 
Author: Ideum
Version: 1.0
*/
/* original - still used for home page */
/*@breakpointOffset: 25px;*/
/*@smallDesktopWidth: 1024px;   // JavaScript value = 4
@mediumDesktopWidth: 1280px;  // JavaScript value = 5*/

/*#disqus_thread {
width: 982px;
margin-left:auto;
margin-right:auto;
}*/

.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

#disqus_thread {
max-width: 982px;
width: 100%;
margin-left:auto;
margin-right:auto;
padding: 5px;
}

.italic {
  font-style: italic;
}
.container {
  margin-left: auto;
  margin-right: auto;
  display: block;
  max-width: 980px;
  min-width: 260px;
  /*.padded;*/
  /* removed to make width 980px wide like design comps */
}
.padded {
  padding-left: 1%;
  padding-right: 1%;
}
.row {
  letter-spacing: -0.31em;
  margin-left: -5.25%;
  max-width: 105%;
}
* {
  margin: 0;
  outline: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body,
html {
  height: 100%;
  min-height: 100%;
}
html {
  font-family: "'1'";
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;
}
body {
  color: #666666;
  background: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 10px;
  line-height: 1em; /* changed to fix title heading wrap */
  position: relative;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
embed,
img,
object {
  max-width: 100%;
  height: auto;
}
embed,
object {
  height: 100%;
}
audio,
canvas,
video {
  display: inline-block;
}
abbr[title] {
  border-bottom: 1px solid #666666;
}
b,
strong,
.bold {
  font-weight: 700;
}
mark {
  color: #666666;
  background: #ffff00;
}
canvas {
  -ms-touch-action: double-tap-zoom;
}
figure {
  text-align: center;
  border: 1px solid #cccccc;
  padding: 14px;
  padding: 1.4rem;
  position: relative;
  margin-bottom: 14px;
  margin-bottom: 1.4rem;
}
figure img {
  margin-bottom: 14px;
  margin-bottom: 1.4rem;
}
figure figcaption {
  color: #737373;
  font-style: italic;
  line-height: 1.7em;
}
img {
  -ms-interpolation-mode: bicubic;
  display: inline-block;
}
sub,
sup {
  line-height: 0;
  vertical-align: baseline;
  font-size: 0.6em;
  margin-left: 3px;
  margin-left: 0.3rem;
  position: relative;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -1em;
}
::-moz-selection {
  background: #cccccc;
  text-shadow: none;
}
::selection {
  background: #cccccc;
  text-shadow: none;
}
.left {
  float: left;
}
.right {
  float: right;
}
.align-bottom {
  vertical-align: bottom;
}
.align-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-middle {
  vertical-align: middle;
}
.align-right {
  text-align: right;
}
.align-top {
  vertical-align: top;
}
.img-left {
  float: left;
  margin-top: 0.35em;
  margin-right: 14px;
  margin-right: 1.4rem;
  margin-bottom: 14px;
  margin-bottom: 1.4rem;
  margin-left: 0px;
  margin-left: 0rem;
}
.img-right {
  margin-top: 0.35em;
  margin-right: 0px;
  margin-right: 0rem;
  margin-bottom: 14px;
  margin-bottom: 1.4rem;
  margin-left: 14px;
  margin-left: 1.4rem;
  float: right;
}
.hidden {
  visibility: hidden;
}
.visible {
  visibility: visible;
}
.hide {
  display: none;
}
.show {
  display: inherit;
}
.inline {
  display: inline;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline-list li {
  display: inline;
}
.spaced {
  margin-bottom: 14px;
  margin-bottom: 1.4rem;
}
.spaced-block {
  display: block;
  margin-bottom: 14px;
  margin-bottom: 1.4rem;
}
.clear {
  clear: both;
}
.clear:before,
.clear:after {
  content: '';
  display: table;
}
.clear:after {
  clear: both;
}
.fill {
  width: 100%;
}
.border-box {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: #444444;
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 400;
  line-height: 1.4em;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
  font-weight: normal;
}
h1,
.h1 {
  font-size: 36px;
  font-size: 3.6rem;
}
h2,
.h2 {
  font-size: 30px;
  font-size: 3rem;
}
h3,
.h3 {
  font-size: 24px;
  font-size: 2.4rem;
}
h4,
.h4 {
  font-size: 18px;
  font-size: 1.8rem;
}
h5,
.h5 {
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 0rem;
  font-weight: 700;
}
h6,
.h6 {
  font-size: 6px;
  font-size: 0.6rem;
}
.contentLeft h1,
.contentLeft h2,
.contentLeft h3,
.contentLeft h4,
.contentLeft h5,
.contentLeft h6,
.contentLeft .h1,
.contentLeft .h2,
.contentLeft .h3,
.contentLeft .h4,
.contentLeft .h5,
.contentLeft .h6 {
  font-weight: 700 !important;
}
.contentLeft h1 small,
.contentLeft h2 small,
.contentLeft h3 small,
.contentLeft h4 small,
.contentLeft h5 small,
.contentLeft h6 small,
.contentLeft .h1 small,
.contentLeft .h2 small,
.contentLeft .h3 small,
.contentLeft .h4 small,
.contentLeft .h5 small,
.contentLeft .h6 small {
  font-weight: normal;
}
.subheader {
  color: #737373;
  font-weight: normal;
}
p {
  color: #737373;
  font-weight: normal;
  line-height: 1.7em;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}
small {
  font-size: 0.8em;
}
address,
cite,
dfn,
em,
i,
var {
  font-style: italic;
}
blockquote,
q {
  color: #222222;
  border-left: 3px solid #555555;
  font-style: italic;
  font-weight: normal;
  font-family: Georgia, Times;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.4em;
  padding-top: 1em;
  padding-right: 2em;
  padding-bottom: 1em;
  padding-left: 2em;
  margin-bottom: 14px;
  margin-bottom: 1.4rem;
}
blockquote cite,
q cite {
  display: block;
  font-style: normal;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2em;
  margin-top: 14px;
  margin-top: 1.4rem;
}
blockquote cite:before,
q cite:before {
  content: '\2014\00a0';
}
code,
kbd,
pre,
samp {
  background-color: #999999;
  color: #222222;
  font-family: Monaco, 'Andale Mono', 'Courier New';
  border: 1px solid #cccccc;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4em;
  padding-top: 0.15em;
  padding-right: 0.4em;
  padding-bottom: 0.15em;
  padding-left: 0.4em;
  border-radius: 3px;
  -moz-background-clip: border;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}
del,
s,
strike {
  text-decoration: line-through;
}
a {
  color: #2c71b6;
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
}
a:hover {
  color: #183e64;
  outline: 0;
}
a:active {
  color: #0e243b;
  outline: 0;
}
a img {
  border: 0;
}
hr,
.hr {
  border: 0;
  display: block;
  border-top: 3px solid #f15a24;
  height: 3px;
  margin-top: 20px;
  margin-top: 2rem;
  margin-bottom: 30px;
  margin-bottom: 3rem;
}
address {
  color: #222222;
  font-style: normal;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.7em;
  margin-bottom: 14px;
  margin-bottom: 1.4rem;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  table-layout: fixed;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
  width: 100%;
  margin-bottom: 14px;
  margin-bottom: 1.4rem;
}
table td,
table th {
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #cccccc;
  line-height: 1.7em;
  padding-top: 6px;
  padding-top: 0.6rem;
  padding-right: 8px;
  padding-right: 0.8rem;
  padding-bottom: 6px;
  padding-bottom: 0.6rem;
  padding-left: 8px;
  padding-left: 0.8rem;
}
table thead,
table tfoot {
  font-weight: 700;
}
table thead th,
table tfoot th {
  color: #222222;
  vertical-align: bottom;
}
table caption {
  background-color: #999999;
  border-bottom: 0;
  font-style: italic;
  padding-top: 6px;
  padding-top: 0.6rem;
  padding-right: 8px;
  padding-right: 0.8rem;
  padding-bottom: 6px;
  padding-bottom: 0.6rem;
  padding-left: 8px;
  padding-left: 0.8rem;
}
.table-bordered {
  border-bottom: 1px solid #cccccc;
}
.table-bordered caption {
  border: 1px solid #cccccc;
  border-bottom: 0;
}
.table-bordered td,
.table-bordered th {
  border-right: 1px solid #cccccc;
}
.table-bordered td:first-child,
.table-bordered th:first-child {
  border-left: 1px solid #cccccc;
}
.table-striped tr:nth-child(even) td {
  background-color: #999999;
}
dl,
ol,
ul {
  color: #737373;
  /*list-style-position: inside;*/
  margin-left: 30px;
  line-height: 1.7em;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}
dl li,
ol li,
ul li {
  margin-bottom: 2px;
  margin-bottom: 0.2rem;
}
ol ol,
ul ol,
ol ul,
ul ul {
  margin-bottom: 0px;
  margin-bottom: 0rem;
  margin-left: 20px;
}
ul {
  list-style-type: circle;
}
ul ul {
  list-style-type: circle;
}
ul ul ul {
  list-style-type: square;
}
ol {
  list-style-type: decimal;
}
nav > ol,
nav > ul {
  list-style: none;
  margin: 0;
}
nav > ol > li,
nav > ul > li {
  margin-bottom: 0;
}
dl {
  margin-bottom: 14px;
  margin-bottom: 1.4rem;
}
dt {
  color: #737373;
  font-family: 'Quattrocento Sans', sans-serif;
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 2px;
  margin-bottom: 0.2rem;
}
dd {
  color: #f5f5f5;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 10px;
  margin-bottom: 1rem;
}
form {
  margin-bottom: 14px;
  margin-bottom: 1.4rem;
}
button,
input,
select,
textarea {
  line-height: normal;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
:-moz-placeholder {
  color: ligten(#595959, 40%);
}
::-moz-placeholder {
  color: ligten(#595959, 40%);
}
:-ms-input-placeholder {
  color: ligten(#595959, 40%);
}
::-webkit-input-placeholder {
  color: ligten(#595959, 40%);
}
fieldset {
  border: 0;
  margin-bottom: 14px;
  margin-bottom: 1.4rem;
}
legend {
  border: 0;
  color: #595959;
  font-family: Arial, Helvetica, sans-serif;
  line-height: normal;
  width: 100%;
  font-size: 20px;
  font-size: 2rem;
  display: block;
  margin-bottom: 14px;
  margin-bottom: 1.4rem;
}
label {
  font-weight: normal;
  display: block;
  line-height: 1.3em;
  margin-bottom: 4px;
  margin-bottom: 0.4rem;
}
.checkbox,
.radio {
  display: block;
  margin-bottom: 10px;
  margin-bottom: 1rem;
}
.checkbox input[type='checkbox'],
.radio input[type='checkbox'],
.checkbox input[type='radio'],
.radio input[type='radio'] {
  padding: 0;
  float: left;
  margin-right: 8px;
  margin-right: 0.8rem;
  margin-top: 0.15000000000000002em;
}
.checkbox label,
.radio label {
  line-height: 1.3em;
}
input[type='email'],
input[type='file'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
textarea {
  color: #595959;
  font-size: 1.4rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #ffffff;
  border: 1px solid #cccccc;
  width: 100%;
  min-height: 25px;
  min-height: 2.5rem;
  min-width: 220px;
  padding-top: 2px;
  padding-top: 0.2rem;
  padding-right: 8px;
  padding-right: 0.8rem;
  padding-bottom: 2px;
  padding-bottom: 0.2rem;
  padding-left: 8px;
  padding-left: 0.8rem;
  border-radius: 10px;
  -moz-background-clip: border;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 14px;
  margin-bottom: 1.4rem;
}
input[type='email']:hover,
input[type='file']:hover,
input[type='password']:hover,
input[type='search']:hover,
input[type='tel']:hover,
input[type='text']:hover,
textarea:hover {
  border: 1px solid #b3b3b3;
}
input[type='email']:focus,
input[type='file']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='text']:focus,
textarea:focus {
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
}
input[type='search']::-webkit-search-decoration {
  display: none;
}
input[type='button'],
input[type='reset'],
input[type='submit'] {
  cursor: pointer;
  -moz-appearance: none;
  -webkit-appearance: none;
}
select {
  outline: 0;
  border: 1px solid #cccccc;
  font-size: 12px;
  font-size: 1.2rem;
  display: inline-block;
  height: 2.3rem;
  color: #ffffff;
  background-color: #555555;
  border: 1px solid #ffffff;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  min-width: 220px;
  padding-top: 2px;
  padding-top: 0.2rem;
  padding-right: 2px;
  padding-right: 0.2rem;
  padding-bottom: 2px;
  padding-bottom: 0.2rem;
  padding-left: 8px;
  padding-left: 0.8rem;
  border-radius: 0px;
  border-radius: 0rem;
  -moz-background-clip: border;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  margin-bottom: 14px;
  margin-bottom: 1.4rem;
  width: 100%;
}
select:hover {
  border: 1px solid #b3b3b3;
}
select[multiple] {
  vertical-align: top;
  min-height: 80px;
  min-height: 8rem;
}
textarea {
  overflow: auto;
  resize: vertical;
  vertical-align: top;
  line-height: 1.3em;
  min-height: 80px;
  min-height: 8rem;
  padding-top: 10px;
  padding-top: 1rem;
  padding-right: 10px;
  padding-right: 1rem;
  padding-bottom: 10px;
  padding-bottom: 1rem;
  padding-left: 10px;
  padding-left: 1rem;
}
input[disabled] {
  background-color: #999999;
  color: #737373;
  cursor: not-allowed;
}
.inline-field button,
.inline-field input,
.inline-field select,
.inline-field textarea {
  width: auto;
  display: inline-block;
}
.inline-field label {
  display: inline-block;
  margin-right: 10px;
  margin-right: 1rem;
}
.button {
  color: #ffffff;
  cursor: pointer;
  text-shadow: none;
  -webkit-tap-highlight-color: #666666;
  text-align: center;
  background: #737373;
  border: none;
  font-weight: bold;
  font-family: 'Quattrocento Sans', sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
  padding-top: 0.2em;
  padding-right: 0.2em;
  padding-bottom: 0.2em;
  padding-left: 0.2em;
  border-radius: 10px;
  -moz-background-clip: border;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.3);
  margin-bottom: 14px;
  margin-bottom: 1.4rem;
  -moz-transition: background-color 0.2s ease-in-out 0s;
  -webkit-transition: background-color 0.2s ease-in-out 0s;
  transition: background-color 0.2s ease-in-out 0s;
}
.button:hover {
  background-color: #666666;
  color: #ffffff;
}
.button:active {
  background-color: #595959;
  color: #ffffff;
}
.colored-button {
  border-color: #ec490f;
  color: #ffffff;
  -webkit-tap-highlight-color: #ec490f;
  background: #f15a24;
}
.colored-button:hover {
  background-color: #ec490f;
  color: #ffffff;
}
.colored-button:active {
  background-color: #d4420e;
  color: #ffffff;
}
button[disabled] {
  cursor: not-allowed;
}
.button[disabled],
.disabled-button,
.button[disabled]:active,
.disabled-button:active,
.button[disabled]:hover,
.disabled-button:hover {
  color: #737373;
  cursor: not-allowed;
  background: #555555;
  border: 1px solid #484848;
}
.footerSocial {
  padding-top: 20px;
  padding-top: 2rem;
}
.orangeButton {
  background-color: #f15a24;
  padding: .50rem;
}
#bbp_topic_submit {
  background-color: #f15a24;
  padding: .50rem;
}
.loginButton {
  color: #ffffff;
  cursor: pointer;
  text-shadow: none;
  -webkit-tap-highlight-color: #666666;
  text-align: center;
  background: #73ae13;
  font-family: 'Quattrocento Sans', sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 0.6rem;
  padding-top: 8px;
  padding-top: 0.8rem;
  padding-right: 8px;
  padding-right: 0.8rem;
  padding-bottom: 8px;
  padding-bottom: 0.8rem;
  padding-left: 8px;
  padding-left: 0.8rem;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .2), -1px -1px 0 rgba(255, 255, 255, .2);
  margin-bottom: 14px;
  margin-bottom: 1.4rem;
  /*.transition(background-color);
	&:hover {
		background-color: @green;
		color: @buttonColor;
	}
	&:active {
		background-color: @green;
		color: @buttonColor;
	}*/
}
.topBPadding {
  padding: 2.0rem 0rem 2.0rem 0rem;
}
html {
  font-size: 55%;
}
.resp-tab-content img.attachment-thumbnail {
  max-width: 130px !important;
}
.resp-tab-content article {
  width: 100%;
}
.resp-tab-content {
  width: 100%;
}
.resp-tab-content iframe {
  min-width: 100% !important;
}
p {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 2rem !important;
}
a img:hover {
  opacity: 0.8;
}
.logged-in-only {
  display: none;
}
.phoneShow {
  display: none !important;
}
.phoneHide {
  display: block;
}
body {
  background-image: url('assets/img/body-bg.png');
  background-position: 0 repeat;
  background-repeat: scroll;
}
/* temporary css fix for chrome disappearing font issue: */
body {
  -webkit-animation-duration: 0.1s;
  -webkit-animation-name: fontfix;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0.1s;
}
@-webkit-keyframes fontfix {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
.red {
  color: #ff0000 !important;
}
.hidden {
  display: none;
  height: 0;
  width: 0;
  visibility: hidden;
}
#login_error {
  line-height: 1.5rem;
}
.subpage {
  padding-top: 40px;
  padding-top: 4rem;
}
.orange {
  color: #f15a24;
}
iframe {
  clear: both;
  max-width: 100%;
}
form input[type='submit'],
form input[type='clear'] {
  background-color: #f15a24;
  border: 0px solid;
  border-radius: 8px;
  color: #FFF;
  margin: 20px 20px 20px 0;
  padding: 8px 12px;
}
ulnoIndent {
  margin-left: 0 !important;
}
ul.noIcon {
  list-style-type: none !important;
  list-style-image: none !important;
  list-style: none !important;
}
ul.noIcon li {
  list-style-type: none !important;
  list-style-image: none !important;
  list-style: none !important;
}
.signupPage {
  float: left;
  max-width: 67% !important;
  min-width: 67%;
}
.signupPage fieldset {
  width: 100% !important;
}
header[role='banner'] {
  background-attachment: scroll;
  background-image: url('assets/img/header-bg.png');
  background-position: 0 0;
  background-repeat: repeat;
  color: #fff;
  z-index: 100;
  padding: 1%;
  width: 100%;
  height: 9.1rem;
  position: relative;
  text-transform: uppercase;
}
header[role='banner'] a {
  color: #ffffff;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
header[role='banner'] a:hover {
  text-shadow: 0 0 15px rgba(255, 255, 255);
}
header[role='banner'] .container {
  padding: 0;
}
header[role='banner'] #logo {
  width: 40rem;
}
header[role='banner'] input[type='email'] {
  border: none;
  background-color: #cccccc;
}
ul#menu-main-header {
  width: 760px;
  margin-bottom: 0rem !important;
}
#navigationContainer {
  position: relative;
  background-color: #ffffff;
  height: 4.0rem;
  width: 100%;
  border-bottom: 1px solid #dedede;
}
nav[role='navigation'] {
  max-width: 640px;
  position: relative;
  float: left;
}
nav[role='navigation'] li:before {
  border-left: 1px solid #dedede;
  color: #dedede;
}
nav[role='navigation'] li {
  margin-right: 0px;
  float: left;
}
nav[role='navigation'] ul {
  /*height:40px;*/
  margin-left: 0px;
  width: auto;
  list-style-type: none;
}
nav[role='navigation'] li#menu-item-24 a {
  border-right: 1px solid #dedede;
}
nav[role='navigation'] li a {
  height: 3.9rem;
  /* was 40px */
  border-left: 1px solid #dedede;
  border-right: none;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  width: auto;
}
nav[role='navigation'] li a:hover {
  background-color: #f15a24;
  color: #ffffff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .2), -1px -1px 0 rgba(255, 255, 255, .2);
}
nav[role='navigation'] a {
  color: #222222;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 50px;
  line-height: 5rem;
  text-transform: uppercase;
  font-family: 'Quattrocento Sans', sans-serif;
  -moz-transition: color 0.2s ease-in-out 0s;
  -webkit-transition: color 0.2s ease-in-out 0s;
  transition: color 0.2s ease-in-out 0s;
}
nav[role='navigation'] .active {
  color: #f15a24;
  font-weight: 700;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .2), -1px -1px 0 rgba(255, 255, 255, .2);
}
nav[role='navigation'] li.current-menu-item a,
nav[role='navigation'] li.current-page-ancestor a {
  background-color: #f15a24;
  color: #ffffff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .2), -1px -1px 0 rgba(255, 255, 255, .2);
}
main[role='main'] {
  /* padding-top: 15.2rem;*/
  /* removed the admin bar - no way to determine if option to show it has been selected in a given user's profile */
  padding-top: 15.1rem;
  clear: both;
}
main[role='main']:before,
main[role='main']:after {
  content: '';
  display: table;
}
main[role='main']:after {
  clear: both;
}
#pull {
  color: #222222;
  position: absolute;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
  display: none;
  line-height: 45px;
  line-height: 4.5rem;
  left: 15px;
  top: -3px;
  font-family: 'Quattrocento Sans', sans-serif;
}
#subpull {
  color: #222222;
  position: absolute;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
  display: none;
  line-height: 45px;
  line-height: 4.5rem;
  right: 20px;
  top: -3px;
  font-family: 'Quattrocento Sans', sans-serif;
}
.sectionHeading {
  margin: 0px 0 10px 0;
  position: relative;
}
.sectionHeading #bgAnchor {
  background: transparent url('assets/img/wavy-line-bg-944x62.png') no-repeat bottom right;
  height: 61px;
  position: absolute;
  right: 0;
  top: -22px;
  width: 944px;
  z-index: -1;
}
.sectionHeading h2 {
  line-height: 2.8rem;
  margin-bottom: 0;
}
.sectionHeading h2 span.filterTitle {
  color: #595959;
  font-size: 2rem;
  font-style: italic;
}
.content h3 span.filterTitle {
  color: #595959;
  font-size: 2rem;
  font-style: italic;
  font-weight: 400;
}
.cornellLogoFooter {
  margin: 0 -8px 6px 0 !important;
}
footer[role='contentinfo'] {
  background: #222222;
  color: #f5f5f5;
  border-top: 1px solid #555555;
  margin-top: 80px;
  margin-top: 8rem;
  min-width: 260px;
  height: 22.0rem;
  padding-bottom: 30px;
  padding-bottom: 3rem;
  /*.padding(top; 2.5);*/
}
footer[role='contentinfo'] small {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 18px;
  line-height: 1.8rem;
}
#menu-footer-links-1 a:hover,
#menu-footer-links-2 a:hover {
  color: #CCC;
}
#hero {
  text-align: center;
  background-attachment: scroll;
  background-image: url('assets/img/intro-background.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 40px;
  margin-bottom: 4rem;
}
#hero p {
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
}
#hero .container {
  padding-bottom: 50px;
  padding-bottom: 5rem;
  padding-top: 20px;
  padding-top: 2rem;
}
#hero .container p {
  color: #fff;
  font-weight: 700;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 28px;
  margin-bottom: 2.8rem;
}
#hero .button {
  font-family: 'Quattrocento Sans', sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
}
#hero-title {
  background: #005e75;
  color: #9dcfdb;
  font-weight: 400;
  font-family: 'Quattrocento Sans', sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  padding-left: 1%;
  padding-right: 1%;
  padding-top: 20px;
  padding-top: 2rem;
  padding-bottom: 20px;
  padding-bottom: 2rem;
}
#features h4 {
  color: #595959;
}
#features p {
  margin-bottom: 25px;
  margin-bottom: 2.5rem;
}
#examples {
  clear: both;
}
#examples:before,
#examples:after {
  content: '';
  display: table;
}
#examples:after {
  clear: both;
}
#getting-started img {
  width: 100%;
  margin-bottom: 14px;
  margin-bottom: 1.4rem;
}
.footerLinks {
  width: 18%;
  padding-top: 25px;
}
.footerLinks ul li a {
  display: inline-block;
  clear: none;
  font-size: 14px;
  font-size: 1.4rem;
  color: #ffffff;
}
.footerLinks ul li.current_page_item a,
.footerLinks ul li.current-page-ancestor a {
  color: #999999;
}
.footerLinks ul {
  list-style-type: none;
  list-style: none;
}
.footerRight {
  float: right;
  /*.background-image('footer-logo.png'; 193px; 0; no-repeat);*/
  height: 22.0rem;
  width: 63%;
}
.copyright {
  color: #ffffff;
  font-size: 12px;
  font-size: 1.2rem;
  padding-top: 3.2rem;
  padding-left: 38.7rem;
}
.copyright.variant {
  padding-right: 30px;
  text-align: right;
}
.nsf {
  color: #ffffff;
  font-size: 12px;
  font-size: 1.2rem;
  padding-top: 8.0rem;
  padding-left: 5.2rem;
  width: 95%;
  text-align: justify;
  line-height: 1.3em;
}
.nsf.variant {
  padding-top: 3.5rem;
}
.nsf img {
  margin-right: 10px;
}
.newsList p {
  margin-bottom: 0px !important;
}
.inline-field label {
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: bold;
  font-size: 15px;
  font-size: 1.5rem;
  text-transform: uppercase;
}
.headerSearch {
  padding-top: 0rem;
  /*padding-top:@paddingTop;*/
}
.headerSearch .button {
  font-size: 1.3rem;
  padding: 0.4rem 0.6rem 0.4rem 0.6rem;
}
.pageIcon {
  padding-right: 2.0rem;
  margin-top: -12px;
}
.pageIcon img {
  /* change size of section icon to allow more space */
}
.pageIcon img.avatar {
  display: none;
}
h2 {
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  text-transform: uppercase;
}
h3 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.0em;
}
.content {
  background-color: #ffffff;
  min-height: 37rem;
  padding: 3.0rem;
  width: 100%;
}
.contentLeft {
  width: 72.5%;
  padding-right: 3rem;
}
.contentLeft.variantOne {
  width: 67%;
}
.contentSearch {
  margin-top: -6px;
  width: 100%;
}
.contentSearch .searchThumb {
  max-width: 15%;
}
.contentSearch .wp-post-image {
  float: left;
  margin: .5rem 2rem 1rem 0;
}
.contentRight {
  width: 72.5% !important;
  padding-right: 2rem;
}
.newsEntry {
  width: 72%;
}
.newsEntry.noImage {
  width: 95% !important;
}
.searchEntry {
  margin-top: -10px;
  width: 100%;
}
.searchEntry.hasThumb {
  /*width: 85%;*/
}
.contentSearch .searchItemBlock {
  width: 100%;
}
.contentSearch .searchItemBlock .searchEntry .details {
  font-size: 1.4rem;
}
.contentSearch .searchItemBlock .searchEntry .details .label {
  font-style: italic;
}
.contentSearch .searchItemBlock .searchEntry .details .value {
  font-style: italic;
}
.contentSearch .searchItemBlock .searchEntry p {
  font-size: 1.4rem;
  line-height: 1.8rem;
}
.contentSearch .searchItemBlock .searchEntry p.searchItemTitle {
  font-size: 1.8rem;
}
.contentSearch .searchItemBlock .searchEntry .category {
  /* placholder */
}
.contentSearch .searchItemBlock .searchEntry .category.member {
  margin-top: 3px;
}
.contentSearch .searchItemBlock .searchEntry .category .label img {
  width: 18px;
}
.contentSearch .searchItemBlock .searchEntry .category .label img.member {
  height: 14px;
  width: 14px;
}
.contentSearch .searchItemBlock .searchEntry .category .value {
  color: #444;
  font-size: 1.1rem;
  position: relative;
  top: -4px;
}
.contentSearch .searchItemBlock .searchEntry .category .value.member {
  top: -2px;
}
.contentSearch .searchItemBlock .searchEntry .category .value a {
  color: #444;
}
.pageHeader.searchResults h3.page-title {
  color: #FFF;
  font-size: 3.1rem;
  clear: both;
  padding-top: 20px;
  margin: 0;
}
form.subscribeForm {
  background: #555555 url('../assets/img/listserv-form-bg-190x110.png') no-repeat top right;
  min-height: 110px;
  padding: 12px 0 0 14px;
}
form.subscribeForm label {
  color: #FFF;
}
form.subscribeForm input.email {
  width: 192px;
  margin: 0 10px 0 0;
  float: left;
  min-width: 190px;
  border-radius: 0px !important;
}
form.subscribeForm input#subscribeButton:hover {
  opacity: 0.8;
}
form.subscribeForm p {
  color: #ccc;
  clear: left;
  font-size: 12px;
  margin: 8px 0 0 0 !important;
  padding: 0 0 6px 0;
  line-height: 16px;
}
/*
.searchSidebar {
  ul.searchFilters {
    margin:6px 0 0 0;
    li {
      list-style-image: none;
      list-style-type: none;
      margin-bottom:2rem;
      overflow:hidden;
      position: relative;
      .filterName {
        display:inline-block;
        position:absolute;
        left:0px;
        top:0px;
        visibility: hidden;
      }
    }
  }
}
*/
.searchSidebar .filter-message-text {
  font-size: 1.25rem;
  margin-bottom: 0 !important;
}
.searchSidebar ul.searchFilters {
  margin: 6px 0 0 0;
}
.searchSidebar ul.searchFilters li {
  display: table-cell;
  float: left;
  list-style-image: none;
  list-style-type: none;
  margin-bottom: 2rem;
  overflow: hidden;
  vertical-align: middle;
  width: 100%;
}
.searchSidebar ul.searchFilters li a {
  display: block;
  line-height: 3.4rem;
  width: 100%;
}
.searchSidebar ul.searchFilters li a:hover {
  zoom: 1;
  filter: alpha(opacity=75);
  opacity: 0.75;
}
.searchSidebar ul.searchFilters li a .filterName {
  display: inline-block;
  text-transform: uppercase;
  font-size: 1.4rem;
}
.searchSidebar ul.searchFilters li a .filterIcon {
  display: block;
  float: left;
  height: 34px;
  width: 40px;
}
.searchSidebar ul.searchFilters li.active {
  background-color: #f15a24;
}
.searchSidebar ul.searchFilters li.active a {
  color: #FFF;
}
.searchSidebar ul.searchFilters li.active.projects {
  /* placeholder */
}
.searchSidebar ul.searchFilters li.active.projects a {
  /* placeholder */
}
.searchSidebar ul.searchFilters li.active.projects a .filterIcon {
  background: transparent url('../../../wp-content/themes/citizen-science/assets/img/search-filter-icons-sprite-two-states-80x244.png') no-repeat 0 0;
}
.searchSidebar ul.searchFilters li.active.toolkits {
  /* placeholder */
}
.searchSidebar ul.searchFilters li.active.toolkits a {
  /* placeholder */
}
.searchSidebar ul.searchFilters li.active.toolkits a .filterIcon {
  background: transparent url('../../../wp-content/themes/citizen-science/assets/img/search-filter-icons-sprite-two-states-80x244.png') no-repeat 0 -35px;
}
.searchSidebar ul.searchFilters li.active.resources {
  /* placeholder */
}
.searchSidebar ul.searchFilters li.active.resources a {
  /* placeholder */
}
.searchSidebar ul.searchFilters li.active.resources a .filterIcon {
  background: transparent url('../../../wp-content/themes/citizen-science/assets/img/search-filter-icons-sprite-two-states-80x244.png') no-repeat 0 -70px;
}
.searchSidebar ul.searchFilters li.active.news {
  /* placeholder */
}
.searchSidebar ul.searchFilters li.active.news a {
  /* placeholder */
}
.searchSidebar ul.searchFilters li.active.news a .filterIcon {
  background: transparent url('../../../wp-content/themes/citizen-science/assets/img/search-filter-icons-sprite-two-states-80x244.png') no-repeat 0 -105px;
}
.searchSidebar ul.searchFilters li.active.jobs {
  /* placeholder */
}
.searchSidebar ul.searchFilters li.active.jobs a {
  /* placeholder */
}
.searchSidebar ul.searchFilters li.active.jobs a .filterIcon {
  background: transparent url('../../../wp-content/themes/citizen-science/assets/img/search-filter-icons-sprite-two-states-80x244.png') no-repeat 0 -140px;
}
.searchSidebar ul.searchFilters li.active.conferences {
  /* placeholder */
}
.searchSidebar ul.searchFilters li.active.conferences a {
  /* placeholder */
}
.searchSidebar ul.searchFilters li.active.conferences a .filterIcon {
  background: transparent url('../../../wp-content/themes/citizen-science/assets/img/search-filter-icons-sprite-two-states-80x244.png') no-repeat 0 -175px;
}
.searchSidebar ul.searchFilters li.active.members {
  /* placeholder */
}
.searchSidebar ul.searchFilters li.active.members a {
  /* placeholder */
}
.searchSidebar ul.searchFilters li.active.members a .filterIcon {
  background: transparent url('../../../wp-content/themes/citizen-science/assets/img/search-filter-icons-sprite-two-states-80x244.png') no-repeat 0 -210px;
}
.searchSidebar ul.searchFilters li.inactive {
  background-color: #e5e5e5;
}
.searchSidebar ul.searchFilters li.inactive a {
  color: #666;
}
.searchSidebar ul.searchFilters li.inactive.projects {
  /* placeholder */
}
.searchSidebar ul.searchFilters li.inactive.projects a {
  /* placeholder */
}
.searchSidebar ul.searchFilters li.inactive.projects a .filterIcon {
  background: transparent url('../../../wp-content/themes/citizen-science/assets/img/search-filter-icons-sprite-two-states-80x244.png') no-repeat -40px 0;
}
.searchSidebar ul.searchFilters li.inactive.toolkits {
  /* placeholder */
}
.searchSidebar ul.searchFilters li.inactive.toolkits a {
  /* placeholder */
}
.searchSidebar ul.searchFilters li.inactive.toolkits a .filterIcon {
  background: transparent url('../../../wp-content/themes/citizen-science/assets/img/search-filter-icons-sprite-two-states-80x244.png') no-repeat -40px -34px;
}
.searchSidebar ul.searchFilters li.inactive.resources {
  /* placeholder */
}
.searchSidebar ul.searchFilters li.inactive.resources a {
  /* placeholder */
}
.searchSidebar ul.searchFilters li.inactive.resources a .filterIcon {
  background: transparent url('../../../wp-content/themes/citizen-science/assets/img/search-filter-icons-sprite-two-states-80x244.png') no-repeat -40px -70px;
}
.searchSidebar ul.searchFilters li.inactive.news {
  /* placeholder */
}
.searchSidebar ul.searchFilters li.inactive.news a {
  /* placeholder */
}
.searchSidebar ul.searchFilters li.inactive.news a .filterIcon {
  background: transparent url('../../../wp-content/themes/citizen-science/assets/img/search-filter-icons-sprite-two-states-80x244.png') no-repeat -40px -105px;
}
.searchSidebar ul.searchFilters li.inactive.jobs {
  /* placeholder */
}
.searchSidebar ul.searchFilters li.inactive.jobs a {
  /* placeholder */
}
.searchSidebar ul.searchFilters li.inactive.jobs a .filterIcon {
  background: transparent url('../../../wp-content/themes/citizen-science/assets/img/search-filter-icons-sprite-two-states-80x244.png') no-repeat -40px -140px;
}
.searchSidebar ul.searchFilters li.inactive.conferences {
  /* placeholder */
}
.searchSidebar ul.searchFilters li.inactive.conferences a {
  /* placeholder */
}
.searchSidebar ul.searchFilters li.inactive.conferences a .filterIcon {
  background: transparent url('../../../wp-content/themes/citizen-science/assets/img/search-filter-icons-sprite-two-states-80x244.png') no-repeat -40px -175px;
}
.searchSidebar ul.searchFilters li.inactive.members {
  /* placeholder */
}
.searchSidebar ul.searchFilters li.inactive.members a {
  /* placeholder */
}
.searchSidebar ul.searchFilters li.inactive.members a .filterIcon {
  background: transparent url('../../../wp-content/themes/citizen-science/assets/img/search-filter-icons-sprite-two-states-80x244.png') no-repeat -40px -210px;
}
.searchEntry p {
  margin-bottom: 0px !important;
  line-height: 1.5em !important;
}
.entryBreak {
  width: 100%;
  float: left;
  padding: 2.0rem 0rem 2.0rem 0rem;
}
.sidebarRight {
  width: 27.5%;
  background-color: #f5f5f5;
  padding: 2rem;
  border-left: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.sidebarRight.variantOne {
  padding: 0;
  background: none;
  border: none;
  width: 32.7%;
}
.sidebarLeft {
  width: 27.5%;
  background-color: #f5f5f5;
  padding: 2rem;
  border-right: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.sidebarLeft.variantOne {
  padding: 0;
  background: none;
  border: none;
  width: 32.7%;
}
.sidebarLeft.variantTwo {
  padding: 0;
  background: none;
  border: none;
}
.addressNotProvidedOffset {
  /* used on member profile page */
  position: relative;
  top: 4px;
}
.addressNotProvidedOffset2 {
  /* used on member profile page */
  position: relative;
  top: -16px;
}
.jobSearchSidebar {
  width: 31.6%;
  background-color: #f5f5f5;
  padding: 2rem 3rem 0 2rem;
  display: none;
}
.content h3.pageTitle {
  max-width: 75%;
  float: left;
  /* should supercede next two declarations */
}
.detailPage .content h3.pageTitle {
  max-width: 75%;
  float: left;
}
.job-newsDetailPage .content h3.pageTitle {
  max-width: 75%;
  float: left;
}
.job-newsDetailPage .single_job_listing .meta .position-filled {
  float: right;
  margin-top: 3px;
}
hr.returnAdj {
  margin-top: 1.1rem;
}
.single_job_listing {
  /* placeholder */
}
.single_job_listing .meta {
  /* placeholder */
}
.single_job_listing .meta .company {
  margin-bottom: 1.8rem;
  min-height: 75px;
}
.single_job_listing .meta .company .name {
  margin-top: 3px;
}
.single_job_listing .meta .company .name strong {
  display: block;
  margin-bottom: 12px;
}
.single_job_listing .meta .company .name .tagline {
  padding: 0 !important;
}
.single_job_listing h3 {
  width: auto;
  float: left;
}
.single_job_listing h3.positionType {
  margin-right: 6.0rem;
}
.single_job_listing h3.positionType .job-type {
  font-size: 1.4rem;
  margin-top: .6rem;
  text-align: center;
}
.single_job_listing h3.jobLocale {
  margin-right: 0;
}
.single_job_listing h3.jobLocale .location {
  font-size: 1.4rem;
  margin-top: 6px;
}
.jobSidebar {
  font-size: 1.3rem;
}
.jobSidebar input[type='button'] {
  padding: 8px 10px 7px;
  background-color: #f05a23;
  border: none;
  color: #FFF;
  font-weight: 700;
  border-radius: .5rem;
}
.jobSidebar .application input.application_button:hover {
  opacity: 0.8;
}
.jobSidebar .application .application_details {
  margin-top: 20px;
}
.jobSidebar .application .application_details p {
  font-size: 1.3rem;
}
.jobSidebar ul.meta {
  /* placeholder */
}
.jobSidebar ul.meta li.date-posted {
  font-size: 1.2rem;
  color: #666;
}
.jobSidebar .jobRequirements {
  /* placeholder */
}
.jobSidebar .jobRequirements h4 {
  font-size: 1.8rem;
  font-weight: 400;
}
.jobSidebar .jobRequirements ol {
  margin: 0 20px;
}
.jobSidebar .jobRequirements ol li {
  margin-bottom: 14px;
}
.jobBoard.content {
  width: 64.5%;
  padding: 0 3.0rem 3.0rem 0;
}
.jobBoard.content a {
  font-size: 1.8rem;
}
.sectionHeading {
  /*padding-bottom: @paddingBottom;*/
  height: 2.3rem;
}
h2.pageTitle {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.bbp-user-edit-link.button,
.bbp-user-profile-link.button {
  border-radius: 0px;
  background-color: #2C71B6;
  display: inline-block;
  margin: -3px 0 0 40px;
  padding: 10px 10px;
}
.bbp-user-edit-link.button.show,
.bbp-user-profile-link.button.show {
  display: inline-block;
}
.bbp-user-edit-link.button.hide,
.bbp-user-profile-link.button.hide {
  display: none;
}
.bbp-user-edit-link.button a,
.bbp-user-profile-link.button a {
  color: white;
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
}
.bbp-user-edit-link.button a:hover,
.bbp-user-profile-link.button a:hover {
  color: #ddd;
}
.bbp-user-pwd-link.button {
  border-radius: 0px;
  background-color: #2C71B6;
  display: inline-block;
  margin: -3px 0 0 40px;
  padding: 10px 10px;
}
.bbp-user-pwd-link.button.show {
  display: inline-block;
}
.bbp-user-pwd-link.button.hide {
  display: none;
}
.bbp-user-pwd-link.button a {
  color: white;
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
}
.bbp-user-pwd-link.button a:hover {
  color: #ddd;
}
.paddingRight {
  padding-right: 3rem;
}
.pTen {
  padding-right: 1rem;
}
.marginTop {
  margin-top: 2rem;
}
.newsList {
  width: 67.5%;
  /* changed from 60%*/
  margin-right: 4.0rem;
}
.newsRight {
  width: 35%;
}
.sidebarNoPadding {
  padding-right: 0rem;
}
.sidebarRight.rightFlush {
  float: right;
  margin-right: -28px;
}
.sidebarRight.inWYSIWYG {
  border-right: 1px solid #e0e0e0;
  margin: 10px 0 40px 40px !important;
}
.sidebarLeft.leftFlush {
  float: left;
  margin-left: -27px;
}
.contentLeft.rightClean {
  padding-right: 0;
}
nav[role='subNavigation'] li {
  color: #dedede;
  margin-bottom: 0;
  float: left;
  /*.relative;*/
}
nav[role='subNavigation'] li ul {
  position: absolute;
  width: 300px;
}
nav[role='subNavigation'] li ul.children,
nav[role='subNavigation'] li ul.sub-menu {
  border-right: 1px solid #fff;
  visibility: hidden;
}
nav[role='subNavigation'] li ul.children li,
nav[role='subNavigation'] li ul.sub-menu li {
  position: relative;
  border-bottom: 1px solid #ddd;
}
nav[role='subNavigation'] li ul.children ul,
nav[role='subNavigation'] li ul.sub-menu ul {
  position: absolute;
  top: 0;
  left: 299px;
}
nav[role='subNavigation'] li ul.children ul.children,
nav[role='subNavigation'] li ul.sub-menu ul.children,
nav[role='subNavigation'] li ul.children ul.sub-menu,
nav[role='subNavigation'] li ul.sub-menu ul.sub-menu {
  border-left: 1px solid #666;
  border-right: 1px solid #fff;
  visibility: hidden;
}
nav[role='subNavigation'] li ul.children ul.children li,
nav[role='subNavigation'] li ul.sub-menu ul.children li,
nav[role='subNavigation'] li ul.children ul.sub-menu li,
nav[role='subNavigation'] li ul.sub-menu ul.sub-menu li {
  position: relative;
}
nav[role='subNavigation'] li ul.children li:hover ul,
nav[role='subNavigation'] li ul.sub-menu li:hover ul {
  background-color: #CCC;
  visibility: visible;
  z-index: 100;
}
nav[role='subNavigation'] li ul.children li:hover ul li,
nav[role='subNavigation'] li ul.sub-menu li:hover ul li {
  clear: left;
  margin-bottom: 0;
  width: 100%;
}
nav[role='subNavigation'] li ul.children li:hover ul li a,
nav[role='subNavigation'] li ul.sub-menu li:hover ul li a {
  line-height: 20px;
  line-height: 2rem;
  padding-bottom: 8px;
  padding-top: 8px;
  width: 100%;
}
nav[role='subNavigation'] li:hover ul {
  background-color: #CCC;
  visibility: visible;
  z-index: 100;
}
nav[role='subNavigation'] li:hover ul li {
  clear: left;
  margin-bottom: 0;
  width: 100%;
}
nav[role='subNavigation'] li:hover ul li a {
  width: 100%;
}
nav[role='subNavigation'] ul {
  /*height:40px;*/
  list-style: none;
  margin-left: 0px;
  margin-bottom: 0;
}
nav[role='subNavigation'] ul.superMenuItem {
  clear: left;
}
nav[role='subNavigation'] li a {
  height: auto !important;
  min-height: 36px;
  padding-left: 16px;
  /* changed from 18 to allow nav elements to fit in fixed width bar a little better */
  padding-right: 16px;
  /* changed from 18 to allow nav elements to fit in fixed width bar a little better */
  /* width: auto; */
}
nav[role='subNavigation'] li a:hover {
  background-color: #999999;
  color: #ffffff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .2), -1px -1px 0 rgba(255, 255, 255, .2);
}
nav[role='subNavigation'] li.current_page_item a,
nav[role='subNavigation'] li.current-page-ancestor a {
  background-color: #666666;
  color: #FFFFFF;
}
nav[role='subNavigation'] li.current_page_item a:hover,
nav[role='subNavigation'] li.current-page-ancestor a:hover {
  background-color: #999999;
}
nav[role='subNavigation'] li.current_page_item ul li a,
nav[role='subNavigation'] li.current-page-ancestor ul li a {
  background-color: #CCC;
  color: #444;
}
nav[role='subNavigation'] li.current_page_item ul li a:hover,
nav[role='subNavigation'] li.current-page-ancestor ul li a:hover {
  background-color: #999999;
}
nav[role='subNavigation'] li ul li.current_page_item a {
  background-color: #aaa;
  color: #222;
  font-weight: bold;
}
nav[role='subNavigation'] li ul li.current_page_item a:hover {
  background-color: #999999;
}
nav[role='subNavigation'] li ul li.current_page_item ul li a {
  background-color: #ccc;
  color: #444;
  font-weight: bold;
}
nav[role='subNavigation'] li ul li.current_page_item ul li a:hover {
  background-color: #999999;
}
nav[role='subNavigation'] li ul li.current_page_item ul li.current_page_item a {
  background-color: #aaa;
  color: #222;
  font-weight: bold;
}
nav[role='subNavigation'] li ul li.current_page_item ul li.current_page_item a:hover {
  background-color: #999999;
}
nav[role='subNavigation'] a {
  color: #444444;
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 40px;
  line-height: 4rem;
  font-family: 'Quattrocento Sans', sans-serif;
  -moz-transition: color 0.2s ease-in-out 0s;
  -webkit-transition: color 0.2s ease-in-out 0s;
  transition: color 0.2s ease-in-out 0s;
}
nav[role='subNavigation'] .active {
  color: #f15a24;
  font-weight: 700;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .2), -1px -1px 0 rgba(255, 255, 255, .2);
}
#subNavigationContainer {
  background-color: rgba(131, 131, 131, 0.45);
  height: 100%;
  min-height: 4.0rem;
  /* max-height:8.0rem; */
  margin-bottom: 2rem;
  margin-top: 2rem;
}
.return {
  font-size: 15px;
  font-size: 1.5rem;
  float: right;
  margin-top: 1.5rem;
  font-family: 'Quattrocento Sans', sans-serif;
  background-image: url('assets/img/return-arrow.png');
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 3rem;
}
.return span.bold {
  font-style: italic;
  font-weight: bold;
  color: #222222;
  margin-left: 3px;
}
.mobileHomeLink {
  display: none;
}
.login span.bold,
.login-mobile span.bold {
  display: inline-block;
  font-style: italic;
  font-weight: bold;
  font-size: 1.2rem;
  font-family: Arial, Helvetica, sans-serif;
  color: #2c71b6;
  margin-top: 4px;
}
.login span.sm,
.login-mobile span.sm {
  font-size: 1.2rem;
  color: #666666;
}
a.sidebar {
  font-size: 1.4rem;
  display: block;
  margin-bottom: 1.5rem;
  line-height: 1.5rem;
}
hr.gray {
  border-top: 1px solid #cccccc;
  margin-top: 0;
  margin-bottom: 1rem;
}
hr.gray.groove {
  border-bottom: 1px solid #cccccc;
  height: 4px;
  margin: 28px 0 !important;
}
p.download {
  font-size: 1.4rem;
  margin-bottom: 1rem;
  line-height: 1.8rem;
}
section.multiple {
  margin-bottom: 2rem;
}
.homeContent {
  background-color: #ffffff;
  padding: 2rem;
  width: 68%;
  background-image: url('assets/img/orange-rings-news.png');
  background-repeat: no-repeat;
  background-position: top right;
  margin-bottom: 2rem;
}
.homeHorizontalBlock {
  background-color: #ffffff;
  padding: 2rem;
  width: 68%;
  margin-bottom: 2rem;
  float: left;
}
span.iconTitle {
  clear: both;
  font-style: italic;
  font-weight: bold;
  font-size: 1.1rem;
  font-family: 'Quattrocento Sans', sans-serif;
  padding-top: 5px;
}
p.featureTitle {
  width: 80%;
}
p.featureTitle a {
  font-size: 1.6rem;
}
.homeSidebar {
  width: 30%;
  padding: 0px;
  max-width: 294px;
}
/* BASIC SEARCH STYLES */
.sectionSearch {
  background: #737373;
  height: 6.0rem;
  margin-bottom: 2.0rem;
  margin-top: 1rem;
  padding: 0 0 0 20px;
  width: 100%;
  /* search - section variants */
}
.sectionSearch.homeSearch {
  background: rgba(153, 153, 153, 0.45);
}
.sectionSearch.generalSearch {
  margin-bottom: 0rem !important;
}
.sectionSearch .inline-field label {
  float: left;
}
.searchInputWrap {
  display: block;
  float: left;
  width: 89.5%;
}
.sectionSearch .inline-field label span {
  font-size: 2.198rem;
  color: #ffffff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  margin-right: 1rem;
  line-height: 3.0rem;
}
.sectionSearch input[type='search'] {
  height: 3.0rem;
  width: 90%;
}
html[data-useragent*='Safari'] .sectionSearch input[type='search'] {
  padding-right: 0px !important;
}
html[data-useragent*='Chrome'] .sectionSearch input[type='search'] {
  padding-right: 6px !important;
}
.sectionSearch .button {
  margin: 1px 0 20px 10px;
  padding: 0.5rem 1rem 0.5rem 1rem;
}
/*----------- Begin Resource page styles -----------*/
button.contributeResource,
a.contributeResource {
  padding: 0;
  border: 0px;
  background: none;
  float: right;
  height: 78px;
  margin: 6px 0 10px 16px;
  max-width: 100%
  padding:0 !important;
}
button.contributeResource:hover,
a.contributeResource:hover {
  opacity: 0.8;
}
button.contributeResource img,
a.contributeResource img {
  padding: 0 !important;
  border: 12px solid #e8e8e8;
}
.resourceColumn {
  /* placeholder */
}
.resourceColumn .highlightedResource {
  width: 100%;
}
.highlightedResource {
  background-color: #e8e8e8;
  padding: 25px 10px 10px 20px;
  width: 290px;
  float: right;
  margin: 5px 0 20px 20px;
}
.highlightedResource.variantOne {
  background-color: #e6f0d4;
}
.highlightedResource.variantOne p {
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 2rem;
  margin-bottom: 1.5rem !important;
  padding-right: 20px;
}
.highlightedResource.variantTwo {
  background-color: #FFF;
  border-bottom: 1px solid #CCC;
  padding: 0 0 8px 0;
}
.highlightedResource.variantTwo ul.circleIcon {
  margin: 0 0 15px 0px !important;
}
.highlightedResource.variantTwo ul.circleIcon li {
  clear: both;
  font-size: 1.4rem;
  line-height: 1.7em;
  margin-bottom: .6rem !important;
  list-style: none;
}
.highlightedResource.variantTwo ul.circleIcon a {
  background: transparent url('assets/img/list-circle-on-white-10x11.png') no-repeat 0 7px;
  display: inline-block;
  padding: 0 0 0 2rem;
}
.highlightedResource h3 {
  color: #555;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.7rem;
}
.highlightedResource h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.7rem;
  margin-bottom: 1.5rem;
}
.highlightedResource ul.arrowIcon {
  margin: 0 0 15px 10px !important;
}
.highlightedResource ul.arrowIcon li {
  clear: both;
  font-size: 1.6rem;
  line-height: 1.7em;
  margin-bottom: .2rem;
  list-style: none;
}
.highlightedResource ul.arrowIcon a {
  background: transparent url('assets/img/arrow-icon-12x19.png') no-repeat 0 5px;
  display: block;
  padding: 0 0 0 2rem;
}
.highlightedResource p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  line-height: 14px;
  margin-bottom: 1.5rem !important;
}
.highlightedResource p.moreLink {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
  margin-bottom: 1rem !important;
}
#bbp-user-navigation ul {
  margin-left: 2% !important;
}
#bbp-user-navigation ul li {
  margin: 0;
  float: left;
  width: 48%;
  border: 1px solid #E7E7E7;
  margin-bottom: 4px !important;
  margin-right: 2% !important;
}
.resourceColumn {
  width: 30.5%;
  margin-top: 20px;
  float: left;
  margin-right: 3.7rem;
}
.resourceColumn.left {
  float: left;
  margin-right: 3.7rem;
}
.resourceColumn.right {
  float: right;
  margin-right: 0;
}
.resourceColumn.top {
  margin-top: 0px;
}
.resourceColumn .resourceColumnItem {
  margin: 0 0 1.5rem 0;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 1.5rem;
}
.resourceColumn .resourceColumnItem .imageBlock {
  float: left;
  width: auto;
}
.resourceColumn .resourceColumnItem h3 {
  color: #555;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
}
.resourceColumn .resourceColumnItem h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: normal;
  line-height: 110%;
  margin-bottom: 1.5rem;
}
.resourceColumn .resourceColumnItem h4.variantOne {
  line-height: 110%;
  margin-bottom: 0;
}
.resourceColumn .resourceColumnItem h4.variantOne.noImage {
  margin: 0 1rem;
}
.resourceColumn .resourceColumnItem p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  line-height: 14px;
  margin-bottom: 0 !important;
}
.resourceColumn .resourceColumnItem p.moreLink {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
  margin-bottom: 1rem !important;
}
.resourceColumn .resourceColumnItem .descriptorBlock {
  float: right;
  width: 76%;
}
.resourceColumn .resourceColumnItem .descriptorBlock .details {
  color: #666;
  font-family: Arial;
  font-style: italic;
  font-size: 11px;
  margin-top: .5rem;
}
.resourceColumn .resourceColumnItem .descriptorBlock .details .label {
  color: #666;
}
.resourceColumn .resourceColumnItem .descriptorBlock .details .value {
  color: #444;
}
.resourceColumn .resourceColumnItem .descriptorBlock .description {
  margin-top: .6rem;
}
.resourceColumn .resourceColumnItem .descriptorBlock .category {
  color: #666;
  font-family: Arial;
  font-style: italic;
  font-size: 11px;
  margin-top: 0rem;
  margin-bottom: 0.5rem;
}
.resourceColumn .resourceColumnItem .descriptorBlock .category .label {
  color: #666;
}
.resourceColumn .resourceColumnItem .descriptorBlock .category .value {
  color: #444;
}
.resourceColumn .resourceColumnItem .descriptorBlock .description {
  margin-top: .6rem;
}
.resourceColumn .resourceColumnItem.type2 {
  margin: 0 0 1.5rem 0;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 1.5rem;
}
.resourceColumn .resourceColumnItem.type2 .descriptorBlock {
  float: left;
  margin-top: 0;
  width: 100%;
}
.resourceColumn .resourceColumnItem.type2 .descriptorBlock p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.9rem;
  margin-top: 0;
}
.resourceColumn .resourceColumnItem.type2 .descriptorBlock p img {
  float: right;
  width: auto;
  margin-left: 1rem;
  max-width: 31%;
}
.resourceColumn .resourceColumnItem.type2 .descriptorBlock p.moreLink {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
  margin: 1rem 0 !important;
}
.resourceColumn .widgetTitle {
  color: #555;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 2rem;
}
.resourceColumn .widgetFooter {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
  line-height: 14px;
  margin-bottom: 1.5rem !important;
}
.twoWidgets {
  /* placeholder */
}
.twoWidgets .resourceColumn {
  margin-right: 0rem;
  width: 47%;
}
.sidebarRight {
  /* placeholder */
}
.sidebarRight .resourceColumn {
  margin-right: 0rem;
  width: 100%;
}
.sidebarRight .resourceColumn .descriptorBlock {
  margin-top: 12px;
  width: 80%;
}
.sidebarRight .resourceColumn .descriptorBlock .details {
  margin-top: 1rem;
}
.sidebarLeft {
  /* placeholder */
}
.sidebarLeft .resourceColumn {
  margin-right: 0rem;
  width: 100%;
}
.sidebarLeft .resourceColumn .descriptorBlock {
  margin-top: 12px;
  width: 80%;
}
.sidebarLeft .resourceColumn .descriptorBlock .details {
  margin-top: 1rem;
}
.metaslider_container_81,
.welcome {
  width: 100%;
}
.padRight {
  padding-right: 2rem;
}
.padBottom {
  padding-bottom: 2rem;
}
.inline-field label span {
  margin-right: 1rem;
}
section.contactPage {
  position: relative;
}
section.contactPage .sidebarRight {
  position: absolute;
  right: 30px;
  top: 100px;
}
.welcome {
  padding: 3rem 2rem 3rem 2rem;
  background-color: #ffffff;
  margin-bottom: 2.0rem;
}
section.welcomeIntro {
  width: 55.5rem;
  float: left;
  padding-right: 3rem;
}
.welcomeStats {
  width: 42.0rem;
  float: right;
}
.circle {
  border-radius: 50%;
  width: 12.5rem;
  height: 12.5rem;
  border: 1px solid #f15a24;
  float: left;
  text-align: center;
  margin-right: 2.0rem;
  margin-top: 2.0rem;
}
.circle:hover,
.homeHorizontalBlock:hover,
.homeBox:hover {
  background-color: #f5f5f5;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.circle.last {
  margin-right: 0;
}
span.statNumber {
  color: #f15a24;
  display: block;
  font-size: 2.5rem;
  font-weight: bold;
  line-height: .5em; 
  text-align: center;
  font-family: 'Quattrocento Sans', sans-serif;
  /*position: absolute;*/
}
span.statName {
  line-height: 3.5rem;
  font-family: 'Quattrocento Sans', sans-serif;
}
.statContainer {
  margin-top: 4rem;
}
/*-----------Responsive Tabs-----------*/
ul.resp-tabs-list,
p {
  margin: 0px;
  padding: 0px;
}
.resp-tabs-list li {
  font-size: 16px;
  display: inline-block;
  padding: 5px 20px 0px 20px;
  margin: 0;
  list-style: none;
  cursor: pointer;
  float: left;
  font-family: 'Quattrocento Sans', sans-serif;
}
.resp-tab-active {
  border-bottom: 0px solid #fff;
  position: relative;
}
.resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  clear: left;
}
h2.resp-accordion {
  cursor: pointer;
  padding: 5px;
  display: none;
}
.resp-tab-content {
  display: none;
  padding: 3.0rem 0rem;
}
.resp-tab-active {
  border: 1px solid #c1c1c1;
  border-bottom: none;
  margin-bottom: -1px !important;
  /* padding: 12px 14px 14px 14px !important;*/
  color: #f15a24;
}
.resp-tab-active {
  border-bottom: none;
  background-color: #fff;
}
.resp-content-active,
.resp-accordion-active {
  display: block;
}
.resp-tab-content {
  border-top: 1px solid #c1c1c1;
}
h2.resp-accordion {
  font-size: 16px;
  border: 1px solid #c1c1c1;
  border-top: 0px solid #c1c1c1;
  margin: 0px;
  padding: 10px 15px;
}
h2.resp-tab-active {
  border-bottom: 0px solid #c1c1c1 !important;
}
h2.resp-tab-title:last-child {
  border-bottom: 12px solid #c1c1c1 !important;
  background: blue;
}
.resp-arrow {
  width: 0;
  height: 0;
  float: right;
  margin-top: 3px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 12px solid #c1c1c1;
}
h2.resp-tab-active span.resp-arrow {
  border: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 12px solid #9B9797;
}
/*-----------Accordion styles-----------*/
h2.resp-tab-active {
  background: #efefef !important;
}
.resp-easy-accordion h2.resp-accordion {
  display: block;
  text-transform: inherit;
}
.resp-easy-accordion .resp-tab-content {
  border: 1px solid #c1c1c1 !important;
}
.resp-easy-accordion .resp-tab-content:last-child {
  border-bottom: 1px solid #c1c1c1 !important;
}
.resp-jfit {
  width: 100%;
  margin: 0px;
}
.resp-tab-content-active {
  display: block;
}
h2.resp-accordion:first-child {
  border-top: 1px solid #c1c1c1 !important;
}
a.learnMore {
  font-size: 1.3rem;
  padding-top: 1.5rem;
}
.homeSidebar p {
  font-size: 1.4rem;
  line-height: 1.8rem;
}
.homeSidebar article {
  padding: 2rem;
  line-height: 2.5rem;
}
article h6 {
  margin-bottom: 1rem;
}
.homeProject {
  width: 54%;
  margin-bottom: 2rem;
}
.homeProject.noImage {
  width: 100% !important;
}
.homeBox {
  margin-bottom: 2rem;
  background-color: #ffffff;
  max-width: 100%;
  overflow: hidden;
  width: 100%;
}
.homeBox.caseStudy img {
  width: 100%;
}
.homeBox.featuredProject img {
  width: 11px;
}
h1.entry-title {
  font-size: 1.8rem;
  font-family: Arial, Helvetica, sans-serif;
}
.resp-tabs-container p,
.homeHorizontalBlock p {
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin-top: 1rem;
}
.resp-tabs-container img {
  margin-left: 10px;
  margin-left: 1rem;
  margin-bottom: 2rem;
}
.resp-tabs-container img.last {
  margin-bottom: 0;
}
.resp-tabs-container hr {
  border-top: 1px solid #cccccc;
  margin-bottom: 2.0rem;
  margin-top: 0rem;
}
.resp-tabs-container hr.last {
  border-top: none;
}
.addBtn {
  background: #73ae13;
  color: #ffffff;
  display: inline-block;
  font-family: 'Quattrocento Sans', sans-serif;
  font-size: 22px;
  height: 42px;
  max-width: 100% !important;
  padding: 15px 0 8px 62px;
  text-decoration: none;
  background-image: url('assets/img/add-button.png');
  text-shadow: 0 0 15px rgba(255, 255, 255);
  background-repeat: no-repeat;
  width: 100%;
}
.addProject {
  display: inline-block;
  height: 42px;
  margin-bottom: 40px;
  margin-top: 20px;
  max-width: 100% !important;
  width: 100% !important;
  vertical-align: middle;
}
.addBtn:hover {
  background: #f05a23;
  text-decoration: none;
  color: #ffffff;
  background-image: url('assets/img/add-button.png');
  background-repeat: no-repeat;
}
.login-mobile {
  display: none;
}
span.navigateLabel {
  color: #999999;
  font-size: 1.4rem;
  margin-right: 0.50rem;
}
span.navigatePage {
  border-left: 1px solid #cccccc;
  text-transform: uppercase;
  color: #444444;
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: normal;
  margin-left: 1rem;
  padding-left: 1rem;
  font-size: 1.9rem;
}
.contentLeft ul li {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
h4.sidebar {
  font-size: 1.8rem;
  font-family: 'Arial', Helvetica, sans-serif;
  margin-bottom: 1rem;
  font-weight: 400 !important;
}
#bbp-user-profile #biographySection {
  padding-bottom: 10px;
}
.profile .pageConen h3 {
  clear: both;
}
.theProfilePage #profileInfoHead {
  position: relative !important;
}
.theProfilePage .content.profile {
  margin-top: -50px;
}
.theProfilePage.notloggedIn .content.profile {
  margin-top: 0px;
}
.theProfilePage.notloggedIn .pageConen #wpmem_login .form {
  margin-top: -7px;
}
.theProfilePage.notloggedIn .pageConen #wpmem_reg .form {
  margin-top: 10px;
}
.theProfilePage .form-table {
  position: relative;
}
.theProfilePage .form-table tr th {
  width: 30% !important;
}
.theProfilePage .form-table tr td p {
  float: left;
}
.theProfilePage .form-table tr td p#wpua-add-button {
  position: absolute !important;
  left: 10px;
  top: 60px;
}
.theProfilePage .form-table tr td p#wpua-remove-button {
  position: absolute;
  left: 10px;
  top: 120px;
}
.theProfilePage .form-table tr td p#wpua-thumbnail {
  clear: none !important;
  margin: 55px 20px 20px 0;
}
.theProfilePage .form-table tr td p#wpua-preview {
  clear: none !important;
  margin: 55px 20px 20px 0;
}
.theProfilePage .standaloneProfilePage .pageConen #wpmem_reg .form h2.entry-title {
  display: none;
}
.theProfilePage .standaloneProfilePage .pageConen #wpmem_reg .form .bbp-form {
  display: none;
}
.theProfilePage .pageConen #wpmem_login .form {
  float: left;
  width: 100% !important;
}
.profile .pageConen #wpmem_reg .form {
  float: left;
  padding: 20px 0 0 0 !important;
  border: 1px solid #eee;
  width: 66%;
}
.profile .standaloneProfilePage .pageConen #wpmem_reg .form {
  width: 100%;
}
.theProfilePage .pageConen #wpmem_reg .form {
  margin-top: -7px;
}
.theProfilePage .pageConen #wpmem_login .form {
  margin-top: 10px;
}
.theProfilePage .contentSectionHead {
  display: none;
}
.profile .pageConen #wpmem_reg .form fieldset {
  width: 96%;
  margin: 0 auto;
  padding: 20px 2% !important;
}
.profile .pageConen #wpmem_reg .form fieldset label {
  float: left;
  clear: left;
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px !important;
  height: 24px;
  width: 25%;
  text-align: right;
  margin: 4px 0;
  display: inline-block;
}
.profile .pageConen #wpmem_reg .form fieldset p label {
  width: 100%;
}
.profile .pageConen #wpmem_reg .form fieldset p {
  clear: left;
  float: left;
  margin-bottom: 0 !important;
  width: 25%;
}
.profile .pageConen #wpmem_reg .form fieldset .div_text p.noinput {
  clear: none;
  float: right;
  height: 24px;
  text-align: left;
  max-width: 73%;
  min-width: 73%;
  margin-bottom: 0;
  padding: 0px 1.5% 5px;
}
.profile .pageConen #wpmem_login .form {
  float: right;
  padding: 20px 1% 20px 1% !important;
  border: 1px solid #eee;
  width: 30%;
}
.profile .pageConen #wpmem_login .form fieldset input {
  float: right;
  height: 24px;
  max-width: 60%;
  min-width: 60px;
  margin-bottom: 0;
  background: #f9f9f9;
  border: 1px solid #ddd;
  box-shadow: none;
  padding: 5px 8px;
  border-radius: 0;
}
.profile .pageConen #wpmem_login .form fieldset label {
  float: left;
  clear: left;
  color: #666;
  height: 24px;
  width: 28%;
  text-align: right;
  margin: 4px 0;
  display: inline-block;
}
.profile .pageConen #wpmem_login .form fieldset .button_div {
  clear: both;
  padding-top: 20px;
}
.profile .pageConen #wpmem_login .form fieldset .button_div input#rememberme {
  float: left;
  margin-top: -7px;
}
.profile .pageConen #wpmem_login .form fieldset .button_div input[type='submit'] {
  margin-top: -10px !important;
}
.profile .pageConen.changePassword #wpmem_login .form {
  float: left;
  width: 60% !important;
}
.profile .standaloneProfilePage .pageConen.changePassword #wpmem_login .form {
  width: 100% !important;
}
.profile .pageConen #wpmem_reg .form fieldset input {
  float: right;
  height: 24px;
  max-width: 73%;
  margin-bottom: 0;
  background: #f9f9f9;
  border: 1px solid #ddd;
  box-shadow: none;
  padding: 5px 8px;
  border-radius: 0;
}
.profile .pageConen #wpmem_reg .form fieldset textarea {
  float: right;
  height: 125px;
  max-width: 73%;
  background: #f9f9f9;
  border: 1px solid #ddd;
  box-shadow: none;
  padding: 5px 8px;
  border-radius: 0;
}
.profile .pageConen #wpmem_reg .form fieldset .req {
  color: maroon;
  font-weight: bold;
}
.profile .pageConen #wpmem_reg .form fieldset .req-text .req {
  font-weight: normal;
}
.profile .pageConen #wpmem_reg .form label[for=description] {
  height: 130px;
}
.profile .pageConen #wpmem_reg .form label[for=cv_resume] {
  height: 130px;
}
.profile .pageConen #wpmem_reg .form label[for=expertise] {
  height: 130px;
}
.profile .pageConen #wpmem_reg .form fieldset .req-text {
  clear: both;
}
.profile .pageConen #wpmem_reg .form fieldset .button_div input.buttons,
.profile .pageConen #wpmem_login .form fieldset .button_div input.buttons {
  clear: none;
  background-color: #f15a24 !important;
  border-radius: 10px;
  margin: 20px 0 20px 20px;
  padding: 6px 12px;
  float: right;
  height: 29px;
  color: #fff;
  cursor: pointer;
  text-shadow: none;
  -webkit-tap-highlight-color: #666;
  text-align: center;
  background: #737373;
  border: none;
  font-weight: bold;
  font-family: 'Quattrocento Sans', sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
}
#bbpress-forums #bbp-your-profile fieldset.submit button {
  background-color: #f15a24;
  padding: 6px 12px;
}
#bbpress-forums #bbp-your-profile fieldset.submit button:hover {
  opacity: 0.6;
}
#bbp-user-profile {
  float: left;
  margin-right: 0;
  width: 60%;
}
.standaloneProfilePage #bbp-user-profile {
  width: 98%;
}
#bbp-user-body {
  width: 100%;
}
#bbp-user-profile hr,
#bbp-user-wrapper hr,
#bbp-user-body hr {
  border-top: 1px solid #CECECE;
}
#bbp-user-profile h4,
#bbp-user-wrapper h4,
#bbp-user-body h4 {
  font-family: 'Quattrocento Sans', sans-serif;
  /*font-size:2.4rem;*/
  /* pre-revision */
  font-size: 1.8rem;
}
#bbp-user-profile h2.entry-title,
#bbp-user-wrapper h2.entry-title,
#bbp-user-body h2.entry-title {
  font-family: 'Quattrocento Sans', sans-serif;
  font-size: 2.4rem !important;
  text-transform: capitalize;
}
#bbp-user-profile #resumeSection {
  padding-bottom: 20px;
}
#bbp-user-profile #resumeSection p {
  clear: both;
  float: left;
  font-family: Arial, Helvetica, "san-serif";
  font-size: 1.6rem;
  line-height: 1.6rem;
  margin-bottom: 1rem !important;
}
#bbp-user-profile #resumeSection ul {
  clear: left;
}
#bbp-user-profile #resumeSection ul li {
  list-style: none;
  background: url('assets/img/doc-icon-on-white-21x23.png') no-repeat -3px 2px;
  float: left;
  font-family: Arial, Helvetica, "san-serif";
  font-size: 1.4rem;
  line-height: 2.4rem;
  /*list-style-type: circle;*/
  /* pre-revision */
  list-style-position: inside;
  padding-left: 25px;
  padding-right: 6%;
  width: 43%;
  word-break: break-all;
  word-wrap: break-word;
}
#bbp-user-profile #resumeSection ol {
  margin-left: 0;
}
#bbp-user-profile #resumeSection ol li {
  float: left;
  font-family: Arial, Helvetica, "san-serif";
  font-size: 1.4rem;
  line-height: 30px;
  list-style-type: decimal;
  list-style-position: inside;
  padding-left: 0px !important;
  padding-right: 6%;
  width: 43%;
}
#bbp-user-profile #expertiseSection {
  color: #737373;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.7em;
}
#bbp-user-profile #expertiseSection ul {
  /* placeholder */
}
#bbp-user-profile #expertiseSection ul li {
  background: url('assets/img/list-circle-on-white-10x11.png') no-repeat 0 9px;
  float: left;
  font-family: Arial, Helvetica, "san-serif";
  font-size: 1.4rem;
  line-height: 30px;
  /*list-style-type: circle;*/
  /* pre-revision */
  list-style-position: inside;
  padding-left: 18px;
  padding-right: 6%;
  width: 43%;
}
#bbp-user-profile #expertiseSection ol {
  margin-left: 0;
}
#bbp-user-profile #expertiseSection ol li {
  float: left;
  font-family: Arial, Helvetica, "san-serif";
  font-size: 1.4rem;
  line-height: 30px;
  list-style-type: decimal;
  list-style-position: inside;
  padding-left: 0px !important;
  padding-right: 6%;
  width: 43%;
}
/*-------REGISTRATION/Profile STARTS HERE -------*/
/* fix for non-clearing-labels */
#wpmem_reg label {
  clear: left;
}
#wpmem_login label {
  clear: left;
}
#bbpress-forums #bbp-your-profile fieldset select {
  width: 60%;
}
/*-------LOGIN STARTS HERE -------*/
/* Login Container (default to float:right) */
#loginContainer,
#loginContainerMobile {
  position: relative;
  float: right;
}
#navigationContainer .login {
  max-width: 150px;
}
#navigationContainer .login img.wp-user-avatar,
#navigationContainer .login img.avatar {
  float: left;
  height: 25px;
  margin: 6px 8px 0 0;
  width: 25px;
}
#navigationContainer .login img.wp-user-avatar:hover,
#navigationContainer .login img.avatar:hover {
  opacity: 0.8;
}
#navigationContainer .login .displayUserBox {
  float: left;
  font-size: 1.3rem;
  max-width: 110px;
  overflow: hidden;
  padding: 8px 6px 0 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#navigationContainer .login .displayUserBox span {
  display: inline-block;
  margin: 3px 0 3px 0;
}
/* Login Button */
#loginButton,
#loginButtonMobile {
  float: right;
  color: #ffffff;
  cursor: pointer;
  text-shadow: none;
  -webkit-tap-highlight-color: #666666;
  text-align: center;
  background: #73ae13;
  font-family: 'Quattrocento Sans', sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 0.6rem;
  margin-bottom: .8px !important;
  margin-bottom: .8rem !important;
  padding-top: 8px;
  padding-top: 0.8rem;
  padding-right: 8px;
  padding-right: 0.8rem;
  padding-bottom: 8px;
  padding-bottom: 0.8rem;
  padding-left: 8px;
  padding-left: 0.8rem;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .2), -1px -1px 0 rgba(255, 255, 255, .2);
  margin-bottom: 14px;
  margin-bottom: 1.4rem;
  -moz-transition: background-color 0.2s ease-in-out 0s;
  -webkit-transition: background-color 0.2s ease-in-out 0s;
  transition: background-color 0.2s ease-in-out 0s;
  /*&:hover {
		background-color: @buttonHoverBackground;
		color: @buttonColor;
    position:relative;
    z-index:30;
	}*/
}
/* Login Button Text */
#loginButton:hover,
#loginButtonMobile:hover {
  /*    .background(@darkGray);*/
  color: #737373;
}
/* Login Box */
#loginBox,
#loginBoxMobile {
  position: absolute;
  top: 34px;
  right: 0;
  display: none;
  z-index: 29;
}
/* If the Login Button has been clicked */
#loginButton.active,
#loginButtonMobile.active {
  border-radius: 3px 3px 0 0;
}
#loginButton.active span,
#loginButtonMobile.active span {
  background-position: 53px -76px;
}
/* A Line added to overlap the border */
#loginButton.active em,
#loginButtonMobile.active em {
  position: absolute;
  width: 100%;
  height: 1px;
  background: #d2e0ea;
  bottom: -1px;
}
/* Login Form */
#loginForm,
#loginFormMobile {
  width: 260px;
  border-radius: 3px 0 3px 3px;
  -moz-border-radius: 3px 0 3px 3px;
  margin-top: -5px;
  background: #73ae13;
  padding: 6px;
}
#loginForm fieldset,
#loginFormMobile fieldset {
  margin: 0;
  display: block;
  border: 0;
  padding: 0;
}
fieldset#body {
  background: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 10px 13px;
  margin: 0;
}
#loginForm #checkbox,
#loginFormMobile #checkbox {
  width: auto;
  margin: 1px 9px 0 0;
  float: left;
  padding: 0;
  border: 0;
  *margin: -3px 9px 0 0;
  /* IE7 Fix */
}
#body label {
  color: #3a454d;
  margin: 9px 0 0 0;
  display: block;
  float: left;
}
#loginForm #body fieldset label,
#loginFormMobile #body fieldset label {
  display: block;
  float: none;
  margin: 0 0 6px 0;
  font-size: 1.6;
  font-family: 'Quattrocento Sans', sans-serif;
}
/* Default Input */
#loginForm input,
#loginFormMobile input {
  width: 92%;
  border-radius: 3px;
  -moz-border-radius: 3px;
  color: #666;
  padding: 8px 8px;
}
#loginForm input#login,
#loginFormMobile input#login {
  color: #FFF;
}
/* Forgot your password */
#loginForm span,
#loginFormMobile span {
  text-align: center;
  display: block;
}
#loginForm span a,
#loginFormMobile span a {
  color: #2c71b6;
  font-size: 1.4rem;
  display: block;
}
input:focus {
  outline: none;
}
/* Responsive Pagination */
.responsivePaginate {
  height: 1.55rem;
  background-color: #f5f5f5;
  white-space: nowrap;
  text-align: center;
  padding-top: 0.8rem;
  width: 100%;
}
.responsivePaginate span,
.responsivePaginate div,
.responsivePaginate a {
  padding: .50rem 1rem .50rem 1rem ;
  margin: .50rem ;
  visibility: hidden;
}
.responsivePaginate span,
.responsivePaginate div {
  display: inline;
  color: #f15a24;
}
.responsivePaginate a {
  color: #f15a24;
  text-decoration: none;
  background-color: #f5f5f5;
  font-size: 1.4rem;
  font-family: Arial, Helvetica, sans-serif;
}
.responsivePaginate a:hover {
  background-color: #f15a24;
  color: #ffffff;
}
.landingImage {
  position: relative;
}
.landingOverlay {
  max-width: 980px;
  position: absolute;
  top: 0;
}
.landingText {
  position: absolute;
  top: 85%;
  color: #ffffff;
  font-family: 'Quattrocento Sans', sans-serif;
  font-size: 3.6rem;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .2), -1px -1px 0 rgba(255, 255, 255, .2);
  padding: 0 3.0rem 0 3.0rem;
}
h3.widget-title {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.6rem !important;
  color: #555555;
}
.widget_tag_cloud div.tagcloud {
  padding-top: 6px;
}
.widget_tag_cloud div.tagcloud a {
  clear: both;
  display: block;
  font-size: 1.4rem !important;
  font-style: italic;
  margin-bottom: 1.5rem !important;
}
.widget_categories ul {
  margin-left: 0;
}
.widget_categories ul li ul {
  margin-left: .8rem;
}
.widget_categories ul li {
  list-style: none;
  list-style-type: none;
  font-size: 1.4rem;
  font-style: italic;
}
.widget_categories ul li a {
  font-style: normal;
}
.sidebarRight .widget_tag_cloud {
  border: none;
  padding: 2.0rem 0 3.0rem 0;
}
.sidebarRight .widget_archive {
  border: none;
  padding: 0 0 0 0;
}
.sidebarRight .widget_archive select {
  max-width: 205px;
  min-width: 205px;
}
.widget {
  padding: 2.0rem 2.0rem 3.0rem 2.0rem;
  border-bottom: 1px solid #cccccc;
}
.widget.widget_nav_menu {
  padding: 0;
  border-bottom: 0;
}
li.bbp-body .bbp-author-role,
li.bbp-body .bbp-reply-ip {
  display: none;
}
header.pageHeader {
  background-color: #222222;
  padding: 3.0rem 2.0rem 3.0rem 2.0rem;
  margin-top: 2rem;
  color: #ffffff;
}
.canvas {
  max-width: 100%;
  height: auto;
}
#loginForm #body fieldset label,
#loginForm #body label,
#loginFormMobile #body fieldset label,
#loginFormMobile #body label {
  font-size: 1.4rem;
}
#loginForm #body label,
#loginFormMobile #body label {
  margin-top: 0rem !important;
}
.single .featuredImageWrap {
  margin-top: 6px;
}
/* pinterest and linkedin fixes for height display of button and counter */
.stButton .st-pinterest-counter,
.stButton .st-email-counter {
  /*height: 22px !important;*/
  display:none;
}
.stButton .st-yahoo-counter,
.stButton .st-linkedin-counter {
  /*height: 22px !important;*/
  display:none;
}
.stButton .stHBubble {
  /*height: 22px !important;*/
  display:none;
}
/* twitter fixes for height display of button and counter */
.stButton .st-twitter-counter,
.stButton .st-facebook-counter {
  /*height: 22px !important;*/
  display:none;
}
.stButton .stArrow {
 /* height: 22px !important;*/
  display:none;
}
.st_twitter_button .stButton_gradient,
.st_twitter_button .stButton_gradient:hover,
.st_twitter_vcount .stButton_gradient,
.st_twitter_vcount .stButton_gradient:hover,
.st_twitter_hcount .stButton_gradient,
.st_twitter_hcount .stButton_gradient:hover {
  /*height: 22px !important;*/
  display:none;
}
/* news landing page */
.widget_archive select {
  height: 3.2em;
}
.newsLanding {
  /* placeholder */
}
.newsLanding .newsItemWrap {
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  padding-bottom: 20px;
  width: 100%;
}
.newsLanding .newsItemWrap .imageWrap {
  max-width: 140px;
}
.newsLanding .newsItemWrap .imageWrap img {
  max-width: 120px;
}
.newsLanding .newsItemWrap:last-of-type {
  border-bottom: 0px;
  margin-bottom: 0px;
}
.newsLanding .newsRight {
  width: 28%;
}
.newsLanding .newsEntry {
  /* placeholder */
}
.newsLanding .newsEntry.inSummary {
  /* placeholder */
}
.newsLanding .newsEntry.inSummary h5 {
  font-size: 2rem;
  font-weight: 400;
  font-family: 'Arial', Helvetica, sans-serif;
  line-height: 1.4em;
  margin-bottom: 0rem;
}
.newsLanding .newsEntry.inSummary .postCategories {
  line-height: 1.7rem;
  margin-top: .5rem;
}
.newsLanding .newsEntry.inSummary .postCategories .label {
  color: #666;
  font-family: Arial;
  font-style: italic;
  font-size: 12px;
  font-weight: normal;
  line-height: 14px;
  margin: 0rem .2rem 0rem 0rem;
}
.newsLanding .newsEntry.inSummary .postCategories .value {
  color: #444;
  font-weight: bold;
  margin-bottom: .5rem;
}
.newsLanding .newsEntry.inSummary .postCategories .value.nonLink {
  font-size: 12px;
}
.newsLanding .newsEntry.inSummary .postCategories .value a {
  color: #444;
  font-size: 12px;
}
.newsLanding .newsEntry.inSummary .postCategories .value a:hover {
  border-bottom: 1px dotted #444;
  text-decoration: none;
}
.newsLanding .newsEntry.inSummary p {
  font-family: 'Arial', Helvetica, sans-serif;
  font-size: 1.4rem !important;
  line-height: 1.8rem;
  margin-top: .5rem;
}
.clearBoth {
  clear: both;
  width: 100%;
  height: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
}
.content h1 {
  font-weight: 700;
  margin-bottom: 10px;
  margin-bottom: 1rem;
}
.content h2 {
  font-weight: 700;
  margin-bottom: 9px;
  margin-bottom: .9rem;
}
.content h3 {
  font-weight: 700;
  margin-bottom: 8px;
  margin-bottom: .8rem;
}
.content h4 {
  font-weight: 700;
  margin-bottom: 7px;
  margin-bottom: .7rem;
}
.content h5 {
  font-weight: 700;
  margin-bottom: 6px;
  margin-bottom: .6rem;
}
.content h6 {
  font-weight: 700;
  margin-bottom: 5px;
  margin-bottom: .5rem;
}
.content .pageTitle {
  font-weight: 400;
}
.oneColumn .row {
  letter-spacing: normal;
  margin: 0;
}
.oneColumn .row .column {
  float: left;
  margin-right: 4%;
  margin-bottom: 4%;
  width: 100%;
}
.oneColumn .row .column header {
  font-weight: 700;
  margin-bottom: 7px;
  margin-bottom: .7rem;
}
.oneColumn .row .column p {
  font-size: 14px;
  font-size: 1.4rem;
}
.oneColumn .row .column footer a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.8;
  font-style: italic;
  font-weight: bold;
  line-height: 14px;
  margin-bottom: 1.5rem !important;
}
.twoColumn .row {
  letter-spacing: normal;
  margin: 0 0 20px 0;
}
.twoColumn .row .column {
  float: left;
  margin-right: 4%;
  width: 46%;
}
.twoColumn .row .column header {
  font-weight: 700;
  margin-bottom: 7px;
  margin-bottom: .7rem;
}
.twoColumn .row .column p {
  font-size: 14px;
  font-size: 1.4rem;
}
.twoColumn .row .column footer a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.8;
  font-style: italic;
  font-weight: bold;
  line-height: 14px;
  margin-bottom: 1.5rem !important;
}
.homePage h1 {
  font-size: 44px;
  font-size: 4.4rem;
  font-weight: 400;
}
.homePage h2 {
  font-size: 30px;
  font-size: 3rem;
  font-weight: 400;
}
.homePage h3 {
  font-size: 30px;
  font-size: 3rem;
  font-weight: 400;
}
.homePage h4 {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 400;
}
.homePage h5 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 400;
}
.homePage h6 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
}
img.institutionLogo {
  display: inline-block;
  float: left;
  margin: 0 16px 16px 0;
}
ul.arrowIcon {
  margin-left: 15px;
  /*li:before {
   content: "▶ ";
   font-size:12px;
   position:relative;
   left:-5px;
   top:-1px;
  }*/
}
/* toolkit categories block*/
.toolkitCategoriesBlock {
  border-bottom: 1px solid gray;
  border-top: 1px solid gray;
  margin: 20px 0;
  padding: 20px 0 0 0;
}
.toolkitCategoriesBlock .column {
  margin-top: 10px;
  width: 49%;
}
.toolkitCategoriesBlock .column.left {
  float: left;
  margin-right: 2%;
}
.toolkitCategoriesBlock .column.right {
  float: right;
}
.toolkitCategoriesBlock .column .categoryItem {
  margin-bottom: 30px;
  width: 100%;
}
.toolkitCategoriesBlock .column .categoryItem img {
  display: inline-block;
  float: left;
  margin-right: 1.2rem;
  vertical-align: middle;
  width: 32%;
}
.toolkitCategoriesBlock .column .categoryItem a.categoryLink {
  display: inline-block;
  height: 100%;
  line-height: 2rem;
  max-width: 57%;
  vertical-align: middle;
}
/* project featured block*/
.content .featuredBlock {
  /*border-bottom:1px solid gray;*/
  padding: 0;
}
.content .featuredBlock .column {
  margin-top: 10px;
  /*width:49%;*/
  width: 100%;
}
.content .featuredBlock .column.left {
  float: left;
  /*margin-right:2%;*/
}
.content .featuredBlock .column.right {
  /*float:right*/
  float: left;
}
.content .featuredBlock .column .categoryItem {
  float: left;
  /*margin-bottom:30px;*/
  margin: 20px 2%;
  /*width: 100%;*/
  width: 45%;
}
.content .featuredBlock .column .categoryItem p {
  margin: 0 !important;
}
.content .featuredBlock .column .categoryItem p.type {
  font-style: italic;
  margin: .3rem 0 .5rem 0 !important;
  text-transform: capitalize;
}
.content .featuredBlock .column .categoryItem.hasImage p {
  margin-left: 32% !important;
}
.content .featuredBlock .column .categoryItem.hasIcon p {
  margin-left: 13% !important;
}
.content .featuredBlock .column .categoryItem img {
  margin-right: 4%;
  width: 28%;
  float: left;
  max-width: 120px;
}
.content .featuredBlock .column .categoryItem img.icon {
  margin-right: 4%;
  width: 9%;
  float: left;
  max-width: 40px;
}
.content .featuredBlock .column .categoryItem a.categoryLink {
  display: inline;
  font-size: 1.8rem;
  height: 100%;
  line-height: 2rem;
  margin-bottom: .6rem;
}
.content .featuredBlock .column .categoryItem p {
  font-size: 1.4rem;
  line-height: 2rem;
}
.contentLeft .featuredBlock {
  border-bottom: 1px solid gray;
  padding: 0;
}
.contentLeft .featuredBlock .column {
  margin-top: 10px;
  width: 48.5%;
}
.contentLeft .featuredBlock .column.left {
  float: left;
  margin-right: 1.5rem;
}
.contentLeft .featuredBlock .column.right {
  float: right;
}
.contentLeft .featuredBlock .column .categoryItem {
  margin-bottom: 30px;
  width: 100%;
}
.contentLeft .featuredBlock .column .categoryItem img {
  width: 27%;
  float: left;
  margin: .5rem 1.5rem 4rem 0;
  margin-top: .4rem;
  max-width: 120px;
}
.contentLeft .featuredBlock .column .categoryItem a.categoryLink {
  font-size: 1.4rem;
  height: 100%;
  line-height: 2rem;
  margin-bottom: .2rem;
}
.contentLeft .featuredBlock .column .categoryItem p {
  font-size: 1.3rem;
  line-height: 1.6rem;
}
.contentright .featuredBlock {
  border-bottom: 1px solid gray;
  padding: 0;
}
.contentright .featuredBlock .column {
  margin-top: 10px;
  width: 48.5%;
}
.contentright .featuredBlock .column.left {
  float: right;
  margin-left: 1.5rem;
}
.contentright .featuredBlock .column.right {
  float: right;
}
.contentright .featuredBlock .column .categoryItem {
  margin-bottom: 30px;
  width: 100%;
}
.contentright .featuredBlock .column .categoryItem img {
  width: 27%;
  float: left;
  margin: .5rem 1.5rem 4rem 0;
  margin-top: .4rem;
  max-width: 120px;
}
.contentright .featuredBlock .column .categoryItem a.categoryLink {
  font-size: 1.4rem;
  height: 100%;
  line-height: 2rem;
  margin-bottom: .2rem;
}
.contentright .featuredBlock .column .categoryItem p {
  font-size: 1.3rem;
  line-height: 1.6rem;
}
a#comments {
  position: relative;
  top: -60px;
}
#commentBlock {
  margin-top: 6rem;
  font-size: small;
}
#commentBlock .edit-link {
  float: right;
  margin-right: 10px;
}
#commentBlock .edit-link a.comment-edit-link {
  background-color: #f05a23;
  border-radius: 8px;
  color: #FFF;
  font-size: 1.1rem;
  padding: 1px 8px 2px;
}
#commentBlock .edit-link a.comment-spam-link {
  background-color: #f05a23;
  border-radius: 8px;
  color: #FFF;
  font-size: 1.1rem;
  padding: 1px 8px 2px;
}
#commentBlock .edit-link a.comment-delete-link {
  background-color: red;
  border-radius: 8px;
  color: #FFF;
  font-size: 1.1rem;
  padding: 1px 8px 2px;
  margin-left: 8px;
}
#commentBlock #respond.comment-respond {
  margin-top: 60px;
}
#commentBlock h2#comments-title {
  font-size: 2.4rem;
}
#commentBlock h2#comments-title span {
  font-size: 2rem;
  font-weight: 400;
  font-style: italic;
  padding: 0 .4rem 0 .2rem;
}
#commentBlock form {
  /* placeholder */
}
#commentBlock form p {
  clear: both;
}
#commentBlock form p label {
  clear: left;
  float: left;
  margin-right: 20px;
  min-height: 2.5rem;
  max-width: 20%;
  padding-bottom: 1.7rem;
  padding-top: .3rem;
}
#commentBlock form p input {
  float: right;
  max-width: 80%;
}
#commentBlock form .comment-form-comment {
  /* placeholder */
  /*label { float:none; padding-bottom: 0; }*/
}
#commentBlock form .comment-form-comment textarea {
  clear: right;
  float: right;
  max-width: 80%;
}
#commentBlock form p.form-submit {
  /* placeholder */
}
#commentBlock form p.form-submit input {
  float: left;
}
#commentBlock .form-allowed-tags {
  /* placeholder */
}
#commentBlock .form-allowed-tags code {
  background-color: #E7E7E7;
}
#commentBlock h3#comments {
  margin-bottom: 2rem;
}
#commentBlock .commentlist {
  list-style-type: none;
  margin-left: 0;
}
#commentBlock .commentlist .comment-content {
  /* placeholder */
}
#commentBlock .commentlist .comment-content blockquote {
  line-height: 1rem;
  padding-bottom: .2em;
  padding-top: .4em;
}
#commentBlock .commentlist li.comment {
  border-left: 1px solid #CCC;
  border-top: 1px solid #CCC;
  border-radius: 1rem;
  padding: .5rem .8rem;
}
#commentBlock .commentlist li.comment img.avatar {
  border-radius: .4rem;
  float: left;
  height: 39px;
  margin: .4rem .8rem 0 0;
  width: 39px;
}
#commentBlock .commentlist li.comment p {
  font-size: 1.3rem;
}
#commentBlock .commentlist li.comment ul {
  list-style-type: none;
  margin-left: 0.1rem;
}
#commentBlock input[type='submit'] {
  padding: .8rem 1rem .7rem;
  background-color: #f05a23;
  border: none;
  color: #FFF;
  font-weight: 700;
  border-radius: .5rem;
}
/* profile page styles */
.content.profile {
  margin-top: 10px;
}
#profileInfoHead {
  background: #222222 url('../../../wp-content/themes/citizen-science/assets/img/dark-bg-with-rings-920x206.png') no-repeat 55px 0px;
  height: 236px;
  margin-bottom: 20px;
  padding: 28px 30px;
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
}
#bbp-user-avatar {
  float: left;
  margin: 0;
  width: 150px;
}
.content.profile {
  position: relative;
}
#profileInfoHead #bbp-user-avatar img.avatar {
  border-color: #CECECE;
  border-style: solid;
  border-width: 4px;
  height: 150px;
  margin: 0 15px 0 0;
  padding: 0;
  width: 150px;
}
#profileInfoHead .profileDetails {
  float: right;
  margin-left: 15px;
  max-width: 750px;
  width: 100%;
}
.profileHeadPlaceholder {
  height: 136px;
}
.myprofileHeadPlaceholder {
  height: 140px;
}
#profileInfoHead h3.profileName {
  color: #FFF;
  font-family: 'Quattrocento Sans', sans-serif;
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 15px;
}
#profileInfoHead h4 {
  color: #FFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-top: 14px;
}
.profileDetails .column {
  max-width: 49%;
}
.profileDetails ul li {
  clear: both;
  color: #FFF;
  font-family: 'Quattrocento Sans', sans-serif;
  font-size: 16px;
  line-height: 30px;
  list-style: none;
  list-style-image: none;
  margin-bottom: 5px !important;
  overflow: hidden;
}
.profileDetails ul li.position {
  font-style: italic;
}
.profileDetails ul li.address {
  padding-bottom: 8px;
}
.profileDetails ul li.address img {
  margin-bottom: 20px;
}
.profileDetails ul li .valueWrap {
  float: left;
  max-height: 30px;
  max-width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-word;
  word-wrap: break-word;
}
.profileDetails ul li.address {
  line-height: 2.25rem;
  max-height: 90px;
  overflow-y: hidden;
}
.profileDetails ul li.email a {
  display: inline-block;
  height: 30px;
  padding-left: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-word;
  word-wrap: break-word;
  max-width: 100%;
}
.profileDetails ul li.website {
  height: 60px;
  word-break: break-all;
}
.profileDetails ul li.website a {
  display: block;
  height: 30px;
  padding-left: 45px;
}
.profileDetails ul li img {
  float: left;
  margin-right: 15px;
}
.profileDetails ul li a {
  border: none;
  color: #4e9ae7;
  text-decoration: none;
  position: relative;
}
.profileDetails ul li a img.icon {
  position: absolute;
  left: 0px;
}
.profileDetails ul li .addressSpacer {
  word-break: break-word;
  word-wrap: break-word;
  margin-left: 45px;
}
#bbpress-forums #bbp-your-profile fieldset fieldset.password span.description {
  line-height: 1.4rem;
}
/* change location of sidebar and content area */
#bbpress-forums #bbp-single-user-details {
  float: right !important;
  margin-bottom: 10px !important;
  width: 100% !important;
}
#bbpress-forums #bbp-user-body {
  margin-right: 360px;
  margin-left: 0 !important;
}
#bbpress-forums #bbp-user-body.modifiedLayout {
  float: left;
  margin-right: 0 !important;
  width: 560px;
  width: 56rem;
}
.sidebarRight.variantOne.modifiedLayout {
  background: none;
  border: none;
  float: right;
  padding: 5px 0 0 0;
  width: 32.7%;
}
#bbpress-forums .bbp-user-section {
  overflow: hidden !important;
}
/* join */
.join fieldset {
  float: left;
  -webkit-padding-before: 0px !important;
  -webkit-padding-start: 0px !important;
  width: 600px;
}
.join legend {
  display: none;
}
.join form {
  margin-top: -5px;
}
.join input {
  background-color: #efefef;
  border-radius: 0;
  height: 32px;
}
.join textarea {
  background-color: #efefef;
  border-radius: 0;
}
.join label {
  color: #666666;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  padding-right: 3%;
  text-align: right;
  width: 33%;
}
.join .div_text {
  width: 60%;
  float: left;
}
.join .div_textarea {
  width: 60%;
  float: left;
}
.join .button_div input.buttons {
  background-color: #f15a24;
  border: 0px solid;
  border-radius: 8px;
  color: #FFF;
  margin: 60px 20px 20px 0;
  padding: 8px 12px;
}
.join .req {
  color: red;
}
/* contact */
.contactPage form.invalid,
.contactPage form.sent {
  position: relative;
  margin-top: 20px;
}
.contactPage div.wpcf7-mail-sent-ok {
  border: 2px solid #398f14;
  line-height: 1.4rem;
  padding: 8px !important;
  position: absolute !important;
  bottom: -14px !important;
  width: 92% !important;
}
.contactPage div.wpcf7-validation-errors {
  border: 2px solid #f7e700;
  line-height: 1.4rem;
  padding: 8px !important;
  position: absolute !important;
  bottom: -14px !important;
  width: 92% !important;
}
.contactPage .pageConen {
  float: left;
  max-width: 67% !important;
  min-width: 67%;
}
.contactPage fieldset {
  float: left;
  -webkit-padding-before: 0px !important;
  -webkit-padding-start: 0px !important;
  width: 100%;
}
.contactPage legend {
  display: none;
}
.contactPage form {
  margin-top: -5px;
}
.contactPage input {
  background-color: #efefef;
  border-radius: 0;
  height: 32px;
}
.contactPage textarea {
  background-color: #efefef;
  border-radius: 0;
}
.contactPage label {
  color: #666666;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  padding-right: 3%;
  text-align: right;
  width: 33%;
}
.contactPage .div_text {
  width: 60%;
  float: left;
}
.contactPage .div_text span.wpcf7-not-valid-tip {
  left: 10% !important;
  width: 80% !important;
}
.contactPage .div_textarea {
  width: 60%;
  float: left;
}
.contactPage .button_div {
  clear: both;
}
.contactPage .button_div input.buttons {
  background-color: #f15a24;
  border: 0px solid;
  border-radius: 8px;
  color: #FFF;
  margin: 60px 20px 20px 0;
  padding: 8px 12px;
}
.contactPage .req {
  color: red;
}
.searchSelectWrap {
  margin-bottom: 20px;
}
.searchSelectWrap .dateRangeText {
  display: block;
  float: left;
  margin: 0 10px;
  padding: 9px 0;
}
.searchSelectWrap .datePrepText {
  display: block;
  float: left;
  margin: 0 10px;
  padding: 9px 0;
}
.searchSelectWrap .styled-select {
  height: 30px;
  background: url('assets/img/dropdown-icon-20x20.png') no-repeat right #f5f5f5;
  border: 1px solid #ddd;
  float: left;
  margin-top: 6px;
  overflow: hidden;
  position: relative;
  top: 0px;
}
.searchSelectWrap .styled-select.alphaOrder {
  margin-right: 6px;
  min-width: 75px;
  width: 75px;
}
.searchSelectWrap .styled-select.alphaOrder select {
  min-width: 78px;
}
.searchSelectWrap .styled-select.freshOrder {
  margin-right: 8px;
  min-width: 147px;
  width: 147px;
}
.searchSelectWrap .styled-select.freshOrder select {
  min-width: 150px;
}
.searchSelectWrap .styled-select.month {
  margin-right: 6px;
  min-width: 60px;
  width: 60px;
}
.searchSelectWrap .styled-select.month select {
  min-width: 63px;
}
.searchSelectWrap .styled-select.year {
  margin-right: 0px;
  min-width: 70px;
  width: 70px;
}
.searchSelectWrap .styled-select.year select {
  min-width: 73px;
}
.searchSelectWrap .styled-select select {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #666;
  font-size: 1.4rem;
  height: 30px;
  left: 15px;
  line-height: 1;
  padding: 5px 0;
  position: relative;
  -webkit-appearance: none;
}
.searchSelectWrap .styled-select option {
  font-size: 1.3rem;
}
.searchSelectWrap input.dateRangeBeginInput,
.searchSelectWrap input.dateRangeEndInput {
  background: url('assets/img/dropdown-icon-20x20.png') no-repeat right #f5f5f5;
  border: 1px solid #ddd;
  color: #666;
  float: left;
  font-size: 1.4rem;
  height: 30px;
  line-height: 1;
  padding: 5px 10px;
  position: relative;
  top: 0px;
  width: 150px;
}
.searchSelectWrap .searchSectionWrap {
  float: left;
  margin-top: 6px;
}
/* PROJECT DETAIL PAGE STYLES - the page that utilize these styles will live off-site */
.detailPagev2 .content {
  padding: 0 0 3.0rem 0;
  position: relative;
}
.detailPagev2 .content h4 {
  margin: 30px 0 -4px 0 !important;
}
.detailPagev2 .contentTopper {
  margin-top: 2rem !important;
  margin-bottom: 1.5rem !important;
  clear: both;
}
.detailPagev2 .content p.projectDescription {
  font-size: 1.7rem;
  line-height: 1.7em;
}
.detailPagev2 .content p.visitProjectLinkWrap {
  margin-bottom: 10px !important;
}
.detailPagev2 .detailHead {
  padding: 0rem;
  background-image: url('assets/img/black-1x100.png');
  background-position: 0px -10px;
  background-repeat: repeat;
}
.detailPagev2 .detailHead img.projectThumb {
  border: 5px solid #333;
  float: left;
  height: 130px;
  position: absolute;
  left: 30px;
  top: 20px;
  width: 130px;
}
.detailPagev2 .detailHead img.projectThumb:hover {
  opacity: 1.0 !important;
  border-color: #000;
}
.detailPagev2 .detailHead .titleWrap {
  min-height: 65px;
}
.detailPagev2 .detailHead h3.pageTitle2 {
  color: #FFF;
  display: block;
  font-family: 'Quattrocento Sans', sans-serif !important;
  font-size: 3.6rem !important;
  font-weight: 400;
  margin-bottom: 0;
  border: 0;
  margin-bottom: 0rem !important;
  margin-left: 180px;
  max-width: 80%;
  min-width: 50%;
  padding: 40px 30px 15px 0;
  width: auto;
}
.detailPagev2 .content .detailHead.noProjectImage h3.pageTitle2 {
  margin-left: 30px;
}
.detailPagev2 .content .detailHead .projectDescription {
  background-color: #FFF;
  font-size: 14px;
  line-height: 1.6em;
  padding: 20px 30px 0px 180px;
  width: 100%;
}
.detailPagev2 .content .detailHead.noProjectImage .projectDescription,
.detailPagev2 .content .detailHead.sufficientText .projectDescription {
  padding-left: 30px;
}
.detailPagev2 .content .detailHead .projectDescription hr {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.detailPagev2 .content .detailHead .projectDescription .visitProjectLinkWrap {
  float: left;
  margin-right: 20px;
}
.detailPagev2 .content .detailHead .projectDescription .status,
.detailPagev2 .content .detailHead .projectDescription .start,
.detailPagev2 .content .detailHead .projectDescription .end {
  display: inline-block;
  margin-right: 20px;
}
.detailPagev2 .content .detailHead .projectDescription .value {
  color: #333;
  font-weight: 600;
}
.detailPagev2 .content .mainContentWrapper {
  clear: both;
  padding: 1rem 3.0rem;
}
.detailPagev2 .content .mainContentWrapper .contentLeft {
  font-size: 1.6rem;
  line-height: 1.7em;
}
.detailPagev2 .content .mainContentWrapper ul {
  font-size: 14px;
  list-style-type: none;
  margin-left: 0;
}
.detailPagev2 .content .mainContentWrapper ul li {
  background: url('assets/img/list-circle-on-white-10x11.png') no-repeat 0 6px;
  font-family: Arial, Helvetica, "san-serif";
  font-size: 1.4rem;
  list-style-position: inside;
  padding-left: 18px;
  padding-right: 6%;
}
.detailPagev2 .content .mainContentWrapper ul.arrowIcon li {
  background: none;
}
.detailPagev2 .content p.projectDescription {
  font-size: 1.7rem;
}
.detailPagev2 .content p.visitProjectLinkWrap {
  margin-bottom: 10px !important;
}
.detailPagev2 .content .resourceColumn hr {
  width: 260px;
}
.detailPagev2 .content .mainContentWrapper .resourceColumn .highlightedResource {
  background-color: #fff;
  padding: 0px 0px 10px 0px;
}
.detailPagev2 .content .mainContentWrapper .resourceColumn .highlightedResource .personnelItem {
  margin-bottom: 5px;
  width: 100%;
}
.detailPagev2 .content .mainContentWrapper .resourceColumn .highlightedResource .personnelItem img {
  border: 2px solid #666;
  float: left;
  margin-right: 1rem;
  width: 70px;
}
.detailPagev2 .content .mainContentWrapper .resourceColumn .highlightedResource .personnelItem img.socialMediaIcon {
  border: none;
  width: 34px;
}
.detailPagev2 .content .mainContentWrapper .resourceColumn .highlightedResource .personnelItem img.socialMediaIcon:hover {
  opacity: 0.6;
}
.detailPagev2 .content .mainContentWrapper .resourceColumn .highlightedResource .personnelItem a.personnelLink,
.detailPagev2 .content .mainContentWrapper .resourceColumn .highlightedResource .personnelItem span.personnelLink {
  display: inline-block;
  font-size: 1.8rem;
  height: 100%;
  line-height: 2rem;
  margin-bottom: .3rem;
  word-break: break-all;
  word-wrap: break-word;
}
.detailPagev2 .content .mainContentWrapper .resourceColumn .highlightedResource .personnelItem a.personnelLink.hasImage,
.detailPagev2 .content .mainContentWrapper .resourceColumn .highlightedResource .personnelItem span.personnelLink.hasImage {
  max-width: 190px;
}
.detailPagev2 .content .mainContentWrapper .resourceColumn .highlightedResource .personnelItem p {
  font-size: 1.4rem;
  line-height: 2rem;
  margin-bottom: 5px !important;
}
.detailPagev2 .content .mainContentWrapper .resourceColumn .highlightedResource .personnelItem p span.position {
  font-style: italic;
}
/* PROJECT ADD/SUBMIT PAGE STYLES - the page that utilize these styles will live off-site */
.projectAdd errors {
  border: 1px solid red;
  color: #f15a24;
  display: block;
  line-height: 1.6rem;
  margin: 0 0 10px 0;
  padding: 8px 12px;
}
.projectAdd .sidebarLeft .addProjectSteps {
  margin-left: 30px;
}
.projectAdd .sidebarLeft .addProjectSteps ul.noIndent {
  margin: 0;
}
.projectAdd .sidebarLeft .addProjectSteps ul.formParts li {
  color: #bbb;
  font-size: 15px;
  line-height: 30px;
  margin-bottom: 16px;
}
.projectAdd .sidebarLeft .addProjectSteps ul.formParts li.current {
  font-weight: bold;
}
.projectAdd .sidebarLeft .addProjectSteps p {
  font-size: 12px;
}
.projectAdd .sidebarLeft .addProjectSteps p.requiredMessage {
  color: #f15a24;
  font-style: italic;
  font-weight: 600;
  margin-left: 10px;
  position: relative;
  width: 80%;
}
.projectAdd .sidebarLeft .addProjectSteps p.requiredMessage .asterix {
  position: absolute;
  left: -10px;
}
.projectAdd .inputWrap dl {
  margin: -10px 0 30px 0;
}
.projectAdd .inputWrap dl dt {
  float: left;
  font-size: 1em;
  width: 20%;
}
.projectAdd .inputWrap dl dd {
  float: left;
  width: 80%;
}
.projectAdd .inputWrap dl dd code {
  background-color: #ccc;
  border-radius: 0px;
  color: #666;
  display: inline-block;
  padding: 2px 8px;
  width: 100%;
}
.projectAdd .inputWrap dl dd code em {
  color: #333;
}
.projectAdd .contentRight {
  max-width: 660px;
}
.projectAdd .contentRight p {
  font-size: 1.4rem;
}
.projectAdd .contentRight form.addProjectForm {
  position: relative;
  width: 100%;
  /*fieldset.addressBlock { 
        margin-left:130px; 
        .third  {
          margin-left:0;
          min-width: 30% !important;
          max-width: 30%;
          width: 30% !important;
          &.personAddressState {
            margin: 0 5%;
            font-size: 12px;
            color: #aaa;
            padding: .5em;
          }
        }
      }*/
}
.projectAdd .contentRight form.addProjectForm fieldset.formRow {
  border: 1px solid #ddd;
}
.projectAdd .contentRight form.addProjectForm fieldset.formRow legend {
  margin-left: 10px;
  padding: 5px 10px;
  width: auto;
}
.projectAdd .contentRight form.addProjectForm .formRow {
  clear: both;
  display: block;
  margin-bottom: 15px;
  min-height: 1px;
  padding-bottom: 0px;
}
.projectAdd .contentRight form.addProjectForm .formRow.lessLeading {
  margin-top: -1rem !important;
}
.projectAdd .contentRight form.addProjectForm .formRow button.remove {
  background-color: red;
  border: 0px solid;
  border-radius: 0px;
  color: #FFF;
  margin: 0 0 20px 0 !important;
  display: block !important;
  padding: 4px 12px !important;
}
.projectAdd .contentRight form.addProjectForm .formRow button.remove:hover {
  opacity: 0.8;
}
.projectAdd .contentRight form.addProjectForm .formRow button.addAnother {
  background: none;
  border: 0;
}
.projectAdd .contentRight form.addProjectForm .formRow button.addAnother:hover {
  opacity: 0.8;
}
.projectAdd .contentRight form.addProjectForm .formRow.rowIndent {
  padding-left: 130px;
}
.projectAdd .contentRight form.addProjectForm .formRow.rowIndent label {
  color: #444;
  font-style: italic;
  font-weight: 400 !important;
  text-align: left;
}
.projectAdd .contentRight form.addProjectForm .formRow.rowIndent label.add-project-person-title {
  font-weight: 400;
  margin-right: 12px;
  width: 30px;
}
.projectAdd .contentRight form.addProjectForm .formRow.rowIndent label.add-project-person-institution {
  font-weight: 400;
  margin-left: 25px;
  margin-right: 12px;
  width: 60px;
}
.projectAdd .contentRight form.addProjectForm .formRow.rowIndent input {
  max-width: 185px !important;
  font-size: 11px;
}
.projectAdd .contentRight form.addProjectForm label {
  color: #333;
  font-size: 14px;
  font-weight: 600;
  float: left;
  line-height: 1.8rem;
  margin-bottom: 1.4rem;
  margin-right: 20px;
  padding-top: 5px;
  text-align: right;
  width: 110px;
}
.projectAdd .contentRight form.addProjectForm label.inner {
  width: 80px;
}
.projectAdd .contentRight form.addProjectForm label.project_observation_count {
  position: relative;
  top: -7px;
}
.projectAdd .contentRight form.addProjectForm label.project_person_user {
  position: relative;
  top: -7px;
}
.projectAdd .contentRight form.addProjectForm label .required {
  color: #f15a24;
}
.projectAdd .contentRight form.addProjectForm .socialBlock .socialInputWrap {
  margin-left: 130px !important;
}
.projectAdd .contentRight form.addProjectForm .socialBlock .socialInputWrap label {
  margin-left: 0 !important;
  max-width: 60px;
  margin-bottom: 0;
}
.projectAdd .contentRight form.addProjectForm input[type='date'] {
  padding-left: 8px;
}
.projectAdd .contentRight form.addProjectForm input[type='text']#project_start_date {
  background-image: url('assets/img/touch-menu-down-indicator-grey-11x12.png') !important;
  background-position: 96% 7px !important;
  background-repeat: no-repeat !important;
  padding-right: 20px !important;
  max-width: 265px;
  min-width: 265px;
}
.projectAdd .contentRight form.addProjectForm input[type='text']#project_end_date {
  background-image: url('assets/img/touch-menu-down-indicator-grey-11x12.png') !important;
  background-position: 96% 7px !important;
  background-repeat: no-repeat !important;
  padding-right: 20px !important;
  max-width: 265px;
  min-width: 265px;
}
.projectAdd .contentRight form.addProjectForm select#project_status {
  background-image: url('assets/img/touch-menu-down-indicator-grey-11x12.png') !important;
  background-position: 96% 7px !important;
  background-repeat: no-repeat !important;
  padding-right: 20px !important;
  font-size: 1.3rem !important;
  max-width: 265px;
  min-width: 265px;
}
.projectAdd .contentRight form.addProjectForm input[type='number']#project_active_participant_count,
.projectAdd .contentRight form.addProjectForm input[type='number']#project_participant_count,
.projectAdd .contentRight form.addProjectForm input[type='number']#project_observation_count {
  max-width: 265px;
  min-width: 265px;
  padding-left: .8rem;
  font-size: 11px;
}
.projectAdd .contentRight form.addProjectForm textarea {
  min-height: 90px;
}
.projectAdd .contentRight form.addProjectForm textarea#add-project-description {
  min-height: 250px;
}
.projectAdd .contentRight form.addProjectForm input[type='checkbox'] {
  vertical-align: top;
  margin-top: 7px;
}
.projectAdd .contentRight form.addProjectForm img.socialMediaIcon {
  margin-bottom: 1.5rem;
  margin-left: 3px;
  margin-top: 1px;
}
.projectAdd .contentRight form.addProjectForm input[type='text'],
.projectAdd .contentRight form.addProjectForm input[type='date'],
.projectAdd .contentRight form.addProjectForm input[type='url'],
.projectAdd .contentRight form.addProjectForm input[type='number'],
.projectAdd .contentRight form.addProjectForm select,
.projectAdd .contentRight form.addProjectForm textarea {
  background: none;
  background-color: #efefef;
  border: 1px solid #ccc;
  border-radius: 0px;
  color: #666;
  float: left;
  height: 30px;
}
.projectAdd .contentRight form.addProjectForm input[type='text'].full,
.projectAdd .contentRight form.addProjectForm input[type='date'].full,
.projectAdd .contentRight form.addProjectForm input[type='url'].full,
.projectAdd .contentRight form.addProjectForm input[type='number'].full,
.projectAdd .contentRight form.addProjectForm select.full,
.projectAdd .contentRight form.addProjectForm textarea.full {
  min-width: 510px;
  max-width: 510px;
  width: 100%;
}
.projectAdd .contentRight form.addProjectForm input[type='text'].half,
.projectAdd .contentRight form.addProjectForm input[type='date'].half,
.projectAdd .contentRight form.addProjectForm input[type='url'].half,
.projectAdd .contentRight form.addProjectForm input[type='number'].half,
.projectAdd .contentRight form.addProjectForm select.half,
.projectAdd .contentRight form.addProjectForm textarea.half {
  min-width: 50px;
  max-width: 205px;
  width: 100%;
}
.projectAdd .contentRight form.addProjectForm input[type='text'].socialMediaInput,
.projectAdd .contentRight form.addProjectForm input[type='date'].socialMediaInput,
.projectAdd .contentRight form.addProjectForm input[type='url'].socialMediaInput,
.projectAdd .contentRight form.addProjectForm input[type='number'].socialMediaInput,
.projectAdd .contentRight form.addProjectForm select.socialMediaInput,
.projectAdd .contentRight form.addProjectForm textarea.socialMediaInput {
  float: right;
  margin-right: 7px;
  margin-top: 6px;
  min-width: 50px;
  max-width: 420px;
}
.projectAdd .contentRight form.addProjectForm label.institution {
  width: 16%;
}
.projectAdd .contentRight form.addProjectForm fieldset.addressBlock {
  margin-left: 130px;
}
.projectAdd .contentRight form.addProjectForm fieldset.addressBlock .showAddress {
  border: 1px solid #f15a24;
  padding-bottom: 3%;
}
.projectAdd .contentRight form.addProjectForm fieldset.addressBlock .showAddress.ng-hide {
  border: none;
}
.projectAdd .contentRight form.addProjectForm fieldset.addressBlock .showAddress .formRow {
  margin: 5% 5% 5% 0;
}
.projectAdd .contentRight form.addProjectForm fieldset.addressBlock.personAddressState {
  margin: 0 5%;
  font-size: 12px;
  color: #aaa;
  padding: .5em;
  max-width: 92% !important;
  margin-right: 8%;
  min-width: 100% !important;
}
.projectAdd .contentRight form.addProjectForm fieldset.addressBlock select.personAddressState {
  min-width: 100%;
}
.projectAdd .contentRight form.addProjectForm .inputWrap {
  margin-left: 130px;
  min-width: 30.2% !important;
  width: auto;
}
.projectAdd .contentRight form.addProjectForm .inputWrap.half {
  float: left;
  margin-left: 0;
  min-width: 150px;
}
.projectAdd .contentRight form.addProjectForm .inputWrap.half input[type='text'],
.projectAdd .contentRight form.addProjectForm .inputWrap.half input[type='email'],
.projectAdd .contentRight form.addProjectForm .inputWrap.half input[type='tel'] {
  background: none;
  background-color: #efefef;
  border: 1px solid #ccc;
  border-radius: 0px;
  color: #666;
  float: left;
  height: 30px;
  max-width: 100% !important;
  min-width: 100% !important;
  width: 100% !important;
}
.projectAdd .contentRight form.addProjectForm .inputWrap.roles {
  margin-left: 130px;
}
.projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap .inputWrap {
  margin: 0;
}
.projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.third {
  float: left;
  margin-left: 0;
  padding-left: 4.5%;
  text-align: center;
  width: 33%;
}
.projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.third label {
  font-weight: normal;
}
.projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.third.coordinator {
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  padding: 0 4.5%;
  width: 33%;
}
.projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.third.administrator {
  clear: left;
  width: auto;
}
.projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.third.administrator label {
  font-weight: bold;
}
.projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.third.contact {
  padding-left: 6%;
}
.projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.third label {
  width: auto;
}
.projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.third input[type='radio'] {
  float: left;
  position: relative;
  top: 6px;
}
.projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.third input[type='checkbox'] {
  float: left;
  position: relative;
  top: 1px;
}
.projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.half {
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 50%;
}
.projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.half label {
  font-weight: normal;
}
.projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.half.coordinator {
  padding: 0;
}
.projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.half.administrator {
  clear: left;
  margin-top: 8px;
}
.projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.half.administrator label {
  font-weight: bold;
}
.projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.half.contact {
  padding-left: 0%;
}
.projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.half.contact.version2 {
  padding: 0;
}
.projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.half label {
  width: auto;
}
.projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.half input[type='radio'] {
  float: left;
  position: relative;
  top: 6px;
}
.projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.half input[type='checkbox'] {
  float: left;
  position: relative;
  top: 1px;
}
.projectAdd .contentRight form.addProjectForm .inputWrap.social {
  margin-left: 80px !important;
}
.projectAdd .contentRight form.addProjectForm .inputWrap img.add-project-image {
  float: left;
  margin-bottom: 1.4rem;
  margin-right: 20px;
  max-width: 24%;
}
.projectAdd .contentRight form.addProjectForm .inputWrap input#project_logo {
  border-radius: 0px;
  max-width: 100%;
  width: 70%;
}
.projectAdd .contentRight form.addProjectForm .inputWrap input#project_name {
  max-width: 100%;
  min-width: 100%;
  width: 100%;
}
.projectAdd .contentRight form.addProjectForm .inputWrap input#project_url {
  max-width: 100% !important;
  min-width: 100% !important;
  width: 100% !important;
}
.projectAdd .contentRight form.addProjectForm .inputWrap textarea {
  max-width: 100% !important;
  min-width: 100% !important;
  width: 100% !important;
}
.projectAdd .contentRight form.addProjectForm .inputWrap input.socialMediaInput {
  margin-right: 0px;
  max-width: 100%;
  min-width: 100%;
  width: 100%;
}
.projectAdd .contentRight form.addProjectForm .inputWrap input[type='text'],
.projectAdd .contentRight form.addProjectForm .inputWrap input[type='email'],
.projectAdd .contentRight form.addProjectForm .inputWrap input[type='tel'] {
  background: none;
  background-color: #efefef;
  border: 1px solid #ccc;
  border-radius: 0px;
  color: #666;
  float: left;
  height: 30px;
  max-width: 100% !important;
  min-width: 100% !important;
  width: 100% !important;
}
.projectAdd .contentRight form.addProjectForm button.function {
  background-color: lightgrey;
  border: 1px solid #bbb;
  border-radius: 4px;
  color: #666;
  font-size: 11px;
  margin-top: 2px;
  padding: 2px 6px 4px !important;
}
.projectAdd .contentRight form.addProjectForm button.function:hover {
  opacity: 0.8;
}
.projectAdd .contentRight form.addProjectForm .select2-container {
  height: 32px;
  max-width: 100%;
  width: 80%;
}
.projectAdd .contentRight form.addProjectForm .select2-container .personnelInstitution a.select2-choice,
.projectAdd .contentRight form.addProjectForm .select2-container .personnelUser a.select2-choice {
  background: none;
  border-radius: 0px;
  background-color: #ccc;
}
.projectAdd .contentRight form.addProjectForm .select2-container ul.select2-choices,
.projectAdd .contentRight form.addProjectForm .select2-container ul.select2-choice {
  background: none;
  border: none;
}
.projectAdd .contentRight form.addProjectForm .select2-container ul.select2-choices .select2-search-field,
.projectAdd .contentRight form.addProjectForm .select2-container ul.select2-choice .select2-search-field {
  background-color: #efefef;
  border: 1px solid #ccc;
  clear: left;
  margin: 0px;
  width: 100%;
}
.projectAdd .contentRight form.addProjectForm .select2-container ul.select2-choices .select2-search-field .select2-input,
.projectAdd .contentRight form.addProjectForm .select2-container ul.select2-choice .select2-search-field .select2-input {
  border: none;
  width: 100% !important;
}
.projectAdd .contentRight form.addProjectForm .personnelInstitution a.select2-choice,
.projectAdd .contentRight form.addProjectForm .personnelUser a.select2-choice {
  background: none;
  background-color: #efefef;
  border-radius: 0px;
  height: 30px;
}
.projectAdd .contentRight form.addProjectForm .personnelInstitution .select2-drop,
.projectAdd .contentRight form.addProjectForm .personnelUser .select2-drop {
  top: -2px !important;
}
.projectAdd .contentRight form.addProjectForm .personnelInstitution .select2-drop .select2-search,
.projectAdd .contentRight form.addProjectForm .personnelUser .select2-drop .select2-search {
  border: none;
  height: 30px;
}
.projectAdd .contentRight form.addProjectForm .personnelInstitution .select2-drop .select2-search input,
.projectAdd .contentRight form.addProjectForm .personnelUser .select2-drop .select2-search input {
  border: none !important;
  border-radius: 0px;
  height: 30px !important;
  margin: 2px 0;
  background-color: #f4f4f4;
}
.projectAdd .contentRight form.addProjectForm button.submit {
  background-color: #f15a24;
  border: 0px solid;
  border-radius: 0px;
  color: #FFF;
  float: right;
  margin: 0 0 20px 0 !important;
  display: block !important;
  padding: 8px 12px 9px !important;
}
.projectAdd .contentRight form.addProjectForm button.submit:hover {
  opacity: 0.8;
}
.projectAdd .contentRight form.addProjectForm a.buttonLike {
  border: 0px solid;
  border-radius: 0px;
  color: #FFF;
  margin: 0 0 20px 0 !important;
  display: block !important;
  padding: 12px !important;
}
.projectAdd .contentRight form.addProjectForm a.buttonLike.progress {
  background-color: #f15a24;
}
.projectAdd .contentRight form.addProjectForm a.buttonLike.progress.addPlus {
  width: 70px;
}
.projectAdd .contentRight form.addProjectForm a.buttonLike.progress .plus {
  font-size: 20px;
  position: relative;
  right: -3px;
  top: 2px;
}
.projectAdd .contentRight form.addProjectForm a.buttonLike#add-project-next {
  float: right;
}
.projectAdd .contentRight form.addProjectForm a.buttonLike#add-project-next .arrow {
  font-size: 20px;
  position: relative;
  right: -3px;
  top: 2px;
}
.projectAdd .contentRight form.addProjectForm a.buttonLike#add-project-previous {
  float: left;
}
.projectAdd .contentRight form.addProjectForm a.buttonLike#add-project-previous .arrow {
  font-size: 20px;
  position: relative;
  right: 3px;
  top: 2px;
}
.projectAdd .contentRight form.addProjectForm a.buttonLike:hover {
  opacity: 0.8;
}
html[data-useragent*='Firefox'] p {
  font-size: 15px;
  font-size: 1.5rem;
}
html[data-useragent*='Firefox'] .widget_archive select {
  height: auto !important;
  padding: 6px 4px;
}
html[data-useragent*='Firefox'] .projectAdd .contentRight form.addProjectForm select#project_status {
  background-image: none !important;
  padding-right: 0px !important;
}
html[data-useragent*='Firefox'] span.statNumber {
  margin-top: 0rem;
  padding-bottom: 1rem;
}
.dsq-comment-header {
  white-space: normal!important;
}
/* PURE CSS LIGHTBOXY THING */
div.lightboxy {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
div.lightboxy h1 {
  line-height: 1em;
}
div.lightboxy:target {
  display: table;
}
div.lightboxy box {
  display: table-cell;
  height: 100%;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  width: 100%;
}
div.lightboxy box boxContent {
  background-color: #fff;
  border: 2px solid #f15a24;
  border-radius: 0px;
  color: #666666;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: normal;
  height: auto;
  margin: auto;
  max-width: 550px !important;
  min-width: 260px;
  padding: 10px 20px;
  position: relative;
  text-align: inherit;
  width: 50%;
}
div.lightboxy box boxContent .formRow {
  display: inline-block !important;
  width: 100%;
}
div.lightboxy box boxContent .modalFunction {
  background-color: lightgrey;
  border: 1px solid #bbb;
  border-radius: 4px;
  color: #666;
  font-size: 11px;
  margin-top: 2px;
  padding: 2px 6px 4px !important;
}
div.lightboxy box boxContent errors {
  border: 1px solid red;
  color: #f15a24;
  display: block;
  line-height: 1.6rem;
  margin: 0 0 10px 0;
  padding: 8px 12px;
}
div.lightboxy box boxContent fieldset {
  margin-top: 20px;
}
div.lightboxy box boxContent fieldset input {
  background-image: none;
  background-color: #efefef;
  border: 1px solid #ccc;
  border-radius: 0px;
  color: #666;
  float: left;
  height: 30px;
  max-width: 100% !important;
  min-width: 100% !important;
  width: 100% !important;
}
div.lightboxy box boxContent label {
  float: left;
  text-align: right;
  max-width: 130px;
  width: 33%;
}
div.lightboxy box boxContent .modalInputWrap {
  float: right;
  margin: 0 auto;
  min-width: 63%;
  max-width: 63%;
  width: 63%;
}
div.lightboxy box boxContent .modalInputWrap input {
  background-image: none;
  background-color: #efefef;
  border: 1px solid #ccc;
  border-radius: 0px;
  color: #666;
  float: left;
  height: 30px;
  max-width: 100% !important;
  min-width: 100% !important;
  width: 100% !important;
}
div.lightboxy box boxContent .modalInputWrap textarea {
  background-image: none;
  background-color: #efefef;
  border: 1px solid #ccc;
  border-radius: 0px;
  color: #666;
  float: left;
  height: 30px;
  max-width: 100% !important;
  min-width: 100% !important;
  width: 100% !important;
}
div.lightboxy box boxContent .modalInputWrap select {
  min-width: 100%;
}
div.lightboxy box .closer {
  cursor: default;
  display: block;
  height: 0;
  margin: auto;
  max-width: 560px;
  min-width: 260px;
  overflow: visible;
  text-align: right;
  width: 50%;
  z-index: 5001;
}
div.lightboxy box .closer::after {
  content: "\00D7";
  display: inline-block;
  color: #333;
  background-color: #fff;
  border: 1px #333 solid;
  border-radius: 10px;
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  line-height: 18px;
  margin: 0;
  position: relative;
  right: -8px;
  top: -8px;
  text-align: center;
  width: 20px;
  z-index: 5002;
}
div.lightboxy box .closer::before {
  background-color: #000000;
  content: "";
  display: block;
  height: 100%;
  opacity: 0.85;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}
.btf-modal,
#TB_window,
.lightboxy {
  border: 2px solid #f15a24;
  padding: 10px 20px;
}
.btf-modal .formRow,
#TB_window .formRow,
.lightboxy .formRow {
  display: inline-block !important;
  width: 100%;
}
.btf-modal .modalFunction,
#TB_window .modalFunction,
.lightboxy .modalFunction {
  background-color: lightgrey;
  border: 1px solid #bbb;
  border-radius: 4px;
  color: #666;
  font-size: 11px;
  margin-top: 2px;
  padding: 2px 6px 4px !important;
}
.btf-modal errors,
#TB_window errors,
.lightboxy errors {
  border: 1px solid red;
  color: #f15a24;
  display: block;
  line-height: 1.6rem;
  margin: 0 0 10px 0;
  padding: 8px 12px;
}
.btf-modal fieldset,
#TB_window fieldset,
.lightboxy fieldset {
  margin-top: 20px;
}
.btf-modal fieldset input,
#TB_window fieldset input,
.lightboxy fieldset input {
  background-image: none;
  background-color: #efefef;
  border: 1px solid #ccc;
  border-radius: 0px;
  color: #666;
  float: left;
  height: 30px;
  max-width: 100% !important;
  min-width: 100% !important;
  width: 100% !important;
}
.btf-modal label,
#TB_window label,
.lightboxy label {
  float: left;
  text-align: right;
  max-width: 130px;
  width: 33%;
}
.btf-modal .modalInputWrap,
#TB_window .modalInputWrap,
.lightboxy .modalInputWrap {
  float: right;
  margin: 0 auto;
  min-width: 63%;
  max-width: 63%;
  width: 63%;
}
.btf-modal .modalInputWrap input,
#TB_window .modalInputWrap input,
.lightboxy .modalInputWrap input {
  background-image: none;
  background-color: #efefef;
  border: 1px solid #ccc;
  border-radius: 0px;
  color: #666;
  float: left;
  height: 30px;
  max-width: 100% !important;
  min-width: 100% !important;
  width: 100% !important;
}
.btf-modal .modalInputWrap textarea,
#TB_window .modalInputWrap textarea,
.lightboxy .modalInputWrap textarea {
  background-image: none;
  background-color: #efefef;
  border: 1px solid #ccc;
  border-radius: 0px;
  color: #666;
  float: left;
  height: 30px;
  max-width: 100% !important;
  min-width: 100% !important;
  width: 100% !important;
}
.btf-modal .modalInputWrap select,
#TB_window .modalInputWrap select,
.lightboxy .modalInputWrap select {
  min-width: 100%;
}
/* pagination styles */
ul.pagination {
  background: none;
  border: 0px !important;
  clear: both;
  display: block;
  height: 100%;
  list-style: none;
  margin: 20px 0;
  position: relative;
  width: auto;
}
ul.pagination li {
  background-color: #f8f8f8;
  border-bottom: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  float: left;
  height: 100%;
  margin-right: 0px;
  min-height: 32px;
  vertical-align: middle;
  min-width: 45px;
}
ul.pagination li span {
  display: table-cell;
  height: auto;
  min-height: 30px;
  min-width: 45px;
  padding: 4px 10px 3px;
  text-align: center;
  vertical-align: middle;
}
ul.pagination li span.current,
ul.pagination li span.active {
  background-color: #f15a24;
  color: #fff;
}
ul.pagination li span.active {
  background-color: #f15a24;
  color: #fff;
}
ul.pagination li span.dots {
  background-color: none;
  position: relative;
  left: -1px;
}
ul.pagination li a {
  color: #f15a24;
  display: table-cell;
  height: 100%;
  min-height: 30px;
  padding: 4px 10px 3px;
  text-align: center;
  vertical-align: middle;
  min-width: 45px;
}
ul.pagination li a:hover {
  background-color: #f15a24;
  color: #fff;
}
ul.pagination li a.prev {
  border-left: 1px solid #e7e7e7;
  border-right: 0px !important;
  padding-top: 4px;
}
ul.pagination li a.prev:before {
  content: "";
}
ul.pagination li a.next {
  border-right: 1px solid #e7e7e7;
  border-left: 0px !important;
  padding-top: 4px;
}
ul.pagination li a.next:after {
  content: "";
}
ul.pagination li:last-child {
  margin-right: 0;
  border-right: 1px solid #e7e7e7;
  position: relative;
}
ul.pagination li.active a {
  background-color: #f15a24;
  color: #fff;
}
ul.pagination li.active a:hover {
  background-color: #f15a24;
  color: #fff;
}
ul.pagination.searchPagination li a {
  cursor: pointer;
}
#wpadminbar {
  display: none;
}
.profile .pageConen #wpmem_login .form fieldset .link-text {
  margin-bottom: 8px;
  line-height: 16px;
  line-height: 1.6rem;
}
.metaslider .caption-wrap {
  background: none !important;
  left: 6% !important;
  bottom: 20% !important;
  opacity: 1 !important;
  width: 88% !important;
}
.metaslider .caption-wrap .caption {
  text-shadow: black 0.1em 0.1em 0.2em;
}
.metaslider .caption-wrap .caption h2 {
  color: #fff !important;
  font-family: 'Quattrocento Sans', sans-serif !important;
  font-size: 28px;
  font-size: 2.8rem;
  width: 100% !important;
}
.metaslider .caption-wrap .caption p {
  color: #fff !important;
  font-family: 'Quattrocento Sans', sans-serif !important;
  font-size: 18px;
  font-size: 1.8rem;
  width: 100% !important;
}
.featured-case-study-img {
  width: 294px;
  height: 165px;
}
.content #recently-added-resources .featuredBlock .column .categoryItem {
  height: 160px;
}
/**/
@-ms-viewport {
  width: device-width;
}
.mobile-nav:before {
  content: '';
  text-transform: uppercase;
  color: #999999;
  font-family: 'Quattrocento Sans', sans-serif;
  /*		border-bottom: .15em solid @mobileNavBorderColor;
		border-top: .45em double @mobileNavBorderColor;*/
  height: .18em;
  position: absolute;
  left: -32px;
  left: -3.2rem;
  top: 0.95em;
  width: 24px;
  width: 2.4rem;
}
.mobileLandscape header[role='banner'] {
  overflow: hidden;
}
.mobileLandscape header[role='banner'] .container {
  padding-left: 1%;
  padding-right: 1%;
}
.mobileLandscape header[role='banner'] #logo {
  padding: 0;
  float: left;
}
.mobileLandscape #headerTop {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
.mobileLandscape nav[role='navigation'] {
  /*padding: 0;*/
  float: left;
}
.mobileLandscape nav[role='navigation'] ul li {
  display: inline;
}
.mobileLandscape nav[role='navigation'] li {
  border-top: none;
}
.mobileLandscape nav[role='navigation'] a {
  display: inline-block;
  line-height: 38px;
  line-height: 3.8rem;
  /*&:last-child {
			padding-right: 0;
		}*/
}
.mobileLandscape nav[role='navigation'] a:hover {
  background: inherit;
}
.tabletPortrait {
  /*nav[role='navigation'] {
	
	li a {
		height:40px;
		border-left: 1px solid #dedede;
		border-right: none;
		padding-left: 10px;
		padding-right:10px;
		width: auto;
		&:hover {
			background-color: @orange;
			color: @white;
		}
	}
	a {
	.font-size(1.2; 5) !important;
	
	}
}*/
}
.tabletPortrait html {
  font-size: 57.5%;
}
.tabletPortrait #breakdown,
.tabletPortrait #features {
  letter-spacing: -0.31em;
  margin-left: -5.25%;
  max-width: 105%;
}
.tabletPortrait #getting-started img {
  width: auto;
  float: left;
  margin-top: 0.35em;
  margin-right: 14px;
  margin-right: 1.4rem;
  margin-bottom: 14px;
  margin-bottom: 1.4rem;
  margin-left: 0px;
  margin-left: 0rem;
}
.tabletPortrait #form-split {
  letter-spacing: -0.31em;
  margin-left: -5.25%;
  max-width: 105%;
}
.tabletPortrait .split,
.tabletPortrait .third {
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  display: inline-block;
  margin-left: 5%;
  width: 45%;
}
.tabletPortrait #headerTop {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
.smallDesktop html {
  font-size: 62.5%;
}
.smallDesktop p {
  font-size: 16px;
  font-size: 1.6rem;
}
.smallDesktop .subpage {
  padding-top: 100px;
  padding-top: 10rem;
}
.smallDesktop #headerTop {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
.smallDesktop #bgAnchor {
  visibility: visible !important;
}
.smallDesktop #hero {
  background-attachment: fixed;
  background-size: auto;
  padding-top: 58px;
  padding-top: 5.8rem;
}
.smallDesktop #examples {
  letter-spacing: -0.31em;
  margin-left: -5.25%;
  max-width: 105%;
}
.smallDesktop #left-examples {
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  display: inline-block;
  margin-left: 5%;
  width: 61.66666666666667%;
  margin-bottom: 14px;
  margin-bottom: 1.4rem;
}
.smallDesktop #right-examples {
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  display: inline-block;
  margin-left: 5%;
  width: 28.333333333333336%;
  margin-bottom: 14px;
  margin-bottom: 1.4rem;
}
.smallDesktop .third {
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  display: inline-block;
  margin-left: 5%;
  width: 28.333333333333336%;
}
.mediumDesktop {
  /* placeholder */
}
.largeDesktop {
  /* placeholder */
}
@media (max-width: 1024px) {
  .roles {
    margin-left: 0px !important;
  }
  .roles .inputWrap .inputWrap {
    margin: 0;
  }
  .roles .inputWrap.half input {
    width: auto !important;
  }
  .roles .inputWrap.half input[type='radio'] {
    width: auto !important;
  }
  .roles .inputWrap.half input[type='checkbox'] {
    width: auto !important;
  }
}
/* /// BEGIN MOBILE PHONE RESPONSIVE STYLES \\\ */
@media (max-width: 800px) {
  /* @mobileWidth */
  html {
    font-family: "'2'";
  }
  .addBtn {
    padding: 8px 0 8px 62px;
  }
  #wp-admin-bar-site-name,
  #wp-admin-bar-gdbb-toolbar,
  #wp-admin-bar-search {
    display: none;
  }
  .metaslider .caption-wrap {
    left: 4%;
    bottom: 0 !important;
    height: 100%;
    opacity: 1 !important;
    padding-bottom: 0 !important;
    padding-top: 8% !important;
    width: 92% !important;
  }
  .metaslider .caption-wrap .caption {
    height: 100% !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    width: 100% !important;
  }
  .metaslider .caption-wrap .caption h2 {
    font-size: 130%;
    margin-top: 0;
    width: 100% !important;
  }
  .metaslider .caption-wrap .caption p {
    font-size: 110%;
    width: 100% !important;
  }
  /*
	#wpadminbar { display:none; /* let us not display the WordPress admin bar on phone because of space considerations / }
	body { position:relative; top:-32px; /* this fixes positioning for when logged in since admin bar not displaying / }
	*/
  /* project submission/add style adjustments */
  label.institution {
    clear: left;
    text-align: right;
    width: 110px !important;
  }
  form.addProjectForm .formRow .inputWrap.half {
    float: none !important;
    margin-left: 130px !important;
    min-width: 30.2% !important;
    width: auto !important;
  }
  form.addProjectForm .formRow .inputWrap.half input {
    max-width: 100% !important;
    min-width: 100% !important;
    width: 100% !important;
  }
  .signupPage {
    float: left;
    max-width: 100% !important;
    min-width: 100%;
  }
  .join .sidebarRight .highlightedResource {
    width: 100%;
  }
  iframe {
    height: auto;
    max-width: 100%;
    width: auto;
  }
  /* Begin header style adjustments */
  #headerTop {
    position: relative;
    /* not 'fixed' - takes up too much screen real estate on a phone screen when fixed */
    /* begin main navigation style adjustments */
  }
  #headerTop header[role='banner'] {
    padding: 0;
  }
  #headerTop header[role='banner'] .container {
    /* limit padding on header container so we have some space within */
    padding: 0 0 0 10px !important;
  }
  #headerTop header[role='banner'] .container .login-mobile {
    max-height: 85px;
    max-width: 30%;
    /*overflow: hidden;*/
    word-break: break-word;
    word-wrap: break-word;
  }
  #headerTop header[role='banner'] .container .login-mobile .displayUserBox {
    color: #FFF;
    font-size: 1.1rem;
    line-height: 1.6em;
    margin-top: 5px;
    overflow: hidden;
  }
  #headerTop header[role='banner'] .container .login-mobile .displayUserBox a {
    color: #FFF;
    display: block;
    font-size: 1.1rem;
    max-height: 56px;
    overflow: hidden;
    word-break: break-word;
    word-wrap: break-word;
  }
  #headerTop header[role='banner'] .container .login-mobile .displayUserBox a:hover {
    color: #ccc;
    text-decoration: none;
    border: none;
  }
  #headerTop header[role='banner'] .container .login-mobile .displayUserBox span em a {
    color: #2c71b6;
    display: block;
    margin-top: -5px;
    overflow: visible;
  }
  #headerTop header[role='banner'] .container .login-mobile .displayUserBox span em a:hover {
    color: #15B8F4;
  }
  #headerTop header[role='banner'] .container .login-mobile img.avatar {
    display: none;
  }
  #headerTop header[role='banner'] .container .login-mobile span.sm {
    /* lets move the login up a bit */
    position: relative;
    top: -6px;
  }
  #headerTop header[role='banner'] .container .login-mobile #loginButtonMobile {
    height: 20px;
    padding-top: .7rem;
    width: 70px !important;
  }
  #headerTop header[role='banner'] .container .login-mobile #loginBoxMobile {
    top: 30px !important;
  }
  #headerTop header[role='banner'] .container .headerSearch {
    /* generally reduce size and spacing of search elements */
    margin: 0rem !important;
    width: 65%;
    height: 32px;
    max-width: 320px;
    padding: 0.7rem 0 0 0 !important;
  }
  #headerTop header[role='banner'] .container .headerSearch input[type='search'] {
    width: 62%;
    min-width: 90px;
    padding-right: 0;
  }
  #headerTop header[role='banner'] .container .headerSearch .button {
    margin: 2px 0px 20px;
  }
  #headerTop header[role='banner'] .container .inline-field label {
    width: 80%;
    float: left;
    margin-right: 0.5rem;
  }
  #headerTop header[role='banner'] .container .inline-field label span {
    margin: 0 2% 0 2%;
  }
  #headerTop #navigationContainer {
    height: 0px;
  }
  #headerTop #navigationContainer nav[role='navigation'] {
    background-color: #fff;
    margin-top: -0.5rem !important;
    width: 100%;
  }
  #headerTop #navigationContainer nav[role='navigation'] .menu-main-header-container {
    display: none;
    /* do not display desktop main navigation menu */
  }
  #headerTop .mobile-nav {
    /* display the mobile navigation menu instead - by class */
    display: block !important;
  }
  #headerTop nav[role='navigation'] {
    max-width: 100%;
  }
  #headerTop #pull {
    height: auto;
    line-height: 2rem;
    position: relative;
    left: 0px;
    top: -2px;
    width: 100%;
    /* position the mobile navigation controller - by id */
  }
  #headerTop .mobile-nav-wrap {
    background-color: #FFF;
    clear: right;
    display: block !important;
    min-height: 29px;
    max-width: 100%;
    padding: 8px 0 2px 0px;
    width: 100%;
  }
  #headerTop .mobile-nav-wrap span {
    display: block;
    float: left;
    word-wrap: break-word;
    word-break: break-word;
    max-width: 75%;
  }
  #headerTop .mobile-nav-wrap span.navigateLabel {
    clear: left;
    margin-left: 15px;
  }
  #headerTop .mobile-nav-wrap span.navigatePage {
    padding-right: 20px;
    background-image: url('assets/img/touch-menu-down-indicator-grey-11x12.png');
    background-repeat: no-repeat;
    background-position: right 2px;
  }
  #headerTop .mobile-nav-wrap:hover,
  #headerTop .mobile-nav-wrap:focus {
    /* placeholder */
  }
  #headerTop .mobile-nav-wrap:hover .menu-main-header-container,
  #headerTop .mobile-nav-wrap:focus .menu-main-header-container {
    display: block !important;
  }
  #headerTop .mobile-nav-wrap:hover nav[role='navigation'],
  #headerTop .mobile-nav-wrap:focus nav[role='navigation'] {
    z-index: 100;
  }
  #headerTop .mobile-nav-wrap:hover nav[role='navigation'] .mobileHomeLink,
  #headerTop .mobile-nav-wrap:focus nav[role='navigation'] .mobileHomeLink {
    border-top: 1px solid #ccc;
    border-bottom-width: 0;
    display: block;
    margin-top: 7px !important;
    padding: 0;
    max-width: 100%;
  }
  #headerTop .mobile-nav-wrap:hover nav[role='navigation'] .mobileHomeLink li,
  #headerTop .mobile-nav-wrap:focus nav[role='navigation'] .mobileHomeLink li {
    min-width: 100%;
    max-width: 100%;
  }
  #headerTop .mobile-nav-wrap:hover nav[role='navigation'] .mobileHomeLink li a,
  #headerTop .mobile-nav-wrap:focus nav[role='navigation'] .mobileHomeLink li a {
    line-height: 4rem !important;
  }
  #headerTop .mobile-nav-wrap:hover nav[role='navigation'] ul#menu-main-header-1,
  #headerTop .mobile-nav-wrap:focus nav[role='navigation'] ul#menu-main-header-1 {
    /* border-top:1px solid #ccc; */
    margin-bottom: 0;
    /* margin-top: 5px; */
  }
  #headerTop .mobile-nav-wrap:hover nav[role='navigation'] ul#menu-main-header-1 li,
  #headerTop .mobile-nav-wrap:focus nav[role='navigation'] ul#menu-main-header-1 li {
    margin-right: 0;
    margin-bottom: 0rem;
    width: 100%;
  }
  #headerTop .mobile-nav-wrap:hover nav[role='navigation'] ul#menu-main-header-1 li a,
  #headerTop .mobile-nav-wrap:focus nav[role='navigation'] ul#menu-main-header-1 li a {
    line-height: 4rem !important;
  }
  #headerTop .mobile-nav-wrap:hover nav[role='navigation'] ul#menu-main-header-1 li:last-child,
  #headerTop .mobile-nav-wrap:focus nav[role='navigation'] ul#menu-main-header-1 li:last-child {
    border-bottom: 3px solid #000 !important;
  }
  /* begin main section style adjustments */
  main[role='main'] {
    padding-top: 5rem;
    /* begin section subnavigation style adjustments */
  }
  main[role='main'] #bgAnchor {
    visibility: visible;
    height: 58px !important;
    position: absolute;
    right: 0;
    top: -19px;
    display: none;
  }
  main[role='main'] .pageIcon {
    /* tighten up spacing around page icon so allow more for section title */
    clear: both;
    margin-left: 15px;
    padding-right: 1px;
  }
  main[role='main'] .pageIcon img {
    /* change size of section icon to allow more space */
    margin-top: 4px;
    width: 75%;
  }
  main[role='main'] .pageIcon img.hasCustom {
    display: none;
  }
  main[role='main'] .pageIcon img.avatar {
    border: 2px solid #ccc;
    display: block;
    max-width: 45px;
  }
  main[role='main'] .pageIcon .iconSpacer {
    height: 37px;
    width: 0px;
  }
  main[role='main'] .sectionHeading h2 {
    /* Change the size of the section heading */
    clear: right;
    font-size: 2.4rem;
    max-width: 80%;
  }
  main[role='main'] .sectionHeading h2 span.filterTitle {
    font-size: 1.6rem;
  }
  main[role='main'] .sectionHeading .bbp-user-edit-link.button {
    display: none;
    margin-top: 0px;
    position: absolute;
    right: 0px;
    top: -46px;
    z-index: 400;
  }
  main[role='main'] .sectionHeading .bbp-user-edit-link.button.adjustPos {
    top: 0;
  }
  main[role='main'] .sectionHeading .bbp-user-edit-link.button.show {
    display: inline-block;
  }
  main[role='main'] .sectionHeading .bbp-user-edit-link.button.hide {
    display: none;
  }
  main[role='main'] .sectionHeading .bbp-user-edit-link.button a:hover {
    color: #ddd;
  }
  main[role='main'] .sectionHeading .bbp-user-profile-link.button {
    display: none;
    margin-top: 0px;
    position: absolute;
    right: 0px;
    top: -46px;
    z-index: 400;
  }
  main[role='main'] .sectionHeading .bbp-user-profile-link.button.show {
    display: inline-block;
  }
  main[role='main'] .sectionHeading .bbp-user-profile-link.button.hide {
    display: none;
  }
  main[role='main'] .sectionHeading .bbp-user-profile-link.button a:hover {
    color: #ddd;
  }
  main[role='main'] .sectionHeading .bbp-user-pwd-link.button {
    display: none;
    margin-top: 0px;
    position: relative;
    float: right !important;
    z-index: 400;
  }
  main[role='main'] .sectionHeading .bbp-user-pwd-link.button.show {
    display: inline-block;
  }
  main[role='main'] .sectionHeading .bbp-user-pwd-link.button.hide {
    display: none;
  }
  main[role='main'] .sectionHeading .bbp-user-pwd-link.button a:hover {
    color: #ddd;
  }
  main[role='main'] .sectionHeading .theProfilePge .bbp-user-profile-link.button {
    display: none;
    margin-top: 0px;
    position: absolute;
    top: -46px;
    z-index: 400;
  }
  main[role='main'] .sectionHeading .theProfilePge .bbp-user-profile-link.button.show {
    display: inline-block;
  }
  main[role='main'] .sectionHeading .theProfilePge .bbp-user-profile-link.button.hide {
    display: none;
  }
  main[role='main'] .sectionHeading .theProfilePge .bbp-user-profile-link.button a:hover {
    color: #ddd;
  }
  main[role='main'] #subNavigationContainer {
    clear: both;
    max-height: none !important;
  }
  main[role='main'] #subNavigationContainer nav[role='subNavigation'] li {
    border-bottom: 1px solid #CCC;
  }
  main[role='main'] #subNavigationContainer .deskMenuNav {
    display: none !important;
  }
  main[role='main'] #subNavigationContainer .subNavigation {
    display: none;
    clear: both;
    /* do not display desktop subavigation menu */
  }
  main[role='main'] #subNavigationContainer .mobile-subnav {
    /* display the mobile subnavigation menu instead */
    display: block !important;
    line-height: 3.8rem;
  }
  main[role='main'] #subNavigationContainer .mobile-subnav span {
    display: block;
    float: left;
    word-wrap: break-word;
    word-break: break-word;
    max-width: 75%;
  }
  main[role='main'] #subNavigationContainer .mobile-subnav span.navigateLabel {
    clear: left;
    margin-left: 15px;
  }
  main[role='main'] #subNavigationContainer .mobile-subnav span.navigatePage {
    background-image: url('assets/img/touch-menu-down-indicator-white-11x12.png');
    background-repeat: no-repeat;
    background-position: right 10px;
    padding-right: 20px;
  }
  main[role='main'] #subNavigationContainer .mobile-subnav .superMenuItem {
    border-top: 1px solid #ccc;
  }
  main[role='main'] #subNavigationContainer .mobile-subnav:fauxState {
    /* placeholder */
  }
  main[role='main'] #subNavigationContainer .mobile-subnav:fauxState nav[role='subNavigation'] {
    display: none !important;
    position: relative;
    z-index: 100;
  }
  main[role='main'] #subNavigationContainer .mobile-subnav:fauxState nav[role='subNavigation'].submenuNav {
    display: block !important;
  }
  main[role='main'] #subNavigationContainer .mobile-subnav:fauxState nav[role='subNavigation'] ul {
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
    clear: left;
    display: block !important;
    margin: 0;
    position: relative;
    z-index: 100;
    width: 100%;
  }
  main[role='main'] #subNavigationContainer .mobile-subnav:fauxState nav[role='subNavigation'] ul.superMenuItem {
    border-bottom: none !important;
    border-top: 1px solid #ccc;
  }
  main[role='main'] #subNavigationContainer .mobile-subnav:fauxState nav[role='subNavigation'] ul.superMenuItem li {
    border-bottom-width: 0;
  }
  main[role='main'] #subNavigationContainer .mobile-subnav:fauxState nav[role='subNavigation'] ul.superMenuItem li a {
    font-weight: 600 !important;
    height: auto !important;
    min-height: 36px;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
  }
  main[role='main'] #subNavigationContainer .mobile-subnav:fauxState nav[role='subNavigation'] ul li {
    margin-right: 0;
  }
  main[role='main'] #subNavigationContainer .mobile-subnav:fauxState nav[role='subNavigation'] ul li a {
    height: auto !important;
    min-height: 36px;
    line-height: 2.4rem;
    padding: 8px 16px 4px;
  }
  main[role='main'] .landingImage {
    margin-bottom: 0px;
  }
  main[role='main'] .landingImage img {
    position: relative;
    top: 1px;
  }
  main[role='main'] .landingText {
    font-size: 2.4rem;
    min-height: 45px;
    padding: 10px 2%;
    line-height: 2.5rem;
    margin-bottom: 0px;
    top: 100%;
    background-color: #333;
    position: relative;
    text-align: center;
    width: 100%;
  }
  nav[role='subNavigation'] li ul.children,
  nav[role='subNavigation'] li ul.sub-menu {
    border-top: 1px solid #ccc;
    border-bottom: none;
    border-right: none;
    position: relative;
    left: 0;
    visibility: visible;
    width: 100%;
  }
  nav[role='subNavigation'] li ul.children li ul.children,
  nav[role='subNavigation'] li ul.sub-menu li ul.sub-menu {
    border-bottom: none;
    border-right: none;
    position: relative;
    left: 0;
    visibility: visible;
    width: 100%;
  }
  nav[role='subNavigation'] li ul.children li ul.children li ul.children {
    border-bottom: none;
    border-right: none;
    position: relative;
    left: 0;
    visibility: visible;
    width: 100%;
  }
  nav[role='subNavigation'] li ul.children li a,
  nav[role='subNavigation'] li ul.sub-menu li a {
    border-bottom: 1px solid #ccc;
    font-size: 15px;
    font-size: 1.5rem;
    padding-left: 20px;
  }
  nav[role='subNavigation'] li ul.children li ul.children li a,
  nav[role='subNavigation'] li ul.sub-menu li ul.sub-menu li a {
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    font-size: 1.4rem;
    padding-left: 24px;
  }
  nav[role='subNavigation'] li ul.children li ul.children li ul.children li a {
    border-bottom: 1px solid #ccc;
    font-size: 13px;
    font-size: 1.3rem;
    padding-left: 28px;
  }
  nav[role='subNavigation'] li ul.children li,
  nav[role='subNavigation'] li ul.sub-menu li {
    border-bottom: 1px solid #CCC;
  }
  /* begin content section style adjustments */
  .content {
    /* placeholder */
    /* begin news landing page-specific styles */
  }
  .content.sidebarNoPadding {
    padding-right: 25px;
  }
  .content h3 {
    margin-top: 5px;
  }
  .content h3.pageTitle {
    width: 100%;
  }
  .content .entryBreak {
    width: 100%;
    float: left;
    padding: 1.0rem 0rem 1.0rem 0rem;
  }
  .content .entryBreak hr {
    margin-top: 10px;
  }
  .content iframe {
    max-height: 100%;
    max-width: 100%;
  }
  .content .contentLeft {
    padding-right: 0px;
  }
  .content .contentLeft.variantOne {
    width: 100%;
  }
  .content .contentLeft .toolkitCategoriesBlock {
    /* placeholder */
  }
  .content .contentLeft .toolkitCategoriesBlock .column {
    /* placeholder */
  }
  .content .contentLeft .toolkitCategoriesBlock .column .categoryItem img {
    margin-right: 5%;
  }
  .content .contentLeft .toolkitCategoriesBlock .column .categoryItem a {
    font-size: 1.4rem;
  }
  .content .contentLeft .twoColumn {
    /* placeholder */
  }
  .content .contentLeft .twoColumn .row {
    /* placeholder */
  }
  .content .contentLeft .twoColumn .row .column {
    border-top: 1px solid #CCC;
    margin-bottom: 20px;
    padding-top: 15px;
    width: 100%;
  }
  .content .sidebarRight.variantOne {
    width: 100%;
  }
  .content .sidebarRight.rightFlush {
    border-right: 1px solid #e0e0e0;
    margin: 0;
    width: 100%;
  }
  .content .comment-content {
    clear: both;
  }
  .content .edit-link {
    clear: left;
  }
  .content #commentBlock #cancel-comment-reply-link {
    display: block;
  }
  .content #commentBlock code {
    display: block;
  }
  .content #commentBlock .comment-form-comment textarea {
    max-width: 100%;
    width: 100%;
  }
  .content .newsRight {
    border-top: 3px solid #f15a24;
    width: 100%;
    margin-top: 20px;
  }
  .content .newsRight .widget {
    padding: 10px 0;
  }
  .content .newsRight .widget ul {
    margin-bottom: 5px !important;
  }
  .content .newsEntry {
    width: 60% !important;
  }
  .content .newsList {
    width: 100% !important;
    margin-right: 0rem;
  }
  .content .newsList .newsItemWrap a {
    display: inline-block;
  }
  .content .newsList .newsItemWrap .newsEntry {
    width: 60% !important;
  }
  .content .newsList .newsItemWrap .newsEntry.noImage {
    width: 100% !important;
  }
  .content .newsList .newsItemWrap .newsEntry.inSummary h5 {
    line-height: 1em;
  }
  .content .newsList .newsItemWrap .imageWrap {
    /* since images are made to clear text, lets make them full-width, if available */
    margin: 0 auto 10px auto;
    padding: 0;
    width: 100% !important;
    max-width: 100% !important;
  }
  .content .newsList .newsItemWrap .imageWrap img {
    width: 100% !important;
    max-width: 100% !important;
  }
  .contentSectionHead.paddingRight {
    padding-right: 0 !important;
  }
  .contentSectionHead.paddingRight h3.pageTitle {
    max-width: 100% !important;
    width: 100% !important;
  }
  /* begin project landing page-specific styles */
  .content .featuredBlock .column {
    width: 100% !important;
  }
  .content .featuredBlock .column .categoryItem.hasImage p {
    margin-left: 0% !important;
  }
  .content .featuredBlock .column .categoryItem.hasIcon p {
    margin-left: 0% !important;
  }
  .content .featuredBlock .column .categoryItem a.categoryLink {
    display: inline !important;
  }
  /* subscribe form */
  form.subscribeForm input.email {
    width: 158px;
    min-width: 158px;
  }
  .detailPagev2 {
    /* placeholder */
  }
  .detailPagev2 .detailHeadWrap {
    margin-top: -5px;
  }
  .detailPagev2 .detailHead img.projectThumb {
    border-width: 2px;
    height: 60px;
    left: 15px;
    top: 18px;
    width: 60px;
  }
  .detailPagev2 .detailHead .titleWrap {
    min-height: 30px;
  }
  .detailPagev2 .detailHead .titleWrap h3.pageTitle2 {
    font-size: 2.4rem !important;
    margin-left: 90px;
    min-width: 100px;
    padding: 15px 15px 15px 0;
  }
  .detailPagev2 .detailHead .projectDescription {
    background-color: #FFF;
    font-size: 12px;
    line-height: 1.6rem;
    max-width: 100%;
    padding: 10px 0px 10px 90px !important;
    width: 100%;
  }
  .detailPagev2 .detailHead .projectDescription hr {
    width: 90%;
  }
  .detailPagev2 .detailHead.noProjectImage {
    min-height: 30px;
  }
  .detailPagev2 .detailHead.noProjectImage h3.pageTitle2 {
    margin-left: 25px;
  }
  .detailPagev2 .detailHead.noProjectImage .projectDescription {
    padding: 10px 30px 0px 90px;
  }
  .detailPagev2 .mainContentWrapper .resourceColumn .highlightedResource #map {
    width: 100% !important;
  }
  .detailPagev2 .mainContentWrapper .resourceColumn .highlightedResource hr {
    width: 100%;
  }
  .detailPagev2 .mainContentWrapper ul li {
    word-wrap: break-word;
    word-break: break-word;
  }
  /* begin project add/submit page-spacific style adjustments */
  .projectAdd .content .projectAdd.contentRight,
  .projectAdd .content .contentRight {
    float: left;
    margin-top: 20px;
    padding-right: 0rem;
    width: 100% !important;
  }
  .projectAdd .content .projectAdd.contentRight form.addProject .formRow label,
  .projectAdd .content .contentRight form.addProject .formRow label {
    text-align: left;
  }
  .projectAdd .content .projectAdd.contentRight form.addProject .formRow label.socialLabel,
  .projectAdd .content .contentRight form.addProject .formRow label.socialLabel {
    clear: both;
    width: 100%;
  }
  .projectAdd .content .projectAdd.contentRight form.addProject .formRow label.empty,
  .projectAdd .content .contentRight form.addProject .formRow label.empty {
    height: 1px;
    width: 100%;
  }
  .projectAdd .content .projectAdd.contentRight form.addProject .formRow input[type='text'],
  .projectAdd .content .contentRight form.addProject .formRow input[type='text'],
  .projectAdd .content .projectAdd.contentRight form.addProject .formRow input[type='date'],
  .projectAdd .content .contentRight form.addProject .formRow input[type='date'],
  .projectAdd .content .projectAdd.contentRight form.addProject .formRow input[type='url'],
  .projectAdd .content .contentRight form.addProject .formRow input[type='url'],
  .projectAdd .content .projectAdd.contentRight form.addProject .formRow select,
  .projectAdd .content .contentRight form.addProject .formRow select,
  .projectAdd .content .projectAdd.contentRight form.addProject .formRow textarea,
  .projectAdd .content .contentRight form.addProject .formRow textarea {
    max-width: 100%;
    min-width: 100%;
  }
  .projectAdd .content .projectAdd.contentRight form.addProject .formRow.socialBlock input[type='text'],
  .projectAdd .content .contentRight form.addProject .formRow.socialBlock input[type='text'],
  .projectAdd .content .projectAdd.contentRight form.addProject .formRow.socialBlock input[type='date'],
  .projectAdd .content .contentRight form.addProject .formRow.socialBlock input[type='date'],
  .projectAdd .content .projectAdd.contentRight form.addProject .formRow.socialBlock input[type='url'],
  .projectAdd .content .contentRight form.addProject .formRow.socialBlock input[type='url'],
  .projectAdd .content .projectAdd.contentRight form.addProject .formRow.socialBlock select,
  .projectAdd .content .contentRight form.addProject .formRow.socialBlock select,
  .projectAdd .content .projectAdd.contentRight form.addProject .formRow.socialBlock textarea,
  .projectAdd .content .contentRight form.addProject .formRow.socialBlock textarea {
    max-width: 76%;
    min-width: 76%;
    margin-right: 0px;
  }
  .projectAdd .content .projectAdd.contentRight form.addProject .formRow.rowIndent,
  .projectAdd .content .contentRight form.addProject .formRow.rowIndent {
    padding-left: 0;
  }
  .projectAdd .sidebarLeft.leftFlush {
    margin-left: 0;
  }
  .projectAdd .sidebarLeft .addProjectSteps {
    margin-left: 0px;
  }
  .projectAdd .sidebarLeft .resourceColumn ul.formParts {
    clear: both;
    width: 100%;
  }
  .projectAdd .sidebarLeft .resourceColumn ul.formParts li {
    float: left;
    margin-bottom: 3px;
    padding: 0 5px;
    width: 100%;
  }
  .projectAdd .sidebarLeft .resourceColumn p.requiredMessage {
    clear: both;
    padding-top: 10px;
  }
  form.addProjectForm .formRow .roles {
    margin-left: 0px !important;
  }
  form.addProjectForm .formRow .roles .inputWrap .inputWrap {
    margin: 0;
  }
  form.addProjectForm .formRow .roles .inputWrap.half input {
    width: 20px !important;
    min-width: auto !important;
    max-width: auto !important;
  }
  form.addProjectForm .formRow .roles .inputWrap.half input[type='radio'] {
    width: auto !important;
    min-width: auto !important;
    max-width: auto !important;
  }
  form.addProjectForm .formRow .roles .inputWrap.half input[type='checkbox'] {
    width: auto !important;
    min-width: auto !important;
    max-width: auto !important;
  }
  /* begin resource landing page-spacific style adjustments */
  .highlightedResource {
    width: 100%;
  }
  .highlightedResource ul.arrowIcon a {
    background: transparent url('assets/img/arrow-icon-12x19.png') no-repeat 0 2px;
  }
  .resourceColumn {
    border-bottom: 5px solid #f15a24;
    padding-bottom: 0px;
    width: 100% !important;
  }
  .resourceColumn .widgetTitle {
    line-height: 1.6rem;
  }
  .resourceColumn .widgetFooter {
    margin: 25px 0 !important;
  }
  /* begin Job Detail page specfic adjustments */
  .single_job_listing .meta .company .name {
    line-height: 1.6rem;
  }
  /* begin search page-specific styles */
  .sidebarLeft {
    border: 1px solid #999;
    padding: 0;
    width: 100%;
  }
  .sidebarLeft .searchFilterControl {
    background-color: #666;
  }
  .sidebarLeft .searchFilterControl h4 {
    color: #fff;
  }
  .searchResults {
    padding: 1rem 2.5rem !important;
  }
  .searchResults .resultNumbersBlock {
    display: block;
    margin-top: 3px;
  }
  .searchResults .right {
    max-width: 50%;
    line-height: 2rem;
  }
  .searchResults .left {
    max-width: 48%;
    line-height: 2rem;
  }
  .searchResults h3.page-title {
    font-size: 2.5rem;
    padding-top: 1rem !important;
  }
  .contentSearch {
    margin-top: 0px;
    padding: 0;
    width: 100% !important;
  }
  .searchSelectWrap {
    margin-bottom: 30px;
  }
  .searchSelectWrap .styled-select {
    top: 5px;
    width: 100% !important;
  }
  .searchSelectWrap .searchSectionWrap {
    width: 100%;
  }
  .searchSelectWrap div {
    margin-bottom: 8px;
  }
  .searchSelectWrap div.alphaOrder {
    margin-right: 12px !important;
  }
  .searchSelectWrap div.dateRangeText {
    clear: left;
    float: left;
    line-height: 3.2rem;
    margin: 0 10px;
    width: 78px;
  }
  .searchSelectWrap div.datePrepText {
    clear: left;
    line-height: 3.2rem;
    width: 78px;
  }
  .searchSelectWrap input {
    background: url('assets/img/dropdown-icon-20x20.png') no-repeat right #f5f5f5;
    border: 1px solid #ddd;
    color: #666;
    font-size: 1.4rem;
    height: 30px;
    left: 0px;
    line-height: 1;
    padding: 5px 10px;
    width: 100% !important;
  }
  .searchSidebar {
    clear: both;
    width: 100%;
  }
  .searchSidebar.leftFlush {
    margin-left: 0;
  }
  .searchSidebar h4 {
    padding: 6px 0 0 0;
    text-align: center;
    width: 100%;
  }
  .searchSidebar ul {
    border-top: 1px solid #ccc;
  }
  .searchSidebar ul li {
    border-bottom: 1px solid #FFF;
    margin-bottom: 0 !important;
  }
  .searchSidebar ul li:last-child {
    border-bottom-width: 0px;
  }
  .searchSidebar ul li a {
    padding: 2px 15px;
  }
  .searchSidebar ul li a span.filterIcon {
    margin-right: 10px;
  }
  /* begin community landing page style adjusments */
  .twoWidgets {
    border-top: 5px solid #f15a24;
    margin-top: 20px;
  }
  .twoWidgets .resourceColumn {
    border-bottom: 5px solid #f15a24;
    padding-bottom: 20px;
    width: 100% !important;
  }
  .twoWidgets .resourceColumn .widgetTitle {
    line-height: 1.6rem;
  }
  .sidebarRight form {
    margin-top: 30px;
  }
  /* begin social media area style adjusments */
  .footerSocial {
   /* padding: 10px 25px; */
  display:none;
  }
  .footerSocial .st_fblike_hcount,
  .footerSocial .st_twitter_hcount,
  .footerSocial .st_plusone_hcount,
  .footerSocial .st_linkedin_hcount,
  .footerSocial .st_pinterest_hcount {
    /*display: inline-block;
    padding-bottom: 3px;*/
  display:none;
  }
  .footerSocial .st_fblike_hcount {
   /* position: relative;
    top: 5px;*/
  display:none;
  }
  /* begin footer section style adjusments */
  footer[role='contentinfo'] {
    height: auto;
    margin-top: 1rem !important;
    min-height: 100px;
    padding-bottom: 0;
  }
  footer[role='contentinfo'] .container {
    /*background-image: url('assets/img/footer-logo.png');*/
    background-position: top right;
    background-repeat: no-repeat;
  }
  footer[role='contentinfo'] .container .footerLinks {
    width: 50%;
  }
  footer[role='contentinfo'] .container .footerRight {
    background-image: none;
    background-color: #000;
    clear: both;
    float: none;
    height: auto;
    padding-bottom: 25px;
    width: 100%;
  }
  footer[role='contentinfo'] .container .footerRight .nsf {
    clear: both;
    max-width: 98%;
    padding-top: 0;
    padding-left: 2.2rem;
    width: 95%;
  }
  footer[role='contentinfo'] .container .footerRight .copyright {
    padding-left: 22px;
    margin-bottom: 2rem;
    float: left;
    left: 0;
  }
  /* display broken only in Opera and Firefox, but fix required targeting all browsers individually */
  html[data-useragent*='Mozilla'] main[role='main'] {
    /* fix for bgAnchor image display spacing in Opera */
    padding-top: 2.2rem !important;
    height: 64px;
  }
  html[data-useragent*='Mozilla'] .landingOverlay {
    /* Firefox can't figure out where to place this, so lets help it figure it out */
    max-width: 100%;
  }
  html[data-useragent*='Mozilla'] .bbp-user-edit-link.button,
  html[data-useragent*='Mozilla'] .bbp-user-profile-link.button {
    margin-top: -5px !important;
  }
  html[data-useragent*='Opera'] main[role='main'] {
    /* fix for bgAnchor image display spacing in Opera */
    padding-top: 2.4rem !important;
    height: 64px;
  }
  html[data-useragent*='Opera'] .landingOverlay {
    /* Opera can't figure out where to place this, so lets help it figure it out */
    max-width: 100%;
  }
  html[data-useragent*='Opera'] .bbp-user-edit-link.button,
  html[data-useragent*='Opera'] .bbp-user-profile-link.button {
    margin-top: -2px !important;
  }
  html[data-useragent*='Chrome'] main[role='main'] {
    /* fix for bgAnchor image display spacing in Opera */
    padding-top: 5rem !important;
    height: 64px;
  }
  html[data-useragent*='Chrome'] .landingOverlay {
    /* Lets make sure Chrome can still display */
    display: block;
  }
  html[data-useragent*='Safari'] main[role='main'] {
    /* fix for bgAnchor image display spacing in Safari */
    padding-top: 5rem !important;
    height: 64px;
  }
  html[data-useragent*='Safari'] .landingOverlay {
    /* Lets make sure Safari can still display */
    display: block;
  }
  html[data-useragent*='Safari'] .bbp-user-edit-link.button,
  html[data-useragent*='Safari'] .bbp-user-profile-link.button {
    margin-top: 0px !important;
  }
  html[data-useragent*='Safari'] main[role='main'] .pageIcon img.avatar {
    min-width: 34px;
  }
  /* misc adjustements - carryover from Jenny */
  section.sidebarRight.left {
    width: 100%;
  }
  section.contentLeft {
    width: 100%;
  }
  nav[role='navigation'] li a {
    border-bottom: 1px solid #dedede;
    border-left: 0px;
  }
  nav[role='navigation'] li:last-child {
    border-bottom: 0px !important;
  }
  nav[role='subNavigation'] ul {
    height: 100% !important;
  }
  nav[role='subNavigation'] li {
    display: block;
    float: none;
  }
  nav[role='navigation'] li:before {
    border-left: 0px;
  }
  #subNavigationContainer {
    height: auto;
  }
  footer[role='contentinfo'] {
    margin-top: 2rem;
  }
  ul.resp-tabs-list {
    display: none;
  }
  h2.resp-accordion {
    display: block;
    text-transform: none;
    font-weight: normal;
  }
  .resp-vtabs .resp-tab-content {
    border: 1px solid #C1C1C1;
  }
  .resp-vtabs .resp-tabs-container {
    border: none;
    float: none;
    width: 100%;
    min-height: initial;
    clear: none;
  }
  .resp-accordion-closed {
    display: none !important;
  }
  .resp-vtabs .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important;
  }
  .homeContent,
  .homeSidebar,
  .homeHorizontalBlock {
    width: 100%;
    margin-bottom: 2.0rem;
  }
  .homeBox.community {
    margin-bottom: 0rem !important;
  }
  .homeProject {
    width: 72%;
  }
  .resp-tab-content-active {
    padding: 3.0rem 1.0rem;
  }
  .resp-tabs-container p {
    width: 60%;
  }
  .metaslider img {
    width: 829px !important;
    height: 220px !important;
    /*overflow: hidden;*/
    margin-left: -250px;
    max-width: 980px;
  }
  .metaslider .caption {
    width: 220px !important;
    line-height: 20px;
  }
  .caption h2 {
    width: 35.0rem;
    font-size: 20px !important;
    margin-top: -30px;
  }
  .addProject {
    /* display:none; */
    width: 100%;
  }
  .addProject a {
    display: inline-block;
    line-height: 3rem;
    max-width: 100% !important;
    width: 100% !important;
  }
  b#logo img {
    width: 60%;
    padding-top: 1.8rem;
  }
  .container .login {
    display: none;
  }
  .login-mobile {
    display: inline;
    margin-top: 2.0rem;
    margin-right: 1.5rem;
  }
  #headerTop .search-form {
    margin-top: 0.9rem;
  }
  .headerSearch {
    padding-top: 0;
    float: left;
    margin-left: 2.0rem;
  }
  header[role='banner'] {
    height: 12rem;
  }
  input[type='search'] {
    min-width: 33.0rem;
  }
  /* begin Home page style adjustments */
  .welcome {
    text-align: center;
  }
  .welcome .welcomeIntro {
    max-width: 100%;
    padding: 0;
    text-align: left;
    width: 100% !important;
  }
  .welcome .welcomeStats {
    display: inline-block;
    float: none;
    margin: auto !important;
    text-align: center;
    width: auto;
  }
  .welcome .welcomeStats .circle {
    width: 8.5rem;
    height: 8.5rem;
  }
  .welcome .welcomeStats .circle .statContainer {
    margin-top: 2.5rem;
  }
  .welcome .welcomeStats .circle .statContainer span.statNumber {
    font-size: 2.25rem !important;
  }
  .welcome .welcomeStats .circle .statContainer span.statName {
    font-size: 1.4rem !important;
  }
  /* fixes for Firefox - the new IE */
  html[data-useragent*='Firefox'] .homeSidebar .homeBox article img {
    clear: both;
  }
  html[data-useragent*='Firefox'] .welcome .welcomeStats .circle .statContainer {
    position: relative;
    margin-top: 1.5rem !important;
  }
  html[data-useragent*='Firefox'] .welcome .welcomeStats .circle .statContainer span.statNumber {
    font-size: 2rem !important;
    margin-top: 3rem !important;
  }
  html[data-useragent*='Firefox'] .welcome .welcomeStats .circle .statContainer span.statName {
    font-size: 1.2rem !important;
    position: relative;
    top: -10px;
  }
  .metaslider {
    max-width: 100% !important;
  }
  .metaslider ul.slides {
    overflow: hidden;
  }
  .metaslider ul.slides li img {
    height: auto !important;
    margin-left: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  .metaslider ul.slides li .caption-wrap {
    padding-top: 11%;
  }
  .metaslider ul.slides li .caption-wrap .caption {
    line-height: 1.5rem;
    width: 100% !important;
  }
  .metaslider ul.slides li .caption-wrap .caption h2 {
    font-size: 2.4rem;
    line-height: 2.6rem;
    margin-bottom: 3px;
    width: 94%;
  }
  .metaslider ul.slides li h2 {
    font-size: 2.6rem !important;
    width: 94%;
  }
  .resp-tabs-container {
    border: 1px solid #CCC;
  }
  .resp-tabs-container h2.resp-accordion {
    background-color: #eee !important;
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-top: 1px solid #ccc;
    clear: both;
    font-size: 20px;
    font-size: 2rem;
    height: 45px;
  }
  .resp-tabs-container h2.resp-accordion:first-child {
    border-top: none !important;
  }
  .resp-tabs-container p {
    width: 93% !important;
    max-width: 93% !important;
  }
  .resp-tabs-container p hr {
    margin-bottom: .0rem;
  }
  .resp-tab-content-active {
    /* display:inline-block !important; */
    padding-bottom: 0rem !important;
    padding-top: 1rem !important;
  }
  .resp-tab-content-active article:first-of-type {
    margin-top: 10px;
  }
  .resp-tab-content-closed {
    display: none !important;
  }
  .resp-tab-content .widget {
    border-bottom: none;
  }
  .resp-tab-content article {
    width: 100%;
  }
  .resp-tab-content article:last-of-type {
    padding-bottom: 20px;
  }
  .resp-tab-content article a {
    line-height: 1.5rem !important;
  }
  .homeHorizontalBlock:hover {
    background-color: #FFF;
  }
  .homeSidebar {
    max-width: 100% !important;
  }
  .homeSidebar .homeBox {
    max-width: 100% !important;
    width: 100%;
  }
  .homeSidebar .homeBox:hover {
    background-color: #fff;
  }
  .homeSidebar .homeBox img {
    display: block;
    margin: 10px auto 0;
    max-width: 925%;
    width: 92%;
  }
  .homeSidebar .homeBox img:hover {
    opacity: 0.6;
  }
  .homeSidebar .homeBox article img {
    width: intrinsic;
    max-width: intrinsic;
  }
  /* begin profile page style adjustments */
  #profileInfoHead {
    /*background: #222 url('assets/img/dark-bg-with-rings-920x206.png') no-repeat -50px -20px !important;*/
    clear: both;
    height: auto;
    max-width: 100%;
    padding: 15px;
    position: relative;
    width: 100%;
  }
  #profileInfoHead ul li {
    height: auto !important;
  }
  #profileInfoHead h3.profileName {
    clear: both;
    display: none;
    min-height: 35px;
    max-width: 218px;
  }
  #profileInfoHead h4 {
    display: none;
  }
  #profileInfoHead #bbp-user-avatar {
    float: right;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 50px;
  }
  #profileInfoHead #bbp-user-avatar img.avatar {
    border-width: 1px;
    display: none;
    height: 50px;
    width: 50px;
  }
  #profileInfoHead .profileDetails ul li {
    overflow: visible;
  }
  #profileInfoHead .profileDetails ul li.website a,
  #profileInfoHead .profileDetails ul li.email a {
    display: inline-block;
    height: auto;
    word-break: break-all;
    overflow: visible;
    white-space: normal;
  }
  #profileInfoHead .profileDetails ul li.address {
    max-height: none;
  }
  #profileInfoHead .profileDetails .column {
    max-width: 100%;
  }
  #profileInfoHead .profileDetails .column.right {
    float: left;
  }
  #profileInfoHead .profileDetails .column .valueWrap {
    max-width: 80%;
    max-height: 100%;
    overflow: visible;
    white-space: normal;
  }
  .profileHeadPlaceholder,
  .myprofileHeadPlaceholder {
    display: none;
  }
  .profile .standaloneProfilePage .pageConen #wpmem_login .form {
    padding: 20px 5% 20px 5% !important;
  }
  .profile #bbp-user-profile {
    width: 100%;
  }
  .profile #bbp-user-profile .bbp-user-section {
    width: 100% !important;
  }
  .profile #bbp-user-profile #resumeSection {
    padding-bottom: 20px;
  }
  .profile #bbp-user-profile #resumeSection ul li {
    background: url('assets/img/doc-icon-on-white-21x23.png') no-repeat -3px -2px;
    clear: both;
    margin-bottom: 2px;
    width: 100%;
  }
  .profile #bbp-user-profile #expertiseSection ul li {
    width: 100%;
  }
  .profile .sidebarRight {
    clear: left;
    margin-bottom: 20px;
    margin-top: 0px;
    padding-bottom: 0px !important;
    padding-top: 10px !important;
  }
  .profile #bbpress-forums #bbp-your-profile fieldset {
    padding: 20px 0px 0 15px !important;
  }
  .profile #bbpress-forums #bbp-your-profile fieldset fieldset {
    padding-left: 0 !important;
  }
  .profile #bbpress-forums #bbp-your-profile fieldset.password {
    padding-top: 0px !important;
    width: 94%;
  }
  .profile #bbpress-forums #bbp-your-profile fieldset.password span.description {
    line-height: 1.6rem;
  }
  .profile #bbpress-forums #bbp-your-profile fieldset label[for] {
    text-align: left;
    width: 100%;
  }
  .profile #bbpress-forums #bbp-your-profile fieldset input,
  .profile #bbpress-forums #bbp-your-profile fieldset textarea {
    padding-left: 3%;
    padding-right: 3%;
    width: 94%;
  }
  .profile #bbpress-forums #bbp-user-body {
    max-width: 100%;
    margin-right: 0;
  }
  /* begin join/signup section */
  .join fieldset {
    max-width: 100%;
    margin-bottom: 50px;
  }
  .join fieldset label {
    text-align: left;
    padding-right: 0;
    width: 100%;
  }
  .join .div_text,
  .join .div_textarea {
    width: 100%;
  }
  .join .button_div input.buttons {
    margin-top: 20px;
  }
  /* begin contact section */
  .contactPage .pageConen {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }
  .contactPage fieldset {
    clear: both;
    max-width: 100%;
    margin-bottom: 50px;
  }
  .contactPage fieldset label {
    text-align: left;
    padding-right: 0;
    width: 100%;
  }
  .contactPage .div_text,
  .contactPage .div_textarea {
    width: 100%;
  }
  .contactPage .button_div input.buttons {
    margin-top: 20px;
  }
}
html[data-useragent*='Firefox'] main[role='main'] .sectionHeading .bbp-user-edit-link.button {
  top: -42px !important;
}
html[data-useragent*='Firefox'] main[role='main'] .sectionHeading .bbp-user-profile-link.button {
  top: -42px !important;
}
/* /// END MOBILE PHONE RESPONSIVE STYLES \\\ */
@media (min-width: 800px) and (max-width: 1024px) {
  /* project submission/add style adjustments */
  label.institution {
    clear: left;
    text-align: right;
    width: 110px !important;
  }
  /*form.addProjectForm .formRow .inputWrap.half { float: none !important; margin-left: 130px !important; min-width: 30.2% !important; width: auto !important; }
  form.addProjectForm .formRow .inputWrap.half input { max-width: 100% !important; min-width: 100% !important; width: 100% !important; }*/
  .profile .standaloneProfilePage #bbp-user-profile #resumeSection ul li {
    background: url('assets/img/doc-icon-on-white-21x23.png') no-repeat -3px 0px !important;
    clear: none;
    float: left;
    width: 45% !important;
  }
  form.addProjectForm .formRow .roles {
    margin-left: 130px !important;
  }
  form.addProjectForm .formRow .roles .inputWrap .inputWrap {
    margin: 0;
  }
  form.addProjectForm .formRow .roles .inputWrap.half input {
    width: 20px !important;
    min-width: auto !important;
    max-width: auto !important;
  }
  form.addProjectForm .formRow .roles .inputWrap.half input[type='radio'] {
    width: auto !important;
    min-width: auto !important;
    max-width: auto !important;
  }
  form.addProjectForm .formRow .roles .inputWrap.half input[type='checkbox'] {
    width: auto !important;
    min-width: auto !important;
    max-width: auto !important;
  }
  #wp-admin-bar-gdbb-toolbar,
  #wp-admin-bar-search {
    display: none;
  }
  main[role='main'] {
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
  }
  header[role='banner'] {
    padding: 15px 25px !important;
  }
  nav[role='navigation'] {
    display: block !important;
    margin-left: 3%;
  }
  .content .categoryItem.hasImage p {
    margin-left: 32% !important;
  }
  .content .categoryItem.hasIcon p {
    margin-left: 9% !important;
  }
  .container {
    max-width: 100%;
  }
  .profileDetails ul li .valueWrap {
    max-width: 80%;
  }
  #bbp-user-profile {
    width: 60%;
  }
  #bbp-user-wrapper .bbp-user-section {
    width: 100% !important;
  }
  .welcome {
    text-align: center;
  }
  .welcome .welcomeIntro {
    max-width: 100%;
    padding: 0;
    text-align: left;
    width: 100% !important;
  }
  .welcome .welcomeStats {
    display: inline-block;
    float: none;
    margin: auto !important;
    text-align: center;
    width: auto;
  }
  .homeBox .homeProject {
    width: 100%;
  }
  canvas {
    max-width: 100%;
  }
  .job-newsDetailPage .content .meta .name {
    line-height: 1.6rem;
  }
  .footerSocial {
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
  }
  .contentSectionHead.paddingRight {
    padding-right: 0;
  }
  .container .login {
    position: relative;
    top: 0px !important;
    right: 1%;
  }
  .searchInputWrap {
    width: 85%;
  }
  .resourceColumn {
    margin-right: 3%;
  }
  .resourceColumn .resourceColumnItem .descriptorBlock {
    max-width: 72%;
  }
  form.subscribeForm input.email {
    min-width: 133px;
    width: 133px;
  }
  form.subscribeForm p {
    font-size: 11.25px;
  }
  .copyright {
    padding-right: 6%;
    padding-left: 0;
    text-align: right;
  }
  html[data-useragent*='Mozilla'] .landingOverlay {
    max-width: 100%;
  }
  html[data-useragent*='Opera'] .landingOverlay {
    /* Opera can't figure out where to place this, so lets help it figure it out */
    max-width: 100%;
  }
  .landingImage {
    margin-bottom: 0px;
  }
  .landingImage img {
    position: relative;
    top: 1px;
  }
  .landingImage .landingText {
    font-size: 2.4rem;
    min-height: 45px;
    padding: 10px 2%;
    line-height: 2.5rem;
    margin-bottom: 0px;
    top: 100%;
    background-color: #333;
    position: relative;
    text-align: center;
    width: 100%;
  }
  #bbp-user-wrapper #bbp-user-avatar img.avatar {
    /* placeholder */
  }
  #bbp-user-wrapper #bbp-user-body {
    width: 100%;
    margin-right: 0;
  }
  #bbp-user-wrapper #bbp-user-body #bbp-user-profile #resumeSection ul li {
    background: url('assets/img/list-circle-on-white-10x11.png') no-repeat 0 4px;
  }
  #bbp-user-wrapper #profileInfoHead .profileDetails {
    max-width: 74%;
  }
  #bbp-user-wrapper .sidebarRight {
    width: 32.7%%;
  }
  #bbp-user-wrapper .sidebarRight .highlightedResource {
    float: left;
    margin-left: 0;
    margin-right: 4%;
    padding-top: 20px;
    width: 100%;
  }
  .widget_archive select {
    min-width: 100% !important;
    max-width: 100% !important;
  }
  .newsLanding .newsList,
  .categoryLanding .newsList {
    width: 66%;
    margin-right: 4.0rem;
  }
  .newsLanding .newsList .newsItemWrap .imageWrap,
  .categoryLanding .newsList .newsItemWrap .imageWrap {
    max-width: 30%;
  }
  .newsLanding .newsList .newsItemWrap .newsEntry,
  .categoryLanding .newsList .newsItemWrap .newsEntry {
    max-width: 60%;
  }
  .newsLanding .newsList .newsItemWrap .newsEntry.noImage,
  .categoryLanding .newsList .newsItemWrap .newsEntry.noImage {
    width: 95% !important;
    max-width: 95%;
  }
  .newsLanding .newsList .newsList,
  .categoryLanding .newsList .newsList {
    width: 66%;
    margin-right: 4.0rem;
  }
}
@media (min-width: 455px) and (max-width: 600px) {
  html {
    margin-top: 0px !important;
  }
  header[role='banner'] {
    height: 13.5rem !important;
  }
  #profileInfoHead .profileDetails .column {
    max-width: 47%;
    width: 100%;
  }
  #profileInfoHead .profileDetails .column.right {
    float: right;
  }
  #profileInfoHead .profileDetails .column .valueWrap {
    max-width: 74% !important;
    word-wrap: break-word;
    word-break: break-word;
  }
  .projectAdd .inputWrap dl {
    margin: -10px 0 30px 0;
  }
  .projectAdd .inputWrap dl dt {
    float: left;
    font-size: 1em;
    width: 20%;
  }
  .projectAdd .inputWrap dl dd {
    float: left;
    width: 80%;
  }
  .projectAdd .inputWrap dl dd code {
    background-color: #ccc;
    border-radius: 0px;
    display: inline-block;
    padding: 2px 8px;
    width: 100%;
  }
}
@media (min-width: 600px) and (max-width: 800px) {
  header[role='banner'] {
    height: 14.25rem !important;
  }
  .searchInputWrap {
    width: 85%;
  }
  .sectionSearch input[type='search'] {
    min-width: 250px !important;
    width: 85%;
  }
  #logo img {
    width: 60%;
    max-width: 366px;
    padding-top: 1.8rem;
  }
  main[role='main'] #bgAnchor {
    display: block !important;
  }
  .profile .standaloneProfilePage #bbp-user-profile #resumeSection ul li {
    background: url('assets/img/doc-icon-on-white-21x23.png') no-repeat -3px 0px !important;
    clear: none;
    float: left;
    width: 45%;
  }
  #profileInfoHead .profileDetails .column {
    max-width: 47%;
    width: 100%;
  }
  #profileInfoHead .profileDetails .column.right {
    float: right;
  }
  #profileInfoHead .profileDetails .column .valueWrap {
    max-width: 80%;
    word-wrap: break-word;
    word-break: break-word;
  }
  .sidebarRight {
    width: 100%;
  }
  .sidebarRight .highlightedResource {
    float: left;
    margin-left: 0;
    margin-right: 4%;
    padding-top: 20px;
    width: 46%;
  }
  .sidebarRight .highlightedResource.benefitsBlock {
    width: 100%;
  }
  .join .sidebarRight,
  .contactPage .sidebarRight {
    width: 100%;
  }
  .join .sidebarRight .highlightedResource,
  .contactPage .sidebarRight .highlightedResource {
    width: 100%;
  }
  .content .featuredBlock .column .categoryItem.hasImage p {
    margin-left: 0% !important;
  }
  .content .featuredBlock .column .categoryItem.hasIcon p {
    margin-left: 9% !important;
    padding-left: 8px;
  }
}
@media (min-width: 500px) and (max-width: 800px) {
  .searchInputWrap {
    width: 80%;
  }
  .sectionSearch input[type='search'] {
    min-width: 250px !important;
    width: 85%;
  }
  .widget_archive select {
    min-width: 100%;
  }
  .newsLanding .newsList {
    width: 66%;
    margin-right: 4.0rem;
  }
  .newsLanding .newsList .newsItemWrap .imageWrap {
    max-width: 30% !important;
    margin-right: 4%;
  }
  .newsLanding .newsList .newsItemWrap .newsEntry {
    /*max-width:60%;*/
  }
  .newsLanding .newsList .newsList {
    width: 66%;
    margin-right: 4.0rem;
  }
}
/* THE FOLLOWING ARE SPECIAL USE CASES */
@media (max-width: 350px) {
  #wpadminbar {
    display: none;
  }
  .sectionSearch {
    display: none;
  }
  #headerTop header[role='banner'] .container .headerSearch input[type='search'] {
    font-size: 10px;
  }
  .btf-modal label,
  div.lightboxy box boxContent label {
    clear: both !important;
    width: 100% !important;
    text-align: left !important;
  }
  div.lightboxy box boxContent h1 {
    font-size: 2.2rem;
    line-height: 2.2rem;
  }
  div.lightboxy box boxContent .modalInputWrap {
    clear: both;
    float: left;
    min-width: 100% !important;
    max-width: 100%;
    width: 100%;
  }
  #headerTop header[role='banner'] .container .headerSearch {
    width: auto !important;
  }
  #headerTop header[role='banner'] .container .headerSearch form label span.screen-reader-text {
    display: none;
  }
  #headerTop header[role='banner'] .container .headerSearch input[type='search'] {
    width: 90%;
  }
}
@media (max-width: 450px) {
  .phoneHide {
    display: none;
  }
  .phoneShow {
    display: block;
  }
  #wpadminbar {
    display: none;
  }
  .sectionSearch {
    display: none;
  }
  button.contributeResource,
  a.contributeResource {
    height: auto;
  }
  .theProfilePage #profileInfoHead {
    background: #222222 url('../../../wp-content/themes/citizen-science/assets/img/dark-bg-with-rings-920x206.png') no-repeat 140px 0;
  }
  nav[role='subNavigation'] li a {
    height: auto !important;
    min-height: 36px;
  }
  .single .featuredImageWrap {
    margin-top: 6px;
  }
  .single .featuredImageWrap img {
    width: 100%;
  }
  html[data-useragent*='Mozilla'] #headerTop header[role='banner'] .container .headerSearch input[type='search'] {
    font-size: 10px;
  }
  html[data-useragent*='Mozilla'] #headerTop header[role='banner'] .container .inline-field label {
    max-width: 70%;
  }
  html[data-useragent*='Mozilla'] .btf-modal label,
  html[data-useragent*='Mozilla'] .lightboxy box boxContent label {
    font-size: 1.2rem;
  }
  #profileInfoHead .profileDetails .column {
    width: 100%;
  }
}
@media (max-width: 500px) {
  #wpadminbar {
    max-width: 90%;
    min-width: 100%;
  }
  #wp-admin-bar-site-name,
  #wp-admin-bar-updates,
  #wp-admin-bar-comments,
  #wp-admin-bar-gdbb-toolbar,
  #wp-admin-bar-search {
    display: none;
  }
  .sectionSearch {
    display: none;
  }
  .content .newsList .newsItemWrap .newsEntry {
    width: 100% !important;
  }
  .signupPage {
    width: 100%;
  }
  .job-newsDetailPage .single_job_listing .meta .position-filled {
    float: left;
  }
  .projectAdd .contentRight form.addProjectForm fieldset.addressBlock {
    margin-left: 0px;
    clear: both;
  }
  .projectAdd .contentRight form.addProjectForm fieldset.addressBlock .showAddress .formRow {
    margin: 5% 5% 8% 5%;
  }
  .projectAdd .contentRight form.addProjectForm .formRow.rowIndent {
    padding-left: 0px !important;
  }
  .projectAdd .contentRight form.addProjectForm label {
    clear: both;
    text-align: left;
  }
  .projectAdd .contentRight form.addProjectForm label.empty {
    width: 0px;
    padding: 0;
    margin: 0;
  }
  .projectAdd .contentRight form.addProjectForm .inputWrap,
  .projectAdd .contentRight form.addProjectForm .inputWrap.half {
    clear: both;
    margin-left: 0 !important;
  }
  .projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.third {
    width: 100%;
  }
  .projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.third label {
    font-size: 1.4rem !important;
    margin-right: 10% !important;
    width: 80px;
  }
  .projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.third.contact {
    padding-left: 4.5%;
  }
  .projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.third.coordinator {
    border: 0;
    padding: 0 0 0 4.5%;
    width: 100%;
  }
  .projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.third.administrator {
    width: 100%;
  }
  .projectAdd .contentRight form.addProjectForm .socialBlock .socialInputWrap {
    clear: both;
    margin-left: 0 !important;
  }
  .projectAdd .contentRight form.addProjectForm .socialBlock .socialInputWrap .inputWrap.social {
    clear: none;
  }
  .projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.half {
    width: 100%;
    background: none !important;
    border: 0;
  }
  .projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.half .inputWrap {
    display: block;
  }
  .projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.half label {
    font-size: 1.4rem !important;
    margin-right: 10% !important;
    width: 80px;
  }
  .projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.half.contact {
    border: 0 !important;
    padding-left: 4.5% !important;
  }
  .projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.half.coordinator {
    border: 0;
    padding: 0 0 0 4.5%;
    width: 100%;
  }
  .projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.half.administrator {
    border-width: 0px;
    margin-top: 0;
    padding-left: 4.5% !important;
    width: 100%;
  }
  .projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.half input[type='checkbox'] {
    width: auto !important;
  }
  .projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.half input[type='radio'] {
    width: auto !important;
  }
  button.contributeResource,
  a.contributeResource {
    clear: both;
    display: block;
    float: none;
    margin: 0 auto 20px auto;
  }
  .projectAdd .contentRight form.addProjectForm .inputWrap img.add-project-image {
    float: left;
    margin-bottom: 1.4rem;
    margin-right: 20px;
    max-width: 24%;
  }
  .projectAdd .contentRight form.addProjectForm .inputWrap.fileWrap {
    margin-left: 110px;
    max-width: 100% !important;
    min-width: 28% !important;
  }
  .projectAdd .contentRight form.addProjectForm .inputWrap input#project_logo {
    min-width: 100%;
  }
  .projectAdd .contentRight form.addProjectForm label.project_person_user {
    top: 0;
    width: 100%;
  }
  html[data-useragent*='Mozilla'] .projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.half label {
    font-size: 1.2rem !important;
  }
  html[data-useragent*='Mozilla'] .projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.half input {
    min-width: 20px !important;
  }
}
@media (max-width: 550px) {
  .projectAdd .contentRight form.addProjectForm .inputWrap.fileWrap {
    margin-left: 110px;
    max-width: 100% !important;
    min-width: 28% !important;
  }
  .projectAdd .contentRight form.addProjectForm .inputWrap input#project_logo {
    min-width: 100%;
  }
  errors {
    font-size: 1.2rem;
  }
}
@media (max-width: 465px) {
  .projectAdd .contentRight form.addProjectForm label.project_observation_count {
    top: 0;
    width: 100%;
  }
}
@media (max-width: 400px) {
  .profile .pageConen #wpmem_reg .form fieldset label {
    width: 100% !important;
    clear: both;
    text-align: left;
  }
  .profile .pageConen #wpmem_reg .form fieldset p {
    width: 100% !important;
    height: 18px !important;
    margin-top: 8px;
    text-align: left;
  }
  .profile .pageConen #wpmem_login .form fieldset input.password,
  .profile .pageConen #wpmem_login .form fieldset input.username {
    clear: left;
    float: left !important;
    max-width: 100%;
    width: 100% !important;
  }
  .profile .pageConen #wpmem_reg .form fieldset p#wpua-preview {
    width: 35% !important;
    height: auto !important;
    font-size: 11px;
    margin-left: 5%;
  }
  .profile .pageConen #wpmem_reg .form fieldset p#wpua-thumbnail {
    width: 35% !important;
    height: auto !important;
    margin-right: 0;
    font-size: 11px;
  }
  .profile .pageConen #wpmem_reg .form fieldset p#wpua-thumbnail br,
  .profile .pageConen #wpmem_reg .form fieldset p#wpua-preview br {
    display: none;
  }
  .profile .pageConen #wpmem_reg .form label[for=description] {
    height: auto;
    padding-top: 14px;
  }
  .profile .pageConen #wpmem_reg .form label[for=expertise] {
    height: auto;
  }
  .profile .pageConen #wpmem_login .form fieldset div {
    text-align: left;
  }
  .profile .pageConen #wpmem_login .form fieldset label {
    width: auto;
  }
  .projectAdd .inputWrap dl {
    margin: -10px 0 30px 5%;
  }
  .projectAdd .inputWrap dl dt {
    float: left;
    font-size: 1em;
    width: 100%;
  }
  .projectAdd .inputWrap dl dd {
    float: left;
    width: 95%;
  }
  .projectAdd .inputWrap dl dd code {
    background-color: #ccc;
    border-radius: 0px;
    display: inline-block;
    padding: 2px 8px;
    width: 100%;
  }
}
@media (min-width: 450px) and (max-width: 617px) {
  #wpadminbar {
    max-width: 90%;
    min-width: 100%;
  }
  #wp-admin-bar-site-name,
  #wp-admin-bar-updates,
  #wp-admin-bar-comments,
  #wp-admin-bar-gdbb-toolbar,
  #wp-admin-bar-search {
    display: none;
  }
}
@media (min-width: 800px) and (max-width: 850px) {
  .addBtn {
    padding: 15px 0 8px 50px;
  }
}
@media (min-width: 500px) and (max-width: 700px) {
  .projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.third {
    width: auto !important;
  }
  .projectAdd .contentRight form.addProjectForm .inputWrap.roles .inputWrap.third.contact {
    padding-left: 4%;
  }
  .projectAdd .contentRight form.addProjectForm label {
    margin-right: 8px;
  }
  .metaslider .caption-wrap {
    left: 8%;
    bottom: 0 !important;
    height: 100%;
    opacity: 1 !important;
    padding-bottom: 0 !important;
    padding-top: 6% !important;
    width: 84% !important;
  }
  .metaslider .caption-wrap .caption {
    height: 100% !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    width: 100% !important;
  }
  .metaslider .caption-wrap .caption h2 {
    font-size: 150% !important;
    line-height: 170% !important;
    margin-top: 0;
    margin-bottom: 10px;
    width: 100% !important;
  }
  .metaslider .caption-wrap .caption p {
    font-size: 120%;
    line-height: 140% !important;
    width: 100% !important;
  }
}
@media (min-width: 800px) and (max-width: 950px) {
  .resp-tabs-list li {
    padding: 5px 10px 0px 10px;
  }
}
@media (max-width: 800px) {
  .theProfilePage .contentSectionHead {
    display: none;
  }
  section.contactPage .sidebarRight {
    position: relative;
    right: 0px;
    top: 0;
  }
  .content .featuredBlock .column .categoryItem {
    height: auto;
    width: 94%;
  }
}
@media (max-width: 650px) {
  .profile .pageConen #wpmem_reg .form fieldset label[for=wp_user_avatar] {
    width: 90%;
    text-align: left;
  }
  .profile .pageConen #wpmem_login .form fieldset .button_div {
    clear: left;
    padding: 20px 0;
  }
  .profile .pageConen #wpmem_login .form fieldset .link-text {
    clear: both;
    text-align: left;
    padding-bottom: 8px;
    line-height: 16px;
    line-height: 1.6rem;
  }
  .metaslider .caption-wrap {
    left: 6% !important;
    bottom: 0 !important;
    height: 100%;
    opacity: 1 !important;
    padding-bottom: 0 !important;
    padding-top: 6% !important;
    width: 88% !important;
  }
  .metaslider .caption-wrap .caption {
    height: 100% !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    width: 100% !important;
  }
  .metaslider .caption-wrap .caption h2 {
    font-size: 135% !important;
    line-height: 155% !important;
    margin-top: 0;
    margin-bottom: 5px;
    width: 100% !important;
  }
  .metaslider .caption-wrap .caption p {
    font-size: 105%;
    line-height: 125% !important;
    width: 100% !important;
  }
}
@media (max-width: 450px) {
  .profile .pageConen #wpmem_reg .form fieldset label[for=wp_user_avatar] {
    width: 90%;
    text-align: left;
  }
  .profile .pageConen #wpmem_login .form fieldset .button_div {
    clear: left;
    padding: 20px 0;
  }
  .profile .pageConen #wpmem_login .form fieldset .link-text {
    clear: both;
    text-align: left;
    padding-bottom: 8px;
    line-height: 16px;
    line-height: 1.6rem;
  }
  .flex-direction-nav .flex-prev,
  .flex-direction-nav .flex-next {
    background-size: 200%;
    width: 15px;
  }
  .metaslider .caption-wrap {
    padding-top: 6% !important;
  }
  .metaslider .caption-wrap .caption h2 {
    font-size: 120% !important;
    line-height: 140% !important;
  }
  .metaslider .caption-wrap .caption p {
    font-size: 90%;
    line-height: 110% !important;
  }
}
@media (max-width: 400px) and (min-width: 310px) {
  html {
    zoom: .8;
  }
  .metaslider .caption-wrap .caption h2 {
    font-size: 110% !important;
    line-height: 110% !important;
    margin-top: -3.5%;
  }
  ul.job_listings li.job_listing a div.position,
  ul.job_listings li.no_job_listings_found a div.position {
    float: none;
  }
  ul.job_listings li.job_listing a div.location,
  ul.job_listings li.no_job_listings_found a div.location {
    float: none;
    width: 100%;
  }
  ul.job_listings li.job_listing a .meta,
  ul.job_listings li.no_job_listings_found a .meta {
    float: left;
    text-align: left;
    width: 100%;
  }
  #job-manager-job-dashboard {
    display: none;
  }
  #profileInfoHead {
    padding: 5px 5px 10px 5px !important;
  }
  #profileInfoHead ul {
    margin-left: 10px;
  }
  .profile .pageConen #wpmem_reg .form fieldset p {
    margin: 0 0 5px 0 !important;
  }
  .profile .pageConen #wpmem_reg .form fieldset .div_text p.noinput {
    float: left;
  }
  .profile .pageConen #wpmem_reg .form fieldset label {
    margin-top: 20px;
  }
}
@media (max-width: 310px) {
  html {
    zoom: .7;
  }
  .container {
    min-width: 100%;
  }
  #headerTop header[role='banner'] .container .headerSearch {
    display: none;
  }
  #headerTop header[role='banner'] .container .login-mobile {
    clear: both;
    float: left;
    max-width: 100%;
  }
  .return {
    line-height: 1.2em;
  }
  .metaslider .caption-wrap .caption h2 {
    font-size: 95% !important;
    line-height: 110% !important;
    margin-top: -3.5%;
    margin-bottom: 8px !important;
  }
  .metaslider .caption-wrap .caption p {
    font-size: 80% !important;
    line-height: 90% !important;
    margin-top: -3.5%;
  }
  ul.flex-direction-nav {
    display: none;
  }
  .metaslider .caption {
    padding: 5px 0 !important;
  }
  .metaslider .caption-wrap {
    left: 2% !important;
    width: 96% !important;
  }
  .sidebarRight .widget_archive select {
    min-width: 100%;
  }
  main[role='main'] .sectionHeading h2 {
    font-size: 2rem;
    max-width: 70%;
  }
  main[role='main'] .sectionHeading h2 span.filterTitle {
    float: left;
    font-size: 1.2rem;
  }
  .widget_archive select {
    min-width: 100% !important;
  }
  .projectAdd .inputWrap dl dd {
    word-wrap: break-word !important;
    width: 100% !important;
  }
  .projectAdd .contentRight form.addProjectForm input[type='text']#project_start_date {
    min-width: 100% !important;
  }
  .projectAdd .contentRight form.addProjectForm input[type='text']#project_end_date {
    min-width: 100% !important;
  }
  .projectAdd .contentRight form.addProjectForm select#project_status {
    min-width: 100% !important;
  }
  .projectAdd .contentRight form.addProjectForm input[type='number']#project_active_participant_count,
  .projectAdd .contentRight form.addProjectForm input[type='number']#project_participant_count,
  .projectAdd .contentRight form.addProjectForm input[type='number']#project_observation_count {
    min-width: 100% !important;
  }
  .projectAdd .contentRight form.addProjectForm .socialBlock .socialInputWrap label {
    max-width: 40px;
  }
  .projectAdd .contentRight form.addProjectForm label {
    margin-right: 10px !important;
  }
  .projectAdd .contentRight form.addProjectForm .inputWrap.social {
    margin-left: 50px !important;
  }
  div.lightboxy box boxContent {
    margin: 0;
    min-width: 220px;
  }
  .sidebarRight .resourceColumn .descriptorBlock {
    width: 70%;
  }
  form.subscribeForm input.email {
    margin-bottom: 6px;
    max-width: 90%;
    min-width: 90%;
    width: 90%;
  }
  ul.job_listings li.job_listing a div.position,
  ul.job_listings li.no_job_listings_found a div.position {
    float: none;
  }
  ul.job_listings li.job_listing a div.location,
  ul.job_listings li.no_job_listings_found a div.location {
    float: none;
    width: 100%;
  }
  ul.job_listings li.job_listing a .meta,
  ul.job_listings li.no_job_listings_found a .meta {
    float: left;
    text-align: left;
    width: 100%;
  }
  #job-manager-job-dashboard {
    display: none;
  }
  #profileInfoHead {
    padding: 5px 5px 30px 5px !important;
  }
  #profileInfoHead ul {
    margin-left: 10px;
    margin-bottom: 0;
  }
  #profileInfoHead .profileDetails .column .valueWrap {
    font-size: .8em;
  }
  #profileInfoHead .profileDetails ul li.website a,
  #profileInfoHead .profileDetails ul li.email a {
    font-size: .8em;
  }
  #profileInfoHead .profileDetails ul li.address {
    font-size: .8em;
    line-height: 1em;
  }
  main[role='main'] .sectionHeading .bbp-user-edit-link.button.show {
    margin-right: -52px;
  }
  main[role='main'] .sectionHeading .bbp-user-profile-link.button.show {
    margin-right: -52px;
  }
  .profile .pageConen #wpmem_reg .form fieldset p {
    margin: 0 0 5px 0 !important;
  }
  .profile .pageConen #wpmem_reg .form fieldset .div_text p.noinput {
    float: left;
  }
  .profile .pageConen #wpmem_reg .form fieldset label {
    margin-top: 20px;
  }
  .lightboxy {
    padding: 10px 0px;
  }
  .toolkitCategoriesBlock .column {
    width: 100%;
  }
  select {
    min-width: 100%;
  }
  input[type='email'],
  input[type='file'],
  input[type='password'],
  input[type='search'],
  input[type='tel'],
  input[type='text'],
  textarea {
    min-width: 100%;
  }
  .contactPage .sidebarRight {
    display: none;
  }
  footer[role='contentinfo'] {
    min-width: 100%;
  }
  .cornellLogoFooter {
    float: left;
    width: 200px;
  }
  .footerLinks ul {
    margin-left: 12px;
  }
}
/* do not delete or fold into styles above */
@media (min-width: 800px) {
  header[role='banner'] {
    overflow: hidden;
  }
  header[role='banner'] .container {
    padding-left: 1%;
    padding-right: 1%;
  }
  header[role='banner'] #logo {
    padding: 0;
    float: left;
  }
  #headerTop {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
  }
  nav[role='navigation'] {
    /*padding: 0;*/
    float: left;
  }
  nav[role='navigation'] ul li {
    display: inline;
  }
  nav[role='navigation'] li {
    border-top: none;
  }
  nav[role='navigation'] a {
    display: inline-block;
    line-height: 38px;
    line-height: 3.8rem;
    /*&:last-child {
			padding-right: 0;
		}*/
  }
  nav[role='navigation'] a:hover {
    background: inherit;
  }
}
@media (min-width: 1024px) {
  html {
    font-family: "'3'";
  }
  .hide-mobile,
  .only-tablet,
  .show-tablet {
    display: inherit;
  }
  .only-mobile,
  .hide-tablet {
    display: none;
  }
  html {
    font-size: 57.5%;
  }
  #breakdown,
  #features {
    letter-spacing: -0.31em;
    margin-left: -5.25%;
    max-width: 105%;
  }
  #getting-started img {
    width: auto;
    float: left;
    margin-top: 0.35em;
    margin-right: 14px;
    margin-right: 1.4rem;
    margin-bottom: 14px;
    margin-bottom: 1.4rem;
    margin-left: 0px;
    margin-left: 0rem;
  }
  #form-split {
    letter-spacing: -0.31em;
    margin-left: -5.25%;
    max-width: 105%;
  }
  .split,
  .third {
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    display: inline-block;
    margin-left: 5%;
    width: 45%;
  }
  #headerTop {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
  }
  /*nav[role='navigation'] {
	
	li a {
		height:40px;
		border-left: 1px solid #dedede;
		border-right: none;
		padding-left: 10px;
		padding-right:10px;
		width: auto;
		&:hover {
			background-color: @orange;
			color: @white;
		}
	}
	a {
	.font-size(1.2; 5) !important;
	
	}
}*/
}
@media (min-width: 1440px) {
  html {
    font-family: "'6'";
  }
  /* placeholder */
}
.showMenu {
  display: block !important;
}