@import url('/webfiles/css/ndmc-var.css');

:root {
    --step--2: clamp(0.7813rem, 0.7934rem + -0.0161vw, 0.7901rem);
    --step--1: clamp(0.8889rem, 0.8712rem + 0.0884vw, 0.9375rem);
    --step-0: clamp(1rem, 0.9545rem + 0.2273vw, 1.125rem);
    --step-1: clamp(1.125rem, 1.0432rem + 0.4091vw, 1.35rem);
    --step-2: clamp(1.2656rem, 1.1368rem + 0.6443vw, 1.62rem);
    --step-3: clamp(1.4238rem, 1.2347rem + 0.9458vw, 1.944rem);
    --step-4: clamp(1.6018rem, 1.336rem + 1.3291vw, 2.3328rem);
    --step-5: clamp(1.802rem, 1.4394rem + 1.8133vw, 2.7994rem);
}

.container-3xl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
}

.container-address-max,
.container-sm-max,
.container-md-max,
.container-lg-max,
.container-xl-max,
.container-xxl-max,
.container-3xl-max{
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto;
}

.container-sm-max{/*max-width: 540px;*/}
.container-md-max { /*max-width: 720px;*/}
.container-lg-max { /*max-width: 960px;*/}
.container-xl-max { /*max-width: 1140px;*/}
.container-xxl-max{/*max-width: 1320px;*/}

/*
.d-3xl-inline {display: none !important;}
.d-3xl-inline-block {display: none !important;}
.d-3xl-block {display: none !important;}
.d-3xl-grid {display: none !important;}
.d-3xl-inline-grid {display: none !important;}
.d-3xl-table {display: none !important;}
.d-3xl-table-row {display: none !important;}
.d-3xl-table-cell {display: none !important;}
.d-3xl-flex {display: none !important;}
.d-3xl-inline-flex {display: none !important;}
.d-3xl-none {display: none !important;}
*/

/*Containers*/
@media (min-width: 400px){
    .container-address{max-width:400px;} 
}
@media (min-width: 540px) {
  
}
@media (min-width: 720px) {
  
  }
@media (min-width: 960px) {
  
}
@media (min-width: 1140px) {
  
}
@media (min-width: 1320px) {
  
}
@media (min-width: 1500px) {

    .container-3xl{max-width:1500px;}   

}

@media (min-width: 576px){

}
@media (min-width: 768px)
{

}
@media (min-width: 992px)
{

}
@media (min-width: 1200px)
{

}
@media (min-width: 1400px)
{

}
@media (min-width: 1600px) {
    .d-3xl-inline {display: inline !important;}
    .d-3xl-inline-block {display: inline-block !important;}
    .d-3xl-block {display: block !important;}
    .d-3xl-grid {display: grid !important;}
    .d-3xl-inline-grid {display: inline-grid !important;}
    .d-3xl-table {display: table !important;}
    .d-3xl-table-row {display: table-row !important;}
    .d-3xl-table-cell {display: table-cell !important;}
    .d-3xl-flex {display: flex !important;}
    .d-3xl-inline-flex {display: inline-flex !important;}
    .d-3xl-none {display: none !important;}
}



/*Max columns (text stays at defined width)*/
@media (min-width: calc(424px + 3rem)) {
    .container-address-max {
        padding-left: calc((100vw - 424px) * 0.5);
        padding-right: calc((100vw - 424px) * 0.5);
        margin-left: auto;
        margin-right: auto;
    }
}
@media (min-width: calc(576px + 3rem)) {
    .container-sm-max{padding-left:calc((100vw - 576px) * 0.5);padding-right:calc((100vw - 576px) * 0.5);margin-left:auto;margin-right:auto;}
}
@media (min-width: calc(768px + 3rem)) {
    .container-md-max {padding-left:calc((100vw - 768px) * 0.5);padding-right:calc((100vw - 768px) * 0.5);margin-left:auto;margin-right:auto;}
}
@media (min-width: calc(992px + 3rem)) {
    .container-lg-max {padding-left:calc((100vw - 992px) * 0.5);padding-right:calc((100vw - 992px) * 0.5);margin-left:auto;margin-right:auto;}
}
@media (min-width: calc(1200px + 3rem)) {
    .container-xl-max {padding-left:calc((100vw - 1200px) * 0.5);padding-right:calc((100vw - 1200px) * 0.5);margin-left:auto;margin-right:auto;}
}
@media (min-width: calc(1400px + 3rem)) {
    .container-xxl-max {padding-left:calc((100vw - 1400px) * 0.5);padding-right:calc((100vw - 1400px) * 0.5);margin-left:auto;margin-right:auto;}
}
@media (min-width: calc(1600px + 3rem)) {
    .container-3xl-max {padding-left:calc((100vw - 1600px) * 0.5);padding-right:calc((100vw - 1600px) * 0.5);margin-left:auto;margin-right:auto;}
}

