/*
Theme Name: MCRL Refresh (Eleventy Clean)
Description: Minimal CSS extracted for current Eleventy HTML output.
*/

/* ====================================
   01. Tokens + Fonts
==================================== */
@font-face {
  font-family: 'WebSymbolsRegular';
  src: url('../fonts/WebSymbolsRegular.otf') format('opentype');
  font-display: swap;
}

:root {
  --mcrl-text: #210a0a;
  --mcrl-bg: #ffffff;
  --mcrl-link: #009deb;
  --mcrl-link-hover: #007fbe;
  --mcrl-accent: #009deb;
  --mcrl-accent-contrast: #ffffff;
  --mcrl-accent-hover: #ffdc00;
  --mcrl-accent-hover-text: #1a1818;
  --mcrl-title: #009beb;
  --mcrl-sidebar-bg: #f7f7f7;
  --mcrl-sidebar-border: #e9e3e1;
  --mcrl-footer-bg: #000000;
  --mcrl-footer-text: #ffffff;
  --mcrl-focus: #e40079;
  --mcrl-container: 1170px;
  --mcrl-sidebar-width: 250px;
}

/* ====================================
   02. Reset + Base
==================================== */
html {
  font-size: 62.5%;
}

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

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.8rem;
  line-height: 1.5;
  color: var(--mcrl-text);
  background: var(--mcrl-bg);
}

main {
  display: block;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

a {
  color: var(--mcrl-link);
  text-decoration: none;
  transition: color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
}

a:hover {
  color: var(--mcrl-link-hover);
}

a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 2px solid var(--mcrl-focus);
  outline-offset: 2px;
}

p {
  margin: 0 0 1.2em;
  font-size: 1.8rem;
  line-height: 1.5;
}

ul,
ol {
  margin: 0 0 1.2em;
  padding-left: 2rem;
}

li {
  font-size: 1.8rem;
  line-height: 1.5;
}

h1,
h2,
h3 {
  margin: 0 0 0.7em;
  line-height: 1.2;
  color: var(--mcrl-text);
}

.clearfix::after {
  content: '';
  display: table;
  clear: both;
}

.container {
  position: relative;
  width: 100%;
  max-width: var(--mcrl-container);
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.row::after {
  content: "";
  display: table;
  clear: both;
}

/* ====================================
   03. Header
==================================== */
#main-header,
.nav-wrap,
.logo-wrap,
.logo-wrap > a,
.logo-wrap > a > img,
.nav-wrap-contact {
  transition: all 0.5s ease;
}

#main-header {
  position: relative;
  width: 100%;
  min-height: 40px;
  padding: 20px 0;
  background: #fff;
  z-index: 1000;
}

.main-header__inner {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.main-header__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 32px;
}

.main-header__bottom {
  width: 100%;
}

.logo-wrap {
  flex: 0 0 280px;
  width: 280px;
}

.logo-wrap > h1 {
  margin-bottom: 0;
}

.logo-wrap > a {
  display: block;
}

.nav-wrap {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-end;
  min-width: 0;
}

.nav-wrap-contact {
  padding-bottom: 8px;
  text-align: right;
}

.nav-wrap-socials {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.nav-wrap-socials,
.nav-wrap-socials > li {
  display: inline-block;
}

.nav-wrap-socials > li {
  margin: 0 3px;
}

.nav-wrap-socials > li > a:hover {
  opacity: 0.6;
}

.nav-wrap-phone {
  display: inline-block;
  margin-left: 6px;
  font-size: 1.3rem;
  font-weight: 700;
}

.mcrl-modal[hidden] {
  display: none;
}

.mcrl-modal {
  position: fixed;
  inset: 0;
  z-index: 3000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.22s ease, visibility 0s linear 0.22s;
}

.mcrl-modal__overlay {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(0, 0, 0, 0.55);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.22s ease;
}

.mcrl-modal.is-active,
.mcrl-modal.is-closing {
  visibility: visible;
}

.mcrl-modal.is-active {
  opacity: 1;
  transition-delay: 0s;
}

.mcrl-modal.is-active .mcrl-modal__overlay {
  opacity: 1;
}

.mcrl-modal__panel {
  position: relative;
  width: min(92vw, 620px);
  margin: 10vh auto 0;
  opacity: 0;
  padding: 32px;
  background: #fff;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.24);
  transform: translateY(12px);
  transition: opacity 0.22s ease, transform 0.22s ease;
}

.mcrl-modal.is-active .mcrl-modal__panel {
  opacity: 1;
  transform: translateY(0);
}

.mcrl-modal__close {
  position: absolute;
  top: 12px;
  right: 12px;
  border: 0;
  background: transparent;
  color: #000205;
  cursor: pointer;
  font-size: 2.4rem;
  line-height: 1;
}

.header-search-modal__title {
  margin-bottom: 20px;
  font-size: 3rem;
}

.header-search-modal__form {
  display: flex;
  gap: 12px;
  align-items: center;
}

.header-search-modal__form input[type='text'] {
  flex: 1 1 auto;
  min-width: 0;
  height: 48px;
  padding: 0 14px;
  border: 1px solid #d6d6d6;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.6rem;
}

.mcrl-modal-open {
  overflow: hidden;
}

.mcrl-modal__panel--image {
  width: fit-content;
  max-width: calc(100vw - 32px);
  padding: 24px;
}

.mcrl-modal__panel--video {
  width: min(92vw, 960px);
}

.mcrl-modal__panel--promo {
  width: min(92vw, 900px);
  padding: 32px 24px;
}


#promo26 .col-flex--50 {
  margin-bottom: 12px;
}

@media (min-width: 768px) {
  #promo26 .col-flex--50 {
    margin-bottom: 0;
  }
}
.mcrl-modal__panel--shipping {
  width: min(92vw, 980px);
}

.mcrl-modal__image-preview {
  display: block;
  width: auto;
  max-width: calc(100vw - 80px);
  height: auto;
}

.mcrl-modal__iframe-wrapper {
  margin-top: 20px;
}

.mcrl-modal__iframe-wrapper iframe {
  display: block;
  width: 100%;
  max-width: 900px;
  height: auto;
  aspect-ratio: 900 / 506;
}

.mcrl-modal-trigger-image {
  display: inline-block;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.mcrl-modal-trigger-image img {
  display: block;
}

.shipping-popup {
  display: inline-block;
  color: #000205;
  text-decoration: underline;
  text-underline-offset: 0.16em;
  cursor: pointer;
}

.ak-sticky-menu-mobile {
  display: block;
}

.nav-wrap-btn {
  min-width: 16em;
  text-align: center;
}

.nav-wrap-btn--sticky {
  display: none;
}

.nav-wrap-btn > .btn-r {
  font-size: 18px;
  padding: 12px 20px;
  width: 100%;
}

.nav-wrap-nav {
  width: 100%;
  padding: 0;
  text-align: center;
}

#navigation {
  border-radius: 0;
}

#main-nav {
  width: 100%;
  margin-bottom: 0;
  padding-top: 10px;
  padding-left: 0;
}

#main-header.sticky #main-nav {
  padding-top: inherit;
}

#main-nav > li {
  display: inline-block;
  margin: 0;
}

#main-nav > li + li {
  margin-left: 5px;
}

#main-nav > li a {
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  color: #000205;
  padding-bottom: 0 !important;
}

#main-nav > li.current_page_item > a,
#main-nav > li.current-menu-item > a {
  color: #fa5809;
}

#main-nav > li a:hover,
#main-nav > li.parent a:hover:after,
#main-nav > li.menu-item-has-children a:hover:after {
  color: #fa5809;
}

#main-nav > li.parent > a:after,
#main-nav > li.menu-item-has-children > a:after {
  display: inline-block;
  margin-left: 3px;
  content: "";
  width: 10px;
  height: 10px;
  vertical-align: middle;
  background: url(/media/2018/04/arrow-down.png) center no-repeat;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

#main-nav > li.parent > a:hover:after,
#main-nav > li.menu-item-has-children > a:hover:after {
  background: url(/media/2018/04/arrow-down-hover.png) center no-repeat;
}

#main-nav ul,
.sub-menu {
  display: none;
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.nav-toggle {
  position: static;
  width: 100%;
  height: auto;
  margin: 0;
  cursor: pointer;
  border: 0;
  border-radius: 0;
  text-align: center;
  background-color: #fff;
  box-shadow: none;
}

.nav-toggle a {
  display: block;
  margin: 0;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  color: #5a5757;
}

#main-header.sticky {
  position: fixed;
  top: 0;
  left: 0;
  padding: 5px 0;
  box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.15);
  z-index: 1000;
}

#main-header.sticky .nav-wrap-contact {
  display: none;
}

#main-header.sticky .logo-wrap {
  flex-basis: 140px;
  width: 140px;
}

#main-header.sticky .logo-wrap img {
  width: 140px;
}

#main-header.sticky .nav-wrap-btn > .btn-r {
  margin-top: 0;
  padding: 10px;
  font-size: 1.2rem;
}

#main-header.sticky .main-header__top .nav-wrap-btn {
  display: none;
}

#main-header.sticky .nav-wrap-btn--sticky {
  display: block;
}

#main-header.sticky .nav-wrap-nav {
  padding: 0;
}

.btn-r {
  display: inline-block;
  padding: 10px 20px;
  border: 0;
  border-radius: 0;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  text-align: center;
  color: var(--mcrl-accent-contrast);
  background-color: var(--mcrl-accent);
  box-shadow: inset 0 0 5px 4px rgba(11, 113, 164, 0.45);
  -webkit-appearance: none;
}

.btn-r:hover,
.btn-r:active {
  color: var(--mcrl-accent-hover-text);
  background-color: var(--mcrl-accent-hover);
  box-shadow: inset 0 0 5px 4px rgba(255, 192, 0, 0.45);
}

div.btn-r > a {
  color: #fff;
}

.btn-o {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  padding: 10px 20px;
  -webkit-appearance: none;
  border: none;
  border-radius: 0;
  background-color: #eb6a00;
  box-shadow: inset 0 0 5px 4px rgba(200, 102, 0, 0.6);
}

div.btn-o > a {
  color: #fff;
}

.btn-o:hover,
div.btn-o:hover > a {
  color: #1a1818;
  background-color: #ffdc00;
  box-shadow: inset 0 0 5px 4px rgba(255, 192, 0, 0.45);
}

.btn-r.btn-onepager {
  background-color: #39c426;
  box-shadow: inset 0 0 5px 4px rgba(38, 166, 32, 0.7);
}

.btn-r.btn-gallery {
  background-color: #eb6a00;
  box-shadow: inset 0 0 5px 4px rgba(200, 102, 0, 0.6);
}

.btn-r.btn-onepager:hover,
.btn-r.btn-gallery:hover {
  color: #1a1818;
  background-color: #ffdc00;
  box-shadow: inset 0 0 5px 4px rgba(255, 192, 0, 0.45);
}

.btn-r.btn-send {
  color: #fff;
  background-color: #e40079;
  box-shadow: inset 0 0 5px 4px rgba(159, 3, 86, 0.45);
}

.btn-r.btn-send:hover {
  color: #fff;
  background-color: #009deb;
  box-shadow: inset 0 0 5px 4px rgba(11, 113, 164, 0.45);
}

.btn-r.btn-pink {
  background-color: #e40079;
  box-shadow: inset 0 0 5px 4px rgba(137, 0, 103, 0.45);
}

.btn-r.btn-pink:hover {
  color: #1a1818;
  background-color: #ffdc00;
  box-shadow: inset 0 0 5px 4px rgba(255, 192, 0, 0.45);
}

.btn-r.btn-black {
  background-color: #000;
  box-shadow: none;
}

.btn-r.btn-black:hover {
  color: #1a1818;
  background-color: #ffdc00;
  box-shadow: inset 0 0 5px 4px rgba(255, 192, 0, 0.45);
}

/* ====================================
   04. Content Layout
==================================== */
#wrapper,
#content {
  width: 100%;
}

.mcrl-error-page-body {
  background: #ffffff;
}

.mcrl-error-page #content {
  overflow: hidden;
}

.mcrl-error-hero {
  position: relative;
  padding: 96px 0;
}

.mcrl-error-hero__card {
  text-align: center;
}

.mcrl-error-hero__eyebrow,
.mcrl-error-links__kicker {
  margin-bottom: 12px;
  font-size: 1.3rem;
  font-weight: 800;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--mcrl-focus);
}

.mcrl-error-hero__title {
  max-width: 30ch;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
  font-size: clamp(4rem, 7vw, 7.2rem);
  line-height: 0.96;
}

.mcrl-error-hero__lead {
  max-width: 58rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 28px;
  font-size: 2rem;
  color: rgba(33, 10, 10, 0.78);
}

.mcrl-error-hero__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  margin-bottom: 28px;
}

.mcrl-error-search {
  display: flex;
  flex-wrap: wrap;
  max-width: 768px;
  margin: 0 auto;
  margin-top: 4em;
  gap: 12px;
  align-items: center;
  justify-content: center;
}

.mcrl-error-search input {
  flex: 1 1 auto;
  min-height: 54px;
  padding: 0 18px;
  border: 1px solid rgba(33, 10, 10, 0.16);
  font: inherit;
  background: #ffffff;
}

.mcrl-error-search input::placeholder {
  color: rgba(33, 10, 10, 0.45);
}

@media only screen and (max-width: 767px) {
  .mcrl-error-hero {
    padding: 56px 0;
  }

  .mcrl-error-hero__title {
    max-width: none;
    font-size: 4.4rem;
  }

  .mcrl-error-hero__lead {
    font-size: 1.8rem;
  }

  .mcrl-error-hero__actions,
  .mcrl-error-search {
    flex-direction: column;
    align-items: stretch;
  }

  .mcrl-error-search input {
    flex-basis: auto;
  }
}

#main.fullwidth,
.col-full,
.no-sidebar #main {
  width: 100%;
  max-width: 100%;
}

#main.col-right {
  float: left;
  width: calc(100% - var(--mcrl-sidebar-width));
  margin-bottom: 5rem;
}

#sidebar.col-left {
  float: right;
  width: var(--mcrl-sidebar-width);
  margin-bottom: 5rem;
}

@media only screen and (min-width: 769px) {
  #sidebar.col-left {
    position: -webkit-sticky;
    position: sticky;
    top: 110px;
  }
}

article.page > header,
article > header {
  margin-bottom: 1.2rem;
}

h1.mcrl-page-title {
  padding-top: 2rem;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--mcrl-title);
}

.entry-title {
  font-size: 3.4rem;
  font-weight: 500;
  line-height: 120%;
  color: var(--mcrl-title);
}

.title-36 {
  font-size: 3.6rem;
  line-height: 110%;
  font-weight: 500;
}

h1.entry-title.title-34 {
  color: var(--mcrl-text);
}

article.page > header img.attachment-post-thumbnail,
article > header img.attachment-post-thumbnail {
  margin-bottom: 2em;
}

.entry {
  margin-bottom: 2rem;
}

#main a:not(.btn-r) {
  font-weight: 500;
}

/* ====================================
   05. Sidebar + Search
==================================== */
#sidebar h3 {
  margin-bottom: 1em;
  font-size: 2.25rem;
  font-weight: 600;
}

h4 {
  font-size: 2.4rem;
  font-weight: 500;
}

#sidebar p {
  font-size: 1.6rem;
}

#sidebar .widget {
  margin-bottom: 2.2rem;
}

#sidebar .widget:last-of-type {
  margin-bottom: 0;
}

#sidebar .widget ul {
  margin: 0;
  padding-left: 20px;
  list-style: none;
}

#sidebar .widget li::before {
  display: none;
}

#sidebar .widget_nav_menu > ul > li,
#sidebar .widget_nav_menu .menu > li {
  margin-bottom: 24px;
}

#sidebar .widget_nav_menu > ul > li:last-child,
#sidebar .widget_nav_menu .menu > li:last-child {
  margin-bottom: 0;
}

#sidebar .widget a {
  display: block;
  color: #505153;
  font-size: 1.6rem;
  font-weight: 500;
  text-shadow: 0 1px 1px transparent;
}

#sidebar .widget a:hover {
  color: var(--mcrl-link);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

#sidebar .widget_nav_menu > ul > li > a,
#sidebar .widget_nav_menu .menu > li > a {
  margin-bottom: 10px;
  font-size: 1.8rem;
  text-transform: uppercase;
}

#sidebar .widget_nav_menu > ul > li.current_page_item > a,
#sidebar .widget_nav_menu .menu > li.current_page_item > a,
#sidebar .widget_nav_menu > ul > li.current-page > a,
#sidebar .widget_nav_menu .menu > li.current-page > a,
#sidebar .widget_nav_menu > ul > li > a:hover,
#sidebar .widget_nav_menu .menu > li > a:hover {
  color: #fa5809;
}

#sidebar .widget_nav_menu ul ul > li > a,
#sidebar .widget_nav_menu .sub-menu > li > a {
  margin-bottom: 0;
  font-size: 1.6rem;
  font-weight: 500;
  text-transform: none;
}

#sidebar .widget_nav_menu .sub-menu {
  padding-left: 0;
}

#sidebar .widget_nav_menu .sub-menu li {
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  #sidebar .widget_nav_menu .sub-menu li {
    margin-bottom: 15px;
  }
}

#sidebar .widget_nav_menu ul ul > li.current_page_item > a,
#sidebar .widget_nav_menu .sub-menu > li.current_page_item > a,
#sidebar .widget_nav_menu .sub-menu > li.current-page > a,
#sidebar .widget_nav_menu ul ul > li > a:hover,
#sidebar .widget_nav_menu .sub-menu > li > a:hover {
  color: #fa5809;
}

#sidebar.col-left .widget li > a {
  color: #210a0a;
}

#sidebar.col-left .widget li.current-page > a {
  color: #fa5809;
}

#sidebar.col-left .widget li > a:hover {
  color: var(--mcrl-focus);
}

#menu-sidebar-services,
#menu-sidebar-printing-terminology {
  padding-left: 0;
}

#menu-sidebar-services > li,
#menu-sidebar-printing-terminology > li {
  position: relative;
  padding-right: 34px;
}

#menu-sidebar-services > li > a,
#menu-sidebar-printing-terminology > li > a {
  margin-bottom: 0;
}

#menu-sidebar-services > li > .sub-menu,
#menu-sidebar-printing-terminology > li > .sub-menu {
  display: none;
  padding-left: 0;
  margin-top: 10px;
}

#menu-sidebar-services > li.is-open > a,
#menu-sidebar-printing-terminology > li.is-open > a {
  color: #fa5809;
}

#menu-sidebar-services > li.is-open > .sub-menu,
#menu-sidebar-printing-terminology > li.is-open > .sub-menu {
  display: block;
}

#menu-sidebar-services .sidebar-accordion-toggle,
#menu-sidebar-printing-terminology .sidebar-accordion-toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

#menu-sidebar-services .sidebar-accordion-toggle::before,
#menu-sidebar-printing-terminology .sidebar-accordion-toggle::before {
  content: "";
  position: absolute;
  top: 5px;
  right: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #666666;
  transition: transform 0.2s ease;
  transform-origin: 35% 50%;
}

#menu-sidebar-services > li.is-open > .sidebar-accordion-toggle::before,
#menu-sidebar-printing-terminology > li.is-open > .sidebar-accordion-toggle::before {
  transform: rotate(90deg);
}

#sidebar.col-left .searchform .screen-reader-text {
  display: none;
}

#sidebar.col-left .searchform input {
  width: 100%;
  margin-left: 0;
  margin-bottom: 5px;
  padding: 6px 8px;
  border-radius: 0;
  box-shadow: none;
  font-family: inherit;
  font-size: 1.6rem;
}

#sidebar.col-left .searchform input[type='text'] {
  height: 40px;
  border: 1px solid #c4c0bf;
  background: transparent;
}

#sidebar.col-left .searchform input[type='text']:hover,
#sidebar.col-left .searchform input[type='text']:focus {
  border-color: var(--mcrl-accent);
}

#sidebar.col-left .searchform input[type='submit'] {
  border: 2px solid var(--mcrl-focus);
  color: var(--mcrl-focus);
  background: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#sidebar.col-left .searchform input[type='submit']:hover {
  color: #fff;
  background: var(--mcrl-focus);
}

/* ====================================
   06. Footer
==================================== */
#footer-wrap {
  margin-top: 0;
  padding-top: 3rem;
}

#main-footer {
  padding: 45px 0;
  background-color: #000;
  color: var(--mcrl-footer-text);
}

#main-footer .row {
  margin-left: -15px;
  margin-right: -15px;
}

#main-footer .row::after {
  content: '';
  display: table;
  clear: both;
}

#main-footer .col {
  float: left;
  padding: 0 15px;
}

.col-4 {
  width: 33.3333%;
}

.col {
  float: left;
  padding: 0 15px;
}

.col-6 {
  float: left;
  width: 50%;
}

.mcrl-align-center {
  text-align: center;
}

.footer-wrap-contact {
  margin-bottom: 30px;
  text-align: center;
  text-transform: uppercase;
}

.footer-wrap-contact > h3 {
  margin: 0;
}

.footer-wrap-contact > h3 > a {
  font-size: 3.2rem;
  font-weight: 500;
  color: #fff;
  text-decoration: underline;
  margin-bottom: 0.2em;
}

.footer-wrap-contact > p {
  font-size: 2rem;
  margin-bottom: 0.7em;
}

.footer-wrap-contact > p > a {
  color: #fff;
  font-weight: 500;
}

@media (min-width: 451px) {
  .footer-wrap-contact > p {
    font-size: 3.6rem;
  }
}

.footer-wrap-socials {
  margin-bottom: 20px;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

.footer-wrap-socials li {
  display: inline-block;
}

.footer-wrap-socials li + li {
  margin-left: 15px;
}

.footer-wrap-socials li > a:hover {
  opacity: 0.6;
}

.footer-nav {
  margin-top: 1em;
}

.footer-nav > ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.footer-nav > ul > li {
  position: relative;
  display: block;
  font-size: 1.5rem;
}

.footer-nav ul > li + li {
  margin-top: 0.5em;
}

.footer-nav ul > li > a {
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
}

.footer-nav > ul > li > a:hover,
.footer-nav > ul > li > a:active,
.footer-nav > ul > li > a:focus {
  color: #fa5809;
}

.footer-wrap-why {
  margin-bottom: 40px;
}

.footer-wrap-why > h2 {
  position: relative;
  margin-bottom: 40px;
  font-size: 2.2rem;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  z-index: 1;
}

.footer-wrap-why > h2::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 1px;
  left: 0;
  top: calc(50% - 1px);
  background-color: #fff;
  z-index: -1;
}

.footer-wrap-why > h2 > span {
  display: inline-block;
  padding: 0 15px;
  background-color: #000;
}

.wrap-why-title,
.wrap-why-par {
  font-family: 'Raleway', sans-serif;
}

.wrap-why-title {
  margin-bottom: 1em;
  font-size: 1.6rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
}

.wrap-why-title > a {
  color: #fff;
}

.wrap-why-par {
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: justify;
}

.wrap-why-par > strong {
  font-weight: 700;
}

.footer-wrap-bottom {
  text-align: center;
}

.footer-nav-terms ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: inherit;
}

.footer-nav-terms ul > li {
  display: inline-block;
}

.footer-nav-terms ul > li > a {
  margin: 0;
  color: #fff;
  opacity: 0.8;
  font-weight: 400;
}

.footer-nav-terms ul > li > a:hover {
  opacity: 0.5;
}

.footer-wrap-bottom small,
.footer-wrap-bottom a {
  display: inline-block;
  font-size: 1.2rem;
}

.footer-wrap-bottom small {
  margin-bottom: 0.4em;
}

.footer-wrap-bottom a {
  margin: 10px 5px;
  color: #fff;
  text-decoration: none;
  opacity: 0.4;
}

.footer-wrap-bottom a:hover {
  opacity: 1;
}

.wrap-bottom-logos a > img,
.footer-wrap-bottom a > img {
  vertical-align: -0.8rem;
}

.footer-trees--mobile {
  display: none;
}

.footer-trees--desktop {
  display: block;
  margin-top: 4em;
}

/* Footer hubjournal template */
#footer-wrap.ak-hub--journal-footerwrap {
  padding-top: 0;
}

.h-col {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  margin: 5px;
  padding: 3em 15px;
  background-color: #e6f5fd;
  box-sizing: border-box;
}

.h-col,
.h-col span {
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.h-col span {
  display: block;
  color: #000;
  font-size: 1.8rem;
  font-weight: 600;
}

.h-col span.h-subtitle {
  font-size: 70%;
  font-weight: 500;
}

.h-col:active {
  background-color: #e4007a;
}

.h-col:active span {
  color: #fff;
}

.h-col:focus {
  background-color: #e4007a;
}

.h-col:focus span {
  color: #fff;
}

.h-col:hover {
  background-color: #e4007a;
}

.h-col:hover span {
  color: #fff;
}

.h-row {
  display: flex;
  flex-direction: column;
}

@media (min-width: 540px) {
  .h-col {
    width: calc(49% - 5px);
  }
}

@media (min-width: 540px) {
  .h-row {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

@media (min-width: 701px) {
  .h-col {
    width: calc(32% - 5px);
    min-height: 12rem;
  }
}

/* Blog / Category / Archive Teasers */
.mcrl-post-list-wrap {
  padding-right: 40px;
}

.mcrl-post-teaser {
  position: relative;
  margin-bottom: 70px;
  padding-bottom: 25px;
  font-size: 1.8rem;
}

.mcrl-post-teaser:after {
  position: absolute;
  content: "";
  width: 50%;
  height: 1px;
  background-color: #8b8b8b;
  left: 25%;
  bottom: 0;
}

.mcrl-post-teaser img {
  display: inline-block;
  margin-bottom: 25px;
}

.mcrl-post-teaser p {
  margin-bottom: 0;
}

.mcrl-post-teaser a,
.mcrl-post-info--box {
  color: #210a0a;
}

.mcrl-post-teaser a:hover {
  color: #e40079;
}

.mcrl-post-info {
  margin-bottom: 20px;
}

.mcrl-post-info--box,
.mcrl-post-info--box .post-categories > li,
.mcrl-post-info--box .post-categories > li > a {
  position: relative;
  display: inline-block;
  font-weight: 300;
  font-size: 1.5rem;
}

.mcrl-post-info--box .post-categories {
  list-style: none;
  padding-left: 0;
}

.mcrl-post-info > .mcrl-post-info--box:not(:last-child),
.mcrl-post-info--box .post-categories > li:not(:last-child) {
  padding-right: 20px;
}

.mcrl-post-info > .mcrl-post-info--box:not(:last-child)::after,
.mcrl-post-info--box .post-categories > li:not(:last-child)::after {
  position: absolute;
  content: '';
  height: 16px;
  width: 1px;
  background-color: #210a0a;
  top: 5px;
  right: 7px;
}

.mcrl-post-teaser-btn-wrap {
  padding-top: 20px;
  text-align: right;
}

.mcrl-post-teaser-btn {
  position: relative;
  font-size: 1.4rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.mcrl-post-teaser-btn:after {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background-color: #210a0a;
  bottom: -4px;
  left: 0;
}

.mcrl-post-teaser-btn:hover:after {
  background-color: #e40079;
}

.mcrl-post-list-wrap .nav-previous,
.mcrl-post-list-wrap .nav-next {
  font-size: 1.8rem;
}

.mcrl-post-list-wrap .nav-previous a,
.mcrl-post-list-wrap .nav-next a {
  color: #e40079;
}

.mcrl-post-list-wrap .nav-previous a:hover,
.mcrl-post-list-wrap .nav-next a:hover {
  color: #210a0a;
}

.flex-row-media-600 {
  display: flex;
  flex-direction: column;
}

@media (min-width: 600px) {
  .flex-row-media-600 {
    flex-direction: row;
  }
}

/* Table rules from old.css */
table {
  width: 100%;
  font-size: 1em;
  margin-bottom: 2.618em;
}

table th,
table td {
  border-bottom: 1px solid #e8e4e3;
  padding: 1em;
  vertical-align: top;
  text-align: left;
}

table th {
  text-transform: uppercase;
  border-bottom: 4px double #e8e4e3;
}

table tr th:first-child,
table tr td:first-child {
  padding-left: 0;
}

table tr th:last-child,
table tr td:last-child {
  padding-right: 0;
}

/* Post table helpers used in imported WP content */
table.mcrl-table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0  0 1em 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table.mcrl-table tr {
  border: 1px solid #ddd;
  padding: .35em;
}

table.mcrl-table tr th {
  background-color: #f8f8f8;
  line-height: 100%;
  text-align: center;
}

table.mcrl-table th,
table.mcrl-table td {
  padding: .625em;
  text-align: left;
}

table.mcrl-table.mrcl-table---d-center td {
  text-align: center;
}

table.mcrl-table.mrcl-table---d-center td:first-of-type {
  text-align: left;
}

table.mcrl-table.mrcl-table---d-center.mcrl-table--middle td {
  vertical-align: middle;
}

table.mcrl-table tr th:first-child,
table.mcrl-table tr td:first-child {
  padding-left: .625em;
}

table.mcrl-table tr th:last-child,
table.mcrl-table tr td:last-child {
  padding-right: .625em;
}

table.mcrl-table th {
  font-size: 1.8rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}

table.mcrl-table tr img {
  margin-bottom: .5em;
}

table.mcrl-table tr p {
  margin-bottom: 0;
}

table.mcrl-table tr p + p {
  margin-top: .3em;
}

table.mcrl-table strong > span {
  /*display: block;*/
  font-weight: 800;
}

.mcrl-table-Bold {
  font-weight: 700;
}

.trees-grid-wrap {
  background-color: #1d3c34;
  padding: 1.5rem;
  margin-bottom: 25px;
}

.trees-grid-wrap > p:first-of-type {
  color: #c2e189;
  font-size: 50%;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
}

.trees-grid-wrap > p:last-of-type {
  color: #fff;
  font-weight: 600;
  margin: 0 0 1em 0;
}

.trees-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
}

.trees-grid--cell {
  flex: 0 0 auto;
  width: 33.3333%;
  text-align: center;
  padding: 0 5px;
}

.trees-grid--cell > img {
  max-width: 40px;
  height: auto;
  margin-bottom: 10px;
}

.trees-grid--cell > h3 {
  color: #c2e189;
  font-size: 2.6rem;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 0;
}

.trees-grid--cell > h2 {
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
  margin-top: 0;
}

.trees-grid--cell > p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.4rem;
  margin: 0;
}

@media only screen and (max-width: 1100px) {
  .trees-grid--cell > h3 {
    font-size: 2rem;
  }

  .trees-grid--cell > h2 {
    font-size: 1.4rem;
  }
}

@media only screen and (max-width: 991px) {
  .trees-grid {
    flex-direction: column;
    align-items: center;
  }

  .trees-grid--cell {
    width: 100%;
  }

  .trees-grid--cell + .trees-grid--cell {
    margin-top: 15px;
  }

  .trees-grid--cell > h3 {
    font-size: 2.4rem;
    margin-bottom: 5px;
  }

  .trees-grid--cell > h2 {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 600px) {
  .trees-grid--cell > h3 {
    font-size: 2rem;
    margin-bottom: 5px;
  }

  .trees-grid--cell > h2 {
    font-size: 1.4rem;
  }
}

/* August 2021 blog post table */
.sig-under-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  margin-bottom: 10px;
}

.sig-under-table th,
.sig-under-table td {
  border: 1px solid #e5e7f2;
  padding: 1em .5em;
}

.sig-under-table th p {
  font-weight: bold;
  color: #e40079;
  text-align: left;
}

.sig-under-table td:first-of-type p {
  font-weight: bold;
  text-align: left;
}

.sig-under-table p:last-of-type {
  margin-bottom: 0;
}

.sig-under-table p {
  margin-left: .5em;
  margin-bottom: .5em;
}

@media (max-width: 901px) {
  .sig-under-table thead tr {
    position: absolute;
    top: -99999px;
    left: -99999px;
  }

  .sig-under-table td {
    position: relative;
    display: block;
    padding-left: 20%;
    text-align: left;
  }

  .sig-under-table td::before {
    position: absolute;
    top: 1em;
    left: .5em;
    width: 19%;
    height: 100%;
    padding-right: .5em;
    white-space: nowrap;
    font-weight: bold;
    text-align: left;
    border-right: 1px solid #e5e7f2;
  }

  .sig-under-table td:nth-of-type(1)::before {
    content: 'Printer';
  }

  .sig-under-table td:nth-of-type(2)::before {
    content: 'Pros';
  }

  .sig-under-table td:nth-of-type(3)::before {
    content: 'Cons';
  }

  .sig-under-table td:first-of-type p {
    text-align: center;
  }
}

@media (max-width: 550px) {
  .sig-under-table td {
    padding-right: .5em;
    font-size: 1.6rem;
  }

  .sig-under-table td::before {
    left: .3em;
    padding-right: .5em;
  }
}

@media screen and (max-width: 768px) {
  table.mcrl-table {
    border: 0;
  }

  table.mcrl-table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  table.mcrl-table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }

  table.mcrl-table td {
    border-bottom: 1px solid #ddd;
    display: block;
    /*font-size: .8em;*/
    text-align: right;
  }

  table.mcrl-table.mrcl-table---m-left td {
    text-align: left;
  }

  table.mcrl-table.mrcl-table---d-center td {
    text-align: right;
  }

  table.mcrl-table td:first-of-type {
    font-size: 1.8rem;
    background-color: #f8f8f8;
  }

  table.mcrl-table td::before {
    content: attr(data-label);
    float: left;
    font-size: .8em;
    font-weight: bold;
    text-transform: uppercase;
  }

  table.mcrl-table td:last-child {
    border-bottom: 0;
  }

  table.mcrl-table tr img {
    max-width: 300px;
  }
}

/* Utility classes used in WP post content */
.margin-bottom-10 {
  margin-bottom: 1rem;
}

.margin-bottom-20 {
  margin-bottom: 2rem;
}

.margin-bottom-40 {
  margin-bottom: 4rem;
}

.margin-top-25 {
  margin-top: 2.5rem;
}

.margin-top-40 {
  margin-top: 4rem;
}

.title-28 {
  font-size: 2.8rem;
  margin-bottom: 10px;
}

/* Single-post content helpers (ported from WP custom.css) */
.eco-green {
  color: #8abd2e;
}

.mcrl-post-content h2,
.mcrl-post-content h3,
.mcrl-post-content h4,
.mcrl-post-content h5,
.mcrl-post-content h6 {
  line-height: normal;
}

.mcrl-post-content h5 {
  font-size: 2.2rem;
  font-weight: 500;
}

.mcrl-post-content h6 {
  font-size: 2rem;
  font-weight: 500;
}

.mcrl-post-content a {
  font-weight: 400;
  text-decoration: underline;
}

.mcrl-post-content a.btn-r {
  font-weight: 600;
  text-decoration: none;
}

.blog-image {
  display: inline-block;
  width: 33%;
  max-width: 350px;
  padding: 10px;
  vertical-align: top;
}

.blog-image.blog-image--25 {
  width: 24%;
  padding: 5px;
}

.blog-image img {
  margin-bottom: 0;
}

.blog-img-float {
  display: inline-block;
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

.blog-img-float > img {
  margin-bottom: 0;
}

.blog-image-33 {
  display: inline-block;
  width: calc(33% - 4px);
  vertical-align: top;
}

.blog-image-67-r {
  display: inline-block;
  width: calc(67% - 4px);
  padding-right: 15px;
}

/* print - mcrl-blockquote */
.mcrl-blockquote {
  position: relative;
  font-size: 1.9rem;
  font-weight: 400;
  line-height: 150%;
  text-align: justify;
  padding: 35px;
  margin: 50px 20px;
}

.mcrl-blockquote:before {
  position: absolute;
  content: '';
  top: -27px;
  left: -27px;
  width: 75px;
  height: 56px;
  background: url("/media/2018/06/quote-up.jpg") center no-repeat;
  background-size: contain;
}

.mcrl-blockquote--teal.mcrl-blockquote::before {
  background: url("/media/2021/03/quote-up-teal.png") center no-repeat;
  background-size: contain;
}

.mcrl-blockquote:after {
  position: absolute;
  content: '';
  bottom: -27px;
  right: -27px;
  width: 75px;
  height: 56px;
  background: url("/media/2018/06/quote-down.jpg") center no-repeat;
  background-size: contain;
}

.mcrl-blockquote--teal.mcrl-blockquote::after {
  background: url("/media/2021/03/quote-down-teal.png") center no-repeat;
  background-size: contain;
}

.mcrl-blockquote > footer {
  font-size: 1.6rem;
  text-align: right;
}

.blog-image-50,
.blog-image-50-r {
  display: inline-block;
  width: calc(50% - 4px);
  vertical-align: top;
}

.blog-image-50-r {
  padding-right: 15px;
}

#soy-bamboo-img > img {
  max-height: 150px;
}

.color-pink {
  color: #e40079;
}

.color-grey,
.color-grey > a {
  color: #65676b;
}

.mcrl-title-bundle > span:first-child {
  font-weight: 600;
}

.mcrl-title-bundle > h3 {
  font-weight: 600;
  margin: 0;
}

.mcrl-title-bundle--links {
  margin-top: 10px;
  margin-bottom: 15px;
}

.mcrl-title-bundle--links img {
  margin-bottom: 0;
  margin-right: 10px;
}

.mcrl-title-bundle--links a {
  text-decoration: none;
}

.mcrl-title-bundle--links a:hover,
.mcrl-title-bundle--links a:active {
  text-decoration: underline;
}

.blog-planner-desc {
  padding-top: 0;
}

.blog-planner-desc p {
  margin-bottom: 0;
}

.blog-planner-desc span {
  display: block;
}

.blog-planner-desc p:first-child a {
  color: #210a0a;
}

.blog-planner-desc p:last-of-type a {
  color: #e40079;
}

.iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}

