/*----------------
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;
}

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 {
    helvetica,arial,sans-serif: ;
    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;
}