*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

img, video {
  max-width: 100%;
  height: auto;
}

/*
  Available Proxima Nova font families:

  ProximaNovaA-Bold;
  ProximaNovaS-Regular;
  ProximaNovaS-Bold;
  ProximaNovaA-Regular;
  ProximaNova-Regular;
  ProximaNova-Bold;

*/
.clearfix:before, .clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

.secure-and-calm.quality-marker {
  background-color: #6bc53c;
}
.gets-along-with-others.quality-marker {
  background-color: #807dda;
}
.alert-and-engaged.quality-marker {
  background-color: #ed0011;
}
.compassionate-and-kind.quality-marker {
  background-color: #ff6c04;
}
.solves-problems-peacefully.quality-marker {
  background-color: #4aa4e1;
}

.qualities-nav a.secure-and-calm:hover:before, .qualities-nav a.secure-and-calm:focus:before, .qualities-nav a.secure-and-calm:active:before, .qualities-nav a.secure-and-calm.active:before, .resource-related-qualities a.secure-and-calm:before, .qualities-list-page li > span.secure-and-calm:before, #qualities-slideshow .secure-and-calm.term-description:before {
  color: #6bc53c;
}
.qualities-nav a.gets-along-with-others:hover:before, .qualities-nav a.gets-along-with-others:focus:before, .qualities-nav a.gets-along-with-others:active:before, .qualities-nav a.gets-along-with-others.active:before, .resource-related-qualities a.gets-along-with-others:before, .qualities-list-page li > span.gets-along-with-others:before, #qualities-slideshow .gets-along-with-others.term-description:before {
  color: #807dda;
}
.qualities-nav a.alert-and-engaged:hover:before, .qualities-nav a.alert-and-engaged:focus:before, .qualities-nav a.alert-and-engaged:active:before, .qualities-nav a.alert-and-engaged.active:before, .resource-related-qualities a.alert-and-engaged:before, .qualities-list-page li > span.alert-and-engaged:before, #qualities-slideshow .alert-and-engaged.term-description:before {
  color: #ed0011;
}
.qualities-nav a.compassionate-and-kind:hover:before, .qualities-nav a.compassionate-and-kind:focus:before, .qualities-nav a.compassionate-and-kind:active:before, .qualities-nav a.compassionate-and-kind.active:before, .resource-related-qualities a.compassionate-and-kind:before, .qualities-list-page li > span.compassionate-and-kind:before, #qualities-slideshow .compassionate-and-kind.term-description:before {
  color: #ff6c04;
}
.qualities-nav a.solves-problems-peacefully:hover:before, .qualities-nav a.solves-problems-peacefully:focus:before, .qualities-nav a.solves-problems-peacefully:active:before, .qualities-nav a.solves-problems-peacefully.active:before, .resource-related-qualities a.solves-problems-peacefully:before, .qualities-list-page li > span.solves-problems-peacefully:before, #qualities-slideshow .solves-problems-peacefully.term-description:before {
  color: #4aa4e1;
}

.page-qualities-secure-and-calm #block-heartmind-qualities-qualities-icon .content:after, #block-heartmind-qualities-qualities-icon .page-qualities-secure-and-calm .content:after {
  color: #6bc53c;
}
.page-qualities-gets-along-with-others #block-heartmind-qualities-qualities-icon .content:after, #block-heartmind-qualities-qualities-icon .page-qualities-gets-along-with-others .content:after {
  color: #807dda;
}
.page-qualities-alert-and-engaged #block-heartmind-qualities-qualities-icon .content:after, #block-heartmind-qualities-qualities-icon .page-qualities-alert-and-engaged .content:after {
  color: #ed0011;
}
.page-qualities-compassionate-and-kind #block-heartmind-qualities-qualities-icon .content:after, #block-heartmind-qualities-qualities-icon .page-qualities-compassionate-and-kind .content:after {
  color: #ff6c04;
}
.page-qualities-solves-problems-peacefully #block-heartmind-qualities-qualities-icon .content:after, #block-heartmind-qualities-qualities-icon .page-qualities-solves-problems-peacefully .content:after {
  color: #4aa4e1;
}

.qualities-nav a.secure-and-calm:before, .resource-related-qualities a.secure-and-calm:hover:before, .resource-related-qualities a.secure-and-calm:focus:before, .resource-related-qualities a.secure-and-calm:active:before, .resource-related-qualities a.secure-and-calm.active:before {
  color: rgba(75, 139, 41, 0.8);
}
.qualities-nav a.gets-along-with-others:before, .resource-related-qualities a.gets-along-with-others:hover:before, .resource-related-qualities a.gets-along-with-others:focus:before, .resource-related-qualities a.gets-along-with-others:active:before, .resource-related-qualities a.gets-along-with-others.active:before {
  color: rgba(70, 65, 201, 0.8);
}
.qualities-nav a.alert-and-engaged:before, .resource-related-qualities a.alert-and-engaged:hover:before, .resource-related-qualities a.alert-and-engaged:focus:before, .resource-related-qualities a.alert-and-engaged:active:before, .resource-related-qualities a.alert-and-engaged.active:before {
  color: rgba(161, 0, 12, 0.8);
}
.qualities-nav a.compassionate-and-kind:before, .resource-related-qualities a.compassionate-and-kind:hover:before, .resource-related-qualities a.compassionate-and-kind:focus:before, .resource-related-qualities a.compassionate-and-kind:active:before, .resource-related-qualities a.compassionate-and-kind.active:before {
  color: rgba(182, 76, 0, 0.8);
}
.qualities-nav a.solves-problems-peacefully:before, .resource-related-qualities a.solves-problems-peacefully:hover:before, .resource-related-qualities a.solves-problems-peacefully:focus:before, .resource-related-qualities a.solves-problems-peacefully:active:before, .resource-related-qualities a.solves-problems-peacefully.active:before {
  color: rgba(32, 127, 191, 0.8);
}

/*!
 *  Font Awesome 3.2.1
 *  the iconic font designed for Bootstrap
 *  ------------------------------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation can be
 *  found at http://fontawesome.io.  Stay up to date on Twitter at
 *  http://twitter.com/fontawesome.
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - The Font Awesome font is licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Font Awesome documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 *
 *  Author - Dave Gandy
 *  ------------------------------------------------------------------------------
 *  Email: dave@fontawesome.io
 *  Twitter: http://twitter.com/davegandy
 *  Work: Lead Product Designer @ Kyruus - http://kyruus.com
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../sass-extensions/font-awesome/font-awesome/font/fontawesome-webfont.eot?v=3.2.1");
  src: url("../sass-extensions/font-awesome/font-awesome/font/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../sass-extensions/font-awesome/font-awesome/font/fontawesome-webfont.woff?v=3.2.1") format("woff"), url("../sass-extensions/font-awesome/font-awesome/font/fontawesome-webfont.ttf?v=3.2.1") format("truetype"), url("../sass-extensions/font-awesome/font-awesome/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* FONT AWESOME CORE
 * -------------------------- */
[class^="icon-"],
[class*=" icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}

/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: -10%;
  font-size: 1.33333em;
}

/* makes sure icons active on rollover in links */
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline;
}

/* increased font size for icon-large */
[class^="icon-"].icon-fixed-width,
[class*=" icon-"].icon-fixed-width {
  display: inline-block;
  width: 1.14286em;
  text-align: right;
  padding-right: 0.28571em;
}
[class^="icon-"].icon-fixed-width.icon-large,
[class*=" icon-"].icon-fixed-width.icon-large {
  width: 1.42857em;
}

.icons-ul {
  margin-left: 2.14286em;
  list-style-type: none;
}
.icons-ul > li {
  position: relative;
}
.icons-ul .icon-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  text-align: center;
  line-height: inherit;
}

[class^="icon-"].hide,
[class*=" icon-"].hide {
  display: none;
}

.icon-muted {
  color: #eeeeee;
}

.icon-light {
  color: white;
}

.icon-dark {
  color: #333333;
}

.icon-border {
  border: solid 1px #eeeeee;
  padding: .2em .25em .15em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.icon-2x {
  font-size: 2em;
}
.icon-2x.icon-border {
  border-width: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.icon-3x {
  font-size: 3em;
}
.icon-3x.icon-border {
  border-width: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.icon-4x {
  font-size: 4em;
}
.icon-4x.icon-border {
  border-width: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.icon-5x {
  font-size: 5em;
}
.icon-5x.icon-border {
  border-width: 5px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
  margin-right: .3em;
}
[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
  margin-left: .3em;
}

/* BOOTSTRAP SPECIFIC CLASSES
 * -------------------------- */
/* Bootstrap 2.0 sprites.less reset */
[class^="icon-"],
[class*=" icon-"] {
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0;
}

/* more sprites.less reset */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
  background-image: none;
}

/* keeps Bootstrap styles with and without icons the same */
.btn [class^="icon-"].icon-large,
.btn [class*=" icon-"].icon-large, .nav [class^="icon-"].icon-large,
.nav [class*=" icon-"].icon-large {
  line-height: .9em;
}
.btn [class^="icon-"].icon-spin,
.btn [class*=" icon-"].icon-spin, .nav [class^="icon-"].icon-spin,
.nav [class*=" icon-"].icon-spin {
  display: inline-block;
}

.nav-tabs [class^="icon-"], .nav-tabs [class^="icon-"].icon-large,
.nav-tabs [class*=" icon-"],
.nav-tabs [class*=" icon-"].icon-large, .nav-pills [class^="icon-"], .nav-pills [class^="icon-"].icon-large,
.nav-pills [class*=" icon-"],
.nav-pills [class*=" icon-"].icon-large {
  line-height: .9em;
}

.btn [class^="icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
  margin-top: .18em;
}
.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
  line-height: .8em;
}

.btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
  margin-top: .25em;
}

.btn.btn-large [class^="icon-"],
.btn.btn-large [class*=" icon-"] {
  margin-top: 0;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-top: .05em;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
  margin-right: .2em;
}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-left: .2em;
}

/* Fixes alignment in nav lists */
.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
  line-height: inherit;
}

/* EXTRAS
 * -------------------------- */
/* Stacked and layered icon */
.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: -35%;
}
.icon-stack [class^="icon-"],
.icon-stack [class*=" icon-"] {
  display: block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 1em;
  line-height: inherit;
  *line-height: 2em;
}
.icon-stack .icon-stack-base {
  font-size: 2em;
  *line-height: 1em;
}

/* Animated rotating icon */
.icon-spin {
  display: inline-block;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

/* Prevent stack and spinners from being taken inline when inside a link */
a .icon-stack,
a .icon-spin {
  display: inline-block;
  text-decoration: none;
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
  }
}

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }

  100% {
    -o-transform: rotate(359deg);
  }
}

@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }

  100% {
    -ms-transform: rotate(359deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(359deg);
  }
}

