@charset "utf-8";
/* CSS Document */
/* core.css version 2.0 August 2015 */


div.timeToUpdate {padding:10px 5% 15px 5%; text-align:center; color:#999999; background-color:#efefef; position:relative; z-index:50000;}
div.timeToUpdate a {color:#999999;}


img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/* set image max width to 100% */
img {max-width: 100%; height: auto; width: auto\9; }/* ie8 */

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.clear {clear:both;}

a:active, a:focus {outline:none;}
body {background-color:#ffffff; text-align:center; font-family: Helvetica, Arial;}

/* pixlbox credit */
div#pixlbox {display:inline-block; text-align:center; padding:10px; font-size:70%;}
div#pixlbox a.logoMark {max-width:40px;width:40px; height:40px; display:block; margin:1em auto 0px auto;}
div#pixlbox a.logoType {max-width:70px;width:70px; height:13px; display:block;margin:0.5em auto 0px auto;}
div#pixlbox svg path, div#pixlbox svg polygon {fill:rgba(0,0,0,0.6);}
body.pbCredit-icon div#pixlbox a.logoType, body.pbCredit-icon div#pixlbox a.madewith {display:none;}
body.pbCredit-text div#pixlbox a.logoMark, body.pbCredit-text div#pixlbox a.getpixlbox {display:none;}







/* navigation and iconography */
header nav a, header nav h4 {/*font-size:120%;*/ padding:0.85em 5%; display:block; text-decoration:none; background-color:#444444; border-top:1px solid #999999; border-bottom:1px solid #222222; text-shadow:1px 1px #222222;}
footer nav a, footer nav h4, section#socialLinks a {padding:1.5em 5%; display:block; text-decoration:none; border-bottom:1px solid #aeaeae;}
a i.fa, h4 i.fa {margin-right:5px;}

/* mobile navigation */
.fontAwesome { line-height:100%; padding:10px; display:inline-block;}
#mobileNavTrigger,#close {position: absolute; right:5%; top:1em; display:none;  /* default hide for most basic browser */}
a#toTop {position: fixed; right:5%; bottom:1em; z-index:10000; display:none;  /* default hide for most basic browser */}
header {padding:0; padding-top:1em;}

/* primary (desktop) navigation */
#primaryNavigation {display:none;} 
#mobileNavigation *:not(.cart) {display:none;}

/* font awesome link iconography */
.fontAwesome a i {display:inline-block; padding-right:7px;}

/* social share and links */
a.prettySocial {text-decoration:none; color:#444444;  font-size:1.25em; margin:0.5em 0.5%;}

/* payment icons */
img.paymentIcon {width:55px; display:inline-block; margin:2px 1px;}

/* default table formatting */
table {border:0;}
table thead, table tbody, table tr {border-bottom:1px solid #ccc;}
table th, table td {padding:1em; line-height:130%;}
table th {vertical-align:bottom;}
table td {vertical-align:top;}
table td a.fontAwesome {white-space:nowrap;}

/* default list formatting */
ul, ol {padding:0;}
li {padding:0.7em 1em 0.7em 0em; line-height:140%; border-top:1px solid #dedede; border-top-color:rgba(255,255,255,0.5); border-bottom:1px solid #999999;border-bottom-color:rgba(0,0,0,0.1); }
li:first-child {border-top:none;}
li:last-child {border-bottom:none;}
li {list-style-type:circle;}

/* default panel themes */
aside { background-color:rgba(0,0,0,0.05);}
footer { background-color:rgba(255,255,255,0.1);background-color:#efefef\9;}





/* default padding */
main, aside, footer, div#feature article {padding:2em 5%;}
article header, article footer {background:none; padding-left:0; padding-right:0;}
article header, section, footer nav /*, footer div, footer div section*/ {padding:0.5em 0; margin-top:0.5em; margin-bottom:0.5em;}



/* default mobile image handling - using placeholder sprite */
article section picture {margin-bottom:1.5em;}
article.col-0 section picture, article.col-1 section picture, article.col-2 section picture {display:block; width:auto; float:none; margin-right:0%; }
/*article.col-3 section picture,
article.col-4 section picture {display:none;}*/




















@media screen and (min-width:400px) { /* phone adjustments */
/* mobile image handling */
article.col-3 section, article.col-4 section {clear:both;}
article section picture {display:block;}
/*article.col-3 section picture,
article.col-4 section picture {display:block; width:25%; float:left; margin-right:5%;margin-bottom:2em; }
article.col-3 section.hasimage h2, article.col-3 section.hasimage p, 
article.col-4 section.hasimage h2, article.col-4 section.hasimage p {margin-left:30%;}*/
/*article.col-3 section.hasimage h2, article.col-3 section.hasimage p  {width:70%; float:right;}*/


}






@media screen and (min-width:500px) { /* phone adjustments */
article.col-3 section.hasimage {margin-right:5%; margin-left:5%;}
article.col-4 section {clear:none;}
article.col-4 section picture {width:auto; float:none; margin-right:0%; margin-bottom:1em; }
article.col-3 section.hasimage h2, article.col-3 section.hasimage p {margin-left:30%;}
article.col-4 section.hasimage h2, article.col-4 section.hasimage p {margin-left:0;}
article.col-2 section.hasimage, article.col-4 section.hasimage {width:40%; float:left; margin-right:5%; margin-left:5%;}
article.col-2 section.hasimage:first-child, article.col-4 section.hasimage:first-child {margin-left:5%;}
article.col-2 section.hasimage:last-child, article.col-4 section.hasimage:last-child {margin-right:5%; margin-bottom:0.5em;}
}







@media screen and (min-width:900px) { /* tablet and up */
html {overflow-y:scroll;}
#mobileNavigation {display:none;}
#primaryNavigation {display:block;}

/* navigation and iconography */
a:hover {opacity:0.5;}
/*header a.logoType {margin-bottom:1em;}*/
header nav a, footer nav a, header nav h4, footer nav h4, section#socialLinks a {margin:0 10px; padding:0.5em 0.2em; display:inline-block; background:none; border:none; text-shadow:none; border-bottom:solid 1px transparent;}
header {padding-top:1em; padding-bottom:1em;}
#mobileNavTrigger, a#toTop {right:1em;}

main article header, main article article, main article footer {clear:both; margin:0 auto;}
article.col-0 section, article.col-1 section, article.col-2 section:last-child, article.col-3 section:last-child, article.col-4 section:last-child {margin-bottom:0;}

/* main --> article css */
main, aside, footer, div#feature article {padding:2em 5%;}
article header, section, footer nav, footer div, footer div section {padding:1.5em 0;}
article.col-3 section {clear:none;}
article.col-3 section picture {width:auto; float:none; margin-right:0%;  margin-bottom:1em; }

article.col-3 h2, article.col-3 p, article.col-3 section.hasimage h2, article.col-3 section.hasimage p {margin-left:0; width:auto; float:none;}

article.col-2 section, article.col-2 section.hasimage {width:45%; float:left; margin-right:3%; margin-left:3%;}
article.col-3 section, article.col-3 section.hasimage {width:28%; float:left; margin-right:3%; margin-left:3%;}
article.col-4 section, article.col-4 section.hasimage {width:19%; float:left; margin-right:3.2%; margin-left:3.2%;}
article.col-2 section:first-child, article.col-3 section:first-child, article.col-4 section:first-child,
article.col-2 section.hasimage:first-child, article.col-3 section.hasimage:first-child, article.col-4 section.hasimage:first-child {margin-left:2%;}
article.col-2 section:last-child, article.col-3 section:last-child, article.col-4 section:last-child,
article.col-2 section.hasimage:last-child, article.col-3 section.hasimage:last-child, article.col-4 section.hasimage:last-child {margin-right:2%; margin-bottom:0.5em;}






/* aside and footer : tablet and up */
aside#independantContent section { width:29%; float:left; margin-right:3%; margin-left:3%;}
aside#independantContent section:first-child {margin-left:0;}
aside#independantContent section:last-child {margin-right:0;float:right; }
footer section {width:38%; float:left; margin-right:5%; margin-left:5%;}
footer section:last-child {float:right;}
footer div {clear:both;}
}





@media screen and (min-width:1200px) { /* desktop */


header, main, aside, footer {padding-left:15%; padding-right:15%; padding-top:2.5em; padding-bottom:2.5em;}
article header, section {padding:2em 0;}
header {padding-top:2em; padding-bottom:2em;}


/* main --> article css */
main article header, main article footer {width:80%;}
article.col-0 section, article.col-0 section.hasimage {width:100%; margin:0 auto 0.5em auto;}
article.col-1 section, article.col-1 section.hasimage {width:70%; margin:0 auto 0.5em auto;}
article.col-2 section, article.col-2 section.hasimage {width:45%; float:left; margin-right:5%; margin-left:5%;}
article.col-3 section, article.col-3 section.hasimage {width:28%; float:left; margin-right:4%; margin-left:4%;}
article.col-4 section, article.col-4 section.hasimage {width:19%; float:left; margin-right:4%; margin-left:4%;}
article.col-2 section:first-child, article.col-3 section:first-child, article.col-4 section:first-child, 
article.col-2 section.hasimage:first-child, article.col-3 section.hasimage:first-child, article.col-4 section.hasimage:first-child {margin-left:0;}
article.col-2 section:last-child, article.col-3 section:last-child, article.col-4 section:last-child, 
article.col-2 section.hasimage:last-child, article.col-3 section.hasimage:last-child, article.col-4 section.hasimage:last-child {margin-right:0; margin-bottom:0.5em;}

}






@media screen and (min-width:1650px) { /* large desktop */
header, main, aside, footer {padding-left:20%; padding-right:20%; padding-top:3em; padding-bottom:3em;}
article header, section {padding:3em 0;}
header {padding-bottom:2em;}

div#feature article.col-1 section {width:50%; margin:0 auto;} /* constrain feature content on very large screens */
}