.iframe-wrapper > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  border: 1px solid #ccc;
  box-shadow: -7px 0 9px -4px rgba(0, 0, 0, 0.5);
}

.mrcl-table---1td30 {
  background-color: #f8f8f8;
}

@media (min-width: 1025px) {
  table.mcrl-table.mrcl-table---1td30 tr td:first-child {
    width: 30%;
  }

  table.mrcl-table---1td30 tr td:first-child {
    width: 30%;
  }
}

@media (min-width: 600px) {
  .btn-jf {
    min-width: 320px;
  }
}

/* Post-specific rule from WP custom.css (Innovate Your Packaging) */
#april-11-2019 .post-col {
  float: left;
  width: calc(100% - 315px);
}

#april-11-2019 .blog-img-float {
  float: left;
  width: 300px;
  text-align: center;
}

/* Newer post content utility classes */
.wrap--flex {
  display: flex;
  flex-direction: column;
}

@media only screen and (max-width: 768px) {
  .mcrl-post-list-wrap {
    padding-right: 0;
  }
}

@media only screen and (max-width: 860px) {
  .blog-image,
  .blog-image.blog-image--25 {
    width: 48%;
  }

  .blog-image-33,
  .blog-image-67-r {
    width: calc(50% - 4px);
  }

  #soy-based-ink-images .blog-image-33,
  #soy-based-ink-images .blog-image-67-r {
    width: 100%;
  }

  #soy-based-ink-images .blog-image-67-r {
    padding-right: 0;
  }

  #soy-bamboo-img > img {
    max-height: 350px;
  }

  .flex-img-wrap {
    display: flex;
    flex-direction: column-reverse;
  }

  h2.has-margin-on-mobile {
    margin-top: 1em;
  }
}

@media only screen and (max-width: 950px) {
  #april-11-2019 .post-col,
  #april-11-2019 .blog-img-float {
    float: none;
    width: 100%;
  }
}

@media only screen and (max-width: 600px) {
  .mcrl-post-teaser > .title-34 {
    font-size: 2.8rem;
  }

  .blog-image,
  .blog-image.blog-image--25 {
    width: 98%;
  }

  .blog-img-float {
    float: none;
    margin-right: 0;
  }

  .blog-image-50,
  .blog-image-50-r {
    width: 98%;
  }
}

@media only screen and (max-width: 550px) {
  .blog-image-33,
  .blog-image-67-r,
  .blog-image-50,
  .blog-image-50-r {
    width: 100%;
  }

  .blog-image-67-r,
  .blog-image-50-r {
    padding-right: 0;
  }

  .blog-image-33 {
    text-align: center;
  }

  #soy-bamboo-img > img {
    max-height: initial;
  }
}

@media (min-width: 768px) {
  .wrap--flex {
    flex-direction: row;
  }

  .wrap--flex-reverse {
    flex-direction: row-reverse;
  }

  .flex-align-items-center {
    align-items: center;
  }

  .col-flex--33 {
    width: 33%;
  }

  .col-flex--66 {
    width: 66%;
  }

  .col-flex--50 {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .wrap--flex .ak-center-mobile {
    text-align: center;
  }
}

/* ====================================
   07. Variant Markers (Sample Visibility)
==================================== */
.template-wrap {
  min-height: 45vh;
}

.tpl-default .template-wrap--default #main-content-wrap,
.tpl-no-sidebar .template-wrap--no-sidebar #main-content-wrap {
  background: #fff;
}

.tpl-blog-archive #main-content-wrap,
.tpl-single-post #main-content-wrap {
  background: #fff;
}

.header-lpjournal,
.header-lpplanner,
.header-lpplannerb,
.header-lp-nomenu,
.header-offerjournal,
.header-offerplanner,
.header-print-school,
.header-publishing-summit,
.header-ibpa-members {
  box-shadow: inset 0 -3px 0 var(--mcrl-focus);
}

.sample-footer--lp,
.sample-footer--hubjournal,
.sample-footer--hubplanner,
.sample-footer--print-school,
.sample-footer--publishing-summit,
.sample-footer--ibpa-members {
  background: #1d1d1d;
}

/* ====================================
   08. Responsive
==================================== */
@media only screen and (max-width: 1100px) {
  .nav-wrap-btn {
    min-width: 220px;
  }
}

@media only screen and (max-width: 1070px) {
  .logo-wrap {
    width: 240px;
    flex-basis: 240px;
  }
}

@media only screen and (max-width: 1024px) {
  .nav-wrap-socials > li {
    margin: 0 7px;
  }

  #main-header.sticky {
    padding: 8px 0;
  }

  #main-header.sticky .main-header__inner {
    gap: 0;
  }

  #main-header.sticky .main-header__top {
    display: none;
  }

  #main-header.sticky .main-header__bottom {
    width: 100%;
  }

  #main-header.sticky .ak-sticky-menu-mobile {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  #main-header.sticky .nav-wrap-nav {
    flex: 1 1 auto;
    width: 100%;
    text-align: left;
  }

  #main-header.sticky .nav-toggle {
    width: auto;
    margin-bottom: 0;
    text-align: left;
  }

  #main-header.sticky .ak-sticky-menu-mobile .nav-wrap-btn > .btn-r {
    padding: 6px 10px;
    margin-top: 0;
  }

  #main-header.sticky .ak-sticky-menu-mobile .nav-toggle a {
    text-align: left;
  }

  #main-header {
    padding: 10px 0;
    box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.15);
  }

  .logo-wrap {
    width: 200px;
    flex-basis: 200px;
  }

  h1.mcrl-page-title,
  .entry-title {
    font-size: 2.6rem;
  }

  .nav-wrap-btn > .btn-r {
    font-size: 1.6rem;
    padding: 6px 20px;
  }

  .nav-wrap-nav {
    padding: 10px 0;
  }

  #main-header.sticky .nav-wrap-btn {
    width: auto;
    min-width: 0;
    text-align: right;
  }

  #main-header.sticky .nav-wrap-btn--sticky > .btn-r {
    width: auto;
    min-width: 180px;
    max-width: none;
    padding: 8px 16px;
  }

  #main-header.sticky .ak-sticky-menu-mobile #navigation {
    padding-top: 15px;
  }

  #main-header.sticky .ak-sticky-menu-mobile #navigation.is-open {
    width: 100%;
    margin-top: 8px;
    text-align: left;
  }

  #main-nav {
    text-align: left;
  }

  .nav-toggle {
    margin-bottom: 10px;
  }

  .wrap-why-par {
    text-align: center;
  }
}

@media only screen and (max-width: 900px) {
  .nav-wrap {
    width: calc(100% - 100px);
  }

  #main-nav > li a {
    font-size: 11px;
  }
}

@media only screen and (max-width: 1024px) {
  #navigation {
    display: none;
  }

  #navigation.is-open {
    display: block;
  }

  #main-nav > li {
    position: relative;
    display: block;
  }

  #main-nav > li + li {
    margin-left: 0;
  }

  #main-nav > li.menu-item-has-children > .sub-menu {
    display: none;
    margin-bottom: 0;
    padding-left: 28px;
  }

  #main-nav > li.menu-item-has-children.is-expanded > .sub-menu {
    display: block;
  }

  #main-nav > li.menu-item-has-children > a {
    display: block;
    width: 100%;
    padding-right: 40px;
  }

  .submenu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-end;
    width: 40px;
    height: 100%;
    margin-left: 0;
    padding: 2px 0 0;
    border: 0;
    background: transparent;
    color: #000205;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1;
    vertical-align: middle;
  }

  .submenu-toggle[hidden] {
    display: none !important;
  }

  .submenu-toggle > span {
    display: inline-block;
    line-height: 1;
  }

  #main-nav > li > .sub-menu > li {
    margin-bottom: 0;
  }

  #main-nav > li > .sub-menu > li > a {
    display: block;
    padding: 10px 0 0 0 !important;
    font-size: 1.6rem;
    line-height: 1.35;
    text-transform: uppercase;
  }
}

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

  .main-header__inner {
    gap: 8px;
  }

  .main-header__top {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
  }

  .logo-wrap {
    width: 100%;
    max-width: 250px;
    flex-basis: auto;
  }

  .nav-wrap {
    width: 100%;
    align-items: stretch;
  }

  .nav-wrap-btn,
  .nav-wrap-nav {
    width: 100%;
  }

  .nav-wrap-btn {
    text-align: center;
    margin-top: 10px;
  }

  .nav-wrap-btn > .btn-r {
    font-size: 1.4rem;
    padding: 6px 10px;
    width: 100%;
    max-width: 180px;
  }

  #main-nav {
    padding-top: 30px;
  }

  #main-nav > li {
    display: block;
  }

  #main-nav > li + li {
    margin-left: 0;
  }

  #main-nav li {
    margin-bottom: 15px;
  }

  #main-nav > li a {
    font-size: 1.6rem;
  }

  .nav-wrap-phone {
    display: block;
    margin-top: 1em;
  }

  .nav-wrap-socials {
    display: block;
    margin-top: 10px;
  }

  .nav-wrap-contact {
    padding-bottom: 0;
    text-align: center;
  }

  #main.col-right,
  #sidebar.col-left {
    float: none;
    width: 100%;
  }

  #sidebar.col-left {
    margin-top: 2rem;
  }

  .footer-wrap-why .col-4 {
    width: 100%;
    margin-bottom: 35px;
    text-align: center;
  }

  .footer-wrap-why .col-4:last-of-type {
    margin-bottom: 0;
  }


  .wrap-why-par {
    text-align: center;
  }

  .footer-trees--desktop {
    display: none;
  }

  .footer-trees--mobile {
    display: block;
    margin-bottom: 2em;
  }

  .footer-trees--mobile a {
    opacity: 1;
  }

  .footer-nav li > a,
  .footer-wrap-bottom small,
  .footer-wrap-bottom a,
  .wrap-why-par {
    font-size: 1.6rem;
  }

  p,
  li {
    font-size: 1.7rem;
  }
}

@media only screen and (max-width: 400px) {
  #main-header {
    padding-top: 20px;
  }

  .nav-toggle a {
    font-size: 1.8rem;
  }

  .nav-wrap-btn {
    text-align: center;
  }

  .nav-wrap-contact {
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
  }
}

@media only screen and (min-width: 1025px) {
  #main-header.sticky .logo-wrap {
    display: none;
  }

  #main-header.sticky .main-header__bottom .ak-sticky-menu-mobile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
  }

  #main-header.sticky .nav-wrap-nav {
    flex: 1 1 auto;
    width: auto;
    text-align: left;
  }

  .nav-wrap-nav {
    text-align: center;
  }

  .nav-toggle {
    display: none;
  }

  #navigation {
    display: block !important;
    text-align: center;
  }

  #main-header.sticky #navigation {
    text-align: left;
  }

  #main-nav {
    display: inline-block;
    float: none;
    width: auto;
    padding-top: 0;
    text-align: center;
  }

  #main-header.sticky #main-nav {
    display: block;
    width: 100%;
    text-align: left;
  }

  #main-header.sticky .nav-wrap-btn--sticky {
    flex: 0 0 auto;
    min-width: 0;
    text-align: right;
  }

  #main-header.sticky .nav-wrap-btn--sticky > .btn-r {
    width: auto;
    min-width: 180px;
    padding: 10px 18px;
  }

  .submenu-toggle {
    display: none !important;
  }

  #main-nav > li:hover > ul,
  #main-nav > li:focus-within > ul {
    display: block;
    position: absolute;
    background: #fff;
    padding: 10px 20px;
    box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.15);
    text-align: left;
    z-index: 1001;
  }

  #main-nav > li > ul > li {
    display: block;
    margin: 0;
  }

  #main-nav > li > ul > li + li {
    margin-top: 6px;
  }


  #main-nav > li > ul > li > a {
    display: block;
    font-size: 1.2rem;
    line-height: 1.5;
    text-transform: uppercase;
    white-space: nowrap;
  }
}

@media only screen and (max-width: 600px) {
  .nav-wrap-phone {
    display: none;
  }

  .btn-r {
    width: 100%;
  }

  .footer-nav li {
    display: block;
    margin-bottom: 10px;
  }

  .footer-nav li::after {
    display: none;
  }

  .footer-wrap-socials li {
    display: inline-block;
  }

  h1.mcrl-page-title,
  .entry-title {
    font-size: 2.4rem;
  }
}

@media only screen and (max-width: 450px) {
  .logo-wrap {
    width: 150px;
    top: 20px;
  }

  .nav-wrap-btn > .btn-r {
    width: 135px;
    padding: 6px;
    font-size: 1.2rem;
  }

  #main-header .container {
    padding-left: 5px;
    padding-right: 5px;
  }
}






/* === Imported Home Page CSS from reference_css/style.css === */

/* ========================
        testimonials
=========================== */
.testimonial-box {
    margin-bottom: 4rem;
    display: inline-block;
    vertical-align: top;
    width: calc(33.3333% - 4px);
    padding: 0 15px;
}

.testimonial-box-avatar {
    margin-bottom: 15px;
}

.testimonial-box-avatar > img {
    max-width: 120px;
    border-radius: 50%;
    box-shadow: 0 2px 8px 1px rgba(0, 0, 0, .3);
}

.testimonial-box > h3 {
    font-size: 1.8rem;
    font-weight: 400;
    color: #0682c0;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e7e7e7;
}

.testimonial-box > p {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 5px;
    color: #545454;
}

.testimonial-box > a {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 100%;
}

@media only screen and (max-width: 900px) {
    .testimonial-box {
        width: calc(50% - 4px);
    }
}

@media only screen and (max-width: 650px) {
    .testimonial-box {
        width: 100%;
        max-width: 450px;
        margin: 0 auto;
        margin-bottom: 4rem;
    }
}

/* ========================
        homepage
=========================== */

#mcrl-new-home #home-banner {
    background-image: linear-gradient(to right, white 50%, #e6e6e6 50%);
    /*padding: 50px 0;*/
}
#mcrl-new-home .home-banner--wrap {
    display: flex;
    flex-wrap: wrap;
}
#mcrl-new-home .home-banner--column {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    padding: 50px 0;
}
#mcrl-new-home .home-banner--column-one {
    padding-right: 40px;
}
#mcrl-new-home .home-banner--column-two {
    align-items: center;
    justify-content: center;
    padding-left: 55px;
}
#mcrl-new-home .home-banner--icon {
    display: block;
    width: 50%;
    padding: 10px 15px 10px 5px;
}
#mcrl-new-home .home-banner--icon:hover {
    opacity: .5;
}
#mcrl-new-home .home-banner--text {
    font-size: 2.6rem;
    font-weight: 400;
    margin: 0 0 75px 0;
}
#mcrl-new-home .home-banner--text > img {
    max-width: 125px;
}
#mcrl-new-home .home-banner--arrow {
    position: relative;
    display: inline-block;
    font-size: 2.2rem;
    font-weight: 800;
    padding-left: 40px;
    margin: 0;
}
#mcrl-new-home .home-banner--arrow:after {
    position: absolute;
    content: '';
    width: 30px;
    height: 26px;
    top: calc(50% - 13px);
    left: 0;
    background: url("/media/2020/04/arrow-left-h.png") center no-repeat;
    background-size: contain;
}

@media only screen and (max-width: 970px) {
    #mcrl-new-home #home-banner {
        background-image: none;
        background-color: #fff;
    }
    #mcrl-new-home .home-banner--wrap {
        flex-direction: column;
    }
    #mcrl-new-home .home-banner--column-one {
        width: 100%;
        padding: 25px 0 15px 0;
    }
    #mcrl-new-home .home-banner--column-two {
        width: 100%;
        background-color: #e6e6e6;
        padding: 25px 10px 25px 10px;
        text-align: center;
    }
    #mcrl-new-home .home-banner--icon {
        width: 25%;
        padding: 10px;
    }
    #mcrl-new-home .home-banner--text {
        margin-bottom: 25px;
    }
    #mcrl-new-home .home-banner--arrow:after {
        width: 26px;
        height: 30px;
        top: calc(50% - 15px);
        left: 0;
        background: url("/media/2020/04/arrow-top-h.png") center no-repeat;
        background-size: contain;
    }
}
@media only screen and (max-width: 465px) {
    #mcrl-new-home .home-banner--icon {
        width: 50%;
    }
    #mcrl-new-home .home-banner--text {
        font-size: 2.4rem;
    }
    #mcrl-new-home .home-banner--arrow {
        padding-left: 0;
        padding-top: 40px;
    }
    #mcrl-new-home .home-banner--arrow:after {
        top: 0;
        left: calc(50% - 13px);
    }
}

#mcrl-new-home.mcrl-new-home--long {
    text-align: center;
}
#home-banner--long-inner {
    padding-top: 100px;
    background-image: linear-gradient(to bottom, white, #e8e8e6);
    background-image: -webkit-linear-gradient(to bottom, white, #e8e8e6);
    background-image: -moz-linear-gradient(to bottom, white, #e8e8e6);
    background-image: -ms-linear-gradient(to bottom, white, #e8e8e6);
    background-image: -o-linear-gradient(to bottom, white, #e8e8e6);
}
#home-banner--long-inner h1 {
    color: #797e7e;
    font-size: calc(1.5vw + 3rem);
    font-weight: 500;
    line-height: 110%;
    margin: 0 0 50px 0;
}
#home-banner--long-inner a {
  display: inline-block;
  margin-bottom: 50px;
  padding: 10px 20px;
  width: 100%;
  max-width: 300px;
  color: #fff;
  background-color: #475b67;
  border: 2px solid #475b67;
  font-size: 2rem;
  font-weight: 500;
  text-decoration: none;
  line-height: 100%;
}
#home-banner--long-inner a:hover,
#home-banner--long-inner a:focus {
    color: #475b67;
    background-color: #fff;
}
#home-banner--long-inner .home-banner--b2 {
    background-color: transparent;
    color: #475b67;
}
#home-banner--long picture > img {
  width: 100%;
}
#mcrl-new-home.mcrl-new-home--long #home-nav-icons {
    margin-top: 70px;
}
#mcrl-new-home.mcrl-new-home--long #home-nav-icons .row {
    margin-left: -20px;
    margin-right: -20px;
}
#mcrl-new-home.mcrl-new-home--long .home-banner--icon {
    float: left;
    width: 20%;
    padding: 10px;
    text-decoration: none;
}
#mcrl-new-home.mcrl-new-home--long .home-banner--icon > img {
    border-radius: 20px;
}
#mcrl-new-home.mcrl-new-home--long .home-banner--icon > span {
    display: block;
    padding-top: 15px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 120%;
    color: #636466;
}

@media only screen and (max-width: 1360px) {
    #mcrl-new-home.mcrl-new-home--long #home-nav-icons {
        margin-top: 50px;
    }
}
@media only screen and (max-width: 1280px) {
    #home-banner--long-inner {
        padding-top: 50px;
    }
    #home-banner--long-inner h1 {
        font-size: calc(1vw + 3rem);
        margin: 0 0 35px 0;
    }
    #home-banner--long-inner a {
        font-size: 1.8rem;
        padding: 10px 25px;
        max-width: 340px;
    }
}
@media only screen and (max-width: 1024px) {
    #home-banner--long-inner h1 {
        font-size: calc(1vw + 2.4rem);
    }
    #home-banner--long-inner a {
        font-size: 1.6rem;
        padding: 7px 15px;
        max-width: 250px;
    }
    #home-banner--long-inner a.home-banner--b1 {
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 768px) {
  #home-banner--long-inner {
        background-image: linear-gradient(to bottom, white, #ebebe9);
        background-image: -webkit-linear-gradient(to bottom, white, #ebebe9);
        background-image: -moz-linear-gradient(to bottom, white, #ebebe9);
        background-image: -ms-linear-gradient(to bottom, white, #ebebe9);
        background-image: -o-linear-gradient(to bottom, white, #ebebe9);
    }
    #home-banner--long-inner h1 {
        font-size: calc(.3vw + 2.4rem);
    }
    #mcrl-new-home.mcrl-new-home--long #home-nav-icons .row {
        display: flex;
        flex-wrap: wrap;
    }
    #mcrl-new-home.mcrl-new-home--long .home-banner--icon {
        float: none;
        width: auto;
        flex-basis: 50%;
    }
}
@media only screen and (max-width: 500px) {
    #mcrl-new-home.mcrl-new-home--long #home-nav-icons .row {
        display: block;
    }
    #mcrl-new-home.mcrl-new-home--long .home-banner--icon {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }
}

.home-title {
    font-size: 50px;
    font-weight: 100;
    margin-bottom: 60px;
}

#mcrl-new-home .home-title {
    font-size: calc(3.2vw + 3.2rem);
    font-weight: 100;
    line-height: calc(3.2vw + 3.2rem);
    margin-bottom: 45px;
    margin-top: 45px;
}
@media only screen and (min-width: 1660px) {
    #mcrl-new-home .home-title {
        font-size: calc(2vw + 3.2rem);
    }
}
#mcrl-new-home .home-subtitle {
    font-size: calc(.8vw + 2.6rem);
    font-weight: 500;
    line-height: calc(.6vw + 2.6rem);
    margin: 0 0 10px 0;
}
#mcrl-new-home .home-subtitle--two {
    font-size: 2.3rem;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}


#home-poll {
    padding: 3.5rem 0 5.5rem 0;
}

.home-poll-box {
    text-align: center;
}

.home-poll-box > span {
    display: inline-block;
    font-size: 9rem;
    font-weight: 800;
    line-height: 6.5rem;
    margin-bottom: 3.5rem
}

.home-poll-box > h3 {
    font-size: 2.8rem;
    font-weight: 800;
    line-height: 110%;
    margin-bottom: 3.5rem;
}

.home-poll-box > p {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 150%;
    text-align: justify;
    margin-bottom: 0;
}

#mcrl-new-home .home-poll-box {
    text-align: center;
    padding: 0 25px;
}
#mcrl-new-home .home-poll-box--number {
    display: inline-block;
    font-size: calc(3.5vw + 9.5rem);
    font-weight: 800;
    line-height: calc(3.5vw + 9.5rem);
    margin-bottom: 1.5rem;
}

#mcrl-new-home .home-poll-box-title {
    font-size: calc(.3vw + 2.4rem);
    font-weight: 800;
    line-height: calc(.3vw + 2.4rem);
    margin: 0 0 3.5rem 0;
}

#mcrl-new-home .home-poll-box--text {
    font-size: 2rem;
    font-weight: 400;
    line-height: 150%;
    text-align: justify;
    margin-bottom: 0;
}

#mcrl-new-home .home-poll-box--number {
    display: inline-block;
    font-size: calc(3.5vw + 9.5rem);
    font-weight: 800;
    line-height: calc(3.5vw + 9.5rem);
    margin-bottom: 1.5rem;
}

#mcrl-new-home .home-poll-box-title {
    font-size: calc(.3vw + 2.4rem);
    font-weight: 800;
    line-height: calc(.3vw + 2.4rem);
    margin: 0 0 3.5rem 0;
}

#mcrl-new-home .home-poll-box--text {
    font-size: 2rem;
    font-weight: 400;
    line-height: 150%;
    text-align: justify;
    margin-bottom: 0;
}
@media only screen and (min-width: 2030px) {
    #mcrl-new-home .home-poll-box-title {
        font-size: calc(.2vw + 2.4rem);
    }
}
@media only screen and (max-width: 1100px) {
    #mcrl-new-home .home-poll-box {
        padding: 0 15px;
    }
}

/*#disney-walmart {
    margin-bottom: 5rem;
}

#disney-walmart p {
    font-size: 1.2rem;
    font-weight: 600;
    color: #fa5809;
    margin-bottom: 10px;
}*/

#featured-quote {
    padding-bottom: 45px;
}

#mcrl-new-home .home-divider-title > span {
    padding: 0 10px;
}

#featured-quote .home-divider-title {
    margin-bottom: 0;
}

#featured-quote .home-divider-title::after {
    bottom: 40px;
}

.home-divider-title--image img {
    width: 85px;
    border-radius: 50%;
    border: 1px solid #ccc;
    height: 85px;
    object-fit: cover;
    box-shadow: 0 2px 8px 1px rgba(0, 0, 0, .2);
}

#featured-quote .btn-r {
    padding: 10px 4em;
}

@media (max-width: 860px) {
    #featured-quote .home-divider-title {
        margin-bottom: 25px;
    }

    #featured-quote .blog-image-33, #featured-quote .blog-image-67-r {
        width: 100%;
    }

    .home-divider-title--image img {
        width: 65px;
        height: 65px;
    }

    #featured-quote .home-divider-title::after {
        bottom: 30px;
    }
}

#testimonial-slider-wrap {
    margin-bottom: 3.5rem;
}

#testimonial-slider-wrap h2 {
    position: relative;
    font-size: 1.8rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 100%;
    margin-bottom: 2.5rem;
}

#testimonial-slider-wrap h2:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 2px;
    background-color: #252525;
    z-index: -1;
}

#testimonial-slider-wrap h2 > span {
    display: inline-block;
    padding: 0 10px 0 60px;
    background-color: #fff;
}

#testimonial-slider-wrap .testimonial-box--link {
    position: relative;
    display: inline-block;
    font-size: 1.8rem;
    font-weight: 600;
    color: #210a0a;
    text-decoration: none;
}
#testimonial-slider-wrap .testimonial-box--link:after {
    position: absolute;
    content: '';
    bottom: -3px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #210a0a;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
}
#testimonial-slider-wrap .testimonial-box--link:hover:after {
    width: 100%;
}

#home-divider.divider-blue {
    margin-bottom: 3rem;
}

.home-divider-title {
    position: relative;
    font-size: 1.8rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 100%;
    margin-bottom: 2.5rem;
}
.home-divider-title:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 2px;
    background-color: #252525;
    z-index: -1;
}
.home-divider-title > span {
    display: inline-block;
    padding: 0 10px 0 60px;
    background-color: #fff;
}
.home-divider-title > span > a {
    color: #210a0a;
    font-weight: 600;
    text-decoration: underline;
}

#mcrl-new-home .home-divider-title {
    position: relative;
    font-size: 1.8rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 100%;
    margin-bottom: 2.5rem;
}
#mcrl-new-home .home-divider-title:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 2px;
    background-color: #252525;
    z-index: -1;
}
#mcrl-new-home .home-divider-title > span {
    display: inline-block;
    padding: 0 10px;
    background-color: #fff;
}

.col-50 {
    float: left;
    width: 50%;
    padding: 0 15px;
}
#client-stories-home .col-50 {
    text-align: center;
}
#client-stories-home .col-50 > h4 {
    font-size: 2rem;
    font-weight: 500;
    margin: 20px 0 0 0;
}
#client-stories-home .video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
/*#client-stories-home .video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}*/
/*#client-stories-home .video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}*/
/*#client-stories-home .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}*/
#client-stories-home .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.client-stories--title {
    padding: 60px 0 80px 0;
}
.client-stories--title h3 {
    font-size: 2.4rem;
    font-weight: 500;
    text-align: center;
    margin: 0;
}
#client-stories-home .col-50 h4.cs-home-subtitle {
    font-weight: 600;
}
#client-stories-home .col-50 h4.cs-home-subtitle > span {
    font-size: 3.2rem;
    font-weight: 300;
    text-transform: uppercase;
}
#client-stories-home .col-50 h4.cs-home-subtitle > a {
    text-decoration: underline;
    margin-top: 1em;
}
@media only screen and (max-width: 767px) {
    #client-stories-home .col-50 {
        width: 100%;
        float: none;
    }
    #client-stories-home .col-50:first-of-type {
        margin-bottom: 25px;
    }
}

#home-nav-wrap > .container {
    max-width: 730px;
}
#mcrl-new-home #home-nav-wrap > .container {
    max-width: 880px;
}

#home-nav-wrap h4 {
    font-size: 1.6rem;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#home-nav-wrap h4 > a {
    font-weight: 700;
    color: #505153;
}

#home-nav-wrap h4 > a:hover {
    color: #fa5809;
}

#home-nav-wrap ul {
    list-style: none;
    padding-left: 0;
}

#home-nav-wrap ul > li {
    margin-bottom: 12px;
}

#home-nav-wrap ul > li > a {
    display: block;
    line-height: 100%;
    font-size: 1.6rem;
    font-weight: 500;
    color: #210a0a;
}

#home-nav-wrap ul > li > a:hover {
    color: #f64a07;
}

#mcrl-new-home #home-nav-wrap h4 {
    font-size: 2.2rem;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 0;
}

#mcrl-new-home #home-nav-wrap h4 > a {
    font-weight: 700;
    color: #505153;
    text-decoration: none;
}

#mcrl-new-home #home-nav-wrap h4 > a:hover {
    color: #fa5809;
}

#mcrl-new-home #home-nav-wrap ul {
    list-style: none;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 30px;
}

#mcrl-new-home #home-nav-wrap ul > li {
    margin-bottom: 12px;
}

#mcrl-new-home #home-nav-wrap ul > li > a {
    display: block;
    line-height: 100%;
    font-size: 1.7rem;
    font-weight: 500;
    color: #000205;
    text-decoration: none;
}

#mcrl-new-home #home-nav-wrap ul > li > a:hover {
    color: #f64a07;
}

@media only screen and (max-width: 1024px) {
    #home-poll {
        padding: 1.5rem 0 3.5rem 0;
    }

    .home-poll-box > span {
        font-size: 7rem;
        line-height: 4.5rem;
        margin-bottom: 2.5rem
    }

    .home-poll-box > h3 {
        font-size: 2.4rem;
        margin-bottom: 2.5rem;
    }

    #mcrl-new-home #home-poll .col.col-4 {
        float: none;
        width: 100%;
        max-width: 450px;
        margin: 0 auto;
        margin-bottom: 3.5rem;
    }
    #mcrl-new-home #home-poll .col.col-4:last-of-type {
        margin-bottom: 0;
    }
    #mcrl-new-home .home-poll-box-title {
        font-size: calc(.5vw + 2.4rem);
        line-height: calc(.5vw + 2.4rem);
    }
}

@media only screen and (max-width: 768px) {
    .home-title {
        font-size: 42px;
        margin-bottom: 40px;
    }
    #home-poll .col.col-4 {
        float: none;
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        margin-bottom: 3.5rem;
    }
    #home-poll .col.col-4:last-of-type {
        margin-bottom: 0;
    }

}

@media only screen and (max-width: 600px) {
    .home-title {
        font-size: 36px;
    }
    #home-nav-wrap .col.col-4 {
        float: none;
        width: 100%;
    }
    /*#mcrl-new-home #home-nav-wrap > .container {
        max-width: 335px;
    }*/
}

@media only screen and (max-width: 450px) {
  .mcrl-blockquote {
    padding: 20px 10px;
    margin: 50px 0;
    text-align: left;
  }

  .mcrl-blockquote:before {
    top: -27px;
    left: -27px;
    width: 60px;
    height: 45px;
  }

  .mcrl-blockquote:after {
    bottom: -27px;
    right: -27px;
    width: 60px;
    height: 45px;
  }

  .home-poll-box > p {
    text-align: left;
  }

  #featured-quote .mcrl-blockquote::after {
    right: 0;
  }

  #featured-quote .mcrl-blockquote::before {
    left: 0;
  }
}


.row-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.row-flex--align-top {
    align-items: flex-start;
}
.col-flex-3 {
    flex-basis: 25%;
}
.col-flex-9 {
    flex-basis: 75%;
}

.col-flex--text-right {
    padding-left: 20px;
}
.col-flex--image {
    text-align: center;
}

#home-divider--bb {
    background: #eaf6fc url("/media/2024/10/bg-01-small-2.jpg") center right no-repeat;
    background-size: contain;
}

#home-divider--bb .bb-row-flex {
    justify-content: stretch;
}

.home-divider--inner {
    padding: 2em;
    background-image: linear-gradient(to right, rgba(234, 246, 252, .9) 0%, rgba(234, 246, 252, .6) 70%, transparent 100%);
}

.home-divider--inner h3 {
    font-size: 1.75em;
    font-weight: 500;
    margin-bottom: .2em;
}

.home-divider--inner p {
    font-size: 1.125em;
    margin-bottom: 1em;
}

@media (max-width: 767px) {
    .home-divider--inner p {
        font-size: 1em;
    }
}

@media (min-width: 768px) {
    .home-divider--inner {
        padding: 4em 1em 1em 1em;
    }
}

@media (min-width: 1025px) {
    #home-divider--bb .bb-row-flex > div:nth-of-type(1) {
        width: 50%;
    }

    #home-divider--bb .bb-row-flex > div:nth-of-type(2) img {
        display: none;
    }

    #home-divider--bb .bb-row-flex > div:nth-of-type(2) {
        width: 50%;
    }

    #home-divider--bb .bb-row-flex > div:nth-of-type(2) {
        justify-content: center;
    }

    .home-divider--inner {
        padding: 4em 2em 4em 2em;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

@media (max-width: 1024px) {
    #home-divider--bb {
        background-image: none;
    }

    #home-divider--bb .bb-row-flex {
        flex-direction: column;
    }

    #home-divider--bb .bb-row-flex > div:nth-of-type(1) {
        width: 100%;
        text-align: center;
    }

    #home-divider--bb .bb-row-flex > div:nth-of-type(2) {
        width: 100%;
    }

    #home-divider--bb .bb-row-flex > div:nth-of-type(2) img {
        display: block;
    }
}

@media (max-width: 600px) {
  .row-flex {
    flex-direction: column;
  }
  .col-flex-3 {
      flex-basis: 100%;
  }
  .col-flex-9 {
      flex-basis: 100%;
  }
  .col-flex--text-right {
    padding-left: 0;
    padding-top: 25px;
  }
}

