/**********************************************************************************
* 
* © 2026 Ecliptic Technologies, Inc. - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
* Website: www.ecliptictech.com
* Email: info@ecliptictech.com
*
* Name: print.css
* Description: Print styles for www.northwestironfireman.com
*
***********************************************************************************/

/* Print edits/hide for print
----------------------------------------------------------------------------------*/

#organization p, #nav, #nav-secondary, #nav-menu-link, #nav-actions, #nav-mobile, #nav-sub-m, #nav-sub, #nav-store, #slideshow, #sharethis, #cip-login, .btn-return, .video-container, #supplementalcontact, #printtext, #ctl00_frmUser, .basicform, .simpleform
	{
    display:none;
    }


/* Body 
----------------------------------------------------------------------------------*/

body
	{
	font-size:10pt !important;
	color:#000;
	line-height:150%;
	background:none;
	}


/* Base text
----------------------------------------------------------------------------------*/

h1
	{
	font-size:1.625em;
	clear:both;
	}

#container-intro h1, #container-intro #content p, #container-intro #content p:first-of-type
	{
	width:auto;
	color:#000;
	text-shadow:none;
	}

#container-intro h1
	{
    font-size:1.625em;
    border-bottom:1px solid #c0c0c0;
    }

h2
	{
	font-size:1.375em;
	}

h3
	{
	font-size:1.3125em;
	}

h4
	{
	font-size:1.25em;
	}

h5
	{
	font-size:1.125em;
	}

h6
	{
	font-size:1.0625em;
	}

p, ul, ol, time, pre
	{
	font-size:1em;
	}


/* Tables 
----------------------------------------------------------------------------------*/

table th
	{
    color:#000;
    background:none;
    border-bottom:1px solid #505050;
	/*border-color:var(--primary-color);*/
    }

table td
	{
    border-bottom:1px solid #c0c0c0;
    }

.table-3col
	{
    width:auto;
    min-width:50%;
    max-width:100%;
    clear:none;
    }


/* Images 
----------------------------------------------------------------------------------*/

.imageleft, .imageright
	{
    max-width:51%;
    }
	
.imageleft
	{
	float:left;
	margin-right:1.5rem;
	}

.imageright
	{
    float:right;
    margin-left:1.5rem;
    }


/* Container
----------------------------------------------------------------------------------*/

#container-intro, #container
	{
	background:none;
    overflow:auto;
    }


/* Header
----------------------------------------------------------------------------------*/

#header
	{
    position:static;
	top:0;
	float:none !important;
	width:100%;
	margin-bottom:3rem;
	padding:0;
    background:none;
	border:none;
	box-shadow:none;
    }

#organization
	{
    float:none !important;
    }

#organization img
	{
	display:block;
	min-width:150px;
	max-width:45%;
	max-height:150px;
    }

#header-supplemental
	{
	display:none;
    }


/* Main background
----------------------------------------------------------------------------------*/

#main, #container-intro #main
	{
    float:none !important;
    width:100%;
	height:auto;
	margin-top:0;
    padding:0;
	background-color:transparent;
    }


/* Content
----------------------------------------------------------------------------------*/

#content
	{
	float:none !important;
	}

.video-container
	{
	height:auto;
    margin:0;
    padding:0;
    overflow:auto;
	}

.content-blocks-2x fieldset legend, .content-blocks-reversed fieldset legend, .content-blocks-3x fieldset legend, .content-blocks-4x fieldset legend
	{
    font-size:1.3125em;
    }

.content-highlight > li h2, .content-highlight > li h4, div.content-highlight h2, div.content-highlight h4, .btn-callout a, .btn-wfg a, .btn-return a, .btn-callout span, .btn-wfg span, .btn-return span
	{
    color:#000;
	background-color:transparent;
    }

.btn-callout, .btn-wfg, .btn-return
	{
    font-size:0.875em/*1.25em*/;
    }

.btn-simple, .btn-form
	{
	color:#000;
    background-color:transparent;
	border:1px solid #c0c0c0;
    }

.twocolumnlist, .threecolumnlist
	{
    padding-left:2em;
    list-style-position:outside;
    -webkit-column-gap:2em; /* Chrome, Safari, Opera */
    -moz-column-gap:2em; /* Firefox */
    column-gap:2em;
    }
    
.twocolumnlist
	{
    -webkit-column-count:2; /* Chrome, Safari, Opera */
    -moz-column-count:2; /* Firefox */
    column-count:2;
    -webkit-column-width:50%; /* Chrome, Safari, Opera */
    -moz-column-width:50%;
    column-width:50%;
    }
    
.threecolumnlist
	{
    -webkit-column-count:3; /* Chrome, Safari, Opera */
    -moz-column-count:3; /* Firefox */
    column-count:3;
    -webkit-column-width:33.3%; /* Chrome, Safari, Opera */
    -moz-column-width:33.3%;
    column-width:33.3%;
    }
	
