@charset "UTF-8";
/* Slider */
@import url("https://p.typekit.net/p.css?s=1&k=qvh2uee&ht=tk&f=34992.34993.34996.34997&a=556307&app=typekit&e=css");
.slick-slider {
  position: relative;
  display: block;
  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; }

.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; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  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;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

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

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

/* Dots */
.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: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        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; }

/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * dinosaur:
 *   - http://typekit.com/eulas/00000000000000003b9b019e
 *   - http://typekit.com/eulas/00000000000000003b9b019f
 *   - http://typekit.com/eulas/00000000000000003b9b01a2
 *   - http://typekit.com/eulas/00000000000000003b9b01a3
 *
 * © 2009-2020 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2020-11-05 09:59:18 UTC"}*/
@font-face {
  font-family: "dinosaur";
  src: url("https://use.typekit.net/af/8b249a/00000000000000003b9b019e/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/8b249a/00000000000000003b9b019e/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/8b249a/00000000000000003b9b019e/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "dinosaur";
  src: url("https://use.typekit.net/af/8a33a5/00000000000000003b9b019f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/8a33a5/00000000000000003b9b019f/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/8a33a5/00000000000000003b9b019f/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 400; }

@font-face {
  font-family: "dinosaur";
  src: url("https://use.typekit.net/af/e39b20/00000000000000003b9b01a2/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/e39b20/00000000000000003b9b01a2/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/e39b20/00000000000000003b9b01a2/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 700; }

@font-face {
  font-family: "dinosaur";
  src: url("https://use.typekit.net/af/926fbb/00000000000000003b9b01a3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/926fbb/00000000000000003b9b01a3/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/926fbb/00000000000000003b9b01a3/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700; }

.tk-dinosaur {
  font-family: "dinosaur",sans-serif; }

body {
  /*font-family: 'dinosaur', sans-serif;*/
  font-weight: 400;
  background-color: #FCF7ED; }

.container {
  /*max-width: 1640px;
  padding: 16px 24px;*/
  max-width: 1230px;
  padding: 10px 24px;
  width: 100%;
  margin: 0 auto;
  /*@media (max-width: 1440px) {
    max-width: 1230px;
    padding: 10px 24px;
  }*/ }
  @media (max-width: 768px) {
    .container {
      padding: 20px; } }

/* This is the existing CSS... */
.top-fix {
  position: fixed;
  z-index: 100;
  top: -2px;
  width: 100%; }

/* Here's the new CSS to add... */
.admin-bar .top-fix {
  top: 32px; }

.cards {
  display: flex;
  justify-content: center; }
  .cards.multiple {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -24px;
    margin-right: -24px; }
    .cards.multiple .card {
      flex-basis: calc(50% - 48px);
      margin-right: 24px;
      margin-left: 24px;
      margin-bottom: 48px; }
  .cards .card {
    background-color: #ffffff;
    box-shadow: 0px 3px 6px #0000001F;
    border-radius: 5px;
    padding: 48px 48px 64px;
    max-width: 1024px; }
    .cards .card h2 {
      font-size: 24px;
      line-height: 30px;
      color: #2D4143;
      font-weight: 500;
      margin: 0 0 16px;
      text-indent: -35px;
      margin-left: 35px; }
      .cards .card h2:before {
        content: '\f058';
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        color: #12c6fe;
        padding-right: 12px; }
    .cards .card p {
      font-size: 18px;
      line-height: 28px;
      font-weight: 400;
      margin: 0;
      color: #2D4143; }
  @media (max-width: 768px) {
    .cards {
      flex-direction: column;
      display: block; }
      .cards.multiple {
        margin-right: 0;
        margin-left: 0; }
        .cards.multiple .card {
          margin-bottom: 24px;
          margin-left: 0;
          margin-right: 0; }
      .cards .card {
        padding: 16px;
        margin-bottom: 24px; }
        .cards .card h2 {
          font-size: 16px;
          line-height: 22px;
          margin-bottom: 8px; } }

.btn,
#gform_submit_button_1 {
  color: #ffffff;
  cursor: pointer;
  /*background-color: #202226;*/
  background-color: #8C2E42;
  display: inline-block;
  padding: 12px 25px;
  text-decoration: none;
  /*font-family: 'dinosaur', sans-serif;*/
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  white-space: nowrap;
  border: none;
  box-shadow: 0px 3px 6px #0000001F;
  border-radius: 5px;
  min-width: 200px;
  max-width: 350px;
  text-align: center; }
  .btn:hover,
  #gform_submit_button_1:hover {
    color: #ffffff;
    background-color: #173139; }
  .btn.bordered,
  #gform_submit_button_1.bordered {
    border-radius: 35px; }
  @media (max-width: 375px) {
    .btn,
    #gform_submit_button_1 {
      font-size: 16px; } }

.gform_wrapper select {
  background-color: #fff;
  border-radius: 4px;
  height: 36px; }
  .gform_wrapper select option {
    padding: 5px 4px; }

section.heading {
  width: 100%; }
  section.heading .background {
    width: 100%;
    height: 500px;
    position: relative;
    min-height: 320px; }
    section.heading .background:after {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(29, 59, 67, 0.1);
      z-index: 0;
      display: block;
      pointer-events: none; }
    section.heading .background img {
      z-index: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      object-fit: cover;
      object-position: center; }
    section.heading .background .container {
      position: relative;
      z-index: 1;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-end;
      height: 100%; }
      section.heading .background .container .bg-color {
        background: #005ea0c4;
        padding: 10px 15px;
        margin-bottom: 15px; }
      section.heading .background .container p {
        text-align: left;
        margin: 0 0 10px;
        color: #ffffff;
        line-height: 30px;
        font-size: 20px;
        max-width: 500px; }
  section.heading .line {
    background-color: #173139; }
    section.heading .line .container {
      text-align: left;
      padding-top: 48px;
      padding-bottom: 64px; }
      section.heading .line .container h1 {
        color: #ffffff;
        font-size: 26px;
        line-height: 36px;
        margin: 0; }
      section.heading .line .container p {
        margin-top: 16px;
        color: #ffffff;
        font-size: 18px;
        font-weight: 500;
        line-height: 28px; }
  section.heading .title {
    background-color: #FCF7ED; }
    section.heading .title .container {
      text-align: center;
      display: flex;
      justify-content: center;
      margin-top: 40px;
      margin-bottom: 40px; }
      section.heading .title .container h1 {
        margin: 0 0;
        font-size: 40px;
        color: #2D4143;
        font-weight: 700;
        line-height: 48px;
        position: relative; }
        section.heading .title .container h1::after {
          content: '';
          width: 100%;
          background-color: #12c6fe;
          position: absolute;
          display: block;
          height: 4px;
          bottom: -12px;
          border-radius: 4px; }
  @media (max-width: 768px) {
    section.heading .background {
      height: auto;
      padding: 32px 0 0; }
      section.heading .background .container {
        top: 10vh; }
        section.heading .background .container p {
          font-size: 16px;
          line-height: 20px; }
    section.heading .line .container {
      padding-top: 24px;
      padding-bottom: 32px; }
      section.heading .line .container h1 {
        font-size: 20px;
        line-height: 26px; }
    section.heading .title {
      margin-bottom: 32px;
      margin-top: 24px; }
      section.heading .title .container h1 {
        font-size: 24px;
        line-height: 24px;
        display: flex;
        align-items: center;
        flex-direction: column; }
        section.heading .title .container h1:after {
          width: 200px;
          display: block; } }

section.faq .container .card {
  max-width: 800px;
  padding: 16px 24px 32px;
  margin: 0 auto 16px;
  background-color: #ffffff;
  box-shadow: 0px 3px 8px #00000014;
  border-radius: 5px; }
  section.faq .container .card h2 {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 16px; }
  section.faq .container .card p {
    margin: 0;
    padding-left: 16px;
    font-size: 16px;
    line-height: 24px;
    opacity: .68; }

@media (max-width: 768px) {
  section.faq .container .card p {
    padding-left: 0; } }

section.front {
  background-color: #FCF7ED; }
  section.front .pages {
    margin-top: 36px;
    margin-bottom: 48px; }
    section.front .pages .items {
      display: flex;
      margin-right: -16px;
      margin-left: -16px;
      justify-content: center;
      justify-items: center;
      justify-self: center; }
      section.front .pages .items .item {
        flex-basis: calc(33.33% - 32px);
        box-shadow: 0px 6px 12px #08435A29;
        background-color: #ffffff;
        margin-right: 16px;
        margin-left: 16px;
        text-align: center;
        color: #2D4143;
        display: block;
        text-decoration: none;
        border-radius: 5px;
        overflow: hidden; }
        section.front .pages .items .item img {
          height: 200px;
          width: 100%;
          object-fit: cover;
          object-position: top; }
        section.front .pages .items .item h2 {
          font-size: 22px;
          line-height: 32px;
          padding: 0 16px;
          margin: 16px 0 0; }
        section.front .pages .items .item p {
          font-size: 16px;
          line-height: 26px;
          padding: 0 16px;
          margin-top: 8px;
          margin-bottom: 24px; }
    @media (max-width: 768px) {
      section.front .pages {
        margin-top: 16px; }
        section.front .pages .items {
          flex-direction: column; }
          section.front .pages .items .item {
            margin-bottom: 32px;
            margin-right: 32px;
            margin-left: 32px; }
            section.front .pages .items .item img {
              height: 150px; }
            section.front .pages .items .item h2 {
              font-size: 18px;
              line-height: 24px;
              margin: 0; }
            section.front .pages .items .item p {
              font-size: 16px;
              line-height: 22px; } }
  section.front .banner {
    position: relative;
    width: 100%;
    padding: 48px 0; }
    section.front .banner img {
      z-index: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      object-fit: cover;
      object-position: center; }
    section.front .banner .container {
      z-index: 1;
      position: relative; }
      section.front .banner .container .content {
        max-width: 700px;
        margin: 0 auto;
        padding: 36px 48px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        color: #2D4143;
        background-color: rgba(255, 255, 255, 0.6);
        border-radius: 5px; }
        section.front .banner .container .content h2 {
          margin: 0 0 16px;
          font-size: 26px;
          line-height: 26px;
          font-weight: 700; }
        section.front .banner .container .content p {
          margin: 0;
          font-size: 18px; }
          section.front .banner .container .content p:nth-child(2) {
            margin-bottom: 36px; }
          section.front .banner .container .content p a {
            text-decoration: none;
            color: #2D4143; }
    @media (max-width: 768px) {
      section.front .banner {
        padding: 54px 0 24px; }
        section.front .banner .container .content {
          padding: 24px 12px; } }
  section.front .contact-us {
    margin-top: 24px;
    margin-bottom: 24px; }
    section.front .contact-us .container {
      display: flex;
      justify-content: center; }
  section.front .slider {
    height: 500px; }
    section.front .slider .slide {
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: center; }
    section.front .slider .slick-track, section.front .slider .slick-list {
      height: 100%; }
    section.front .slider .slick-dots {
      position: absolute;
      bottom: 10%; }
      section.front .slider .slick-dots li {
        width: 16px;
        height: 16px; }
        section.front .slider .slick-dots li button {
          width: 16px;
          height: 16px;
          font-size: 0;
          border: 1px solid #ffffff;
          border-radius: 50%; }
          section.front .slider .slick-dots li button:before {
            display: none; }
        section.front .slider .slick-dots li.slick-active button {
          background-color: #ffffff; }
    @media (max-width: 768px) {
      section.front .slider {
        height: 300px; } }

section.contacts .container {
  display: flex;
  margin-bottom: 48px;
  flex-direction: row;
  justify-content: space-between; }
  section.contacts .container h2 {
    font-size: 24px;
    line-height: 30px;
    color: #2D4143;
    font-weight: 500; }
  section.contacts .container .info {
    width: 300px; }
    section.contacts .container .info .content {
      box-shadow: 0px 3px 6px #0000001F;
      padding: 32px 36px;
      background-color: #ffffff;
      border-radius: 5px; }
      section.contacts .container .info .content p {
        margin: 0 0 8px;
        white-space: nowrap; }
        section.contacts .container .info .content p.open-hours {
          margin-top: 24px; }
        section.contacts .container .info .content p:last-child {
          margin-bottom: 48px; }
        section.contacts .container .info .content p a {
          color: #2D4143;
          text-decoration: none; }
  section.contacts .container .form {
    flex-basis: calc(100% - 400px); }
    section.contacts .container .form .gravity-form-custom .gform_wrapper .top_label .gfield_label {
      display: none; }
    section.contacts .container .form .gravity-form-custom .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
    section.contacts .container .form .gravity-form-custom .gform_wrapper textarea.medium {
      padding: 8px 20px;
      width: 100%;
      font-family: 'dinosaur', sans-serif;
      border-radius: 5px;
      box-shadow: 0px 3px 6px #0000001F;
      border: none; }
      section.contacts .container .form .gravity-form-custom .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::placeholder,
      section.contacts .container .form .gravity-form-custom .gform_wrapper textarea.medium::placeholder {
        color: #3E504E; }

section.contacts .map {
  height: 500px; }
  section.contacts .map iframe {
    width: 100%; }

@media (max-width: 768px) {
  section.contacts .container {
    flex-direction: column-reverse; }
    section.contacts .container h2 {
      text-align: center;
      font-size: 20px;
      line-height: 28px; }
    section.contacts .container .info {
      width: 100%; }
    section.contacts .container .form {
      margin-bottom: 24px;
      flex-basis: unset; }
      section.contacts .container .form .gform_wrapper .gform_footer {
        display: flex;
        justify-content: center; }
      section.contacts .container .form #gform_submit_button_1 {
        margin: 0 auto;
        width: auto; }
  section.contacts .map {
    height: 400px; } }

section.contacts .container {
  display: flex;
  margin-bottom: 48px;
  flex-direction: row;
  justify-content: space-between; }
  section.contacts .container h2 {
    font-size: 24px;
    line-height: 30px;
    color: #2D4143;
    font-weight: 500; }
  section.contacts .container .info {
    width: 300px; }
    section.contacts .container .info .content {
      box-shadow: 0px 3px 6px #0000001F;
      padding: 32px 36px;
      background-color: #ffffff;
      border-radius: 5px; }
      section.contacts .container .info .content p {
        margin: 0 0 8px;
        white-space: nowrap; }
        section.contacts .container .info .content p.open-hours {
          margin-top: 24px; }
        section.contacts .container .info .content p:last-child {
          margin-bottom: 48px; }
        section.contacts .container .info .content p a {
          color: #2D4143;
          text-decoration: none; }
  section.contacts .container .form {
    flex-basis: calc(100% - 400px); }
    section.contacts .container .form .gravity-form-custom .gform_wrapper .top_label .gfield_label {
      display: none; }
    section.contacts .container .form .gravity-form-custom .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
    section.contacts .container .form .gravity-form-custom .gform_wrapper textarea.medium {
      padding: 8px 20px;
      width: 100%;
      font-family: 'dinosaur', sans-serif;
      border-radius: 5px;
      box-shadow: 0px 3px 6px #0000001F;
      border: none; }
      section.contacts .container .form .gravity-form-custom .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::placeholder,
      section.contacts .container .form .gravity-form-custom .gform_wrapper textarea.medium::placeholder {
        color: #3E504E; }

section.contacts .map {
  height: 500px; }
  section.contacts .map iframe {
    width: 100%; }

@media (max-width: 768px) {
  section.contacts .container {
    flex-direction: column-reverse; }
    section.contacts .container h2 {
      text-align: center;
      font-size: 20px;
      line-height: 28px; }
    section.contacts .container .info {
      width: 100%; }
    section.contacts .container .form {
      margin-bottom: 24px;
      flex-basis: unset; }
      section.contacts .container .form .gform_wrapper .gform_footer {
        display: flex;
        justify-content: center; }
      section.contacts .container .form #gform_submit_button_1 {
        margin: 0 auto;
        width: auto; }
  section.contacts .map {
    height: 400px; } }

section.about .container .team-members {
  display: flex;
  margin-right: -16px;
  margin-left: -16px;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap; }
  section.about .container .team-members .member {
    flex-basis: calc(33% - 32px);
    background-color: #ffffff;
    margin-right: 16px;
    margin-left: 16px;
    margin-bottom: 32px;
    box-shadow: 0px 6px 12px #08435A29;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    padding-bottom: 24px; }
    section.about .container .team-members .member img {
      width: 100%;
      height: 210px;
      object-fit: cover;
      object-position: center; }
    section.about .container .team-members .member h2 {
      margin: 8px 0 16px;
      font-weight: 700;
      font-size: 22px;
      line-height: 24px; }
    section.about .container .team-members .member p {
      margin: 0 0 16px;
      font-size: 22px;
      line-height: 24px; }
      section.about .container .team-members .member p a {
        color: #2D4143;
        text-decoration: none; }
      section.about .container .team-members .member p:last-child {
        margin-bottom: auto; }

@media (max-width: 768px) {
  section.about .container .team-members {
    display: block;
    margin-right: 0;
    margin-left: 0; }
    section.about .container .team-members .member {
      margin-right: 0;
      margin-left: 0;
      flex-basis: unset; } }

body {
  color: #173139;
  font-family: "proxima-nova"; }

h1, h2, h3 {
  font-family: "utile-display"; }

h1 {
  color: #8C2E42;
  /*font-size: 64px;*/
  font-size: 40px; }

/*@media (max-width: 1440px) {
  h1 {
    font-size: 40px;
  }
}*/
header {
  background-color: #8C2E42;
  color: #ffffff;
  /*height: $headerheight;*/
  height: 75px;
  /*@media (max-width: 1440px) {
    height: $headerheight2;
  }*/
  /*@media (min-width: 1441px) {
      nav.main {
        ul {
          li {
            a {
              font-size: 24px;
              line-height: 32px;
              letter-spacing: 0.6px;
            }
          }
        }
      }
    }*/ }
  header > .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
    @media (max-width: 768px) {
      header > .container {
        padding: 10px 20px; } }
  @media (max-width: 480px) {
    header .logo {
      max-width: 250px; } }
  header .logo {
    display: flex;
    /*align-items: center;*/
    text-decoration: none;
    /*@media (max-width: 1440px) {
      img {
        height: 50px;
      }
    }*/ }
    header .logo img {
      /*height: 65px;*/
      height: 50px;
      width: auto;
      /*filter: brightness(2);*/ }
    header .logo svg {
      height: 60px; }
    header .logo span {
      padding: 10px;
      color: #323232;
      font-weight: 500;
      text-transform: uppercase; }
  @media (min-width: 1025px) {
    header .menu-open, header .menu-close {
      display: none; }
    header nav.main .btn {
      display: none; }
    header nav.main ul {
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-end; }
      header nav.main ul li {
        margin: 0;
        padding: 0;
        margin-left: 30px;
        list-style-type: none; }
        header nav.main ul li a {
          text-decoration: none;
          color: #ffffff;
          font-size: 18px;
          line-height: 23px;
          letter-spacing: 0.45px;
          font-weight: 500;
          position: relative; }
          header nav.main ul li a i {
            font-size: 18px; }
          header nav.main ul li a:after {
            content: '';
            height: 3px;
            position: absolute;
            bottom: -15px;
            left: 0;
            width: 0%;
            color: #fff;
            background: #fff;
            -webkit-transition: .3s;
            transition: .3s; }
          header nav.main ul li a:hover {
            /*text-decoration: underline;*/ }
            header nav.main ul li a:hover:after {
              width: 100%; } }
  @media (max-width: 1024px) {
    header .menu-open {
      display: block;
      color: #ffffff;
      font-size: 32px;
      /*margin-top: 20px;*/ }
    header .menu-close {
      padding: 24px 24px 0 24px;
      font-size: 48px;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      color: #ffffff; }
    header nav.main {
      overflow-y: scroll;
      opacity: 0;
      pointer-events: none;
      z-index: 2;
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background-color: #001e33;
      transition: 0.3s; }
      header nav.main.active {
        opacity: 1;
        pointer-events: all; }
      header nav.main .btn {
        display: inline-block;
        /*font-family: 'dinosaur', sans-serif;*/
        font-weight: 600;
        border-radius: 4px;
        margin: 48px auto 0;
        box-shadow: 0px 3px 6px #00000029; }
      header nav.main ul {
        margin: 0;
        padding: 24px;
        display: flex;
        flex-direction: column; }
        header nav.main ul li {
          border-top: 3px solid #525252;
          list-style-type: none; }
          header nav.main ul li:last-child {
            border-bottom: 3px solid #525252; }
          header nav.main ul li a {
            color: #ffffff;
            font-size: 20px;
            white-space: nowrap;
            text-align: center;
            text-decoration: none;
            display: block;
            width: 100%;
            padding: 16px 0;
            font-weight: 400; }
            header nav.main ul li a:hover {
              text-decoration: underline; } }
  @media (max-width: 768px) {
    header nav.main ul li a {
      font-size: 30px;
      padding: 29px 0; } }

.hero-image {
  /*margin-top: $headerheight;*/
  margin-top: 75px;
  width: 100%;
  max-height: 550px;
  /*@media (max-width:1440px) {
    margin-top: $headerheight2;
  }*/ }
  .hero-image img {
    object-fit: cover;
    max-height: inherit;
    width: 100%; }

main {
  /*@media (max-width:1440px) {
    h2 {
      font-size: 40px;
    }
    p {
      font-size: 16px;
    }
  }*/ }
  main h2 {
    /*font-size: 64px;*/
    font-size: 40px;
    line-height: 73px;
    letter-spacing: 1.6px;
    color: #8C2E42; }
  main p {
    /*font-size: 24px;*/
    font-size: 16px; }
  @media (max-width: 768px) {
    main h1,
    main h2 {
      font-size: 40px;
      line-height: 45px; }
    main p {
      font-size: 22px; } }

@media (max-width: 768px) {
  body.page-template-front-page h2 {
    max-width: 665px;
    margin: 24px auto; } }

.two-columns {
  display: flex; }
  .two-columns .column {
    width: 50%;
    /*@media (max-width:1440px) {
      .article-listing {
        max-width: 495px;
      }
    }*/ }
    .two-columns .column .article-listing {
      /*max-width: 665px;*/
      max-width: 495px;
      margin-bottom: 100px; }
    @media (max-width: 1024px) {
      .two-columns .column .article-listing {
        max-width: 350px; } }

@media (max-width: 768px) {
  .two-columns {
    display: block; }
    .two-columns .column {
      width: 100%; }
      .two-columns .column .article-listing {
        max-width: 665px;
        margin: 0 auto 40px; } }

.course-cat-listing h2 {
  font-size: 44px;
  color: inherit; }

.article-listing article {
  /*@media (max-width:1440px) {
      .description {
        padding: 24px 21.5px 21px 25px;
      }
    }*/ }
  .article-listing article .description {
    /*padding: 33px 66px 50px 33px;*/
    padding: 24px 21.5px 21px 25px; }
    .article-listing article .description p {
      font-size: 20px;
      line-height: 26px;
      margin: 0; }
    .article-listing article .description h3 {
      color: #8C2E42;
      font-size: 28px;
      line-height: 34px; }
  .article-listing article .learn-more {
    background-color: #8C2E42; }

.course-listing {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;}
  .course-listing article {
    width: 30%;
    width: calc((100% - 120px) / 3);
    min-width: 350px;
    display: flex;
    flex-direction: column;
    /*@media (max-width:1440px) {
      .description {
        padding: 18px 21px 28px 25px;
      }
    }*/ }
    .course-listing article .description {
      /*padding: 23.5px 50px 45px 33px;*/
      /*padding: 18px 21px 28px 25px;*/
      padding: 15px 18px 25px 22px; }
      .course-listing article .description h3 {
        font-size: 34px;
        line-height: 42px; }
  @media (max-width: 768px) {
    .course-listing article {
      width: 520px;
      min-width: unset;
      margin: 0 auto 40px; }
      .course-listing article h3 {
        font-size: 35px; } }


.article-listing,
.course-listing {
  /*@media (max-width:1440px) {
    article {
      .description {
        h3 {
          font-size: 24px;
          line-height: 32px;   
        }
        p {
          font-size: 16px;
        }
      }
    }
  }*/ }
  .article-listing article,
  .course-listing article {
    margin-bottom: 40px;
    /*added*/
    margin-right: 40px;
    background-color: #fff; }
    .article-listing article .description,
    .course-listing article .description {
      height: calc(100% - 52px); }
      .article-listing article .description p,
      .course-listing article .description p {
        /*font-size: 20px;*/
        font-size: 16px;
        line-height: 26px;
        margin: 0; }
      .article-listing article .description h3,
      .course-listing article .description h3 {
        margin: 6px 0 12px;
        font-size: 24px;
        line-height: 32px; }
        .article-listing article .description h3 a,
        .course-listing article .description h3 a {
          text-decoration: none;
          color: inherit; }
    .article-listing article .learn-more,
    .course-listing article .learn-more {
      height: 52px;
      text-align: center;
      padding: 15px 0; }
      .article-listing article .learn-more p,
      .course-listing article .learn-more p {
        font-size: 20px;
        line-height: 20px;
        margin: 0; }
        .article-listing article .learn-more p a,
        .course-listing article .learn-more p a {
          text-decoration: none;
          color: #fff; }
  .article-listing .read-more--area,
  .course-listing .read-more--area {
    text-align: center; }
    .article-listing .read-more--area span,
    .course-listing .read-more--area span {
      font-size: 24px;
      line-height: 32px;
      font-weight: 600;
      cursor: pointer; }
      .article-listing .read-more--area span i,
      .course-listing .read-more--area span i {
        padding-left: 15px; }
    @media (max-width: 768px) {
      .article-listing .read-more--area span,
      .course-listing .read-more--area span {
        font-size: 22px; } }

@media (max-width: 768px) {
  .course-listing article .description h3 {
    font-size: 35px;
    line-height: 45px; }
  .course-listing article .description p {
    font-size: 22px;
    line-height: 32px; } }

span[id^=more] {
  /*font-size: 24px;*/
  font-size: 18px;
  /*@media (max-width:1440px) {
    font-size: 18px;
  }*/ }
  @media (max-width: 768px) {
    span[id^=more] {
      font-size: 22px; } }

span[id^=more]:after {
  content: 'Läs mer';
  text-decoration: underline;
  color: #096B6C;
  cursor: pointer; }

span[id^=more] + p {
  display: none; }

span[id^=more].open:after {
  display: none; }

span[id^=more].open + p {
  display: block; }

footer {
  background-color: #173139;
  color: #FCF7ED;
  /*padding:32px 0 48px;*/
  padding: 64px 0;
  /*margin-top: 48px;*/
  /*.facebook span {
    margin: -3px 0 0 7px;
    position: absolute;
  }*/ }
  footer .container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between; }
    footer .container .item {
      /*width: 100%;*/
      /*@media (max-width: 1440px) {
        width: unset;
        &:nth-child(2) {
          width: 275px;
        }
        &:last-child {
          width:395px;
        }
        p {
          font-size: 14px;
          line-height: 27px;
        }
        h3,
        p.footer-text {
          font-size: 20px;
          line-height: 28px;
          letter-spacing: 0.4px;
        }
      }*/ }
      footer .container .item:first-child {
        /*flex-grow: 1;*/ }
      footer .container .item:nth-child(2) {
        margin: 0 30px;
        width: 275px; }
      footer .container .item:last-child {
        width: 395px; }
      footer .container .item svg {
        width: 380px; }
      footer .container .item h3,
      footer .container .item p.footer-text {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0.4px; }
      footer .container .item h3 {
        font-size: 28px;
        line-height: 36px;
        margin: 0 0 16px;
        font-weight: 400;
        color: #FCF7ED; }
      footer .container .item p {
        /*font-size: 20px;
        line-height: 38px;*/
        font-size: 14px;
        line-height: 27px;
        max-width: 600px;
        /*margin: 0 0 20px;*/
        /*font-family: 'dinosaur', sans-serif;*/ }
        footer .container .item p i {
          margin-right: 15px; }
        footer .container .item p.footer-text {
          font-size: 28px;
          line-height: 36px;
          letter-spacing: 0.56px;
          font-family: 'utile-display';
          margin-top: 0; }
        @media (max-width: 375px) {
          footer .container .item p i {
            margin-right: 5px; } }
      @media (max-width: 768px) {
        footer .container .item {
          width: 100%; }
          footer .container .item:nth-child(2), footer .container .item:last-child {
            width: 100%; }
          footer .container .item p {
            font-size: 22px; }
          footer .container .item h3,
          footer .container .item p.footer-text {
            font-size: 30px;
            line-height: 48px; } }
      footer .container .item a {
        color: #FCF7ED;
        text-decoration: none; }
        footer .container .item a:hover {
          text-decoration: underline; }
        footer .container .item a i {
          margin-right: 30px; }
    footer .container .item.logo {
      padding: 8px 0;
      /*@media (max-width:1440px) {
        img {
          width: 210px;
        }
      }*/ }
      footer .container .item.logo img {
        /*width: 300px;*/
        width: 210px;
        filter: invert(0%) sepia(69%) saturate(474%) hue-rotate(300deg) brightness(104%) contrast(98%); }
  @media (max-width: 768px) {
    footer {
      padding: 32px 0 0; }
      footer .container {
        display: flex;
        flex-flow: column; }
        footer .container .item {
          max-width: 665px;
          /*width: 280px;*/
          margin: 0 auto 48px; }
          footer .container .item:first-child {
            flex-grow: unset;
            order: 3;
            text-align: center; }
          footer .container .item:nth-child(2) {
            margin: 0 auto 48px;
            order: 1; }
          footer .container .item:nth-child(3) {
            order: 2;
            text-align: center; }
          footer .container .item svg {
            width: 100%; }
          footer .container .item p {
            max-width: unset; } }

.copyright {
  background-color: rgba(0, 35, 59, 0.73); }
  .copyright .container p {
    text-align: center;
    margin: 0;
    color: #ffffff;
    opacity: .68;
    font-size: 12px;
    letter-spacing: 1px;
    /*font-family: 'dinosaur', sans-serif;*/ }

.to-contacts {
  display: flex;
  justify-content: center; }

.container.single-cpt,
.page-with-sidebar {
  display: flex;
  justify-content: space-between;
  padding: 64px 24px;
  /*@media (max-width: 1440px) {
    main {
      max-width: calc(100% - 520px);
    }
  }*/
  /*@media (max-width: 1200px) {
    main {
      max-width: calc(100% - 450px);
    }
  }*/
  /*@media (max-width: 1440px) {
    aside {
      width: 390px;
    }
  }*/ }
  .container.single-cpt main,
  .page-with-sidebar main {
    width: 940px;
    max-width: calc(100% - 520px);
    /*@media (max-width: 1440px) {
      article {
        font-size: 16px;
      }
    }*/ }
    .container.single-cpt main article,
    .page-with-sidebar main article {
      /*font-size: 24px;*/
      font-size: 16px; }
      .container.single-cpt main article h1,
      .page-with-sidebar main article h1 {
        margin: 0 0 22px; }
      .container.single-cpt main article .post-taxonomies,
      .page-with-sidebar main article .post-taxonomies {
        border-top: 1px solid rgba(23, 53, 62, 0.25);
        border-bottom: 1px solid rgba(23, 53, 62, 0.25); }
        .container.single-cpt main article .post-taxonomies p,
        .page-with-sidebar main article .post-taxonomies p {
          margin: 50px 0; }
          .container.single-cpt main article .post-taxonomies p a,
          .page-with-sidebar main article .post-taxonomies p a {
            color: inherit;
            text-decoration: none;
            font-size: 24px; }
          .container.single-cpt main article .post-taxonomies p i,
          .page-with-sidebar main article .post-taxonomies p i {
            font-size: 28px;
            margin-right: 22px;
            vertical-align: middle; }
  .container.single-cpt aside,
  .page-with-sidebar aside {
    /*width: 526px;*/
    width: 390px; }
    .container.single-cpt aside h2,
    .page-with-sidebar aside h2 {
      font-size: 44px;
      font-weight: bold;
      color: #8C2E42; }

@media (max-width: 860px) {
  .page-with-sidebar {
    display: block; }
    .page-with-sidebar main, .page-with-sidebar aside {
      width: 100%;
      max-width: unset; }
    .page-with-sidebar aside {
      margin-top: 45px; } }

@media (max-width: 768px) {
  .container.single-cpt {
    display: block; }
    .container.single-cpt main, .container.single-cpt aside {
      width: 100%;
      max-width: unset; } }

aside.kurs-sidebar {
  /*@media (max-width: 1440px) {
    p.course-button {
      height: 45px;
      padding: 10px 0;
      a {
        font-size: 16px;
      }
    }
  }*/ }
  aside.kurs-sidebar p.course-button {
    background: #8C2E42;
    text-align: center;
    border-radius: 4px;
    /*height: 60px;
    padding: 12px 0;*/
    height: 45px;
    padding: 10px 0; }
    aside.kurs-sidebar p.course-button a {
      color: #fff;
      text-decoration: none;
      /*font-size: 24px;*/
      font-size: 16px;
      text-transform: uppercase; }
  aside.kurs-sidebar .course-info {
    padding: 37px 40px 50px;
    background-color: #F3EBD6;
    border-radius: 4px;
    /*@media (max-width: 1440px) {
      h2 {
        font-size: 24px;
      }
    }*/
    /*@media (max-width: 1440px) {
      p {
        font-size: 16px;
      }
    }*/ }
    aside.kurs-sidebar .course-info h2 {
      /*font-size: 44px;*/
      font-size: 24px;
      color: inherit;
      margin: 0; }
    aside.kurs-sidebar .course-info p {
      margin: 15px 0;
      /*font-size: 20px;*/
      font-size: 16px; }

body.page-template-allman-kurs p,
body.page-template-sarskild-kurs p,
body.page-template-ovriga-kurser p {
  /*line-height: 32px;*/
  line-height: 26px;
  /*@media (max-width: 1440px) {
      line-height: 26px;
    }*/ }

body.category-allman-kurs main,
body.category-sarskild-kurs main,
body.category-ovriga-kurser main,
body.category-korta-kurser main,
body.category-fortbildning main,
body.category-ny-i-sverige main {
  /*strong {
      font-size: 24px;
      line-height: 32px;
    }*/ }
  body.category-allman-kurs main p,
  body.category-sarskild-kurs main p,
  body.category-ovriga-kurser main p,
  body.category-korta-kurser main p,
  body.category-fortbildning main p,
  body.category-ny-i-sverige main p {
    /*font-size: 20px;*/
    font-size: 16px;
    line-height: 28px;
    /*@media (max-width: 1440px) {
        font-size: 16px;
      }*/ }
    @media (max-width: 768px) {
      body.category-allman-kurs main p,
      body.category-sarskild-kurs main p,
      body.category-ovriga-kurser main p,
      body.category-korta-kurser main p,
      body.category-fortbildning main p,
      body.category-ny-i-sverige main p {
        font-size: 22px;
        line-height: 35px; } }

body.page-template-allman-kurs header,
body.page-template-allman-kurs aside.kurs-sidebar p.course-button,
body.page-template-allman-kurs .course-listing article .learn-more,
body.category-allman-kurs header,
body.category-allman-kurs aside.kurs-sidebar p.course-button,
body.category-allman-kurs .course-listing article .learn-more {
  background-color: #C14A4A; }

body.page-template-allman-kurs h1,
body.page-template-allman-kurs .course-listing article .description h3,
body.category-allman-kurs h1,
body.category-allman-kurs .course-listing article .description h3 {
  color: #C14A4A; }

body.page-template-sarskild-kurs header,
body.page-template-sarskild-kurs aside.kurs-sidebar p.course-button,
body.page-template-sarskild-kurs .course-listing article .learn-more,
body.category-sarskild-kurs header,
body.category-sarskild-kurs aside.kurs-sidebar p.course-button,
body.category-sarskild-kurs .course-listing article .learn-more {
  background-color: #F07875; }

body.page-template-sarskild-kurs h1,
body.page-template-sarskild-kurs .course-listing article .description h3,
body.category-sarskild-kurs h1,
body.category-sarskild-kurs .course-listing article .description h3 {
  color: #F07875; }

body.page-template-ovriga-kurser header,
body.page-template-ovriga-kurser aside.kurs-sidebar p.course-button,
body.page-template-ovriga-kurser .course-listing article .learn-more,
body.category-ovriga-kurser header,
body.category-ovriga-kurser aside.kurs-sidebar p.course-button,
body.category-ovriga-kurser .course-listing article .learn-more,
body.category-korta-kurser header,
body.category-korta-kurser aside.kurs-sidebar p.course-button,
body.category-korta-kurser .course-listing article .learn-more,
body.category-fortbildning header,
body.category-fortbildning aside.kurs-sidebar p.course-button,
body.category-fortbildning .course-listing article .learn-more,
body.category-ny-i-sverige header,
body.category-ny-i-sverige aside.kurs-sidebar p.course-button,
body.category-ny-i-sverige .course-listing article .learn-more {
  background-color: #FFA143; }

body.page-template-ovriga-kurser h1,
body.page-template-ovriga-kurser .course-listing article .description h3,
body.category-ovriga-kurser h1,
body.category-ovriga-kurser .course-listing article .description h3,
body.category-korta-kurser h1,
body.category-korta-kurser .course-listing article .description h3,
body.category-fortbildning h1,
body.category-fortbildning .course-listing article .description h3,
body.category-ny-i-sverige h1,
body.category-ny-i-sverige .course-listing article .description h3 {
  color: #FFA143; }

.page-with-sidebar {
  /*@media (max-width: 1440px) {
    h2,
    main h2,
    aside h2 {
      font-size: 40px;
    }
    h3 {
      font-size: 32px;
    }
  }*/ }
  .page-with-sidebar h1 {
    margin: 0; }
  .page-with-sidebar h2,
  .page-with-sidebar main h2,
  .page-with-sidebar aside h2 {
    font-size: 40px; }
  .page-with-sidebar main {
    /*h2 {
      font-size: 64px;
    }*/ }
    .page-with-sidebar main a {
      color: #173139; }
  .page-with-sidebar h3 {
    /*font-size: 44px;*/
    font-size: 32px; }

aside .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
aside .gform_wrapper select {
  width: 100%; }

aside .gform_wrapper select {
  width: 100% !important;
  background-color: #fff;
  border-radius: 4px;
  height: 36px; }
  aside .gform_wrapper select option {
    padding: 5px 4px; }

aside .gform_wrapper input[type=submit] {
  color: #fff;
  padding: 15px 95px;
  cursor: pointer; }

body.page-template-forskola header,
body.page-parent-forskola header {
  background-color: #61B279; }

body.page-template-forskola h1,
body.page-template-forskola h2,
body.page-template-forskola h3,
body.page-parent-forskola h1,
body.page-parent-forskola h2,
body.page-parent-forskola h3 {
  color: #61B279; }

body.page-template-forskola .gform_wrapper input[type=submit],
body.page-parent-forskola .gform_wrapper input[type=submit] {
  background-color: #61B279; }

body.page-template-kontakt header,
body.page-parent-kontakt header {
  background-color: #2AA29A; }

body.page-template-kontakt h1,
body.page-template-kontakt h2,
body.page-template-kontakt h3,
body.page-parent-kontakt h1,
body.page-parent-kontakt h2,
body.page-parent-kontakt h3 {
  color: #2AA29A; }

body.page-template-kontakt .gform_wrapper input[type=submit],
body.page-parent-kontakt .gform_wrapper input[type=submit] {
  background-color: #2AA29A;
  width: calc(100% - 16px); }

body.page-template-forskola aside,
body.page-template-kontakt aside {
  /*@media (max-width: 1440px) {
      h2 {
        font-size: 40px;
      }
    }*/ }
  body.page-template-forskola aside h2,
  body.page-template-kontakt aside h2 {
    /*font-size: 64px;*/
    font-size: 40px;
    margin: 0; }

body.page-template-om-oss aside a,
body.page-template-studerande aside a {
  color: #FCF7ED;
  text-decoration: none; }
  body.page-template-om-oss aside a .single-link,
  body.page-template-studerande aside a .single-link {
    width: 100%;
    border-radius: 4px;
    color: #FCF7ED;
    /*padding: 31.5px 60px 40px 40px;*/
    padding: 25px 35px;
    margin-bottom: 40px;
    text-align: center;
    /*@media (max-width: 1440px) {
          padding: 25px 35px;
          h3 {
            font-size: 24px;
            line-height: 31px;
          }
          p {
            font-size: 14px;
            line-height: 23px;
          }
        }*/ }
    body.page-template-om-oss aside a .single-link h3,
    body.page-template-studerande aside a .single-link h3 {
      color: #FCF7ED;
      margin: 0;
      /*font-size: 34px;
          line-height: 42px;*/
      font-size: 24px;
      line-height: 31px; }
    body.page-template-om-oss aside a .single-link p,
    body.page-template-studerande aside a .single-link p {
      /*font-size: 20px;*/
      font-size: 14px;
      line-height: 23px; }
    @media (max-width: 768px) {
      body.page-template-om-oss aside a .single-link,
      body.page-template-studerande aside a .single-link {
        padding: 35px;
        margin-bottom: 22px; }
        body.page-template-om-oss aside a .single-link h3,
        body.page-template-studerande aside a .single-link h3 {
          font-size: 32px;
          line-height: 41px; }
        body.page-template-om-oss aside a .single-link p,
        body.page-template-studerande aside a .single-link p {
          font-size: 19px;
          line-height: 30px; } }
  body.page-template-om-oss aside a:hover .single-link,
  body.page-template-studerande aside a:hover .single-link {
    background-color: #173139; }

body.page-template-om-oss,
body.page-parent-om-oss {
  /*aside {
    margin-top: 96px;
    .single-link {
      width: 100%;
      border-radius: 4px;
      background-color: $color7;
      color: $background;
      padding: 31.5px 60px 40px 40px;
      margin-bottom: 40px;
      h3 {
        margin: 0;
        font-size: 34px;
        line-height: 42px;
        a {
          color: $background;
          text-decoration: none;
        }
      }
      p {
        font-size: 20px;
        &.button {
          margin-top: 40px;
          a {
            background: $background;
            color: $color7;
            text-decoration: none;
            padding: 15px 87px;
            border-radius: 4px;
            font-size: 20px;
            font-weight: 600;
          }
        }
      }
    }
  }*/ }
  body.page-template-om-oss header,
  body.page-parent-om-oss header {
    background-color: #096B6C; }
  body.page-template-om-oss h1,
  body.page-template-om-oss h2,
  body.page-template-om-oss h3,
  body.page-parent-om-oss h1,
  body.page-parent-om-oss h2,
  body.page-parent-om-oss h3 {
    color: #096B6C; }
  body.page-template-om-oss aside .single-link,
  body.page-parent-om-oss aside .single-link {
    background-color: #096B6C; }

body.page-template-studerande,
body.page-parent-studerande {
  /*aside {
    .single-box {
      width: 100%;
      border-radius: 4px;
      background-color: $main;
      color: $background;
      padding: 40px;
      margin-bottom: 40px;
      h3 {
        color: $background;
        margin: 0 0 32px;
        font-size: 34px;
        line-height: 42px;
        font-weight: 600;
      }
      p {
        font-size: 20px;
        line-height: 28px;
        &.subtitle {
          font-weight: 600;
        }
      }
    }
  }*/ }
  body.page-template-studerande header,
  body.page-parent-studerande header {
    /*background-color: $color8;*/
    background-color: #8C2E42; }
  body.page-template-studerande h1,
  body.page-template-studerande h2,
  body.page-template-studerande h3,
  body.page-parent-studerande h1,
  body.page-parent-studerande h2,
  body.page-parent-studerande h3 {
    /*color: $color8;*/
    color: #8C2E42; }
  body.page-template-studerande aside .single-link,
  body.page-parent-studerande aside .single-link {
    background-color: #8C2E42; }

main.narrow-page article .container {
  max-width: 810px; }
  @media (min-width: 1024px) {
    main.narrow-page article .container {
      padding: 50px 0 134px; } }
  main.narrow-page article .container h2 {
    font-size: 28px;
    line-height: 21px;
    margin: 50px 0 13px; }
  main.narrow-page article .container p {
    /*font-size: 20px;*/
    font-size: 16px;
    line-height: 28px;
    /*@media (max-width: 1440px) {
          font-size: 16px;
        }*/ }
    @media (max-width: 768px) {
      main.narrow-page article .container p {
        font-size: 22px;
        line-height: 35px; } }

.c-accordion__item {
  padding: 19px 0;
  border-top: 2px solid #61B279; }
  .c-accordion__item:last-child {
    border-bottom: 2px solid #61B279; }
  .c-accordion__item h4 {
    /*font-size: 28px;
    line-height: 28px;*/
    font-size: 24px;
    line-height: 20px;
    letter-spacing: 0.56px;
    margin: 0;
    padding: 0;
    /*@media (max-width: 1440px) {
      font-size: 24px;
      line-height: 20px;
    }*/ }
    .c-accordion__item h4:after {
      content: none; }
    .c-accordion__item h4:before {
      font-family: "Font Awesome 5 Free";
      content: "\f078";
      float: right; }
    .c-accordion__item h4:focus {
      outline: none; }
    @media (max-width: 768px) {
      .c-accordion__item h4 {
        font-size: 22px;
        line-height: 22px; } }

.is-open > .c-accordion__title:after {
  content: none; }

.is-open > .c-accordion__title:before {
  font-family: "Font Awesome 5 Free";
  content: "\f077";
  float: right; }