#testimonial--reviews {
    max-width: 350px;
    margin: 0 auto;
    margin-top: -3em;
}
#testimonial--reviews.home--testimonial--reviews {
    background: linear-gradient(to bottom, #d88e00 70%, #fff 30%);
    padding: 2.5em 0;
    margin-top: 0;
    max-width: 100%;
}
#testimonial--reviews.home--testimonial--reviews > .container {
    max-width: 350px;
}
.testimonial--reviews-item {
    display: block;
    background-color: #fff;
    border: 1px solid #939393;
    border-radius: 150px;
    padding: 25px;
    text-align: center;
    margin-bottom: 1em;
    transition: all 300ms ease;
}
.testimonial--reviews-item:hover,
.testimonial--reviews-item:active,
.testimonial--reviews-item:focus {
    box-shadow: 5px 6px 8px -2px rgba(0, 0, 0, .2);
}
.testimonial--testimonial--content {
    padding-top: 2em;
    padding-bottom: 2em;
}
.testimonial--testimonial--content h2 {
    font-size: 2.3rem;
    text-transform: uppercase;
}
.testimonial--testimonial--content hr {
    background-color: #000;
    height: 3px;
    margin: 0;
}
@media (min-width: 768px) {
    #testimonial--header.nd-header {
        padding-bottom: 6em;
    }
    .testimonial--stars-container {
        max-width: 350px;
    }
    #testimonial--reviews {
        max-width: 1050px;
        margin-top: -3.5em;
    }
    #testimonial--reviews.home--testimonial--reviews {
        background: linear-gradient(to bottom, #d88e00 50%, #fff 50%);
        max-width: 100%;
        margin-top: 0;
    }
    #testimonial--reviews.home--testimonial--reviews > .container {
        max-width: 950px;
    }
    #testimonial--row .col-flex--50:first-of-type {
        padding-right: 3%;
    }
    #testimonial--row .col-flex--50:last-of-type {
        padding-left: 3%;
    }
}

/* === End Imported Home Page CSS === */

/* === AUTO-IMPORTED FROM css-audit-home-missing.css (Home audit) === */

#LP--getstarted .container {
max-width: 901px;
    margin: 0 auto;
}

#childern-gallery.refreshed-gallery-2 .col {
float: none;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
}

#childern-gallery.refreshed-gallery-2 .col.col-2x4 {
width: calc(66.6666% - 4px);
}

#childern-gallery.refreshed-gallery-2 .col.col-2x4 span {
margin-top: 0;
}

#childern-gallery.refreshed-gallery-2 .col.col-4 {
width: calc(33.3333% - 4px);
}

#children-two.children-two--tele .col-6 h2 {
line-height: 120%;
}

#design-help-box.mcrl-has-video .col-4 {
padding-left: 0;
}

#design-help-box.spot-with-btns .btn-r {
max-width: 350px;
}

#eska-wrap .btn-r {
min-width: 250px;
    margin-bottom: 2rem;
}

#home-slider-1122 div#n2-ss-4 .n-uc-TNnTcVR4HxiG a {
text-transform: uppercase;
}

#home-slider-1122 div#n2-ss-4 .n2-font-ff3ef25975f5bb55054a3779340b4757-link a {
text-transform: uppercase;
}

#lp-blank--quote.section-with-quote .mcrl-blockquote > p:after {
right: -35px;
}

#lp-blank--quote.section-with-quote .mcrl-blockquote footer {
text-align: center;
}

#main a:not(.btn-r):not(.mcrl-post-teaser-btn) {
font-weight: 500;
}

#mcrl-new-home .page-banner .home-banner--column {
display: block;
}

#mcrl-new-home .page-banner .home-banner--column-one {
text-align: center;
}

#mcrl-new-home .page-banner .home-banner--text {
margin-bottom: 0;
}

#mcrl-new-home div#n2-ss-2 .n-uc-06SfpEG4YZ5m {
max-width: 1200px;
}

#mcrl-request-btn-box .span7 > div.btn-r {
margin-bottom: 6px;
    cursor: pointer;
    width: 220px;
    padding: 0;
}

#mcrl-request-btn-box .span7 > div.btn-r > a {
display: inline-block;
    padding: 10px 20px;
}

#mcrl-three-buttons .btn-r {
margin-bottom: 10px;
}

#packaging-video-row .col-6 small {
display: inline-block;
    margin-top: 25px;
    font-size: 1.4rem;
    margin-left: 5px;
}

#ppe-wrap .btn-r {
height: 40px;
}

#ppe-wrap .col-4 {
display: flex;
    flex-basis: 25%;
    padding: 0 15px;
    flex-flow: row wrap;
    justify-content: center;
    width: auto;
}

#ppe-wrap > .row {
display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
}

#ppe-wrap.ppe-wrap--home .col-4 {
flex-basis: 33.3333%;
}

#printing-house-box .col {
padding-left: 5px;
    padding-right: 5px;
}

#reviews-wrap .btn-r {
width: 100%;
    max-width: 245px;
    text-align: center;
}

#services-main .btn-r {
padding: 10px;
    line-height: 100%;
}

#storage--bg .title-36 {
font-weight: 400;
    margin-bottom: 1em;
}

#wps-request-quote > .container {
max-width: 1500px;
}

.LP--black-gradient .container {
max-width: 1500px;
}

.LP--testimonials .testimonial-box {
margin-bottom: 0;
    display: block;
    width: 100%;
    padding: 0;
}

.LP--testimonials .testimonial-box > h3 {
font-size: 2.4rem;
    font-weight: 400;
    color: #00a1ed;
    line-height: 140%;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.LP--testimonials .testimonial-box > h3 a {
color: #009beb;
}

.LP--testimonials .testimonial-box-avatar > img {
max-width: 200px;
}

.LP--testimonials.LP--testimonials--publisher-summit .testimonial-box > h4 {
font-size: 2rem;
    font-weight: 500;
    color: #ff3b79;
    line-height: 140%;
    text-transform: uppercase;
    margin-bottom: .4em;
    padding-bottom: 0;
    border-bottom: none;
}

.LP--testimonials.LP--testimonials--publisher-summit .testimonial-box > h4 > span {
display: block;
    font-size: 1.8rem;
    font-weight: 400;
    color: #414141;
    line-height: 120%;
    text-transform: none;
}

.LP--testimonials.LP--testimonials--publisher-summit .testimonial-box-avatar > img {
max-width: 140px;
}

.LP--testimonials.htg-client-story .testimonial-box > h3 {
font-size: 1.6rem;
}

.bb-green-bg > .btn-r {
min-width: 100px;
}

.btn-holder > .btn-r {
width: 100%;
    max-width: 245px;
    margin-bottom: 5px;
    text-align: center;
}

.btn-r.btn-black:active {
color: #1a1818;
    background-color: #ffdc00;
    box-shadow: inset 0 0 5px 4px rgba(255, 192, 0, .45);
}

.btn-r.btn-black:focus {
color: #1a1818;
    background-color: #ffdc00;
    box-shadow: inset 0 0 5px 4px rgba(255, 192, 0, .45);
}

.design--box .col small {
display: block;
    font-size: 1.4rem;
    padding: 15px 0 30px 0;
}

.design--pagination .col:last-of-type {
text-align: right;
}

.divider {
padding: 4rem 0;
}

.divider-blue {
background-color: #0682c0;
}

.divider-blue h3 {
color: #fff;
    margin-bottom: 0;
    line-height: 100%;
    font-size: 4.6rem;
    font-weight: 500;
    letter-spacing: 2px;
}

.divider-blue h3 > span {
display: block;
    font-weight: 300;
    letter-spacing: 1px;
}

.divider-blue h4 {
color: #fff;
    margin-bottom: 2.5rem;
    line-height: 120%;
    font-size: 2.4rem;
    font-weight: 500;
}

.google-reviews .testimonial-box-avatar > img {
box-shadow: 0 2px 8px 1px rgba(0, 0, 0, .15);
    border: 4px solid #5fb7bb;
}

.htg .title-36 {
font-size: calc(1vw + 2.2rem);
}

.htg-client-story .row {
width: 100%;
    max-width: 1110px;
    margin: 0 auto;
}

.htg-client-story .row > .col-20 {
padding-top: 40px;
    text-align: center;
}

.location-box .btn-r {
padding: 6px 10px;
}

.location-box > .col.col-55 {
float: right;
}

.nd-under-header .btn-r {
min-width: 200px;
}

.promise-btns .btn-r {
width: 100%;
    max-width: 315px;
}

.refreshed-gallery .col-4 {
margin-bottom: 20px;
}

.refreshed-gallery .col-4 span {
display: inline-block;
    text-transform: uppercase;
    line-height: 100%;
    margin-top: 10px;
}

.row.row-m-5 {
margin-left: -5px;
    margin-right: -5px;
}

.row:after {
content: "";
    display: table;
    clear: both;
}

.section-bg-color .btn-r {
text-decoration: none;
    font-weight: 600;
}

.section-bg-color .btn-r:hover {
opacity: 1;
}

.section-bg-color--yellow .btn-r.btn-black:hover {
background-color: #009deb;
    box-shadow: inset 0 0 5px 4px rgba(11, 113, 164, .45);
}

.section-with-quote .mcrl-blockquote {
padding: 0;
}

.section-with-quote .mcrl-blockquote > p {
position: relative;
    padding: 35px;
}

.section-with-quote .mcrl-blockquote > p:after {
position: absolute;
    content: '';
    bottom: -5px;
    right: 55px;
    width: 75px;
    height: 56px;
    background: url("/media/2018/06/quote-down.jpg") center no-repeat;
    background-size: auto;
    background-size: contain;
}

.section-with-quote .mcrl-blockquote > p:before {
position: absolute;
    content: '';
    top: -27px;
    left: -27px;
    width: 75px;
    height: 56px;
    background: url("/media/2018/06/quote-up.jpg") center no-repeat;
    background-size: auto;
    background-size: contain;
}

.section-with-quote .mcrl-blockquote footer {
text-align: left;
}

.section-with-quote .mcrl-blockquote footer > img {
display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    width: 150px;
}

.section-with-quote .mcrl-blockquote footer > span {
display: inline-block;
    vertical-align: middle;
    padding-left: 15px;
    line-height: 120%;
    width: calc(100% - 160px);
}

.section-with-quote .mcrl-blockquote footer > span > a {
display: block;
    text-transform: uppercase;
    text-decoration: underline;
    margin-top: 10px;
}

.section-with-quote .mcrl-blockquote:after {
display: none;
}

.section-with-quote .mcrl-blockquote:before {
display: none;
}

.service-box .btn-r {
position: absolute;
    width: 140px;
    padding: 9px 13px;
    bottom: 0;
}

.service-box .service-box-left .btn-r {
right: 60px;
}

.service-box .service-box-right .btn-r {
right: 0;
}

.spot-with-btns .btn-r {
width: 100%;
    max-width: 245px;
}

.spot-with-btns .btn-r:first-of-type {
margin-bottom: 10px;
}

.widget_woo_flickr .wrap {
position: relative;
    margin-bottom: 1.618em;
    padding: 0;
}

.with-bg-1 .btn-r {
padding: 10px 40px;
}

.wps-banner .col-flex--50 {
max-width: 400px;
    margin: 0 auto;
}

.wps-banner .col-flex--50 + .col-flex--50 {
margin-top: 2em;
}

div.btn-r:hover {
color: #1a1818;
    background-color: #ffdc00;
    box-shadow: inset 0 0 5px 4px rgba(255, 192, 0, .45);
}

div.btn-r:hover > a {
color: #1a1818;
    background-color: #ffdc00;
    box-shadow: inset 0 0 5px 4px rgba(255, 192, 0, .45);
}

@media (max-width: 1024px) {
  .bb-has-btn .btn-r {
  margin-bottom: 15px;
  }
}

@media (max-width: 1024px) {
  .design--pagination .col {
  float: none;
          width: 100%;
          text-align: center;
  }
}

@media (max-width: 1024px) {
  .design--pagination .col:last-of-type {
  text-align: center !important;
  }
}

@media (max-width: 1024px) {
  .refreshed-gallery .col-4 span {
  font-size: 80%;
  }
}

@media (max-width: 1199px) {
  #home-slider-1122 .n2-ss-slide-background:nth-of-type(5) img {
  object-position: left;
  }
}

@media (max-width: 1199px) {
  #home-slider-1122 div#n2-ss-4 .n-uc-0Ra9mYReajZp {
  background-color: rgba(255, 255, 255, .5);
  }
}

@media (max-width: 1199px) {
  #home-slider-1122 div#n2-ss-4 .n-uc-TNnTcVR4HxiG {
  max-width: 470px;
  }
}

@media (max-width: 1199px) {
  #home-slider-1122 div#n2-ss-4 .n-uc-TNnTcVR4HxiG-inner {
  padding: 55% 10px 30px 10px;
  }
}

@media (max-width: 1199px) {
  #home-slider-1122 div#n2-ss-4 .n2-style-e006595d8436f36e09b7a03717a8fd86-heading {
  font-size: 325% !important;
  }
}

@media (max-width: 1280px) {
  .LP--testimonials .testimonial-box > h3 {
  font-size: 2rem;
  }
}

@media (max-width: 1360px) {
  #home-slider-1122 div#n2-ss-3 .n2-font-ff3ef25975f5bb55054a3779340b4757-link a {
  font-size: 100%;
  }
}

@media (max-width: 1360px) {
  #home-slider-1122 div#n2-ss-4 .n-uc-TNnTcVR4HxiG {
  max-width: 515px;
  }
}

@media (max-width: 1360px) {
  #home-slider-1122 div#n2-ss-4 .n-uc-TNnTcVR4HxiG a {
  font-size: 100%;
  }
}

@media (max-width: 1360px) {
  #home-slider-1122 div#n2-ss-4 .n2-font-efaf1bfe309a5d3173933531341c8e37-paragraph {
  font-size: 165%;
  }
}

@media (max-width: 1360px) {
  #home-slider-1122 div#n2-ss-4 .n2-style-e006595d8436f36e09b7a03717a8fd86-heading {
  font-size: 280% !important;
  }
}

@media (max-width: 1460px) {
  .LP--testimonials .testimonial-box > h3 {
  font-size: 2.2rem;
  }
}

@media (max-width: 1550px) {
  #home-slider-1122 div#n2-ss-3 .n-uc-150a797b27ca3-inner {
  padding: 10px 10px 10px 10px;
  }
}

@media (max-width: 1550px) {
  #home-slider-1122 div#n2-ss-4 .n-uc-TNnTcVR4HxiG {
  max-width: 675px;
  }
}

@media (max-width: 1550px) {
  #home-slider-1122 div#n2-ss-4 .n2-ss-slide-13 .n-uc-731uWfPk55gr {
  max-width: 595px;
  }
}

@media (max-width: 1550px) {
  #home-slider-1122 div#n2-ss-4 .n2-ss-slide-14 .n-uc-RqeuCYQwKGCd {
  background-color: rgba(255, 255, 255, .4);
  }
}

@media (max-width: 1650px) {
  #home-slider-1122 div#n2-ss-4 .n2-ss-slide-13 .n-uc-731uWfPk55gr {
  max-width: 730px;
  }
}

@media (max-width: 1740px) {
  #home-slider-1122 div#n2-ss-4 .n-uc-0Ra9mYReajZp {
  max-width: 910px;
  }
}

@media (max-width: 1740px) {
  #home-slider-1122 div#n2-ss-4 .n-uc-0Ra9mYReajZp h2 {
  font-size: 325%;
  }
}

@media (max-width: 1740px) {
  #home-slider-1122 div#n2-ss-4 .n-uc-0Ra9mYReajZp p {
  font-size: 180%;
  }
}

@media (max-width: 1740px) {
  #home-slider-1122 div#n2-ss-4 .n-uc-TNnTcVR4HxiG {
  max-width: 825px;
  }
}

@media (max-width: 1740px) {
  #home-slider-1122 div#n2-ss-4 .n-uc-TNnTcVR4HxiG h1 {
  font-size: 330%;
  }
}

@media (max-width: 1740px) {
  #home-slider-1122 div#n2-ss-4 .n-uc-TNnTcVR4HxiG-inner {
  padding: 10px 10px 30px 10px;
  }
}

@media (max-width: 1740px) {
  #home-slider-1122 div#n2-ss-4 .n2-ss-slide-14 .n-uc-RqeuCYQwKGCd .n-uc-jAolRqtqcjWG {
  margin-bottom: 50px;
  }
}

@media (max-width: 2000px) {
  #home-slider-1122 div#n2-ss-4 .n-uc-0Ra9mYReajZp {
  max-width: 1000px;
  }
}

@media (max-width: 2000px) {
  #home-slider-1122 div#n2-ss-4 .n-uc-TNnTcVR4HxiG {
  max-width: 930px;
  }
}

@media (max-width: 2000px) {
  #home-slider-1122 div#n2-ss-4 .n2-ss-slide-13 .n-uc-731uWfPk55gr {
  max-width: 840px;
  }
}

@media (max-width: 2000px) {
  #home-slider-1122 div#n2-ss-4 .n2-ss-slide-14 .n-uc-RqeuCYQwKGCd {
  max-width: 615px;
  }
}

@media (max-width: 360px) {
  .LP--testimonials .testimonial-box > h3 {
  font-size: 1.6rem;
  }
}

@media (max-width: 450px) {
  #featured-quote .mcrl-blockquote::after {
  right: 0;
  }
}

@media (max-width: 450px) {
  #featured-quote .mcrl-blockquote::before {
  left: 0;
  }
}

@media (max-width: 470px) {
  #home-slider-1122 .n2-ss-slide-background:nth-of-type(3) img {
  object-position: 23%;
  }
}

@media (max-width: 470px) {
  #home-slider-1122 .n2-ss-slide-background:nth-of-type(5) img {
  object-position: 10%;
  }
}

@media (max-width: 470px) {
  #home-slider-1122 div#n2-ss-3 .n-uc-o8414B0yKntD-inner {
  background-color: rgba(255, 255, 255, .6);
  }
}

@media (max-width: 600px) {
  .lp-blank--img-container .col-4 {
  width: 100%;
  }
}

@media (max-width: 696px) {
  #home-slider-1122 .n2-ss-slide-background:nth-of-type(2) img {
  object-position: 35%;
  }
}

@media (max-width: 767px) {
  #shipping-options h2.title-36 {
  font-size: 2.6rem;
  }
}

@media (max-width: 767px) {
  #shipping-options h3.title-36 {
  font-size: 2.6rem;
  }
}

@media (max-width: 767px) {
  #storage--bg .title-36 {
  font-size: 2.8rem;
  }
}

@media (max-width: 767px) {
  #turnaround-bg .title-36 {
  font-size: 2.6rem;
  }
}

@media (max-width: 860px) {
  .postid-7608 .blog-image-33 {
  width: 100%;
  }
}

@media (max-width: 900px) {
  #home-slider-1122 div#n2-ss-4 .n-uc-TNnTcVR4HxiG-inner {
  padding: 10px 10px 10px 10px;
  }
}

@media (max-width: 900px) {
  #home-slider-1122 div#n2-ss-4 .n-uc-TNnTcVR4HxiG-inner > .n2-ss-layer-row-inner {
  justify-content: center;
  }
}

@media (max-width: 900px) {
  #home-slider-1122 div#n2-ss-4 .n-uc-TNnTcVR4HxiG-inner > .n2-ss-layer-row-inner > .n2-ss-layer[data-sstype="col"] {
  margin: 0;
  }
}

@media (max-width: 900px) {
  #home-slider-1122 div#n2-ss-4 .n-uc-wlrnAVpKJUBD-inner > .n2-ss-layer-row-inner {
  justify-content: center;
  }
}

@media (max-width: 900px) {
  #home-slider-1122 div#n2-ss-4 .n2-ss-slide-13 .n-uc-731uWfPk55gr {
  background-color: rgba(255, 255, 255, .6);
  }
}

@media (max-width: 900px) {
  #home-slider-1122 div#n2-ss-4 .n2-style-e006595d8436f36e09b7a03717a8fd86-heading {
  padding-top: 4.5em;
  }
}

@media (max-width: 991px) {
  .LP--testimonials .testimonial-box {
  margin-bottom: 1em;
  }
}

@media (min-width: 1900px) {
  #home-slider-1122 div#n2-ss-4 .n-uc-0Ra9mYReajZp {
  margin-right: 5%;
  }
}

@media (min-width: 2245px) {
  #home-slider-1122 div#n2-ss-4 .n-uc-0Ra9mYReajZp {
  margin-right: 10%;
  }
}

@media (min-width: 2245px) {
  #home-slider-1122 div#n2-ss-4 .n-uc-TNnTcVR4HxiG-inner {
  padding: 10px 10px 30px 10px;
  }
}

@media (min-width: 2245px) {
  #home-slider-1122 div#n2-ss-4 .n2-ss-slide-14 .n-uc-RqeuCYQwKGCd .n-uc-jAolRqtqcjWG {
  margin-bottom: 150px;
  }
}

@media (min-width: 2245px) {
  #home-slider-1122 div#n2-ss-4 .n2-style-e006595d8436f36e09b7a03717a8fd86-heading {
  font-size: 400%;
  }
}

@media (min-width: 768px) {
  .wps-banner .col-flex--50 {
  max-width: initial;
          padding-left: 1em;
          padding-right: 1em;
  }
}

@media (min-width: 768px) {
  .wps-banner .col-flex--50 + .col-flex--50 {
  margin-top: 0;
  }
}

@media only screen and (max-width: 1024px) {
  #children-two.children-two--tele .col-6 {
  width: 100%;
  }
}

@media only screen and (max-width: 1024px) {
  #children-two.pen-box-section .col-6 {
  width: 100%;
  }
}

@media only screen and (max-width: 1024px) {
  #design-help-box.mcrl-has-video .col-4 {
  width: 100%;
  }
}

@media only screen and (max-width: 1024px) {
  #main-header.sticky .ak-sticky-menu-mobile .nav-wrap-btn > .btn-r {
  padding: 6px 10px;
          margin-top: 0;
  }
}

@media only screen and (max-width: 1024px) {
  #mcrl-three-buttons .btn-r {
  display: block;
          width: 100%;
          max-width: 320px;
          margin: 0 auto;
          margin-bottom: 10px;
  }
}

@media only screen and (max-width: 1024px) {
  .divider-blue h3 {
  font-size: 4.2rem;
  }
}

@media only screen and (max-width: 400px) {
  .nav-wrap-btn>.btn-r {
  width: 100%;
  }
}

@media only screen and (max-width: 450px) {
  #ribbon-swatches .col-6 {
  width: 100%;
  }
}

@media only screen and (max-width: 500px) {
  #lp-blank--quote.section-with-quote .mcrl-blockquote > p:after {
  right: 0;
  }
}

@media only screen and (max-width: 500px) {
  .htg-box.htg-box--colorfive .row > .col.col-3 {
  float: none;
          width: 100%;
          max-width: 300px;
          margin: 0 auto;
  }
}

@media only screen and (max-width: 500px) {
  .htg-box.htg-box--colorfive .row > .col.col-3:not(:first-child) {
  padding-top: 15px;
  }
}

@media only screen and (max-width: 500px) {
  .htg-box.htg-box--colorfive .row > .col.col-4 {
  float: none;
          width: 100%;
          max-width: 300px;
          margin: 0 auto;
  }
}

@media only screen and (max-width: 500px) {
  .htg-box.htg-box--colorfive .row > .col.col-4:not(:first-child) {
  padding-top: 15px;
  }
}

@media only screen and (max-width: 500px) {
  .htg-box.htg-box--colorfour .col.col-8.margin-bottom-40 {
  margin-bottom: 20px;
  }
}

@media only screen and (max-width: 500px) {
  .htg-box.htg-box--colorfour .design-has-list .col.col-4 {
  float: none;
          width: 100%;
  }
}

@media only screen and (max-width: 500px) {
  .htg-box.htg-box--colorfour .design-has-list .col.col-4 > ul {
  margin: 0;
  }
}

@media only screen and (max-width: 500px) {
  .htg-box.htg-box--colorsix .row > .col.col-4 {
  float: none;
          width: 100%;
          max-width: 300px;
          margin: 0 auto;
  }
}

@media only screen and (max-width: 500px) {
  .htg-box.htg-box--colorsix .row > .col.col-4:not(:first-child) {
  padding-top: 15px;
  }
}

@media only screen and (max-width: 500px) {
  .section-with-quote .mcrl-blockquote > p {
  padding: 35px 0 50px 0;
  }
}

@media only screen and (max-width: 500px) {
  .section-with-quote .mcrl-blockquote > p:after {
  right: 0;
  }
}

@media only screen and (max-width: 500px) {
  .section-with-quote .mcrl-blockquote > p:before {
  left: 0;
  }
}

@media only screen and (max-width: 550px) {
  #lp-blank--quote.section-with-quote .mcrl-blockquote footer > img {
  display: inline-block;
  }
}

@media only screen and (max-width: 550px) {
  #ppe-wrap .col-4 {
  flex-basis: 100%;
          max-width: 350px;
  }
}

@media only screen and (max-width: 550px) {
  #ppe-wrap > .row {
  flex-direction: column;
          align-items: center;
  }
}

@media only screen and (max-width: 550px) {
  #ppe-wrap.ppe-wrap--home .col-4 {
  flex-basis: 100%;
          max-width: 350px;
  }
}

@media only screen and (max-width: 550px) {
  .design--box .col-4 {
  width: 100%;
  }
}

@media only screen and (max-width: 550px) {
  .section-with-quote .mcrl-blockquote footer > img {
  display: none;
  }
}

@media only screen and (max-width: 550px) {
  .section-with-quote .mcrl-blockquote footer > span {
  width: 100%;
  }
}

@media only screen and (max-width: 600px) {
  #childern-gallery .col-4 {
  width: 100%;
  }
}

@media only screen and (max-width: 600px) {
  #childern-gallery.refreshed-gallery-2 .col {
  display: block;
  }
}

@media only screen and (max-width: 600px) {
  #childern-gallery.refreshed-gallery-2 .col.col-2x4 {
  width: 100%;
  }
}

@media only screen and (max-width: 600px) {
  #childern-gallery.refreshed-gallery-2 .col.col-4 {
  width: 100%;
  }
}

@media only screen and (max-width: 600px) {
  #second-childern-gallery-my .col-4 {
  width: 100%;
  }
}

@media only screen and (max-width: 600px) {
  #second-childern-gallery-my .col-4:not(:last-of-type) {
  margin-bottom: 25px;
  }
}

@media only screen and (max-width: 600px) {
  .childern-gallery--pi .col-4 {
  width: 100%;
  }
}

@media only screen and (max-width: 600px) {
  .htg-box.htg-box--colorfive .row > .col.col-3:first-child {
  width: 100%;
  }
}

@media only screen and (max-width: 600px) {
  .htg-box.htg-box--colorfive .row > .col.col-3:nth-child(3) {
  padding-top: 0;
  }
}

@media only screen and (max-width: 650px) {
  #promotional-divider .col.col-6 {
  float: none;
          width: 100%;
          max-width: 345px;
          margin: 0 auto;
          margin-bottom: 10px;
  }
}

@media only screen and (max-width: 650px) {
  #winner-box .col.col-45 {
  float: none;
          width: 100%;
  }
}

@media only screen and (max-width: 650px) {
  #winner-box .col.col-55 {
  float: none;
          width: 100%;
  }
}

@media only screen and (max-width: 650px) {
  .location-box .col.col-45 {
  float: none;
          width: 100%;
  }
}

@media only screen and (max-width: 650px) {
  .location-box .col.col-55 {
  float: none;
          width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .footer-wrap-why .col-4 {
  width: 100%;
          margin-bottom: 35px;
          text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .footer-wrap-why .col-4:last-of-type {
  margin-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .nav-wrap-btn > .btn-r {
  font-size: 1.4rem;
          padding: 6px 10px;
          
          width: 100%;
          max-width: 180px;
  }
}

@media only screen and (max-width: 768px) {
  #packaging-video-row .col-6 {
  float: none;
          width: 100%;
          max-width: 550px;
          margin: 0 auto;
  }
}

@media only screen and (max-width: 768px) {
  #packaging-video-row .col-6:first-of-type {
  margin-bottom: 25px;
  }
}

@media only screen and (max-width: 768px) {
  #printing-house-box .col {
  padding-left: inherit;
          padding-right: inherit;
  }
}

@media only screen and (max-width: 768px) {
  #printing-house-box .col-4 {
  float: none;
          width: 100%;
          text-align: center;
          margin-bottom: 5px;
  }
}

@media only screen and (max-width: 768px) {
  .divider-blue h3 {
  font-size: 3.6rem;
  }
}

@media only screen and (max-width: 768px) {
  .htg-box.htg-box--colorfive .row > .col.col-3 {
  width: 50%;
  }
}

@media only screen and (max-width: 768px) {
  .htg-box.htg-box--colorfive .row > .col.col-3:nth-child(3) {
  padding-top: 15px;
  }
}

@media only screen and (max-width: 768px) {
  .htg-box.htg-box--colorfive .row > .col.col-3:nth-child(4) {
  padding-top: 15px;
  }
}

@media only screen and (max-width: 768px) {
  .htg-box.htg-box--colorfour .col.col-4.margin-bottom-40 {
  margin-bottom: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .htg-box.htg-box--colorfour .col.col-8 {
  float: none;
          width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .htg-box.htg-box--colorfour .col.col-8.margin-bottom-40 {
  margin-bottom: 0;
  }
}

@media only screen and (max-width: 768px) {
  .htg-box.htg-box--colorfour .row > .col.col-4 {
  float: none;
          width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .htg-pj > .col.col-50 {
  float: none;
          width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .htg-pj > .col.col-50 > ul {
  margin: 0;
  }
}

@media only screen and (max-width: 768px) {
  .htg-teasers .col.col-4 {
  float: none;
          width: 100%;
          max-width: 400px;
          margin: 0 auto;
  }
}

@media only screen and (max-width: 768px) {
  .htg-teasers .col.col-4:not(:last-of-type) {
  margin-bottom: 50px;
  }
}

@media only screen and (max-width: 768px) {
  .htg.htg-client-story .row > .col-20 {
  display: none;
  }
}

@media only screen and (max-width: 768px) {
  .htg.htg-client-story .row > .col-80 {
  float: none;
          width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .service-box .btn-r {
  position: static;
          width: auto;
          padding: 9px 13px;
          bottom: auto;
  }
}

@media only screen and (max-width: 768px) {
  .service-box .service-box-left .btn-r {
  right: auto;
  }
}

@media only screen and (max-width: 768px) {
  .service-box .service-box-right .btn-r {
  right: auto;
  }
}

@media only screen and (max-width: 768px) {
  .title-36 {
  font-size: 3.4rem;
  }
}

@media only screen and (max-width: 850px) {
  .service-box .service-box-left .btn-r {
  right: 30px;
  }
}

@media only screen and (max-width: 950px) {
  #children-two .col-6 {
  width: 100%;
  }
}

@media only screen and (max-width: 950px) {
  #children-two.calendar-printing--section .col-6 {
  float: none;
  }
}

@media only screen and (max-width: 950px) {
  .design--box .col-4 {
  width: 50%;
  }
}

@media only screen and (max-width: 950px) {
  .design-has-list .col-4 {
  width: 33.3333%;
  }
}

@media only screen and (max-width: 950px) {
  .promise-btns .col-6 {
  width: 100%;
          margin-bottom: 30px;
          text-align: center;
  }
}

@media only screen and (max-width: 950px) {
  .promise-btns .col-6 p {
  margin-bottom: 10px;
  }
}

@media only screen and (max-width: 950px) {
  .promise-btns .col-6.mcrl-align-right {
  text-align: center;
  }
}

@media only screen and (max-width: 991px) {
  #ppe-wrap .col-4 {
  flex-basis: 50%;
          margin-bottom: 50px;
  }
}

@media only screen and (max-width: 991px) {
  #ppe-wrap.ppe-wrap--home .col-4 {
  flex-basis: 50%;
          margin-bottom: 50px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 960px) {
  #winner-box .col.col-45 {
  float: none;
          width: 100%;
  }
}

@media only screen and (min-width: 769px) and (max-width: 960px) {
  #winner-box .col.col-55 {
  float: none;
          width: 100%;
  }
}

@media only screen and (min-width: 769px) and (max-width: 960px) {
  .location-box .col.col-45 {
  float: none;
          width: 100%;
  }
}

@media only screen and (min-width: 769px) and (max-width: 960px) {
  .location-box .col.col-55 {
  float: none;
          width: 100%;
  }
}

/* === END AUTO-IMPORTED FROM css-audit-home-missing.css === */

/* Keep featured-quote divider settings from being overridden by generic home divider rules */
#mcrl-new-home #featured-quote .home-divider-title {
  margin-bottom: 0;
}

#mcrl-new-home #featured-quote .home-divider-title::after {
  bottom: 40px;
}

@media (max-width: 860px) {
  #mcrl-new-home #featured-quote .home-divider-title {
    margin-bottom: 25px;
  }

  #mcrl-new-home #featured-quote .home-divider-title::after {
    bottom: 30px;
  }
}



/* === AUTO-IMPORTED FROM css-audit-mcrl-product-gallery-missing.css === */

#request-quote--header.nd-header {
padding: 1em 0;
}

#request-quote--header.nd-header span {
font-size: 55%;
}

#testimonial--header.nd-header {
padding-bottom: 5em;
}

.nd-header {
padding: 2em 0;
    text-align: center;
}

.nd-header--blue .nd-header--title {
color: #fff;
}

.nd-header--gallery .nd-header--title {
color: #fff;
}

.nd-header--gallery .nd-header--title > span {
font-size: 60%;
    margin-left: -.85em;
}

.nd-header--pink {
background-color: #e4007a;
}

.nd-header--resources .nd-header--title {
font-size: calc(1vw + 5.2rem);
    letter-spacing: 3px;
}

.nd-header--title {
font-size: clamp(4.2rem, 2vw + 5.75rem, 8rem);
    font-weight: 100;
    text-transform: uppercase;
    line-height: 90%;
    letter-spacing: .5em;
    margin: 0;
}

.nd-header--title > span {
display: block;
    font-size: 50%;
    font-weight: 500;
    letter-spacing: normal;
}

.nd-under-header {
max-width: 800px;
    margin: 0 auto;
    padding: 2.5em 15px;
    text-align: center;
}

.nd-under-header-p {
font-size: 3.2rem;
    font-weight: 300;
}

.nd-under-header-p--smaller {
font-size: 2.8rem;
    font-weight: 400;
    margin: 1em 0 0 0;
}

.nd-under-header-p:last-child {
margin-bottom: 0;
}

.nd-under-header.nd-under-header--gallery {
max-width: 1025px;
}

.newg-col {
position: relative;
}

.newg-col > a {
position: relative;
    display: block;
    text-align: center;
    overflow: hidden;
}

.newg-col > a > span {
position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    left: 0;
    top: 75%;
    bottom: 0;
    background-color: rgba(0, 0, 0, .35);
    color: #fff;
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 82%;
    text-shadow: 0 0 3px #000;
    padding: .4em 5px;
    transition: all 300ms ease;
}