/*Heading styles*/
    h1, .h1 {font-size: var(--step-5)!important;}
    h2, .h2 {font-size: var(--step-4) !important;}
    h3, .h3 {font-size: var(--step-3)!important;}
    h4, .h4 {font-size: var(--step-2)!important;}
    h5, .h5 {font-size: var(--step-1)!important;}
    h6, .h6 {font-size: var(--step-0)!important;}
    .h7 {font-size: var(--step--1) !important;}
    .h8 {font-size: var(--step--2) !important;}

/*Font sizes*/
    .fs-1 {font-size: var(--step-5)!important;}
    .fs-2 {font-size: var(--step-4) !important;}
    .fs-3 {font-size: var(--step-3)!important;}
    .fs-4 {font-size: var(--step-2)!important;}
    .fs-5 {font-size: var(--step-1)!important;}
    .fs-6 {font-size: var(--step-0)!important;}
    .fs-7 {font-size: var(--step--1) !important;}
    .fs-8 {font-size: var(--step--2) !important;}

    body {font-size: var(--step-0) !important;}

/*Border styles*/
    .border-style-solid {border-style: solid !important;}
    .border-style-dashed {border-style: dashed !important;}
    .border-style-dotted {border-style: dotted !important;}
    .border-style-double {border-style: double !important;}
    .border-style-groove {border-style: groove !important;}
    
/*Opacity (adds to existing opacity classes)*/
    .opacity-90 {opacity: 90% !important;}
    .opacity-80 {opacity: 80% !important;}
    .opacity-70 {opacity: 70% !important;}
    .opacity-60 {opacity: 60% !important;}
    .opacity-40 {opacity: 40% !important;}
    .opacity-30 {opacity: 30% !important;}
    .opacity-20 {opacity: 20% !important;}
    .opacity-10 {opacity: 10% !important;}

/*Widths (adds to existing width classes)*/
    .w-66 {width: 66% !important;}
    .w-33 {width: 33% !important;}

/*Max widths*/
    .mxw-90 {max-width: 90% !important;}
    .mxw-80 {max-width: 80% !important;}
    .mxw-70 {max-width: 70% !important;}
    .mxw-66 {max-width: 66% !important;}
    .mxw-60 {max-width: 60% !important;}
    .mxw-40 {max-width: 40% !important;}
    .mxw-33 {max-width: 33% !important;}
    .mxw-30 {max-width: 30% !important;}
    .mxw-20 {max-width: 20% !important;}
    .mxw-10 {max-width: 10% !important;}

    .mxw-50px{max-width:50px!important;}
    .mxw-75px{max-width:75px!important;}
    .mxw-100px{max-width:100px!important;}
    .mxw-125px{max-width:125px!important;}
    .mxw-150px{max-width:150px!important;}
    .mxw-175px{max-width:125px!important;}
    .mxw-200px{max-width:200px!important;}
    .mxw-250px{max-width:250px!important;}
    .mxw-300px{max-width:300px!important;}
    .mxw-350px{max-width:350px!important;}
    .mxw-400px{max-width:400px!important;}
    .mxw-450px{max-width:450px!important;}
    .mxw-500px{max-width:500px!important;}
 
/*Min widths*/
    .mnw-90 {min-width: 90% !important;}
    .mnw-80 {min-width: 80% !important;}
    .mnw-70 {min-width: 70% !important;}
    .mnw-66 {min-width: 66% !important;}
    .mnw-60 {min-width: 60% !important;}
    .mnw-40 {min-width: 40% !important;}
    .mnw-33 {min-width: 33% !important;}
    .mnw-30 {min-width: 30% !important;}
    .mnw-20 {min-width: 20% !important;}
    .mnw-10 {min-width: 10% !important;}


