body, html, h1, h2, h3, h4, h5, h6, p, li, .h1, .h2, .h3, .h4, .h5, .h6, .nsw-container, .nsw-grid, .footer-bottom  {
    font-family: 'Public Sans', Arial, sans-serif !important;
    color: #323130 !important;
}

p, li {
    font-size:18px !important;
}

.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a {
     font-family: 'Public Sans', Arial, sans-serif !important;
}

footer .footer-bottom {
    background-color: #22272b !important;
}
div.progress .bar.zero {
        background-color: transparent !important;
        min-width: 30px !important;
        height: auto !important;
}
.tobacco-footer-text {
    color:#ccc; font-size:18px;
}

.tobacco-footer-text a:link {
    color:#eee;  font-size:18px;
    text-decoration-line: none;
}

.tobacco-footer-text a:hover {
    color:#fff; font-size:18px;
    text-decoration-line: underline;
}

.tobacco-copyright-text {
    color:#ccc; font-size:12px; margin-top:20px;
}

.nsw-card__title a:link {
    font-family: 'Public Sans', Arial, sans-serif !important;
    color:#002266 !important;  font-size:24px;
    text-decoration-line: underline;
}

.nsw-card__title a:hover {
    font-family: 'Public Sans', Arial, sans-serif !important;
    color:#1276ce !important; font-size:24px;
    text-decoration-line: underline;
}

.nsw-infobar p, .nsw-infobar ul, .nsw-infobar li {
    color: #fff !important;
    font-size: 18px !important;
}

.nsw-header__logo {
    width:244px !important;
    height:87px !important;
}
.responsive-text {
    font-size: large !important;
    font-weight: bold;
    margin: 10px !important;
    margin-top: 10px !important;
    overflow: hidden; /* Hide overflowing text */
    text-overflow: ellipsis; /* Add ellipsis (...) for overflowed text */
}


/* Use a media query to apply styles for mobile screens */
@media screen and (orientation:portrait){
    /* Reset the margin to create space between the logo and the text */
    
    .nsw-header__center {
        margin-bottom: 10px;
    }

    /* Center the <p> tag and adjust its width */
    .nsw-infobar.nsw-header__right {
        text-align: center;
        width: 100%;
    }
    label[for^="phims_typeofarea_"] {
        max-width: 90% !important;
        display: inline-block;       
      }
    label[for^="phims_typeofbreachtobaccoecig_"] {
        max-width: 90% !important;
        display: inline-block;       
      }
    label[for^="phims_subtypecodarea_"] {
        max-width: 90% !important;
        display: inline-block; 
      }
    label[for^="phims_complainantrole_"] {
        max-width: 90% !important;
        display: inline-block; 
      }
}
@media screen and (orientation:landscape) {
    /* Reset the margin to create space between the logo and the text */
    
    .nsw-header__center {
        margin-bottom: 10px;
    }

    /* Center the <p> tag and adjust its width */
    .nsw-infobar.nsw-header__right {
        text-align: center;
        width: 100%;
    }
    label[for^="phims_typeofarea_"] {
        max-width: 90% !important;
        display: inline-block;       
      }
    label[for^="phims_typeofbreachtobaccoecig_"] {
        max-width: 90% !important;
        display: inline-block;       
      }
    label[for^="phims_subtypecodarea_"] {
        max-width: 90% !important;
        display: inline-block; 
      }
    label[for^="phims_complainantrole_"] {
        max-width: 90% !important;
        display: inline-block; 
      }
}
#NextButton, #NextButton:active:hover, #NextButton:active:focus, #NextButton:active.focus, #NextButton.active:hover, #NextButton.active:focus, #NextButton.active.focus {
    color: #ffffff;
    background-color: #002266 !important;
    border-color: #002266 !important;
}
/*.btn-default, .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus {
    color: #ffffff;
    background-color: #002266 !important;
    border-color: #002266 !important;
}*/
.decade button {
    font-weight: normal !important;
    font-size:16px !important;
}
button {
    
    color: #000000 !important;
}
button:active:hover, button:active:focus, button:active.focus, button.active:hover, button.active:focus, button.active.focus {
    color: #000000;
    background-color: #ddd !important;
    border-color: #ddd !important;
}
.sub-text-container {
    font-size: 12px;
    
    margin-left: 15px;
}
.sub-text-field {
    font-size: 12px;
       
}
.sub-text-field a {
    color:#1276ce !important;    
}