html {
  font-size: 62.5%;
}
body {
  font-family: 'Playfair Display', serif;
  color: #555;
  background-image: url('../../../../rw_common/themes/whitespace/images/banner.png');
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: Roboto, sans-serif;
  color: #333;
}
body header {
  position: fixed;
  width: 160px;
  top: 4rem;
  left: 4rem;
  text-align: left;
}
@media screen and (max-width: 1344px) {
  body header {
    position: absolute;
  }
}
@media screen and (min-width: 1340px) {
  body header {
    top: 4rem;
  }
}
@media screen and (max-width: 768px) {
  body header {
    top: 2rem;
  }
}
@media screen and (max-width: 768px) {
  body header {
    left: 1rem;
  }
}
body header .siteLogo {
  margin-bottom: 2rem;
}
body header .siteLogo img {
  max-width: 60px;
  display: block;
  margin: 0 0 1rem;
  cursor: pointer;
}
body header hgroup h1 {
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 0;
}
body header hgroup h2 {
  font-size: 1.1rem;
  font-weight: 300;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body .navButton {
  z-index: 999;
  text-align: right;
  font-size: 2rem;
  position: fixed;
  top: 4rem;
  margin-top: 2px;
  right: 4rem;
  /* active state, i.e. menu open */
}
@media screen and (max-width: 1344px) {
  body .navButton {
    position: absolute;
  }
}
@media screen and (min-width: 1340px) {
  body .navButton {
    top: 4rem;
  }
}
@media screen and (max-width: 768px) {
  body .navButton {
    top: 2rem;
    right: 1rem;
  }
}
body .navButton .c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 48px;
  height: 32px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  background: transparent;
}
body .navButton .c-hamburger:focus {
  outline: none;
}
body .navButton .c-hamburger span {
  display: block;
  position: absolute;
  top: 10px;
  left: 8px;
  right: 8px;
  height: 2px;
  background: #333;
}
body .navButton .c-hamburger span::before,
body .navButton .c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #333;
  content: "";
}
body .navButton .c-hamburger span::before {
  top: -8px;
  transition: top 0.2s;
}
body .navButton .c-hamburger span::after {
  bottom: -8px;
  transition: bottom 0.2s;
}
body .navButton .c-hamburger:hover span::before {
  top: -10px;
}
body .navButton .c-hamburger:hover span::after {
  bottom: -10px;
}
body .navButton .c-hamburger--htx span::before,
body .navButton .c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}
body .navButton .c-hamburger--htx span::before {
  transition-property: top, transform;
}
body .navButton .c-hamburger--htx span::after {
  transition-property: bottom, transform;
}
body .navButton .c-hamburger--htx.is-active span {
  background: none;
}
body .navButton .c-hamburger--htx.is-active span::before {
  top: 0;
  background-color: #fff;
  transform: rotate(45deg);
}
body .navButton .c-hamburger--htx.is-active span::after {
  bottom: 0;
  background-color: #fff;
  transform: rotate(-45deg);
}
body .navButton .c-hamburger--htx.is-active span::before,
body .navButton .c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s;
}
body .navButton a.lightcase-icon-close {
  top: 3rem;
  right: 4rem;
  text-shadow: none;
}
body #content {
  margin-top: 20rem;
  margin-left: auto;
  margin-right: auto;
  font-weight: 300;
  padding-left: 4rem;
  padding-right: 4rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-basis: 100%;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
}
@media screen and (max-width: 768px) {
  body #content {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 768px) {
  body #content {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
body #content h1,
body #content h2,
body #content h3,
body #content h4,
body #content h5,
body #content h6 {
  font-weight: 500;
}
body #content p {
  text-align: justify;
  -webkit-hyphens: auto;
  hyphens: auto;
}
body #content a.btn, body #content a.button {
  margin-bottom: 1rem;
}
@media screen and (min-width: 769px) {
  body #content .main {
    width: 66.66666667%;
  }
}
body #content .main h1 {
  margin-top: 2em;
}
body #content .main h1,
body #content .main .album-title,
body #content .main .filesharing-description {
  text-transform: uppercase;
  font-size: 1.3em;
}
body #content .main h1:after,
body #content .main .album-title:after,
body #content .main .filesharing-description:after {
  content: '';
  border-top: 4px solid #333;
  position: relative;
  display: block;
  width: 60px;
  margin-top: 1rem;
}
body #content .main h1 a {
  text-decoration: none;
}
body #content .main h2,
body #content .main .album-description {
  font-family: 'Playfair Display', serif;
  font-size: 1.6em;
  font-style: italic;
  margin-top: 2rem;
}
body #content .main h3 {
  font-size: 1.1em;
  margin-bottom: 0;
}
body #content .main h4 {
  font-size: 1em;
}
@media screen and (min-width: 769px) {
  body #content .sidebar {
    width: 25%;
    margin-left: calc(9.93333333%);
  }
}
body #content .sidebar h1.sidebarTitle {
  font-family: 'Playfair Display', serif;
  font-size: 1.6em;
  font-style: italic;
}
body #footer {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px dashed #ccc;
  margin-left: auto;
  margin-right: auto;
  font-weight: 300;
  padding-left: 4rem;
  padding-right: 4rem;
}
@media screen and (min-width: 1344px) {
  body #footer {
    max-width: 1024px;
  }
}
@media screen and (min-width: 1600px) {
  body #footer {
    max-width: 1280px;
  }
}
@media screen and (max-width: 1068px) {
  body #footer {
    width: auto;
    max-width: auto;
  }
}
body #footer .breadcrumb {
  margin-bottom: 0;
}
body #footer .footerContent {
  padding-top: 1rem;
  margin-top: 2rem;
  color: #aaa;
  font-size: 1.2rem;
}
body #footer .footerContent a {
  color: #777;
  display: inline-block;
  text-decoration: none;
  border-bottom: 1px dotted #333;
  line-height: 1.4;
}
body #footer .footerContent a:hover {
  color: #333;
  border-bottom: 1px solid #111;
}
#navWrapper {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-basis: 100%;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  visibility: hidden;
  text-align: center;
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  top: 0;
  left: 0;
  z-index: 500;
}
@media (max-width: 768px) {
  #navWrapper {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 320px) {
  #navWrapper {
    position: relative;
    padding-top: 4rem;
    padding-bottom: 4rem;
    display: none;
  }
}
#navWrapper nav ul {
  margin: 0;
}
#navWrapper nav ul li {
  list-style: none;
}
#navWrapper nav ul li a {
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 5px;
  display: inline-block;
  transition: all 200ms;
  font-size: 3rem;
  color: #fff;
  margin: 2rem auto;
}
@media screen and (max-width: 768px) {
  #navWrapper nav ul li a {
    font-size: 2rem;
    margin: 0.5rem auto;
  }
}
#navWrapper nav ul li ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-basis: 100%;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
  justify-content: center;
}
@media (max-width: 768px) {
  #navWrapper nav ul li ul {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#navWrapper nav ul li ul li {
  margin: 0rem 0rem 0 1rem;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  #navWrapper nav ul li ul li {
    margin: 0;
  }
}
#navWrapper nav ul li ul li a {
  font-size: 1.4rem;
  line-height: 1;
  padding-right: 1rem;
  border-right: 1px solid #fff;
  margin-top: 0rem;
}
@media screen and (max-width: 768px) {
  #navWrapper nav ul li ul li a {
    padding-right: 0;
    border-right-width: 0;
    font-size: 1.1rem;
  }
}
#navWrapper nav ul li ul li:last-of-type a {
  padding-right: 0;
  border-right-width: 0;
}
#navWrapper nav ul li ul li ul {
  display: block;
}
#navWrapper nav ul li ul li ul li {
  margin: 0 1em;
}
#navWrapper nav ul li ul li ul li a {
  font-size: 1.2rem;
  padding: 0;
  border: none;
}
/*Group Social Icons*/
div#shareIcons {
  width: 32px;
  position: fixed;
  top: 20rem;
  right: 8rem;
  margin-right: 4px;
}
@media screen and (max-width: 1344px) {
  div#shareIcons {
    position: absolute;
  }
}
@media screen and (max-width: 1344px) {
  div#shareIcons {
    width: auto;
    top: 3rem;
    right: 8rem;
    margin-left: 12rem;
  }
}
@media screen and (max-width: 768px) {
  div#shareIcons {
    top: 1.3rem;
  }
}
@media screen and (max-width: 600px) {
  div#shareIcons {
    display: none;
  }
}
div#shareIcons #shareButton {
  margin-left: 32px;
  margin-bottom: 2rem;
}
div#shareIcons ul.contact li {
  position: relative;
  display: inline-block;
  margin: 0 0 1em auto;
  top: 0;
  -moz-transition: top 0.15s ease-in-out;
  -webkit-transition: top 0.15s ease-in-out;
  -o-transition: top 0.15s ease-in-out;
  -ms-transition: top 0.15s ease-in-out;
  transition: top 0.15s ease-in-out;
}
@media screen and (max-width: 1344px) {
  div#shareIcons ul.contact li {
    margin: 0 1em 1em auto;
  }
}
div#shareIcons ul.contact li a,
div#shareIcons #shareButton a {
  display: block;
  position: relative;
  /*background: #c1cac5 url('images/icons-contact.png');*/
  width: 40px;
  height: 40px;
  text-indent: 0;
  border-radius: 50%;
  text-align: center;
  outline: 0;
  font-size: 16px;
  line-height: 38px;
  text-decoration: none;
  -moz-transition: color 0.5s, border-color 0.5s;
  -webkit-transition: color 0.5s, border-color 0.5s;
  -o-transition: color 0.5s, border-color 0.5s;
  -ms-transition: color 0.5s, border-color 0.5s;
  transition: color 0.5s, border-color 0.5s;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid #ccc;
  color: #ccc;
}
div#shareIcons ul.contact li:hover a.facebook {
  color: #3C5A98;
  border-color: #3C5A98;
}
div#shareIcons ul.contact li:hover a.twitter {
  color: #2DAAE4;
  border-color: #2DAAE4;
}
div#shareIcons ul.contact li:hover a.rss {
  color: #F2600B;
  border-color: #F2600B;
}
div#shareIcons ul.contact li:hover a.dribbble {
  color: #C4376B;
  border-color: #C4376B;
}
div#shareIcons ul.contact li:hover a.linkedin {
  color: #006599;
  border-color: #006599;
}
div#shareIcons ul.contact li:hover a.tumblr {
  color: #31516A;
  border-color: #31516A;
}
div#shareIcons ul.contact li:hover a.googleplus {
  color: #DA2713;
  border-color: #DA2713;
}
div#shareIcons ul.contact li:hover a.youtube {
  color: #c12d2a;
  border-color: #c12d2a;
}
div#shareIcons ul.contact li:hover a.flickr {
  color: #4389ff;
  border-color: #4389ff;
}
div#shareIcons ul.contact li:hover a.skype {
  color: #53bbf7;
  border-color: #53bbf7;
}
div#shareIcons ul.contact li:hover a.tumblr {
  color: #42617d;
  border-color: #42617d;
}
div#shareIcons ul.contact li:hover a.foursquare {
  color: #2a6cb9;
  border-color: #2a6cb9;
}
div#shareIcons ul.contact li:hover a.instagram {
  color: #bbaa9f;
  border-color: #bbaa9f;
}
div#shareIcons ul.contact li:hover a.pinterest {
  color: #cc2027;
  border-color: #cc2027;
}
div#shareIcons ul.contact li:hover a.email {
  color: #8691b2;
  border-color: #8691b2;
}
div#shareIcons ul.contact li:hover a.soundcloud {
  color: #f4761e;
  border-color: #f4761e;
}
div#shareIcons ul.contact li:hover a.reddit {
  color: #f3441b;
  border-color: #f3441b;
}
div#shareIcons ul.contact li:hover a.blogger {
  color: #f4651d;
  border-color: #f4651d;
}
div#shareIcons ul.contact li:hover a.evernote {
  color: #83cc42;
  border-color: #83cc42;
}
div#shareIcons ul.contact li:hover a.delicious {
  color: #2d04fa;
  border-color: #2d04fa;
}
div#shareIcons ul.contact li:hover a.lastfm {
  color: #d10037;
  border-color: #d10037;
}
div#shareIcons ul.contact li:hover a.picasa {
  color: #9762ab;
  border-color: #9762ab;
}
div#shareIcons ul.contact li:hover a.yelp {
  color: #bd0f12;
  border-color: #bd0f12;
}
body #content {
  /* @group Blog */
  /* @group Tag Cloud */
  /* @end */
  /* @group Archive Page */
  /* @end */
  /*styles the category link in the main entry */
  /* styles the archives in the blog sidebar */
  /* Styles the blog categories in the blog sidebar */
  /* Styles the blog RSS feeds in the blog sidebar */
  /* @end */
  /* @group File Sharing */
  /* @end */
  /* @group Photo Album */
  /* @group Index Page (Thumbnail view) */
  /* @end */
  /* @group Single Page (Photo view) */
  /* @group EXIF data */
  /* Data wrapper */
  /* p tag classes for all exif data */
  /* @end */
  /* @end */
  /* @end */
  /* @group Quicktime Page */
  /* @end */
  /* @group Quicktime Album */
  /* @group Index Page (Movie Thumbnail view) */
  /* @end */
  /* @group Single Page (Movie View) */
  /* @end */
  /* @end */
  /* @group Contact Form */
  /* @end */
  /* @group Sitemap */
  /* @end */
  /* @group Blog Comments */
  /* These groups are used to forcibly over-ride the styles that Disqus and JS-KIT comments apply that break page layouts. It's likely you'll need to use them, however they're not ideal solutions and may not work in the future if the comment providers' Javascript-inserted markup changes. */
  /* @group Disqus */
  /* @end */
  /* @group JS-Kit Override */
  /* @end */
  /* @end */
}
body #content .image-left {
  margin-right: 3%;
  margin-bottom: 1.618em;
  float: left;
}
body #content .image-right {
  margin-left: 3%;
  margin-bottom: 1.618em;
  float: right;
}
body #content ul.blog-tag-cloud {
  margin-left: 0;
  padding: 1em 0;
}
body #content ul.blog-tag-cloud li {
  display: inline;
}
body #content #sidebarContainer #sidebar ul.blog-tag-cloud li a:hover {
  text-decoration: underline;
}
body #content .blog-tag-size-1 {
  font-size: 0.8em;
}
body #content .blog-tag-size-2 {
  font-size: 0.85em;
}
body #content .blog-tag-size-3 {
  font-size: 0.9em;
}
body #content .blog-tag-size-4 {
  font-size: 0.95em;
}
body #content .blog-tag-size-5 {
  font-size: 1em;
}
body #content .blog-tag-size-6 {
  font-size: 1.05em;
}
body #content .blog-tag-size-7 {
  font-size: 1.1em;
}
body #content .blog-tag-size-8 {
  font-size: 1.15em;
}
body #content .blog-tag-size-9 {
  font-size: 1.2em;
}
body #content .blog-tag-size-10 {
  font-size: 1.25em;
}
body #content .blog-tag-size-11 {
  font-size: 1.3em;
}
body #content .blog-tag-size-12 {
  font-size: 1.35em;
}
body #content .blog-tag-size-13 {
  font-size: 1.4em;
}
body #content .blog-tag-size-14 {
  font-size: 1.45em;
}
body #content .blog-tag-size-15 {
  font-size: 1.5em;
}
body #content .blog-tag-size-16 {
  font-size: 1.55em;
}
body #content .blog-tag-size-17 {
  font-size: 1.6em;
}
body #content .blog-tag-size-18 {
  font-size: 1.65em;
}
body #content .blog-tag-size-19 {
  font-size: 1.7em;
}
body #content .blog-tag-size-20 {
  font-size: 1.75em;
}
body #content .blog-entry-date::before {
  font-family: FontAwesome;
  content: '\f017';
  margin-left: 0px;
  margin-right: 8px;
  position: relative;
}
body #content #blog-archives {
  padding: 1em 0;
}
body #content #blog-categories {
  padding: 1em 0;
}
body #content .filesharing-item {
  margin-top: 2em;
}
body #content .album-wrapper {
  margin-top: 2em;
}
body #content .thumbnail-wrap {
  display: inline-block;
  vertical-align: top;
  width: auto !important;
  height: auto !important;
  margin-right: 8px;
  margin-bottom: 12px;
}
body #content .thumbnail-frame {
  overflow: hidden;
}
body #content .thumbnail-frame img {
  transition: all 300ms;
}
body #content .thumbnail-frame img:hover {
  filter: grayscale(1) contrast(0.5) brightness(1.4);
  transform: scale(1.02);
}
body #content #dsq-comments-title {
  clear: none !important;
}
body #content #dsq-content .dsq-options {
  clear: none !important;
}
body #content #dsq-thread-settings {
  clear: none !important;
}
body #content #dsq-content div {
  clear: none !important;
}
body #content .dsq-login-buttons li {
  clear: none !important;
  margin-bottom: 25px!important;
}
body #content .dsq-button {
  float: none ! important;
}
body #content .js-singleCommentBodyT {
  display: block;
  padding-top: 17px !important;
}
body #content .js-singleCommentHeader {
  padding: 0 8px !important;
}
body #content .js-OldComments,
body #content .js-commentFieldLabel,
body #content .js-pmFieldLabel,
body #content .js-singleCommentBody,
body #content .js-singleCommentKarmaComMod,
body #content .js-commentBodyLabel,
body #content .js-commentCmtTextarea,
body #content .js-commentAvatarArea,
body #content .js-OldCommentsWrap,
body #content .js-OldComments,
body #content .js-CreateCommentFieldsWrap,
body #content .js-CreateCommentFields,
body #content .js-commentCmtTextarea,
body #content .js-kit-comments div {
  clear: none !important;
}
body #content .js-singleCommentText {
  display: block !important;
  clear: both !important;
}
body #content .js-kit-comments br {
  display: none !important;
}
body #content .js-singleCommentBody br {
  display: block !important;
}

.rw-contact-form label {display: inline-block; color: inherit;}
.rw-contact-form input[type=reset] {width: auto;}
.rw-contact-form input[type=reset], .rw-contact-form input[type=submit]{display: inline-block; margin-right: 10px;}
.mejs-controls .mejs-button button {min-height: 0}