/* header and footer styles */
   

   body{
    font-family: proxima-nova, sans-serif !important;
    font-size: 18px;
  }
  /* nav */ 
  .navbar {
    margin-bottom: 0;
    border-radius: 0;
        }
        .navbar a {
  color:black;
  font-weight:bold;
  text-decoration: none;
  }
  .nav_border{
    /*  border-bottom: 2px solid #262a33; */
  
  }    
  .sidenav {
    padding-top: 20px;
    background-color: #f1f1f1;
    height: 100%;
  }
.logo{
float:left;

}
.nma_logo{
width: 70px;
margin:15px
}



.nav{
    list-style-type: none;
    float:right;
    display:inline-flex;
      padding-top: 25px;
  }
  .nav li{
    display: flex;
    margin-left: 20px;
   
  }
  .nav li a{
    margin-right: 20px;
    letter-spacing: 1.5px;
  }
  .nav span{
padding-top:10px
  }
   .navbar-toggle{
font-size: 25px;
   }
   
   .nav a:hover{
border-bottom:1px #009da3 solid;
background-color: white !important;
   }
/* footer */
  footer {
    background-color: #212121;
    padding: 40px;
    color:#f5faff;
    margin-top:10px;
    font-size: 14px;
  }
  footer a{
    color:white
  }
  footer a:hover{
    color:white /* need a colour to meet accessability */
  }
  .footer_right{
    align-content: flex-end;
  }
  .footer_right ul, .footer_right p  {
 float: right; 
  }
  .footer_list{
    list-style-type: none;
  
  }
  .footer_list li{
    display: inline;
    margin-left: 20px;
   
  }
  .footer_list li a{
    margin-right: 20px;
  }

.footer_flex{
 display:flex; 
 padding-top:80px  
}
.footer_notch{
position: relative;
top:-121px;
margin-left:15px
}

.NMA_ABN{
    margin-right:20px;
}

@media screen and (max-width: 766px) and (min-width: 432px) {
    .footer_list {
        text-align: left; 
                
        margin-left: 0;
        margin-right: auto;
         
    }
}
  @media screen and (max-width: 765px) {
      .footer_notch {
        top: -121px !important;

      }
       
      .footer_right ul, .footer_right p{
          float:left;
          
      }
      .footer_list li{
          margin-left:0px;
          display:block;
          margin-bottom:10px;    
          color: transparent              
      }
      .NMA_GOV_TAG{
        display: inline-block;
        margin-top:20px;
        padding-top:10px;
        border-top: 1px solid #3a3a3a
      }
  }

  /* responsive styles */
  @media screen and (max-width: 767px) {
    /*  .sidenav {
      height: auto;
      padding: 15px;
    }*/
    .row.content {height:auto;} 
    .footer_right p{float: left;}
    .logo{
display: contents;
}
.nav{
float:left;
display: block;
width:100%
}
.nav span{
  display: none;
}
.nav a{
  width:100%;
  border-bottom:1px solid #009da3
}
.nav button{
  border: none;

  }
.footer_flex{
 display:block;   
}
.footer_list{
  padding-left:0
}
  }
/* TNEW only */

html {
line-height: 1.25;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}


article,
aside,
header,
nav,
menu,
main,
section {
display: block;
}

a {

background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:hover {
/* to do */
}

form {
/*margin-bottom: 4rem;*/
}
form small {
color: rgba(0, 0, 0, 0.6);
}

form p {
margin-bottom: 1.5rem;
}

form ul,
form ol {
padding: 1rem 2rem;
}

form li {
padding: 0;
}

fieldset {
margin-bottom: 2rem;
padding: 0;
border: none;
background-color: transparent;
font-size:18px
}
fieldset h2 {
margin-bottom: 2rem;
}
fieldset small {
color: rgba(0, 0, 0, 0.6);
}

legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
white-space: normal;
display: block;
padding: 0 1rem;
margin-left: -1rem;
font-weight: bold;
color: rgba(0, 0, 0, 0.6);
text-transform: none;
}

label {
display: inline-block;
margin-bottom: 1rem;
padding-right: 1rem;
font-weight: bold;
line-height: 1.25;
}

button,
input {
overflow: visible;
}

input[type=email],
input[type=number],
input[type=search],
input[type=text],
input[type=tel],
input[type=url],
input[type=password],
input[type=date],
input[type=month],
input[type=week],
input[type=datetime],
input[type=datetime-local],
input[type=range],
input[type=color],
textarea,
textarea.form-control,
select {
box-sizing: border-box;
display: block;
width: 100%;
/*height: auto !important;*/
font-size: 18px !important;
line-height: 1.25;
margin-bottom: 2rem;
/*padding: 2rem; */
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 2px !important;
background-color: #ffffff;
-webkit-border-radius: 0.5rem;
box-shadow: none;
-webkit-box-shadow: none;
}

textarea {
min-height: 15rem;
}

