﻿/**********************************************************************************
* 
* © 2020 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.nlpulse.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.875em;
	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.875em;
    border-bottom:1px solid #c0c0c0;
    }

h2
	{
	font-size:1.625em;
	}

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 #094670;
	background-color:var(--primary-color);
    }

table td
	{
    border-bottom:1px solid #c0c0c0;
    }


/* 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;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
    }

#organization
	{
    float:none !important;
    }

#organization img
	{
	display:block;
	min-width:150px;
	max-width:35%;
	max-height:150px;
    }

#header-supplemental
	{
	display:none;
	position:fixed;
    top:0;
    left:0;
    width:100%;
    height:30px;
    padding:0 5%;
    background-color:#094670;
	background-color:var(--primary-color);
    -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
    }

#phone
	{
    display:none;
	position:static;
    right:auto;
    bottom:auto;
    float:right;
	margin:0.25rem 0 0 0.75rem;
    padding-left:0.75em;
    font-size:0.875em;
    color:#000;
	line-height:1.5em;
    border-left:1px solid #1186d6;
    }

#phone a
	{
    display:inline;
    width:auto;
    height:auto;
    padding:0;
    color:#000;
    background:none;
    border:none;
    -moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
    }

#phone span
	{
    position:static;
    left:auto;
    }


/* 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 fieldset legend, .content-blocks-reversed fieldset legend, .content-blocks-3x fieldset legend, .content-blocks-quarter fieldset legend
	{
    font-size:1.3125em;
    }

/*.content-highlight > li h3, .content-highlight > li h5, div.content-highlight h3, div.content-highlight h5, .btn-callout a, .btn-wfg a, .btn-return a, .btn-callout span, .btn-wfg span, .btn-return span*/
.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:1.25em;
    }

.btn-simple, .btn-form
	{
	color:#000;
    background-color:transparent;
	border:1px solid #c0c0c0;
    }

/*.multicolumnlist
	{
    padding-left:2em;
    list-style-position:outside;
    -webkit-column-gap:2em; /* Chrome, Safari, Opera /
    -moz-column-gap:2em; /* Firefox /
    column-gap:2em;
    -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%;
    }*/

.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 > li, .content-blocks-reversed > li
	{
    width:48%;
    }
    
.content-blocks > li:nth-child(odd), .content-blocks-reversed > li:nth-child(even)
	{
	float:left;
	clear:left;
	}
	
.content-blocks > 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;
    }


/* Summary/Item list
--------------------------------------------------------------------------------*/

ul.itemlist, ol.itemlist
	{
    float:left;
    width:100%;
    margin:0.5rem 0 1.5rem;
    padding:0;
	font-size:1em;
    list-style-type:none;
	/*text-align:center;*/
    clear:both;
    }

.itemlist li
	{
    position:relative;
    left:0;
	float:left;
    width:100%;
    margin-bottom:1.5rem;
    }

.tilelist li
	{
    /*text-align:center;*/
	padding:1rem;
    border:1px solid #c0c0c0;
    -moz-border-radius:0.25rem;
	-webkit-border-radius:0.25rem;
	border-radius:0.25rem;
    -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
    }

/*.itemlist li ul
    {
    list-style:none;
    padding:0 0 1.5rem 0.5rem;
    }

.itemlist li li
    {
    position:static;
    float:none !important;
    width:auto;
    margin:0;
    border:none;
    }

.itemlist li li label input
    {
    margin-right:0.5rem;
    }*/

.itemlist li a.iteminfo
	{
    position:relative;
    display:block;
    /*float:left;*/
    margin-bottom:0;
    /*padding:1rem;*/
    /*background:transparent;*/
    border:none;
    /*overflow:hidden;*/
    }

.tilelist li a.iteminfo
	{
    float:none !important;
    width:auto;
    height:auto;
    padding:1em;
    /*margin:0 auto 0.5rem;*/
    overflow:hidden;
    -moz-border-radius:0.125rem;
	-webkit-border-radius:0.125rem;
	border-radius:0.125rem;
    }

.itemlist li span
	{
    width:100%;
    padding:0;
    }

.itemlist li span.warning
	{
    float:none !important;
    width:100%;
    padding:0 0 1rem;
    }

.itemlist li img
	{
    max-height:150px;
    margin:0 auto 0.5rem;
    }

.itemlist strong, .itemlist em
	{
    /*text-align:center;*/
    }

.itemlist strong
	{
    display:block;
    padding-bottom:0;
    font-size:1.125em;
    }

.itemlist em
	{
    padding-bottom:1em;
    font-style:normal;
    font-size:1em;
    /*color:#333;*/
    }

.itemlist p strong, .itemlist p em
	{
    font-size:1em;
    }

.itemlist p strong
	{
    display:inline;
    }

.itemlist p em
	{
    padding:0;
    font-style:italic;
    }

.itemlist em p
	{
    font-size:1em;
    }

@media screen and (min-width:481px)
    {
    .tilelist li
		{
        position:relative;
        float:left;
        width:204px/*182px*/;
        margin:0 1.1875rem 1.5rem 0;
        /*border:1px solid #505050;*/
        }

    .itemlist li a.iteminfo
		{
        float:left;
        width:170px/*148px*/;
        height:240px;
        margin-bottom:0;
        padding:1rem;
        /*background:transparent;*/
        border:none;
        overflow:hidden;
        }
    
    .itemlist li img
		{
        max-height:200px;
        /*float:right;
        max-width:150px;
        /*height:174px;/
        margin:0 0 0.5rem 1.5rem;
        /*border:1px solid #000;*/
        }
    
    .itemlist li span
		{
        display:block;
        float:left;
        /*width:96%;
        padding:1rem 2% 2%;*/
        }
    }


/* 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*/;
    -moz-border-radius:0.1875rem;
	-webkit-border-radius:0.1875rem;
	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;
	-moz-border-radius:0.1875rem;
	-webkit-border-radius:0.1875rem;
	border-radius:0.1875rem;
	}
	
.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;
	-moz-box-sizing:unset;
	-webkit-box-sizing:unset;
	box-sizing:unset;
    }

.supplemental .imageleft
	{
    margin-right:4%;
    }

.supplemental .imageright
	{
    margin-left:4%;
    }

.supplemental h2
	{
	font-size:1.5em;
    }

#supplemental-donation
    {
    background:none;
    }

#supplemental-donation h2
    {
    color:#094670;
    color:var(--primary-color);
    }

#supplemental-donation p:first-of-type
    {
    color:#000;
    }

#supplemental-news li
	{
    float:left;
    border-width:0 0 0 1px;
    }

#supplemental-news li:nth-child(1)
	{
    width:33%;
    padding-right:2%;
    border:none;
    }
    
#supplemental-news li:nth-child(2)
	{
    width:34%;
    padding:1rem 2% 0;
    }

#supplemental-news li:nth-child(3)
	{
    width:33%;
    padding-left:2%;
    }
	
#supplemental-donation
    {
    text-align:center;
    }


/* Footer
----------------------------------------------------------------------------------*/

#footer
	{
    float:none !important;
	width:100%;
    padding:1em 0 0;
    background-color:transparent;
	border-top:1px solid #062d49;
	border-color:var(--secondary-color);
	clear:both;
    }

#footer p
	{
	color:#000;
    }

#footer a
    {
    color:#094670;
    color:var(--primary-color);
    border-bottom-color:#094670;
    border-color:var(--primary-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.nlpulse.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;
	}