/* Icon rotations and mirroring */
.icon-rotate-90:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.icon-rotate-180:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.icon-rotate-270:before {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.icon-flip-horizontal:before {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.icon-flip-vertical:before {
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}

/* ensure rotation occurs inside anchor tags */
a .icon-rotate-90:before, a .icon-rotate-180:before, a .icon-rotate-270:before, a .icon-flip-horizontal:before, a .icon-flip-vertical:before {
  display: inline-block;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 * readers do not read off random characters that represent icons */
.icon-glass:before {
  content: "\f000";
}

.icon-music:before {
  content: "\f001";
}

.icon-search:before {
  content: "\f002";
}

.icon-envelope-alt:before {
  content: "\f003";
}

.icon-heart:before {
  content: "\f004";
}

.icon-star:before {
  content: "\f005";
}

.icon-star-empty:before {
  content: "\f006";
}

.icon-user:before {
  content: "\f007";
}

.icon-film:before {
  content: "\f008";
}

.icon-th-large:before {
  content: "\f009";
}

.icon-th:before {
  content: "\f00a";
}

.icon-th-list:before {
  content: "\f00b";
}

.icon-ok:before {
  content: "\f00c";
}

.icon-remove:before {
  content: "\f00d";
}

.icon-zoom-in:before {
  content: "\f00e";
}

.icon-zoom-out:before {
  content: "\f010";
}

.icon-power-off:before,
.icon-off:before {
  content: "\f011";
}

.icon-signal:before {
  content: "\f012";
}

.icon-gear:before,
.icon-cog:before {
  content: "\f013";
}

.icon-trash:before {
  content: "\f014";
}

.icon-home:before {
  content: "\f015";
}

.icon-file-alt:before {
  content: "\f016";
}

.icon-time:before {
  content: "\f017";
}

.icon-road:before {
  content: "\f018";
}

.icon-download-alt:before {
  content: "\f019";
}

.icon-download:before {
  content: "\f01a";
}

.icon-upload:before {
  content: "\f01b";
}

.icon-inbox:before {
  content: "\f01c";
}

.icon-play-circle:before {
  content: "\f01d";
}

.icon-rotate-right:before,
.icon-repeat:before {
  content: "\f01e";
}

.icon-refresh:before {
  content: "\f021";
}

.icon-list-alt:before {
  content: "\f022";
}

.icon-lock:before {
  content: "\f023";
}

.icon-flag:before {
  content: "\f024";
}

.icon-headphones:before {
  content: "\f025";
}

.icon-volume-off:before {
  content: "\f026";
}

.icon-volume-down:before {
  content: "\f027";
}

.icon-volume-up:before {
  content: "\f028";
}

.icon-qrcode:before {
  content: "\f029";
}

.icon-barcode:before {
  content: "\f02a";
}

.icon-tag:before {
  content: "\f02b";
}

.icon-tags:before {
  content: "\f02c";
}

.icon-book:before {
  content: "\f02d";
}

.icon-bookmark:before {
  content: "\f02e";
}

.icon-print:before {
  content: "\f02f";
}

.icon-camera:before {
  content: "\f030";
}

.icon-font:before {
  content: "\f031";
}

.icon-bold:before {
  content: "\f032";
}

.icon-italic:before {
  content: "\f033";
}

.icon-text-height:before {
  content: "\f034";
}

.icon-text-width:before {
  content: "\f035";
}

.icon-align-left:before {
  content: "\f036";
}

.icon-align-center:before {
  content: "\f037";
}

.icon-align-right:before {
  content: "\f038";
}

.icon-align-justify:before {
  content: "\f039";
}

.icon-list:before {
  content: "\f03a";
}

.icon-indent-left:before {
  content: "\f03b";
}

.icon-indent-right:before {
  content: "\f03c";
}

.icon-facetime-video:before {
  content: "\f03d";
}

.icon-picture:before {
  content: "\f03e";
}

.icon-pencil:before {
  content: "\f040";
}

.icon-map-marker:before {
  content: "\f041";
}

.icon-adjust:before {
  content: "\f042";
}

.icon-tint:before {
  content: "\f043";
}

.icon-edit:before {
  content: "\f044";
}

.icon-share:before {
  content: "\f045";
}

.icon-check:before {
  content: "\f046";
}

.icon-move:before {
  content: "\f047";
}

.icon-step-backward:before {
  content: "\f048";
}

.icon-fast-backward:before {
  content: "\f049";
}

.icon-backward:before {
  content: "\f04a";
}

.icon-play:before {
  content: "\f04b";
}

.icon-pause:before {
  content: "\f04c";
}

.icon-stop:before {
  content: "\f04d";
}

.icon-forward:before {
  content: "\f04e";
}

.icon-fast-forward:before {
  content: "\f050";
}

.icon-step-forward:before {
  content: "\f051";
}

.icon-eject:before {
  content: "\f052";
}

.icon-chevron-left:before {
  content: "\f053";
}

.icon-chevron-right:before {
  content: "\f054";
}

.icon-plus-sign:before {
  content: "\f055";
}

.icon-minus-sign:before {
  content: "\f056";
}

.icon-remove-sign:before {
  content: "\f057";
}

.icon-ok-sign:before {
  content: "\f058";
}

.icon-question-sign:before {
  content: "\f059";
}

.icon-info-sign:before {
  content: "\f05a";
}

.icon-screenshot:before {
  content: "\f05b";
}

.icon-remove-circle:before {
  content: "\f05c";
}

.icon-ok-circle:before {
  content: "\f05d";
}

.icon-ban-circle:before {
  content: "\f05e";
}

.icon-arrow-left:before {
  content: "\f060";
}

.icon-arrow-right:before {
  content: "\f061";
}

.icon-arrow-up:before {
  content: "\f062";
}

.icon-arrow-down:before {
  content: "\f063";
}

.icon-mail-forward:before,
.icon-share-alt:before {
  content: "\f064";
}

.icon-resize-full:before {
  content: "\f065";
}

.icon-resize-small:before {
  content: "\f066";
}

.icon-plus:before {
  content: "\f067";
}

.icon-minus:before {
  content: "\f068";
}

.icon-asterisk:before {
  content: "\f069";
}

.icon-exclamation-sign:before {
  content: "\f06a";
}

.icon-gift:before {
  content: "\f06b";
}

.icon-leaf:before {
  content: "\f06c";
}

.icon-fire:before {
  content: "\f06d";
}

.icon-eye-open:before {
  content: "\f06e";
}

.icon-eye-close:before {
  content: "\f070";
}

.icon-warning-sign:before {
  content: "\f071";
}

.icon-plane:before {
  content: "\f072";
}

.icon-calendar:before {
  content: "\f073";
}

.icon-random:before {
  content: "\f074";
}

.icon-comment:before {
  content: "\f075";
}

.icon-magnet:before {
  content: "\f076";
}

.icon-chevron-up:before {
  content: "\f077";
}

.icon-chevron-down:before {
  content: "\f078";
}

.icon-retweet:before {
  content: "\f079";
}

.icon-shopping-cart:before {
  content: "\f07a";
}

.icon-folder-close:before {
  content: "\f07b";
}

.icon-folder-open:before {
  content: "\f07c";
}

.icon-resize-vertical:before {
  content: "\f07d";
}

.icon-resize-horizontal:before {
  content: "\f07e";
}

.icon-bar-chart:before {
  content: "\f080";
}

.icon-twitter-sign:before {
  content: "\f081";
}

.icon-facebook-sign:before {
  content: "\f082";
}

.icon-camera-retro:before {
  content: "\f083";
}

.icon-key:before {
  content: "\f084";
}

.icon-gears:before,
.icon-cogs:before {
  content: "\f085";
}

.icon-comments:before {
  content: "\f086";
}

.icon-thumbs-up-alt:before {
  content: "\f087";
}

.icon-thumbs-down-alt:before {
  content: "\f088";
}

.icon-star-half:before {
  content: "\f089";
}

.icon-heart-empty:before {
  content: "\f08a";
}

.icon-signout:before {
  content: "\f08b";
}

.icon-linkedin-sign:before {
  content: "\f08c";
}

.icon-pushpin:before {
  content: "\f08d";
}

.icon-external-link:before {
  content: "\f08e";
}

.icon-signin:before {
  content: "\f090";
}

.icon-trophy:before {
  content: "\f091";
}

.icon-github-sign:before {
  content: "\f092";
}

.icon-upload-alt:before {
  content: "\f093";
}

.icon-lemon:before {
  content: "\f094";
}

.icon-phone:before {
  content: "\f095";
}

.icon-unchecked:before,
.icon-check-empty:before {
  content: "\f096";
}

.icon-bookmark-empty:before {
  content: "\f097";
}

.icon-phone-sign:before {
  content: "\f098";
}

.icon-twitter:before {
  content: "\f099";
}

.icon-facebook:before {
  content: "\f09a";
}

.icon-github:before {
  content: "\f09b";
}

.icon-unlock:before {
  content: "\f09c";
}

.icon-credit-card:before {
  content: "\f09d";
}

.icon-rss:before {
  content: "\f09e";
}

.icon-hdd:before {
  content: "\f0a0";
}

.icon-bullhorn:before {
  content: "\f0a1";
}

.icon-bell:before {
  content: "\f0a2";
}

.icon-certificate:before {
  content: "\f0a3";
}

.icon-hand-right:before {
  content: "\f0a4";
}

.icon-hand-left:before {
  content: "\f0a5";
}

.icon-hand-up:before {
  content: "\f0a6";
}

.icon-hand-down:before {
  content: "\f0a7";
}

.icon-circle-arrow-left:before {
  content: "\f0a8";
}

.icon-circle-arrow-right:before {
  content: "\f0a9";
}

.icon-circle-arrow-up:before {
  content: "\f0aa";
}

.icon-circle-arrow-down:before {
  content: "\f0ab";
}

.icon-globe:before {
  content: "\f0ac";
}

.icon-wrench:before {
  content: "\f0ad";
}

.icon-tasks:before {
  content: "\f0ae";
}

.icon-filter:before {
  content: "\f0b0";
}

.icon-briefcase:before {
  content: "\f0b1";
}

.icon-fullscreen:before {
  content: "\f0b2";
}

.icon-group:before {
  content: "\f0c0";
}

.icon-link:before {
  content: "\f0c1";
}

.icon-cloud:before {
  content: "\f0c2";
}

.icon-beaker:before {
  content: "\f0c3";
}

.icon-cut:before {
  content: "\f0c4";
}

.icon-copy:before {
  content: "\f0c5";
}

.icon-paperclip:before,
.icon-paper-clip:before {
  content: "\f0c6";
}

.icon-save:before {
  content: "\f0c7";
}

.icon-sign-blank:before {
  content: "\f0c8";
}

.icon-reorder:before {
  content: "\f0c9";
}

.icon-list-ul:before {
  content: "\f0ca";
}

.icon-list-ol:before {
  content: "\f0cb";
}

.icon-strikethrough:before {
  content: "\f0cc";
}

.icon-underline:before {
  content: "\f0cd";
}

.icon-table:before {
  content: "\f0ce";
}

.icon-magic:before {
  content: "\f0d0";
}

.icon-truck:before {
  content: "\f0d1";
}

.icon-pinterest:before {
  content: "\f0d2";
}

.icon-pinterest-sign:before {
  content: "\f0d3";
}

.icon-google-plus-sign:before {
  content: "\f0d4";
}

.icon-google-plus:before {
  content: "\f0d5";
}

.icon-money:before {
  content: "\f0d6";
}

.icon-caret-down:before {
  content: "\f0d7";
}

.icon-caret-up:before {
  content: "\f0d8";
}

.icon-caret-left:before {
  content: "\f0d9";
}

.icon-caret-right:before {
  content: "\f0da";
}

.icon-columns:before {
  content: "\f0db";
}

.icon-sort:before {
  content: "\f0dc";
}

.icon-sort-down:before {
  content: "\f0dd";
}

.icon-sort-up:before {
  content: "\f0de";
}

.icon-envelope:before {
  content: "\f0e0";
}

.icon-linkedin:before {
  content: "\f0e1";
}

.icon-rotate-left:before,
.icon-undo:before {
  content: "\f0e2";
}

.icon-legal:before {
  content: "\f0e3";
}

.icon-dashboard:before {
  content: "\f0e4";
}

.icon-comment-alt:before {
  content: "\f0e5";
}

.icon-comments-alt:before {
  content: "\f0e6";
}

.icon-bolt:before {
  content: "\f0e7";
}

.icon-sitemap:before {
  content: "\f0e8";
}

.icon-umbrella:before {
  content: "\f0e9";
}

.icon-paste:before {
  content: "\f0ea";
}

.icon-lightbulb:before {
  content: "\f0eb";
}

.icon-exchange:before {
  content: "\f0ec";
}

.icon-cloud-download:before {
  content: "\f0ed";
}

.icon-cloud-upload:before {
  content: "\f0ee";
}

.icon-user-md:before {
  content: "\f0f0";
}

.icon-stethoscope:before {
  content: "\f0f1";
}

.icon-suitcase:before {
  content: "\f0f2";
}

.icon-bell-alt:before {
  content: "\f0f3";
}

.icon-coffee:before {
  content: "\f0f4";
}

.icon-food:before {
  content: "\f0f5";
}

.icon-file-text-alt:before {
  content: "\f0f6";
}

.icon-building:before {
  content: "\f0f7";
}

.icon-hospital:before {
  content: "\f0f8";
}

.icon-ambulance:before {
  content: "\f0f9";
}

.icon-medkit:before {
  content: "\f0fa";
}

.icon-fighter-jet:before {
  content: "\f0fb";
}

.icon-beer:before {
  content: "\f0fc";
}

.icon-h-sign:before {
  content: "\f0fd";
}

.icon-plus-sign-alt:before {
  content: "\f0fe";
}

.icon-double-angle-left:before {
  content: "\f100";
}

.icon-double-angle-right:before {
  content: "\f101";
}

.icon-double-angle-up:before {
  content: "\f102";
}

.icon-double-angle-down:before {
  content: "\f103";
}

.icon-angle-left:before {
  content: "\f104";
}

.icon-angle-right:before {
  content: "\f105";
}

.icon-angle-up:before {
  content: "\f106";
}

.icon-angle-down:before {
  content: "\f107";
}

.icon-desktop:before {
  content: "\f108";
}

.icon-laptop:before {
  content: "\f109";
}

.icon-tablet:before {
  content: "\f10a";
}

.icon-mobile-phone:before {
  content: "\f10b";
}

.icon-circle-blank:before {
  content: "\f10c";
}

.icon-quote-left:before {
  content: "\f10d";
}

.icon-quote-right:before {
  content: "\f10e";
}

.icon-spinner:before {
  content: "\f110";
}

.icon-circle:before {
  content: "\f111";
}

.icon-mail-reply:before,
.icon-reply:before {
  content: "\f112";
}

.icon-github-alt:before {
  content: "\f113";
}

.icon-folder-close-alt:before {
  content: "\f114";
}

.icon-folder-open-alt:before {
  content: "\f115";
}

.icon-expand-alt:before {
  content: "\f116";
}

.icon-collapse-alt:before {
  content: "\f117";
}

.icon-smile:before {
  content: "\f118";
}

.icon-frown:before {
  content: "\f119";
}

.icon-meh:before {
  content: "\f11a";
}

.icon-gamepad:before {
  content: "\f11b";
}

.icon-keyboard:before {
  content: "\f11c";
}

.icon-flag-alt:before {
  content: "\f11d";
}

.icon-flag-checkered:before {
  content: "\f11e";
}

.icon-terminal:before {
  content: "\f120";
}

.icon-code:before {
  content: "\f121";
}

.icon-reply-all:before {
  content: "\f122";
}

.icon-mail-reply-all:before {
  content: "\f122";
}

.icon-star-half-full:before,
.icon-star-half-empty:before {
  content: "\f123";
}

.icon-location-arrow:before {
  content: "\f124";
}

.icon-crop:before {
  content: "\f125";
}

.icon-code-fork:before {
  content: "\f126";
}

.icon-unlink:before {
  content: "\f127";
}

.icon-question:before {
  content: "\f128";
}

.icon-info:before {
  content: "\f129";
}

.icon-exclamation:before {
  content: "\f12a";
}

.icon-superscript:before {
  content: "\f12b";
}

.icon-subscript:before {
  content: "\f12c";
}

.icon-eraser:before {
  content: "\f12d";
}

.icon-puzzle-piece:before {
  content: "\f12e";
}

.icon-microphone:before {
  content: "\f130";
}

.icon-microphone-off:before {
  content: "\f131";
}

.icon-shield:before {
  content: "\f132";
}

.icon-calendar-empty:before {
  content: "\f133";
}

.icon-fire-extinguisher:before {
  content: "\f134";
}

.icon-rocket:before {
  content: "\f135";
}

.icon-maxcdn:before {
  content: "\f136";
}

.icon-chevron-sign-left:before {
  content: "\f137";
}

.icon-chevron-sign-right:before {
  content: "\f138";
}

.icon-chevron-sign-up:before {
  content: "\f139";
}

.icon-chevron-sign-down:before {
  content: "\f13a";
}

.icon-html5:before {
  content: "\f13b";
}

.icon-css3:before {
  content: "\f13c";
}

.icon-anchor:before {
  content: "\f13d";
}

.icon-unlock-alt:before {
  content: "\f13e";
}

.icon-bullseye:before {
  content: "\f140";
}

.icon-ellipsis-horizontal:before {
  content: "\f141";
}

.icon-ellipsis-vertical:before {
  content: "\f142";
}

.icon-rss-sign:before {
  content: "\f143";
}

.icon-play-sign:before {
  content: "\f144";
}

.icon-ticket:before {
  content: "\f145";
}

.icon-minus-sign-alt:before {
  content: "\f146";
}

.icon-check-minus:before {
  content: "\f147";
}

.icon-level-up:before {
  content: "\f148";
}

.icon-level-down:before {
  content: "\f149";
}

.icon-check-sign:before {
  content: "\f14a";
}

.icon-edit-sign:before {
  content: "\f14b";
}

.icon-external-link-sign:before {
  content: "\f14c";
}

.icon-share-sign:before {
  content: "\f14d";
}

.icon-compass:before {
  content: "\f14e";
}

.icon-collapse:before {
  content: "\f150";
}

.icon-collapse-top:before {
  content: "\f151";
}

.icon-expand:before {
  content: "\f152";
}

.icon-euro:before,
.icon-eur:before {
  content: "\f153";
}

.icon-gbp:before {
  content: "\f154";
}

.icon-dollar:before,
.icon-usd:before {
  content: "\f155";
}

.icon-rupee:before,
.icon-inr:before {
  content: "\f156";
}

.icon-yen:before,
.icon-jpy:before {
  content: "\f157";
}

.icon-renminbi:before,
.icon-cny:before {
  content: "\f158";
}

.icon-won:before,
.icon-krw:before {
  content: "\f159";
}

.icon-bitcoin:before,
.icon-btc:before {
  content: "\f15a";
}

.icon-file:before {
  content: "\f15b";
}

.icon-file-text:before {
  content: "\f15c";
}

.icon-sort-by-alphabet:before {
  content: "\f15d";
}

.icon-sort-by-alphabet-alt:before {
  content: "\f15e";
}

.icon-sort-by-attributes:before {
  content: "\f160";
}

.icon-sort-by-attributes-alt:before {
  content: "\f161";
}

.icon-sort-by-order:before {
  content: "\f162";
}

.icon-sort-by-order-alt:before {
  content: "\f163";
}

.icon-thumbs-up:before {
  content: "\f164";
}

.icon-thumbs-down:before {
  content: "\f165";
}

.icon-youtube-sign:before {
  content: "\f166";
}

.icon-youtube:before {
  content: "\f167";
}

.icon-xing:before {
  content: "\f168";
}

.icon-xing-sign:before {
  content: "\f169";
}

.icon-youtube-play:before {
  content: "\f16a";
}

.icon-dropbox:before {
  content: "\f16b";
}

.icon-stackexchange:before {
  content: "\f16c";
}

.icon-instagram:before {
  content: "\f16d";
}

.icon-flickr:before {
  content: "\f16e";
}

.icon-adn:before {
  content: "\f170";
}

.icon-bitbucket:before {
  content: "\f171";
}

.icon-bitbucket-sign:before {
  content: "\f172";
}

.icon-tumblr:before {
  content: "\f173";
}

.icon-tumblr-sign:before {
  content: "\f174";
}

.icon-long-arrow-down:before {
  content: "\f175";
}

.icon-long-arrow-up:before {
  content: "\f176";
}

.icon-long-arrow-left:before {
  content: "\f177";
}

.icon-long-arrow-right:before {
  content: "\f178";
}

.icon-apple:before {
  content: "\f179";
}

.icon-windows:before {
  content: "\f17a";
}

.icon-android:before {
  content: "\f17b";
}

.icon-linux:before {
  content: "\f17c";
}

.icon-dribbble:before {
  content: "\f17d";
}

.icon-skype:before {
  content: "\f17e";
}

.icon-foursquare:before {
  content: "\f180";
}

.icon-trello:before {
  content: "\f181";
}

.icon-female:before {
  content: "\f182";
}

.icon-male:before {
  content: "\f183";
}

.icon-gittip:before {
  content: "\f184";
}

.icon-sun:before {
  content: "\f185";
}

.icon-moon:before {
  content: "\f186";
}

.icon-archive:before {
  content: "\f187";
}

.icon-bug:before {
  content: "\f188";
}

.icon-vk:before {
  content: "\f189";
}

.icon-weibo:before {
  content: "\f18a";
}

.icon-renren:before {
  content: "\f18b";
}

/**
 * @file
 * Normalize.css is intended to be used as an alternative to CSS resets.
 *
 * This file is a slight fork of these original sources:
 * - normalize.css v2.1.2 | MIT License | git.io/normalize
 * - normalize.scss v2.1.2 | MIT/GPLv2 License | bit.ly/normalize-with-compass
 *
 * It's suggested that you read the normalize.scss file and customise it to meet
 * your needs, rather then including the file in your project and overriding the
 * defaults later in your CSS.
 * @see http://nicolasgallagher.com/about-normalize-css/
 *
 * Also: @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/
 *       @see http://snook.ca/archives/html_and_css/no_css_reset/
 */
/**
 * HTML5 display definitions
 */
/* Correct `block` display not defined in IE 8/9. */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
  display: block;
}

/* Correct `inline-block` display not defined in IE 8/9. */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* Address styling not present in IE 8/9. */
[hidden] {
  display: none;
}

/**
 * Base
 *
 * Instead of relying on the fonts that are available on a user's computer, you
 * can use web fonts which, like images, are resources downloaded to the user's
 * browser. Because of the bandwidth and rendering resources required, web fonts
 * should be used with care.
 *
 * Numerous resources for web fonts can be found on Google. Here are a few
 * websites where you can find Open Source fonts to download:
 * - http://www.fontsquirrel.com/fontface
 * - http://www.theleagueofmoveabletype.com
 *
 * In order to use these fonts, you will need to convert them into formats
 * suitable for web fonts. We recommend the free-to-use Font Squirrel's
 * Font-Face Generator:
 *   http://www.fontsquirrel.com/fontface/generator
 *
 * The following is an example @font-face declaration. This font can then be
 * used in any ruleset using a property like this:  font-family: Example, serif;
 *
 * Since we're using Sass, you'll need to declare your font faces here, then you
 * can add them to the font variables in the _base.scss partial.
 */
/*
@font-face {
  font-family: 'Example';
  src: url('../fonts/example.eot');
  src: url('../fonts/example.eot?iefix') format('eot'),
    url('../fonts/example.woff') format('woff'),
    url('../fonts/example.ttf') format('truetype'),
    url('../fonts/example.svg#webfontOkOndcij') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 */
html {
  font-family: ProximaNova-Regular, Tahoma, Verdana, "DejaVu Sans", sans-serif;
  /* 1 */
  font-size: 100%;
  /* 3 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  line-height: 1.5em;
  color: #2d1e03;
}

/* Remove default margin. */
body {
  margin: 0;
  padding: 0;
}

/**
 * Links
 *
 * The order of link states are based on Eric Meyer's article:
 * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
 */
a,
button,
input,
span,
:before {
  transition: color .1s, background-color .1s, border .1s;
}

a {
  text-decoration: none;
}

a:link,
a:visited {
  color: #e2861d;
}

a:hover,
a:focus,
a:active,
a.active {
  color: #8f8b7d;
}

li a.active {
  color: #a67c52;
}

/* Address `outline` inconsistency between Chrome and other browsers. */
a:focus {
  outline: thin dotted;
}

/* Improve readability when focused and also mouse hovered in all browsers. */
a:active,
a:hover {
  outline: 0;
}

/**
 * Typography
 *
 * To achieve a pleasant vertical rhythm, we use Compass' Vertical Rhythm mixins
 * so that the line height of our base font becomes the basic unit of vertical
 * measurement. We use multiples of that unit to set the top and bottom margins
 * for our block level elements and to set the line heights of any fonts.
 * For more information, see http://24ways.org/2006/compose-to-a-vertical-rhythm
 */
/* Set 1 unit of vertical rhythm on the top and bottom margin. */
p,
pre {
  margin: 1.5em 0;
}

p:first-child {
  margin-top: 0;
}

p:last-child {
  margin-bottom: 0;
}

blockquote {
  /* Also indent the quote on both sides. */
  margin: 1.5em 30px;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1, h2, h3, h4, h5, h6, b, strong {
  font-family: ProximaNova-Bold, Tahoma, Verdana, "DejaVu Sans", sans-serif;
  font-weight: normal;
  color: #2d1e03;
}

h1 {
  /* Set the font-size and line-height while keeping a proper vertical rhythm. */
  font-size: 2em;
  line-height: 1.5em;
  /* Set 1 unit of vertical rhythm on the top and bottom margins. */
  margin-top: 0.75em;
  margin-bottom: 0.375em;
}

h2 {
  font-size: 1.5em;
  line-height: 2em;
  margin-top: 1em;
  margin-bottom: 1em;
  line-height: 1.125em;
}

h3 {
  font-size: 1.17em;
  line-height: 1.28205em;
  margin-top: 1.28205em;
  margin-bottom: 1.28205em;
}

h4 {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

h5 {
  font-size: 0.83em;
  line-height: 1.80723em;
  margin-top: 1.80723em;
  margin-bottom: 1.80723em;
}

h6 {
  font-size: 0.67em;
  line-height: 2.23881em;
  margin-top: 2.23881em;
  margin-bottom: 2.23881em;
}

/* Address styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] {
  border-bottom: 1px dotted;
}

/* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b,
strong {
  font-weight: bold;
}

/* Address styling not present in Safari 5 and Chrome. */
dfn {
  font-style: italic;
}

/* Address differences between Firefox and other browsers. */
hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  *behavior: none;
  height: 0;
  border: 1px solid #666;
  padding-bottom: -1px;
  margin: 1.5em 0;
}

/* Address styling not present in IE 8/9. */
mark {
  background: #ff0;
  color: #000;
}

/* Correct font family set oddly in Safari 5 and Chrome. */
code,
kbd,
pre,
samp,
tt,
var {
  font-family: "Courier New", "DejaVu Sans Mono", monospace, sans-serif;
  font-size: 1em;
  line-height: 1.5em;
}

/* Improve readability of pre-formatted text in all browsers. */
pre {
  white-space: pre-wrap;
}

/* Set consistent quote types. */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/* Address inconsistent and variable font size in all browsers. */
small {
  font-size: 80%;
}

/* Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/**
 * Lists
 */
dl,
menu,
ol,
ul {
  /* Address margins set differently in IE 6/7. */
  margin: 1.5em 0;
}

ol ol,
ol ul,
ul ol,
ul ul {
  /* Turn off margins on nested lists. */
  margin: 0;
}

dd {
  margin: 0 0 0 30px;
  /* LTR */
}

/* Address paddings set differently in IE 6/7. */
menu,
ol,
ul {
  padding: 0 0 0 30px;
  /* LTR */
}

/**
 * Embedded content and figures
 *
 * @todo Look into adding responsive embedded video.
 */
img {
  /* Remove border when inside `a` element in IE 8/9. */
  border: 0;
  /* Suppress the space beneath the baseline */
  vertical-align: bottom;
  /* Responsive images */
  max-width: 100%;
  height: auto;
  /* Correct IE 8 not scaling image height when resized. */
  width: auto;
}
.page-node-edit img {
  max-width: none;
}

/* Correct overflow displayed oddly in IE 9. */
svg:not(:root) {
  overflow: hidden;
}

/* Address margin not present in IE 8/9 and Safari 5. */
figure {
  margin: 0;
}

/**
 * Forms
 */
/* Define consistent border, margin, and padding. */
fieldset {
  margin: 0 2px;
  /* Apply borders and padding that keep the vertical rhythm. */
  border-color: #c0c0c0;
  border-top-style: solid;
  border-top-width: 0.0625em;
  padding-top: 0.4625em;
  border-bottom-style: solid;
  border-bottom-width: 0.0625em;
  padding-bottom: 0.9125em;
  border-left-style: solid;
  border-left-width: 0.0625em;
  padding-left: 0.9125em;
  border-right-style: solid;
  border-right-width: 0.0625em;
  padding-right: 0.9125em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 * 4. Improve appearance and consistency with IE 6/7.
 * 5. Keep form elements constrained in their containers.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
  max-width: 100%;
  /* 5 */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 5 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  *behavior: none;
  /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* Drupal-style form labels. */
label {
  display: block;
  font-weight: normal;
}
label.label-inline, .resource-related-qualities label {
  display: inline-block;
}

/**
 * Tables
 */
table {
  /* Remove most spacing between table cells. */
  border-collapse: collapse;
  border-spacing: 0;
  /* Prevent cramped-looking tables */
  /* width: 100%; */
  /* Add vertical rhythm margins. */
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

input, textarea, keygen, select, button, isindex {
  font-family: ProximaNova-Regular, Tahoma, Verdana, "DejaVu Sans", sans-serif;
}

.form-item {
  /* Wrapper for a form element (or group of form elements) and its label */
  margin: 1.5em 0;
}
.form-item input,
.form-item textarea,
.form-item select {
  font-size: 0.8125em;
  line-height: 1.5em;
  color: #2d1e03;
  border-width: 1px;
  border-color: #8f8b7d;
  border-style: solid;
  background-color: #eeeeee;
  padding: 0.6em 0.5em 0.5em 0.5em;
}
.form-item.form-type-textarea {
  width: 62.5%;
}
.form-item input:focus,
.form-item textarea:focus {
  background-color: white;
}
.form-item input.form-autocomplete {
  padding-right: 1.6em;
}
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  /* Highlight the form elements that caused a form submission error */
  border: 1px solid #ed0011;
}
.form-item label {
  /* The label for a form element */
  font-size: 0.9375em;
  font-family: ProximaNova-Bold, Tahoma, Verdana, "DejaVu Sans", sans-serif;
  display: block;
  color: #2d1e03;
}
.form-item label.option {
  /* The label for a radio button or checkbox */
  display: inline;
  font-family: ProximaNova-Regular, Tahoma, Verdana, "DejaVu Sans", sans-serif;
}
.form-item .form-required {
  /* The part of the label that indicates a required field */
  color: #ed0011;
}
.form-item .description {
  /* The descriptive help text (separate from the label) */
  font-size: 0.85em;
}
.form-checkboxes .form-item, .form-radios .form-item {
  /* Pack groups of checkboxes and radio buttons closer together */
  margin: 0;
  /* Drupal core uses "0.4em 0" */
}
.form-item fieldset {
  border-color: #8f8b7d;
  background-color: #eeeeee;
}
.form-item legend {
  font-weight: bold;
}

.form-submit,
input[type="submit"] {
  /* The submit button */
  background-color: #2d1e03;
  cursor: pointer;
  border: none;
  color: white;
  padding: 5px 10px;
  text-decoration: none;
  font-size: 0.875em;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
}

.form-type-managed-file .form-submit {
  margin-left: 1em;
}

.form-actions .form-submit {
  margin-right: 10px;
}

.container-inline div,
.container-inline label {
  /* Inline labels and form divs */
  display: inline;
}

.password-parent,
.confirm-parent {
  margin: 0;
}

#edit-search-api-views-fulltext-wrapper {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: none;
  float: none;
  overflow: hidden;
  margin-bottom: 1.5em;
  padding-right: 0;
}
@media (min-width: 821px) {
  #edit-search-api-views-fulltext-wrapper {
    width: 49.09091%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
    float: none;
  }
}
#edit-search-api-views-fulltext-wrapper .form-item-search-api-views-fulltext {
  position: relative;
  background-color: #eae7de;
  padding: 15px;
}
#edit-search-api-views-fulltext-wrapper .form-text {
  border: none;
  width: 100%;
  padding: 10px;
  border-radius: 4px;
}

/* Homepage version of this search box */
#block-heartmind-resources-homepage-search-box {
  margin-bottom: 60px;
}
#block-heartmind-resources-homepage-search-box h2 {
  margin-top: 20px;
  margin-bottom: 15px;
}
#block-heartmind-resources-homepage-search-box #edit-search-api-views-fulltext-wrapper {
  width: 100%;
}

