﻿/* Colours */
/* Responsive width breakpoints */
/* Font parameters & measurements */
/* Dimensions, length definitions */
/* Border */
/* Font weights */
/* Logo */
@media (max-width: 400px) {
  .umbraco-forms-field.recaptchav2 .umbraco-forms-field-wrapper {
    transform: scale(0.75);
    transform-origin: 0;
  }
}
@media (min-width: 400px) {
  .popup-gallery .card {
    margin: 12px;
  }
}
@media (min-width: 600px) {
  footer .hide-mobile {
    display: block;
  }
  footer .icon-link {
    margin-right: 32px;
  }
}
/* Tablet portrait */
@media (min-width: 768px) {
  main .section .two-column-panel {
    display: block;
  }
  nav.side-nav {
    display: block;
  }
  .card-list {
    margin: -12px;
  }
  .card-list .card {
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    margin: 12px;
  }
  .card-list.popup-gallery .card {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .form-container .umbraco-forms-form fieldset,
  .form-container .rnsnz-form fieldset {
    padding: 15px;
  }
  .form-container .umbraco-forms-form fieldset .rnsnz-form-container,
  .form-container .rnsnz-form fieldset .rnsnz-form-container {
    padding-top: 15px;
  }
  .form-container .umbraco-forms-form .umbraco-forms-navigation .btn,
  .form-container .rnsnz-form .umbraco-forms-navigation .btn {
    margin: 0 0 0 15px;
  }
}
/* Tablet landscape */
@media (min-width: 992px) {
  header,
  header .container {
    height: 100px;
  }
  footer,
  footer .container,
  footer .flex-wrapper {
    height: 100px;
  }
  .container,
  .container-fluid,
  header .container,
  footer .container {
    margin: 0 20px 0 110px;
  }
  header {
    padding: 10px;
  }
  footer {
    position: fixed;
    bottom: 0;
  }
  nav.nav-bar.top-nav > ul {
    display: flex;
  }
  nav.nav-bar.top-nav > ul > li {
    line-height: 100px;
  }
  nav.nav-bar.top-nav .nav-text {
    display: none;
  }
  nav.nav-bar.top-nav .sub-nav-item {
    top: 100px;
  }
  nav.nav-bar.top-nav .logo {
    width: 75px;
    top: 11px;
  }
  nav.nav-bar.top-nav .logo .logo-image {
    width: 75px;
  }
  .mobile-nav,
  .mobile-nav-handler {
    display: none;
  }
  main {
    padding: 100px 0 100px;
  }
  main .section-main {
    margin: 100px 0;
  }
  .homepage main section.section-home {
    min-height: calc(100vh - 100px - 100px);
    background-position: left 0;
  }
  .homepage main section.section-home.banner {
    background-position-y: 40px;
  }
  nav.side-nav .side-nav-section .nav-link {
    font-size: 1.125em;
    padding: 11px 0 11px 24px;
  }
  .notification-bar {
    top: 100px;
    font-size: 1.375em;
    padding: 10px 0;
  }
}
/* Desktop */
@media (min-width: 1200px) {
  .container,
  .container-fluid {
    max-width: 1100px;
  }
  main .section-main .side-panel {
    display: inline-block;
  }
  main .section-main .main-panel {
    max-width: 744px;
  }
  .homepage main section.section-home.banner {
    background-position-y: 20px;
  }
}
@media (min-width: 1300px) {
  .container,
  .container-fluid {
    max-width: 1128px;
    width: 100%;
    margin: 0 20px 0 110px;
  }
  footer .flex-wrapper {
    margin: 0;
    padding: 24px 0;
  }
  footer .flex-wrapper .flex-column {
    justify-content: space-between;
  }
  footer .flex-wrapper .vertical-center {
    align-items: flex-start;
  }
  nav.nav-bar.top-nav > ul {
    width: 100%;
  }
  nav.nav-bar.top-nav > ul .nav-buttons {
    flex-direction: row;
  }
  nav.nav-bar.top-nav > ul > li .nav-link,
  nav.nav-bar.top-nav > ul > li .nav-link:visited {
    font-size: 1.125em;
  }
}
@media (min-width: 1350px) {
  .container,
  header .container,
  footer .container {
    margin: 0 auto;
  }
}