﻿
/* Styling for printing for HSPs website template SMHS*/
@media print {

    #navigationContainer,
    #colRight,
    #BtnCreatePdf,
    .mainContent:not(.no-related-links) .container ~ .related-links,
    .social-footer,
    .doh-accordian_btn:after,
    .toggle,
    .btnPrev,
    .btnNext,
    .content-utilities-wrapper,
    .search-region,
    .scroll-arrows,
    .navbar-right.navbar-collapse.collapse,
    .header .navbar-toggle,
    .breadcrumb,
    .unslider, .slider, .unmultislider, .multislider
     {
        display: none !important;
    }
    	
    .header,
    .doh-accordian,
    .articleInternal,
    img,
    iframe,
    p,
    td,
    footer,
    .footer,
    .feature-box-item,
    .thumb,
    .divTitle,
    .title,
    .description {
        page-break-inside: avoid !important;
    }

	.header {
        background-color: #FFF !important;
        color: #000 !important;
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
        height: 100px !important;
        border-bottom: 2px solid #851130 !important;
    }

/*Display logo*/

	.gov-logo {
		filter: invert(100%) !important;
    }
	
   .logoText
   {
	    background-color: #FFF !important;
        color: #000 !important;
    }

    .title-banner {
        padding: 0px 0 5px 0 !important;
        color: #000 !important;
    }
    .title-banner-text {
        background-color: #FFF !important;
    }
             .title-banner-text .breadcrumb {
            color: #5b6770 !important;
            min-height: 30px;
            height: auto;
            margin-top: 5px;
            margin-bottom: 5px;
            margin-left: 0;
            font-size: 0.87em;
            font-weight: 500;
            list-style: none;
            padding-left: 0px;
        }

        .title-banner .title-banner-text {
            color: #000 !important;
            height: auto;
            margin-left: 1% !important;
        }

            .title-banner .title-banner-text > * {
                color: #000 !important;
            }
            .title-banner .title-banner-text > h1 {
                line-height: 0.7;
                font-size: 2.0em;
                margin-top: 1px !important;
                margin-bottom: 1px !important;
            }

    
    ul{
        page-break-inside: none;
      }
   	
    .appear-animation {
        opacity: 1 !important;
    }

    body {
        color: #000 !important;
    }
	.header .navbar-header 
	{
	float: none;
	padding-top: 13px;
	padding-bottom: 0px;
	}    


    .photo-banner {
        width: 100% !important;
        height: 80px !important;
        color: #000 !important;
    }

    .slider .photo-banner {
        background-image: none !important;
        height: 300px !important;
        font-size: 0.75em !important;
        color: #000 !important;
    }

        .slider .banner-text {
            color: #000 !important;
        }

            .slider .banner-text > * {
                opacity: 1 !important;
                color: #000 !important;
                display: contents !important;
            }

            .slider .banner-text .btn {
                display: none !important;
            }
    .mainContent {
        min-height: unset !important;
        width: 100%;
        height: auto !important;
        margin-left: 0;
        margin-right: 0;
        float: none;
        position: static;
        overflow: visible;
    }
    .mainContent .container {
        padding-top: 0% !important;
    }
    .mainContent.no-related-links .container {
        padding: 1px 10px !important;
        
    }

    table tr td {
        width: 100% !important;
        display: block !important;
        margin-top: 10px !important;
        padding-top: 0px !important;
        margin-bottom: 10px !important;
        padding-bottom: 0px !important;
    }

    .feature-boxes {
        width: 100% !important;
        height: auto !important;
        min-height: unset !important;
        margin-top: 0px !important;
        padding-top: 0px !important;
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }

        .feature-boxes .row h1:empty {
            width: 100% !important;
            height: 0 !important;
            display: none !important;
            margin: 0 !important;
            margin-top: 0px !important;
            padding-top: 0px !important;
            margin-bottom: 0px !important;
            padding-bottom: 0px !important;
        }

        .feature-boxes ul.box-list {
            display: inline-block !important;
            width: 100% !important;
            height: auto !important;
            margin-top: 0 !important;
            padding-top: 0 !important;
            margin-bottom: 0 !important;
            margin-bottom: 0 !important;
        }

        .feature-boxes ul.box-list li {
            display: inline-block !important;
            max-width: 48% !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }

    ul.tabbed-header {
        display: inline-block;
        min-width: 100%;
        max-width: 100%;
    }

        ul.tabbed-header li {
            width: auto;
            min-width: unset;
            height: 33px !important;
        }

            ul.tabbed-header li div.doh-tabbed_btn {
                text-align: center;
                padding: 2px;
                overflow-wrap: break-word;
                background-color: #D7D8D8 !important;
                height: 90%;
                width: auto;
            }

            ul.tabbed-header li.active div.doh-tabbed_btn {
                background-color: #851130 !important;
                color: #FFF;
            }
                
/* Footer Content CSS
    footer,
        .footer {
        display: block !important;
        width: 100% !important;
        max-width: unset !important;
            }

        #block-acknowledgementofcountry {
        width: 60% !important;
        float: left !important;
        }

        #block-innovation-simplesubscribeblock {
        width: 40% !important;
        float: right !important;
        } 

    #block-innovation-footer,
        #block-copyrightblock {
        float: left !important;
        display: block !important;
        width: 100% !important;
        max-width: unset !important;
        min-height: unset !important;
        margin: 0 !important;
        padding: 0 !important;
        }
            
End Footer Content CSS */

/*Expand accordian while printing*/

        .extraContentBlock > div 
		{
            display: block;
}
  	
}