.views-exposed-form .views-exposed-widget {
  padding-top: 0;
}
.views-exposed-form .views-exposed-widget label {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.views-exposed-form .views-exposed-widget.views-widget-sort-by {
  padding-right: 0;
}
@media (min-width: 480px) {
  .views-exposed-form .views-exposed-widget.views-widget-sort-by {
    float: right;
  }
}

#edit-search-api-views-fulltext {
  color: #a67c52;
  background-color: white;
}

#js-search-submit {
  position: absolute;
  top: 20px;
  right: 30px;
  cursor: pointer;
}
#js-search-submit:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
  content: "\f002";
  font-size: 22px;
  color: #a67c52;
}

.widget-group-other {
  margin-bottom: 25px;
}
.widget-group-other.expanded {
  background-color: #eae7de;
}
.page-qualities .widget-group-other {
  border-radius: 4px;
}
.page-qualities .widget-group-other.expanded {
  background-color: #59564d;
}
.widget-group-other .views-exposed-widget {
  width: 100%;
}
@media (min-width: 821px) and (max-width: 1199px) {
  .widget-group-other .views-exposed-widget {
    width: 50%;
  }
  .widget-group-other .views-exposed-widget.views-widget-filter-field_format {
    clear: left;
  }
}
@media (min-width: 1200px) {
  .widget-group-other .views-exposed-widget {
    width: auto;
  }
}
.widget-group-other .widget-group-other-inner {
  padding: 0 0px 20px 20px;
}
.widget-group-other .widget-group-other-inner:after {
  content: "";
  display: table;
  clear: both;
}
.widget-group-other.expanded .widget-group-other-inner {
  display: block;
}

