/*----------------
RESET CSS
-----------------*/

* {
  font-size: 16px;
  box-sizing: border-box;
}

body {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 0;
  /*background: #1f1f1f;*/
  color: #656464;
  text-align: center;
  font-family: 'Roboto';
  font-weight: normal;
}

/*
  Fixed header overlaps fragment navigation (e.g. /privacy/#cookies).
  Provide a top offset for browser anchor scrolling.
*/
html {
  scroll-padding-top: 70px;
}

h1[id],
h2[id],
h3[id],
h4[id],
h5[id],
[id].anchor-target {
  scroll-margin-top: 70px;
}

div,
ul,
h1,
h2,
h3,
h4,
h5,
li,
p,
img,
form,
input,
textarea {
  margin: 0;
  padding: 0;
}

header,
section,
footer,
aside,
nav,
main,
article,
figure {
  display: block;
}

table,
tr,
td {
  border: 0;
}

a {
  outline: none;
  color: inherit;
  text-decoration: none;
}

a:hover {
}

img {
  border: none;
}

li {
  list-style: none;
}

.img-full {
  max-width: 100%;
}

.clearall {
  clear: both;
  font-size: 1px;
  line-height: 1px;
  height: 1px;
}

html body .sqs-block {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

html body .sqs-layout .sqs-row {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

#siteWrapper {
  background-color: #fff;
  position: relative;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  font-family: Roboto;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  letter-spacing: 0px;
  line-height: 1.75em;
  color: rgba(26, 26, 26, 0.7);
}

@media only screen and (max-width: 640px) {
  #siteWrapper {
    height: 99.9%;
    width: 100%;
    -webkit-transition: -webkit-transform 0.14s ease-in-out;
    -moz-transition: -moz-transform 0.14s ease-in-out;
    -ms-transition: -ms-transform 0.14s ease-in-out;
    -o-transition: -o-transform 0.14s ease-in-out;
    transition: transform 0.14s ease-in-out;
  }
}

@media only screen and (max-width: 770px) {
  #header {
    padding: 0 20px;
  }
}

#header {
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  line-height: 1em;
  background-color: #ffffff;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  position: fixed;
  z-index: 1200;
  border-bottom: 1px solid #dadada;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

main#page {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  #page {
    padding: 32px;
  }
}

#page {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: auto;
  margin: auto;
  max-width: 1020px;
  padding: 96px 32px;
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: subpixel-antialiased;
}

.collection-type-page #content {
  margin: auto;
}

#content {
  width: 100%;
  display: block;
}

.sqs-layout > .sqs-row {
  margin-left: -17px;
  margin-right: -17px;
}

.sqs-row {
  width: auto !important;
}

@media only screen and (max-width: 640px) {
  .sqs-layout [class*='sqs-col'] {
    float: none !important;
    width: auto !important;
  }
}

[class*='sqs-col']:last-child {
  padding-right: 0;
}

.sqs-col-12 {
  width: 100%;
}

[class*='sqs-col'] {
  float: left;
}

.sqs-layout:not(.sqs-editing)
  > .sqs-row:last-child
  > [class*='sqs-col']:last-child
  > .sqs-block:last-child {
  padding-bottom: 0;
}

.sqs-layout:not(.sqs-editing)
  > .sqs-row:last-child
  > [class*='sqs-col']:first-child
  > .sqs-block:last-child {
  padding-bottom: 0;
}

.sqs-layout:not(.sqs-editing)
  > .sqs-row:first-child
  > [class*='sqs-col']:first-child
  > .sqs-block:last-child,
.sqs-layout:not(.sqs-editing)
  .sqs-block
  + .sqs-row
  .sqs-block:not(.float):last-child {
  padding-bottom: 17px;
}

.sqs-layout:not(.sqs-editing)
  > .sqs-row:last-child
  > [class*='sqs-col']
  > .sqs-block:last-child {
  padding-bottom: 0;
}

.sqs-layout:not(.sqs-editing)
  .sqs-row
  .sqs-block:not(.float):not(.sqs-feature-gated-wrapper):first-child {
  padding-top: 0;
}

@media only screen and (max-width: 640px) {
  .sqs-layout .sqs-row .sqs-block:last-child {
    padding-bottom: 17px !important;
  }
}

@media only screen and (max-width: 640px) {
  .sqs-layout .sqs-row .sqs-block:first-child {
    padding-top: 17px !important;
  }
}

.sqs-block:not(.sqs-block-html):not(.sqs-block-markdown) {
  clear: both;
}

[class*='sqs-col'] .sqs-block {
  padding-left: 17px;
  padding-right: 17px;
}

