﻿/**********************************************************************************
* 
* © 2017 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.beyondshelterinc.com
*
***********************************************************************************/


/* Print edits/hide for print
----------------------------------------------------------------------------------*/

#logo h1, #nav, #nav-secondary, #nav-menu-link, #nav-actions, #nav-mobile, #nav-sub-m, #nav-sub, #nav-store, #slideshow, #sharethis, #cip-login, .video-container, #supplementalcontact, #printtext, #ctl00_frmUser, .basicform, .simpleform
	{
    display:none;
    }


/* Body 
----------------------------------------------------------------------------------*/

*
	{
    margin:0;
    padding:0;
    font-size:100%;
	font-family:inherit;
    }

body
	{
	font-size:10pt !important;
	color:#000;
	line-height:150%;
	background:none;
	}


/* Base text
----------------------------------------------------------------------------------*/

h2
	{
	font-size:1.75em;
	clear:both;
	}

#container-intro h2
    {
    font-size:1.75em;
    color:#000;
    border-bottom:1px solid #c0c0c0;
    text-shadow:none;
    }

h3
	{
	font-size:1.375em;
	}

h4
	{
	font-size:1.3125em;
	}

h5
	{
	font-size:1.25em;
	}

h6, p, ul, ol, time, pre
	{
	font-size:1em;
	}


/* Tables 
----------------------------------------------------------------------------------*/

table th
	{
    color:#000;
    background:none;
    border-bottom:1px solid #505050;
    }

table td
	{
    border-bottom:1px solid #c0c0c0;
    }


/* Images 
----------------------------------------------------------------------------------*/

.imageleft, .imageright
	{
    max-width:51%;
    }
	
.imageleft
	{
	float:left;
	margin-right:1.5em;
	}

.imageright
	{
    float:right;
    margin-left:1.5em;
    }


/* Container
----------------------------------------------------------------------------------*/

#container-intro, #container
	{
	background:none;
    overflow:auto;
    }


/* Header
----------------------------------------------------------------------------------*/

#header
	{
    position:static;
	float:none !important;
	width:100%;
	margin-bottom:3em;
	padding:0;
    background:none;
	border:none;
    }

#logo
	{
    float:none !important;
    }

#logo img
	{
	display:block;
	min-width:150px;
	max-width:35%;
	max-height:150px;
    }

#header-supplemental
	{
	display:none;
    }

#tagline
	{
    display:none;
    }

#phone
	{
    display:none;
	position:static;
    right:auto;
    bottom:auto;
    float:right;
    margin-top:34px;
    font-size:1em;
    }

#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 a:hover, #phone a:active, #phone a:focus
	{
    background:none;
    border:none;
    cursor:text;
    }

#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;
    height:98.5%;
	}
	
.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%;
    }
	
.content-block > li
	{
    width:48%;
    }
    
.content-block > li:nth-child(odd)
	{
	float:left;
	clear:left;
	}
	
.content-block > li:nth-child(even)
	{
	float:right;
	clear:right;
	}


/* Summary/Item list
--------------------------------------------------------------------------------*/

ul.itemlist, ol.itemlist
	{
    float:left;
    width:100%;
    margin:0.5em 0 1.5em;
    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.5em;
    }

.tilelist li
	{
    /*text-align:center;*/
	padding:1em;
    border:1px solid #c0c0c0;
    -moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
    -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
    }

/*.itemlist li ul
    {
    list-style:none;
    padding:0 0 1.5em 0.5em;
    }

.itemlist li li
    {
    position:static;
    float:none !important;
    width:auto;
    margin:0;
    border:none;
    }

.itemlist li li label input
    {
    margin-right:0.5em;
    }*/

.itemlist li a.iteminfo
	{
    position:relative;
    display:block;
    /*float:left;*/
    margin-bottom:0;
    /*padding:16px;*/
    /*background:transparent;*/
    border:none;
    /*overflow:hidden;*/
    }

.tilelist li a.iteminfo
	{
    float:none !important;
    width:auto;
    height:auto;
    padding:1em;
    /*margin:0 auto 0.5em;*/
    overflow:hidden;
    -moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
    }

.itemlist li span
	{
    width:100%;
    padding:0;
    }

.itemlist li span.warning
	{
    float:none !important;
    width:100%;
    padding:0 0 1em;
    }

.itemlist li img
	{
    max-height:150px;
    margin:0 auto 0.5em;
    }