textarea {
height: auto;
overflow: auto;
}

select {
text-transform: none;
}

input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0;
margin: 0.5rem;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto;
}

input[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}

::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}

input[type=color] {
min-height: 4rem;
padding: 0 2px;
}

input[type=range] {
padding: 1.5rem 0;
border: none;
background-color: transparent;
}

input[type=email],
input[type=number],
input[type=search],
input[type=text],
input[type=tel],
input[type=url],
input[type=password],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

::-webkit-input-placeholder {
font-style: italic;
color: rgba(0, 0, 0, 0.6);
}

::-moz-placeholder {
font-style: italic;
color: rgba(0, 0, 0, 0.6);
}

:-ms-input-placeholder {
font-style: italic;
color: rgba(0, 0, 0, 0.6);
}

:-moz-placeholder {
font-style: italic;
color: rgba(0, 0, 0, 0.6);
}

button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}

button,
input[type=submit],
input[type=button],
input[type=reset] {
display: inline-block;
vertical-align: top;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0px;
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 2rem;
padding-right: 2rem;
font-weight: bold;
line-height: 1.25;
color: #ffffff;
text-align: center;
text-transform: none;
text-decoration: none;


border: 1px solid transparent;
border-radius: 0;
cursor: pointer;
}
button:hover,
input[type=submit]:hover,
input[type=button]:hover,
input[type=reset]:hover {
opacity: 0.85;
}
button[disabled],
input[type=submit][disabled],
input[type=button][disabled],
input[type=reset][disabled] {
opacity: 0.5 !important;
pointer-events: none !important;
}

video,
audio,
canvas,
iframe {
display: block;
width: 100%;
}

meter,
progress {
display: block;
width: 100%;
margin-bottom: 2rem;
}

progress {
vertical-align: baseline;
}

audio:not([controls]) {
display: none;
height: 0;
}

svg:not(:root) {
overflow: hidden;
}

iframe {
border: 1px solid rgba(0, 0, 0, 0.2);
clear: both;
}

template {
display: none;
}

[hidden] {
display: none !important;
}

/*
* -----------------------------------------------------------------------------
* # End CSS RESET
* -----------------------------------------------------------------------------
*/
/* Modal Dialog Windows */
@-webkit-keyframes modal-fade-in {
from {
  opacity: 0;
}
to {
  opacity: 1;
}
}
@keyframes modal-fade-in {
from {
  opacity: 0;
}
to {
  opacity: 1;
}
}
.has-dialog {
overflow: hidden;
}

.hidden,
.dialog-hidden {
display: none;
}

.dialog-backdrop {
display: none;
position: fixed;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
outline: 0;
background: rgba(34, 34, 34, 0.95);
}
.dialog-backdrop.active {
display: block;
z-index: 999999;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-webkit-animation: modal-fade-in 0.5s ease-in-out forwards;
animation: modal-fade-in 0.5s ease-in-out forwards;
}

.default_dialog {
position: relative;
pointer-events: auto;
}

.dialog-inner {
width: auto;
min-height: 100%;
margin: auto;
padding: 3rem 2rem;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
position: relative;
z-index: 1;
}
@media (min-width: 450px) {
.dialog-inner {
  padding: calc(2rem + 2vw);
}
}
@media (min-width: 650px) {
.dialog-inner {
  max-width: 80rem;
  padding: 4rem;
}
}
.dialog-inner iframe {
margin: 0;
}

.dialog-content {
padding: calc(1rem + 1vw);
-ms-flex: 0 0 100%;
-webkit-flex: 0 0 100%;
flex: 0 0 100%;
}

.dialog-close {
position: absolute;
right: 2rem;
top: 3rem;
width: 2.5em;
height: 2.5em;
margin: 0;
padding: 0;
background-color: rgba(0, 0, 0, 0.6);
opacity: 0.8;
transition: background-color 0.2 ease-in-out, opacity 0.2 ease-in-out;
}
@media (min-width: 450px) {
.dialog-close {
  right: calc(2rem + 2vw);
  top: calc(2rem + 2vw);
}
}
@media (min-width: 650px) {
.dialog-close {
  right: 4rem;
  top: 4rem;
}
}
.dialog-close:hover {
background-color: #222222;
opacity: 1;
}
.dialog-close::before, .dialog-close::after {
display: block;
content: " ";
width: 0.2em;
height: 1.5em;
background: #ffffff;
position: absolute;
top: 19.5%;
left: 46%;
}
.dialog-close::before {
transform: rotate(45deg);
}
.dialog-close::after {
transform: rotate(-45deg);
}

.dialog-close--overlay {
position: absolute;
z-index: 0;
right: 0;
top: 0;
width: 100vw;
height: 100vh;
margin: 0;
padding: 0;
border: none;
background-color: transparent;
color: rgba(0, 0, 0, 0.9);
}
.dialog-close--overlay::before, .dialog-close--overlay::after {
display: none;
}
.dialog-close--overlay:hover {
background-color: transparent;
cursor: default;
}

