/*
Theme Name: Telemark One
Text Domain: telemark-one
Version: 1.1.0
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Default theme for Telemark.
Author: Mourad Hamoud
Author URI: https://mouradhamoud.name/
Theme URI: https://telemark.legal/
License: None
License URI: None
*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Poppins:wght@700;900&display=swap");
section.top-banner {
  display: grid;
  grid-auto-flow: column;
  justify-content: end;
  gap: 32px;
  padding: 8px 32px;
  background-color: #2f4883; }
  @media (max-width: 1064px) {
    section.top-banner {
      grid-auto-flow: row;
      justify-content: center;
      gap: 16px; } }
  section.top-banner a {
    text-decoration: none;
    color: #ffffff;
    font-size: 14px;
    transition: color .3s; }
    section.top-banner a:hover {
      color: #fe796e; }
    section.top-banner a.icon-link {
      display: grid;
      grid-auto-flow: column;
      gap: 4px;
      justify-content: start;
      align-items: center; }
      section.top-banner a.icon-link svg {
        fill: #ffffff;
        width: 16px;
        height: 16px;
        transition: fill .3s; }
      section.top-banner a.icon-link:hover svg {
        fill: #fe796e; }

section.header {
  height: 100px;
  background-color: #ffffff; }
  @media (max-width: 1064px) {
    section.header {
      height: auto; } }
  section.header .container {
    height: 100px;
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    max-width: 100%;
    width: 100%; }
    @media (max-width: 1064px) {
      section.header .container {
        justify-content: center;
        padding-top: 32px;
        padding-bottom: 32px;
        grid-auto-flow: row;
        gap: 32px;
        height: auto; } }
    section.header .container .logo {
      height: 30px; }
    section.header .container .main-menu ul {
      display: grid;
      grid-auto-flow: column;
      gap: 28px;
      justify-content: end;
      align-items: center;
      font-family: 'Poppins', sans-serif;
      font-size: 1rem;
      font-weight: 700; }
      @media (max-width: 1064px) {
        section.header .container .main-menu ul {
          grid-auto-flow: row;
          gap: 16px;
          justify-content: center; } }
      section.header .container .main-menu ul li {
        list-style: none; }
        section.header .container .main-menu ul li a {
          text-decoration: none;
          color: #000000;
          transition: all .3s; }
          section.header .container .main-menu ul li a:hover {
            color: #fe796e; }
        section.header .container .main-menu ul li.btn a {
          color: #ffffff; }
          section.header .container .main-menu ul li.btn a:hover {
            color: #ffffff; }

section.faq .container {
  padding-top: 72px;
  padding-bottom: 72px;
  display: grid;
  grid-auto-flow: row;
  gap: 60px; }
  section.faq .container .items {
    padding: 0 64px;
    display: grid;
    grid-auto-flow: row;
    gap: 0; }
    @media (max-width: 1064px) {
      section.faq .container .items {
        padding: 0; } }
    section.faq .container .items > div {
      padding: 32px 0;
      display: grid;
      grid-template-columns: 20% auto;
      gap: 32px;
      border-top: solid 1px #b2b2b2; }
      @media (max-width: 1064px) {
        section.faq .container .items > div {
          grid-template-columns: auto; } }
      section.faq .container .items > div:last-child {
        border-bottom: solid 1px #b2b2b2; }
      section.faq .container .items > div .question {
        font-weight: 700;
        font-size: 1rem;
        line-height: 1.5rem; }
      section.faq .container .items > div .answer {
        font-size: .9rem;
        line-height: 1.5rem; }
        section.faq .container .items > div .answer p {
          padding-bottom: 1.2rem; }
          section.faq .container .items > div .answer p:last-child {
            padding-bottom: 0; }
          section.faq .container .items > div .answer p a {
            color: #fe796e;
            font-weight: 700; }
  section.faq .container .all-faq {
    text-align: center; }
    section.faq .container .all-faq a {
      color: #fe796e;
      text-decoration: none;
      transition: color .3s; }
      section.faq .container .all-faq a:hover {
        color: #474ede; }

section.contact {
  background-color: #e9eefc; }
  section.contact .container {
    padding-top: 72px;
    padding-bottom: 72px;
    display: grid;
    grid-template-columns: auto auto;
    gap: 72px;
    align-items: start; }
    @media (max-width: 1064px) {
      section.contact .container {
        grid-template-columns: auto; } }
    section.contact .container h1 {
      grid-column: span 2; }
      @media (max-width: 1064px) {
        section.contact .container h1 {
          grid-column: 1; } }
    section.contact .container .column {
      display: grid;
      gap: 32px; }
    section.contact .container .description {
      text-align: center;
      color: #1c1c1c;
      font-size: 1.3rem; }
    section.contact .container .contact-links {
      display: grid;
      grid-auto-flow: row;
      gap: 64px;
      margin-top: 64px;
      border-left: solid 3px #fe796e;
      justify-content: center;
      align-items: center; }
      section.contact .container .contact-links.contact-links-no-border {
        border-left-width: 0; }
      @media (max-width: 1064px) {
        section.contact .container .contact-links {
          border-left: none; } }
      section.contact .container .contact-links .contact-link {
        display: grid;
        gap: 8px;
        grid-auto-flow: column;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        transition: color .3s;
        color: #1c1c1c;
        font-size: 1.6rem; }
        section.contact .container .contact-links .contact-link svg {
          fill: #1c1c1c;
          height: 1.6rem;
          width: 1.6rem;
          transition: fill .3s; }
        section.contact .container .contact-links .contact-link:hover {
          color: #fe796e; }
          section.contact .container .contact-links .contact-link:hover svg {
            fill: #fe796e; }
        section.contact .container .contact-links .contact-link.address {
          padding: 48px 0; }
    section.contact .container form {
      display: grid;
      gap: 16px; }
      @media (max-width: 1064px) {
        section.contact .container form {
          grid-template-columns: auto;
          gap: 12px; } }
      section.contact .container form .form-group {
        display: grid;
        grid-auto-flow: row;
        gap: 12px;
        align-content: start; }
        section.contact .container form .form-group label {
          font-weight: 700;
          font-size: 1rem; }
        section.contact .container form .form-group input, section.contact .container form .form-group textarea {
          padding: 12px 16px;
          border-radius: 5px;
          outline: #474ede;
          background-color: #ffffff;
          border: solid 1px #ffffff; }
        section.contact .container form .form-group input:-webkit-autofill,
        section.contact .container form .form-group input:-webkit-autofill:hover,
        section.contact .container form .form-group input:-webkit-autofill:focus,
        section.contact .container form .form-group textarea:-webkit-autofill,
        section.contact .container form .form-group textarea:-webkit-autofill:hover,
        section.contact .container form .form-group textarea:-webkit-autofill:focus {
          transition: background-color 5000s ease-in-out 0s; }
        section.contact .container form .form-group input {
          max-width: 75%; }
        section.contact .container form .form-group textarea {
          height: 200px; }
        section.contact .container form .form-group.error label {
          color: #eb1302; }
        section.contact .container form .form-group.error input, section.contact .container form .form-group.error textarea {
          border-color: #eb1302; }
      section.contact .container form .alert {
        font-weight: 700;
        font-size: 1rem;
        text-align: center; }
        @media (max-width: 1064px) {
          section.contact .container form .alert {
            grid-column-end: span 1; } }
        section.contact .container form .alert span {
          display: block;
          padding-bottom: 3rem; }
          section.contact .container form .alert span.success {
            color: #474ede; }
          section.contact .container form .alert span.error {
            color: #eb1302; }
      section.contact .container form .column-bottom {
        text-align: right; }
      section.contact .container form .btn {
        padding: .8rem 1.6rem;
        font-size: 1.12rem; }
  section.contact input#captcha {
    text-transform: uppercase; }
  section.contact .captcha-container {
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    align-items: center; }
    section.contact .captcha-container .captcha-refresh {
      cursor: pointer;
      display: block;
      width: 32px;
      height: 32px;
      transition: all .3s;
      background-color: #fe796e; }
      section.contact .captcha-container .captcha-refresh svg {
        width: 32px;
        height: 32px;
        fill: #ffffff; }
      section.contact .captcha-container .captcha-refresh:hover {
        background-color: #474ede; }

html {
  font-size: 16px; }

body {
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #000000;
  display: grid;
  grid-auto-flow: row; }

h1, p {
  margin: 0;
  padding: 0; }

.container {
  box-sizing: border-box;
  margin: 0px auto;
  padding: 0 64px;
  width: 1024px;
  max-width: 1024px; }
  @media (max-width: 1064px) {
    .container {
      width: auto;
      max-width: auto;
      margin: 0;
      padding: 0 32px; } }
  .container h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    color: #fe796e;
    text-transform: uppercase; }
    .container h1::before {
      content: '|';
      padding-right: .5rem; }
    .container h1::after {
      content: '|';
      padding-left: .5rem; }
    @media (max-width: 1064px) {
      .container h1 {
        text-align: center; } }

.btn {
  padding: 12px 16px;
  display: inline-block;
  font-size: .9rem;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #fe796e;
  border: none;
  outline: none;
  cursor: pointer;
  transition: all .3s;
  white-space: nowrap;
  border-radius: 0; }
  .btn:hover {
    background-color: #474ede; }

input.btn {
  font-family: 'Poppins', sans-serif;
  -webkit-appearance: button; }

section.hero {
  background-color: #e9eefc; }
  section.hero .container {
    padding-top: 96px;
    padding-bottom: 72px;
    display: grid;
    grid-auto-flow: row;
    gap: 24px;
    justify-items: start;
    background: url("./assets/hero-bg.jpg") no-repeat;
    background-size: 538.94737px;
    background-position: 100% 110px; }
    @media (max-width: 1064px) {
      section.hero .container {
        padding-top: 90vw;
        background-size: 90%;
        background-position: 50% 32px;
        justify-items: stretch; } }
    section.hero .container .title {
      color: #474ede;
      font-family: 'Poppins', sans-serif;
      font-weight: 900;
      font-size: 3rem;
      line-height: 3.4rem; }
      section.hero .container .title span {
        color: #fe796e; }
    section.hero .container .description {
      font-weight: 400;
      font-size: 1.3rem;
      color: #1c1c1c; }
      section.hero .container .description span {
        font-weight: 700; }
      @media (max-width: 1064px) {
        section.hero .container .description {
          padding-bottom: 16px; }
          section.hero .container .description br {
            display: none; } }
    section.hero .container .nmb-logo {
      height: 35px; }
      @media (max-width: 1064px) {
        section.hero .container .nmb-logo {
          justify-self: center; } }
    @media (max-width: 1064px) {
      section.hero .container .btn {
        justify-self: center; } }

section.values {
  background-color: #2f4883; }
  section.values .container {
    padding-top: 72px;
    padding-bottom: 72px;
    display: grid;
    grid-auto-flow: row; }
    section.values .container .items {
      margin-top: 64px;
      padding-left: 64px;
      padding-right: 128px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: start;
      gap: 64px; }
      @media (max-width: 1064px) {
        section.values .container .items {
          grid-template-columns: 1fr;
          padding: 0;
          gap: 64px; } }
      section.values .container .items > div {
        display: grid;
        grid-auto-flow: row;
        justify-items: center;
        text-align: center; }
        section.values .container .items > div:last-child {
          grid-column: span 2; }
          @media (max-width: 1064px) {
            section.values .container .items > div:last-child {
              grid-column: 1; } }
        @media (max-width: 1064px) {
          section.values .container .items > div {
            text-align: center;
            justify-items: stretch; } }
        section.values .container .items > div img {
          width: 64px;
          margin-bottom: 16px; }
          @media (max-width: 1064px) {
            section.values .container .items > div img {
              justify-self: center; } }
        section.values .container .items > div .title {
          font-family: 'Poppins', sans-serif;
          font-weight: 700;
          font-size: 1.2rem;
          color: #ffffff;
          padding-bottom: 16px; }
        section.values .container .items > div .sub-title {
          font-weight: 400;
          font-size: 1.0rem;
          line-height: 1.5rem;
          color: #ffffff; }

section.solutions {
  background: url("./assets/solutions-bg.png") no-repeat;
  background-position: center;
  background-size: 1948.76px; }
  @media (max-width: 1064px) {
    section.solutions {
      background-image: none;
      background-color: #e9eefc; } }
  section.solutions .container {
    padding-top: 64px;
    padding-bottom: 64px; }
    section.solutions .container .items {
      display: grid;
      grid-auto-flow: row;
      gap: 128px; }
      @media (max-width: 1064px) {
        section.solutions .container .items {
          gap: 32px; } }
      section.solutions .container .items > div {
        display: grid;
        grid-auto-flow: column;
        gap: 32px; }
        @media (max-width: 1064px) {
          section.solutions .container .items > div {
            grid-auto-flow: row; } }
        section.solutions .container .items > div .text {
          padding-top: 72px;
          display: grid;
          grid-auto-flow: row;
          gap: 12px; }
          section.solutions .container .items > div .text .title {
            color: #474ede;
            font-family: 'Poppins', sans-serif;
            font-weight: 900;
            font-size: 1.6rem;
            line-height: 2rem; }
            @media (max-width: 1064px) {
              section.solutions .container .items > div .text .title br {
                display: none; } }
          section.solutions .container .items > div .text .description {
            font-weight: 400;
            font-size: 1.3rem;
            color: #1c1c1c; }
            section.solutions .container .items > div .text .description span {
              font-weight: 700; }
            @media (max-width: 1064px) {
              section.solutions .container .items > div .text .description br {
                display: none; } }
          section.solutions .container .items > div .text .icons {
            display: grid;
            grid-auto-flow: column;
            gap: 32px;
            justify-content: start;
            margin-top: 16px;
            padding-right: 32px; }
            section.solutions .container .items > div .text .icons img {
              height: 16px; }
        section.solutions .container .items > div .screenshot {
          width: 512px; }
          @media (max-width: 1064px) {
            section.solutions .container .items > div .screenshot {
              width: 100%; } }
      section.solutions .container .items .solution-1 .screenshot {
        box-shadow: 24px 24px 0px 0px #474ede; }
      @media (max-width: 1064px) {
        section.solutions .container .items .solution-1 .text {
          padding-bottom: 16px; } }
      @media (max-width: 1064px) {
        section.solutions .container .items .solution-2 {
          display: flex;
          flex-direction: column-reverse; } }
      section.solutions .container .items .solution-2 .text {
        text-align: right; }
        @media (max-width: 1064px) {
          section.solutions .container .items .solution-2 .text {
            text-align: left;
            padding-bottom: 32px; } }
      section.solutions .container .items .solution-2 .screenshot {
        box-shadow: 24px 24px 0px 0px #fa5035; }

section.formal {
  background-color: #f4f4f4; }
  section.formal .container {
    display: grid;
    grid-auto-flow: row;
    gap: 64px;
    padding-top: 96px;
    padding-bottom: 64px; }
    @media (max-width: 1064px) {
      section.formal .container {
        grid-auto-flow: row;
        gap: 32px; } }
    section.formal .container .item {
      display: grid;
      grid-auto-flow: column;
      gap: 64px; }
      section.formal .container .item .title {
        color: #474ede;
        font-family: 'Poppins', sans-serif;
        font-weight: 900;
        font-size: 1.6rem;
        line-height: 2rem; }
        @media (max-width: 1064px) {
          section.formal .container .item .title br {
            display: none; } }
      section.formal .container .item .description p {
        padding-bottom: 32px;
        font-weight: 400;
        font-size: 1.2rem;
        color: #1c1c1c; }
        section.formal .container .item .description p span {
          font-weight: 700; }
        @media (max-width: 1064px) {
          section.formal .container .item .description p br {
            display: none; } }

section.footer {
  background-color: #20202B; }
  section.footer .container {
    padding-right: 64px; }
    @media (max-width: 1064px) {
      section.footer .container {
        padding-right: 32px; } }
    section.footer .container .main {
      padding-top: 48px;
      padding-bottom: 48px;
      display: grid;
      grid-auto-flow: column;
      align-items: center;
      border-bottom: solid 1px #393A52; }
      @media (max-width: 1064px) {
        section.footer .container .main {
          grid-auto-flow: row;
          gap: 32px; } }
      section.footer .container .main .logo {
        display: grid;
        grid-auto-flow: row;
        gap: 8px;
        font-size: .9rem;
        color: #ffffff; }
        section.footer .container .main .logo img {
          height: 26px; }
      section.footer .container .main .footer-menu ul {
        display: grid;
        grid-auto-flow: column;
        gap: 64px;
        justify-content: end;
        font-family: 'Poppins', sans-serif;
        font-size: .85rem;
        font-weight: 700; }
        @media (max-width: 1064px) {
          section.footer .container .main .footer-menu ul {
            grid-auto-flow: row;
            justify-content: start;
            gap: 16px; } }
        section.footer .container .main .footer-menu ul a {
          text-decoration: none;
          color: #ffffff; }
    section.footer .container .copyright {
      line-height: 4rem;
      font-size: .65rem;
      color: #ffffff;
      text-align: right; }
      @media (max-width: 1064px) {
        section.footer .container .copyright {
          text-align: center;
          line-height: 2rem; } }

article {
  padding-bottom: 64px; }
  article.none {
    padding: 128px 0;
    font-size: 1.2rem;
    line-height: 3rem;
    text-align: center; }
    article.none a {
      color: #fe796e; }
  article .title {
    padding-top: 96px;
    padding-bottom: 0px;
    margin-bottom: 64px;
    background-color: #e9eefc; }
    article .title .container {
      border-bottom: dashed 5px #a6baf3;
      padding-bottom: 64px; }
    article .title h1 {
      color: #474ede;
      font-size: 2.5rem; }
      article .title h1::before {
        content: ''; }
      article .title h1::after {
        content: ''; }
  article .meta {
    display: grid;
    grid-auto-flow: column;
    justify-content: end;
    gap: 12px;
    margin-bottom: 24px; }
    article .meta a {
      color: #fe796e; }
    article .meta .separator {
      color: #a6baf3; }
  article .content p {
    padding-bottom: 16px;
    font-size: 1.1rem;
    line-height: 1.6rem; }
    article .content p:last-child {
      padding-bottom: 0; }
  article .content li {
    padding-bottom: 8px;
    font-size: 1.0rem;
    line-height: 1.6rem; }
    article .content li:last-child {
      padding-bottom: 0; }
  article .content ol, article .content ul {
    padding-bottom: 8px; }
    article .content ol:last-child, article .content ul:last-child {
      padding-bottom: 0; }
  article .content a {
    color: #fe796e;
    text-decoration: none; }
    article .content a:hover {
      text-decoration: underline; }
  article .content h1, article .content h2, article .content h3, article .content h4, article .content h5, article .content h6 {
    color: #474ede;
    text-transform: none;
    padding: 0;
    margin: 0;
    padding-bottom: 28px; }
    article .content h1::before, article .content h1::after, article .content h2::before, article .content h2::after, article .content h3::before, article .content h3::after, article .content h4::before, article .content h4::after, article .content h5::before, article .content h5::after, article .content h6::before, article .content h6::after {
      content: '';
      padding: 0; }
  article .content h1 {
    font-size: 2rem; }

.category-item a {
  color: #fe796e;
  text-decoration: none; }
  .category-item a:hover {
    text-decoration: underline; }

.faq-items {
  display: grid;
  grid-auto-flow: row;
  gap: 32px; }
  .faq-items .faq-item {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 32px;
    border-bottom: solid 1px #ddd;
    padding-bottom: 32px; }
    .faq-items .faq-item:last-child {
      border-bottom: none; }
    .faq-items .faq-item h2 {
      margin: 0;
      font-size: 1.2rem;
      line-height: 1.6rem; }