.sqs-block {
  position: relative;
  height: auto;
  padding-top: 17px;
  padding-bottom: 17px;
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(128, 128, 128, 0);
  -webkit-transition: box-shadow 0.2s ease-in-out;
  -moz-transition: box-shadow 0.2s ease-in-out;
  -ms-transition: box-shadow 0.2s ease-in-out;
  -o-transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out;
}

#preFooter {
  background-color: #043257;
  -webkit-transition: background-color 200ms linear;
  -moz-transition: background-color 200ms linear;
  -o-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
  color: rgba(255, 255, 255, 0.7);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

@media only screen and (min-width: 771px) {
  #header #headerNav {
    text-align: right;
  }
}

@media only screen and (min-width: 771px) {
  #header #logoWrapper,
  #header #siteTitleWrapper,
  #header #headerNav {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
  }
}

@media only screen and (min-width: 771px) {
  body:not(.force-mobile-nav) #headerNav {
    white-space: nowrap;
  }
}

@media only screen and (min-width: 771px) {
  #header #mainNavWrapper {
    position: relative;
    z-index: 1000;
  }
}

@media only screen and (min-width: 771px) {
  body:not(.force-mobile-nav) .nav-wrapper {
    position: relative;
  }
}

@media only screen and (min-width: 771px) {
  body:not(.force-mobile-nav) .nav-wrapper nav > div {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
  }
}

#headerNav nav a,
#sidecarNav nav a,
#headerNav nav a:visited,
#sidecarNav nav a:visited,
#headerNav nav .folder-toggle,
#sidecarNav nav .folder-toggle {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  font-family: Roboto;
  font-weight: 500;
  font-style: normal;
  font-size: 13px;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1em;
  color: rgba(255, 255, 255, 0.9);
}

@media only screen and (max-width: 415px) {
  /*.mobile-header-home{
        display: none;
    }*/
  .logo-for-mobile {
    display: inherit;
  }
}
@media only screen and (min-width: 415px) {
  .logo-for-mobile {
    display: none;
  }
}
@media only screen and (min-width: 771px) {
  body:not(.force-mobile-nav) .nav-wrapper nav > div > a,
  body:not(.force-mobile-nav) .nav-wrapper nav > div .folder-toggle {
    display: block;
    padding: 0.75em 1em;
  }
}

@media only screen and (min-width: 771px) {
  body:not(.force-mobile-nav) .nav-wrapper nav > div a,
  body:not(.force-mobile-nav) .nav-wrapper nav > div .folder-toggle {
    -webkit-transition: color 0.1s 0s ease-in-out;
    -moz-transition: color 0.1s 0s ease-in-out;
    -ms-transition: color 0.1s 0s ease-in-out;
    -o-transition: color 0.1s 0s ease-in-out;
    transition: color 0.1s 0s ease-in-out;
  }
}

a {
  background: transparent;
}