.newg-col > a img {
transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.newg-col > a:active > span {
top: 0;
    background-color: #e40079;
    font-weight: 300;
    text-shadow: none;
}

.newg-col > a:focus > span {
top: 0;
    background-color: #e40079;
    font-weight: 300;
    text-shadow: none;
}

.newg-col > a:hover > span {
top: 0;
    background-color: #e40079;
    font-weight: 300;
    text-shadow: none;
}

.newg-col > a:hover img {
transform: scale(.05);
}

.newg-container {
max-width: 2100px;
    margin: 0 auto;
}

.newg-row {
display: flex;
    flex-direction: column;
}

.newg-row > .newg-col:first-of-type {
margin-left: 0;
}

.newg-row > .newg-col:last-of-type {
margin-right: 0;
}

.storage--header.nd-header {
margin-bottom: 2em;
    padding: 5em 15px;
    background: #9c5902 url("/media/2024/12/storage-header-small.jpg") center no-repeat;
    background-size: cover;
}

@media (max-width: 500px) {
  .nd-under-header {
  padding: 2.5em 15px;
  }
}

@media (max-width: 500px) {
  .nd-under-header-p {
  font-size: 2.8rem;
  }
}

@media (max-width: 500px) {
  .nd-under-header-p--smaller {
  font-size: 2.4rem;
  }
}

@media (max-width: 550px) {
  .nd-header--gallery .nd-header--title {
  font-size: 4.2rem;
          letter-spacing: .1em;
  }
}

@media (max-width: 550px) {
  .nd-header--gallery .nd-header--title > span {
  margin-left: auto;
  }
}

@media (max-width: 550px) {
  .nd-header--resources .nd-header--title {
  font-size: 3.8rem;
          letter-spacing: normal;
  }
}

@media (max-width: 550px) {
  .nd-header--title {
  font-size: 4.2rem;
          letter-spacing: .1em;
  }
}

@media (max-width: 768px) {
  .nd-header--title {
  letter-spacing: .2em;
  }
}

@media (min-width: 1025px) {
  .newg-col > a > span {
  font-size: 2.8rem;
  }
}

@media (min-width: 1281px) {
  .newg-col > a > span {
  font-size: 3.6rem;
  }
}

@media (min-width: 1281px) {
  .newg-row {
  margin-bottom: 40px;
  }
}

@media (min-width: 1281px) {
  .newg-row > .newg-col {
  margin-left: 20px;
          margin-right: 20px;
  }
}

@media (min-width: 1600px) {
  .newg-col > a > span {
  font-size: 4.2rem;
  }
}

@media (min-width: 601px) {
  .newg-col > a > span {
  font-size: 1.8rem;
  }
}

@media (min-width: 601px) {
  .newg-col--25 {
  width: 25%;
  }
}

@media (min-width: 601px) {
  .newg-col--33 {
  width: 33%;
  }
}

@media (min-width: 601px) {
  .newg-col--50 {
  width: 50%;
  }
}

@media (min-width: 601px) {
  .newg-row {
  flex-direction: row;
          margin-bottom: 20px;
  }
}

@media (min-width: 601px) {
  .newg-row > .newg-col {
  margin-left: 10px;
          margin-right: 10px;
  }
}

@media (min-width: 768px) {
  .newg-col > a > span {
  font-size: 2.1rem;
  }
}

@media (min-width: 768px) {
  .storage--header.nd-header {
  max-width: 1395px;
          margin: 0 auto;
          margin-bottom: 2em;
          background: #9c5902 url("/media/2024/12/storage-header-big.jpg") center no-repeat;
          background-size: cover;
  }
}

/* === END AUTO-IMPORTED FROM css-audit-mcrl-product-gallery-missing.css === */


/* CSS migration: video-gallery (2026-03-04) */

/* Missing CSS blocks generated by audit_css_migration.py */

#ak-search-form {
    display: inline-block;
    width: 30px;
    height: 30px;
    box-shadow: none;
    color: transparent;
    cursor: pointer;
    background: #fff url("/media/2020/07/icon-search.png") center no-repeat;
    background-size: contain;
    margin: 0;
    margin-top: -2px;
    text-shadow: none !important;
    vertical-align: middle;
}

#ak-shop div.quantity > .screen-reader-text {
font-size: 1.4rem;
}

#header #navigation {
float: none;
    margin-top: 0;
}

#header #navigation ul.nav {
float: none;
}

#header #navigation ul.nav > li a {
font-weight: 500;
}

#menu-sidebar-printing-terminology.menu.parent > li > a {
color: #e40079;
}

#menu-sidebar-printing-terminology.menu.parent > li.menu-item > a:active {
color: #0055b8 !important;
}

#menu-sidebar-printing-terminology.menu.parent > li.menu-item > a:focus {
color: #0055b8 !important;
}

#menu-sidebar-printing-terminology.menu.parent > li.menu-item > a:hover {
color: #0055b8 !important;
}

#navigation ul {
list-style: none;
}

#sidebar.col-left .searchform input[type="submit"] {
background-color: #fff;
    background-image: none;
    border: 2px solid #e40079;
    text-shadow: none;
    text-transform: uppercase;
    color: #e40079;
    letter-spacing: 1px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
}

#sidebar.col-left .searchform input[type="submit"]:hover {
background-color: #e40079;
    background-image: none;
    color: #fff;
}

#sidebar.col-left .searchform input[type="text"] {
border: 1px solid #c4c0bf;
    background: transparent;
    letter-spacing: normal;
    height: 40px;
    margin-bottom: 5px;
}

#sidebar.col-left .searchform input[type="text"]:focus {
border-color: #009deb;
}

#sidebar.col-left .searchform input[type="text"]:hover {
border-color: #009deb;
}

#wps-request-quote .flex-row {
align-items: center;
    justify-content: center;
}

.LP-header--publishing-summit .flex-row {
flex-direction: column;
}

.clearfix:after {
content: "";
    display: table;
    clear: both;
}

.col-full:after {
content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.col-full:before {
content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.flex-row {
display: flex;
    flex-wrap: wrap;
}

.flex-row.aligncenter {
align-items: center;
}

.footer--publisher-summit .footer-nav li > a {
font-size: 1.6rem;
}

.footer--publisher-summit .footer-nav li > a:active {
color: #000;
}

.footer--publisher-summit .footer-nav li > a:focus {
color: #000;
}

.footer--publisher-summit .footer-nav li > a:hover {
color: #000;
}

.footer--publisher-summit .footer-wrap-socials li {
margin: 0 5px;
}

.footer--publisher-summit .footer-wrap-socials li a:active img {
transform: rotate(-330deg);
}

.footer--publisher-summit .footer-wrap-socials li a:focus img {
transform: rotate(-330deg);
}

.footer--publisher-summit .footer-wrap-socials li a:hover img {
transform: rotate(-330deg);
}

.footer--publisher-summit .footer-wrap-socials li img {
transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.fr {
float: right;
}

.mcrl-cs--maintitle {
color: #060000;
    font-size: 5.5rem;
    font-weight: 400;
    margin: 0 0 .6em 0;
    text-align: center;
}

.nav-toggle span {
display: none;
}

.nav-wrap-phone > a {
color: #000205;
  text-decoration: underline;
}

.page-id-11500 #footer-wrap {
padding-top: 0;
}

.page-id-11520 #footer-wrap {
padding-top: 0;
}

.screen-reader-text {
display: none;
}

.sub-menu.parent li > .sub-menu {
display: block !important;
    padding-left: 10px;
}

.summer-offer-footer .flex-row {
align-items: center;
}

.vgf-col {
margin: 3px 3px 1.5em 3px;
}

.vgf-col h3 {
font-size: 1.3rem;
    font-weight: 600;
    margin: 1.5em 0 0 0;
}

.vgf-col-w {
width: 100%;
}

.vgf-flex-row .iframe-wrapper > iframe {
box-shadow: none;
}

.vgf-row {
display: flex;
    flex-direction: column;
}

.video-gall-section {
background-color: #f1f1f1;
    padding: 2em 15px;
}

.video-gall-section + .video-gall-section {
margin-top: 2em;
}

.video-gall-section .iframe-wrapper > iframe {
box-shadow: none;
}

.video-gall-section a {
color: #009deb;
    font-size: 1.4rem;
    font-weight: 500;
    text-decoration: underline;
}

.video-gall-section h2 {
font-size: 2rem;
    font-weight: 600;
    margin: 0 0 .3em 0;
}

.widget #connect .fr {
float: none;
}

.woocommerce-cart-form .product-quantity .quantity label.screen-reader-text {
display: none;
}

.wrap-why-title > a {
color: #fff;
}

body.page-id-6814 #footer-wrap {
display: none !important;
}

body.page-id-6814 #main-header {
display: none !important;
}

ul.nav li {
float: none;
}

ul.nav li a {
padding: 0 !important;
}

video#cs-video {
width: 100% !important;
}

@media (max-width: 767px) {
  #main-nav > li.menu-item-has-children > a:after {
  display: none;
  }
}

@media (max-width: 767px) {
  #main-nav > li.menu-item-has-children > a:hover .expand-toggle {
  background: url(/media/2024/11/plus-hover-2.png) center no-repeat;
          background-size: 12px;
  }
}

@media (max-width: 767px) {
  #main-nav > li.menu-item-has-children > a:hover .expand-toggle.active {
  background: url(/media/2024/11/minus-hover.png) center no-repeat;
          background-size: 12px;
  }
}

@media (max-width: 767px) {
  #main-nav > li.parent > a:after {
  display: none;
  }
}

@media (max-width: 767px) {
  #main-nav > li.parent > a:hover .expand-toggle {
  background: url(/media/2024/11/plus-hover-2.png) center no-repeat;
          background-size: 12px;
  }
}

@media (max-width: 767px) {
  #main-nav > li.parent > a:hover .expand-toggle.active {
  background: url(/media/2024/11/minus-hover.png) center no-repeat;
          background-size: 12px;
  }
}

@media (max-width: 991px) {
  .summer-offer-footer .flex-row {
  flex-direction: column;
          text-align: center;
  }
}

@media (min-width: 540px) {
  .vgf-col {
  width: calc(49% - 3px);
  }
}

@media (min-width: 540px) {
  .vgf-col-w {
  width:  calc(49% - 3px);
          max-width: 300px;
          margin: 3px;
  }
}

@media (min-width: 540px) {
  .vgf-row {
  flex-direction: row;
          flex-wrap: wrap;
  }
}

@media (min-width: 701px) {
  .vgf-col {
  width: calc(32% - 3px);
  }
}

@media (min-width: 768px) {
  .LP-header--publishing-summit .flex-row {
  flex-direction: row;
  }
}

@media (min-width: 768px) {
  .footer-nav.wps--footer-nav li {
  display: inline-block;
  }
}

@media (min-width: 768px) {
  .footer-nav.wps--footer-nav li + li {
  margin-left: 1em;
  }
}

@media (min-width: 768px) {
  .wps-banner > .flex-row {
  align-items: center;
  }
}

@media (min-width: 901px) {
  .vgf-col {
  width: 19%;
          margin: 10px 3px;
  }
}

@media only screen and (min-width: 760px) and (max-width: 950px) {
  ul.nav li a {
  font-size:13px;
          padding: 0.53em 0.4em !important;
  }
}

@media only screen and (min-width: 768px) {
  .col-full {
  max-width: 100%;
          margin: 0 auto;
          width: 100%;
  }
}

@media only screen and (min-width: 1025px) {
  ul.nav ul {
  background: #fff;
          
          padding: 10px 20px;
          text-align: left;
          box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, .15);
  }
}

@media only screen and (min-width: 950px) and (max-width: 1200px) {
  ul.nav li a {
  font-size:16px;
          padding: 0.53em 0.5em !important;
  }
}

/* CSS migration: printing-resources (2026-03-04) */

/* Missing CSS blocks generated by audit_css_migration.py */

.nd-header--subtitle {
font-size: calc(1vw + .55rem);
    font-weight: 600;
    line-height: 90%;
    margin: 0;
}

.nd-header--yellow {
background-color: #ffdc00;
}

.nd-tile {
display: block;
    width: 50%;
    padding: 15px;
    text-align: center;
}

.nd-tile--img {
display: block;
    border: 1px solid #505153;
    overflow: hidden;
}

.nd-tile--subtitle {
color: #210a0a;
    font-size: 1.6rem;
    font-weight: 600;
}

.nd-tile--title {
display: block;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    color: #210a0a;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase;
    transition: color 300ms ease;
    -webkit-transition: color 300ms ease;
    -moz-transition: color 300ms ease;
    -o-transition: color 300ms ease;
}

.nd-tile-wrap {
display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 900px;
    margin: 0 auto;
}

.nd-tile-wrap--resources .nd-tile--title {
text-transform: initial;
    margin-bottom: 0;
}

.nd-tile:active .nd-tile--title {
color: #139dea;
}

.nd-tile:active img {
transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transition: transform 300ms ease;
    -webkit-transition: transform 300ms ease;
    -moz-transition: transform 300ms ease;
    -o-transition: transform 300ms ease;
}

.nd-tile:focus .nd-tile--title {
color: #139dea;
}

.nd-tile:focus img {
transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transition: transform 300ms ease;
    -webkit-transition: transform 300ms ease;
    -moz-transition: transform 300ms ease;
    -o-transition: transform 300ms ease;
}

.nd-tile:hover .nd-tile--title {
color: #139dea;
}

.nd-tile:hover img {
transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transition: transform 300ms ease;
    -webkit-transition: transform 300ms ease;
    -moz-transition: transform 300ms ease;
    -o-transition: transform 300ms ease;
}

.nd-under-header-t {
font-size: calc(1vw + 3rem);
    line-height: 100%;
    margin: -.5em 0 .4em 0;
}

.title-24--blue {
color: #0055b8;
    font-size: 2.6rem;
    font-weight: 600;
    margin: 0 0 .5em 0;
}

@media (max-width: 480px) {
  .nd-tile {
  width: 100%;
          max-width: 350px;
  }
}

@media (max-width: 480px) {
  .nd-tile-wrap {
  flex-direction: column;
          align-items: center;
  }
}

/* CSS migration: printing-terminology (2026-03-04) */

/* Missing CSS blocks generated by audit_css_migration.py */

.nd-header--blue {
background-color: #139dea;
}

/* CSS migration: what-to-know (2026-03-04) */

/* Missing CSS blocks generated by audit_css_migration.py */

#guidelines--header h1 {
color: #fff;
    font-size: calc(1vw + 2.5rem);
    letter-spacing: 1px;
    line-height: 100%;
}

#guidelines--header h1 > span {
font-size: 200%;
    margin-top: .2em;
}

#guidelines--header.storage--header h1 {
text-shadow: 1px 1px 6px rgba(0, 0, 0, .7);
}

#request-quote--row .col-flex--33 {
text-align: center;
}

#shipping-header .col-flex--33 {
width: 33.333%;
}

#storage--bg .title-34 {
font-weight: 600;
    margin-bottom: .1em;
}

#wps-request-quote .lp-par-big-letters {
font-size: calc(.5vw + 1.8rem);
    margin-top: 1em;
}

.LP--testimonials {
padding: 5em 15px;
}

.LP--testimonials .LP--btn-blue {
min-width: 15em;
    font-size: 2rem;
}

.LP--testimonials h2 {
font-size: 3.6rem;
    font-weight: 400;
    text-transform: uppercase;
}

.LP--testimonials hr {
width: 100%;
    height: 2px;
    background-color: #3c3c3c;
    margin: 3.5rem 0 0 0;
}

.LP--testimonials--B .LP--testimonials-col-left {
width: 10%;
    padding-right: 20px;
}

.LP--testimonials--B .LP--testimonials-col-right {
width: 90%;
    text-align: left;
}

.LP--testimonials--B .LP--testimonials-row {
align-items: start;
}

.LP--testimonials--publisher-summit .LP--testimonials-row + .LP--testimonials-row {
margin-top: 2em;
}

.LP--testimonials-col-left {
width: 30%;
    padding-right: 5%;
    text-align: center;
}

.LP--testimonials-col-right {
width: 70%;
    text-align: left;
}

.LP--testimonials-col-right img {
margin-bottom: 1.5em;
}

.LP--testimonials-col-right p {
margin-bottom: 0;
}

.LP--testimonials-row {
display: flex;
    flex-direction: row;
    align-items: center;
    max-width: 2250px;
    margin: 0 auto;
}

.LP--testimonials-row + .LP--testimonials-row {
margin-top: 3em;
}

.LP--testimonials.LP--testimonials--publisher-summit {
padding: 0 0 5em 0;
}

.LP--testimonials.htg-client-story {
max-width: 1600px;
    margin:  0 auto;
}

.LP--testimonials.htg-client-story h2 {
font-size: 3.2rem;
}

.LP--testimonials.htg-client-story h3 {
font-size: 2.2rem;
}

.LP--testimonials.htg-client-story hr {
margin-top: 0;
}

.ak-art-row-flex > div:first-of-type {
margin-bottom: 3em;
}

.btn--pink-2 {
background-color: #ff3b79;
    box-shadow: inset 0 0 5px 4px #d10646;
    color: #fff;
}

.btn--pink-2:active {
background-color: #56bfba;
    box-shadow: inset 0 0 5px 4px #2da39f;
    color: #fff;
}

.btn--pink-2:focus {
background-color: #56bfba;
    box-shadow: inset 0 0 5px 4px #2da39f;
    color: #fff;
}

.btn--pink-2:hover {
background-color: #56bfba;
    box-shadow: inset 0 0 5px 4px #2da39f;
    color: #fff;
}

.btn-even-width {
min-width: 300px;
    margin-bottom: 1em;
}

.google-reviews {
margin-top: 4em;
}

.google-reviews .LP--testimonials-row {
align-items: start;
}

.google-reviews .LP--testimonials-row.LP--testimonials-row--middle {
align-items: center;
}

.google-reviews p + p {
margin-top: .4em;
}

.htg-banner {
background-color: #ffef18;
}

#htg-banner--main {
margin-bottom: 50px;
}

#htg-banner--main.htg-banner--long {
background-color: #e0e0de;
    text-align: center;
}

.htg-banner h1 {
font-size: calc(.5vw + 26px);
    margin: 0 0 30px 0;
    line-height: 120%;
}

#htg-banner--main.htg-banner--long h1,
#htg-banner--main.htg-banner--long h2 {
color: #797f7f;
}

#htg-banner--main.htg-banner--long h1 {
font-weight: 700;
    padding-top: 2em;
}

.htg .title-34 {
font-size: calc(.8vw + 2rem);
}

.htg-pj {
width: 100%;
    max-width: 700px;
    margin: 0 auto;
}

.htg-client-story .title-34 {
margin-top: 0;
}

.htg-client-story h3 {
font-size: calc(.5vw + 2rem);
    font-weight: 700;
    margin-bottom: 20px;
}

.lp-par-big-letters {
font-size: 1.8rem;
}

.postid-7774 h2.title-34 {
position: relative;
    padding-left: 30%;
}

.postid-7774 h2.title-34::before {
position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 28%;
    height: 100%;
    background: url('/media/2021/09/Checklis-titlet.jpg') top left no-repeat;
    background-size: cover;
}

.section-bg--pattern {
background: url("../../media/2023/09/full-bloom-2.png") top left repeat;
    padding: 4em 0;
    margin: 4em 0;
}

.section-bg--print-school .btn--pink-2:active {
background-color: #343434;
    box-shadow: inset 0 0 5px 4px #252525;
    color: #fff;
}

.section-bg--print-school .btn--pink-2:focus {
background-color: #343434;
    box-shadow: inset 0 0 5px 4px #252525;
    color: #fff;
}

.section-bg--print-school .btn--pink-2:hover {
background-color: #343434;
    box-shadow: inset 0 0 5px 4px #252525;
    color: #fff;
}

.section-bg-color .title-34 {
margin-top: 0;
    margin-bottom: 25px;
    text-align: center;
}

.section-bg-color--blue .title-34 {
color: #fff;
}

.section-bg-color--pink .title-34 {
color: #fff;
}

.title-26 {
font-size: 2.6rem;
    font-weight: 600;
    margin: 0 0 .5em 0;
}

.title-34 {
font-size: 3.4rem;
    font-weight: 500;
    line-height: 120%;
}

@media (max-width: 1280px) {
  .LP--testimonials h2 {
  font-size: 2.8rem;
  }
}

@media (max-width: 1280px) {
  .LP--testimonials-col-left {
  padding-right: 1%;
  }
}

@media (max-width: 1280px) {
  .LP--testimonials-row .LP--big-paragraph {
  font-size: 2.2rem;
  }
}

@media (max-width: 1460px) {
  .LP--testimonials h2 {
  font-size: 3.2rem;
  }
}

@media (max-width: 1460px) {
  .LP--testimonials-row .LP--big-paragraph {
  font-size: 2.8rem;
  }
}

@media (max-width: 1700px) {
  .LP--testimonials--B .LP--testimonials-col-left {
  width: 10%;
  }
}

@media (max-width: 1700px) {
  .LP--testimonials--B .LP--testimonials-col-right {
  width: 90%;
  }
}

@media (max-width: 1700px) {
  .LP--testimonials-col-left {
  width: 35%;
  }
}

@media (max-width: 1700px) {
  .LP--testimonials-col-right {
  width: 65%;
  }
}

@media (max-width: 1700px) {
  .LP--testimonials-row .LP--big-paragraph {
  font-size: 3.2rem;
  }
}

@media (max-width: 360px) {
  .LP--testimonials-row .LP--big-paragraph {
  font-size: 2rem;
  }
}

@media (max-width: 767px) {
  #storage--bg .title-34 {
  font-size: 2.6rem;
  }
}

@media (max-width: 991px) {
  #guidelines--header h1 > span {
  font-size: 150%;
          line-height: 1;
  }
}

@media (max-width: 991px) {
  .LP--testimonials hr {
  margin: 0;
  }
}

@media (max-width: 991px) {
  .LP--testimonials--B .LP--testimonials-col-left {
  width: 100%;
          padding-right: 0;
  }
}

@media (max-width: 991px) {
  .LP--testimonials--B .LP--testimonials-col-right {
  width: 100%;
          text-align: center;
  }
}

@media (max-width: 991px) {
  .LP--testimonials-col-left {
  width: 100%;
          padding-right: 0;
  }
}

@media (max-width: 991px) {
  .LP--testimonials-col-right {
  width: 100%;
          text-align: center;
  }
}

@media (max-width: 991px) {
  .LP--testimonials-row {
  flex-direction: column;
  }
}

@media (min-width: 1024px) {
  .bg-color-blueish .LP--testimonials-col-left {
  text-align: left;
          padding-right: 1%;
          width: 25%;
  }
}

@media (min-width: 1024px) {
  .bg-color-blueish .LP--testimonials-col-right {
  width: 75%;
  }
}

@media (min-width: 1024px) {
  .storage--testimonial--content .LP--testimonials-col-left {
  width: 25%;
          padding-right: 2%;
  }
}

@media (min-width: 1024px) {
  .storage--testimonial--content .LP--testimonials-col-right {
  width: 75%;
  }
}

@media (min-width: 1260px) {
  #guidelines--header h1 {
  font-size: 3.6rem;
  }
}

@media (min-width: 768px) {
  #guidelines--header.storage--header h1 > span {
  font-size: 260%;
  }
}

@media (min-width: 768px) {
  #wps-request-quote .col-flex--66 {
  padding-left: 2em;
  }
}

@media (min-width: 768px) {
  .LP--testimonials.htg-client-story h3 {
  font-size: 2.8rem;
  }
}

@media (min-width: 768px) {
  .ak-art-row-flex .col-flex--33 {
  width: 33%;
  }
}

@media (min-width: 768px) {
  .ak-art-row-flex .col-flex--66 {
  width: 66%;
          padding-right: 25px;
  }
}

@media (min-width: 768px) {
  .ak-art-row-flex > div:first-of-type {
  margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .ak-art-row-flex-reverse {
  flex-direction: row-reverse;
  }
}

@media (min-width: 768px) {
  .ak-art-row-flex-reverse.ak-art-row-flex .col-flex--66 {
  padding-right: 0;
          padding-left: 25px;
  }
}

@media (min-width: 768px) {
  .lp-par-big-letters {
  font-size: 2.2rem;
          margin-bottom: .8em;
  }
}

@media (min-width: 768px) {
  .lp-par-big-letters--justify {
  text-align: justify;
  }
}

@media only screen and (max-width: 768px) {
  .title-34 {
  font-size: 3.2rem;
  }
}

/* CSS migration: storage-fulfillment-services (2026-03-04) */

/* Missing CSS blocks generated by audit_css_migration.py */

#shipping-header {
max-width: 1395px;
    margin: 0 auto;
    margin-bottom: 2em;
}

#storage--bg {
background-color: #f37f22;
    padding: 4em 0;
    margin-top: 2em;
}

.bg-color-blueish .testimonial--testimonial--content {
padding-bottom: 1em;
}

.col-storage--01 {
width: 100%;
    padding: 15px 15px 30px 15px;
}

.col-storage--02 {
width: 100%;
    padding: 15px 15px 30px 15px;
}

.par-24 {
font-size: 1.25em;
}

.storage--howitworks p {
margin-bottom: .5em;
}

.storage--howitworks p:first-of-type {
margin-bottom: .3em;
}

.storage--number {
background-color: #000;
    border-radius: 100%;
    width: 100px;
    height: 100px;
    padding: 15px;
    text-align: center;
    margin: 0 auto;
}

.storage--number > span {
color: #f37f22;
    font-size: 70px;
    font-weight: 700;
    line-height: 100%;
}

.storage--tile-content {
position: absolute;
    top: 0;
    bottom: 0;
    left:0 ;
    right: 0;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.storage--tile-content > p {
color: #fff;
    font-size: 2rem;
    font-weight: 600;
    text-align: left;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
    margin: 0;
}

.storage--tile-content > p > span {
display: block;
    font-size: 120%;
}

.storage--tiles .col-flex--25 {
text-align: center;
    width: 100%;
    position: relative;
}

@media (max-width: 767px) {
  #home-top-celadon p.par-24 {
  font-size: 1em;
  }
}

@media (min-width: 451px) {
  .storage--tiles .col-flex--25 {
  width: 50%;
  }
}

@media (min-width: 768px) {
  .col-storage--01 {
  width: 130px;
  }
}

@media (min-width: 768px) {
  .col-storage--02 {
  width: calc(100% - 130px);
  }
}

@media (min-width: 768px) {
  .par-24 {
  font-size: 1.2em;
          font-weight: 500;
  }
}

@media (min-width: 768px) {
  .storage--tiles .col-flex--25 {
  width: 25%;
  }
}

/* CSS migration: testimonials (2026-03-04) */

/* Missing CSS blocks generated by audit_css_migration.py */

#testimonial--header h1 > span {
color: #fff;
    font-size: 80%;
    font-weight: 400;
}

.more-testimonial {
display: block;
    height: 0;
    overflow: hidden;
    opacity: 0;
    margin-top: 0;
    transition: height 0.3s ease, opacity 0.3s ease, margin-top 0.3s ease;
}

.more-testimonial.visible {
    opacity: 1;
    margin-top: 0.5em;
}

.nd-header--orange {
background-color: #d88e00;
}

.testimonial--stars-container {
max-width: 200px;
    margin: 0 auto;
    margin-top: .5em;
}

.testimonial-toggle-link.hidden {
display: none;
}

/* CSS migration: client-stories (2026-03-04) */

/* Missing CSS blocks generated by audit_css_migration.py */

#cs-hamburgerfonts-img-wrap .nd-flex--col:first-of-type {
margin-bottom: 20px;
}

.ak-cs-video-wrapper {
position: relative;
    width: 100%;
    padding-bottom: 65.07%;
    height: 0;
    overflow: hidden;
}

.ak-cs-video-wrapper > video {
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mcrl-cs--header {
display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 40px;
}

.mcrl-cs--header-col {
width: 100%;
}

.mcrl-cs--header-col-left {
text-align: center;
    margin-bottom: 1em;
}

.mcrl-cs--header-col-left > .mcrl-cs--stripe {
margin-bottom: 25px;
}

.mcrl-cs--header-col-right > .mcrl-cs--stripe {
display: none;
}

.mcrl-cs--header-col-right > p {
font-size: 1.8rem;
    margin: 1.6em 0 1.6em 0;
}

.mcrl-cs--header-col-right > p > strong {
font-weight: 600;
}

.mcrl-cs--header-link {
color: #003f95;
    font-size: 1.8rem;
    font-weight: 700;
}

.mcrl-cs--header-prop .mcrl-cs--header-col-right > p {
margin: 1.6em 0 0 0;
}

.mcrl-cs--name {
color: #080000;
    font-size: 3rem;
    font-weight: 100;
    line-height: 100%;
    text-transform: uppercase;
    margin: .8em 0 0 0;
}

.mcrl-cs--name > span {
font-size: 2rem;
    font-weight: 500;
    text-transform: none;
}

.mcrl-cs--name-link {
font-size: 1.8rem;
    font-weight: 500;
    line-height: 100%;
    margin: 0;
}

.mcrl-cs--name-link > a {
color: #080000;
    text-decoration: none;
}

.mcrl-cs--name-link > a:active {
color: #003f95;
}

.mcrl-cs--name-link > a:focus {
color: #003f95;
}

.mcrl-cs--name-link > a:hover {
color: #003f95;
}

.mcrl-cs--stripe {
height: 40px;
}

.mcrl-cs--stripe-chaogreen {
background-color: #4D7B69;
}

.mcrl-cs--stripe-christiegold {
background-color: #e2c58d;
}

.mcrl-cs--stripe-ed {
background-color: #1f79a6;
}

.mcrl-cs--stripe-green {
background-color: #19a988;
}

.mcrl-cs--stripe-hf {
background-color: #03af67;
}

.mcrl-cs--stripe-janieblue {
background-color: #4095fe;
}

.mcrl-cs--stripe-jeffblue {
background-color: #81c0c8;
}

.mcrl-cs--stripe-lilac {
background-color: #97529b;
}

.mcrl-cs--stripe-magenta {
background-color: #E63883;
}

.mcrl-cs--stripe-navy {
background-color: #173873;
}

.mcrl-cs--stripe-paleblue {
background-color: #d5edf1;
}

.mcrl-cs--stripe-pink {
background-color: #f7aeb0;
}

.mcrl-cs--stripe-pulp {
background-color: #acbabd;
}

.mcrl-cs--stripe-raeblue {
background-color: #0c4a6e;
}

.mcrl-cs--stripe-ryanblue {
background-color: #8fe1ef;
}

.nd-flex--col {
padding: 0 15px;
    width: 100%;
}

.nd-flex--row {
display: flex;
    flex-direction: column;
    margin: 0 -15px;
}

.nd-flex--row .mcrl-cs--header-col-right > p {
margin: .5em 0 .5em 0;
}

.nd-flex--row--only-imgs .nd-flex--col + .nd-flex--col {
margin-top: 2em;
}

.summer-offer-footer .nd-flex--col-50 {
padding: 0 15px;
}

.summer-offer-footer .nd-flex--col-50 p {
margin: 0;
}

.summer-offer-footer .nd-flex--col-50:first-of-type {
text-align: right;
}

@media (min-width: 767px) {
  #cs-hamburgerfonts-img-wrap .nd-flex--col:first-of-type {
  padding-right: 8px;
          margin-bottom: 0;
  }
}

@media (min-width: 767px) {
  #cs-hamburgerfonts-img-wrap .nd-flex--col:last-of-type {
  padding-left: 1px;
  }
}

@media (min-width: 767px) {
  #imgs-with-a-c > .nd-flex--col {
  padding-left: 7px;
          padding-right: 7px;
  }
}

@media (min-width: 767px) {
  #imgs-with-a-c > .nd-flex--col img {
  margin-bottom: .2em;
  }
}

@media (min-width: 767px) {
  #imgs-with-a-c > .nd-flex--col p {
  font-weight: 500;
  }
}

@media (min-width: 767px) {
  .mcrl-cs--header {
  flex-direction: row;
  }
}

@media (min-width: 767px) {
  .mcrl-cs--header-col-left {
  max-width: 345px;
  }
}

@media (min-width: 767px) {
  .mcrl-cs--header-col-left > .mcrl-cs--stripe {
  display: none;
  }
}

@media (min-width: 767px) {
  .mcrl-cs--header-col-right {
  padding-left: 35px;
  }
}

@media (min-width: 767px) {
  .mcrl-cs--header-col-right > .mcrl-cs--stripe {
  display: block;
  }
}

@media (min-width: 767px) {
  .mcrl-cs--header-col-right > p {
  text-align: justify;
  }
}

@media (min-width: 767px) {
  .nd-flex--col-50 {
  width: 50%;
  }
}

@media (min-width: 767px) {
  .nd-flex--row {
  flex-direction: row;
          margin-bottom: 1em;
  }
}

@media (min-width: 767px) {
  .nd-flex--row .mcrl-cs--header {
  flex-direction: column;
  }
}

@media (min-width: 767px) {
  .nd-flex--row .mcrl-cs--header .mcrl-cs--header-col-left {
  max-width: inherit;
          text-align: center;
  }
}

@media (min-width: 767px) {
  .nd-flex--row .mcrl-cs--header .mcrl-cs--header-col-right {
  padding-left: 0;
  }
}

@media (min-width: 767px) {
  .nd-flex--row .mcrl-cs--header-col-left > .mcrl-cs--stripe {
  display: block;
  }
}

@media (min-width: 767px) {
  .nd-flex--row .mcrl-cs--header-col-right > .mcrl-cs--stripe {
  display: none;
  }
}

@media (min-width: 767px) {
  .nd-flex--row--only-imgs .nd-flex--col + .nd-flex--col {
  margin-top: 0;
  }
}

/* CSS migration: client-stories child angeleah-donahue (2026-03-04) */

/* Missing CSS blocks generated by audit_css_migration.py */

.cs-bg {
padding: 35px 15px;
}

.cs-bg--paleblue {
background-color: #d5edf1;
}

.cs-bg--janieblue {
background-color: #4095fe;
    color: rgba(255, 255, 255, .95);
}

.cs-bg--janieblue .cs-teaser--title {
color: rgba(255, 255, 255, .95);
}

.cs-bg--raeblue .cs-teaser--title {
color: #e9e9e9;
}

.cs-characteristic--col-img img {
object-fit: cover;
    width: 100%;
    height: 100%;
}

.cs-characteristic-section--square-img .cs-characteristic--col-img {
max-width: 500px;
    margin: 0 auto 30px auto;
}

.cs-characteristic-section--square-img .cs-characteristic--col-img img {
display: block;
    height: auto;
    object-fit: contain;
}

.cs-characteristic--col-text h4 {
font-size: 1.8rem;
    font-weight: 500;
    margin: 0 0 .5em 0;
}

.cs-characteristic--col-text h4 > span {
display: block;
    font-size: 1.8rem;
    font-weight: normal;
}

.cs-characteristic-row {
display: flex;
    flex-direction: column;
}

.cs-characteristic-row + .cs-characteristic-row {
margin-top: 60px;
}

.cs-characteristic-section {
margin-bottom: 60px;
}

.cs-characteristic-section h3 {
font-size: 2rem;
    font-weight: 500;
    margin: 0 0 1.5em 0;
    text-align: center;
}

.cs-divider {
padding: 65px 15px 5px 15px;
    text-align: center;
}

.cs-divider--title {
color: #080000;
    font-size: 2.2rem;
    font-weight: 600;
    margin: 0;
}

.cs-divider--title > span {
display: block;
}

.cs-divider--title a {
color: #005cae;
    font-weight: 600;
}

.cs-divider--title a:active {
text-decoration: underline;
}

.cs-divider--title a:focus {
text-decoration: underline;
}

.cs-divider--title a:hover {
text-decoration: underline;
}

.cs-images {
display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1170px;
    margin: 0 auto;
    text-align: center;
}

.cs-info {
padding: 40px 15px 60px 15px;
}

.cs-info a {
color: #005cae;
    text-decoration: none;
}

.cs-info a:active {
text-decoration: underline;
}

.cs-info a:focus {
text-decoration: underline;
}

.cs-info a:hover {
text-decoration: underline;
}

.cs-info--inner {
max-width: 877px;
    margin: 0 auto;
}

.cs-info--inner > p:last-of-type {
margin-bottom: 0;
}

.cs-info--inner h2 {
font-size: 2.2rem;
    font-weight: 500;
    margin: 0 0 1.2em 0;
    text-align: center;
}

.cs-info--inner h5 {
font-size: 1.8rem;
    font-weight: 600;
    margin: 0;
}

.cs-quote {
position: relative;
    padding-left: 43px;
}

.cs-quote .cs-quote--inner-text p > img {
display: inline-block;
    margin-left: 10px;
}

.cs-quote > footer {
text-align: right;
}

