@charset "UTF-8";
/*
    Theme Name: Flying Start to Literacy
    Author: Creative Bay Marcin Bogus
    Version: 1.0
*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

select {
  width: 150px; }

@font-face {
  font-family: 'DinRegular';
  src: url("fonts/dinregular-webfont.woff2") format("woff2"), url("fonts/dinregular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'DinBold';
  src: url("fonts/dinbold-webfont.woff2") format("woff2"), url("fonts/dinbold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'DinLight';
  src: url("fonts/dinlight-webfont.woff2") format("woff2"), url("fonts/dinlight-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

h1, h2, h3 {
  font-family: 'DinBold';
  margin-bottom: 20px;
  line-height: 1.2; }

h1 {
  font-size: 37px;
  color: #e01e26; }

h3 {
  font-size: 22px;
  color: #e01e26; }

body {
  font-size: 14px;
  font-family: 'DinRegular';
  border-top: solid 10px #e01e26;
  -webkit-font-smoothing: antialiased;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #c1c3c5 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #c1c3c5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #c1c3c5 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #c1c3c5 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #c1c3c5 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #c1c3c5 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */ }

a {
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

img {
  max-width: 100%; }

table.wp-block-table.yellow-table {
  background-color: #FFDE6E; }
  table.wp-block-table.yellow-table tr:nth-child(odd) {
    background-color: #FFCD00; }
  table.wp-block-table.yellow-table td {
    padding: 5px; }

.wrapper {
  max-width: 1080px;
  padding: 0 15px;
  margin: 0 auto;
  box-sizing: border-box; }

.video {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0; }

.video iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute; }

.aligncenter {
  display: block;
  margin: 0 auto; }

.accordion .accordion-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-weight: 600;
  background-color: #005883;
  border-radius: 15px;
  padding: 0 15px;
  color: #ffffff;
  margin-bottom: 10px; }
  .accordion .accordion-toggle:after {
    font-family: FontAwesome;
    content: '\f107';
    font-size: 30px; }
  .accordion .accordion-toggle.active:after {
    content: '\f106'; }
  .accordion .accordion-toggle div {
    display: flex;
    align-items: center; }

.accordion .accordion-content {
  display: none;
  margin: 20px 0; }

.accordion .fa-circle {
  font-size: 30px;
  margin-right: 10px; }

.slider {
  background-color: #ffffff; }
  .slider .slider-item {
    padding: 20px 0;
    line-height: 1.5;
    font-size: 20px; }
    .slider .slider-item p {
      margin-bottom: 10px; }

.circle {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 10px; }

.yellow {
  background-color: #fed406; }

.green {
  background-color: #9aca3d; }

.purple {
  background-color: #9e77b5; }

.orange {
  background-color: #f89520; }

.blue {
  background-color: #2cace2; }

.burgundy {
  background-color: #ae1f65; }

.green-light {
  background-color: #dadb54; }

.video-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0; }

.video-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute; }

@media only screen and (min-width: 600px) {
  .has-3-columns .wp-block-column:nth-child(odd) {
    margin-right: 10px; }
  .has-3-columns .wp-block-column:not(:first-child) {
    margin-left: 10px; }
  .has-3-columns .wp-block-column:not(:last-child) {
    margin-right: 10px; } }

.primary {
  font-family: 'DinBold';
  line-height: 1.3;
  border: none;
  cursor: pointer;
  font-size: 1rem;
  box-sizing: border-box;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: 15px;
  color: #ffffff;
  text-decoration: none;
  background-color: #005883; }
  .primary:hover {
    text-decoration: none;
    opacity: 0.85; }
  .primary.red {
    background-color: #e01e26; }
  .primary .fa {
    display: inline-block;
    font-size: 20px;
    margin-right: 5px; }

.secondary {
  display: inline-block;
  font-family: 'DinBold';
  cursor: pointer;
  line-height: 1.3;
  font-size: 14px;
  border: none;
  box-sizing: border-box;
  text-align: center;
  padding: 7px 40px;
  border-radius: 25px;
  color: #ffffff !important;
  text-decoration: none;
  background-color: #000000; }
  .secondary.blue {
    background-color: #005F90; }
  .secondary:hover {
    text-decoration: none;
    opacity: 0.85; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  border-radius: 20px;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  margin-bottom: 20px; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: none !important;
  height: 100%;
  width: 80px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background-color: #ffffff;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 0.5; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "FontAwesome";
    font-size: 50px;
    line-height: 1;
    color: #d1d2d4;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: 0; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: ""; }
    [dir="rtl"] .slick-prev:before {
      content: ""; }

.slick-next {
  right: 0; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: ""; }
    [dir="rtl"] .slick-next:before {
      content: ""; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 0.5; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 20px;
        height: 20px;
        font-family: "FontAwesome";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

@media only screen and (min-width: 600px) {
  .slick-slider {
    padding: 0 80px; }
  .slick-prev,
  .slick-next {
    display: block !important; } }

.header .logo {
  display: inline-block;
  max-width: 400px;
  margin: 10px 0; }

.main-navigation {
  margin-bottom: 20px; }
  .main-navigation .menu {
    display: flex;
    flex-direction: column;
    background-color: #005883;
    font-family: 'DinBold';
    border-radius: 20px;
    list-style-type: none;
    font-size: 15px;
    text-align: center;
    align-items: center;
    justify-content: space-between; }
    .main-navigation .menu li {
      flex-grow: 1; }
      .main-navigation .menu li.current-menu-item a, .main-navigation .menu li.current-page-ancestor a {
        text-decoration: underline; }
    .main-navigation .menu a {
      color: #ffffff;
      display: block;
      position: relative;
      padding: 10px 0; }

@media only screen and (min-width: 600px) {
  .main-navigation .menu {
    flex-direction: row;
    border-radius: 0; }
    .main-navigation .menu li:first-child a:before {
      border: none; }
    .main-navigation .menu a {
      padding: 18px 10px; }
      .main-navigation .menu a:before {
        content: "";
        position: absolute;
        height: 20px;
        top: calc(50% - 10px);
        left: 0;
        border: solid 1px #FBAA29; } }

.content {
  display: flex;
  flex-direction: column;
  background: url(images/body-bg.png) no-repeat bottom center; }

.main {
  flex: 3;
  background-color: #ffffff;
  border-radius: 20px;
  margin-bottom: 20px;
  padding: 20px 30px;
  min-height: 800px;
  font-family: 'DinLight';
  line-height: 1.6;
  font-size: 18px; }
  .main .bold {
    font-family: DinBold; }
  .main em {
    font-style: italic; }
  .main p {
    margin-bottom: 20px; }
    .main p.has-background {
      font-family: DinBold;
      font-size: 15px;
      padding: 4px 10px;
      margin-bottom: 5px;
      border-radius: 10px; }
  .main blockquote {
    text-align: center;
    padding: 30px 0 20px;
    border-top: solid 1px #005883;
    border-bottom: solid 1px #005883; }
    .main blockquote p {
      font-size: 29px;
      font-style: italic;
      line-height: 1.3; }
    .main blockquote cite {
      font-family: DinBold;
      color: #005883; }
  .main strong {
    font-weight: 600; }
  .main ul {
    list-style-type: disc;
    padding-left: 20px;
    margin-bottom: 30px; }
  .main li {
    margin-bottom: 10px; }
  .main hr {
    border-color: #e01e26;
    margin: 40px 0; }
  .main .pdfemb-viewer {
    margin-bottom: 40px; }

.accordion {
  clear: both; }

.contact-us-widget {
  position: fixed;
  transform: rotate(270deg);
  transform-origin: top left;
  display: block;
  top: 400px;
  left: 0;
  z-index: 10;
  background-color: #FBAA29;
  padding: 10px;
  font-size: 15px;
  font-weight: 700;
  width: 160px;
  color: #000;
  text-align: center;
  cursor: pointer; }

.strategies-teaser {
  background-color: #FBAA29;
  border-radius: 15px;
  padding: 10px; }
  .strategies-teaser .image {
    border: solid 2px #000000;
    margin-bottom: 15px; }
    .strategies-teaser .image img {
      display: block; }
  .strategies-teaser .description-wrapper {
    display: flex;
    align-items: center; }
    .strategies-teaser .description-wrapper .description {
      flex: 2;
      font-family: DinBold;
      text-align: center;
      font-size: 16px;
      margin-right: 20px; }
    .strategies-teaser .description-wrapper .link {
      flex: 1; }
      .strategies-teaser .description-wrapper .link a {
        display: block; }

.homepage-boxes {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 20px;
  margin-bottom: 20px; }
  .homepage-boxes .box {
    box-sizing: border-box;
    background-color: #ffffff;
    border-radius: 20px;
    overflow: hidden; }
    .homepage-boxes .box .headline {
      padding: 10px 20px;
      line-height: 1; }
      .homepage-boxes .box .headline a {
        color: #ffffff;
        font-size: 17px;
        font-family: DinBold; }
    .homepage-boxes .box .description {
      line-height: 1.5;
      font-size: 16px;
      padding: 20px 20px 0; }

.sample-books {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 20px; }
  .sample-books .sample-book {
    border: solid 1px #005883;
    border-radius: 15px;
    padding: 15px;
    display: flex;
    flex-direction: column; }
    .sample-books .sample-book .image {
      margin-bottom: 5px;
      text-align: center; }
    .sample-books .sample-book .description {
      text-align: center;
      padding: 10px 45px;
      font-family: DinBold;
      font-size: 16px;
      background-color: #ededef;
      border-radius: 15px;
      margin-top: auto; }
      .sample-books .sample-book .description p {
        margin-bottom: 10px; }

.ecp-homepage-boxes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px; }

.ecp-book {
  border: solid 1px #005883;
  border-radius: 15px;
  padding: 15px;
  margin-bottom: 20px;
  display: flex; }
  .ecp-book .image {
    flex: 1;
    margin-right: 20px; }
  .ecp-book .description-wrapper {
    flex: 1; }
  .ecp-book .title {
    font-family: DinBold;
    color: #005883;
    font-size: 24px; }
  .ecp-book .tagline {
    color: #005883; }
  .ecp-book .author {
    font-family: DinBold;
    color: #005883;
    font-size: 16px;
    margin-bottom: 10px; }
  .ecp-book .description {
    font-size: 16px; }
  .ecp-book .primary {
    display: inline-block; }

.author-details {
  display: flex;
  background-color: #005883;
  border-radius: 15px;
  padding: 15px;
  color: #ffffff; }
  .author-details .image {
    flex: 1;
    margin-right: 20px; }
    .author-details .image img {
      border-radius: 15px; }
  .author-details .description-wrapper {
    flex: 2; }
  .author-details .headline {
    font-size: 34px;
    font-family: DinBold; }
  .author-details .tagline {
    font-size: 26px;
    font-family: DinBold;
    margin-bottom: 10px; }
  .author-details .description {
    font-weight: 600; }

.tutorials {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 20px; }
  .tutorials .tutorial {
    border: solid 1px #005883;
    border-radius: 15px;
    padding: 15px; }
    .tutorials .tutorial .video {
      margin-bottom: 10px; }

.benchmark-books .book {
  display: flex;
  margin-bottom: 20px; }
  .benchmark-books .book .image {
    flex: 0 0 130px; }
  .benchmark-books .book .description {
    margin-left: 20px; }
    .benchmark-books .book .description li {
      margin-bottom: 0; }

.classroom-stages .stage {
  display: flex;
  margin-bottom: 20px; }
  .classroom-stages .stage .description {
    margin-left: 20px; }
  .classroom-stages .stage h3 {
    margin: 10px 0; }
    .classroom-stages .stage h3 a {
      color: #e01e26; }
  .classroom-stages .stage img {
    width: 120px; }

.literacy-programs {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(3, 1fr);
  text-align: center;
  justify-content: space-between;
  align-items: center;
  border-radius: 15px;
  border: solid 2px #e01e26;
  padding: 10px;
  background-color: #F1F1F2;
  margin-bottom: 20px; }

.teacher-references {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(4, 1fr);
  font-size: 15px;
  margin-bottom: 20px; }
  .teacher-references img {
    margin-bottom: 5px; }

.classroom-packs .packs {
  border: solid 1px #005883;
  border-radius: 15px;
  padding: 15px;
  margin-bottom: 20px; }

.classroom-packs .levels {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 15px; }

.teacher-resources-books .level {
  border: solid 1px #005883;
  border-radius: 15px;
  padding: 15px;
  margin-bottom: 20px; }

.teacher-resources-books .books {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: 15px; }

.worldwise-student-books .packs {
  border: solid 1px #005883;
  border-radius: 15px;
  padding: 15px;
  margin-bottom: 20px; }

.worldwise-student-books .levels {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 15px; }

.online-demonstrations .item {
  border: solid 1px #005883;
  border-radius: 20px;
  margin-bottom: 20px;
  overflow: hidden; }

.online-demonstrations .headline {
  background-color: #005883;
  color: #ffffff;
  padding: 10px 20px;
  font-family: DinBold; }

.online-demonstrations .assets {
  display: grid;
  padding: 15px;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 15px;
  text-align: center;
  align-items: center; }
  .online-demonstrations .assets a:last-child {
    width: 230px;
    position: relative; }
    .online-demonstrations .assets a:last-child:before {
      position: absolute;
      font-family: FontAwesome;
      content: '\f144';
      font-size: 50px;
      color: #ffffff;
      opacity: 0.8;
      top: calc(50% - 43px);
      left: calc(50% - 25px); }
    .online-demonstrations .assets a:last-child:hover:before {
      opacity: 1; }
  .online-demonstrations .assets img {
    border: solid 1px #c1c3c5; }

.student-books {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 20px; }
  .student-books .books {
    display: flex;
    border: solid 1px #005883;
    border-radius: 15px;
    padding: 15px;
    position: relative;
    justify-content: center; }
    .student-books .books.multiline {
      min-height: 270px; }
    .student-books .books a {
      margin-left: 10px; }
      .student-books .books a:first-child {
        margin-left: 0; }
      .student-books .books a:nth-child(3) {
        position: absolute;
        width: 120px;
        left: 50%;
        top: 120px;
        margin-left: -60px; }

.teacher-resources {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 20px; }
  .teacher-resources .resource {
    display: flex;
    flex-direction: column;
    border: solid 1px #005883;
    border-radius: 15px;
    padding: 15px; }
    .teacher-resources .resource .headline {
      font-family: DinBold;
      font-size: 21px;
      margin-bottom: 10px; }
      .teacher-resources .resource .headline a {
        color: #e01e26; }
    .teacher-resources .resource .image {
      margin-top: auto;
      text-align: center; }

.thumbnail-placeholder {
  position: relative;
  display: block; }
  .thumbnail-placeholder .fa-play-circle {
    opacity: 0.8;
    position: absolute;
    color: #ffffff;
    font-size: 60px;
    top: calc(50% - 30px);
    left: calc(50% - 30px); }
  .thumbnail-placeholder:hover .fa-play-circle {
    opacity: 1; }

@media only screen and (min-width: 600px) {
  .content {
    flex-direction: row;
    align-items: flex-start; }
  .sample-books, .teacher-resources, .tutorials, .student-books, .homepage-boxes {
    grid-template-columns: repeat(2, 1fr); }
  .worldwise-student-books .levels {
    grid-template-columns: repeat(6, 1fr); } }

.sidebar {
  flex: 1;
  background-color: #ffffff;
  border-radius: 20px;
  padding: 15px;
  margin-bottom: 20px; }
  .sidebar hr {
    margin: 20px 0;
    border-color: #005883; }
  .sidebar .primary {
    width: 100%;
    padding: 15px 10px; }
  .sidebar .secondary {
    width: 100%; }
  .sidebar h2 {
    font-size: 20px;
    color: #6D6E71;
    margin-bottom: 10px; }
  .sidebar .fa-facebook-official, .sidebar .fa-twitter-square {
    font-size: 50px;
    color: #005F90; }
    .sidebar .fa-facebook-official:hover, .sidebar .fa-twitter-square:hover {
      opacity: 0.85; }
  .sidebar .widget_subpages .widget_subpages_current_page a {
    background-color: #e01e26; }
  .sidebar .widget_subpages a {
    font-family: 'DinBold';
    line-height: 1.3;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    box-sizing: border-box;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 15px;
    color: #ffffff;
    text-decoration: none;
    background-color: #005883;
    padding: 15px 10px; }
    .sidebar .widget_subpages a:hover {
      text-decoration: none;
      opacity: 0.85; }
    .sidebar .widget_subpages a.red {
      background-color: #e01e26; }
    .sidebar .widget_subpages a .fa {
      display: inline-block;
      font-size: 20px;
      margin-right: 5px; }
  .sidebar .widget_subpages ul ul a {
    margin: 0 0 10px 15px; }
  .sidebar .box {
    padding: 15px;
    border-radius: 20px;
    font-weight: bold;
    margin-bottom: 15px; }
    .sidebar .box h4 {
      font-size: 28px;
      font-weight: bold;
      line-height: 1.2;
      margin-bottom: 15px; }
    .sidebar .box p {
      text-align: center;
      line-height: 1.4; }
    .sidebar .box img {
      margin-bottom: 10px; }
    .sidebar .box .secondary {
      margin-top: 10px; }
    .sidebar .box.yellow {
      background-color: #FCB824; }
    .sidebar .box.grey {
      background-color: #ededef; }
    .sidebar .box:last-child {
      margin-bottom: 0; }

@media only screen and (min-width: 600px) and (max-width: 1180px) {
  .primary {
    text-align: center; }
    .primary .fa {
      display: none; } }

@media only screen and (min-width: 600px) {
  .sidebar {
    margin-left: 20px; } }

.footer {
  background-color: #ededef;
  padding: 20px 0 10px; }
  .footer .footer-links {
    text-align: center;
    margin-top: 30px; }
    .footer .footer-links:first-child {
      margin-top: 0; }
    .footer .footer-links li {
      margin-bottom: 10px; }
    .footer .footer-links a {
      color: #6D6E71; }

.footer-content-boxes {
  display: grid;
  grid-gap: 20px; }

.content-box {
  border-radius: 20px;
  overflow: hidden;
  background-color: #ffffff; }
  .content-box .header {
    background-color: #005883;
    color: #ffffff;
    font-family: 'DinBold';
    font-size: 17px;
    padding: 10px 20px; }
  .content-box .body {
    box-sizing: border-box;
    padding: 20px 30px;
    text-align: left;
    font-size: 16px;
    line-height: 1.3; }
    .content-box .body p {
      margin-bottom: 3px; }
    .content-box .body strong {
      color: #6D6E71;
      font-family: 'DinBold'; }
    .content-box .body img {
      margin-bottom: 10px; }
    .content-box .body a {
      color: #333; }
  .content-box .sales {
    display: grid;
    grid-gap: 50px; }
  .content-box .poster p {
    font-size: 20px; }
  .content-box .poster a {
    margin-top: 20px; }
  .content-box .poster img {
    width: 250px; }

.copyright {
  margin: 20px;
  text-align: center;
  line-height: 1.6;
  color: #6D6E71; }

@media only screen and (min-width: 600px) {
  .content {
    flex-direction: row;
    align-items: flex-start; }
  .footer .footer-links {
    margin-top: 0; }
    .footer .footer-links li {
      display: inline-block;
      padding: 0 10px;
      border-left: solid 1px #005883; }
      .footer .footer-links li:first-child {
        border-left: none; } }

@media only screen and (min-width: 1180px) {
  .footer-content-boxes {
    grid-template-columns: 30% 1fr; }
  .content-box .poster img {
    float: left;
    margin-right: 25px; }
  .content-box .sales {
    grid-template-columns: repeat(3, 1fr); } }