#js-toggle-exposed-filters {
  display: inline-block;
  background-color: #eae7de;
  padding: 10px;
  color: #a67c52;
  cursor: pointer;
}
#js-toggle-exposed-filters:before {
  margin-right: 10px;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
  content: "\f0da";
}
#js-toggle-exposed-filters.expanded:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
  content: "\f0d7";
}
.page-qualities #js-toggle-exposed-filters {
  border-radius: 4px;
  background-color: #59564d;
  color: #eae7de;
}

.heartmind_counter_temp {
  display: none;
}

.heartmind_counter {
  margin-bottom: 20px;
  padding-top: .2em;
  color: #a67c52;
  font-family: ProximaNova-Bold, Tahoma, Verdana, "DejaVu Sans", sans-serif;
  font-size: 1.25em;
}
@media (min-width: 480px) {
  .heartmind_counter {
    float: left;
    margin-bottom: 0;
  }
}

.page-resources-by-activity #js-toggle-exposed-filters {
  display: none;
}
.page-resources-by-activity .widget-group-other {
  background-color: #eae7de;
}
.page-resources-by-activity .widget-group-other-inner {
  display: block;
  padding-top: 20px;
}
.page-resources-by-activity .widget-group-other-inner div.fancy-select div.trigger {
  width: 175px;
}
.page-resources-by-activity .widget-group-other-inner .views-widget {
  float: left;
}
.page-resources-by-activity .views-exposed-form .widget-group-other-inner .views-exposed-widget label {
  position: static !important;
  clip: auto;
  height: auto;
  width: auto;
  overflow: auto;
  float: left;
  margin-right: 10px;
  padding: 10px 0 9px 0;
  color: #a67c52;
}
.page-resources-by-activity .views-submit-button {
  display: none;
}
.page-resources-by-activity #js-submit-filters {
  display: inline-block;
  border-radius: 4px;
  background-color: #a67c52;
  padding: 10px;
  cursor: pointer;
  font-family: ProximaNova-Bold, Tahoma, Verdana, "DejaVu Sans", sans-serif;
  color: white;
}
.page-resources-by-activity #js-submit-filters:hover, .page-resources-by-activity #js-submit-filters:focus, .page-resources-by-activity #js-submit-filters:active {
  background-color: #8f8b7d;
}

/* Temporarily conceal most of the filters on Resources listings */
body.page-resources .views-exposed-form .widget-group-fulltext,
body.page-resources .views-exposed-form .widget-group-other {
  width: 50%;
  float: left;
}

body.page-resources .views-exposed-form .widget-group-fulltext #edit-search-api-views-fulltext-wrapper {
  width: 100%;
}

body.page-resources .views-exposed-form .widget-group-other {
  padding-top: 14px;
}

body.page-resources div.heartmind-counter {
  clear: left;
}

body.page-resources .views-exposed-form .widget-group-other .widget-group-other-inner {
  display: block;
}

body.page-resources .views-exposed-form .widget-group-other .widget-group-other-inner #edit-field-audience-wrapper,
body.page-resources .views-exposed-form .widget-group-other .widget-group-other-inner #edit-field-resource-type-wrapper,
body.page-resources .views-exposed-form .widget-group-other .widget-group-other-inner #edit-field-format-wrapper,
body.page-resources .views-exposed-form .widget-group-other .widget-group-other-inner #edit-field-themes-wrapper,
body.page-qualities .views-exposed-form .widget-group-other #edit-field-resource-type-wrapper,
body.page-qualities .views-exposed-form .widget-group-other #edit-field-format-wrapper {
  display: none;
}

/* Keep filters visible on Resources By Activity. */
body.page-resources-by-activity .widget-group-other {
  width: 100% !important;
  float: none !important;
}

body.page-resources-by-activity .widget-group-other .widget-group-other-inner div.views-exposed-widget {
  display: block !important;
}

/**
 * @file
 * Tabs Styling
 *
 * Adds styles for the primary and secondary tabs. Borrowed from Zen.
 */
/*
 * Basic positioning styles shared by primary and secondary tabs.
 */
ul.primary,
ul.secondary {
  border-bottom: none;
  list-style: none;
  margin: 1em 0 1.5em;
  padding-left: 0;
  white-space: nowrap;
}
ul.primary:after,
ul.secondary:after {
  content: "";
  display: table;
  clear: both;
}
ul.primary li,
ul.secondary li {
  float: left;
  /* LTR */
  margin: 0.5em 3px 0;
}
ul.primary li a,
ul.secondary li a {
  border: none;
  display: block;
  padding: 5px 10px;
  line-height: 1.5em;
  text-decoration: none;
}

/*
 * Primary tabs
 */
ul.primary {
  font-size: 0.8125em;
}
ul.primary li {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin: 0.5em 0 0 3px;
  /* LTR */
}
ul.primary li a:link,
ul.primary li a:visited {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: white;
  background-color: #a67c52;
  text-align: center;
}
ul.primary li a:hover,
ul.primary li a:focus,
ul.primary li a:active {
  color: white;
  background-color: #8f8b7d;
}
ul.primary li.active a {
  border: none;
  border-bottom: none;
  color: white;
  background-color: #8f8b7d;
}

/*
 * Secondary tabs
 */
ul.secondary {
  font-size: 0.75em;
  margin-top: -1.5em;
  /* Collapse bottom margin of ul.primary. */
  padding-bottom: .5em;
}
ul.secondary a:link,
ul.secondary a:visited {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  text-shadow: 1px 1px 0 white;
  background-color: #eeeeee;
  color: #666;
  padding: 0 .5em;
}
ul.secondary a:hover,
ul.secondary a:focus {
  background-color: #dedede;
  border-color: #999;
  color: #333;
}
ul.secondary a.active,
ul.secondary a:active {
  text-shadow: 1px 1px 0 #333333;
  background-color: #666;
  border-color: #000;
  color: #fff;
}

div.fancy-select {
  position: relative;
  color: #a67c52;
}

div.fancy-select.disabled {
  opacity: 0.5;
}

div.fancy-select select:focus + div.trigger.open {
  box-shadow: none;
}

div.fancy-select div.trigger {
  border-radius: 4px;
  cursor: pointer;
  padding: 10px 24px 9px 9px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  background: white;
  width: 100%;
  margin-bottom: 10px;
  transition: all 240ms ease-out;
  -webkit-transition: all 240ms ease-out;
  -moz-transition: all 240ms ease-out;
  -ms-transition: all 240ms ease-out;
  -o-transition: all 240ms ease-out;
}
@media (min-width: 1200px) {
  div.fancy-select div.trigger {
    width: 200px;
    margin-bottom: 0;
  }
}

.views-widget-sort-by div.fancy-select div.trigger {
  background: #eae7de;
}

.page-qualities div.fancy-select div.trigger {
  background: #eae7de;
}

.page-qualities div.fancy-select div.trigger:after {
  border-top-color: #eae7de;
}

.page-qualities div.fancy-select div.trigger:hover {
  color: #2d1e03;
}

.page-qualities div.fancy-select div.trigger:hover:after {
  border-top-color: #2d1e03;
}

div.fancy-select div.trigger:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #a67c52;
  top: 20px;
  right: 9px;
}

.views-exposed-widget.views-widget-sort-by div.fancy-select div.trigger {
  padding-top: 5px;
  padding-bottom: 5px;
}
.views-exposed-widget.views-widget-sort-by div.fancy-select div.trigger:after {
  top: 15px;
}

div.fancy-select div.trigger:hover,
div.fancy-select div.trigger:focus {
  background-color: white;
  color: #2d1e03;
}

div.fancy-select div.trigger:hover:after {
  border-top-color: #2d1e03;
}

div.fancy-select div.trigger.open {
  background: white;
  border-top-color: #2d1e03;
}

div.fancy-select div.trigger.open:after {
  border-top-color: #2d1e03;
}

div.fancy-select ul.options {
  list-style: none;
  margin: 0;
  position: absolute;
  top: 40px;
  left: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 50;
  background: white;
  border-radius: 4px;
  min-width: 200px;
  transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
  -moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
  -ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
  -o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
}

div.fancy-select ul.options.open {
  visibility: visible;
  top: 50px;
  opacity: 1;
  /* have to use a non-visibility transition to prevent this iOS issue (bug?): */
  /*http://stackoverflow.com/questions/10736478/css-animation-visibility-visible-works-on-chrome-and-safari-but-not-on-ios*/
  transition: opacity 300ms ease-out, top 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out, top 300ms ease-out;
  -moz-transition: opacity 300ms ease-out, top 300ms ease-out;
  -ms-transition: opacity 300ms ease-out, top 300ms ease-out;
  -o-transition: opacity 300ms ease-out, top 300ms ease-out;
}

div.fancy-select ul.options.overflowing {
  top: 40px;
  transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
  -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
  -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
  -o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
}