/*.w-sm-100, .w-md-100, .w-lg-100, .w-xl-100, .w-xxl-100{width:100%;}
.w-sm-90, .w-md-90, .w-lg-90, .w-xl-90, .w-xxl-90{width:100%;}
.w-sm-80, .w-md-80, .w-lg-80, .w-xl-80, .w-xxl-80{width:100%;}
.w-sm-75, .w-md-75, .w-lg-75, .w-xl-75, .w-xxl-75{width:100%;}
.w-sm-70, .w-md-70, .w-lg-70, .w-xl-70, .w-xxl-70{width:100%;}
.w-sm-66, .w-md-66, .w-lg-66, .w-xl-66, .w-xxl-66{width:100%;}
.w-sm-50, .w-md-50, .w-lg-50, .w-xl-50, .w-xxl-50{width:100%;}
.w-sm-40, .w-md-40, .w-lg-40, .w-xl-40, .w-xxl-40{width:100%;}
.w-sm-33, .w-md-33, .w-lg-33, .w-xl-33, .w-xxl-33{width:100%;}
.w-sm-30, .w-md-30, .w-lg-30, .w-xl-30, .w-xxl-30{width:100%;}
.w-sm-25, .w-md-25, .w-lg-25, .w-xl-25, .w-xxl-25{width:100%;}
.w-sm-20, .w-md-20, .w-lg-20, .w-xl-20, .w-xxl-20{width:100%;}
.w-sm-10, .w-md-10, .w-lg-25, .w-xl-10, .w-xxl-10{width:100%;}*/

/*Custom width classes*/
@media (min-width: 576px) {

    .w-sm-90{width:90%;}
    .w-sm-80{width:80%;}
	.w-sm-75{width:75%;}
	.w-sm-70{width:70%;}
	.w-sm-66{width:66%;}
	.w-sm-50{width:50%;}
	.w-sm-40{width:40%;}
	.w-sm-33{width:33%;}
	.w-sm-30{width:30%;}
	.w-sm-25{width:25%;}
	.w-sm-20{width:20%;}
	.w-sm-10{width:10%;}
}

@media (min-width: 768px) {

	.w-md-90{width:90%;}
	.w-md-80{width:80%;}
	.w-md-75{width:75%;}
	.w-md-70{width:70%;}
	.w-md-66{width:66%;}
	.w-md-50{width:50%;}
	.w-md-40{width:40%;}
	.w-md-33{width:33%;}
	.w-md-30{width:30%;}
	.w-md-25{width:25%;}
	.w-md-20{width:20%;}
	.w-md-10{width:10%;}
	
}

@media (min-width: 992px) {

	.w-lg-90{width:90%;}
	.w-lg-80{width:80%;}
	.w-lg-75{width:75%;}
	.w-lg-70{width:70%;}
	.w-lg-66{width:66%;}
	.w-lg-50{width:50%;}
	.w-lg-40{width:40%;}
	.w-lg-33{width:33%;}
	.w-lg-30{width:30%;}
	.w-lg-25{width:25%;}
	.w-lg-20{width:20%;}
	.w-lg-10{width:10%;}
	
}

@media (min-width: 1200px) {

	.w-xl-90{width:90%;}
	.w-xl-80{width:80%;}
	.w-xl-75{width:75%;}
	.w-xl-70{width:70%;}
	.w-xl-66{width:66%;}
	.w-xl-50{width:50%;}
	.w-xl-40{width:40%;}
	.w-xl-33{width:33%;}
	.w-xl-30{width:30%;}
	.w-xl-25{width:25%;}
	.w-xl-20{width:20%;}
	.w-xl-10{width:10%;}

}

@media (min-width: 1400px) {
	
	.w-xxl-90{width:90%;}
	.w-xxl-80{width:80%;}
	.w-xxl-75{width:75%;}
	.w-xxl-70{width:70%;}
	.w-xxl-66{width:66%;}
	.w-xxl-50{width:50%;}
	.w-xxl-40{width:40%;}
	.w-xxl-33{width:33%;}
	.w-xxl-30{width:30%;}
	.w-xxl-25{width:25%;}
	.w-xxl-20{width:20%;}
	.w-xxl-10{width:10%;}

}