.cs-quote > footer > p a:active {
text-decoration: underline;
}

.cs-quote > footer > p a:focus {
text-decoration: underline;
}

.cs-quote > footer > p a:hover {
text-decoration: underline;
}

.cs-quote > footer > p:last-of-type {
margin-bottom: 0;
}

.cs-quote > p > img {
display: inline-block;
    margin-left: 10px;
}

.cs-quote p {
font-size: 1.8rem;
    font-weight: 500;
}

.cs-quote--inner {
max-width: 877px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.cs-quote--wrap {
padding: 60px 15px;
}

.cs-quote--wrap-chaogreen .cs-quote::before {
background: url("/media/2021/12/cs-quote-top-chaogreen.png") top left no-repeat;
}

.cs-quote--wrap-ed .cs-quote::before {
background: url("/media/2026/02/cs-quote-top-ed.png") top left no-repeat;
}

.cs-quote--wrap-janieblue {
background-color: #4095fe;
}

.cs-quote--wrap-janieblue .cs-quote p {
color: rgba(255, 255, 255, .95);
}

.cs-quote--wrap-janieblue .cs-quote a {
color: rgba(255, 255, 255, .95);
    text-decoration: underline;
}

.cs-quote--wrap-janieblue .cs-quote::before {
background: url("/media/2026/02/cs-quote-top-ed.png") top left no-repeat;
}

.cs-quote--wrap-green .cs-quote > footer > p a {
color: #005cae;
    text-decoration: none;
}

.cs-quote--wrap-green .cs-quote::before {
background: url("/media/2021/05/cs-quote-top-green.png") top left no-repeat;
}

.cs-quote--wrap-jeffblue .cs-quote::before {
background: url("/media/2021/11/cs-quote-top-jeffblue.png") top left no-repeat;
}

.cs-quote--wrap-lilac .cs-quote > footer > p a {
color: #005cae;
    text-decoration: none;
}

.cs-quote--wrap-lilac .cs-quote::before {
background: url("/media/2021/05/cs-quote-top-lilac.png") top left no-repeat;
}

.cs-quote--wrap-magenta .cs-quote::before {
background: url("/media/2021/09/cs-quote-btm-magenta.png") top left no-repeat;
}

.cs-quote--wrap-navy-light .cs-quote > footer > p a {
color: #005cae;
    text-decoration: none;
}

.cs-quote--wrap-navy-light .cs-quote::before {
background: url("/media/2021/05/cs-quote-top-navy.png") top left no-repeat;
}

.cs-quote--wrap-paleblue {
background-color: #d5edf1;
}

.cs-quote--wrap-paleblue .cs-quote > footer > p a {
color: #005cae;
    text-decoration: none;
}

.cs-quote--wrap-paleblue .cs-quote::before {
background: url("/media/2021/07/cs-quote-btm-paleblue.png") top left no-repeat;
}

.cs-quote--wrap-pink .cs-quote > footer > p a {
color: #005cae;
    text-decoration: none;
}

.cs-quote--wrap-pink .cs-quote::before {
background: url("/media/2021/05/cs-quote-top-pink.png") top left no-repeat;
}

.cs-quote--wrap-raeblue .cs-quote p {
color: #e9e9e9;
}

.cs-quote--wrap-raeblue .cs-quote::before {
background: url("/media/2021/07/cs-quote-btm-raeblue.png") top left no-repeat;
}

.cs-quote--wrap-ryanblue .cs-quote::before {
background: url("/media/2022/02/cs-quote-top-ryan.png") top left no-repeat;
}

.cs-quote::before {
position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 43px;
    height: 23px;
}

.cs-reviews--col-left {
text-align: center;
    margin-bottom: 25px;
}

.cs-reviews--row {
display: flex;
    flex-direction: column;
}

.cs-reviews-section {
margin-top: 60px;
}

.cs-reviews-section h2 {
font-size: 2.4rem;
    font-weight: 500;
    margin: 0 0 1.5em 0;
    text-align: center;
}

.cs-teaser {
display: flex;
    flex-direction: column;
    max-width: 877px;
    margin: 0 auto;
    text-align: center;
}

.cs-teaser--col {
width: 100%;
}

.cs-teaser--col > p {
-webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
}

.cs-teaser--title {
font-size: 2.8rem;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 .5em 0;
}

.mcrl-cs--name-sub {
font-size: 2rem;
    font-weight: 500;
    line-height: 100%;
    margin: 1.3em 0 0 0;
}

.mcrl-cs--name-sub > span {
display: block;
    font-size: 1.8rem;
}

@media (max-width: 767px) {
  .cs-info--inner .nd-flex--col-img {
  margin-bottom: 1em;
  }
}

@media (min-width: 1025px) {
  #characteristic-not-reverse .cs-characteristic-row:nth-of-type(odd) {
  flex-direction: row;
  }
}

@media (min-width: 1025px) {
  #characteristic-not-reverse .cs-characteristic-row:nth-of-type(odd) .cs-characteristic--col-text {
  padding-left: 0;
          padding-right: 25px;
  }
}

@media (min-width: 1025px) {
  .cs-characteristic--col-30 {
  flex-basis: 30%;
  }
}

@media (min-width: 1025px) {
  .cs-characteristic--col-50 {
  flex-basis: 50%;
  }
}

@media (min-width: 1025px) {
  .cs-characteristic--col-70 {
  flex-basis: 70%;
  }
}

@media (min-width: 1025px) {
  .cs-characteristic--col-text h4 {
  font-size: 2.4rem;
          margin: 0 0 1em 0;
  }
}

@media (min-width: 1025px) {
  .cs-characteristic--col-text p:last-of-type {
  margin-bottom: 0;
  }
}

@media (min-width: 1025px) {
  .cs-characteristic-row {
  flex-direction: row;
          align-items: center;
  }
}

@media (min-width: 1025px) {
  .cs-characteristic-row:nth-of-type(even) .cs-characteristic--col-text {
  padding-right: 25px;
  }
}

@media (min-width: 1025px) {
  .cs-characteristic-row:nth-of-type(odd) {
  flex-direction: row-reverse;
  }
}

@media (min-width: 1025px) {
  .cs-characteristic-row:nth-of-type(odd) .cs-characteristic--col-text {
  padding-left: 25px;
  }
}

@media (min-width: 767px) {
  .cs-characteristic--col-text p {
  text-align: justify;
  }
}

@media (min-width: 767px) {
  .cs-characteristic-section h3 {
  font-size: 2.6rem;
  }
}

@media (min-width: 767px) {
  .cs-divider--title {
  font-size: 2.8rem;
  }
}

@media (min-width: 767px) {
  .cs-images {
  flex-direction: row;
  }
}

@media (min-width: 767px) {
  .cs-info--inner {
  text-align: justify;
  }
}

@media (min-width: 767px) {
  .cs-info--inner h2 {
  font-size: 2.8rem;
  }
}

@media (min-width: 767px) {
  .cs-quote > p {
  text-align: justify;
  }
}

@media (min-width: 767px) {
  .cs-reviews--col-left {
  width: 15%;
          max-width: 150px;
          margin-bottom: 0;
  }
}

@media (min-width: 767px) {
  .cs-reviews--col-right {
  padding-left: 25px;
  }
}

@media (min-width: 767px) {
  .cs-reviews--row {
  flex-direction: row;
          align-items: center;
          margin-bottom: 25px;
  }
}

@media (min-width: 767px) {
  .cs-reviews-section h2 {
  font-size: 2.8rem;
  }
}

@media (min-width: 767px) {
  .cs-reviews-section p {
  text-align: justify;
  }
}

@media (min-width: 767px) {
  .cs-teaser {
  flex-direction: row;
          align-items: center;
  }
}

@media (min-width: 767px) {
  .cs-teaser--col > p:last-of-type {
  margin-bottom: 0;
  }
}

@media (min-width: 767px) {
  .cs-teaser--col-left {
  min-width: 525px;
          padding-right: 35px;
          text-align: left;
  }
}

@media (min-width: 768px) {
  #jeff-quote.cs-quote--inner {
  align-items: center;
  }
}

@media (min-width: 768px) {
  .cs-quote--inner {
  flex-direction: row;
  }
}

@media (min-width: 980px) {
  .cs-quote {
  margin-left: -43px;
  }
}

/* CSS migration: client-stories child contrast-foundry-the-office-of-ordinary-things (2026-03-04) */

/* Missing CSS blocks generated by audit_css_migration.py */

.cs-list-u {
margin-left: 20px;
}

.nd-flex--col-33 .nd-img-title {
font-size: 2rem;
}

.nd-flex--col-img {
text-align: center;
}

@media (max-width: 1024px) {
  .flex-row--bottom-border .nd-flex--col-img {
  margin-top: 1em;
  }
}

@media (min-width: 767px) {
  .nd-flex--col-33 {
  width: 33.3333%;
  }
}

@media (min-width: 767px) {
  .nd-flex--col-66 {
  width: 66.6666%;
  }
}

@media (min-width: 767px) {
  .nd-items-center {
  align-items: center;
  }
}

@media (min-width: 768px) {
  .blog-image-50 {
  display: inline-block;
  	    width: calc(50% - 4px);
  	     vertical-align: top;
  }
}

@media (min-width: 768px) {
  .blog-image-50-r {
  display: inline-block;
  	   width: calc(50% - 4px);
  	    padding-right: 15px;
        vertical-align: top;
  }
}

/* CSS migration: client-stories child grace-gyemfi (2026-03-04) */

/* Missing CSS blocks generated by audit_css_migration.py */

.cs-bg--lilac {
background-color: #e5d4e6;
}

.cs-images--box {
width: 100%;
    max-width: 390px;
}

.cs-images--box > h4 {
font-size: 1.6rem;
    text-transform: uppercase;
    margin: 1em 0;
}

.cs-info--list {
max-width: 600px;
    margin: 0 auto;
}

.cs-quote--wrap-lilac {
background-color: #e5d4e6;
}

.cs-teaser--subtitle {
font-size: 1.8rem;
    font-weight: 500;
    margin: 0;
}

@media (min-width: 767px) {
  .cs-images--box {
  width: 33.3333%;
  }
}

/* CSS migration: client-stories child jeff-chiba-stearns (2026-03-04) */

/* Missing CSS blocks generated by audit_css_migration.py */

.cs-quote--inner-img {
text-align: center;
}

.cs-quote--inner-text {
margin-top: 35px;
}

.cs-quote--wrap-jeffblue {
background-color: #81c0c8;
}

@media (min-width: 768px) {
  .cs-quote--inner-img {
  width: 25%;
  }
}

@media (min-width: 768px) {
  .cs-quote--inner-text {
  width: 75%;
          margin-top: 0;
          padding-left: 25px;
          text-align: justify;
  }
}

/* CSS migration: client-stories child jess-massey (2026-03-04) */

/* Missing CSS blocks generated by audit_css_migration.py */

.cs-bg--pink {
background-color: #fdefef;
}

.cs-quote--wrap-pink {
background-color: #fdefef;
}

/* CSS migration: client-stories child karen-rae (2026-03-04) */

/* Missing CSS blocks generated by audit_css_migration.py */

.cs-bg--raeblue {
background-color: #0c4a6e;
    color: #e9e9e9;
}

.cs-quote--wrap-raeblue {
background-color: #0c4a6e;
}

/* CSS migration: client-stories child lucy-noland (2026-03-04) */

/* Missing CSS blocks generated by audit_css_migration.py */

.cs-ak-link {
color: #005cae;
}

.cs-ak-link:active {
text-decoration: underline;
}

.cs-ak-link:focus {
text-decoration: underline;
}

.cs-ak-link:hover {
text-decoration: underline;
}

.cs-bg--green {
background-color: #cdffff;
}

.cs-quote--wrap-green {
background-color: #cdffff;
}

/* CSS migration: client-stories child michael-anthony (2026-03-04) */

/* Missing CSS blocks generated by audit_css_migration.py */

.cs-bg--navy-light {
background-color: #c5cddc;
}

.cs-iframe {
position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.cs-iframe--wrap {
position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
}

.cs-quote--wrap-navy-light {
background-color: #c5cddc;
}

@media (min-width: 767px) {
  .cs-iframe--wrap {
  padding-top: 82%;
  }
}

/* CSS migration: client-stories child natalee-linez (2026-03-04) */

/* Missing CSS blocks generated by audit_css_migration.py */

#characteristic-not-reverse {
margin: 40px 0;
}

.answer-color {
color: #E63883;
}

.characteristic--magic h3 {
font-size: 2.2rem;
    font-weight: 600;
    letter-spacing: .5px;
    margin: 0 0 .5em 0;
}

.characteristic--magic h3 > span {
color: #E63883;
    font-weight: 900;
}

.cs-bg--magenta {
background-color: #FEB9C8;
}

.cs-big-par {
font-size: 2.2rem;
    font-weight: 600;
}

.cs-qanda {
margin: 40px 0;
}

.cs-qanda h2 {
font-size: 2.2rem;
    font-weight: 500;
    margin: 0 0 1.2em 0;
    text-align: center;
}

.cs-quote--wrap-magenta {
background-color: #FEB9C8;
}

.nl-wrapper {
position: relative;
    padding-bottom: 56.25%;
}

.nl-wrapper iframe {
position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

@media (min-width: 767px) {
  .cs-qanda h2 {
  font-size: 2.8rem;
  }
}

/* CSS migration: client-stories child robert-alderman (2026-03-04) */

/* Missing CSS blocks generated by audit_css_migration.py */

.title-24 {
font-size: 2rem;
    font-weight: 600;
}

@media (min-width: 768px) {
  .title-24 {
  font-size: 2.4rem;
          font-weight: 500;
  }
}

/* CSS migration: client-stories child ryan-moralevitz (2026-03-04) */

/* Missing CSS blocks generated by audit_css_migration.py */

.cs-bg--ryanblue {
background-color: #8fe1ef;
}

.cs-quote--wrap-ryanblue {
background-color: #8fe1ef;
}

/* CSS migration: client-stories child stephanie-mcknight (2026-03-04) */

/* Missing CSS blocks generated by audit_css_migration.py */

#additional-blockquote {
position: relative;
    padding: 3rem;
    text-align: center;
}

#additional-blockquote blockquote {
padding-top: 6rem;
    padding-bottom: 6rem;
}

#additional-blockquote blockquote footer {
text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
}

#additional-blockquote blockquote p {
text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
}

#additional-blockquote blockquote::before {
content: '';
}

#additional-blockquote::after {
position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    left: 0;
}

#additional-blockquote::before {
position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    left: 0;
}

.additional-blockquote--chaogreen {
background-color: #eae5da;
}

.additional-blockquote--chaogreen blockquote footer {
color: #5c494b;
}

.additional-blockquote--chaogreen blockquote p {
color: #5c494b;
}

.additional-blockquote--chaogreen::after {
bottom: 3rem;
    background-color: #4d7b69;
}

.additional-blockquote--chaogreen::before {
top: 3rem;
    background-color: #4d7b69;
}

.cs-bg--chaogreen {
background-color: #4D7B69;
}

.cs-images--wrap {
display: flex;
}

.cs-images--wrap > * {
width: 100%;
}

.cs-quote--wrap-chaogreen {
background-color: #4D7B69;
}

@media (max-width: 600px) {
  .cs-images--wrap {
  flex-direction: column;
  }
}

/* CSS migration: client-stories child the-adventures-of-eva-and-duke (2026-03-04) */

/* Missing CSS blocks generated by audit_css_migration.py */

.cs-quote--wrap-ed {
background-color: #1f79a6;
}

.cs-quote--wrap-ed p {
color: #fff;
}

/* CSS migration: request-quote (2026-03-04) */

/* Missing CSS blocks generated by audit_css_migration.py */

#request-quote--content {
padding: 2em 0;
}

#request-quote--content h2 {
font-size: 1em;
    font-weight: 600;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}

#request-quote--row {
padding-top: 2em;
}

#request-quote--row a {
transition: all 300ms ease;
}

#request-quote--row a > img:active {
opacity: 0.8;
}

#request-quote--row a > img:focus {
opacity: 0.8;
}

#request-quote--row a > img:hover {
opacity: 0.8;
}

#request-quote--row a > span {
display: block;
    color: #6f7071;
    margin-top: 1em;
    margin-bottom: 2em;
}

#request-quote--row a > span:active {
color: #e40079;
}

#request-quote--row a > span:focus {
color: #e40079;
}

#request-quote--row a > span:hover {
color: #e40079;
}

#request-quote--row img {
transition: all 300ms ease;
}

@media (min-width: 768px) {
  #request-quote--content h2 {
  font-size: 1.35em;
  }
}

@media (min-width: 768px) {
  #request-quote--row {
  align-items: flex-start;
  }
}

/* CSS migration: services (2026-03-04) */

/* Missing CSS blocks generated by audit_css_migration.py */

#design-box--tabs .mcrl-align-right {
padding-top: 130px;
}

#services-main-banner {
height: 230px;
    margin-bottom: 4rem;
}

.benefits-box {
margin-bottom: 4rem;
}

.benefits-box-border {
position: relative;
    height: 3px;
    background-color: #c5c5c5;
    border: 1px solid #5f5f5f;
}

.benefits-box-border:before {
position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    left: 0;
    top: -2px;
    background-color: #c5c5c5;
}

.mcrl-align-right {
text-align: right;
}

.mcrl-banner {
position: relative;
    background-color: #42bcd1;
    overflow: hidden;
}

.mcrl-main-banner-slogan {
position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    padding: 20px;
    text-align: center;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    overflow: hidden;
}

.mcrl-main-banner-slogan > h1 {
font-family: 'Montserrat', sans-serif;
    color: #fff;
    margin: 0;
    text-transform: uppercase;
    line-height: normal;
    position: relative;
    font-size: 83px;
    font-weight: 100 !important;
    letter-spacing: 47px;
}

.mcrl-main-banner-slogan > h2 {
font-family: 'Montserrat', sans-serif;
    color: #fff;
    margin: 0;
    text-transform: uppercase;
    line-height: normal;
    position: relative;
    font-size: 43px;
    font-weight: 500 !important;
    opacity: 1;
    margin-left: -50px;
}

.section-950 {
width: 100%;
    max-width: 950px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
    margin-bottom: 6rem;
}

.section-950 p {
font-size: 2rem;
    font-weight: 400;
    margin-bottom: 2rem;
}

.service-box {
display: flex;
}

.service-box p {
color: #58595b;
    font-size: 1.8rem;
    text-align: justify;
    margin-bottom: 2rem;
}

.service-box-left {
position: relative;
    
    width: 50%;
    margin-bottom: 4rem;
}

.service-box-right {
position: relative;
    
    width: 50%;
    margin-bottom: 4rem;
}

.service-box:last-of-type .service-box-left {
margin-bottom: 0;
}

.service-box:last-of-type .service-box-right {
margin-bottom: 0;
}

@media (max-width: 950px) {
  #design-box--tabs .mcrl-align-right {
  padding-top: 0;
  }
}

@media (min-width: 769px) {
  .service-box-left {
  padding-bottom: 40px;
          padding-right: 30px;
  }
}

@media (min-width: 769px) {
  .service-box-right {
  padding-bottom: 40px;
          padding-left: 30px;
  }
}

@media only screen and (max-width: 370px) {
  .mcrl-main-banner-slogan > h1 {
  letter-spacing: 32px;
  }
}

@media only screen and (max-width: 370px) {
  .mcrl-main-banner-slogan > h2 {
  font-size: 2.5rem;
          margin-left: -30px;
  }
}

@media only screen and (max-width: 400px) {
  .service-box p {
  text-align: left;
  }
}

@media only screen and (max-width: 440px) {
  .mcrl-main-banner-slogan > h1 {
  font-size: 4rem;
  }
}

@media only screen and (max-width: 440px) {
  .mcrl-main-banner-slogan > h2 {
  font-size: 3rem;
  }
}

@media only screen and (max-width: 650px) {
  #services-main-banner {
  height: auto;
  }
}

@media only screen and (max-width: 650px) {
  .mcrl-main-banner-slogan {
  position: static;
          width: 100%;
          top: auto;
          left: auto;
          padding: 20px;
          text-align: center;
          transform: translate(0, 0);
          -webkit-transform: translate(0, 0);
          -moz-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
          -o-transform: translate(0, 0);
  }
}

@media only screen and (max-width: 768px) {
  .mcrl-main-banner-slogan > h1 {
  font-size: 6rem;
  }
}

@media only screen and (max-width: 768px) {
  .mcrl-main-banner-slogan > h2 {
  font-size: 3.5rem;
  }
}

@media only screen and (max-width: 768px) {
  .section-950:first-of-type {
  margin-bottom: 0;
  }
}

@media only screen and (max-width: 768px) {
  .service-box {
  flex-direction: column;
  }
}

@media only screen and (max-width: 768px) {
  .service-box-left {
  float: none;
          width: 100%;
          max-width: 430px;
          min-height: inherit;
          margin: 0 auto;
          margin-bottom: 4rem;
  }
}

@media only screen and (max-width: 768px) {
  .service-box-right {
  float: none;
          width: 100%;
          max-width: 430px;
          min-height: inherit;
          margin: 0 auto;
          margin-bottom: 4rem;
  }
}

@media only screen and (max-width: 768px) {
  .service-box:last-of-type .service-box-left {
  margin-bottom: 4rem;
  }
}

@media only screen and (max-width: 768px) {
  .service-box:last-of-type .service-box-right {
  margin-bottom: 4rem;
  }
}

@media only screen and (max-width: 850px) {
  .service-box-left {
  padding-right: 30px;
  }
}

@media only screen and (max-width: 850px) {
  .service-box-right {
  padding-left: 30px;
  }
}

/* CSS migration: wps (2026-03-04) */

/* Missing CSS blocks generated by audit_css_migration.py (GravityForm rules skipped) */

#LP-header {
background-color: #fff;
    padding: 1em 0;
    text-align: center;
}

#LP-header a {
display: block;
    max-width: 700px;
    margin: 0 auto;
}

#LP-header.LP-header--B {
padding: 0;
}

#LP-header.LP-header--publishing-summit {
padding: 2em 0;
    position: relative;
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, .1);
    z-index: 1;
}

#LP-header.LP-header--publishing-summit.LP-header--print-school {
background-color: #e6e0dc;
}

#wps-request-quote h2 {
font-size: calc(1.5vw + 2.8rem);
    font-weight: 500;
    margin-top: 1em;
}

.btn--turquoise {
background-color: #56bfba;
    box-shadow: inset 0 0 5px 4px #2da39f;
}

.btn--turquoise:active {
background-color: #ff3b79;
    box-shadow: inset 0 0 5px 4px #d10646;
    color: #fff;
}

.btn--turquoise:focus {
background-color: #ff3b79;
    box-shadow: inset 0 0 5px 4px #d10646;
    color: #fff;
}

.btn--turquoise:hover {
background-color: #ff3b79;
    box-shadow: inset 0 0 5px 4px #d10646;
    color: #fff;
}

.flex-row--mobile {
flex-direction: column;
}

.flex-row--mobile img {
margin-bottom: 1.5em;
}

.flex-space {
justify-content: space-between;
}

.flex-space--col {
display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.flex-space--col + .flex-space--col {
margin-top: 20px;
}

.footer--publisher-summit {
background-color: #43afbb;
    padding: 4em 0;
    text-align: center;
}

.footer--publisher-summit ul {
padding: 0;
}

.footer--publisher-summit.footer--print-school {
background-color: #838687;
}

#htg-design-help-box h1,
#htg-design-help-box h2,
.htg-design-help-box h2 {
font-size: calc(1vw + 2.2rem);
    font-weight: 300;
    line-height: 100%;
    text-align: center;
}

#htg-design-help-box h2 {
font-size: calc(1vw + 1.8rem);
}

#htg-design-help-box h1 > span,
#htg-design-help-box h2 > span,
.htg-design-help-box h2 > span {
font-weight: 700;
}

.section-bg--turquoise {
background-color: rgba(181, 221, 222, .3);
    padding: 4em 0;
    margin: 4em 0;
}

.title-30 {
font-size: calc(.3vw + 1.8rem);
    font-weight: 600;
    line-height: 120%;
}

.turquoise-link {
color: #56bfba;
    font-weight: 500;
    text-decoration: underline;
}

.wps-banner {
padding-top: 3em;
    padding-bottom: 3em;
}

@media (max-width: 1360px) {
  #LP-header a {
  max-width: 550px;
  }
}

@media (max-width: 901px) {
  #LP-header a {
  max-width: 380px;
  }
}

@media (min-width: 768px) {
  #ibpa-header-socials.flex-space--col {
  flex-direction: column;
            align-items: flex-start;
  }
}

#ibpa-header-socials .ibpa-socials-container:first-of-type {
margin-bottom: 10px;
}

@media (min-width: 768px) {
  #ibpa-header-socials .ibpa-socials-container:first-of-type > span {
  margin-right: 16px;
  }
}

@media (min-width: 768px) {
  #wps-request-quote h2 {
  margin-top: 0;
  }
}

@media (min-width: 768px) {
  .btn-min-300 {
  min-width: 30rem;
  }
}

@media (min-width: 768px) {
  .flex-col--50 {
  width: 50%;
  }
}

@media (min-width: 768px) {
  .flex-col--50:first-of-type {
  padding-right: 10px;
  }
}

@media (min-width: 768px) {
  .flex-col--50:last-of-type {
  padding-left: 10px;
  }
}

@media (min-width: 768px) {
  .flex-row--center {
  align-items: center;
  }
}

@media (min-width: 768px) {
  .flex-row--mobile {
  flex-direction: row;
  }
}

@media (min-width: 768px) {
  .flex-row--mobile img {
  margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .flex-space--col {
  flex-direction: row;
  }
}

@media (min-width: 768px) {
  .flex-space--col + .flex-space--col {
  margin-top: 0;
  }
}
/* ==== migrated from refer-a-friend (audit, non-GravityForms only) ==== */
#toTop {
width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, .3) url("/media/2019/10/arrow-toTop.png") center center no-repeat;
    background-size: contain;
    text-align: center;
    padding: 10px;
    line-height: 20px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
    display: none;
    z-index: 40;
    border: 1px solid #005e96;
}

.LP--getstarted {
padding: 5em 0 0 0;
}

.LP--getstarted .LP--big-paragraph:last-of-type {
padding-bottom: 2.5em;
    margin-bottom: 0;
}

.LP--getstarted h2 {
font-size: 4.8rem;
    font-weight: 300;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 .6em 0;
}

.LP--getstarted h3 {
font-size: 4.2rem;
    font-weight: 700;
    line-height: 100%;
    text-align: center;
    margin: 0 0 .7em 0;
}

.LP--getstarted-bg {
background-image: linear-gradient(to bottom, #fff 70%, #e0e0df);
    background-image: -webkit-linear-gradient(to bottom, #fff 70%, #e0e0df);
    background-image: -moz-linear-gradient(to bottom, #fff 70%, #e0e0df);
    background-image: -ms-linear-gradient(to bottom, #fff 70%, #e0e0df);
    background-image: -o-linear-gradient(to bottom, #fff 70%, #e0e0df);
}

.ak-referfriend-form {
margin-top: 2em;
}

@media (max-width: 1360px) {
  .LP--getstarted h2 {
  font-size: 4.2rem;
  }
}

@media (max-width: 1360px) {
  .LP--getstarted h3 {
  font-size: 3.6rem;
  }
}

@media (max-width: 680px) {
  .LP--getstarted h2 {
  font-size: 3.4rem;
  }
}

@media (max-width: 680px) {
  .LP--getstarted h3 {
  font-size: 2.8rem;
  }
}

@media (max-width: 680px) {
  .LP--getstarted img {
  display: none;
  }
}

@media (max-width: 901px) {
  .LP--getstarted h2 {
  font-size: 3.6rem;
  }
}

@media (max-width: 901px) {
  .LP--getstarted h3 {
  font-size: 3rem;
  }
}


/* ==== migrated from journals-printing (audit, non-GravityForms only) ==== */

/* Missing CSS blocks generated by audit_css_migration.py */

#children-one.packaging--with-iframe .col-6-right {
width: 40%;
}

#children-two .contact-box--left {
width: 120px;
}

#children-two .contact-box--right {
width: calc(100% - 130px);
    padding-left: 10px;
}

#children-two .contact-box--right > span {
font-size: 2.1rem;
}

#children-two .contact-box--right > span.contact-box--email {
font-size: 1.4rem;
}

#children-two a {
font-weight: 300;
    text-decoration: underline;
}

#children-two h2 {
font-size: 30px;
    font-weight: 400;
    padding: 0 10px;
    margin-top: 25px;
}

#children-two img {
object-fit: cover;
    object-position: left center;
    width: 455px;
    height: 440px;
}

#children-two ol {
margin-left: 10px;
}

#children-two ol > li {
font-weight: 300;
}

#children-two p {
font-weight: 300;
    line-height: 130%;
    padding: 0 10px;
}

#children-two.art-book-section img {
height: 620px;
}

#children-two.board-game--section img {
height: 500px;
}

#children-two.calendar-printing--section .col-6-right {
text-align: center;
    background-color: #3c3744;
}

#children-two.calendar-printing--section img {
object-position: center;
    width: auto;
    height: 530px;
}

#children-two.catalog-printing--section img {
height: 530px;
}

#children-two.children-two--tele .col-right img {
height: 498px;
}

#children-two.comic-printing--section img {
height: 550px;
}

#children-two.cookbook-section img {
height: 670px;
    object-position: right center;
}

#children-two.gift-boxes-section img {
height: 526px;
}

#children-two.hard-cover-book-section img {
height: 526px;
}

#children-two.journal-printing--section img {
height: 550px;
}

#children-two.pen-box-section img {
height: 505px;
    object-position: center;
}

#children-two.planner-solo-printing--section img {
height: 480px;
}

#children-two.product-sourcing--children-two img {
height: 355px;
}

#children-two.promotional-items--section img {
height: 410px;
    object-position: center;
}

#children-two.puzzle-printing--section img {
height: 455px;
}

#contact-box .contact-box--left > img {
object-fit: contain;
    object-position: inherit;
    width: 100%;
    height: auto;
}

#contact-box .contact-box--right > img {
width: 100%;
    height: auto;
    max-width: 30px;
    vertical-align: middle;
    margin-bottom: 10px;
    object-fit: contain;
    object-position: inherit;
}

#design-help-box.mcrl-has-video .col-8 {
width: 66.6666%;
}

#design-help-box.mcrl-has-video .rll-youtube-player {
box-shadow: -6px 7px 20px 3px rgba(0,0,0,.15);
    margin: 0 auto;
}

#design-help-box.spot-with-btns .col-12 {
width: 100%;
    text-align: center;
}

#lp-blank--quote.section-with-quote {
max-width: 800px;
  margin: 0 auto;
  margin-top: 75px;
}

#main #connect .col-left {
width: 48%;
}

#main #connect .col-right {
width: 48%;
}

#main .cform {
float: left;
}

#main .cform fieldset {
background:none !important;
    border: 0 solid !important;
}

#main .cform legend {
color: #FF6600;
    font-family: "Myriad Pro",Myriad,sans-serif;
    font-weight: 400;
    background: none !important;

    margin-left: 0px;
    padding: 0 0px;
}

#main div.failure {
float:left;
}

#main ol.cf-ol li.textonly {
background:none !important;
}

#nav_menu-11.widget.widget_nav_menu {
padding-top: 0;
}

#nav_menu-11.widget.widget_nav_menu .menu > li {
margin-bottom: 10px;
}

#nav_menu-11.widget.widget_nav_menu .menu > li > a {
text-transform: none;
  line-height: 120%;
}

#nav_menu-11.widget.widget_nav_menu .widgettitle {
font-size: 1.25em;
}

#sidebar .secondary {
float: left;
    margin-right: 20px;
}

#sidebar .secondary.last {
margin: 0;
}

#sidebar-badges-wrap {
max-width: 250px;
   padding-top: 30px;
   text-align: center;
}

#sidebar-badges-wrap a:first-of-type {
display: inline-block;
    max-width: 210px;
}

#sidebar.col-left .widget li:before {
display: none;
}

#sidebar.col-left .widget.widget_nav_menu ul > li.current_page_item > a {
color: #fa5809;
}

.ak-hub--journal-wrap #main.col-right {
margin-bottom: 0;
}

.col-12 {
width: 100%;
}

.col-6-ib {
width: calc(50% - 4px);
}

.col-6-right {
float: right;
    width: 50%;
}

.col-ib {
display: inline-block;
    vertical-align: middle;
    padding: 0 15px;
}

.col-ib p:last-of-type {
margin-bottom: 0;
}

.col-right {
float: right;
}

.contact-box--left {
display: inline-block;
    width: 150px;
    vertical-align: middle;
}

.contact-box--right {
display: inline-block;
    width: calc(100% - 160px);
    padding-left: 15px;
    vertical-align: middle;
}

.contact-box--right > span {
display: inline-block;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 30px;
    vertical-align: middle;
    margin-bottom: 10px;
}

.contact-box--right > span.contact-box--email {
font-size: 1.8rem;
    font-weight: 500;
    color: #2e64a0;
    text-decoration: underline;
}

.double-box {
position: relative;
    height: 100%;
    overflow: hidden;
}

.gray-blockquote {
position: relative;
    padding: 70px 0 0 0;
    margin: 0;
}