div.fancy-select ul.options.overflowing.open {
  top: 50px;
  transition: opacity 300ms ease-out, bottom 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out;
  -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out;
  -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out;
  -o-transition: opacity 300ms ease-out, bottom 300ms ease-out;
}

div.fancy-select ul.options li {
  padding: 2px 5px;
  font-size: 0.8125em;
  color: #a67c52;
  cursor: pointer;
  white-space: nowrap;
  transition: all 150ms ease-out;
  -webkit-transition: all 150ms ease-out;
  -moz-transition: all 150ms ease-out;
  -ms-transition: all 150ms ease-out;
  -o-transition: all 150ms ease-out;
}

div.fancy-select ul.options li.selected {
  color: #2d1e03;
}

div.fancy-select ul.options li.hover {
  color: #2d1e03;
}

/*
 * Site wide layout styles
 */
html,
body {
  height: 100%;
}

@media (max-width: 820px) {
  body {
    padding: 0 10px 10px 10px;
  }
}

#navigation {
  overflow: hidden;
}
@media (min-width: 821px) {
  #navigation {
    margin: 0 auto;
    max-width: 1180px;
  }
}

#container {
  min-height: 100%;
  position: relative;
}
@media (min-width: 821px) {
  #container {
    margin: 0 auto;
    max-width: 1180px;
  }
}

#content-wrapper {
  padding-bottom: 100px;
  /* Height of the footer */
}

#main {
  position: relative;
}

#header,
#main-prefix,
#messages-wrapper,
#main,
#footer {
  padding-left: 15px;
  padding-right: 15px;
}

#header,
#messages-wrapper,
#main-prefix,
#main,
#footer {
  overflow: hidden;
}
@media (min-width: 821px) {
  #header,
  #messages-wrapper,
  #main-prefix,
  #main,
  #footer {
    margin: 0 auto;
    max-width: 1180px;
    padding-left: 1.81818%;
    padding-right: 1.81818%;
  }
}

#main-suffix {
  clear: both;
}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100px;
  /* Height of the footer */
}

.page-resources #main-prefix {
  overflow: visible;
}

@media (min-width: 821px) {
  #block-system-main-menu {
    float: left;
  }
}

@media (min-width: 821px) {
  #block-menu-menu-secondary-menu {
    float: right;
  }
}

@media (min-width: 821px) {
  .sidebar-second #main {
    padding: 0;
  }
  .sidebar-second #main-inner {
    clear: none;
    float: left;
    width: 75%;
    margin-left: 0;
    margin-right: -100%;
    padding-left: 1.81818%;
    padding-right: 1.81818%;
  }
}
@media (min-width: 821px) {
  .sidebar-second .region-sidebar-second {
    clear: none;
    float: right;
    margin-left: 0;
    margin-right: 0;
    width: 25%;
  }
}

@media (min-width: 821px) {
  .page-node #main {
    padding: 0;
  }
  .page-node #main-inner {
    padding-left: 1.81818%;
    padding-right: 1.81818%;
    width: 74.54545%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
  }
}

/* Mobile usability */
@media (max-width: 820px) {
  /* Footer - don't render the links too small or close together */
  #footer {
    height: 150px;
    margin-top: 100px;
  }

  #footer .footer-left {
    width: 100%;
    height: 75px;
  }

  #footer .footer-right {
    width: 100%;
    height: 75px;
  }

  #footer .footer-left a {
    display: block;
    float: left;
    width: 33%;
    height: 50px;
  }

  /* Don't let the right-hand image be too wide for screen or slide under footer */
  .group-right,
  section.region-sidebar-second,
  footer#main-suffix {
    margin-bottom: 100px;
    min-height: 200px;
  }

  .group-right img {
    max-width: 80%;
  }

  /* Pager - don't render the links too small or close together */
  ul.pager {
    padding-bottom: 20px;
  }

  ul.pager li.pager-current,
  ul.pager li a {
    padding: 10px 15px;
    margin: 0;
  }

  ul.pager li {
    padding: 0;
    margin: 0 5px 30px 5px;
  }
}
/*
 * Homepage layout
 */
.front #block-boxes-home-banner,
.front #main-inner,
.front #main-suffix-inner {
  margin: 0 auto;
  max-width: 960px;
}

#block-boxes-home-banner {
  overflow: hidden;
}
@media (min-width: 821px) {
  #block-boxes-home-banner {
    padding-bottom: .5em;
  }
}
#block-boxes-home-banner h2,
#block-boxes-home-banner p {
  margin: 0;
}
@media (min-width: 1200px) {
  #block-boxes-home-banner h2 {
    width: 46.15385%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
  }
}
@media (min-width: 1200px) {
  #block-boxes-home-banner p {
    width: 46.15385%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
}

@media (min-width: 821px) {
  #block-heartmind-core-homepage-families,
  #block-heartmind-core-join-our-events {
    width: 46.15385%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
  }
}

@media (min-width: 821px) {
  #block-heartmind-core-join-our-events {
    clear: left;
  }
}

#block-heartmind-core-join-our-events,
#block-heartmind-core-take-our-online-sel-course {
  margin-top: 1.5rem;
}

@media (min-width: 821px) {
  #block-heartmind-core-homepage-educators,
  #block-heartmind-core-take-our-online-sel-course {
    width: 46.15385%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
}

/* 
 * Display suite layouts
 */
/*
 * DS twocol stacked layout (used for resources)
 */
@media (min-width: 821px) {
  .ds-2col-stacked .group-left {
    width: 70.30303%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
  }
}
.ds-2col-stacked .group-left {
  clear: left;
}
@media (min-width: 821px) {
  .ds-2col-stacked .group-right {
    width: 25.75758%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
}
@media (max-width: 820px) {
  .ds-2col-stacked .group-left,
  .ds-2col-stacked .group-right {
    float: none;
    width: 100%;
  }
}

/*
 * Site wide design styles
 */
body {
  background-color: #507228;
  background-image: url('../images/dlc_background.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: fixed;
  background-size: cover;
}

#content-wrapper {
  background-color: #f2f0eb;
}

#main-prefix {
  background-color: #eae7de;
  padding: .25em 1em;
}
#main-prefix ul {
  list-style: none;
  margin-top: 10px;
  margin-bottom: 0;
  padding-left: 0;
}
@media (min-width: 821px) {
  #main-prefix ul {
    margin: 0;
    padding: 0;
    border: 0;
  }
  #main-prefix ul:after {
    content: "";
    display: table;
    clear: both;
  }
  #main-prefix ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    white-space: nowrap;
    display: inline;
    float: left;
    padding-left: 4px;
    padding-right: 4px;
  }
  #main-prefix ul li:first-child, #main-prefix ul li.first {
    padding-left: 0;
  }
  #main-prefix ul li:last-child {
    padding-right: 0;
  }
  #main-prefix ul li.last {
    padding-right: 0;
  }
}
@media (min-width: 821px) {
  #main-prefix {
    padding-top: 1.35em;
    padding-bottom: 1.25em;
  }
}

#name-and-slogan {
  margin-bottom: 3em;
}
@media (max-width: 820px) {
  #name-and-slogan {
    margin-top: 80px;
  }
}

#site-name {
  margin-bottom: 0;
}
#site-name a {
  color: white;
}

#site-slogan {
  color: white;
}

#messages-wrapper {
  background-color: #f2f0eb;
  padding-top: 2em;
}

/*
 * People by Group listing
  */
.view-people-by-group .view-header {
  margin-bottom: 30px;
}
.view-people-by-group .views-row {
  margin-bottom: 20px;
}
.view-people-by-group .views-row h2, .view-people-by-group .views-row p {
  margin-top: 0;
  margin-bottom: 5px;
}
.view-people-by-group .views-row div.person-list-image {
  float: left;
  background-color: #eae7de;
  padding: 12px;
  margin: 0 20px 10px 0;
}

#footer {
  background-color: #2d1e03;
  padding-top: 50px;
  font-size: 0.875em;
}
@media (max-width: 820px) {
  #footer {
    padding-top: 20px;
  }
}
#footer a:link, #footer a:visited {
  color: white;
}
#footer a:hover, #footer a:focus, #footer a:active {
  color: #8f8b7d;
}
#footer .footer-left {
  float: left;
}
#footer .footer-left a {
  padding-right: 20px;
}
#footer .footer-right {
  float: right;
}

.region-sidebar-second {
  padding-top: 1em;
  background-color: #eae7de;
}
.region-sidebar-second .block-menu-block > h2 {
  display: none;
}
.region-sidebar-second .block-menu-block ul.menu {
  margin-top: 0;
  padding: .5em 0 0 0;
}
.region-sidebar-second .block-menu-block ul.menu li.leaf {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  margin-right: 10px;
  padding: 0;
}
.region-sidebar-second .block-menu-block a {
  display: block;
  padding: 5px 10px 5px 20px;
  margin: 5px 0;
}
.region-sidebar-second .block-menu-block a:link, .region-sidebar-second .block-menu-block a:visited {
  color: #2d1e03;
}
.region-sidebar-second .block-menu-block a:hover, .region-sidebar-second .block-menu-block a:focus, .region-sidebar-second .block-menu-block a:active, .region-sidebar-second .block-menu-block a.active {
  background-color: white;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #e2861d;
}
.region-sidebar-second .block-menu-block a.active {
  font-weight: bold;
}

.node-view-count {
  font-size: 0.875em;
  color: #a67c52;
  margin-bottom: 20px;
}
.node-view-count span:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
  content: "\f06e";
  padding-right: 5px;
}
@media (min-width: 821px) {
  .node-view-count {
    float: right;
    margin-bottom: 0;
  }
}

.node-type-page .node-view-count {
  float: none;
}
@media (min-width: 821px) {
  .node-type-page .node-view-count {
    text-align: right;
  }
}

/* Add some margin around the person node image */
.node-type-person .group-right img {
  margin: 0 0 10px 20px;
}
.node-type-person .person-group a {
  margin-right: 15px;
}

/*
 * Homepage styles
 */
.front #main-prefix {
  background-color: rgba(226, 134, 29, 0.9);
}
.lt-ie9 .front #main-prefix {
  background-color: #e2861d;
}
.front #main-inner {
  padding-top: 1.5em;
}
@media (min-width: 821px) {
  .front #main-inner {
    padding-top: 2.5em;
  }
}
.front #main-suffix {
  padding-top: 0;
}
@media (min-width: 821px) {
  .front #main-suffix {
    padding-top: 1em;
  }
}
.front #main-suffix .block-boxes {
  padding-top: 3em;
  border-top: 5px solid #dfddd8;
}
@media (min-width: 821px) {
  .front #main-suffix .block-boxes {
    padding-bottom: 3em;
  }
}
.front #main-suffix .boxes-box-content a {
  color: #2d1e03;
}

#block-boxes-home-banner {
  color: white;
}
@media (min-width: 821px) {
  #block-boxes-home-banner {
    padding: .5em 0 .85em 0;
  }
}
#block-boxes-home-banner h2 {
  margin-top: 10px;
  font-size: 3.625em;
  line-height: 1em;
  color: white;
}
@media (min-width: 821px) {
  #block-boxes-home-banner h2 {
    font-size: 4.875em;
  }
}
@media (min-width: 1200px) {
  #block-boxes-home-banner h2 {
    font-size: 5.5em;
  }
}
#block-boxes-home-banner .boxes-box-content {
  padding-top: 1em;
}
@media (min-width: 821px) {
  #block-boxes-home-banner .boxes-box-content {
    font-size: 1.125em;
  }
}
@media (min-width: 1200px) {
  #block-boxes-home-banner .boxes-box-content {
    padding-top: 1.65em;
  }
}

#block-heartmind-core-homepage-families,
#block-heartmind-core-homepage-educators,
#block-heartmind-core-join-our-events,
#block-heartmind-core-take-our-online-sel-course,
#block-heartmind-core-homepage-about-hmwb,
#boxes-box-home_about_site {
  overflow: hidden;
  color: #a67c52;
  padding-bottom: 1.5em;
}
@media (min-width: 821px) {
  #block-heartmind-core-homepage-families,
  #block-heartmind-core-homepage-educators,
  #block-heartmind-core-join-our-events,
  #block-heartmind-core-take-our-online-sel-course,
  #block-heartmind-core-homepage-about-hmwb,
  #boxes-box-home_about_site {
    margin-bottom: 0;
  }
}
#block-heartmind-core-homepage-families:before,
#block-heartmind-core-homepage-educators:before,
#block-heartmind-core-join-our-events:before,
#block-heartmind-core-take-our-online-sel-course:before,
#block-heartmind-core-homepage-about-hmwb:before,
#boxes-box-home_about_site:before {
  display: block;
  margin-bottom: 20px;
}
@media (min-width: 480px) {
  #block-heartmind-core-homepage-families:before,
  #block-heartmind-core-homepage-educators:before,
  #block-heartmind-core-join-our-events:before,
  #block-heartmind-core-take-our-online-sel-course:before,
  #block-heartmind-core-homepage-about-hmwb:before,
  #boxes-box-home_about_site:before {
    float: left;
    margin-bottom: 0;
  }
}

div.block-heartmind-core.homeblock {
  margin-top: -1.3em;
}

div.block-heartmind-core.homeblock div.image {
  display: inline-block;
  float: left;
}

div.block-heartmind-core.homeblock div.body {
  padding-left: 145px;
}

#block-heartmind-core-homepage-about-hmwb div.body {
  padding-left: 160px;
}

div.block-heartmind-core.homeblock div.body h2 {
  margin-bottom: 0.3em;
}

div.block-heartmind-core.homeblock div.body h2 a,
div.block-heartmind-core.homeblock div.body a {
  color: #2d1e03;
}

div.block-heartmind-core.homeblock div.body h2.no-body {
  padding-top: 50px;
}