.pre-footer-inner .sqs-layout {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.header-inner,
.footer-inner,
.pre-footer-inner {
  width: auto;
  margin: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.header-inner {
  max-width: 1400px;
  padding: 10px 0;
  display: table;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: header-anim 1s ease-in-out;
  animation: header-anim 1s ease-in-out;
}

.sqs-col-2 {
  width: 16.6667%;
}

.sqs-col-8 {
  width: 66.6667%;
}

.sqs-col-6 {
  width: 50%;
}

.sqs-row:after {
  clear: both;
}

.sqs-row:before,
.sqs-row:after {
  content: '';
  display: table;
}

h1,
h2,
h3,
.entry-title {
  margin: 1em 0 0.5em;
}

.entry-title {
  margin: 12px 0;
}

h1,
.entry-title {
  color: rgba(26, 26, 26, 0.9);
  font-family: Roboto, Arial;
  font-weight: 400;
  font-style: normal;
  font-size: 32px;
  letter-spacing: 0px;
  text-transform: none;
  line-height: 1.2em;
}

.entry-actions,
.entry-comments,
.eventitem-addtocallinks,
.album-info .engagement,
.entry-dateline,
.entry-byline,
.entry-morefrom,
.entry-tags,
.entry-source,
.eventitem-backlink,
.sqs-audio-playlist .tracks .track-info .artist,
.summary-info-item {
  color: rgba(26, 26, 26, 0.4);
  font-family: Roboto, Arial;
}

.blog-list .entry-title,
.blog-item .entry-title {
  font-size: 32px !important;
  font-weight: 700;
}

h1:first-child,
h2:first-child,
h3:first-child,
.entry-title:first-child {
  margin-top: 0;
}

.entry-header {
  margin-bottom: 36px;
}

h1 {
  font-size: 20px;
  font-weight: bold;
}

.sqs-block-horizontalrule hr {
  border-style: none;
  border-width: 0;
  margin: 32px 0;
  color: rgba(26, 26, 26, 0.15);
  background-color: rgba(26, 26, 26, 0.15);
}

.sqs-block-horizontalrule hr {
  border: none;
  color: #bbb;
  height: 1px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

.sqs-block-image
  .image-block-outer-wrapper:not(.image-block-v2)
  .image-block-wrapper {
  line-height: 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.image-block-outer-wrapper.combination-animation-fade-in .image-inset,
.image-block-outer-wrapper.combination-animation-fade-in .image-block-wrapper,
.image-block-outer-wrapper.combination-animation-fade-in .sqs-image-content,
.image-block-outer-wrapper.combination-animation-fade-in .image-caption-wrapper,
.image-block-outer-wrapper.combination-animation-fade-in
  .sqs-dynamic-text-container {
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.sqs-block-image img {
  display: block;
}

.sqs-block-image
  .image-block-outer-wrapper:not(.image-block-v2)
  .intrinsic
  .image-block-wrapper
  img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  width: 100%;
}

.sqs-block.image-block .image-caption-wrapper p {
  font-size: 0.875em;
  line-height: 1.25em;
}

.sqs-block-image .sqs-image-caption p:first-child,
.sqs-block-image .image-caption p:first-child {
  margin-top: 0;
}

.sqs-block-image
  .image-block-outer-wrapper.layout-caption-below
  .image-caption-wrapper {
  padding-top: 18px;
}

.sqs-block-image .image-block-outer-wrapper:not(.image-block-v2) .intrinsic {
  margin: auto;
}

.sqs-block .sqs-intrinsic {
  position: relative !important;
}

@media only screen and (max-width: 640px) {
  .sqs-layout .spacer-block {
    display: none;
  }
}

#sidecarNav nav {
  padding: 24px 36px 72px;
}

#sidecarNav nav div {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#sidecarNav nav div a,
#sidecarNav nav div .folder-toggle {
  display: block;
  padding: 0.75em 0;
}

@media only screen and (max-width: 1024px) {
  .touch-styles a,
  .touch-styles label {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
    -moz-tap-highlight-color: rgba(0, 0, 0, 0) !important;
    tap-highlight-color: rgba(0, 0, 0, 0) !important;
  }
}

@media only screen and (max-width: 770px) {
  .enable-nav-button #sidecarNav nav > div:not(.folder):last-child a {
    display: inline-block !important;
    margin: 0.75em 0 0 0 !important;
    line-height: 1;
    padding: 1em 1.5em;
  }
}

.sqs-block-code img {
  max-width: 100%;
}

.small-button-style-solid
  .sqs-block-button
  .sqs-block-button-element--small:hover,
.medium-button-style-solid
  .sqs-block-button
  .sqs-block-button-element--medium:hover,
.large-button-style-solid
  .sqs-block-button
  .sqs-block-button-element--large:hover {
  opacity: 0.8;
}

.small-button-shape-pill .sqs-block-button .sqs-block-button-element--small,
.medium-button-shape-pill .sqs-block-button .sqs-block-button-element--medium,
.large-button-shape-pill .sqs-block-button .sqs-block-button-element--large {
  font-weight: normal;
  font-size: 16px;
  text-decoration: none !important;
  color: #fff !important;
  border-radius: 300px;
}

.small-button-style-solid .sqs-block-button .sqs-block-button-element--small,
.medium-button-style-solid .sqs-block-button .sqs-block-button-element--medium,
.large-button-style-solid .sqs-block-button .sqs-block-button-element--large {
  -webkit-transition: 0.1s opacity linear;
  -moz-transition: 0.1s opacity linear;
  -o-transition: 0.1s opacity linear;
  transition: 0.1s opacity linear;
  -webkit-backface-visibility: hidden;
}

.sqs-block-button .sqs-block-button-element--small {
  padding: 13px 26px;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  background-color: #272727;
  border-color: #272727;
}

.sqs-block-button .sqs-block-button-element {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 1em 2.5em;
  color: #fff;
  background-color: #272727;
  border-width: 0;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1em;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: normal;
}

.sqs-block-button .sqs-block-button-container--center {
  text-align: center;
}

@media only screen and (max-width: 640px) {
  .sqs-block-horizontalrule hr {
    margin: initial;
  }
}

.sqs-block-button .sqs-block-button-element--small {
  padding: 13px 26px;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  background-color: #272727;
  border-color: #272727;
}