/* Root Elements */

@media (min-width: 1900px) and (min-height: 1200px) {
html {
  font-size: 70.3125%;
}
}

body {
max-width: none;
margin: 0;
padding: 0; 
}

/* Typography */
h1, .h1 {
font-size: 48px;
font-weight: bold;
}
@media (max-width: 650px) {
h1, .h1 {
  font-size: 4.2rem;
}
}

h2, .h2 {
font-size: 38px;
}
@media (max-width: 650px) {
h2, .h2 {
  font-size: 3.2rem;
}
}

h3, .h3 {
font-size: 3.2rem;
}

h4, .h4 {
font-size: 18px
}

h5, .h5 {
font-size: 18px;
}

h6, .h6 {
font-size: 18px;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
font-weight: bold;
}

p.paragraph-sm,
.paragraph-sm p {
font-size: 1.5rem;
}

p.paragraph-lg,
.paragraph-lg p {
font-size: 2.4rem;
}

p.paragraph-xl,
.paragraph-xl p {
font-size: 3.2rem;
}

a {
transition: color 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
a:hover {
transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

a.wrap-text {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-word;
}

.icon-heading,
.icon-text {
position: relative;
margin-bottom: calc(1.5rem + 1vw);
padding-left: 2em;
}
.icon-heading i,
.icon-text i {
display: block;
width: 1.25em;
font-size: 1.25em;
text-align: center;

position: absolute;
left: 0;
top: 0;
}

.icon-heading {
padding-bottom: 1.5rem;
border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}

.icon-link i {
display: inline-block;
vertical-align: baseline;
width: 1.5em;
font-size: 1.3em;
text-align: center;
text-decoration: none;

margin-right: 1rem;
}

blockquote {
font-family: "apercu-mono-pro", Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
padding-left: 0;
border: none;
color: rgba(0, 0, 0, 0.9);
}
blockquote::before {
font-family: "FontAwesome";
font-size: 4rem;
font-weight: bold;

content: "\f10d";
display: block;
width: 4rem;
height: 4rem;
margin-bottom: 1.5rem;
}
blockquote cite {
padding-top: 2rem;
color: rgba(0, 0, 0, 0.9);
}

hr {
display: none;
}

hr.divider {
display: block;
margin: 2rem 0;
}

/* Screen Readers */
.am-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
clip-path: inset(50%);
border: 0;
}

.am-sr-only-focusable {
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
.am-sr-only-focusable:active, .am-sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
clip-path: none;
opacity: 1;
}

.sr-unmarked-list li::before {
content: "​";
position: absolute;
}

.container {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 2rem;
padding-right: 2rem;
}
@media (min-width: 650px) {
.container {
  width: 90%;
  min-width: 450px;
}
}
@media (min-width: 768px) {
.container {
  width: 96%;
  max-width: 1280px;
}
}
@media (min-width: 1900px) and (min-height: 1200px) {
.container {
  max-width: 1600px;
}
}
.container.no-gutters {
padding-left: 0;
padding-right: 0;
}

/* Header */
.site-header {
position: absolute;
z-index: 10;
width: 100%;
left: 0;
top: 0;
}

.site-header__inner {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 2rem;
padding-right: 2rem;
padding-top: 2rem;
padding-bottom: 2rem;
display: flex;
align-items: center;
justify-content: space-between;
}
@media (min-width: 650px) {
.site-header__inner {
  width: 90%;
  min-width: 450px;
}
}
@media (min-width: 768px) {
.site-header__inner {
  width: 96%;
  max-width: 1280px;
}
.tn-utility-nav{
  margin: auto -15px 40px
}
}
@media (min-width: 1900px) and (min-height: 1200px) {
.site-header__inner {
  max-width: 1600px;
}
}

.site-header__masthead,
.site-header__ui {
display: flex;
align-items: center;
}

.site-header__logo {
display: block;
position: relative;
z-index: 2;
width: 12rem;
margin-right: 2rem;
}
@media (min-width: 650px) {
.site-header__logo {
  width: 16rem;
}
}

.site-header__nav {
margin-left: calc(1rem + 1vw);
margin-right: calc(1rem + 1vw);
display: flex;
}
@media screen and (max-width: 979px) {
.site-header__nav {
  display: none;
}
}

.site-header__nav-link {
display: inline-block;
margin: 1vw;
padding-top: 1rem;
padding-bottom: 1rem;
font-size: 1.4rem;
font-weight: bold;
color: rgba(0, 0, 0, 0.9);
line-height: 3rem;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.05em;
transition: color 0.5s ease-in-out, opacity 0.5s ease-in-out;
position: relative;
overflow: hidden;
}
.site-header__nav-link:hover, .site-header__nav-link:focus {


text-decoration: none;
}
.site-header__nav-link::before {
content: "";
position: absolute;
z-index: -1;
left: 51%;
right: 51%;
bottom: 0;

height: 2px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.site-header__nav-link:hover::before, .site-header__nav-link:focus::before, .site-header__nav-link:active::before, .site-header__nav-link.is-active::before {
left: 0;
right: 0;
}

.site-header__ui {
margin-right: -0.5rem;
}

.site-header__cta {
min-width: 5rem;
height: 5rem;
margin: 0.5rem;
padding: 1rem;
line-height: 1.25;
color: #ffffff;
text-align: center;
text-transform: none;
text-decoration: none;

border: 1px solid transparent;
display: flex;
justify-content: center;
align-items: center;
transition: opacity 0.2s ease-in-out;
}
.site-header__cta:hover {
opacity: 0.7;
text-decoration: none;
}
.site-header__cta svg {
font-size: 2.4rem;
}
.site-header__cta--account:hover, .site-header__cta--account:focus {
color: #ffffff;
text-decoration: none;
}
.site-header__cta--account span {
margin: 0 1rem;
}
@media screen and (max-width: 540px) {
.site-header__cta--account span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0;
}
}
.site-header__cta--menu {
background-color: transparent;
color: rgba(0, 0, 0, 0.9);
}
@media screen and (min-width: 980px) {
.site-header__cta--menu {
  display: none;
}
}

/* Modal Nav */
.modal-nav {
min-height: 100vh;
padding: 5vw;
display: flex;
align-items: flex-start;
justify-content: center;
}

.modal-nav__inner {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.modal-nav__menu {
order: 2;
margin: 5vw 0;
}

.modal-nav__close-btn {
order: 1;
width: 5rem;
height: 5rem;
padding: 0;
background-color: transparent;
font-size: 3.2rem;
display: flex;
align-items: center;
justify-content: center;
}

.modal-nav__link {
display: block;
padding-top: 1rem;
padding-bottom: 1rem;
font-size: 1.6rem;
font-weight: bold;
line-height: 3rem;
color: #ffffff;
text-align: center;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.modal-nav__link:hover, .modal-nav__link:focus {
color: #ffffff;
text-decoration: none;
}


/* Base Layout */
body {
overflow-x: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}

.page-wrap {
position: relative;
display: flex;
flex-direction: column;
min-height: 100vh;
}

.header
{
flex: none;
}

.main {
flex: 1 0 auto;
position: relative;
z-index: 1;
padding-top: calc(10rem + 1vw);
padding-bottom: 8rem;
}

.main__content {
position: relative;
z-index: 2;
}

.main__bkg-pattern {
position: absolute;
z-index: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.main__bkg-pattern svg {
max-width: none;
width: 3000px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
opacity: 0.03;
}
@media (min-width: 650px) {
.main__bkg-pattern svg {
  width: 4000px;
}
}
@media (min-width: 1200px) {
.main__bkg-pattern svg {
  width: 5500px;
}
}

.tnew-styled-table {
width: 100%;
display: block;
overflow-x: scroll;
margin-bottom: 4rem;
}
.tnew-styled-table table {
width: 100%;
margin-bottom: 2rem;
border-collapse: collapse;
border-top: 2px solid rgba(0, 0, 0, 0.9);
}
.tnew-styled-table table a {
color: inherit;
text-decoration: underline;
}
.tnew-styled-table table a:hover {
color: rgba(0, 0, 0, 0.9);
}
.tnew-styled-table th,
.tnew-styled-table td {
font-size: 1.5rem;
line-height: 1.25;
text-align: left;
padding-top: 2rem;
padding-bottom: 2rem;
padding-left: 0;
padding-right: 4rem;
border: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
background-color: transparent;
vertical-align: top;
position: relative;
}
.tnew-styled-table th:not(:last-child)::after,
.tnew-styled-table td:not(:last-child)::after {
content: "";
display: block;
height: calc(100% - 2rem);
width: 0.1rem;
background-color: rgba(0, 0, 0, 0.2);
position: absolute;
z-index: 1;
right: 2rem;
top: 50%;
transform: translateY(-50%);
}
@media screen and (min-width: 980px) {
.tnew-styled-table th,
.tnew-styled-table td {
  font-size: 1.8rem;
  padding-right: 4rem;
}
.tnew-styled-table th:not(:last-child)::after,
.tnew-styled-table td:not(:last-child)::after {
  right: 2rem;
}
}
.tnew-styled-table th small,
.tnew-styled-table td small {
font-size: 1.5rem;
color: rgba(0, 0, 0, 0.6);
}
.tnew-styled-table th {

}
.tnew-styled-table caption {
font-size: 2.4rem;
color: rgba(0, 0, 0, 0.9);
text-align: left;
padding-bottom: 0.25em;
}
.tnew-styled-table .note {
font-size: 1.3rem;
color: rgba(0, 0, 0, 0.6);
}
.tnew-styled-table .note a {
color: inherit;
text-decoration: underline;
}
.tnew-styled-table .note a:hover {
color: rgba(0, 0, 0, 0.9);
}

.form-group,
.input-group {
margin-bottom: 2rem;
}
.form-group button{
width:100%
}
.form-group label{
font-size: 18px;
}
.form-actions {
padding-top: 1rem;
}

.help-block {
/* margin-top: -1.5rem; */
margin-bottom: 2rem;
padding: 1px;
font-size: 1.5rem;
color: rgba(0, 0, 0, 0.6);
}

.btn {
transition: opacity 0.2s ease-in-out;
border-radius: 2px;
font-size:18px
}
.btn:hover {
opacity: 0.8;
}

.btn-primary {
background-color: #009da3;
border-color:#009da3

}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
opacity: 0.7 !important;
background-color: #009da3 !important;
border-color:#009da3;
}
.btn:focus{
  outline-color: transparent;
}
.btn:active{
  outline-color: transparent !important;
  border-color:transparent !important
}

.btn-outline-primary{
border: 1px solid #009da3;
background-color:transparent;
color: #009da3;
}
.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus {
  background-color: #009da3 !important;
  color:white
  }
.btn-secondary{
background-color: #262a33;
border-color:#262a33
}
.btn-info {
background-color: rgba(0, 0, 0, 0.9);
border-color: rgba(0, 0, 0, 0.9);
color: #ffffff;
}
.btn-info:hover, .btn-info:active, .btn-info:focus {
background-color: rgba(0, 0, 0, 0.9) !important;
border-color: rgba(0, 0, 0, 0.9) !important;
color: #ffffff !important;
}
.btn-default{
/*color:#212121 !important have to sent as important for now till the buttons can be propperly configured */
}
.tn-focus-outline:focus, [tabindex="-1"]:focus{
  outline: 2px solid #009da3
}
.input-group-addon {
border-width: 2px;
}

.tn-account-login-page .tn-account-login-forgot-login-link, .tn-detail-page-header .tn-detail-production-text-toggle-link, .tn-gift-certificate-component #apply-gc-submit, .tn-gift-certificate-component .tn-apply.tn-payment-gift-certificate-toggle, .tn-gift-certificate-component .tn-cancel.tn-payment-gift-certificate-toggle, .tn-listing-filter-component .tn-date-filter-reset-button, .tn-listing-legend-toggle-link, .tn-payment-plan-component .tn-apply.tn-payment-plan-toggle, .tn-payment-plan-component .tn-cancel.tn-payment-plan-toggle, .tn-payment-plan .tn-apply.tn-payment-plan-toggle, .tn-payment-plan .tn-cancel.tn-payment-plan-toggle, .tn-subnav-component .tn-promo-box button.tn-subnav-promo-button, .tnew_button_as_link {

}

section.tn-header-component div:not(.tn-heading-sub-text),
section.tn-header-component h1 {
margin-bottom: 2rem;
}

.tn-heading-sub-text p {
padding-top: 1em;
font-size: 18px;
}

.tn-event-listing__primary-view {
background-color: transparent !important;
}

.tn-subnav-component {
flex-wrap: wrap !important;
margin-bottom: 2rem;
padding: 1rem 0;
border-top: 2px solid rgba(0, 0, 0, 0.07);
border-bottom: 2px solid rgba(0, 0, 0, 0.07);
}
@media (max-width: 768px) {
.tn-subnav-component {
  margin-left: 0;
}
}
.tn-subnav-component form#tn-remove-promo {
margin: 1rem 0;
}
.tn-subnav-component form#tn-remove-promo .tn-text {
margin-right: 1rem;
font-size: 15px;
}
.tn-subnav-component a:hover .tn-logged-in-email,
.tn-subnav-component a:hover .tn-text {
text-decoration: underline !important;
}
.tn-subnav-component .tn-logged-in {
white-space: initial;
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-word;
}
.tn-subnav-component .tn-cart-link,
.tn-subnav-component .tn-login-link {
margin-right: 2rem;
}
.tn-subnav-component .tn-promo-box {
flex: 1 0 280px !important;
max-width: 400px;
margin: 0;
}
.tn-subnav-component .tn-promo-box form {
display: flex;
margin: 1rem 0;
}
.tn-subnav-component .tn-promo-box input {
flex: 1 0 auto;
width: auto;
margin-right: 1.5rem;
padding: 1rem;
border: 2px solid rgba(0, 0, 0, 0.2);
border-radius: 0.5rem;
}