#block-heartmind-core-homepage-about-hmwb {
  padding: 1.5em 0 3em 0;
  margin-top: 0.5em;
  border-top: 5px solid #dfddd8;
}

@media (min-width: 480px) {
  #block-heartmind-core-homepage-families .boxes-box-content,
  #block-heartmind-core-homepage-educators .boxes-box-content,
  #block-heartmind-core-take-our-online-sel-course .boxes-box-content {
    padding-left: 145px;
  }
}

@media (min-width: 480px) {
  #block-heartmind-core-homepage-about-hmwb .boxes-box-content {
    padding-left: 160px;
  }
}

#block-boxes-homepage-feature {
  margin: 20px auto -1.25em auto;
  width: 84%;
  padding: 25px 25px 20px 25px;
  background-color: #5B3000;
  color: white;
}
#block-boxes-homepage-feature h2 {
  color: white;
  margin-bottom: 10px;
}
#block-boxes-homepage-feature a {
  color: white;
  text-decoration: underline;
}

/*
 * Navigation styles
 */
#navigation {
  display: none;
  background-color: #2d1e03;
  z-index: 599;
  width: 100%;
  position: absolute;
  top: 40px;
  left: 0;
  -webkit-box-shadow: 0px 0px 5px #333333;
  -moz-box-shadow: 0px 0px 5px #333333;
  box-shadow: 0px 0px 5px #333333;
}
#navigation ul {
  margin: 0;
  padding-left: 0;
}
#navigation li {
  list-style: none;
  padding-top: 0;
}
#navigation a {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (min-width: 821px) {
  #navigation {
    display: block !important;
    position: relative;
    top: 0;
    box-shadow: none;
    background-color: transparent;
  }
  #navigation ul {
    margin: 0;
    padding: 0;
    border: 0;
  }
  #navigation ul:after {
    content: "";
    display: table;
    clear: both;
  }
  #navigation ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    white-space: nowrap;
    display: inline;
    float: left;
    padding-left: 4px;
    padding-right: 4px;
  }
  #navigation ul li:first-child, #navigation ul li.first {
    padding-left: 0;
  }
  #navigation ul li:last-child {
    padding-right: 0;
  }
  #navigation ul li.last {
    padding-right: 0;
  }
}
#navigation h2 {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

#mobile-nav-trigger {
  z-index: 999;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #2d1e03;
  padding: 10px;
  color: white;
  cursor: pointer;
}
@media (min-width: 821px) {
  #mobile-nav-trigger {
    display: none;
  }
}

@media (min-width: 821px) {
  #block-system-main-menu {
    background-color: rgba(45, 30, 3, 0.75);
    padding-left: 20px;
    padding-right: 20px;
    clear: none;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 75%;
  }
}
#block-system-main-menu a {
  margin-right: 1.5em;
  font-family: ProximaNova-Bold, Tahoma, Verdana, "DejaVu Sans", sans-serif;
  font-size: 1.25em;
}
#block-system-main-menu a:link, #block-system-main-menu a:visited {
  color: #8f8b7d;
}
#block-system-main-menu a:hover, #block-system-main-menu a:focus, #block-system-main-menu a:active, #block-system-main-menu a.active {
  color: white;
  padding-bottom: 5px;
  border-bottom: 5px solid #a67c52;
}
@media (max-width: 820px) {
  #block-system-main-menu {
    margin-top: 1.5em;
  }
  #block-system-main-menu a:hover, #block-system-main-menu a:focus, #block-system-main-menu a:active, #block-system-main-menu a.active {
    border-bottom: none;
    padding-bottom: 10px;
  }
}
.lt-ie9 #block-system-main-menu {
  background-color: #2d1e03;
}

@media (min-width: 821px) {
  #block-menu-menu-secondary-menu {
    background-color: rgba(166, 124, 82, 0.8);
    padding-left: 20px;
    padding-right: 20px;
    clear: none;
    float: right;
    margin-left: 0;
    margin-right: 0;
    width: 25%;
  }
}
#block-menu-menu-secondary-menu li {
  width: 33%;
  padding-left: 8% !important;
}
#block-menu-menu-secondary-menu a {
  font-size: 0.8125em;
}
#block-menu-menu-secondary-menu a:link, #block-menu-menu-secondary-menu a:visited {
  color: white;
}
#block-menu-menu-secondary-menu a:hover, #block-menu-menu-secondary-menu a:focus, #block-menu-menu-secondary-menu a:active, #block-menu-menu-secondary-menu a.active, #block-menu-menu-secondary-menu a.active-trail {
  color: #2d1e03;
}
@media (max-width: 820px) {
  #block-menu-menu-secondary-menu {
    margin-top: 1em;
    border-top: 1px solid rgba(143, 139, 125, 0.45);
    padding-top: 1em;
    margin-bottom: 1.5em;
  }
  #block-menu-menu-secondary-menu a {
    padding-bottom: 5px;
    font-size: 1.125em;
    font-family: ProximaNova-Bold, Tahoma, Verdana, "DejaVu Sans", sans-serif;
  }
  #block-menu-menu-secondary-menu a:link, #block-menu-menu-secondary-menu a:visited {
    color: #8f8b7d;
  }
  #block-menu-menu-secondary-menu a:hover, #block-menu-menu-secondary-menu a:focus, #block-menu-menu-secondary-menu a:active, #block-menu-menu-secondary-menu a.active {
    color: white;
  }
}
.lt-ie9 #block-menu-menu-secondary-menu {
  background-color: #a67c52;
}

#block-heartmind-resources-resources-subnav li {
  margin-bottom: 10px;
  margin-right: 0;
}
@media (min-width: 821px) {
  #block-heartmind-resources-resources-subnav li {
    margin-right: 2.5em;
    margin-bottom: 0;
  }
}
#block-heartmind-resources-resources-subnav a {
  color: #a67c52;
  display: block;
  padding: 5px 10px;
  border-radius: 4px;
}
#block-heartmind-resources-resources-subnav a:hover, #block-heartmind-resources-resources-subnav a:focus, #block-heartmind-resources-resources-subnav a:active, #block-heartmind-resources-resources-subnav a.active, #block-heartmind-resources-resources-subnav a.menu-active {
  background-color: white;
}
#block-heartmind-resources-resources-subnav a.resources-by-theme:after {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
  content: "\f0d7";
  margin-left: 7px;
}
#block-heartmind-resources-resources-subnav li.last a {
  margin-right: 0;
}
#block-heartmind-resources-resources-subnav > .content > ul > li:first-child + * + * + * {
  position: relative;
}
#block-heartmind-resources-resources-subnav > .content > ul > li:first-child + * + * + * .item-list {
  position: absolute;
  z-index: 499;
  display: none;
}
#block-heartmind-resources-resources-subnav > .content > ul > li:first-child + * + * + * ul {
  background-color: rgba(255, 255, 255, 0.9);
  margin-top: 4px;
  border-radius: 4px;
  padding-bottom: 10px;
}
#block-heartmind-resources-resources-subnav > .content > ul > li:first-child + * + * + * li {
  float: none;
  display: block;
  margin-bottom: 0;
  padding-left: 4px;
}
#block-heartmind-resources-resources-subnav > .content > ul > li:first-child + * + * + * li a {
  font-size: 0.8125em;
  padding-bottom: 0;
}
#block-heartmind-resources-resources-subnav > .content > ul > li:first-child + * + * + * li a:hover, #block-heartmind-resources-resources-subnav > .content > ul > li:first-child + * + * + * li a:focus, #block-heartmind-resources-resources-subnav > .content > ul > li:first-child + * + * + * li a:active, #block-heartmind-resources-resources-subnav > .content > ul > li:first-child + * + * + * li a.active {
  color: #2d1e03;
  background-color: transparent;
}

.qualities-nav {
  font-size: 0.75em;
}
@media (min-width: 821px) {
  .qualities-nav .item-list ul li {
    width: 20%;
  }
}
@media (min-width: 1200px) {
  .qualities-nav .item-list ul li {
    width: 17%;
  }
}
#main-prefix .qualities-nav ul li {
  white-space: normal;
  margin-left: 0;
  margin-bottom: 10px;
}
@media (min-width: 821px) {
  #main-prefix .qualities-nav ul li {
    margin-bottom: 0;
  }
}
.qualities-nav a {
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 4px;
  background-color: rgba(49, 49, 48, 0.9);
  padding: 5px 10px;
}
@media (min-width: 821px) {
  .qualities-nav a {
    background-color: transparent;
  }
}
.qualities-nav a:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
  content: "\f004";
  float: left;
  margin-right: 15px;
  font-size: 2.5em;
}
.qualities-nav span {
  display: inline-block;
  line-height: 1.35em;
  vertical-align: middle;
}
@media (min-width: 821px) {
  .qualities-nav span {
    width: 70px;
    margin-top: -3px;
  }
}
@media (min-width: 1200px) {
  .qualities-nav span {
    width: 100px;
  }
}

.pager {
  margin: 0;
  padding: 0;
  border: 0;
  margin-top: 1.5em;
  margin-bottom: 2em;
  overflow: hidden;
}
.pager:after {
  content: "";
  display: table;
  clear: both;
}
.pager li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  white-space: nowrap;
  display: inline;
  float: left;
  padding-left: 4px;
  padding-right: 4px;
}
.pager li:first-child, .pager li.first {
  padding-left: 0;
}
.pager li:last-child {
  padding-right: 0;
}
.pager li.last {
  padding-right: 0;
}
.pager a,
.pager .pager-current {
  border-radius: 4px;
  display: inline-block;
  padding: 5px 15px;
  margin: 0 2px 0 0;
}
.pager a:link, .pager a:visited {
  background-color: #eae7de;
}
.pager a:hover, .pager a:focus, .pager a:active {
  background-color: white;
}
.pager .pager-current {
  background-color: white;
}
.pager .pager-current.first {
  padding-left: 15px;
  margin-right: 4px;
}
.pager .pager-current.last {
  padding-right: 15px;
  margin-left: 4px;
}
.page-qualities .pager a:link, .page-qualities .pager a:visited {
  background-color: rgba(143, 139, 125, 0.45);
}
.pager .pager-current {
  background-color: rgba(143, 139, 125, 0.45);
}