.gray-blockquote > footer {
margin-top: 30px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.gray-blockquote > footer > span {
font-weight: 300;
}

.gray-blockquote > footer > span > a {
color: #210a0a;
    text-decoration: underline;
}

.gray-blockquote > p {
font-size: 16px;
    font-style: italic;
    margin: 0;
}

.gray-blockquote:before {
position: absolute;
    content: '';
    top: 2px;
    left: 0;
    width: 69px;
    height: 48px;
    background: url("/media/2018/11/blockquote-gray.png") center no-repeat;
}

.has-color-2 {
background-color: #ffdc00;
}

.journal-quote {
display: flex;
    flex-direction: column;
    margin: 0;
}

.journal-quote footer span {
display: block;
}

.journal-quote p {
margin-top: 0;
}

.journal-quote::before {
display: none;
}

.jp--new-banner {
display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 3em 0;
    min-height: 21em;
    margin-bottom: 2em;
}

.jp--new-banner--text {
font-size: 2.5rem;
    line-height: 110%;
    margin: .5em 0;
}

.jp--new-banner--title {
color: #000;
    font-size: 3.5rem;
    font-weight: 700;
    margin: 0;
    line-height: 100%;
}

.jp--new-banner-01 {
background: url("/media/2022/11/jp-new-banner-01.jpg") top center no-repeat;
    background-size: cover;
}

.jp--new-banner-03 .jp--new-banner--text {
color: #fff;
}

.jp--new-banner-03 .jp--new-banner--title {
color: #fff;
}

.jp--new-banner-06 .jp--new-banner--title {
margin-bottom: .5em;
}

.jp--new-banner-bb .jp--new-banner-col:first-of-type {
width: 60%;
}

.jp--new-banner-bb .jp--new-banner-col:last-of-type {
width: 40%;
}

.jp--new-banner-col {
width: 50%;
}

.jp--new-banner-col:first-of-type > img {
display: none;
}

.jp--new-banner-col:last-of-type {
padding: 15px;
}

.jp--new-banner-cs .jp--new-banner-col:last-of-type {
background-color: rgba(163, 246, 240, .6);
}

.jp--new-banner-kitting .jp--new-banner-col {
width: 100%;
    text-align: left;
}

.jp--new-banner-kitting .jp--new-banner-col:last-of-type {
padding-left: 15%;
    margin-top: -35px;
}

.jp--new-banner-kitting .jp--new-banner-col:last-of-type > div {
margin-top: 40px;
}

.jp-btn {
display: inline-block;
    font-size: 1.8rem;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    background-color: transparent;
    border: 1px solid transparent;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.jp-btn--black {
color: #fff;
    background-color: #000;
    border-color: #000;
    padding: .3em 1em;
}

.jp-btn--black:active {
color: #000;
    background-color: #fff;
}

.jp-btn--black:focus {
color: #000;
    background-color: #fff;
}

.jp-btn--black:hover {
color: #000;
    background-color: #fff;
}

.jp-btn--white {
color: #000;
    background-color: #fff;
    border-color: #000;
    padding: .3em 1.5em;
}

.jp-btn--white:active {
color: #fff;
    background-color: #000;
}

.jp-btn--white:focus {
color: #fff;
    background-color: #000;
}

.jp-btn--white:hover {
color: #fff;
    background-color: #000;
}

.justify-paragraph {
text-align: justify;
}

.margin-bottom-25 {
margin-bottom: 2.5rem;
}

.page-template-template-contact-php .location-twitter .col-left {
float: none;
}

.spot-with-btns h2 {
font-size: 44px;
    font-weight: 300;
    line-height: 100%;
}

.spot-with-btns h2 > span {
font-weight: 600;
}

.title-64 {
font-size: 64px;
    font-weight: 400;
    margin-bottom: 30px;
}

.widget {
margin-bottom: 2.618em;
}

.widget #connect .fl {
float: none;
}

.widget .star-rating {
margin: .53em 0;
}

.widget h3 {
color: #39302d;
    border: 1px double #e8e4e3;
    border-width: 1px 0 4px;
    padding: .618em 0;
    font-family: "Open Sans", sans-serif;
}

.widget ul {
list-style: none;
}

.widget ul li .count {
float: right;
}

.widget ul.product_list_widget li {
margin-bottom: .618em;
    padding-bottom: .618em;
    border-bottom: 1px dashed #e8e4e3;
}

.widget ul.product_list_widget li a {
display: block;
}

.widget ul.product_list_widget li del {
opacity: 0.5;
    filter: alpha(opacity=@opacity * 100);
}

.widget ul.product_list_widget li img {
float: right;
    width: 2.244em;
    height: auto;
    margin-left: 1em;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.widget ul.product_list_widget li ins {
font-weight: bold;
    text-decoration: none;
    margin-left: .618em;
}

.widget ul.product_list_widget li:after {
content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}

.widget ul.product_list_widget li:last-child {
border-bottom: 0;
}

.widget.widget_archive li:before {
font-family: 'WebSymbolsRegular';
    display: inline-block;
    font-size: .857em;
    margin-right: .618em;
    font-weight: normal;
    content: ">";
    color: #e3dad7;
    width: .857em;
}

.widget.widget_categories li:before {
font-family: 'WebSymbolsRegular';
    display: inline-block;
    font-size: .857em;
    margin-right: .618em;
    font-weight: normal;
    content: ">";
    color: #e3dad7;
    width: .857em;
}

.widget.widget_layered_nav li.chosen:before {
content: "\\00d7";
    color: #b85f56;
}

.widget.widget_layered_nav li:before {
font-family: 'WebSymbolsRegular';
    display: inline-block;
    font-size: .857em;
    margin-right: .618em;
    font-weight: normal;
    content: ">";
    color: #e3dad7;
    width: .857em;
}

.widget.widget_links li:before {
font-family: 'WebSymbolsRegular';
    display: inline-block;
    font-size: .857em;
    margin-right: .618em;
    font-weight: normal;
    content: ">";
    color: #e3dad7;
    width: .857em;
}

.widget.widget_login .input-text {
width: 100%;
}

.widget.widget_login label {
display: block;
}

.widget.widget_login li:before {
font-family: 'WebSymbolsRegular';
    display: inline-block;
    font-size: .857em;
    margin-right: .618em;
    font-weight: normal;
    content: ">";
    color: #e3dad7;
    width: .857em;
}

.widget.widget_meta li:before {
font-family: 'WebSymbolsRegular';
    display: inline-block;
    font-size: .857em;
    margin-right: .618em;
    font-weight: normal;
    content: ">";
    color: #e3dad7;
    width: .857em;
}

.widget.widget_nav_menu .menu > li {
margin-bottom: 30px;
}

.widget.widget_nav_menu .menu > li > a {
text-transform: uppercase;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.widget.widget_nav_menu .menu > li > a:hover {
color: #fa5809;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
}

.widget.widget_nav_menu .menu > li.current_page_item > a {
color: #fa5809;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
}

.widget.widget_nav_menu .menu a {
display: block;
    color: #505153;
    font-size: 1.6rem;
    font-weight: 500;
    text-shadow: 0 1px 1px transparent;
}

.widget.widget_nav_menu .menu li {
margin-bottom: 5px;
}

.widget.widget_nav_menu .menu ul {
margin-left: 0;
}

.widget.widget_nav_menu .menu ul > li > a:hover {
color: #009beb;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
}

.widget.widget_nav_menu .menu ul > li.current_page_item > a {
color: #fa5809;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
}

.widget.widget_nav_menu .sub-menu {
display: block;
padding-left: 0;
}

.widget.widget_nav_menu .sub-menu li {
margin-bottom: 5px;
}

.widget.widget_nav_menu li::before {
display: none;
}

.widget.widget_nav_menu li:before {
font-family: 'WebSymbolsRegular';
    display: inline-block;
    font-size: .857em;
    margin-right: .618em;
    font-weight: normal;
    content: ">";
    color: #e3dad7;
    width: .857em;
}

.widget.widget_product_categories li:before {
font-family: 'WebSymbolsRegular';
    display: inline-block;
    font-size: .857em;
    margin-right: .618em;
    font-weight: normal;
    content: ">";
    color: #e3dad7;
    width: .857em;
}

.widget.widget_recent_comments li:before {
font-family: 'WebSymbolsRegular';
    display: inline-block;
    font-size: .857em;
    margin-right: .618em;
    font-weight: normal;
    content: ">";
    color: #e3dad7;
    width: .857em;
}

.widget.widget_recent_entries li:before {
font-family: 'WebSymbolsRegular';
    display: inline-block;
    font-size: .857em;
    margin-right: .618em;
    font-weight: normal;
    content: ">";
    color: #e3dad7;
    width: .857em;
}

.widget:first-child h3 {
border-top-width: 0;
    padding-top: 0;
}

.without-left-padding {
margin-left: -15px;
}

.without-padding {
padding: 0;
}

@media (max-width: 1025px) {#printing-guide-section .col-6-ib {
  width: 100%;
  }
}

@media (max-width: 1025px) {#printing-guide-section .col-6-ib:nth-of-type(1) {
  display: block;
          max-width: 450px;
          margin: 0 auto;
          margin-bottom: 30px;
          margin-top: 30px;
  }
}

@media (max-width: 550px) {#trees-org-badges .col-6-ib {
  display: block;
          width: 100%;
  }
}

@media (max-width: 550px) {#trees-org-badges .col-6-ib + .col-6-ib {
  margin-top: 35px;
  }
}

@media (max-width: 870px) {.jp--new-banner {
  flex-direction: column-reverse;
          padding-bottom: 0;
  }
}

@media (max-width: 870px) {.jp--new-banner-01 {
  background-image: none;
          background-color: #e1dfdb;
  }
}

@media (max-width: 870px) {.jp--new-banner-bb .jp--new-banner-col br {
  display: none;
  }
}

@media (max-width: 870px) {.jp--new-banner-bb .jp--new-banner-col:first-of-type {
  width: 100%;
  }
}

@media (max-width: 870px) {.jp--new-banner-bb .jp--new-banner-col:last-of-type {
  width: 100%;
  }
}

@media (max-width: 870px) {.jp--new-banner-col {
  width: 100%;
  }
}

@media (max-width: 870px) {.jp--new-banner-col:first-of-type > img {
  display: block;
          width: 100%;
          height: 100%;
  }
}

@media (max-width: 870px) {.jp--new-banner-col:last-of-type {
  padding-bottom: 3em;
  }
}

@media (max-width: 870px) {.jp--new-banner-kitting .jp--new-banner-col {
  text-align: center;
  }
}

@media (max-width: 870px) {.jp--new-banner-kitting .jp--new-banner-col > img {
  max-width: 516px;
          margin: 0 auto;
  }
}

@media (max-width: 870px) {.jp--new-banner-kitting .jp--new-banner-col:last-of-type {
  padding-left: 0;
          margin-top: auto;
  }
}

@media (max-width: 870px) {.jp-btn {
  display: block;
          margin: 0 auto;
          max-width: 15em;
  }
}

@media (max-width: 870px) {.jp-btn + .jp-btn {
  margin-top: .7em;
  }
}

@media (min-width: 767px) {.journal-quote {
  flex-direction: row;
  }
}

@media (min-width: 767px) {.journal-quote--img {
  width: 40%;
  }
}

@media (min-width: 767px) {.journal-quote--text {
  width: 60%;
          padding-left: 15px;
          text-align: justify;
  }
}

@media (min-width: 768px) {.jp-btn:active + .bb-tooltip {
  visibility: visible;
          opacity: 1;
  }
}

@media (min-width: 768px) {.jp-btn:focus + .bb-tooltip {
  visibility: visible;
          opacity: 1;
  }
}

@media (min-width: 768px) {.jp-btn:hover + .bb-tooltip {
  visibility: visible;
          opacity: 1;
  }
}

@media (min-width: 769px) {.ak-hub--journal-wrap #sidebar.col-left {
  margin-top: 87px;
  }
}

@media only screen and (max-width: 1024px) {#about-us-main .col-6-ib {
  width: 100%;
  }
}

@media only screen and (max-width: 1024px) {#about-us-main .col-6-ib:first-of-type {
  margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1024px) {#about-us-main .col-ib {
  display: block;
  }
}

@media only screen and (max-width: 1024px) {#children-two img {
  height: 604px;
  }
}

@media only screen and (max-width: 1024px) {#children-two.art-book-section img {
  height: 848px;
  }
}

@media only screen and (max-width: 1024px) {#children-two.board-game--section img {
  height: 661px;
  }
}

@media only screen and (max-width: 1024px) {#children-two.calendar-printing--section img {
  height: 685px;
  }
}

@media only screen and (max-width: 1024px) {#children-two.catalog-printing--section img {
  height: 745px;
  }
}

@media only screen and (max-width: 1024px) {#children-two.children-two--tele .col-right {
  width: 100%;
  }
}

@media only screen and (max-width: 1024px) {#children-two.children-two--tele .col-right img {
  object-fit: inherit;
          width: auto;
          height: auto;
  }
}

@media only screen and (max-width: 1024px) {#children-two.comic-printing--section img {
  height: 790px;
  }
}

@media only screen and (max-width: 1024px) {#children-two.cookbook-section img {
  height: 872px;
  }
}

@media only screen and (max-width: 1024px) {#children-two.hard-cover-book-section img {
  height: 732px;
          object-position: center;
  }
}

@media only screen and (max-width: 1024px) {#children-two.journal-printing--section img {
  height: 790px;
  }
}

@media only screen and (max-width: 1024px) {#children-two.journal-solo-printing--section img {
  object-position: center;
  }
}

@media only screen and (max-width: 1024px) {#children-two.pen-box-section .col-6-right {
  width: 100%;
  }
}

@media only screen and (max-width: 1024px) {#children-two.pen-box-section img {
  object-fit: inherit;
          width: auto;
          height: auto;
  }
}

@media only screen and (max-width: 1024px) {#children-two.planner-solo-printing--section img {
  height: 675px;
          object-position: center;
  }
}

@media only screen and (max-width: 1024px) {#children-two.product-sourcing--children-two img {
  height: 460px;
  }
}

@media only screen and (max-width: 1024px) {#children-two.promotional-items--section img {
  height: 545px;
  }
}

@media only screen and (max-width: 1024px) {#children-two.puzzle-printing--section img {
  height: 605px;
  }
}

@media only screen and (max-width: 1024px) {#design-help-box.mcrl-has-video .col-8 {
  width: 100%;
  }
}

@media only screen and (max-width: 1024px) {#design-help-box.mcrl-has-video .rll-youtube-player {
  box-shadow: none;
  }
}

@media only screen and (max-width: 1024px) {.spot-with-btns h2 {
  font-size: 36px;
  }
}

@media only screen and (max-width: 1070px) {#children-two.children-two--tele .col-right img {
  height: 545px;
  }
}

@media only screen and (max-width: 1090px) {#children-two.board-game--section img {
  height: 595px;
  }
}

@media only screen and (max-width: 1090px) {#children-two.calendar-printing--section img {
  height: 640px;
  }
}

@media only screen and (max-width: 1090px) {#children-two.catalog-printing--section img {
  height: 635px;
  }
}

@media only screen and (max-width: 1090px) {#children-two.comic-printing--section img {
  height: 700px;
  }
}

@media only screen and (max-width: 1090px) {#children-two.cookbook-section img {
  height: 780px;
  }
}

@media only screen and (max-width: 1090px) {#children-two.gift-boxes-section img {
  height: 700px;
  }
}

@media only screen and (max-width: 1090px) {#children-two.journal-printing--section img {
  height: 700px;
  }
}

@media only screen and (max-width: 1090px) {#children-two.pen-box-section img {
  height: 616px;
  }
}

@media only screen and (max-width: 1090px) {#children-two.planner-solo-printing--section img {
  height: 610px;
  }
}

@media only screen and (max-width: 1090px) {#children-two.product-sourcing--children-two img {
  height: 415px;
          object-position: center;
  }
}

@media only screen and (max-width: 1090px) {#children-two.promotional-items--section img {
  height: 495px;
  }
}

@media only screen and (max-width: 1090px) {#children-two.puzzle-printing--section img {
  height: 585px;
  }
}

@media only screen and (max-width: 1106px) {#children-two.board-game--section img {
  height: 540px;
  }
}

@media only screen and (max-width: 1106px) {#children-two.catalog-printing--section img {
  height: 600px;
  }
}

@media only screen and (max-width: 1106px) {#children-two.comic-printing--section img {
  height: 650px;
  }
}

@media only screen and (max-width: 1106px) {#children-two.journal-printing--section img {
  height: 650px;
  }
}

@media only screen and (max-width: 1106px) {#children-two.pen-box-section img {
  height: 560px;
  }
}

@media only screen and (max-width: 1106px) {#children-two.planner-solo-printing--section img {
  height: 585px;
  }
}

@media only screen and (max-width: 1106px) {#children-two.promotional-items--section img {
  height: 470px;
  }
}

@media only screen and (max-width: 1106px) {#children-two.puzzle-printing--section img {
  height: 565px;
  }
}

@media only screen and (max-width: 1125px) {#children-two.calendar-printing--section img {
  height: 606px;
  }
}

@media only screen and (max-width: 1140px) {#children-two.catalog-printing--section img {
  height: 545px;
          object-position: center;
  }
}

@media only screen and (max-width: 1140px) {#children-two.comic-printing--section img {
  height: 630px;
  }
}

@media only screen and (max-width: 1140px) {#children-two.journal-printing--section img {
  height: 630px;
  }
}

@media only screen and (max-width: 1140px) {#children-two.puzzle-printing--section img {
  height: 480px;
          object-position: center;
  }
}

@media only screen and (max-width: 1160px) {#children-two.children-two--tele .col-right img {
  height: 525px;
  }
}

@media only screen and (max-width: 1180px) {#children-two img {
  height: 536px;
  }
}

@media only screen and (max-width: 1180px) {#children-two.art-book-section img {
  height: 770px;
          object-position: center;
  }
}

@media only screen and (max-width: 1180px) {#children-two.comic-printing--section img {
  height: 590px;
          object-position: center;
  }
}

@media only screen and (max-width: 1180px) {#children-two.cookbook-section img {
  height: 770px;
          object-position: center;
  }
}

@media only screen and (max-width: 1180px) {#children-two.gift-boxes-section img {
  height: 585px;
  }
}

@media only screen and (max-width: 1180px) {#children-two.hard-cover-book-section img {
  height: 675px;
          object-position: center;
  }
}

@media only screen and (max-width: 1180px) {#children-two.journal-printing--section img {
  height: 590px;
          object-position: center;
  }
}

@media only screen and (max-width: 1180px) {#children-two.pen-box-section img {
  height: 541px;
  }
}

@media only screen and (max-width: 1180px) {#children-two.planner-solo-printing--section img {
  height: 525px;
  }
}

@media only screen and (max-width: 400px) {.spot-with-btns h2 {
  font-size: 32px;
  }
}

@media only screen and (max-width: 400px) {.title-64 {
  font-size: 46px;
  }
}

@media only screen and (max-width: 500px) {#contact-box {
  text-align: center;
  }
}

@media only screen and (max-width: 500px) {.contact-box--left {
  display: block;
          margin: 0 auto;
          margin-bottom: 15px;
  }
}

@media only screen and (max-width: 500px) {.contact-box--right {
  width: 100%;
          padding-left: 0;
  }
}

@media only screen and (max-width: 768px) {#sidebar-badges-wrap {
  display: none;
  }
}

@media only screen and (max-width: 768px) {
  #sidebar .widget_nav_menu > ul > li,
  #sidebar .widget_nav_menu .menu > li {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 768px) {.justify-paragraph {
  text-align: left;
  }
}

@media only screen and (max-width: 768px) {.widget.widget_archive ul > li {
  margin-bottom: 15px;
  }
}

@media only screen and (max-width: 768px) {.widget.widget_categories ul > li {
  margin-bottom: 15px;
  }
}

@media only screen and (max-width: 768px) {.widget.widget_nav_menu .menu-item-has-children > a {
  margin-bottom: 15px;
  }
}

@media only screen and (max-width: 768px) {.widget.widget_nav_menu .sub-menu > li > a {
  font-size: 1.6rem;
  }
}

@media only screen and (max-width: 768px) {.widget.widget_nav_menu .sub-menu li {
  margin-bottom: 15px;
          line-height: 100%;
  }
}

@media only screen and (max-width: 950px) {#children-five .col-6-ib {
  width: 100%;
  }
}

@media only screen and (max-width: 950px) {#children-one.packaging--with-iframe .col-6-right {
  width: 100%;
          background-color: #000;
  }
}

@media only screen and (max-width: 950px) {#children-two img {
  object-fit: inherit;
          width: auto;
          height: auto;
  }
}

@media only screen and (max-width: 950px) {#children-two.art-book-section img {
  object-fit: inherit;
          width: auto;
          height: auto;
  }
}

@media only screen and (max-width: 950px) {#children-two.board-game--section img {
  object-fit: inherit;
          width: auto;
          height: auto;
  }
}

@media only screen and (max-width: 950px) {#children-two.calendar-printing--section img {
  object-fit: inherit;
          width: auto;
          height: auto;
  }
}

@media only screen and (max-width: 950px) {#children-two.catalog-printing--section img {
  object-fit: inherit;
          width: auto;
          height: auto;
  }
}

@media only screen and (max-width: 950px) {#children-two.comic-printing--section img {
  object-fit: inherit;
          width: auto;
          height: auto;
  }
}

@media only screen and (max-width: 950px) {#children-two.cookbook-section img {
  object-fit: inherit;
          width: auto;
          height: auto;
  }
}

@media only screen and (max-width: 950px) {#children-two.gift-boxes-section img {
  object-fit: inherit;
          width: auto;
          height: auto;
  }
}

@media only screen and (max-width: 950px) {#children-two.hard-cover-book-section img {
  object-fit: inherit;
          width: auto;
          height: auto;
  }
}

@media only screen and (max-width: 950px) {#children-two.journal-printing--section img {
  object-fit: inherit;
          width: auto;
          height: auto;
  }
}

@media only screen and (max-width: 950px) {#children-two.journal-solo-printing--section img {
  object-fit: inherit;
          width: auto;
          height: auto;
  }
}

@media only screen and (max-width: 950px) {#children-two.planner-solo-printing--section img {
  object-fit: inherit;
          width: auto;
          height: auto;
  }
}

@media only screen and (max-width: 950px) {#children-two.product-sourcing--children-two img {
  object-fit: inherit;
          width: auto;
          height: auto;
  }
}

@media only screen and (max-width: 950px) {#children-two.promotional-items--section img {
  object-fit: inherit;
          width: auto;
          height: auto;
  }
}

@media only screen and (max-width: 950px) {#children-two.puzzle-printing--section img {
  object-fit: inherit;
          width: auto;
          height: auto;
  }
}

@media only screen and (max-width: 950px) {.col-right,
  .col-6-right {
  float: none;
  }
}

@media only screen and (max-width: 950px) {.col-6-right,
  .col-6-right--bigger,
  #children-five .col-6-ib {
  width: 100%;
  }
}

@media only screen and (max-width: 950px) {.spot-with-btns .col-5-ib {
  width: 100%;
  }
}

@media only screen and (max-width: 950px) {.spot-with-btns .col-7-ib {
  width: 100%;
  }
}

@media only screen and (max-width: 950px) {.spot-with-btns h2 {
  text-align: center;
  }
}

@media only screen and (max-width: 950px) {.spot-with-btns h2 > span {
  display: block;
  }
}

@media only screen and (max-width: 970px) {#children-two.calendar-printing--section img {
  height: 721px;
  }
}

@media only screen and (min-width: 0px) and (max-width: 1024px) {#main .cform {
  width: 100%;
  }
}

@media only screen and (min-width: 0px) and (max-width: 1024px) {#main .post-636 table {
  float: left;
          width: 100%;
  }
}

@media only screen and (min-width: 768px) {#main.fullwidth {
  max-width: 100%;
          margin: 0 auto;
          width: 100%;
  }
}

@media only screen and (min-width: 768px) {.layout-full #main {
  max-width: 100%;
          margin: 0 auto;
          width: 100%;
  }
}

@media only screen and (min-width: 768px) {.no-sidebar #main {
  max-width: 100%;
          margin: 0 auto;
          width: 100%;
  }
}

/* ==== migrated from planners-printing (audit, non-GravityForms only) ==== */

/* Missing CSS blocks generated by audit_css_migration.py */

#children-four {
padding: 50px 30px;
}

#children-four h2 {
font-size: 58px;
    font-weight: 400;
    margin: 0;
    color: #fff;
    line-height: 100%;
}

#children-one > .pos-ab-center > a {
display: inline-block;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 400;
    margin-top: 20px;
}

#children-one.packaging--with-iframe .pos-ab-center {
width: 60%;
}

#children-three {
padding: 50px 30px;
}

#children-three h2 {
font-size: 58px;
    font-weight: 400;
    margin: 0;
    color: #fff;
    line-height: 100%;
}

#children-three.product-sourcing--children-three {
padding-top: 80px;
    padding-bottom: 80px;
}

.col-6-right--bigger {
width: 55%;
}

.has-color-3 {
background-color: #000;
    color: #fff;
}

.has-color-4 {
background-color: #f82141;
    color: #fff;
}

.has-point {
position: relative;
    padding-left: 60px;
}

.has-point.has-point--one:before {
background: url("/media/2018/11/point-1.png") center no-repeat;
}

.has-point.has-point--three:before {
background: url("/media/2018/11/point-3.png") center no-repeat;
}

.has-point.has-point--two:before {
background: url("/media/2018/11/point-2.png") center no-repeat;
}

.has-point:before {
position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 38px;
    height: 39px;
}

.jp--new-banner-02 {
background: url("/media/2022/11/jp-new-banner-02.jpg") top center no-repeat;
    background-size: cover;
}

.margin-bottom-65 {
margin-bottom: 65px;
}

.pos-ab-center {
position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    width: 50%;
}

.pos-ab-center--smaller {
width: 45%;
}

@media (max-width: 870px) {.jp--new-banner-02 {
  background-image: none;
          background-color: #e4e4e4;
  }
}

@media only screen and (max-width: 1024px) {#children-four {
  padding: 50px 20px;
  }
}

@media only screen and (max-width: 1024px) {#children-four h2 {
  font-size: 40px;
  }
}

@media only screen and (max-width: 1024px) {#children-one.children-one--with-iframe .pos-ab-center {
  padding: 0 10px;
  }
}

@media only screen and (max-width: 1024px) {#children-three {
  padding: 50px 20px;
  }
}

@media only screen and (max-width: 1024px) {#children-three h2 {
  font-size: 40px;
  }
}

@media only screen and (max-width: 1024px) {.col-6-right--bigger {
  width: 60%;
  }
}

@media only screen and (max-width: 1024px) {.has-point {
  padding-left: 45px;
  }
}

@media only screen and (max-width: 1024px) {.pos-ab-center--smaller {
  width: 40%;
  }
}

@media only screen and (max-width: 1180px) {#children-four h2 {
  font-size: 46px;
  }
}

@media only screen and (max-width: 1180px) {#children-three h2 {
  font-size: 46px;
  }
}

@media only screen and (max-width: 1180px) {#children-three.product-sourcing--children-three {
  padding-top: 50px;
          padding-bottom: 50px;
  }
}

@media only screen and (max-width: 768px) {#children-four {
  padding: 10px 15px 30px 15px;
  }
}

@media only screen and (max-width: 768px) {#children-three {
  padding: 10px 15px 30px 15px;
  }
}

@media only screen and (max-width: 950px) {#children-four {
  padding: 10px 30px 30px 30px;
  }
}

@media only screen and (max-width: 950px) {#children-four h2 {
  font-size: 36px;
  }
}

@media only screen and (max-width: 950px) {#children-one.children-one--with-iframe .pos-ab-center {
  padding: 40px 10px;
  }
}

@media only screen and (max-width: 950px) {#children-one.packaging--with-iframe .pos-ab-center {
  width: 100%;
  }
}

@media only screen and (max-width: 950px) {#children-three {
  padding: 10px 30px 30px 30px;
  }
}

@media only screen and (max-width: 950px) {#children-three h2 {
  font-size: 36px;
  }
}

@media only screen and (max-width: 950px) {#children-three h2 > br {
  display: none;
  }
}

@media only screen and (max-width: 950px) {#children-three.product-sourcing--children-three {
  padding-top: 10px;
          padding-bottom: 10px;
  }
}

@media only screen and (max-width: 950px) {.col-6-right--bigger {
  width: 100%;
  }
}

@media only screen and (max-width: 950px) {.pos-ab-center {
  position: static;
          top: auto;
          transform: translate(0, 0);
          -webkit-transform: translate(0, 0);
          -moz-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
          -o-transform: translate(0, 0);
          width: 100%;
          padding-top: 20px;
          padding-bottom: 20px;
  }
}

@media only screen and (max-width: 950px) {.pos-ab-center--smaller {
  width: 100%;
  }
}

/* ==== migrated from journals-printing-journal (audit, non-GravityForms only) ==== */

/* Missing CSS blocks generated by audit_css_migration.py */

#ak-shop .woocommerce-tabs ul.tabs li.active:before {
background: #009deb;
  border-top: 1px solid #009deb;
}

#ak-shop .woocommerce-tabs ul.tabs li.active:hover:before {
background: #e40079;
  border-top: 1px solid #e40079;
}

#ak-shop .woocommerce_tabs ul.tabs li.active a {
color: #009deb;
  border-top-color: #009deb;
}

#ak-shop .woocommerce_tabs ul.tabs li.active a:hover {
color: #e40079;
  border-top-color: #e40079;
}

#ak-shop .woocommerce_tabs ul.tabs li.active:before {
background: #009deb;
  border-top: 1px solid #009deb;
}

#ak-shop .woocommerce_tabs ul.tabs li.active:hover:before {
background: #e40079;
  border-top: 1px solid #e40079;
}

#design-boxes {
position: relative;
    float: left;
    width: calc(100% - 50px);
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: -7px 0 9px -4px rgba(0,0,0,0.5);
    margin-left: -1px;
    margin-top: -20px;
    padding: 30px;
    
    min-height: 1140px;
    z-index: 1;
}

#design-nav {
float: left;
    width: 50px;
}

#design-nav ul {
list-style: none;
    padding-left: 0;
}

#design-wrap {
position: relative;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding-top: 30px;
}

#j-band-dot {
top: 35%;
    left: 83%;
}

#j-band-dot .circle {
background-color: #f86624;
}

#j-band-dot .dot-title {
background-color: #f86624;
}

#j-band-dot .ringring {
border-color: #f86624;
    animation-delay: .2s;
    -webkit-animation-delay: .2s;
}

#j-binding-dot {
top: 13%;
    left: 57%;
}

#j-binding-dot .circle {
background-color: #499ebb;
}

#j-binding-dot .dot-title {
background-color: #499ebb;
}

#j-binding-dot .ringring {
border-color: #499ebb;
}

#j-corners-dot {
top: 65.5%;
    left: 1%;
}

#j-corners-dot .circle {
background-color: #ffc145;
}

#j-corners-dot .dot-title {
background-color: #ffc145;
}

#j-corners-dot .ringring {
border-color: #ffc145;
    animation-delay: .2s;
    -webkit-animation-delay: .4s;
}

#j-cover-dot {
top: 22%;
    left: 72%;
}

#j-cover-dot .circle {
background-color: #307473;
}

#j-cover-dot .dot-title {
background-color: #307473;
}

#j-cover-dot .ringring {
border-color: #307473;
    animation-delay: .2s;
    -webkit-animation-delay: .3s;
}

#j-faqs-dot {
top: 67%;
    left: 84.5%;
}

#j-faqs-dot .circle {
background-color: #251351;
}

#j-faqs-dot .dot-title {
background-color: #251351;
}

#j-faqs-dot .ringring {
border-color: #251351;
    animation-delay: .2s;
    -webkit-animation-delay: .6s;
}

#j-paper-dot {
top: 47%;
    left: 25.5%;
}

#j-paper-dot .circle {
background-color: #a63a50;
}

#j-paper-dot .dot-title {
background-color: #a63a50;
}

#j-paper-dot .ringring {
border-color: #a63a50;
    animation-delay: .2s;
    -webkit-animation-delay: .6s;
}

#j-ribbon-dot {
top: 47%;
    
    left: 56.5%;
}

#j-ribbon-dot .circle {
background-color: #f61067;
}

#j-ribbon-dot .dot-title {
background-color: #f61067;
}

#j-ribbon-dot .ringring {
border-color: #f61067;
    animation-delay: .2s;
    -webkit-animation-delay: .5s;
}

#j-stickers-dot {
top: 24%;
    left: 37.5%;
}

#j-stickers-dot .circle {
background-color: #7dd181;
}

#j-stickers-dot .dot-title {
background-color: #7dd181;
}

#j-stickers-dot .ringring {
border-color: #7dd181;
    animation-delay: .2s;
    -webkit-animation-delay: .45s;
}

#mcrl--band {
height: 137px;
}

#mcrl--band > a {
width: 137px;
    transform: rotate(-90deg) translate(-32%, -85%);
    -webkit-transform: rotate(-90deg) translate(-32%, -85%);
    -moz-transform: rotate(-90deg) translate(-32%, -85%);
    -ms-transform: rotate(-90deg) translate(-32%, -85%);
    -o-transform: rotate(-90deg) translate(-32%, -85%);
}

#mcrl--band > a > span {
color: #fff;
    background-color: #f86624;
    border: 1px solid #f86624;
}

#mcrl--band > a:hover > span {
color: #f86624;
    background-color: #fff;
    border: 1px solid #f86624;
}

#mcrl--band.active > a > span {
color: #f86624;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    box-shadow: -5px -6px 9px -6px rgba(0,0,0,0.6);
}

#mcrl--band.active > a:hover > span {
color: #f86624;
    background-color: #fff;
    border: 1px solid #f86624;
}

#mcrl--bindings {
height: 95px;
}

#mcrl--bindings > a {
width: 95px;
    transform: rotate(-90deg) translate(-24%, -43%);
    -webkit-transform: rotate(-90deg) translate(-24%, -43%);
    -moz-transform: rotate(-90deg) translate(-24%, -43%);
    -ms-transform: rotate(-90deg) translate(-24%, -43%);
    -o-transform: rotate(-90deg) translate(-24%, -43%);
}

#mcrl--bindings > a > span {
color: #fff;
    background-color: #499ebb;
    border: 1px solid #499ebb;
}

#mcrl--bindings > a:hover > span {
color: #499ebb;
    background-color: #fff;
    border: 1px solid #499ebb;
}

#mcrl--bindings.active > a > span {
color: #499ebb;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    box-shadow: -5px -6px 9px -6px rgba(0,0,0,0.6);
}

#mcrl--bindings.active > a:hover > span {
color: #499ebb;
    background-color: #fff;
    border: 1px solid #499ebb;
}

#mcrl--corners {
height: 156px;
}

#mcrl--corners > a {
width: 156px;
    transform: rotate(-90deg) translate(-34%, -103%);
    -webkit-transform: rotate(-90deg) translate(-34%, -103%);
    -moz-transform: rotate(-90deg) translate(-34%, -103%);
    -ms-transform: rotate(-90deg) translate(-34%, -103%);
    -o-transform: rotate(-90deg) translate(-34%, -103%);
}

#mcrl--corners > a > span {
color: #fff;
    background-color: #ffc145;
    border: 1px solid #ffc145;
}

#mcrl--corners > a:hover > span {
color: #ffc145;
    background-color: #fff;
    border: 1px solid #ffc145;
}

#mcrl--corners.active > a > span {
color: #ffc145;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    box-shadow: -5px -6px 9px -6px rgba(0,0,0,0.6);
}

#mcrl--corners.active > a:hover > span {
color: #ffc145;
    background-color: #fff;
    border: 1px solid #ffc145;
}

#mcrl--cover {
height: 80px;
}

#mcrl--cover > a {
width: 80px;
    transform: rotate(-90deg) translate(-19%, -28%);
    -webkit-transform: rotate(-90deg) translate(-19%, -28%);
    -moz-transform: rotate(-90deg) translate(-19%, -28%);
    -ms-transform: rotate(-90deg) translate(-19%, -28%);
    -o-transform: rotate(-90deg) translate(-19%, -28%);
}

#mcrl--cover > a > span {
color: #fff;
    background-color: #307473;
    border: 1px solid #307473;
}

#mcrl--cover > a:hover > span {
color: #307473;
    background-color: #fff;
    border: 1px solid #307473;
}

#mcrl--cover.active > a > span {
color: #307473;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    box-shadow: -5px -6px 9px -6px rgba(0,0,0,0.6);
}

#mcrl--cover.active > a:hover > span {
color: #307473;
    background-color: #fff;
    border: 1px solid #307473;
}

#mcrl--faqs {
height: 70px;
}

#mcrl--faqs > a {
width: 70px;
    transform: rotate(-90deg) translate(-14%, -18%);
    -webkit-transform: rotate(-90deg) translate(-14%, -18%);
    -moz-transform: rotate(-90deg) translate(-14%, -18%);
    -ms-transform: rotate(-90deg) translate(-14%, -18%);
    -o-transform: rotate(-90deg) translate(-14%, -18%);
}

#mcrl--faqs > a > span {
color: #fff;
    background-color: #251351;
    border: 1px solid #251351;
}

#mcrl--faqs > a:hover > span {
color: #251351;
    background-color: #fff;
    border: 1px solid #251351;
}

#mcrl--faqs.active > a > span {
color: #251351;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    box-shadow: -5px -6px 9px -6px rgba(0,0,0,0.6);
}

#mcrl--faqs.active > a:hover > span {
color: #251351;
    background-color: #fff;
    border: 1px solid #251351;
}

#mcrl--general {
height: 115px;
}

#mcrl--general > a {
width: 115px;
    transform: rotate(-90deg) translate(-28%, -63%);
    -webkit-transform: rotate(-90deg) translate(-28%, -63%);
    -moz-transform: rotate(-90deg) translate(-28%, -63%);
    -ms-transform: rotate(-90deg) translate(-28%, -63%);
    -o-transform: rotate(-90deg) translate(-28%, -63%);
}

#mcrl--general > a > span {
color: #fff;
    background-color: #5c4d74;
    border: 1px solid #5c4d74;
}

#mcrl--general > a:hover > span {
color: #5c4d74;
    background-color: #fff;
    border: 1px solid #5c4d74;
}

