@charset "UTF-8";
/*
 Theme Name:   Toggl Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Child theme of the Toggl Blog
 Author:       Jon @ Twenty Eighty
 Author URI:   https://twenty-eighty.co.uk
 Template:     toggl-toybox
*/
@font-face {
  font-family: 'GTHaptik';
  src: url("assets/fonts/GT-Haptik-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'GTHaptik';
  src: url("assets/fonts/GT-Haptik-Lazer.woff") format("woff");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'GTHaptik';
  src: url("assets/fonts/GT-Haptik-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'GTHaptik';
  src: url("assets/fonts/GT-Haptik-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'GTHaptik';
  src: url("assets/fonts/GT-Haptik-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'GTHaptik';
  src: url("assets/fonts/GT-Haptik-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'GTHaptik';
  src: url("assets/fonts/GT-Haptik-Thin-Oblique.woff") format("woff");
  font-weight: 100;
  font-style: italic; }

@font-face {
  font-family: 'GTHaptik';
  src: url("assets/fonts/GT-Haptik-Lazer-Oblique.woff") format("woff");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'GTHaptik';
  src: url("assets/fonts/GT-Haptik-Regular-Oblique.woff") format("woff");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'GTHaptik';
  src: url("assets/fonts/GT-Haptik-Medium-Oblique.woff") format("woff");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: 'GTHaptik';
  src: url("assets/fonts/GT-Haptik-Bold-Oblique.woff") format("woff");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'GTHaptik';
  src: url("assets/fonts/GT-Haptik-Black-Oblique.woff") format("woff");
  font-weight: 900;
  font-style: italic; }

body {
  --black: #000000;
  --black-rgb: 0, 0, 0;
  --white: #FFFFFF;
  --white-rgb: 255, 255, 255;
  --aubergine: #2C1138;
  --aubergine-rgb: 44, 17, 56;
  --sand: #FFDE91;
  --sand-rgb: 255, 222, 145;
  --rose: #FBF3F0;
  --rose-rgb: 251, 243, 240;
  --lavender: #A876F5;
  --lavender-rgb: 159, 124, 236;
  --pink: #E57CD8;
  --pink-rgb: 244, 125, 216;
  --salmon: #FF897A;
  --salmon-rgb: 255, 137, 122;
  --primary: var(--aubergine);
  --primary-rgb: var(--aubergine-rgb);
  --secondary: var(--rose);
  --secondary-rgb: var(--rose-rgb);
  --accent: var(--sand);
  --accent-rgb: var(--sand-rgb); }

body {
  font-family: 'GTHaptik', sans-serif; }

input,
textarea {
  font-family: inherit; }

p,
.p,
ul {
  font-size: 21px;
  line-height: 25px; }

h5,
.h5 {
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  font-weight: 500; }

h4,
.h4 {
  font-size: 17px;
  line-height: 20px;
  text-transform: none;
  font-weight: 500; }

h3,
.h3 {
  font-size: 28px;
  line-height: 33px;
  text-transform: none;
  font-weight: 500; }

h2,
.h2 {
  font-size: 36px;
  line-height: 45px;
  text-transform: none;
  font-weight: 500; }

h1,
.h1 {
  font-size: 48px;
  line-height: 56px;
  text-transform: none;
  font-weight: 500; }

body p a:not(.button):hover {
  color: var(--accent);
  text-decoration-color: var(--accent); }

@media (min-width: 768px) {
  p,
  .p {
    font-size: 18px;
    line-height: 21px; }
  ul {
    font-size: 18px;
    line-height: 25px; } }

body.dark-theme {
  --primary: var(--aubergine);
  --secondary: var(--rose); }

body.light-theme {
  --primary: var(--rose);
  --secondary: var(--rose); }

body.track {
  --accent: var(--pink); }
  body.track .nav__link--signup {
    color: var(--rose) !important; }

body.plan {
  --accent: var(--lavender); }
  body.plan .nav__link--signup {
    color: var(--rose) !important; }

body.hire {
  --accent: var(--salmon); }
  body.hire .nav__link--signup {
    color: var(--rose) !important; }

.product-plan {
  --accent: var(--lavender); }

.product-track {
  --accent: var(--pink); }

.product-hire {
  --accent: var(--salmon); }

.non-branded .nav-filters__form input {
  --accent: var(--rose); }

.nav {
  background: var(--primary);
  transform: translateY(-100%);
  margin-top: 56px; }
  .nav .nav__dl-link {
    display: none; }
  .nav.is-sticky {
    position: fixed;
    top: 0;
    transform: translateY(0);
    transition: transform 1.2s cubic-bezier(0.12, 0.845, 0.305, 1);
    margin-top: 0; }
  .nav__wrapper {
    padding: 1em;
    max-width: 142.4rem;
    margin: 0 auto; }
    .nav__wrapper > div {
      flex: 1; }
      .nav__wrapper > div.justify-right {
        flex: unset; }
    .nav__wrapper .justify-centre {
      justify-content: center; }
  .nav a {
    text-decoration: none; }
  .nav__home-link svg {
    height: 2.2rem;
    width: auto; }
    .nav__home-link svg g {
      fill: var(--accent); }
  .nav .categories-button-container,
  .nav .nav__burger {
    display: none; }
    .nav .categories-button-container span,
    .nav .nav__burger span {
      background: var(--accent);
      transition: opacity 0.4s cubic-bezier(0.77, 0, 0.175, 1);
      transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
      max-width: 1.9rem;
      height: .3rem;
      display: block; }
      .nav .categories-button-container span:first-child,
      .nav .nav__burger span:first-child {
        transform: translateY(1rem); }
      .nav .categories-button-container span:last-child,
      .nav .nav__burger span:last-child {
        transform: translateY(-1rem); }
  .nav .color-white a {
    --accent: var(--rose); }
  .nav .categories-button-container {
    display: block;
    width: 3.2em;
    height: 100%;
    flex: unset; }
    .nav .categories-button-container.is--toggled span {
      opacity: 0;
      transition: opacity 0; }
      .nav .categories-button-container.is--toggled span:first-child, .nav .categories-button-container.is--toggled span:last-child {
        opacity: 1; }
      .nav .categories-button-container.is--toggled span:first-child {
        transform: translateY(-0.2rem) rotate(-45deg); }
      .nav .categories-button-container.is--toggled span:last-child {
        transform: translateY(-0.75rem) rotate(45deg); }
  .nav[data-mobile-nav="true"] .nav__burger {
    display: block; }
    .nav[data-mobile-nav="true"] .nav__burger span {
      background-color: var(--secondary);
      opacity: 0;
      transition: opacity 0; }
      .nav[data-mobile-nav="true"] .nav__burger span:first-child, .nav[data-mobile-nav="true"] .nav__burger span:last-child {
        opacity: 1; }
  .nav__link--blog {
    margin-left: 0;
    font-size: 3.2rem;
    font-weight: 400;
    color: var(--accent); }
  .nav__list a:active, .nav__list a:focus, .nav__list a:hover, .nav__list a:link, .nav__list a:visited {
    color: var(--accent); }
  .nav__list a.nav__link--signup {
    background: var(--accent);
    color: var(--aubergine);
    padding: 5px 16px;
    display: inline-block;
    line-height: 1.2;
    border-radius: .25em;
    margin: 0;
    font-weight: normal;
    opacity: 1;
    transform: translateY(0);
    white-space: nowrap;
    font-size: 9px; }
    .nav__list a.nav__link--signup svg {
      display: none; }
  .nav-filters {
    background: var(--primary);
    height: auto; }
    .nav-filters a {
      color: var(--secondary);
      text-transform: none; }
      .nav-filters a:before {
        display: none; }
      .nav-filters a:hover {
        color: var(--accent); }
    .nav-filters__form {
      padding: .1725em .8825em;
      background: rgba(var(--secondary-rgb), 0.1);
      border-radius: 4px;
      margin-right: 1em;
      display: none; }
      .nav-filters__form input {
        background: none;
        color: var(--accent);
        border: 0;
        text-transform: none;
        font-size: 1.7rem; }
        .nav-filters__form input::placeholder {
          color: var(--accent); }
        .nav-filters__form input:-internal-autofill-selected {
          background: none; }
      .nav-filters__form svg {
        fill: var(--accent); }
      .nav-filters__form button:after {
        display: none; }
    .nav-filters:after {
      display: none; }
  .nav__mobile-nav {
    background: var(--primary);
    top: 116px;
    justify-content: flex-start; }
    .nav__mobile-nav .nav-filters__form {
      display: block; }
    .nav__mobile-nav li a {
      color: var(--secondary); }
      .nav__mobile-nav li a:before {
        display: none; }
    .nav__mobile-nav li:hover a:before {
      display: none; }

.nav-filters__xs {
  display: none; }

.justify-right .all-categories {
  display: none; }

.all-categories {
  cursor: pointer; }

.categories--list {
  top: 56px;
  background: var(--primary);
  position: fixed;
  width: 100%;
  left: 0;
  color: var(--secondary);
  z-index: 20;
  padding: 1em;
  transform: translateY(-200%);
  transition: transform 1.2s cubic-bezier(0.12, 0.845, 0.305, 1); }
  .categories--list__close {
    cursor: pointer;
    position: absolute;
    top: -1em;
    right: 1em;
    display: none;
    color: rgba(var(--secondary-rgb), 0.6); }
  .categories--list.is--visible {
    transform: translateY(0); }
  .categories--list .wrapper {
    padding: 1em;
    max-width: 27rem;
    margin: 0 auto;
    position: relative; }
    .categories--list .wrapper .mobile-only {
      flex: unset;
      width: 100%;
      margin-bottom: 2rem; }
      .categories--list .wrapper .mobile-only .nav-filters__form {
        display: block;
        margin: 0; }
    .categories--list .wrapper a {
      text-decoration: none; }
      .categories--list .wrapper a:hover {
        color: var(--accent); }
    .categories--list .wrapper > ul > li {
      text-align: center; }
      .categories--list .wrapper > ul > li > a {
        font-size: 2.1rem;
        line-height: 2.1rem;
        color: var(--white); }
      .categories--list .wrapper > ul > li ul {
        display: none;
        margin: 0;
        padding: 0; }
        .categories--list .wrapper > ul > li ul a {
          font-size: 1.7rem;
          color: var(--white); }
    .categories--list .wrapper > ul li {
      margin: .5rem 0;
      line-height: 2.8rem; }

.download-banner {
  display: none; }

.justify-right {
  justify-content: flex-end; }

@media (min-width: 768px) {
  .nav__list a.nav__link--signup {
    font-size: 16px;
    padding: .3125em 1em; }
  .nav .categories-button-container span,
  .nav .nav__burger span {
    max-width: 2.7rem; }
  .nav .categories-button-container {
    order: 3;
    flex: unset;
    padding-right: 1em; }
  .nav .hide-for-mobile {
    order: 2;
    padding-right: 1em; }
  .nav .justify-centre {
    order: 1;
    flex: 0;
    padding-right: 1em; }
  .nav .categories-button-container {
    order: 3;
    flex: unset;
    padding-right: 1em; }
  .nav .justify-right {
    order: 4;
    flex: 0;
    padding-right: 1em; }
  .nav-filters__form {
    display: block; }
  .nav[data-mobile-nav="false"] .nav__mobile-nav {
    display: none; }
  .categories--list__close {
    display: block; }
  .categories--list .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1em 7.5rem;
    max-width: 142.4rem; }
    .categories--list .wrapper .mobile-only {
      display: none; }
    .categories--list .wrapper > ul > li {
      text-align: left; }
      .categories--list .wrapper > ul > li ul {
        display: block; }
      .categories--list .wrapper > ul > li > a {
        font-weight: bold;
        font-size: 2.1rem;
        line-height: 2.8rem; }
  .is-sticky .justify-centre {
    justify-content: flex-start; } }

@media (min-width: 1024px) {
  .nav {
    margin-top: 119px; }
    .nav__wrapper > div.justify-right {
      flex: 1; }
    .nav__list a.nav__link--signup {
      font-size: 17px;
      padding: .5em 2em; }
    .nav__home-link svg {
      height: 4rem; }
    .nav .hide-for-mobile {
      order: 1;
      padding-right: 0; }
    .nav .justify-centre {
      order: 2;
      flex: 1;
      padding-right: 0;
      justify-content: center; }
    .nav .categories-button-container {
      display: none; }
    .nav .justify-right {
      order: 3;
      flex: 1;
      padding-right: 0; }
    .nav.is-sticky {
      position: fixed;
      top: 0;
      transform: translateY(0);
      transition: transform 1.2s cubic-bezier(0.12, 0.845, 0.305, 1);
      margin-top: 0;
      height: 7.5rem; }
      .nav.is-sticky .hide-for-mobile {
        order: 2;
        padding-right: 1em; }
      .nav.is-sticky .justify-centre {
        order: 1;
        flex: 0;
        padding-right: 1em; }
      .nav.is-sticky .categories-button-container {
        order: 3;
        flex: unset;
        padding-right: 1em;
        display: block; }
      .nav.is-sticky .justify-right {
        order: 4;
        flex: 0;
        padding-right: 1em; }
      .nav.is-sticky .nav-filters:last-child {
        display: none; }
    .nav[data-mobile-nav="true"] .nav__mobile-nav {
      display: none; }
    .nav__burger {
      display: none; }
    .nav-filters {
      display: block; }
      .nav-filters.is--hidden {
        display: block !important; }
        .nav-filters.is--hidden .nav-filters__list-item {
          opacity: 0; }
          .nav-filters.is--hidden .nav-filters__list-item:last-child {
            opacity: 1; }
      .nav-filters__form {
        font-size: 17px;
        padding: .5425em; }
    .nav-filters__list {
      justify-content: center; }
    .nav .justify-centre {
      padding: 0; }
  .categories--list {
    top: 119px; }
    .categories--list .wrapper {
      padding: 1em 15.5rem; }
  .is-stuck .categories--list {
    top: 75px; } }

main {
  --accent: var(--aubergine); }

.max-width-100 {
  max-width: 100% !important;
  width: 100%; }

.hide-for-mobile {
  display: none; }

.button {
  background: rgba(var(--lavender-rgb), 0.1);
  color: var(--primary);
  border: 0;
  border-radius: 4px;
  height: auto;
  text-transform: capitalize; }

textarea {
  max-width: 100%; }

.scroll__runner.menu-stuck {
  padding-top: 119px; }

.post-single img.archive-thumb {
  width: 460px;
  height: 270px;
  object-fit: cover; }

@media (min-width: 768px) {
  .hide-for-mobile {
    display: block; } }

.footer {
  background: var(--primary);
  color: var(--secondary); }
  .footer h5 {
    margin-top: 1em;
    color: var(--white); }
  .footer a {
    text-decoration: none; }
    .footer a:link, .footer a:visited {
      color: var(--secondary); }
    .footer a.nav__link--signup {
      background: var(--secondary);
      color: var(--primary);
      padding: .3125em 1em;
      display: inline-block;
      line-height: 1.2;
      border-radius: .25em;
      margin: 0; }
  .footer:before {
    display: none; }
  .footer .copyright-date {
    text-align: right; }
  .footer .container + .container {
    padding-top: 10em; }
  .footer__to-top {
    display: none; }
  .footer .nav__link--blog svg {
    max-width: 72px; }

.home__popular {
  --accent: var(--sand);
  background: var(--primary);
  padding: 3.2rem 2.2rem 14.4rem; }
  .home__popular-title {
    position: static;
    color: var(--secondary);
    background: none;
    padding: 0;
    transform: none;
    font-size: 2em;
    margin-bottom: 1em; }
  .home__popular .container {
    padding: 0; }
  .home__popular h5,
  .home__popular h4 {
    color: var(--secondary); }
  .home__popular .post-single__inner {
    color: var(--secondary); }
  .home__popular .post-single a {
    color: var(--secondary); }
    .home__popular .post-single a:hover {
      color: var(--accent); }

.home__featured--top, .home__featured--secondary {
  margin-bottom: 0; }

.home__featured .post-single .button {
  display: none; }

.load-more-posts {
  text-align: center; }

@media (min-width: 768px) {
  .home__featured .post-single .button {
    display: block; } }

@media (min-width: 1024px) {
  .home__popular {
    padding: 3.2rem 6.2rem 10.4rem; }
  .home__featured--top, .home__featured--secondary {
    margin-bottom: 14rem; } }

.post-single a:hover h4 {
  color: var(--accent); }

.post-single__fig {
  margin: 0; }
  .post-single__fig cite {
    font-size: 1.125rem;
    letter-spacing: 0px;
    font-style: normal;
    margin: 1rem 0; }

.post-single__header {
  padding: 2rem 0; }
  .post-single__header:before {
    background: transparent; }
  .post-single__header-wrapper {
    text-align: left; }
    .post-single__header-wrapper a {
      color: var(--accent);
      text-decoration: none; }
    .post-single__header-wrapper h1 {
      max-width: none;
      margin-top: 2rem; }
  .post-single__header h5 {
    margin: 0; }

.post-single__author {
  flex-basis: 100%;
  text-align: center;
  margin-bottom: 2em;
  text-transform: none;
  display: block; }

.post-single__share {
  flex-wrap: wrap; }
  .post-single__share > a {
    background: var(--primary);
    height: 1.9em;
    width: 1.9em;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    transition: .4s; }
    .post-single__share > a svg {
      fill: var(--white); }
    .post-single__share > a:hover {
      background: var(--accent); }
      .post-single__share > a:hover svg {
        fill: var(--white); }
    .post-single__share > a .social-icon--twitter {
      width: .9em;
      height: .75em; }
    .post-single__share > a .social-icon--facebook {
      width: .5em;
      height: 2.1em; }
    .post-single__share > a .social-icon--linkedin {
      width: .85em;
      height: .85em; }

.post-single__copy, .post-single__content-inner-wrapper {
  padding: 0;
  position: relative; }
  .post-single__copy a:not(.button), .post-single__content-inner-wrapper a:not(.button) {
    color: var(--accent);
    text-decoration-color: var(--accent);
    display: inline; }
  .post-single__copy ul li, .post-single__content-inner-wrapper ul li {
    padding-left: 2rem; }
    .post-single__copy ul li:after, .post-single__content-inner-wrapper ul li:after {
      height: .5rem;
      width: .5rem;
      top: 1rem; }
  .post-single__copy ol li, .post-single__content-inner-wrapper ol li {
    padding-left: 0; }
    .post-single__copy ol li:after, .post-single__content-inner-wrapper ol li:after {
      display: none; }

.post-single__content-inner, .post-single__content-inner-wrapper {
  margin-bottom: 0; }
  .post-single__content-inner h1,
  .post-single__content-inner h2,
  .post-single__content-inner h3,
  .post-single__content-inner h4,
  .post-single__content-inner h5,
  .post-single__content-inner h6, .post-single__content-inner-wrapper h1,
  .post-single__content-inner-wrapper h2,
  .post-single__content-inner-wrapper h3,
  .post-single__content-inner-wrapper h4,
  .post-single__content-inner-wrapper h5,
  .post-single__content-inner-wrapper h6 {
    margin-top: 0; }

.post-single__related {
  padding-top: 0;
  border-top: 0; }
  .post-single__related-title {
    text-align: left;
    padding: 3.2rem 1.2rem;
    margin: 0 0 3.2rem;
    border-bottom: 1px solid rgba(var(--primary-rgb), 0.3);
    display: block; }

.post-single__meta {
  margin-top: 2rem; }

.post-single__fig {
  margin-bottom: 2rem; }

.post-single__quote,
.wp-block-quote,
blockquote {
  font-size: 1rem;
  margin: 4em 0; }
  .post-single__quote > p,
  .wp-block-quote > p,
  blockquote > p {
    font-weight: bold;
    font-size: 2.4em;
    line-height: 1.5;
    text-align: center; }
    .post-single__quote > p:first-child:before,
    .wp-block-quote > p:first-child:before,
    blockquote > p:first-child:before {
      content: "“";
      display: inline; }
    .post-single__quote > p:last-child:after,
    .wp-block-quote > p:last-child:after,
    blockquote > p:last-child:after {
      content: "”";
      display: inline; }

.wp-block-table th,
.wp-block-table td {
  padding: .75rem 1.5rem;
  border-right: 1px solid rgba(0, 0, 0, 0.1); }
  .wp-block-table th:last-child,
  .wp-block-table td:last-child {
    border-right: 0; }

.wp-block-table thead {
  font-size: 1.25em;
  font-weight: normal; }
  .wp-block-table thead tr {
    background: #fcfcfc;
    padding: 0 1rem; }

.wp-block-table tbody tr {
  background: #fcfcfc;
  padding: 0 1rem; }
  .wp-block-table tbody tr:nth-child(odd) {
    background: #f8f8f8; }

@media (min-width: 1024px) {
  .post-single__header {
    padding: 9rem 0 2rem; }
  .post-single__author {
    width: 4.25em;
    text-align: left; }
  .post-single h4 {
    font-size: 2.8rem; }
  .post-single__share > a:not(:last-child) {
    margin-bottom: .7em; }
  .post-single__img,
  .post-single .wp-block-image {
    margin-top: 3rem;
    margin-bottom: 3rem; }
  .wp-block-image {
    margin-top: 3rem;
    margin-bottom: 3rem; } }

.common-header.category__header {
  display: block;
  background: none;
  text-align: left;
  margin: 0 0 2.55rem;
  padding: 0 2.2rem; }
  .common-header.category__header .container {
    padding: 1rem 0 1rem;
    border-bottom: 1px solid rgba(var(--primary-rgb), 0.3); }
  .common-header.category__header h1 span {
    display: block;
    text-transform: uppercase; }

.common-header.author__header {
  background: none; }
  .common-header.author__header figure img {
    border-radius: 100%; }
  .common-header.author__header p {
    font-size: 1.2em; }

.common-header.archive__header {
  background: none;
  text-align: left;
  margin: 3em 0;
  padding: 0; }
  .common-header.archive__header .archive__wrapper {
    padding: 0 0 3em;
    border-bottom: 1px solid rgba(var(--primary-rgb), 0.3);
    margin-bottom: 0; }

.no-results-container {
  padding: 2rem;
  background: rgba(var(--sand-rgb), 0.5);
  margin: 0 0 2rem; }

@media (min-width: 1024px) {
  .common-header.category__header {
    padding: 0 6.2rem; } }

.archive__item-date {
  width: 100%; }

.archive__item a {
  display: block; }
  .archive__item a span {
    display: block; }
  .archive__item a:hover {
    color: var(--accent); }

.archive__item--year {
  text-align: left; }

.pagination {
  color: #848687;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 6rem; }
  .pagination .page-numbers {
    display: inline-block;
    height: 3rem;
    line-height: 3rem;
    padding: 0 .5rem;
    position: relative; }
  .pagination a {
    color: #848687;
    text-decoration: none; }
  .pagination .current {
    color: #282a2d; }

.category__header.common-header {
  margin-top: 2.5rem; }

@media (min-width: 768px) {
  .archive__item-date {
    width: 6.2em; }
  .archive__item a {
    display: flex;
    align-items: center; }
    .archive__item a:hover {
      color: var(--accent); } }

@media (min-width: 1024px) {
  .category__header.common-header {
    margin-top: 10rem; } }

.error404 main {
  background: var(--aubergine); }

.page-404 {
  position: relative; }
  .page-404 > .container h1 {
    color: var(--white); }
  .page-404 > .container p {
    color: var(--white); }
  .page-404 > .container .button {
    background: var(--sand); }

@media (min-width: 768px) {
  .page-404 {
    position: relative; }
    .page-404 > .container {
      background: none;
      position: absolute;
      top: 4rem;
      left: 0;
      padding-left: 6.2rem;
      padding-right: 6.2rem; } }

body.home main, body.category main, body.search main {
  padding-top: 7.6rem; }

body.home .nav-filters.is--hidden, body.category .nav-filters.is--hidden, body.search .nav-filters.is--hidden {
  display: none; }

@media (min-width: 768px) {
  body.home main, body.category main, body.search main {
    padding-top: 8.8rem; }
  body.home .nav-filters.is--hidden, body.category .nav-filters.is--hidden, body.search .nav-filters.is--hidden {
    display: none; } }

@media (min-width: 1024px) {
  body.home main, body.category main, body.search main {
    padding-top: 11.9rem; }
  body.home .nav-filters.is--hidden, body.category .nav-filters.is--hidden, body.search .nav-filters.is--hidden {
    display: none; } }

/*# sourceMappingURL=style.css.map */