.view-resources .view-content {
  overflow: hidden;
}
.view-resources .views-row {
  list-style: none;
  padding: 12px !important;
  background-color: #eae7de;
  margin-bottom: 24px;
  margin-left: 0;
}
.view-resources .views-row .resource-listing-item-wrapper {
  position: relative;
  background-color: rgba(45, 30, 3, 0.6);
}
.view-resources .views-row .node-title {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  background-color: rgba(45, 30, 3, 0.75);
  padding: 10px 15px;
  width: 100%;
  font-size: 1.25em;
  color: white;
}
.lt-ie9 .view-resources .views-row .node-title {
  background-color: #2d1e03;
}
.view-resources .views-row a:link,
.view-resources .views-row a:visited {
  color: white;
}
.view-resources .views-row a:hover,
.view-resources .views-row a:active,
.view-resources .views-row a:focus {
  color: #dfddd8;
}
@media (min-width: 480px) and (max-width: 820px) {
  .view-resources .views-row:nth-child(2n+1) {
    width: 48.78049%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
    clear: left;
  }
  .view-resources .views-row:nth-child(2n+2) {
    width: 48.78049%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
}
@media (min-width: 821px) and (max-width: 1199px) {
  .view-resources .views-row:nth-child(3n+1) {
    width: 31.70732%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
    clear: left;
  }
  .view-resources .views-row:nth-child(3n+2) {
    width: 31.70732%;
    float: left;
    margin-right: -100%;
    margin-left: 34.14634%;
    clear: none;
  }
  .view-resources .views-row:nth-child(3n+3) {
    width: 31.70732%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
}
@media (min-width: 1200px) {
  .view-resources .views-row:nth-child(4n+1) {
    width: 23.63636%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
    clear: left;
  }
  .view-resources .views-row:nth-child(4n+2) {
    width: 23.63636%;
    float: left;
    margin-right: -100%;
    margin-left: 25.45455%;
    clear: none;
  }
  .view-resources .views-row:nth-child(4n+3) {
    width: 23.63636%;
    float: left;
    margin-right: -100%;
    margin-left: 50.90909%;
    clear: none;
  }
  .view-resources .views-row:nth-child(4n+4) {
    width: 23.63636%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
}
.view-resources .view-empty {
  margin-bottom: 2em;
}

#boxes-box-resources_all_header,
#block-boxes-resources-parent-header,
#block-boxes-resources-educators-header,
#block-boxes-resources-theme-header,
#block-boxes-resources-activity-header,
.view-resources .term-description {
  margin-bottom: 2em;
}

.view-themes .view-content {
  overflow: hidden;
  clear: left;
}
.view-themes.view-display-id-page .views-row {
  list-style: none;
  margin-bottom: 24px;
  margin-left: 0;
  padding: 20px;
  background-color: #eae7de;
  color: #a67c52;
}
@media (min-width: 480px) and (max-width: 820px) {
  .view-themes.view-display-id-page .views-row:nth-child(2n+1) {
    width: 48.78049%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
    clear: left;
  }
  .view-themes.view-display-id-page .views-row:nth-child(2n+2) {
    width: 48.78049%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
}
@media (min-width: 821px) and (max-width: 1199px) {
  .view-themes.view-display-id-page .views-row:nth-child(3n+1) {
    width: 31.70732%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
    clear: left;
  }
  .view-themes.view-display-id-page .views-row:nth-child(3n+2) {
    width: 31.70732%;
    float: left;
    margin-right: -100%;
    margin-left: 34.14634%;
    clear: none;
  }
  .view-themes.view-display-id-page .views-row:nth-child(3n+3) {
    width: 31.70732%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
}
@media (min-width: 1200px) {
  .view-themes.view-display-id-page .views-row:nth-child(4n+1) {
    width: 23.63636%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
    clear: left;
  }
  .view-themes.view-display-id-page .views-row:nth-child(4n+2) {
    width: 23.63636%;
    float: left;
    margin-right: -100%;
    margin-left: 25.45455%;
    clear: none;
  }
  .view-themes.view-display-id-page .views-row:nth-child(4n+3) {
    width: 23.63636%;
    float: left;
    margin-right: -100%;
    margin-left: 50.90909%;
    clear: none;
  }
  .view-themes.view-display-id-page .views-row:nth-child(4n+4) {
    width: 23.63636%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
}
.view-themes.view-display-id-page .term-name {
  margin-top: 0;
  font-size: 1.25em;
}
.view-themes.view-display-id-page .term-description p {
  margin-bottom: 10px;
}
.view-themes.view-display-id-page .term-description,
.view-themes.view-display-id-page .resources-by-theme-link {
  font-size: 0.8125em;
}
.view-themes.view-display-id-page .resources-by-theme-link {
  float: right;
  background-color: #FFF;
  padding: 4px 8px 2px 8px;
  border-radius: 4px;
}

.resource-author,
.submitted,
.resource-type,
.resource-dev-age,
.resource-format,
.resource-audience,
.resource-themes,
.resource-related-qualities {
  font-size: 0.875em;
  color: #a67c52;
}

.resource-author,
.submitted,
.resource-type,
.resource-dev-age,
.resource-format,
.resource-audience,
.resource-themes {
  display: inline-block;
}

.resource-type ul,
.resource-dev-age ul,
.resource-format ul,
.resource-audience ul,
.resource-themes ul {
  display: inline-block;
  margin: 0;
  padding-left: 0;
}
.resource-type li,
.resource-dev-age li,
.resource-format li,
.resource-audience li,
.resource-themes li {
  display: inline-block;
  padding-right: 4px;
}
.resource-type li:after,
.resource-dev-age li:after,
.resource-format li:after,
.resource-audience li:after,
.resource-themes li:after {
  content: ',';
}
.resource-type li:last-child,
.resource-dev-age li:last-child,
.resource-format li:last-child,
.resource-audience li:last-child,
.resource-themes li:last-child {
  padding-right: 0;
}
.resource-type li:last-child:after,
.resource-dev-age li:last-child:after,
.resource-format li:last-child:after,
.resource-audience li:last-child:after,
.resource-themes li:last-child:after {
  content: '';
}

.resource-author,
.resource-type,
.resource-dev-age,
.resource-format,
.resource-audience {
  margin-right: 1em;
}
.resource-author:after,
.resource-type:after,
.resource-dev-age:after,
.resource-format:after,
.resource-audience:after {
  content: '|';
  padding-left: 1em;
  display: inline-block;
}

.resource-body {
  border-bottom: 1px solid #dfddd8;
  margin-bottom: 1em;
  padding-bottom: 1.25em;
}

#node_resource_full_group_resource_node_terms {
  margin-bottom: 1em;
}

.resource-related-qualities {
  clear: both;
  border-top: 1px solid #dfddd8;
  padding-top: 1.25em;
}
.resource-related-qualities label {
  margin-right: 1em;
}
.resource-related-qualities ul {
  margin: 0;
  padding: 0;
  border: 0;
  margin-bottom: .75em;
}
.resource-related-qualities ul:after {
  content: "";
  display: table;
  clear: both;
}
.resource-related-qualities ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  white-space: nowrap;
  display: inline;
  float: left;
  padding-left: 4px;
  padding-right: 4px;
}
.resource-related-qualities ul li:first-child, .resource-related-qualities ul li.first {
  padding-left: 0;
}
.resource-related-qualities ul li:last-child {
  padding-right: 0;
}
.resource-related-qualities ul li.last {
  padding-right: 0;
}
.resource-related-qualities ul li {
  white-space: normal;
  padding: 0;
}
@media (min-width: 480px) {
  .resource-related-qualities ul li {
    margin-right: 25px;
  }
}
.resource-related-qualities a {
  position: relative;
  overflow: visible;
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
}
.resource-related-qualities a:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
  content: "\f004";
  float: left;
  margin-right: 10px;
  font-size: 2.1875em;
}
.resource-related-qualities span {
  display: inline-block;
  line-height: 1.35em;
  vertical-align: middle;
  font-size: 0.875em;
}
@media (min-width: 821px) {
  .resource-related-qualities span {
    width: 70px;
    margin-top: -3px;
  }
}
@media (min-width: 1200px) {
  .resource-related-qualities span {
    width: 100px;
  }
}

.view-qualities-per-resource a.popup-related-qualities {
  color: #2d1e03;
}

.resource-activity-marker {
  margin-bottom: 1em;
  background-color: #eae7de;
  padding: 1em;
  font-family: ProximaNova-Bold, Tahoma, Verdana, "DejaVu Sans", sans-serif;
  font-size: 1.25em;
  color: #a67c52;
}

.resource-activity-marker-inner:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
  content: "\f017";
  float: left;
  font-size: 1.5em;
}
.resource-activity-marker-inner span {
  display: block;
  margin-left: 2.1875em;
}

.mfp-content .view-sources-per-resource:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
  content: "\f02d";
  float: left;
  margin-top: 10px;
  margin-left: 0.625em;
  font-size: 2.5em;
}
.mfp-content .view-sources-per-resource .view-content {
  padding-left: 100px;
}

.resource-sources {
  margin: 3em 4em 3em 2em;
  font-size: 0.875em;
}
.resource-sources .views-row {
  display: none;
}
.resource-sources .views-row.show-in-popup {
  display: block;
}
.resource-sources .views-row.show-in-popup .field-name-field-source-link a {
  float: right;
  display: inline-block;
  margin-top: 10px;
  padding: 5px 10px;
  line-height: 1.5em;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.resource-sources .views-row.show-in-popup .field-name-field-source-link a:link, .resource-sources .views-row.show-in-popup .field-name-field-source-link a:visited {
  background-color: #8f8b7d;
}
.resource-sources .views-row.show-in-popup .field-name-field-source-link a:hover, .resource-sources .views-row.show-in-popup .field-name-field-source-link a:focus, .resource-sources .views-row.show-in-popup .field-name-field-source-link a:active {
  background-color: #a67c52;
}
.resource-sources .views-row.show-in-popup ul.field-collection-view-links {
  display: none !important;
}

#block-views-related-hard-block,
.resource-related-content {
  overflow: auto;
  background-color: #eae7de;
  padding-top: 1.81818%;
  padding-left: 20px;
  padding-right: 20px;
}
#block-views-related-hard-block > h2,
.resource-related-content > h2 {
  margin-top: .5em;
  margin-bottom: 0;
}
#block-views-related-hard-block ul,
.resource-related-content ul {
  list-style: none;
  padding-left: 0;
}
@media (min-width: 480px) and (max-width: 820px) {
  #block-views-related-hard-block ul,
  .resource-related-content ul {
    margin: 0;
    padding: 0;
    border: 0;
  }
  #block-views-related-hard-block ul:after,
  .resource-related-content ul:after {
    content: "";
    display: table;
    clear: both;
  }
  #block-views-related-hard-block ul li,
  .resource-related-content ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    white-space: nowrap;
    display: inline;
    float: left;
    padding-left: 4px;
    padding-right: 4px;
  }
  #block-views-related-hard-block ul li:first-child, #block-views-related-hard-block ul li.first,
  .resource-related-content ul li:first-child,
  .resource-related-content ul li.first {
    padding-left: 0;
  }
  #block-views-related-hard-block ul li:last-child,
  .resource-related-content ul li:last-child {
    padding-right: 0;
  }
  #block-views-related-hard-block ul li.last,
  .resource-related-content ul li.last {
    padding-right: 0;
  }
}
#block-views-related-hard-block .views-row,
.resource-related-content .views-row {
  margin-top: 20px;
  margin-bottom: 25px;
  border-bottom: 1px solid #a67c52;
  padding-bottom: 15px;
}
#block-views-related-hard-block .views-row.views-row-last,
.resource-related-content .views-row.views-row-last {
  border-bottom: 0;
}
@media (min-width: 480px) and (max-width: 820px) {
  #block-views-related-hard-block .views-row,
  .resource-related-content .views-row {
    width: 30%;
    border-bottom: none;
    margin-right: 5%;
    white-space: normal;
  }
  #block-views-related-hard-block .views-row.views-row-last,
  .resource-related-content .views-row.views-row-last {
    margin-right: 0;
  }
}
#block-views-related-hard-block .node-title,
.resource-related-content .node-title {
  margin-top: 0;
  margin-bottom: 4px;
  font-size: 1em;
}
#block-views-related-hard-block .node-title a,
.resource-related-content .node-title a {
  color: #2d1e03;
}
#block-views-related-hard-block .node-teaser,
.resource-related-content .node-teaser {
  font-size: 0.8125em;
  line-height: 1.6em;
  color: #2d1e03;
}
#block-views-related-hard-block .node-teaser a,
.resource-related-content .node-teaser a {
  color: #e2861d;
  text-decoration: none;
}

@media (min-width: 821px) {
  #node_resource_full_group_resource_node_terms,
  #node_resource_full_group_resource_node_info {
    float: left;
    width: 70%;
  }
}

.sharethis-wrapper {
  margin-bottom: .5em;
  padding-top: .5em;
}
@media (min-width: 821px) {
  .sharethis-wrapper {
    float: right;
    margin-top: -.35em;
    margin-bottom: .45em;
    padding-top: 0;
    text-align: right;
  }
}

.stButton {
  height: 32px;
  width: 32px;
  background-color: rgba(226, 134, 29, 0.6);
  border-radius: 50%;
}
.stButton .stLarge {
  display: none !important;
}
.stButton:before {
  color: white;
  font-size: 22px;
  position: absolute;
  top: 8px;
  left: 6px;
}
.st_twitter_large .stButton:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
  content: "\f099";
}
.st_facebook_large .stButton:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
  content: "\f09a";
  left: 10px;
}
.st_pinterest_large .stButton:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
  content: "\f0d2";
}
.st_googleplus_large .stButton:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
  content: "\f0d5";
}

#block-views-resources-by-author-block,
#block-heartmind-resources-soft-related-resources {
  margin-bottom: 20px;
}
#block-views-resources-by-author-block > h2,
#block-heartmind-resources-soft-related-resources > h2 {
  margin-top: 0;
}
#block-views-resources-by-author-block ul,
#block-heartmind-resources-soft-related-resources ul {
  padding-left: 0;
}
#block-views-resources-by-author-block li,
#block-heartmind-resources-soft-related-resources li {
  list-style: none;
  margin-bottom: 20px;
  list-style: none;
  padding: 12px !important;
  background-color: #eae7de;
}
#block-views-resources-by-author-block li .resource-listing-item-wrapper,
#block-heartmind-resources-soft-related-resources li .resource-listing-item-wrapper {
  position: relative;
  background-color: rgba(45, 30, 3, 0.6);
}
#block-views-resources-by-author-block li .node-title,
#block-heartmind-resources-soft-related-resources li .node-title {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  background-color: rgba(45, 30, 3, 0.75);
  padding: 10px 15px;
  width: 100%;
  font-size: 1.25em;
  color: white;
}
.lt-ie9 #block-views-resources-by-author-block li .node-title, .lt-ie9
#block-heartmind-resources-soft-related-resources li .node-title {
  background-color: #2d1e03;
}
#block-views-resources-by-author-block li a:link,
#block-views-resources-by-author-block li a:visited,
#block-heartmind-resources-soft-related-resources li a:link,
#block-heartmind-resources-soft-related-resources li a:visited {
  color: white;
}
#block-views-resources-by-author-block li a:hover,
#block-views-resources-by-author-block li a:active,
#block-views-resources-by-author-block li a:focus,
#block-heartmind-resources-soft-related-resources li a:hover,
#block-heartmind-resources-soft-related-resources li a:active,
#block-heartmind-resources-soft-related-resources li a:focus {
  color: #dfddd8;
}
@media (min-width: 480px) {
  #block-views-resources-by-author-block ul,
  #block-heartmind-resources-soft-related-resources ul {
    margin: 0;
    padding: 0;
    border: 0;
  }
  #block-views-resources-by-author-block ul:after,
  #block-heartmind-resources-soft-related-resources ul:after {
    content: "";
    display: table;
    clear: both;
  }
  #block-views-resources-by-author-block ul li,
  #block-heartmind-resources-soft-related-resources ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    white-space: nowrap;
    display: inline;
    float: left;
    padding-left: 4px;
    padding-right: 4px;
  }
  #block-views-resources-by-author-block ul li:first-child, #block-views-resources-by-author-block ul li.first,
  #block-heartmind-resources-soft-related-resources ul li:first-child,
  #block-heartmind-resources-soft-related-resources ul li.first {
    padding-left: 0;
  }
  #block-views-resources-by-author-block ul li:last-child,
  #block-heartmind-resources-soft-related-resources ul li:last-child {
    padding-right: 0;
  }
  #block-views-resources-by-author-block ul li.last,
  #block-heartmind-resources-soft-related-resources ul li.last {
    padding-right: 0;
  }
  #block-views-resources-by-author-block ul li,
  #block-heartmind-resources-soft-related-resources ul li {
    white-space: normal;
  }
}
@media (min-width: 480px) and (max-width: 820px) {
  #block-views-resources-by-author-block li,
  #block-heartmind-resources-soft-related-resources li {
    width: 47.5%;
    margin-right: 5%;
  }
  #block-views-resources-by-author-block li:nth-child(even),
  #block-heartmind-resources-soft-related-resources li:nth-child(even) {
    margin-right: 0;
  }
}
@media (min-width: 821px) {
  #block-views-resources-by-author-block li,
  #block-heartmind-resources-soft-related-resources li {
    width: 30%;
    margin-right: 5%;
  }
  #block-views-resources-by-author-block li.last,
  #block-heartmind-resources-soft-related-resources li.last {
    margin-right: 0;
  }
}