.tn-event-listing-mode-tab-nav__list-item,
.tn-btn-datepicker__icon-container {

}

.tn-event-listing-mode-tab-nav__list {
border-width: 2px !important;
border-color: #cccccc !important;
}

.tn-event-listing-mode-tab-nav__list-item {
border-width: 2px !important;
border-color: #cccccc !important;
background-color: #F5F5F5 !important;

text-decoration: underline;
}
.tn-event-listing-mode-tab-nav__list-item.active {
margin-bottom: 0 !important;
background: #ffffff !important;
color: rgba(0, 0, 0, 0.9) !important;
text-decoration: none;
}

.tn-event-listing-mode-tab-nav__list--secondary {
padding-right: 1rem !important;
}

.tn-cart-item {
margin-bottom: 2rem;
padding: 1.5rem !important;
background-color: #ffffff !important;
border: 2px solid rgba(0, 0, 0, 0.07) !important;
}

.tn-cart-item-summary li {
padding-top: 0;
padding-bottom: 0;
}

.tn-cart__btn-remove {
margin: 0 !important;
top: 1.75rem !important;
right: 1.5rem !important;
}

.tn-cart-item-details__list {
background-color: transparent !important;
}

.tn-cart-item-details__list-item {
padding-bottom: 0;
}

.tn-cart-item-detail__list {
margin: 0 !important;
border-top: 1px solid rgba(0, 0, 0, 0.07) !important;
}