.content-blocks-2x > li, .content-blocks-reversed > li
	{
    width:48%;
    }
    
.content-blocks-2x > li:nth-child(odd), .content-blocks-reversed > li:nth-child(even)
	{
	float:left;
	clear:left;
	}
	
.content-blocks-2x > li:nth-child(even), .content-blocks-reversed > li:nth-child(odd)
	{
	float:right;
	clear:right;
	}
	
.content-block-left, .content-block-right
	{
    width:48%;
    margin-bottom:1.5rem;
    }

.content-block-left
	{
    float:left;
    margin-right:2%;
    }

.content-block-right
	{
    float:right;
    margin-left:2%;
    }

.content-blocks-3x > li, .content-blocks-4x > li
	{
	float:left;
	}
	
.content-blocks-3x > li, .content-blocks-3x > li:nth-child(2n+1), .content-blocks-4x > li, .content-blocks-4x > li:nth-child(2n+1)
	{
    margin-left:2%;
    }

.content-blocks-3x > li, .content-blocks-3x > li:nth-child(2n+1)
	{
    width:32%;
    }

.content-blocks-4x > li, .content-blocks-4x > li:nth-child(2n+1)
	{
    width:23.5%;
    }

.content-blocks-3x > li:nth-child(3n+1), .content-blocks-4x > li:nth-child(4n+1)
	{
    margin-left:0;
    clear:left;
    }


/* Magnetic gallery
----------------------------------------------------------------------------------*/

.magnetic li
	{
    width:auto;
    margin-right:1.5rem;
    }


/* Paired galleries
----------------------------------------------------------------------------------*/

.pairedlist li
	{
    width:48%;
    }
    
.pairedlist li, .pairedlist li:first-child
	{
    margin-bottom:1.5rem;
    border-width:0/*1px*/;
    border-radius:0.1875rem;
    }
    
.pairedlist li:nth-child(odd)
	{
	float:left;
	clear:left;
	}
	
.pairedlist li:nth-child(even)
	{
	float:right;
	clear:right;
	}
	
.pairedlist li a
	{
	border:1px solid #c0c0c0;
	border-radius:0.1875rem;
	}
	
.pairedlist li a:hover, .pairedlist li a:focus
	{
	border-color:#505050;
	}
	
.pairedlist li span
	{
    padding:0;
    }
	
.pairedlist img
	{
    /*float:right;
    max-width:50%;
    margin:0 0 0.5rem 1.5rem;*/
    }
    
.pairedlist strong, .pairedlist em
	{
    text-align:left;
    }


/* Grid galleries
----------------------------------------------------------------------------------*/

.grid li
	{
    width:196px;
    padding:0.25rem 0.5rem;
    }


/* Google map
----------------------------------------------------------------------------------*/

.map
	{
    float:right;
	width:64%;
	margin:0 0 1.5rem 1.5rem;
    }


/* Supplemental
----------------------------------------------------------------------------------*/

.supplemental
	{
    float:none !important;
	width:100%;
	padding:1.5rem 0 0.5rem;
	/*border-top:1px solid #c0c0c0;*/
	clear:both;
	box-sizing:unset;
    }

.supplemental .imageleft
	{
    margin-right:4%;
    }

.supplemental .imageright
	{
    margin-left:4%;
    }

.supplemental h2
	{
	font-size:1.5em;
    }

#supplemental-whychoose
    {
    color:#000;
    background-color:unset;
    }

#supplemental-callback
    {
    background-color:unset;
    }

#supplementalcontact
    {
    color:#000;
    background-color:unset;
    }

@media screen and (min-width:768px)
	{
    #supplemental-boilers
        {
        padding-top:0;
        padding-bottom:0;
        }

    #supplemental-boilers h2
        {
        margin-top:3rem;
        }

    #supplemental-boilers img
        {
        margin-bottom:0;
        }
	}


/* Footer
----------------------------------------------------------------------------------*/

#footer
	{
    float:none !important;
	width:100%;
    padding:1em 0 0;
    background-color:transparent;
	border-top:1px solid #f5572b;
	clear:both;
    }

#footer p
	{
	font-size:1em;
	color:#000;
    }

#footer a
    {
    color:#ffc1b0;
    /*color:var(--highlight-color);*/
    border-bottom-color:#ffc1b0;
    /*border-bottom-color:var(--highlight-color);*/
    }


/* Print links
----------------------------------------------------------------------------------*/
	
#content a::after, .supplemental a::after, #sidepane a::after, #footer a::after
	{
	content:" (" attr(href) ")";
	border:none;
	}

#content a[href^="/"]::after, .supplemental a[href^="/"]::after, #sidepane a[href^="/"]::after, #footer a[href^="/"]::after
	{
	content:" (https://www.northwestironfireman.com" attr(href) ")";
	border:none;
	}

#content .summarylist a::after, #content .summarylist a[href^="/"]::after, #content .lb-gallery a::after, #content .lb-gallery a[href^="/"]::after
	{
	content:none;
	}