#block-views-resources-by-author-block {
  margin-top: 20px;
}
#block-views-resources-by-author-block li {
  margin-left: 0;
}
#block-views-resources-by-author-block li.views-row-last {
  margin-right: 0;
}

/* Give some style to video captions on Resource nodes */
div.video-embed-description {
  font-size: 80%;
  font-weight: bold;
  margin-bottom: 10px;
}

.node-type-resource .node-view-count {
  margin-right: 20px;
}

/* Lesson plan submissions */
body.page-entityform div.content div.field div.field-label {
  font-style: italic;
  padding-right: 5px;
}

body.page-entityform div.content div.field-type-text-long,
body.page-entityform div.content div.field-type-node-reference,
body.page-entityform div.content div.field-type-taxonomy-term-reference {
  margin: 7px 0;
}

body.page-resources-for-educators div#block-heartmind-resources-resources-subnav > .content ul::after {
  clear: both;
  content: "";
  display: table;
}

body.page-resources-for-educators div#block-heartmind-resources-resources-subnav li.last {
  float: right;
  font-weight: bold;
}

.page-qualities #main-prefix {
  background-color: rgba(65, 64, 63, 0.6);
}
@media (min-width: 821px) {
  .page-qualities #main-prefix {
    background-color: rgba(0, 0, 0, 0.8);
  }
}
.lt-ie9 .page-qualities #main-prefix {
  background-color: black;
}
.page-qualities #content-wrapper {
  background-color: rgba(0, 0, 0, 0.8);
}
.lt-ie9 .page-qualities #content-wrapper {
  background-color: black;
}
.page-qualities #main-prefix,
.page-qualities #main,
.page-qualities #footer {
  color: white;
}
.page-qualities #main-prefix a:link,
.page-qualities #main-prefix a:visited,
.page-qualities #main a:link,
.page-qualities #main a:visited,
.page-qualities #footer a:link,
.page-qualities #footer a:visited {
  color: #dfddd8;
}
.page-qualities #main-prefix a:hover,
.page-qualities #main-prefix a:active,
.page-qualities #main-prefix a:focus,
.page-qualities #main-prefix a.active,
.page-qualities #main a:hover,
.page-qualities #main a:active,
.page-qualities #main a:focus,
.page-qualities #main a.active,
.page-qualities #footer a:hover,
.page-qualities #footer a:active,
.page-qualities #footer a:focus,
.page-qualities #footer a.active {
  color: white;
}
.page-qualities #messages-wrapper {
  background-color: rgba(0, 0, 0, 0.8);
  padding-top: 2em;
}
.lt-ie9 .page-qualities #messages-wrapper {
  background-color: black;
}
.page-qualities #footer {
  border-top: 1px solid rgba(65, 64, 63, 0.6);
  background-color: transparent;
}
.lt-ie9 .page-qualities #footer {
  border-top: 1px solid #41403f;
}
@media (min-width: 480px) and (max-width: 820px) {
  .page-qualities .region-sidebar-first {
    width: 31.70732%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
  }
  .page-qualities #main-inner {
    width: 65.85366%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
}
@media (min-width: 821px) {
  .page-qualities .region-sidebar-first {
    width: 17.4359%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
  }
  .page-qualities #main-inner {
    width: 64.10256%;
    float: left;
    margin-right: -100%;
    margin-left: 19.25408%;
    clear: none;
  }
}

.view-resources-by-quality .view-header {
  margin-bottom: 20px;
}
.view-resources-by-quality .view-content {
  overflow: hidden;
}
.view-resources-by-quality .view-content ul {
  padding-left: 0;
}
.view-resources-by-quality .view-content .views-row {
  list-style: none;
  padding: 10px !important;
  background-color: rgba(65, 64, 63, 0.8);
  margin-bottom: 24px;
  margin-left: 0;
}
.view-resources-by-quality .view-content .views-row .resource-listing-item-wrapper {
  position: relative;
  background-color: transparent;
}
.view-resources-by-quality .view-content .views-row .node-title {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  background-color: rgba(45, 30, 3, 0.75);
  padding: 10px 15px;
  width: 100%;
  font-size: 1.25em;
  color: white;
}
.lt-ie9 .view-resources-by-quality .view-content .views-row .node-title {
  background-color: #2d1e03;
}
.view-resources-by-quality .view-content .views-row a:link,
.view-resources-by-quality .view-content .views-row a:visited {
  color: white;
}
.view-resources-by-quality .view-content .views-row a:hover,
.view-resources-by-quality .view-content .views-row a:active,
.view-resources-by-quality .view-content .views-row a:focus {
  color: #dfddd8;
}
@media (min-width: 480px) and (max-width: 820px) {
  .view-resources-by-quality .view-content .views-row:nth-child(2n+1) {
    width: 48.78049%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
    clear: left;
  }
  .view-resources-by-quality .view-content .views-row:nth-child(2n+2) {
    width: 48.78049%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
}
@media (min-width: 821px) {
  .view-resources-by-quality .view-content .views-row:nth-child(3n+1) {
    width: 31.70732%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
    clear: left;
  }
  .view-resources-by-quality .view-content .views-row:nth-child(3n+2) {
    width: 31.70732%;
    float: left;
    margin-right: -100%;
    margin-left: 34.14634%;
    clear: none;
  }
  .view-resources-by-quality .view-content .views-row:nth-child(3n+3) {
    width: 31.70732%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
}
.view-resources-by-quality .view-empty {
  margin-bottom: 2em;
}

.qualities-markers {
  margin: 0;
  padding: 0;
  border: 0;
  margin: -10px -10px 10px -10px;
}
.qualities-markers:after {
  content: "";
  display: table;
  clear: both;
}
.qualities-markers li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  white-space: nowrap;
  display: inline;
  float: left;
  padding-left: 4px;
  padding-right: 4px;
}
.qualities-markers li:first-child, .qualities-markers li.first {
  padding-left: 0;
}
.qualities-markers li:last-child {
  padding-right: 0;
}
.qualities-markers li.last {
  padding-right: 0;
}

.quality-marker {
  width: 20%;
  margin: 0;
  padding: 0;
  height: 3px;
}
.quality-marker span {
  display: none;
}

.page-qualities #main {
  padding-top: 150px;
}
@media (min-width: 480px) {
  .page-qualities #main {
    padding-top: 0;
  }
}
.page-qualities .sidebars {
  position: absolute;
  top: 20px;
  left: 15px;
}
@media (min-width: 480px) {
  .page-qualities .sidebars {
    position: relative;
    top: 0;
    left: 0;
  }
}
.page-qualities #page-title {
  margin-top: 0.25em;
  margin-bottom: .25em;
  color: white;
}
@media (min-width: 480px) {
  .page-qualities #page-title {
    margin-top: .75em;
    font-size: 3.125em;
    line-height: 1.25em;
  }
}

#block-boxes-qualities-header {
  font-size: 0.875em;
  margin-bottom: 1.5em;
}

.qualities-list-page .view-header p {
  margin-bottom: 1em;
}
.qualities-list-page .view-header,
.qualities-list-page .quality-title {
  font-family: ProximaNova-Bold, Tahoma, Verdana, "DejaVu Sans", sans-serif;
  font-size: 1.125em;
}
@media (min-width: 480px) {
  .qualities-list-page .view-header,
  .qualities-list-page .quality-title {
    font-size: 1.25em;
  }
}
.qualities-list-page .quality-title {
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: top;
}
.qualities-list-page ul {
  padding-left: 0;
}
.qualities-list-page li {
  list-style: none;
  border-top: 1px solid rgba(226, 134, 29, 0.6);
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}
@media (min-width: 480px) {
  .qualities-list-page li {
    padding-bottom: 3em;
  }
}
.qualities-list-page li > span {
  display: block;
}
.qualities-list-page li > span:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
  content: "\f004";
  margin-right: 10px;
  font-size: 1.875em;
}
.qualities-list-page .term-description {
  margin-left: 2.5625em;
}
.qualities-list-page .term-description p {
  font-size: 0.75em;
  margin-top: 0;
  margin-bottom: 0;
}

#block-heartmind-qualities-qualities-icon .content {
  padding-top: 50px;
}
@media (min-width: 480px) {
  #block-heartmind-qualities-qualities-icon .content {
    padding-top: 100px;
  }
}
#block-heartmind-qualities-qualities-icon .content:after {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
  content: "\f004";
  font-size: 8.75em;
}
@media (min-width: 480px) and (max-width: 820px) {
  #block-heartmind-qualities-qualities-icon .content:after {
    font-size: 7.5em;
  }
}

.qualities-landing-page #block-heartmind-qualities-qualities-icon .content {
  height: 200px;
  width: 200px;
  background-image: url('../images/heart_mind_logo.png');
  background-repeat: no-repeat;
  background-position: left top;
}
@media (min-width: 480px) {
  .qualities-landing-page #block-heartmind-qualities-qualities-icon .content {
    background-position: left 25px;
  }
}
.qualities-landing-page #block-heartmind-qualities-qualities-icon .content:after {
  content: none;
}

/**
 * Quality slideshow theming
 */
.mfp-content {
  position: relative;
  border: 10px solid rgba(45, 30, 3, 0.75);
  background-color: black;
  background-clip: padding-box;
  max-width: 820px;
  margin: 0 auto;
  color: white;
}
.mfp-content a {
  color: white;
}

#qualities-slideshow .term-wrapper {
  margin: 5% 10%;
}
@media (min-width: 821px) {
  #qualities-slideshow .term-name,
  #qualities-slideshow .term-description,
  #qualities-slideshow .qualities-landing-link {
    padding-left: 35%;
  }
}
#qualities-slideshow .term-name {
  font-size: 2em;
  margin-top: 0;
  margin-bottom: .25em;
}
#qualities-slideshow .term-description {
  font-size: 0.875em;
  position: relative;
  margin-bottom: 1em;
  overflow: hidden;
}
@media (min-width: 821px) {
  #qualities-slideshow .term-description {
    overflow: visible;
  }
}
#qualities-slideshow .term-description p {
  margin-left: 40px;
}
@media (min-width: 821px) {
  #qualities-slideshow .term-description p {
    margin-left: 0;
  }
}
#qualities-slideshow .term-description:before {
  display: block;
  float: left;
  margin-right: 10px;
  font-size: 1.75em;
  line-height: 1em;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
  content: "\f004";
}
@media (min-width: 821px) {
  #qualities-slideshow .term-description:before {
    position: absolute;
    top: 0;
    left: 0;
    float: none;
    margin-right: 0;
    font-size: 168px;
  }
}
#qualities-slideshow .qualities-landing-link a {
  display: block;
  padding-left: 40px;
  background: url('../images/heart_mind_logo_sm.png') no-repeat left center;
  color: #a67c52;
}

.mfp-bg {
  opacity: .3;
}

.mfp-close {
  opacity: 1;
  font-size: 2em;
  top: 10px;
  right: 10px;
}
.mfp-close span {
  display: none;
}
.mfp-close:active {
  top: 10px;
}

.mfp-close:before {
  color: #a67c52;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
  content: "\f057";
}

#qualities-slideshow .flex-direction-nav a {
  top: 52%;
  color: #a67c52;
  opacity: 1;
  text-shadow: none;
}

.flex-viewport {
  min-height: 300px;
  max-height: 300px;
  background-color: black;
}

.flex-direction-nav a.flex-prev:before,
.flex-direction-nav a.flex-next:before {
  font-size: 50px;
}

.flex-direction-nav .flex-prev {
  left: 20px;
}

.flex-direction-nav a.flex-prev:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
  content: "\f104";
}

.flex-direction-nav .flex-next {
  right: 20px;
}

.flex-direction-nav a.flex-next:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
  content: "\f105";
}

/* 
 * Admin styles
 */
.block-boxes {
  position: relative;
}

.boxes-box-controls {
  position: absolute;
  top: 0;
  right: 0;
}
.boxes-box-controls ul {
  margin: 0;
  padding: 0;
}
.boxes-box-controls li {
  list-style: none;
  list-style-type: none;
}

@media (max-width: 820px) {
  #admin-menu,
  .boxes-box-controls {
    display: none;
  }
}

@media (max-width: 820px) {
  html body.admin-menu,
  body.admin-menu {
    margin-top: 0 !important;
  }
}

body.cke_show_borders {
  background-color: #f2f0eb;
  background-image: none;
  padding: 10px;
}

/* Box-editing popups */
.ui-dialog .form-item {
  margin: 0 0 0.5em 0;
}

.ui-dialog .form-item.form-type-textarea {
  width: 100% !important;
}

.ui-dialog div.description,
.ui-dialog .form-item.form-item-description,
.ui-dialog .filter-wrapper#edit-body-format,
.ui-dialog fieldset#edit-boxes-adv {
  display: none;
}

.ui-dialog table td#cke_contents_edit-body-value {
  height: 200px !important;
}

.ui-dialog a#wysiwyg-toggle-edit-body-value {
  font-size: 0.8em !important;
}

.ui-dialog input.use-ajax-submit {
  margin: 15px 10px 0 0 !important;
}

.block .boxes-box-controls ul.links li.cancel {
  display: none !important;
}

.block-boxes h2 {
  margin: 0 0 5px 0;
}
.block-boxes p {
  margin-top: 0;
}

.block .block-title {
  font-size: 1.125em;
}