.itemlist strong, .itemlist em
	{
    /*text-align:center;*/
    }

.itemlist strong
	{
    display:block;
    padding-bottom:0;
    font-size:1.125em;
    }

.itemlist em
	{
    padding-bottom:16px;
    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;
    }

.tilelist li:hover
	{
    border:1px solid #505050;
    }

/*ul.itemlist li:hover a.iteminfo
    {
    background:#daefff;
    }*/

.itemlist a.iteminfo:hover, .itemlist a.iteminfo:focus
	{
    /*background:#1a1a1a;*/
    }

.itemlist li a.iteminfo:hover img
	{
    /*border-color:#e5df98;*/
    }

.itemlist a:hover strong, .itemlist a:focus strong, .itemlist a:hover em, .itemlist a:focus em
	{
    /*color:#fff;*/
    }

@media screen and (min-width:481px)
    {
    .tilelist li
		{
        position:relative;
        float:left;
        width:204px/*182px*/;
        margin:0 19px 1.5em 0;
        /*border:1px solid #505050;*/
        }

    .itemlist li a.iteminfo
		{
        float:left;
        width:170px/*148px*/;
        height:240px;
        margin-bottom:0;
        padding:16px;
        /*background:transparent;*/
        border:none;
        overflow:hidden;
        }
    
    .itemlist li img
		{
        max-height:200px;
        /*float:right;
        max-width:150px;
        /*height:174px;/
        margin:0 0 0.5em 1.5em;
        /*border:1px solid #000;*/
        }
    
    .itemlist li span
		{
        display:block;
        float:left;
        /*width:96%;
        padding:1em 2% 2%;*/
        }
    }


/* Section galleries
----------------------------------------------------------------------------------*/

.section-alternating li:nth-child(odd), .section-alternating li:nth-child(even)
	{
	margin:0;
	padding:0;
	border:none;
	}
	
.section-alternating a, .section-alternating span
	{
	width:100%;
	padding:0;
	}
	
.section-alternating a
	{
	background-color:rgb(192,192,192);
	}
	
.section-alternating img
	{
	max-width:50%;
	border:none;
	}
	
.section-alternating li:nth-child(odd) img
	{
	float:right;
	margin:0 0 0 1.5em;
	}
	
.section-alternating li:nth-child(even) img
	{
	float:left;
	margin:0 1.5em 0 0;
	}
	
.section-alternating h3
	{
	display:block;
	margin-top:24px;
	}
	
.section-alternating li:nth-child(odd) h3, .section-alternating li:nth-child(odd) p
	{
	margin-left:24px;
	}
	
.section-alternating li:nth-child(even) h3, .section-alternating li:nth-child(even) p
	{
	margin-right:24px;
	}


/* Magnetic gallery
----------------------------------------------------------------------------------*/

.magnetic li
	{
    width:auto;
    margin-right:1.5em;
    }


/* Paired galleries
----------------------------------------------------------------------------------*/

.pairedlist li
	{
    width:48%;
    }
    
.pairedlist li, .pairedlist li:first-child
	{
    margin-bottom:1.5em;
    border-width:0/*1px*/;
    -moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
    }
    
.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:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	}
	
.pairedlist li span
	{
    padding:0;
    }
	
.pairedlist img
	{
    /*float:right;
    max-width:50%;
    margin:0 0 0.5em 1.5em;*/
    }
    
.pairedlist strong, .pairedlist em
	{
    text-align:left;
    }


/* Grid galleries
----------------------------------------------------------------------------------*/

.grid li
	{
    width:196px;
    padding:0.25em 0.5em;
    }


/* Google map
----------------------------------------------------------------------------------*/

.map
	{
    float:right;
	width:64%;
	margin:0 0 1.5em 1.5em;
    }


/* Supplemental
----------------------------------------------------------------------------------*/

.supplemental
	{
    float:none !important;
	width:100%;
	padding:1.5em 0 0.5em;
	border-top:1px solid #c0c0c0;
	clear:both;
    }

#supplemental-team
    {
    color:#000;
    background-color:transparent;
    }


/* Footer
----------------------------------------------------------------------------------*/

#footer
	{
    float:none !important;
	width:100%;
    padding:1em 0 0;
    background-color:transparent;
	border-top:1px solid #505050;
	clear:both;
    }

#footer p
	{
	color:#000;
    }


/* 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:" (http://www.beyondshelterinc.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;
	}