.tn-receipt-component {
margin-bottom: 4rem;
}

.tn-receipt-print {
margin-bottom: 2rem;
}

.tn-component-contact-permissions__settings__item {
display: block !important;
float: none !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
}

.tn-interests {
margin-bottom: 4rem;
}

.tn-event-listing-view__results-heading {
color: rgba(0, 0, 0, 0.9) !important;
}

.tn-events-calendar__event {
font-size: 1.5rem;
background-color: rgba(0, 0, 0, 0.6);
}
.tn-events-calendar__event:hover {
background-color:#009da3
}
.tn-events-calendar__event p {
line-height: inherit;
}


.tn-prod-list-item__property--heading a {
text-decoration: underline;
}

.tn-prod-list-item__perf-anchor {
background-color: #ffffff !important;
border: 1px solid rgba(0, 0, 0, 0.07) !important;
transition: opacity 0.2s ease-in-out;
}
.tn-prod-list-item__perf-anchor:hover {
opacity: 0.6;
}

.tn-prod-list-item__perf-property--datetime {
font-size: 1.8rem !important;
background-color: #ffffff !important;
opacity: 1 !important;
}

.tn-prod-list-item__perf-property--datetime,
.tn-prod-list-item__perf-anchor .tn-performance-title {
color: rgba(0, 0, 0, 0.9) !important;
}