@media (min-width: 1600px) {

    .w-3xl-90{width:90%;}
	.w-3xl-80{width:80%;}
	.w-3xl-75{width:75%;}
	.w-3xl-70{width:70%;}
	.w-3xl-66{width:66%;}
	.w-3xl-50{width:50%;}
	.w-3xl-40{width:40%;}
	.w-3xl-33{width:33%;}
	.w-3xl-30{width:30%;}
	.w-3xl-25{width:25%;}
	.w-3xl-20{width:20%;}
	.w-3xl-10{width:10%;}

}

    /*Alert styles*/
    .alert-info-bold {
        background-color: var(--bs-info) !important;
        border-color: hsla(var(--bs-info-hs), 40%, 1) !important;
        color: black !important;
    }

    .alert-info-bright{
        background-color: hsla(190, 100%, 66%, 1) !important;
        border-color: hsla(190, 100%, 30%, 1) !important;
        color: black !important;
    }

    .alert-success-bold {
        background-color: var(--bs-success) !important;
        border-color: hsla(var(--bs-success-hs), 21%, 1) !important;
        color: white !important;
    }

    .alert-success-bright {
        background-color: hsla(135, 100%, 47%, 1) !important;
        border-color: hsla(135, 100%, 27%, 1) !important;
        color: black !important;
    }

    .alert-warning-bold {
        background-color: var(--bs-warning) !important;
        border-color: hsla(var(--bs-warning-hs), 41%, 1) !important;
        color: black !important;
    }

    .alert-warning-bright {
        background-color: hsla(52, 94%, 45%, 1) !important;
        border-color: hsla(52, 94%, 25%, 1) !important;
        color: black !important;
    }

    .alert-danger-bold {
        background-color: hsla(var(--bs-danger-hs), 44%, 1) !important;
        border-color: hsla(var(--bs-danger-hs), 34%, 1) !important;
        color: white !important;
    }

    .alert-danger-bright {
        background-color: hsla(354, 94%, 45%, 1) !important;
        border-color: hsla(354, 94%, 25%, 1) !important;
        color: white !important;
    }

    .alert-attention {
        background-color: var(--bs-attention-subtle) !important;
        border-color: var(--bs-attention-border-subtle) !important;
        color: hsla(var(--bs-attention-hs) 24%, 1);
    }

    .alert-attention-bold {
        background-color: var(--bs-attention) !important;
        border-color: hsla(var(--universal-orange-hs), 44%, 1) !important;
        color: black !important;
    }

    .alert-attention-bright {
        background-color: hsla(29, 100%, 50%, 1) !important;
        border-color: hsla(29, 100%, 20%, 1) !important;
        color: black !important;
    }

    /*Additional link styles*/
    .link-attention {
        color: var(--bs-attention) !important;
    }

        .link-attention:hover, .link-attention:focus {
            color: hsla(var(--universal-orange-hs), 44%, 1) !important;
        }

    /*Additional border colors*/
    .border-attention {
        --bs-border-opacity: 1;
        border-color: var(--bs-attention) !important;
    }

    /*Additional text color*/
    .text-attention {
        --bs-text-opacity: 1;
        color: var(--bs-attention) !important;
    }

    /*Additional background color*/
    .bg-attention {
        --bs-bg-opacity: 1;
        background-color: var(--bs-attention) !important;
        color: white !important;
    }

    .bg-blue {
        --bs-bg-opacity: 1;
        background-color: var(--universal-blue) !important;
        color: white !important;
    }

    .bg-indigo {
        --bs-bg-opacity: 1;
        background-color: var(--universal-indigo) !important;
        color: white !important;
    }

    .bg-purple {
        --bs-bg-opacity: 1;
        background-color: var(--universal-purple) !important;
        color: white !important;
    }

    .bg-pink {
        --bs-bg-opacity: 1;
        background-color: var(--universal-pink) !important;
        color: white !important;
    }

    .bg-red {
        --bs-bg-opacity: 1;
        background-color: var(--universal-red) !important;
        color: white !important;
    }

    .bg-orange {
        --bs-bg-opacity: 1;
        background-color: var(--universal-orange) !important;
        color: white !important;
    }

    .bg-yellow {
        --bs-bg-opacity: 1;
        background-color: var(--universal-yellow) !important;
        color: black !important;
    }

    .bg-green {
        --bs-bg-opacity: 1;
        background-color: var(--universal-green) !important;
    }

    .bg-teal {
        --bs-bg-opacity: 1;
        background-color: var(--universal-teal) !important;
    }

    .bg-cyan {
        --bs-bg-opacity: 1;
        background-color: var(--universal-cyan) !important;
    }

    .bg-unl-red {
        --bs-bg-opacity: 1;
        background-color: var(--unl-red) !important;
    }

    .bg-unl-cream {
        --bs-bg-opacity: 1;
        background-color: var(--unl-cream) !important;
    }

    .bg-unl-gray {
        --bs-bg-opacity: 1;
        background-color: var(--unl-gray) !important;
    }

    .bg-unl-navy {
        --bs-bg-opacity: 1;
        background-color: var(--unl-navy) !important;
    }

    .bg-unl-cerulean {
        --bs-bg-opacity: 1;
        background-color: var(--unl-cerulean) !important;
    }

    .bg-unl-green {
        --bs-bg-opacity: 1;
        background-color: var(--unl-green) !important;
    }

    .bg-unl-orange {
        --bs-bg-opacity: 1;
        background-color: var(--unl-orange) !important;
    }

    .bg-unl-lapis {
        --bs-bg-opacity: 1;
        background-color: var(--unl-lapis) !important;
    }

    .bg-unl-yellow {
        --bs-bg-opacity: 1;
        background-color: var(--unl-yellow) !important;
        color: black !important;
    }

    .bg-unl-purple {
        --bs-bg-opacity: 1;
        background-color: var(--unl-purple) !important;
    }