#mcrl--general.active > a > span {
color: #5c4d74;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    box-shadow: -5px -6px 9px -6px rgba(0,0,0,0.6);
}

#mcrl--general.active > a:hover > span {
color: #5c4d74;
    background-color: #fff;
    border: 1px solid #5c4d74;
}

#mcrl--paper {
height: 144px;
}

#mcrl--paper > a {
width: 144px;
    
    transform: rotate(-90deg) translate(-33%, -91%);
    -webkit-transform: rotate(-90deg) translate(-33%, -91%);
    -moz-transform: rotate(-90deg) translate(-33%, -91%);
    -ms-transform: rotate(-90deg) translate(-33%, -91%);
    -o-transform: rotate(-90deg) translate(-33%, -91%);
}

#mcrl--paper > a > span {
color: #fff;
    background-color: #a63a50;
    border: 1px solid #a63a50;
}

#mcrl--paper > a:hover > span {
color: #a63a50;
    background-color: #fff;
    border: 1px solid #a63a50;
}

#mcrl--paper.active > a > span {
color: #a63a50;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    box-shadow: -5px -6px 9px -6px rgba(0,0,0,0.6);
}

#mcrl--paper.active > a:hover > span {
color: #a63a50;
    background-color: #fff;
    border: 1px solid #a63a50;
}

#mcrl--pens {
height: 70px;
}

#mcrl--pens > a {
width: 70px;
    transform: rotate(-90deg) translate(-14%, -18%);
    -webkit-transform: rotate(-90deg) translate(-14%, -18%);
    -moz-transform: rotate(-90deg) translate(-14%, -18%);
    -ms-transform: rotate(-90deg) translate(-14%, -18%);
    -o-transform: rotate(-90deg) translate(-14%, -18%);
}

#mcrl--pens > a > span {
color: #fff;
    background-color: #8D86C9;
    border: 1px solid #8D86C9;
}

#mcrl--pens > a:hover > span {
color: #8D86C9;
    background-color: #fff;
    border: 1px solid #8D86C9;
}

#mcrl--pens.active > a > span {
color: #8D86C9;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    box-shadow: -5px -6px 9px -6px rgba(0,0,0,0.6);
}

#mcrl--pens.active > a:hover > span {
color: #8D86C9;
    background-color: #fff;
    border: 1px solid #8D86C9;
}

#mcrl--ribbon {
height: 80px;
}

#mcrl--ribbon > a {
width: 80px;
    transform: rotate(-90deg) translate(-19%, -28%);
    -webkit-transform: rotate(-90deg) translate(-19%, -28%);
    -moz-transform: rotate(-90deg) translate(-19%, -28%);
    -ms-transform: rotate(-90deg) translate(-19%, -28%);
    -o-transform: rotate(-90deg) translate(-19%, -28%);
}

#mcrl--ribbon > a > span {
color: #fff;
    background-color: #f61067;
    border: 1px solid #f61067;
}

#mcrl--ribbon > a:hover > span {
color: #f61067;
    background-color: #fff;
    border: 1px solid #f61067;
}

#mcrl--ribbon.active > a > span {
color: #f61067;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    box-shadow: -5px -6px 9px -6px rgba(0,0,0,0.6);
}

#mcrl--ribbon.active > a:hover > span {
color: #f61067;
    background-color: #fff;
    border: 1px solid #f61067;
}

#mcrl--stickers {
height: 100px;
}

#mcrl--stickers > a {
width: 100px;
    transform: rotate(-90deg) translate(-25%, -45%);
    -webkit-transform: rotate(-90deg) translate(-25%, -45%);
    -moz-transform: rotate(-90deg) translate(-25%, -45%);
    -ms-transform: rotate(-90deg) translate(-25%, -45%);
    -o-transform: rotate(-90deg) translate(-25%, -45%);
}

#mcrl--stickers > a > span {
color: #fff;
    background-color: #7dd181;
    border: 1px solid #7dd181;
}

#mcrl--stickers > a:hover > span {
color: #7dd181;
    background-color: #fff;
    border: 1px solid #7dd181;
}

#mcrl--stickers.active > a > span {
color: #7dd181;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    box-shadow: -5px -6px 9px -6px rgba(0,0,0,0.6);
}

#mcrl--stickers.active > a:hover > span {
color: #7dd181;
    background-color: #fff;
    border: 1px solid #7dd181;
}

#mcrl--tabs.active > a > span {
color: #7dd181;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    box-shadow: -5px -6px 9px -6px rgba(0,0,0,0.6);
}

#mcrl--tabs.active > a:hover > span {
color: #7dd181;
    background-color: #fff;
    border: 1px solid #7dd181;
}

#mcrl-dots-wrap {
position: relative;
}

#p-band-dot .circle {
background-color: #f86624;
}

#p-band-dot .dot-title {
background-color: #f86624;
}

#p-band-dot .ringring {
border-color: #f86624;
    animation-delay: .2s;
    -webkit-animation-delay: .2s;
}

#p-binding-dot .circle {
background-color: #499ebb;
}

#p-binding-dot .dot-title {
background-color: #499ebb;
}

#p-binding-dot .ringring {
border-color: #499ebb;
}

#p-corners-dot .circle {
background-color: #ffc145;
}

#p-corners-dot .dot-title {
background-color: #ffc145;
}

#p-corners-dot .ringring {
border-color: #ffc145;
    animation-delay: .2s;
    -webkit-animation-delay: .4s;
}

#p-cover-dot .circle {
background-color: #307473;
}

#p-cover-dot .dot-title {
background-color: #307473;
}

#p-cover-dot .ringring {
border-color: #307473;
    animation-delay: .2s;
    -webkit-animation-delay: .3s;
}

#p-faqs-dot .circle {
background-color: #251351;
}

#p-faqs-dot .dot-title {
background-color: #251351;
}

#p-faqs-dot .ringring {
border-color: #251351;
    animation-delay: .2s;
    -webkit-animation-delay: .6s;
}

#p-paper-dot .circle {
background-color: #a63a50;
}

#p-paper-dot .dot-title {
background-color: #a63a50;
}

#p-paper-dot .ringring {
border-color: #a63a50;
    animation-delay: .2s;
    -webkit-animation-delay: .6s;
}

#p-pens-dot {
top: 83%;
    left: 53%;
}

#p-pens-dot .circle {
background-color: #8D86C9;
}

#p-pens-dot .dot-title {
background-color: #8D86C9;
}

#p-pens-dot .ringring {
border-color: #8D86C9;
    animation-delay: .25s;
    -webkit-animation-delay: .25s;
}

#p-ribbon-dot .circle {
background-color: #f61067;
}

#p-ribbon-dot .dot-title {
background-color: #f61067;
}

#p-ribbon-dot .ringring {
border-color: #f61067;
    animation-delay: .2s;
    -webkit-animation-delay: .5s;
}

#p-tabs-dot .circle {
background-color: #7dd181;
}

#p-tabs-dot .dot-title {
background-color: #7dd181;
}

#p-tabs-dot .ringring {
border-color: #7dd181;
    animation-delay: .2s;
    -webkit-animation-delay: .45s;
}

#ribbon-swatches {
text-align: center;
    margin: 25px 0;
}

.circle {
position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    top: 20px;
    left: 20px;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .2);
}

.design--box {
display: none;
}

.design--box-color-band {
color: #f86624;
}

.design--box-color-binding {
color: #499ebb;
}

.design--box-color-corners {
color: #ffc145;
}

.design--box-color-cover {
color: #307473;
}

.design--box-color-faqs {
color: #251351;
}

.design--box-color-paper {
color: #a63a50;
}

.design--box-color-ribbon {
color: #f61067;
}

.design--box-subtitle {
font-size: 1.8rem;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
}

.design--box-title {
font-size: 2.2rem;
    font-weight: 600;
    margin: 0 0 3rem 0;
    text-transform: uppercase;
}

.design--box:first-of-type {
display: block;
}

.design--pagination {
padding-top: 5rem;
}

.design--pagination a {
display: inline-block;
    font-size: 1.6rem;
    margin-bottom: 20px;
    text-decoration: underline;
}

.design-examples a {
display: inline-block;
}

.design-examples a > img {
width: 100%;
    max-width: 180px;
}

.design-nav--item {
position: relative;
    margin-bottom: 2px;
}

.design-nav--item > a {
position: relative;
    display: block;
    font-family: 'Raleway', sans-serif;
    font-size: 1.6rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    height: 50px;
    transition: none;
}

.design-nav--item > a > span {
display: block;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    padding: 10px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.design-nav--item > a:hover {
z-index: 2;
}

.design-nav--item.active > a {
z-index: 2;
}

.design-nav--item.active > a:hover {
z-index: 2;
}

.dot-title {
opacity: 0;
    position: absolute;
    top: 19px;
    right: -12px;
    width: 120px;
    border-radius: 3px;
    color: #fff;
    font-size: 1.4rem;
    padding: 3px 5px;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .3);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    z-index: 2;
}

.hub-pag {
color: #309cd6;
    font-size: 2.2rem !important;
    font-weight: 600;
    letter-spacing: -1.5px;
    text-decoration: none !important;
}

.hub-pag > img {
display: inline-block;
    max-width: 1.5em;
    margin: 0 .2em;
}

.hub-pag > span {
display: inline-block;
    background: #309cd6;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    padding: .5em;
    transition: background-color 300ms ease;
    -webkit-transition: background-color 300ms ease;
    -moz-transition: background-color 300ms ease;
    -o-transition: background-color 300ms ease;
}

.hub-pag > span > img {
height: 100%;
    width: 100%;
}

.hub-pag:active {
color: #e40079;
}

.hub-pag:active > span {
background-color: #e40079;
}

.hub-pag:focus {
color: #e40079;
}

.hub-pag:focus > span {
background-color: #e40079;
}

.hub-pag:hover {
color: #e40079;
}

.hub-pag:hover > span {
background-color: #e40079;
}

.mcrl-back-btn--style {
text-transform: uppercase;
    color: #5c4d74;
    display: inline-block;
    padding: 3px 10px;
    border: 1px solid #5c4d74;
}

.mcrl-dot {
position: absolute;
}

.ring-container {
position: relative;
}

.ring-container:hover .dot-title {
opacity: 1;
}

.ringring {
position: absolute;
    border: 3px solid transparent;
    border-radius: 30px;
    height: 35px;
    width: 35px;
    left: 15px;
    top: 15px;
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0
}

@keyframes pulsate {
    0% {transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {transform: scale(1.2, 1.2); opacity: 0.0;}
}

@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

.widget_woodojo_tabs ul.nav-tabs li.active {
position: relative;
}

.widget_woodojo_tabs ul.nav-tabs li.active a {
position: relative;
    background: #fff;
    box-shadow: 0 1px 2px 0 #e8e4e3;
    -webkit-box-shadow: 0 1px 2px 0 #e8e4e3;
    color: #ff4800;
    border-top-color: #ff4800;
}

.widget_woodojo_tabs ul.nav-tabs li.active a:after {
content: "";
    display: block;
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    height: 4px;
    background: #fff;
}

.widget_woodojo_tabs ul.nav-tabs li.active:before {
content: "";
    display: block;
    position: absolute;
    top: -0.236em;
    left: 0;
    right: 0;
    height: .236em;
    background: #ff4800;
    border-top: 1px solid #ff5911;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.woocommerce-tabs ul.tabs li.active a {
border-color: #c6c2c1;
}

.woocommerce_tabs ul.tabs li.active a {
border-color: #c6c2c1;
}

p.stars a.active {
background: rgba(0, 0, 0, 0.075);
}

p.stars a.star-1.active:after {
color: #666666;
}

p.stars a.star-2.active:after {
color: #666666;
}

p.stars a.star-3.active:after {
color: #666666;
}

p.stars a.star-4.active:after {
color: #666666;
}

p.stars a.star-5.active:after {
color: #666666;
}

@media (max-width: 1024px) {.hub-pag > span {
  display: none;
  }
}

@media (max-width: 767px) {.expand-toggle.active {
  background: url(/media/2024/11/minus.png) center no-repeat;
          background-size: 12px;
  }
}

@media (min-width: 1025px) {.back-btn-absolute {
  position: absolute;
          bottom: 30px;
          right: 30px;
  }
}

@media only screen and (max-width: 1000px) {.design-examples a>img {
  width: 100%;
          max-width: 115px;
  }
}

@media only screen and (max-width: 1024px) {#j-band-dot {
  top: 33%;
          left: 83%;
  }
}

@media only screen and (max-width: 1024px) {#j-binding-dot {
  top: 10%;
          left: 56%;
  }
}

@media only screen and (max-width: 1024px) {#j-corners-dot {
  top: 67.5%;
          left: .5%;
  }
}

@media only screen and (max-width: 1024px) {#j-cover-dot {
  top: 20%;
          left: 71%;
  }
}

@media only screen and (max-width: 1024px) {#j-paper-dot {
  top: 48%;
          left: 24.5%;
  }
}

@media only screen and (max-width: 1024px) {#j-ribbon-dot {
  top: 49%;
          
          left: 56.5%;
  }
}

@media only screen and (max-width: 400px) {#j-band-dot {
  top: 30%;
          
          left: 63%;
  }
}

@media only screen and (max-width: 400px) {#j-binding-dot {
  top: 2%;
          left: 49%;
  }
}

@media only screen and (max-width: 400px) {#j-corners-dot {
  top: 54.5%;
          left: -6%;
  }
}

@media only screen and (max-width: 400px) {#j-cover-dot {
  top: 15%;
          left: 75%;
  }
}

@media only screen and (max-width: 400px) {#j-paper-dot {
  top: 33%;
          left: 17%;
  }
}

@media only screen and (max-width: 400px) {#j-ribbon-dot {
  left: 34.5%;
  }
}

@media only screen and (max-width: 450px) {#design-boxes {
  width: calc(100% - 35px);
          min-height: 100vh;
          padding: 30px 20px;
  }
}

@media only screen and (max-width: 450px) {#design-nav {
  width: 35px;
  }
}

@media only screen and (max-width: 450px) {#mcrl--band > a {
  transform: rotate(-90deg) translate(-32%,-168%);
          -webkit-transform: rotate(-90deg) translate(-32%,-168%);
          -moz-transform: rotate(-90deg) translate(-32%,-168%);
          -ms-transform: rotate(-90deg) translate(-32%,-168%);
          -o-transform: rotate(-90deg) translate(-32%,-168%);
  }
}

@media only screen and (max-width: 450px) {#mcrl--bindings > a {
  transform: rotate(-90deg) translate(-24%,-108%);
          -webkit-transform: rotate(-90deg) translate(-24%,-108%);
          -moz-transform: rotate(-90deg) translate(-24%,-108%);
          -ms-transform: rotate(-90deg) translate(-24%,-108%);
          -o-transform: rotate(-90deg) translate(-24%,-108%);
  }
}

@media only screen and (max-width: 450px) {#mcrl--corners > a {
  transform: rotate(-90deg) translate(-34%,-193%);
          -webkit-transform: rotate(-90deg) translate(-34%,-193%);
          -moz-transform: rotate(-90deg) translate(-34%,-193%);
          -ms-transform: rotate(-90deg) translate(-34%,-193%);
          -o-transform: rotate(-90deg) translate(-34%,-193%);
  }
}

@media only screen and (max-width: 450px) {#mcrl--cover > a {
  transform: rotate(-90deg) translate(-19%,-87%);
          -webkit-transform: rotate(-90deg) translate(-19%,-87%);
          -moz-transform: rotate(-90deg) translate(-19%,-87%);
          -ms-transform: rotate(-90deg) translate(-19%,-87%);
          -o-transform: rotate(-90deg) translate(-19%,-87%);
  }
}

@media only screen and (max-width: 450px) {#mcrl--faqs > a {
  transform: rotate(-90deg) translate(-14%,-72%);
          -webkit-transform: rotate(-90deg) translate(-14%,-72%);
          -moz-transform: rotate(-90deg) translate(-14%,-72%);
          -ms-transform: rotate(-90deg) translate(-14%,-72%);
          -o-transform: rotate(-90deg) translate(-14%,-72%);
  }
}

@media only screen and (max-width: 450px) {#mcrl--general > a {
  transform: rotate(-90deg) translate(-28%,-136%);
          -webkit-transform: rotate(-90deg) translate(-28%,-136%);
          -moz-transform: rotate(-90deg) translate(-28%,-136%);
          -ms-transform: rotate(-90deg) translate(-28%,-136%);
          -o-transform: rotate(-90deg) translate(-28%,-136%);
  }
}

@media only screen and (max-width: 450px) {#mcrl--paper > a {
  transform: rotate(-90deg) translate(-33%,-174%);
          -webkit-transform: rotate(-90deg) translate(-33%,-174%);
          -moz-transform: rotate(-90deg) translate(-33%,-174%);
          -ms-transform: rotate(-90deg) translate(-33%,-174%);
          -o-transform: rotate(-90deg) translate(-33%,-174%);
  }
}

@media only screen and (max-width: 450px) {#mcrl--pens > a {
  transform: rotate(-90deg) translate(-14%,-72%);
          -webkit-transform: rotate(-90deg) translate(-14%,-72%);
          -moz-transform: rotate(-90deg) translate(-14%,-72%);
          -ms-transform: rotate(-90deg) translate(-14%,-72%);
          -o-transform: rotate(-90deg) translate(-14%,-72%);
  }
}

@media only screen and (max-width: 450px) {#mcrl--ribbon > a {
  transform: rotate(-90deg) translate(-19%,-86%);
          -webkit-transform: rotate(-90deg) translate(-19%,-86%);
          -moz-transform: rotate(-90deg) translate(-19%,-86%);
          -ms-transform: rotate(-90deg) translate(-19%,-86%);
          -o-transform: rotate(-90deg) translate(-19%,-86%);
  }
}

@media only screen and (max-width: 450px) {#mcrl--stickers > a {
  transform: rotate(-90deg) translate(-26%, -116%);
          -webkit-transform: rotate(-90deg) translate(-26%, -116%);
          -moz-transform: rotate(-90deg) translate(-26%, -116%);
          -ms-transform: rotate(-90deg) translate(-26%, -116%);
          -o-transform: rotate(-90deg) translate(-26%, -116%);
  }
}

@media only screen and (max-width: 450px) {.design-nav--item > a {
  font-size: 1.4rem;
          letter-spacing: 1px;
          height: 35px;
  }
}

@media only screen and (max-width: 550px) {#j-band-dot {
  top: 31%;
          left: 79%;
  }
}

@media only screen and (max-width: 550px) {#j-binding-dot {
  top: 5%;
          left: 53%;
  }
}

@media only screen and (max-width: 550px) {#j-corners-dot {
  top: 62.5%;
          left: -1%;
  }
}

@media only screen and (max-width: 550px) {#j-cover-dot {
  top: 16%;
          left: 68%;
  }
}

@media only screen and (max-width: 550px) {#j-faqs-dot {
  left: 79.5%;
  }
}

@media only screen and (max-width: 550px) {#j-paper-dot {
  top: 40%;
          left: 16.5%;
  }
}

@media only screen and (max-width: 550px) {#j-ribbon-dot {
  top: 47%;
          
          left: 49.5%;
  }
}

@media only screen and (max-width: 550px) {#p-pens-dot {
  top: 88%;
          left: 50%;
  }
}

@media only screen and (max-width: 550px) {.design-examples a>img {
  width: 100%;
          max-width: 200px;
  }
}

@media only screen and (max-width: 550px) {.dot-title {
  display: none;
  }
}

@media only screen and (max-width: 901px) {#design-boxes {
  min-height: 100vh;
  }
}


/* planners-printing/planner: imported missing CSS (excluding Gravity Forms) */
#mcrl--tabs {
height: 70px;
}

#mcrl--tabs > a {
width: 70px;
    transform: rotate(-90deg) translate(-14%, -18%);
    -webkit-transform: rotate(-90deg) translate(-14%, -18%);
    -moz-transform: rotate(-90deg) translate(-14%, -18%);
    -ms-transform: rotate(-90deg) translate(-14%, -18%);
    -o-transform: rotate(-90deg) translate(-14%, -18%);
}

#mcrl--tabs > a > span {
color: #fff;
    background-color: #7dd181;
    border: 1px solid #7dd181;
}

#mcrl--tabs > a:hover > span {
color: #7dd181;
    background-color: #fff;
    border: 1px solid #7dd181;
}

#p-band-dot {
top: 13%;
    left: 86%;
}

#p-binding-dot {
top: 17%;
    left: 44%;
}

#p-corners-dot {
top: 14%;
    left: 0.5%;
}

#p-cover-dot {
top: 38%;
    
    left: 25%;
}

#p-paper-dot {
top: 61%;
    left: 67.5%;
}

#p-ribbon-dot {
top: 72%;
    left: 36%;
}

#p-tabs-dot {
top: 62%;
    
    left: 91.5%;
}

.design--box-color-tabs {
color: #7dd181;
}

@media only screen and (max-width: 1024px) {
  #p-cover-dot {
  top: 32%;
          
          left: 24%;
  }
}

@media only screen and (max-width: 1024px) {
  #p-paper-dot {
  top: 61%;
          left: 67.5%;
  }
}

@media only screen and (max-width: 1024px) {
  #p-ribbon-dot {
  left: 33%;
  }
}

@media only screen and (max-width: 400px) {
  #p-band-dot {
  top: 3%;
          left: 76%;
  }
}

@media only screen and (max-width: 400px) {
  #p-binding-dot {
  left: 37%;
  }
}

@media only screen and (max-width: 400px) {
  #p-corners-dot {
  top: 6%;
          left: -6%;
  }
}

@media only screen and (max-width: 400px) {
  #p-paper-dot {
  top: 50%;
          left: 57.5%;
  }
}

@media only screen and (max-width: 400px) {
  #p-ribbon-dot {
  top: 79%;
          left: 26%;
  }
}

@media only screen and (max-width: 450px) {
  #mcrl--tabs > a {
  transform: rotate(-90deg) translate(-14%,-72%);
          -webkit-transform: rotate(-90deg) translate(-14%,-72%);
          -moz-transform: rotate(-90deg) translate(-14%,-72%);
          -ms-transform: rotate(-90deg) translate(-14%,-72%);
          -o-transform: rotate(-90deg) translate(-14%,-72%);
  }
}

@media only screen and (max-width: 550px) {
  #p-band-dot {
  left: 83%;
  }
}

@media only screen and (max-width: 550px) {
  #p-corners-dot {
  top: 10%;
          left: -2%;
  }
}

@media only screen and (max-width: 550px) {
  #p-paper-dot {
  top: 54%;
          left: 59.5%;
  }
}

@media only screen and (max-width: 550px) {
  #p-ribbon-dot {
  left: 28%;
  }
}

@media only screen and (max-width: 550px) {
  #p-tabs-dot {
  left: 87.5%;
  }
}

@media only screen and (max-width: 768px) {
  #p-band-dot {
  top: 9%;
  }
}

@media only screen and (max-width: 768px) {
  #p-paper-dot {
  top: 59%;
          left: 67.5%;
  }
}

@media only screen and (max-width: 768px) {
  #p-ribbon-dot {
  left: 32%;
  }
}



/* services/print: imported missing CSS */
#services-main p {
font-size: 1.9rem;
    font-weight: 400;
    margin-bottom: 2rem;
}

#winner-box p {
font-size: 1.4rem;
    font-weight: 400;
    text-align: justify;
}

#winner-box small {
font-size: 1.2rem;
}

.block-bold {
display: block;
    font-weight: 600;
}

.col-45 {
width: 45%;
}

.col-55 {
width: 55%;
}

.jp--new-banner-06 {
background: url("/media/2025/02/bookprinting.jpg") top center no-repeat;
    background-size: cover;
    padding: 8em 0 0 0;
}

@media (max-width: 870px) {
  .jp--new-banner-06 {
  background-image: none;
          background-color: #e2e2e2;
          padding: 3em 0 0 0;
  }
}

@media only screen and (max-width: 500px) {
  .htg-box.htg-box--colortwo .col-55 .flex-col--4 {
  flex-basis: 50%;
  }
}

@media only screen and (max-width: 768px) {
  .htg-box.htg-box--colortwo .col-45 {
  float: none;
          width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .htg-box.htg-box--colortwo .col-55 {
  float: none;
          width: 100%;
  }
}



/* board-game-printing: imported missing CSS */
.col-5-ib {
width: calc(35% - 4px);
}

.col-7-ib {
width: calc(65% - 4px);
}

.jp--new-banner-cs {
background: #a3f6f0 url("/media/2025/11/card-page-hero-2.jpg") top left no-repeat;
    background-size: cover;
}

.post .aligncenter {
display: block;
    text-align: center;
    margin: 0 auto 1.618em;
}

.refreshed-gallery-2 span {
display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 100%;
    margin-top: 22px;
}

.refreshed-gallery-2 span > a {
color: #210a0a;
  font-weight: 600;
  text-decoration: underline;
}

.refreshed-gallery-2 span > a:hover {
color: #009beb;
}

.title-not-sure {
font-size: 40px;
    font-weight: 500;
    margin-bottom: 50px;
}

.title-not-sure > a {
position: relative;
    display: inline-block;
    font-size: 26px;
    font-weight: 400;
    text-decoration: none;
}

.title-not-sure > a:after {
position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    bottom: -1px;
    left: 0;
    background-color: #009beb;
}

.title-not-sure > a:hover {
color: #210a0a;
}

.title-not-sure > a:hover:after {
background-color: #e500bc;
}

.title-not-sure > span {
font-weight: 300;
}

.type-page .aligncenter {
display: block;
    text-align: center;
    margin: 0 auto 1.618em;
}

@media (max-width: 870px) {
  .jp--new-banner-cs {
  background-image: none;
          background-color: #a3f6f0;
  }
}

@media only screen and (max-width: 365px) {
  .title-not-sure > a {
  text-decoration: underline;
  }
}

@media only screen and (max-width: 365px) {
  .title-not-sure > a:after {
  display: none;
  }
}

@media only screen and (max-width: 400px) {
  .title-not-sure {
  font-size: 36px;
  }
}

@media only screen and (max-width: 400px) {
  .title-not-sure > a {
  font-size: 22px;
  }
}



/* services/packaging: imported missing CSS */
.jp--new-banner-04 {
background: url("/media/2025/02/packaging-01.jpg") top left no-repeat;
    background-size: cover;
}

.videoWrapper {
position: relative;
    padding-bottom: 52.25%;
    padding-top: 3px;
    height: 0;
}

.videoWrapper iframe {
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 870px) {
  .jp--new-banner-04 {
  background-image: none;
          background-color: #e7dacc;
  }
}

@media only screen and (max-width: 1024px) {
  #children-one.children-one--with-iframe .videoWrapper {
  padding-bottom: 69.25%;
  }
}

@media only screen and (max-width: 1024px) {
  #children-one.children-one--with-iframe .videoWrapper .rll-youtube-player {
  padding-bottom: 72.25%;
  }
}

@media only screen and (max-width: 1170px) {
  #children-one.children-one--with-iframe .videoWrapper {
  padding-bottom: 62.25%;
  }
}

@media only screen and (max-width: 1170px) {
  #children-one.children-one--with-iframe .videoWrapper .rll-youtube-player {
  padding-bottom: 62.25%;
  }
}

@media only screen and (max-width: 950px) {
  #children-one.children-one--with-iframe .videoWrapper {
  padding-bottom: 52.25%;
  }
}

@media only screen and (max-width: 950px) {
  #children-one.children-one--with-iframe .videoWrapper .rll-youtube-player {
  padding-bottom: 56.25%;
  }
}



/* board-books: imported missing CSS */
#home-bottom-celadon h2 {
margin-bottom: .5em;
    text-transform: uppercase;
    font-weight: 500;
}

#home-durable-section h2 {
font-weight: 500;
    margin-bottom: .5em;
}

#home-feature-section {
padding-bottom: 2em;
}

#home-feature-section .col-flex--image {
text-align: center;
}

#home-feature-section h2 {
font-weight: 500;
    max-width: 730px;
    margin: 0 auto;
    margin-bottom: 1em;
}

#home-top-celadon h3 {
margin-bottom: .3em;
    font-size: 1.35em;
}

#home-top-celadon p {
max-width: 900px;
    margin: 0 auto;
}

.bb-col-flex-6 {
width: 100%;
}

.bb-header-btn-wrap {
position: relative;
}

.bb-row-flex {
display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.bb-tooltip {
font-size: 70%;
    line-height: 150%;
    margin-top: 2em;
    display: block;
}

.bg-color-celadon {
background-color: #f3fd87;
}

.jp--new-banner-bb {
background: #e2e4ce url("/media/2024/10/bb-img-banner.jpg") top center no-repeat;
    background-size: auto;
    background-size: cover;
    margin-bottom: 0;
}

.section-padding-2em {
padding-top: 1em;
    padding-bottom: 1em;
}

.section-padding-4em {
padding-top: 2em;
    padding-bottom: 2em;
}

.sp-banner {
padding: 3em 0;
    margin-bottom: 2em;
}

.bb--new-banner {
background: url("/media/2023/06/BOARDBOOK_Banner.jpg") top center no-repeat;
    background-size: cover;
    padding: 10em 15px 1.5em 15px;
}

.sp-banner--col-40 {
width: 40%;
    text-align: center;
}

.sp-banner--text {
line-height: 110%;
}

.sp-banner--title {
font-size: 1.5em;
    font-weight: 500;
    line-height: 110%;
    margin: 0 0 .3em 0;
    text-transform: uppercase;
}

@media (max-width: 1024px) {
  #home-bottom-celadon h2 {
  font-size: 3rem;
  }
}

@media (max-width: 1024px) {
  .bb--new-banner {
  background: url("/media/2023/06/BOARDBOOK_Banner-mobile.jpg") top right no-repeat;
          background-size: cover;
          padding: 5em 15px 5em 15px;
          justify-content: center;
  }
}

@media (max-width: 1024px) {
  .bb--new-banner .sp-banner--col-40 {
  width: 100%;
          max-width: 500px;
          padding: 2em;
          background-color: rgba(236, 246, 128, .7);
  }
}

@media (max-width: 767px) {
  #home-bottom-celadon .btn + .btn {
  margin-top: 1em
  }
}

@media (max-width: 767px) {
  #home-bottom-celadon h2 {
  font-size: 2.4rem;
  }
}

@media (max-width: 870px) {
  .jp--new-banner-bb {
  background-image: none;
          background-color: #e2e4ce;
  }
}

@media (min-width: 768px) {
  #home-feature-section {
  padding-bottom: 1em;
  }
}

@media (min-width: 768px) {
  #home-feature-section .bb-col-flex-6 {
  margin-bottom: 2em;
  }
}

@media (min-width: 768px) {
  #home-feature-section h2 {
  margin-bottom: .5em;
  }
}

@media (min-width: 768px) {
  .bb-col-flex-6 {
  flex-basis: 50%;
  }
}

@media (min-width: 768px) {
  .bb-row-flex {
  flex-direction: row;
  }
}

@media (min-width: 768px) {
  .bb-tooltip {
  visibility: hidden;
          background-color: #333;
          color: #fff;
          text-align: center;
          padding: 5px 10px;
          border-radius: 5px;
          position: absolute;
          z-index: 1;
          bottom: 90%;
          left: 50%;
          transform: translateX(-50%);
          opacity: 0;
          transition: opacity 0.3s;
          white-space: wrap;
          width: 30ch;
  }
}

@media (min-width: 768px) {
  .section-padding-4em {
  padding-top: 4em;
          padding-bottom: 4em;
  }
}



/* services/product-sourcing: imported missing CSS */
.jp--new-banner-kitting {
background: #a6a6a6 url("/media/2025/02/kitting.jpg") top right no-repeat;
    background-size: contain;
    flex-direction: column-reverse;
}

@media (max-width: 870px) {
  .jp--new-banner-kitting {
  background-image: none;
          background-color: #fff;
  }
}



/* before-printing: imported missing CSS */
#ak-shop .page-title {
color: #111;
}

#faq-page-title.page-title:after {
bottom: -4px;
}

.page-title {
position: relative;
    z-index: 1;
    font-size: 4rem;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    line-height: 100%;
    
    padding: 10px;
}

.page-title > span {
text-transform: none;
}

.page-title a {
display: block;
  color: #fff;
  font-weight: 300 !important;
}

.page-title.page-title-locations:after {
background-color: #e40079;
}

.page-title.page-title-team:after {
background-color: #009deb;
}

.page-title.page-title-green {
  color: #fff;
}

.page-title.page-title-green::after {
  background-color: #0c7d1a;
}

.page-title.page-title-yellow a {
color: #210a0a;
    font-weight: 300 !important;
}

.page-title.page-title-yellow:after {
background-color: #ffdc00;
}

.page-title:after {
position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 6px;
    z-index: -1;
}

.title-28--p {
color: #e40079;
    font-size: 2.8rem;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 .5em 0;
}

@media (max-width: 768px) {
  .page-title:after {
  bottom: 3px;
  }
}

@media only screen and (max-width: 768px) {
  .page-title {
  font-size: 3.2rem;
          padding-top: 5px;
  }
}



/* cover-materials: imported missing CSS */
.nd-flex--row--imgs {
flex-wrap: wrap;
}

.nd-flex--row--imgs img {
display: inline-block;
    margin-bottom: 25px;
}

.nd-flex-table {
display: flex;
    flex-direction: column;
}

.nd-flex-table--col {
width: 100%;
    padding: 20px 15px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.nd-flex-table--col--btm > *:last-child {
margin-bottom: 0;
}

.nd-flex-table--col--top {
position: relative;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.nd-flex-table--col--top::after {
position: absolute;
    content: '';
    width: calc(100% + 30px);
    height: 1px;
    left: -15px;
    bottom: 0;
    background-color: #ccc;
}

.nd-flex-table--col:last-of-type {
border-bottom: 1px solid #ccc;
}

.nd-img-title {
font-size: 2.4rem;
    font-weight: 700;
    margin: 0 0 .5em 0;
}

.nd-img-title > a {
color: #210a0a;
    font-weight: 700;
}

@media (min-width: 767px) {
  .nd-flex-table {
  flex-direction: row;
  }
}

@media (min-width: 767px) {
  .nd-flex-table + .nd-flex-table {
  margin-top: -1px;
  }
}

@media (min-width: 767px) {
  .nd-flex-table--col {
  width: 100%;
          border-top: 1px solid #ccc;
          border-bottom: 1px solid #ccc;
          border-left: none;
          border-right: 1px solid #ccc;
  }
}

@media (min-width: 767px) {
  .nd-flex-table--col-33 {
  width: 33.3333%;
  }
}

@media (min-width: 767px) {
  .nd-flex-table--col:first-of-type {
  border-left: 1px solid #ccc;
  }
}



/* bindings: imported missing CSS */
.fast-fact-box {
margin-top: 3em;
    padding: 2em;
    border: 4px solid #009deb;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
}

.fast-fact-box *:last-child {
margin-bottom: 0;
}

.nd-flex-table--col--inner {
position: relative;
    width: 100%;
    padding: 0 15px 12px 15px;
}

.nd-flex-table--col--inner + .nd-flex-table--col--inner {
padding-top: 20px;
    padding-bottom: 0;
}

.nd-flex-table--col--inner + .nd-flex-table--col--inner::after {
position: absolute;
    content: '';
    width: calc(100% + 30px);
    height: 1px;
    left: -15px;
    top: 0;
    background-color: #ccc;
}

.nd-flex-table--col-title {
font-size: 2rem;
    font-weight: 600;
    margin: 0 0 .2em 0;
}

.nd-flex-table--inner {
display: flex;
    flex-direction: column;
}

@media (min-width: 500px) {
  .fast-fact-box {
  text-align: justify;
  }
}

@media (min-width: 500px) {
  .fixing-borders-1 .nd-flex-table--col--inner {
  padding-bottom: 9px;
  }
}

@media (min-width: 500px) {
  .fixing-borders-1 .nd-flex-table--col--inner + .nd-flex-table--col--inner::after {
  left: 0;
  }
}

@media (min-width: 500px) {
  .nd-flex-table--col--inner + .nd-flex-table--col--inner {
  padding-top: 0;
  }
}

@media (min-width: 500px) {
  .nd-flex-table--col--inner + .nd-flex-table--col--inner::after {
  width: 1px;
          height: calc(100% + 40px);
          left: -1px;
          top: -20px;
  }
}

@media (min-width: 500px) {
  .nd-flex-table--inner {
  flex-direction: row;
  }
}

@media (min-width: 767px) {
  .nd-flex-table--col-66 {
  width: 66.6666%;
  }
}



/* offset-printing-finishes: imported missing CSS */
@media (min-width: 767px) {
  .nd-flex--row-reverse {
  flex-direction: row-reverse;
  }
}



/* shipping-your-order: imported missing CSS */
#shipping-options h2 {
font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 2rem;
}

#shipping-options h3 {
font-weight: 500;
    margin-bottom: 2rem;
}