.tn-prod-list-item__perf-anchor .tn-performance-title,
.tn-prod-list-item__perf-action {
font-size: 1.5rem;
}

.tn-prod-list-item__perf-action {
color: rgba(0, 0, 0, 0.6);
}

.tn-events-calendar__table th {
background-color: rgba(0, 0, 0, 0.75) !important;
}

.tn-prod-season-header {
border-bottom: 2px solid rgba(0, 0, 0, 0.07) !important;
}

.tn-event-detail {
align-items: flex-start;
}

.tn-event-detail__display-time {

}

.tn-event-detail__additional-events-container {
border: 2px solid rgba(0, 0, 0, 0.07);
}

.tn-additional-events__list {
font-size: 1.5rem;
}

.tn-additional-events__list-item {
margin: 0;
padding: 0.5rem 0;
border-top: 1px solid rgba(0, 0, 0, 0.07);
}
.tn-additional-events__list-item:first-child {
border-top: none;
}

.tn-heading-info,
.tn-modal-heading-info {
background-color: #ffffff;
}

.tn-payment-page {
display: flex;
flex-direction: column;
}
.tn-payment-page .tn-header-component,
.tn-payment-page .tn-order-address-information-component {
order: -2;
}
.tn-payment-page .tn-gift-certificates-redemption-component,
.tn-payment-page .tn-gift-certificates-apply-another-component {
order: -1;
}

/* .tn-donation-ask-component .tn-donation-ask-component__submit-button,
#tn-payment-apply-gift-certificate-submit {
color: #ffffff;
} */

#tn-add-donation-button{
color:#262a33
}

.tn-payment-page section,
.tn-receipt-page section {
margin-bottom: 2rem;
}
.tn-payment-page .tn-gift-certificates-apply-another-component button,
.tn-receipt-page .tn-gift-certificates-apply-another-component button {
margin-top: 1rem;
}
.tn-payment-page .tn-gift-certificates-redemption-component,
.tn-payment-page .tn-gift-certificates-apply-another-component,
.tn-payment-page .tn-checkout-survey-component,
.tn-receipt-page .tn-gift-certificates-redemption-component,
.tn-receipt-page .tn-gift-certificates-apply-another-component,
.tn-receipt-page .tn-checkout-survey-component {
padding-top: 2rem;
}
.tn-payment-page .tn-patron-billing-information > div,
.tn-receipt-page .tn-patron-billing-information > div {
margin-bottom: 2rem;
}

#membTable {
padding-left: 0;
padding-right: 0;
}
#membTable th svg {
margin-right: 1rem;
}

.tn-datepicker table {
margin-bottom: 0;
}
.tn-datepicker th, .tn-datepicker td {
padding: 0.5rem;
border: none;
text-align: center;
}
.tn-datepicker td.day[aria-current=date] span {
background-color: #009da3;
border-color: #009da3;
}

table.gift-memb-options {
font-size: 0.82em;
color: rgba(0, 0, 0, 0.9);
background-color: #ffffff;
}

#tn-update-form .btn-default.tn-btn-grouped {
background-color: rgba(0, 0, 0, 0.6);
color: #ffffff;
}

@media print {
html {
  font-size: 7px !important;
}
*,
*::before,
*::after {
  background: #fff !important;
  color: #000 !important;
  /* Black prints faster */
  box-shadow: none !important;
  text-shadow: none !important;
}
a,
a:visited {
  text-decoration: underline;
}
a[href]::after {
  content: none !important;
}
abbr[title]::after {
  content: " (" attr(title) ")";
}
pre {
  white-space: pre-wrap !important;
}
pre,
blockquote {
  border: 1px solid #999;
  page-break-inside: avoid;
}
/*
 * Printing Tables:
 * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
 */
thead {
  display: table-header-group;
}
tr,
img {
  page-break-inside: avoid;
}
.tn-receipt-page section {
  position: relative;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
p,
h2,
h3 {
  orphans: 3;
  widows: 3;
}
h2,
h3 {
  page-break-after: avoid;
}
.site-header {
  position: static;
}
.site-header__logo {
  width: 160px;
}
.main {
  padding-top: 2rem;
}
.tn-heading {
  margin-bottom: 1rem;
}
.tn-heading-sub-text {
  padding-top: 0;
}
.site-header__ui,
.tn-subnav-component,
.main__bkg-pattern {
  display: none !important;
}
}
.tn-gift-certificate-default-page .tn-heading-sub-text {
margin-bottom: 0;
}
.tn-gift-certificate-default-page .tn-heading-sub-text p {
padding-top: 0;
}

#tn-gift-certificate-form {
padding-top: 4rem;
}
#tn-gift-certificate-form .row {
position: relative;
}
#tn-gift-certificate-form .form-group.has-feedback,
#tn-gift-certificate-form .col-sm-6 {
position: static;
}
@media (min-width: 768px) {
#tn-gift-certificate-form .col-sm-6 {
  width: 100%;
  max-width: 80rem;
}
}
@media (min-width: 1200px) {
#tn-gift-certificate-form .col-sm-6 {
  width: 50%;
}
}
#tn-gift-certificate-form h4 {
margin-bottom: -1.5rem;
padding-right: 1.5rem;
font-size: 1.8rem;
line-height: 1.25;
}
#tn-gift-certificate-form .tnew-styled-table {
margin-top: 2rem;
}
@media screen and (min-width: 1200px) {
#tn-gift-certificate-form .tnew-styled-table {
  position: absolute;
  z-index: 9;
  top: -4.5rem;
  right: 0;
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}
}

.tnew-membership-heading {
font-size: 2.4rem;
margin-bottom: 1em;
padding-bottom: 0.25em;
border-bottom: 2px solid rgba(0, 0, 0, 0.9);
}

.tnew-membership-list {
list-style-type: none;
margin: 0;
margin-left: -1.5rem;
margin-right: -1.5rem;
padding: 0;
display: flex;
flex-wrap: wrap;
}

.tnew-membership-list__item {
padding: 1.5rem;
flex: 0 0 100%;
container-type: inline-size;
container-name: cta-container;
}
@media (min-width: 650px) {
.tnew-membership-list__item {
  flex: 0 0 50%;
}
}
@media (min-width: 1200px) {
.tnew-membership-list__item {
  flex: 0 0 25%;
}
}