#turnaround-bg {
background-color: #ebebeb;
    padding: 3em 0;
}

.icon-container {
flex-shrink: 0;
    display: none;
}

.icon-container img {
width: 50px;
    align-self: flex-end;
}

.included {
font-weight: normal;
    font-size: 1.4rem;
    display: block;
    border-bottom: 2px solid #000;
    flex-grow: 1;
    width: 100%;
    margin-left: 0;
    align-self: flex-start;
}

.shipping--container {
padding-left: 20px;
}

.shipping--container p:first-of-type {
margin-top: 1em;
}

.shipping--table-container {
width: 100%;
    overflow-x: auto;
    margin: 20px 0;
}

.shipping--table-container .icon {
display: block;
    max-height: 40px;
    width: auto;
    margin-top: 1em;
}

.shipping--table-container table {
width: 100%;
    border-collapse: collapse;
}

.shipping--table-container td {
border: 1px solid #c3c3c3;
    padding: 12px !important;
    text-align: left;
    width: 33.33%;
    font-size: 1.8rem;
}

.shipping--table-container th {
background-color: #000;
    border: 1px solid #000;
    color: #fff;
    padding: 12px !important;
    text-align: center;
    width: 33.33%;
    font-size: 1.8rem;
}

.shipping-item {
display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 1rem;
}

.title-content {
display: flex;
    flex-direction: row;
    align-items: flex-end;
    width: 100%;
}

.title-content h3 {
font-size: 2rem;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}

.title-content h3 > span:first-of-type {
line-height: 100%;
}

@media (max-width: 767px) {
  .shipping--table-container .icon {
  margin-top: .3em;
          max-height: 30px;
  }
}

@media (max-width: 767px) {
  .shipping--table-container table,
  .shipping--table-container thead,
  .shipping--table-container tbody,
  .shipping--table-container th,
  .shipping--table-container td,
  .shipping--table-container tr {
  display: block;
  }
}

@media (max-width: 767px) {
  .shipping--table-container thead tr,
  .shipping--table-container th {
  display: none;
  }
}

@media (max-width: 767px) {
  .shipping--table-container td > span {
  display: block;
          padding-top: 12px;
  }
}

@media (max-width: 767px) {
  .shipping--table-container td:before {
  position: absolute;
          top: 0;
          left: 10px;
          
          width: 100%;
          padding-right: 10px;
          white-space: nowrap;
          font-weight: bold;
          font-size: 1.8rem;
          content: attr(data-label);
  }
}

@media (max-width: 767px) {
  .shipping--table-container td {
  border: none;
          position: relative;
          padding-left: 50%;
          padding-bottom: 20px !important;
          margin-top: 20px !important;
          white-space: normal;
          text-align: left;
          width: 100%;
          border-bottom: 1px solid #c3c3c3;
  }
}

@media (max-width: 767px) {
  .shipping--table-container td:last-of-type {
  border-bottom: 0;
  }
}

@media (max-width: 767px) {
  .shipping--table-container tr {
  display: block;
          margin-bottom: 0;
          padding: 10px;
  }
}

@media (max-width: 767px) {
  .shipping--table-container tr:first-of-type {
  background-color: #f8f8f8;
  }
}

@media (max-width: 767px) {
  .shipping--table-container tr:last-of-type {
  background-color: #fde8f0;
  }
}

@media (max-width: 767px) {
  #shipping-options h2.title-36,
  #shipping-options h3.title-36,
  #turnaround-bg .title-36 {
  font-size: 2.6rem;
  }
}

@media (min-width: 768px) {
  .icon-container {
  display: block;
  }
}

@media (min-width: 768px) {
  .included {
  width: auto;
          margin-left: 10px;
          align-self: flex-end;
  }
}

@media (min-width: 768px) {
  .title-content h3 {
  flex-direction: row;
          align-items: flex-end;
  }
}



/* introduction-to-offset-printing: imported missing CSS */
.nd-flex--col-40 {
width: 40%;
}

.nd-flex--col-60 {
width: 60%;
}

.soft-pink-bg {
background-color: rgba(228, 0, 121, .1);
    padding: .2em .4em;
}

.title-20 {
font-size: 2rem;
    font-weight: 700;
    margin: 0;
}

.title-22 {
font-size: 2.2rem;
    font-weight: 700;
    margin: 0 0 .3em 0;
}

@media (max-width: 1024px) {
  .nd-flex--col-40 {
  width: 100%;
  }
}

@media (max-width: 1024px) {
  .nd-flex--col-60 {
  width: 100%;
  }
}

@media (min-width: 767px) {
  .nd-flex--col-20 {
  width: 20%;
  }
}



/* about-us/our-environmental-focus: imported missing CSS */
#about-us-main .location-phone {
font-size: 1.4rem;
    margin-bottom: 0;
}

#about-us-main .mcrl-list {
padding-left: 15%;
}

#about-us-main .mcrl-list > li {
font-size: 1.9rem;
    font-weight: 400;
    line-height: 150%;
}

#about-us-main .team-bio-box > p {
font-size: 1.6rem;
    margin-bottom: 1.5rem;
    text-align: justify;
}

#about-us-main p {
font-size: 1.9rem;
    font-weight: 400;
}

#eska-wrap {
margin-top: 6rem;
    margin-bottom: 4rem;
}

.banner-quote {
padding: 0;
    margin: 0;
}

.banner-quote footer {
font-size: 16px;
    text-align: right;
}

.banner-quote p {
font-size: 2.2rem;
    font-weight: 500;
    color: #210a0a;
    line-height: 140%;
    text-align: justify;
    margin-bottom: 15px;
}

.banner-quote p > span {
color: #209250;
}

.banner-quote:before {
display: none;
}

.eska--left {
float: left;
    width: 66.6666%;
}

.eska--right {
float: left;
    width: 33.3333%;
}

.eska--subtitle {
margin: 0 0 4rem 0;
}

.eska--title {
margin: 0 0 4rem 0;
}

.mcrl-banner-quote {
background-color: rgba(0, 0, 0, .055);
    padding: 35px 0;
    text-align: center;
    margin-bottom: 45px;
}

.mcrl-banner-quote a {
display: inline-block;
    background-color: #209250;
    border: 2px solid #209250;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    padding: .5em 2em;
    margin-top: 1em;
}

.mcrl-banner-quote a:focus {
background-color: #fff;
    color: #209250;
}

.mcrl-banner-quote a:hover {
background-color: #fff;
    color: #209250;
}

.mcrl-banner-quote-box {
max-width: 80%;
    margin: 0 auto;
}

.mcrl-banner-quote-box > h1 {
position: relative;
    font-size: 24px;
    font-weight: 300;
    margin: 0 0 1.4em 0;
    text-transform: uppercase;
}

.mcrl-banner-quote-box > h1::after {
position: absolute;
    content: '';
    left: calc(50% - 50px);
    bottom: -10px;
    height: 5px;
    width: 100px;
    background-color: #209250;
}

@media (max-width: 1024px) {
  .mcrl-banner-quote-box {
  max-width: 95%;
  }

  .banner-quote p {
    text-align: center;
  }
}

@media only screen and (max-width: 1024px) {
  #about-us-main .mcrl-list {
  padding-left: 5%;
  }
}

@media only screen and (max-width: 768px) {
  #about-us-main .mcrl-list {
  margin-left: auto;
  }
}

@media only screen and (max-width: 768px) {
  .eska--left {
  float: none;
          width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .eska--right {
  float: none;
          width: 100%;
  }
}



/* about-us: imported missing CSS */
.mcrl-big-text {
font-size: 2.5rem;
    font-weight: 400;
}

.mcrl-list {
list-style: outside disc;
    padding-left: 20px;
}

.with-bg-1 {
background-color: #e5007a;
    padding: 35px 15px;
    color: #fff;
}

.with-bg-1 h3 {
color: #fff;
}

@media only screen and (max-width: 768px) {
  .mcrl-big-text {
  font-size: 2.2rem;
  }
}



/* about-us/office-locations-us-can-china: imported missing CSS */
.location-address {
display: inline-block;
    font-size: 1.8rem;
    font-weight: 400;
    margin-bottom: 1.5rem;
    line-height: 120%;
}

.location-box h2 {
font-size: 1.8rem;
    font-weight: 500;
    margin: 2rem 0 1.5rem 0;
    line-height: 100%;
    text-transform: uppercase;
}

.location-phone > span {
font-size: 2rem;
    font-weight: 600;
}

.mcrl-has-map {
position: relative;
    padding-bottom: 39%;
    height: 0;
    overflow: hidden;
}

.mcrl-has-map iframe {
position: absolute;
    top: 0;
    left: 15px;
    width: 100% !important;
    height: 100% !important;
}

@media only screen and (max-width: 650px) {
  .mcrl-has-map iframe {
  width: 94% !important;
  }
}

@media only screen and (min-width: 769px) and (max-width: 960px) {
  .mcrl-has-map iframe {
  width: 94% !important;
  }
}



/* about-us/trees-org: imported missing CSS */
#trees-banner {
margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 4rem;
}

#trees-par-big {
font-size: 2.8rem;
    font-weight: 300;
    text-align: center;
    margin-bottom: 4rem;
}

#trees-par-big > a {
color: #027e40;
    font-weight: 300;
    text-decoration: underline;
}

#trees-par-big > a:hover {
color: #325eb7;
}



/* about-us/our-promise: imported missing CSS */
#about-us-banner {
margin-bottom: 4rem;
}

#guarantee-badge.label-wrap {
position: relative;
    margin-top: -11%;
}

#trees-wrap > .label-wrap {
margin-bottom: 3rem;
}

.label-wrap {
width: 100%;
    max-width: 360px;
    text-align: center;
    margin: 0 auto;
}

@media only screen and (max-width: 950px) {
  #trees-wrap > .label-wrap {
  max-width: 250px;
  }
}



/* art-book-printing-sevices: imported missing CSS */
#children-one {
min-height: 350px;
}

#children-one h2 {
font-size: 35px;
    margin: 0 7px;
    color: #fff;
}

#children-one h2 > span {
font-size: 28px;
}

#children-one img {
object-fit: cover;
    object-position: right center;
    width: 455px;
    height: 350px;
}

#children-one.children-one--with-iframe {
min-height: 260px;
}

#children-one.children-one--with-iframe .rll-youtube-player {
margin: 0;
}

#children-one.children-one--with-iframe img {
object-fit: initial;
    object-position: initial;
    width: auto;
    height: auto;
}

#children-one.packaging--with-iframe {
min-height: 210px;
}

.has-color-1 {
background-color: #e40079;
    color: #fff;
}

@media only screen and (max-width: 1024px) {
  #children-one h2 {
  font-size: 26px;
  }
}

@media only screen and (max-width: 1024px) {
  #children-one h2 > span {
  font-size: 24px;
  }
}

@media only screen and (max-width: 1024px) {
  #children-one.children-one--with-iframe h1 {
  line-height: 110%;
          margin-bottom: 0;
  }
}

@media only screen and (max-width: 1180px) {
  #children-one h2 {
  font-size: 32px;
  }
}

@media only screen and (max-width: 1180px) {
  #children-one h2 > span {
  font-size: 26px;
  }
}

@media only screen and (max-width: 400px) {
  #children-one h2 {
  font-size: 24px;
  }
}

@media only screen and (max-width: 950px) {
  #children-one img {
  object-fit: inherit;
          width: auto;
          height: auto;
  }
}

@media only screen and (max-width: 950px) {
  #children-one.children-one--with-iframe img {
  object-fit: cover;
          object-position: center;
          width: 100%;
  }
}



/* yearbook-printing: imported missing CSS */
#journal-popular-picks {
text-align: center;
}

#journal-popular-picks h2 {
font-size: 2.8rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 120%;
    margin: 0 0 25px 0;
}

.journal-popular-picks--wrap > .col-jpp {
display: inline-block;
    width: 35%;
    padding: 0 15px 25px 15px;
    vertical-align: top;
}

.journal-popular-picks--wrap > .col-jpp > h4 {
font-size: 1.8rem;
    font-weight: 600;
    line-height: 120%;
    margin: 15px 0 0 0;
}

.journal-popular-picks--wrap > .col-jpp > span {
line-height: 120%;
}

@media only screen and (max-width: 1024px) {
  .journal-popular-picks--wrap > .col-jpp {
  width: 45%;
  }
}

@media only screen and (max-width: 550px) {
  .journal-popular-picks--wrap > .col-jpp {
  display: block;
          width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .journal-popular-picks--wrap > .col-jpp {
  width: 48%;
  }
}

/* Home slider replacement for SmartSlider */
#home-slider-1122 .mcrl-home-slider {
  position: relative;
  overflow: hidden;
}

#home-slider-1122 .mcrl-home-slider__viewport {
  overflow: hidden;
}

#home-slider-1122 .mcrl-home-slider__track {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  transition: transform 0.45s ease;
}

#home-slider-1122 .mcrl-home-slide {
  position: relative;
  flex: 0 0 100%;
  min-height: clamp(320px, 38vw, 560px);
}

#home-slider-1122 .mcrl-home-slide > picture {
  display: block;
  width: 100%;
  height: 100%;
}

#home-slider-1122 .mcrl-home-slide > img,
#home-slider-1122 .mcrl-home-slide > picture > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#home-slider-1122 .mcrl-home-slide__overlay {
  position: absolute;
  z-index: 2;
  color: #000;
}

#home-slider-1122 .mcrl-home-slide__overlay--right {
  top: 0;
  right: 0;
  bottom: 0;
  width: min(44%, 700px);
  padding: 2.8rem 2rem;
  background: rgba(236, 236, 240, 0.93);
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

#home-slider-1122 .mcrl-home-slide__overlay--top {
  top: 2.8rem;
  left: 50%;
  transform: translateX(-50%);
  width: 92%;
  max-width: 860px;
  text-align: center;
}

#home-slider-1122 .mcrl-home-slide--journals .mcrl-home-slide__overlay--journals {
  top: 63%;
  right: 10.5%;
  bottom: auto;
  width: min(41%, 820px);
  padding: 0;
  background: transparent;
  transform: translateY(-44%);
  align-items: center;
}

#home-slider-1122 .mcrl-home-slide__overlay h2 {
  margin: 0 0 1rem 0;
  font-size: clamp(2.2rem, 3.3vw, 6rem);
  font-weight: 700;
  line-height: 1.16;
}

#home-slider-1122 .mcrl-home-slide__overlay p {
  margin: 0 0 1.4rem 0;
  font-size: clamp(1.8rem, 1.6vw, 2.6rem);
  line-height: 1.25;
}

#home-slider-1122 .mcrl-home-slide__cta-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}

#home-slider-1122 .mcrl-home-slider__cta {
  display: inline-block;
  min-width: 190px;
  border: 1px solid #000;
  padding: 12px 20px;
  font-size: 2rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  text-decoration: none;
  text-align: center;
  position: relative;
  z-index: 3;
}

#home-slider-1122 .mcrl-home-slider__cta--dark {
  background: #000;
  color: #fff;
}

#home-slider-1122 .mcrl-home-slider__cta--light {
  background: transparent;
  color: #000;
}

#home-slider-1122 .mcrl-home-slider__cta--accent {
  background: #e9522e;
  border-color: #e9522e;
  color: #fff;
  min-width: 220px;
}

#home-slider-1122 .mcrl-home-slide__hitarea {
  position: absolute;
  inset: 0;
  z-index: 1;
}

#home-slider-1122 .mcrl-home-slider__nav {
  position: absolute;
  z-index: 5;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.66);
  color: #fff;
  cursor: pointer;
  line-height: 1;
  font-size: 2.2rem;
}

#home-slider-1122 .mcrl-home-slider__nav--prev {
  left: 12px;
}

#home-slider-1122 .mcrl-home-slider__nav--next {
  right: 12px;
}

#home-slider-1122 .mcrl-home-slider__dots {
  position: static;
  z-index: 5;
  transform: none;
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 10px;
  padding: 10px 0 18px;
  background: #fff;
}

#home-slider-1122 .mcrl-home-slider__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 0;
  background: #6a6a6a;
  cursor: pointer;
  padding: 0;
}

#home-slider-1122 .mcrl-home-slider__dot.is-active {
  background: #31b9d6;
}

@media (max-width: 1024px) {
  #home-slider-1122 .mcrl-home-slide {
    min-height: 420px;
  }

  #home-slider-1122 .mcrl-home-slide__overlay--right {
    width: 52%;
    padding: 2.2rem 1.8rem;
  }

  #home-slider-1122 .mcrl-home-slide--journals .mcrl-home-slide__overlay--journals {
    right: 5.2%;
    width: min(44%, 480px);
    padding: 0;
  }
}

@media (max-width: 768px) {
  #home-slider-1122 .mcrl-home-slide {
    min-height: 470px;
  }

  #home-slider-1122 .mcrl-home-slide > img,
  #home-slider-1122 .mcrl-home-slide > picture > img {
    object-position: left center;
  }

  #home-slider-1122 .mcrl-home-slide__overlay--right,
  #home-slider-1122 .mcrl-home-slide__overlay--top {
    left: 0;
    right: 0;
    top: auto;
    bottom: 36px;
    width: 100%;
    max-width: none;
    transform: none;
    padding: 1.8rem 1.2rem 1.4rem 1.2rem;
    background: linear-gradient(180deg, rgba(236, 236, 240, 0) 0%, rgba(236, 236, 240, 0.93) 22%);
  }

  #home-slider-1122 .mcrl-home-slide--journals .mcrl-home-slide__overlay--journals {
    top: 50%;
    right: auto;
    bottom: auto;
    width: calc(100% - 22px);
    max-width: 360px;
    margin: 0 auto;
    padding: 1.5rem 1rem 1.2rem 1rem;
    background: rgba(236, 236, 240, 0.72);
    transform: translateY(-18%);
  }

  #home-slider-1122 .mcrl-home-slide--journals .mcrl-home-slide__cta-row {
    flex-direction: column;
    align-items: center;
  }

  #home-slider-1122 .mcrl-home-slide__overlay h2 {
    margin-bottom: 0.6rem;
  }

  #home-slider-1122 .mcrl-home-slide__overlay p {
    margin-bottom: 0.8rem;
  }

  #home-slider-1122 .mcrl-home-slider__cta {
    min-width: 165px;
    padding: 10px 16px;
  }
}

.mcrl-ngg-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 14px;
}

.mcrl-ngg-grid__item {
  display: block;
  border: 1px solid #d8d8d8;
  background: #fff;
  overflow: hidden;
}

.mcrl-ngg-grid__item img {
  display: block;
  width: 100%;
  height: 150px;
  object-fit: cover;
}

.mcrl-ngg-modal-open {
  overflow: hidden;
}

.mcrl-ngg-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
}

.mcrl-ngg-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.96);
}

.mcrl-ngg-modal__panel {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto auto;
}

.mcrl-ngg-modal__close {
  position: absolute;
  top: 10px;
  right: 18px;
  z-index: 3;
  border: 0;
  background: transparent;
  color: #ff0aa7;
  font-size: 58px;
  line-height: 1;
  cursor: pointer;
}

.mcrl-ngg-modal__counter {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 3;
  color: #ff0aa7;
  font-size: 13px;
  font-weight: 700;
}

.mcrl-ngg-modal__stage {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  padding: 20px 68px 24px 68px;
}

.mcrl-ngg-modal__image {
  max-width: min(92vw, 1400px);
  max-height: calc(100vh - 260px);
  width: auto;
  height: auto;
  object-fit: contain;
}

.mcrl-ngg-modal__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 0;
  background: rgba(255, 255, 255, 0.24);
  color: #a30065;
  font-size: 46px;
  line-height: 0.72;
  cursor: pointer;
}

.mcrl-ngg-modal__nav--prev {
  left: 12px;
}

.mcrl-ngg-modal__nav--next {
  right: 12px;
}

.mcrl-ngg-modal__meta {
  background: #ececec;
  padding: 8px 12px 10px;
  min-height: 56px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  color: #333;
  font-size: 12px;
  text-transform: uppercase;
}

.mcrl-ngg-modal__title {
  display: block;
  width: 100%;
  font-weight: 700;
  line-height: 1.2;
}

.mcrl-ngg-modal__desc {
  display: block;
  width: 100%;
  font-weight: 500;
  line-height: 1.3;
  white-space: normal;
  text-transform: none;
}

.mcrl-ngg-modal__thumbs {
  height: 78px;
  background: #d9d9d9;
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
  padding: 6px 10px;
}

.mcrl-ngg-modal__thumbs-wrap {
  height: 78px;
  background: #d9d9d9;
  display: grid;
  grid-template-columns: 36px 1fr 36px;
  align-items: center;
}

.mcrl-ngg-modal__thumbs-nav {
  width: 30px;
  height: 30px;
  margin: 0 auto;
  border: 0;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.2);
  color: #a30065;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}

.mcrl-ngg-modal__thumb {
  flex: 0 0 auto;
  width: 70px;
  height: 60px;
  border: 2px solid transparent;
  padding: 0;
  cursor: pointer;
  background: transparent;
}

.mcrl-ngg-modal__thumb.is-active {
  border-color: #ff0aa7;
}

.mcrl-ngg-modal__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (max-width: 900px) {
  .mcrl-ngg-modal__stage {
    padding: 16px 18px 20px 18px;
  }

  .mcrl-ngg-modal__image {
    max-width: 94vw;
    max-height: calc(100vh - 240px);
  }

  .mcrl-ngg-modal__nav {
    width: 34px;
    height: 34px;
    font-size: 34px;
  }
}

@media (max-width: 768px) {
  .mcrl-ngg-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .mcrl-ngg-grid__item img {
    height: 130px;
  }

  .mcrl-ngg-modal__thumbs-wrap {
    display: none;
  }
}

/* === Imported Hire a Pro CSS from reference_css/style.css === */

#main-header.sticky .nav-wrap-btn {
  min-width: initial;
}

.HP--divider {
  background-color: #00ADEF;
  text-align: center;
  padding: 1.3em 1em;
  margin-bottom: 1.5em;
}

.HP--divider h1 {
  color: #fff;
  font-size: 6rem;
  font-weight: 100;
  line-height: 100%;
  text-transform: uppercase;
  margin: 0;
}

.HP--divider h1 > span {
  display: block;
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: .4em;
  line-height: 100%;
  margin-left: .4em;
}

.flex-tile--content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  padding: 15px;
}

.flex-tile--content-btn {
  margin-top: 1.5em;
}

.flex-tile--content-text h3 {
  font-size: 2.2rem;
  font-weight: 600;
}

.flex-tile--content-text p {
  margin-bottom: 0;
}

.flex-tile--img {
  text-align: center;
}

.flex-tile--module {
  display: flex;
  flex-direction: column;
  border: 1px solid #d1d6e0;
  height: 100%;
}

.flex-tiles {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.flex-tiles--col {
  width: calc(50% - 1rem);
  margin: .5rem;
}

.flex-tiles--col--100 {
  width: 100%;
  text-align: center;
}

.footer-wrap-why > h2:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 1px;
  background-color: #fff;
  left: 0;
  top: calc(50% - 1px);
  z-index: -1;
}

@media (max-width: 400px) {
  .HP--divider h1 {
    font-size: 4rem;
  }
}

@media (max-width: 400px) {
  .HP--divider h1 > span {
    font-size: 2rem;
  }
}

@media (max-width: 600px) {
  .flex-tiles {
    flex-direction: column;
  }
}

@media (max-width: 600px) {
  .flex-tiles--col {
    width: 100%;
  }
}

@media (max-width: 600px) {
  .flex-tiles--col--100 {
    text-align: left;
  }
}

@media (max-width: 767px) {
  .menu-item-has-children > a {
    position: relative;
  }
}
@media only screen and (max-width: 768px) {
  #main-header.sticky .nav-wrap-btn {
    width: 200px;
    position: absolute;
    right: 10px;
    top: -15px;
  }
}

@media only screen and (max-width: 1024px) {
  .nav-wrap-btn {
    min-width: 340px;
  }
}

@media only screen and (max-width: 1024px) {
  #main-nav > li + li {
    margin-left: 0;
  }
}

@media only screen and (max-width: 1024px) {
  #main-nav > li > a,
  #main-nav > li a {
    font-size: 1.6rem;
  }
}

@media only screen and (max-width: 1280px) {
  #main-header.sticky .nav-wrap-btn {
    width: 200px;
    position: absolute;
    right: 10px;
    top: -5px;
  }
}

@media only screen and (max-width: 600px) {
  .footer-nav li:after {
    display: none;
  }
}

@media only screen and (max-width: 600px) {
  .nav-wrap-socials > li {
    margin: 0 0 0 0;
  }
}

@media only screen and (max-width: 600px) {
  .nav-wrap-socials > li + li {
    margin-left: 20px;
  }
}

@media only screen and (max-width: 767px) {
  #main-header {
    min-width: 120px;
  }
}

@media only screen and (max-width: 767px) {
  #main-header.sticky .ak-sticky-menu-mobile #navigation {
    padding-top: 15px;
  }
}

@media only screen and (max-width: 767px) {
  #main-nav {
    padding-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  #main-nav > li {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  #main-nav > li + li {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  #main-nav > li a {
    font-size: 1.6rem;
  }
}

@media only screen and (max-width: 767px) {
  #main-nav li {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  #navigation {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .footer-nav li>a {
    font-size: 1.6rem;
  }
}

@media only screen and (max-width: 767px) {
  .footer-trees--desktop {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .footer-trees--mobile {
    display: block;
    margin-bottom: 2em;
  }
}

@media only screen and (max-width: 767px) {
  .footer-trees--mobile a {
    opacity: 1;
  }
}

@media only screen and (max-width: 767px) {
  .footer-wrap-bottom a {
    font-size: 1.6rem;
  }
}

@media only screen and (max-width: 767px) {
  .footer-wrap-bottom small {
    font-size: 1.6rem;
  }
}

@media only screen and (max-width: 767px) {
  .sub-menu {
    display: block;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .wrap-why-par {
    font-size: 1.6rem;
  }
}

@media only screen and (max-width: 768px) {
  #menu-sidebar-services .sub-menu {
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 1025px) {
  #navigation {
    display: block !important;
  }
}

/* Search results */
.mcrl-search-page__header {
  margin-bottom: 35px;
}

.mcrl-search-page__form {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}

.mcrl-search-page__form input[type="text"] {
  flex: 1 1 320px;
  min-height: 48px;
  padding: 0 16px;
  border: 1px solid #d6d1ce;
  font-size: 1.7rem;
}

.mcrl-search-page__summary {
  margin-bottom: 30px;
  font-size: 1.7rem;
  color: #210a0a;
}

@media only screen and (max-width: 768px) {
  .mcrl-search-page__form {
    align-items: stretch;
  }

  .mcrl-search-page__form input[type="text"],
  .mcrl-search-page__form .btn-r {
    width: 100%;
  }
}

.mcrl-search-result-type {
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.mcrl-search-result-type--page {
  color: #fff;
  background: #e40079;
}

.mcrl-search-result-type--post {
  color: #fff;
  background: #009beb;
}

mark.mcrl-search-highlight {
  background: #ffe100;
  color: #000000;
  padding: 0 0.12em;
  border-radius: 0.12em;
}



/* Shared form system (2026-03-31) */
.mcrl-form-wrap {
  width: 100%;
  max-width: 600px;
}

.mcrl-form-wrap--center {
  margin: 0 auto;
}


.mcrl-form-wrap--newsletter {
  max-width: 650px;
}

.mcrl-form-wrap--refer {
  max-width: 790px;
}

.mcrl-form,
.mcrl-form [data-form-fields] {
  display: block;
  width: 100%;
}

.mcrl-form__required {
  margin-bottom: 2.2rem;
  font-size: 1.8rem;
}

.mcrl-form__required--center {
  margin: 0 0 3rem;
  text-align: center;
}

.mcrl-form__required span,
.mcrl-form__field label span,
.mcrl-form__fieldset > legend span,
.mcrl-form__fieldset legend span {
  color: #e40079;
}

.mcrl-form__field {
  display: block;
  width: 100%;
}

.mcrl-form__field + .mcrl-form__field {
  margin-top: 2rem;
}

.mcrl-form__field label {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.2;
  color: #231f20;
}

.mcrl-form__fieldset > legend,
.mcrl-form__fieldset legend {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.2;
  color: #231f20;
}

.mcrl-form__input,
.mcrl-form__textarea {
  display: block;
  width: 100%;
  padding: 1.2rem 1.6rem;
  border: 1px solid #cfc7c7;
  border-radius: 0;
  background-color: #fff;
  box-shadow: none;
  box-sizing: border-box;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  color: #231f20;
}

.mcrl-form__textarea {
  min-height: 150px;
  resize: vertical;
}

.mcrl-form__input:focus,
.mcrl-form__textarea:focus {
  outline: none;
  border-color: #009deb;
  box-shadow: 0 0 0 1px rgba(0, 157, 235, 0.2);
}

.mcrl-form__fieldset {
  display: block;
  width: 100%;
  margin: 2rem 0 0;
  padding: 0;
  border: 0 !important;
  min-inline-size: 0;
}

.mcrl-form__check,
.mcrl-form__radio {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  color: #231f20;
  cursor: pointer;
}

.mcrl-form__check {
  gap: 1.6rem;
  margin-top: 1.4rem;
  line-height: 1.25;
}

.mcrl-form__check input[type='checkbox'] {
  width: 32px;
  min-width: 32px;
  height: 32px;
  margin: 0;
  accent-color: #e40079;
}

.mcrl-form__radio {
  gap: 0.8rem;
  margin-top: 1rem;
}

.mcrl-form__radio input[type='radio'] {
  width: 3.2rem;
  height: 3.2rem;
  margin: 0;
  flex: 0 0 3.2rem;
  accent-color: #e40079;
}

.mcrl-form__captcha {
  margin-top: 2rem;
}

.mcrl-form__status {
  margin: 1.6rem 0 0;
  color: #d12b2b;
  font-weight: 500;
}

.mcrl-form__submit {
  margin-top: 1rem;
  padding: 1em 2em;
  font-size: 1.8rem;
  line-height: 1;
}

.mcrl-form__submit[disabled] {
  opacity: 0.75;
  cursor: wait;
}

.mcrl-form__submit--full {
  width: 100%;
}

.mcrl-form__privacy {
  margin-top: 2.8rem;
  font-size: 2rem;
  color: #231f20;
}

.mcrl-form__section-title {
  margin: 0 0 2rem;
  font-size: 3rem;
  font-weight: 500;
  text-transform: none;
}

.mcrl-form__section-title--spaced {
  margin-top: 4rem;
}

.mcrl-form__confirmation {
  margin: 1em 0 0;
  font-size: 2.2rem;
  font-weight: 600;
  color: green;
}

@media (max-width: 767px) {
  .mcrl-form-wrap--refer {
    max-width: 100%;
  }

  .mcrl-form__required,
  .mcrl-form__field label,
  .mcrl-form__fieldset > legend,
  .mcrl-form__fieldset legend,
  .mcrl-form__check,
  .mcrl-form__radio,
  .mcrl-form__confirmation {
    font-size: 1.8rem;
  }

  .mcrl-form__input,
  .mcrl-form__textarea {
    font-size: 1.6rem;
  }

  .mcrl-form__submit {
    font-size: 1.8rem;
    padding: 1em 2em;
  }

  .mcrl-form__privacy {
    font-size: 1.8rem;
  }

  .mcrl-form__section-title {
    font-size: 2.6rem;
  }
}

/* Contact form */
#mcrl-contact-form-wrap > p:first-child {
  margin-bottom: 2.4rem !important;
}

/* Newsletter forms */
.mcrl-newsletter-form-wrap {
  width: 100%;
}

.mcrl-newsletter-form-wrap--page {
  max-width: 650px;
  margin: 0 auto;
}

.mcrl-newsletter-form-wrap--sidebar {
  max-width: 100%;
}

.mcrl-newsletter-form .mcrl-form__captcha {
  margin-top: 3rem;
}

#sidebar .widget_newsletter h3 {
  margin-bottom: 1.6rem;
}

#sidebar .widget_newsletter .mcrl-form__field label,
#sidebar .widget_newsletter .mcrl-form__fieldset > legend,
#sidebar .widget_newsletter .mcrl-form__check {
  font-size: 1.7rem;
}

#sidebar .widget_newsletter .mcrl-form__input {
  font-size: 1.6rem;
}

#sidebar .widget_newsletter .mcrl-form__check input[type='checkbox'] {
  width: 24px;
  min-width: 24px;
  height: 24px;
}

#sidebar .widget_newsletter .mcrl-form__submit {
  font-size: 1.8rem;
}

#sidebar .widget_newsletter .cf-turnstile {
  transform-origin: left top;
}

/* Children's book guide form */
#printing-guide--form {
  padding-top: 20px;
}

#printing-guide--form .mcrl-form__required {
  margin-bottom: 1.5rem;
}

#printing-guide--form .mcrl-form__captcha {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

/* Refer a friend form */
.mcrl-refer-friend-form .mcrl-form__textarea {
  min-height: 280px;
}

.mcrl-refer-friend-form .mcrl-form__captcha {
  margin-top: 2rem;
  margin-bottom: 2.2rem;
}

/* Requesting a dieline form */
.mcrl-dieline-form .mcrl-form__required {
  margin: 0 0 3rem;
  text-align: center;
}

.mcrl-dieline-form .mcrl-form__field + .mcrl-form__field {
  margin-top: 2.8rem;
}

.mcrl-dieline-form .mcrl-form__fieldset {
  margin-top: 2.8rem;
}

.mcrl-dieline-form .mcrl-form__captcha {
  margin-top: 3rem;
}

/* WPS form */
.mcrl-wps-form-wrap {
  width: 100%;
  max-width: 100%;
}

.mcrl-wps-form .mcrl-form__field label {
  font-weight: 700;
}

.mcrl-wps-form .mcrl-form__captcha {
  margin-top: 1.4rem;
}

.mcrl-wps-form__submit {
  text-transform: uppercase;
}

.wip-only-giveaway a:hover,
.wip-only-giveaway a:active,
.wip-only-giveaway a:focus {
  text-decoration: underline;
}




#turnaround-bg .shipping-turnaround-video {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
}









/* CODEx TEST MOBILE OVERRIDE */
@media (max-width: 768px) {
  #home-slider-1122 .mcrl-home-slide.mcrl-home-slide--journals .mcrl-home-slide__overlay.mcrl-home-slide__overlay--right.mcrl-home-slide__overlay--journals {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    margin: 0;
    transform: none;
  }
}
/* MOBILE JOURNALS FULL HEIGHT */
@media (max-width: 768px) {
  #home-slider-1122 .mcrl-home-slide.mcrl-home-slide--journals .mcrl-home-slide__overlay.mcrl-home-slide__overlay--right.mcrl-home-slide__overlay--journals {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    margin: 0;
    transform: none;
  }
}