.tnew-membership-cta {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
min-height: 24rem;
margin: 0;
padding: 2rem;
padding-right: calc(2rem + 10%);
border-radius: 1rem;
background-color: rgba(0, 0, 0, 0.75);
color: #ffffff;
font-size: 3.2rem;
font-weight: bold;
line-height: 1.1;
overflow: hidden;
}
@media (min-width: 1200px) {
.tnew-membership-cta {
  min-height: 28rem;
}
}
.tnew-membership-cta::before, .tnew-membership-cta::after {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.tnew-membership-cta::before {
z-index: 2;

opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.tnew-membership-cta::after {
content: "";
z-index: 1;
background: linear-gradient(135deg, rgba(39, 31, 9, 0.6), rgba(39, 31, 9, 0));
}
.tnew-membership-cta .text-label {
max-width: 12ch;
z-index: 3;
text-shadow: 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.25);
}
.tnew-membership-cta .icon {
z-index: 2;
margin-bottom: 0 !important;
font-size: 4.8rem;
}
.tnew-membership-cta .icon svg {
max-width: 6rem;
}
.tnew-membership-cta .bkg-image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
transition: all 0.5s ease-in-out;
}
.tnew-membership-cta.family-2 .bkg-image {
object-position: right center;
}
.tnew-membership-cta a {
color: #ffffff;
}
.tnew-membership-cta a::after {
content: "";
display: block;
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.tnew-membership-cta:has(a:hover)::before {
opacity: 0.6;
}
.tnew-membership-cta:has(a:hover) .bkg-image {
filter: grayscale(100%);
transform: scale(1.1);
}

.tn-membership-product__price-container{
  font-size: 20px;
}

.tn-page-bottom p {
font-size: 18px;
}
.tn-events-calendar__day-number--today:after{
  background-color: #009da3 ;
}
.tn-btn-datepicker__icon-calendar{
  color:black
}
.tn-events-keyword-filter__keyword-input:checked+.tn-events-keyword-filter__keyword-button{
  background-color: #009da3 ;
  border-color: #009da3;
}
.form-control{
  border-width: 1px;
  height:40px
}
.form-control:focus{
  outline-color: #009da3;

}
.tn-utility-nav-cart-link{
  background-color: transparent;
  border:1px solid #262a33;
  color:#262a33
}
.tn-utility-nav-cart-link:hover{
  background-color: #262a33 !important;
  color:white;
  border-color:#262a33 ;
}
.tn-utility-nav-cart-link__quantity-badge{
  color:#262a33;
  font-size: 14px;
  top:10px
}
.tn-contribution-type-text{
margin-bottom:40px
}
.tn-contribution-type-text h4{
line-height: normal;
}
.tn-header-component__sub-text tn-heading-sub-text{
font-size: 18px;
}

.tn-form-errors-alert__message, .tn-form-errors-alert__message ul{
font-size: 18px;
}
.tn-ticket-selector__pricetype-name{
  font-size:18px
}
.tn-radio-button-list__input:checked+.tn-radio-button-list__button{
background-color: #009da3;
border-color: #009da3;
color:white
}
#tn-account-register-button-register {
width:100%
}
#tn-opg-form__btn-submit-wrapper{
width:100%
}
#tn-add-to-cart-button, #tn-account-register-button-register, #tn-contribution-submit{
width:100%;
display:block;
}
.tn-utility-nav-inline-promo-code-form__btn-submit, .tn-utility-nav-modal-promo-code-form__btn-open-modal{
background-color:transparent;
border:1px solid #262a33;
color: #262a33
}
.tn-utility-nav-inline-promo-code-form__btn-submit:hover, .tn-utility-nav-modal-promo-code-form__btn-open-modal:hover{
background-color: #262a33 !important;
color:white;
border-color: #262a33 !important;
}
.tn-utility-nav-inline-promo-code-form-input{
border: 1px solid #262a33 !important;
}
.tn-utility-nav-account-login-link{
background-color: transparent;
border-color:transparent;
color:#009da3;
}
.tn-utility-nav-account-login-link:hover{
  background-color: transparent !important;
  border-color: transparent !important;
  color:#009da3;
  opacity: 0.7;
}
.tn-utility-nav-account-login-link__user-icon, .tn-utility-nav-cart-link__icon{
  height:25px;
  width:25px
}
.tn-utility-nav-inline-promo-code-form__label{
  font-weight: normal;
  font-size: 18px;
  color: #55555E
}
.tn-utility-nav-inline-promo-code-form__input{
  width:170px;
  border-color:#262a33
}

.tn-cart-item-summary__property--primary{
  font-weight: bold;
  margin-bottom:20px
}
.tn-cart-item-summary__property--secondary{
font-size:24px;
margin-bottom: 20px;
}
.tn-cart-totals__line-item--primary, .tn-cart-totals__label{
font-weight: bold;
}
.tn-cart-totals__line-item{
font-size:24px
}

/*************** overide for checkout img scaling in mobile *********/
.tn-prod-list-item__property--img-container{
    display:block;
 /*   width:270px; */
    margin:auto;
}
 .tn-prod-list-item__property--img-container img {
border-radius:5px;
}
@media (min-width: 768px){
  .tn-prod-list-item__property--img-container img {
width:85%;
}
}
@media (max-width: 769px){
.tn-prod-list-item__property--img-container img{
width: 200px;
}

.tn-prod-list-item__property--img-container{
    margin-top:20px;
}
}

/*************** mobile menu toggle *******************/

@media (min-width: 768px){
  .mobile-toggle {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
}

}
@media (max-width: 768px){
  .nav-menu-container{
    display:none
  }
  .mobile_show{
display:block;
}
.mobile-toggle .icon-close {
  display: none;
  /* Initially hidden */
}

.mobile-toggle.active .icon-menu {
  display: none;
  /* Hide menu icon when active */
}

.mobile-toggle.active .icon-close {
  display: block;
  /* Show close icon when active */
}
.mobile-toggle{
    color: black;
    background: transparent;
    margin: 20px;
    float: right
}
}
/* fix for delete button on ticket purchase screen */
.tn-flex-selection__btn-remove{
  color:black
}