@import url("app.css");
@import url("firefox.css");

html,body{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;font-size:100%;line-height:1;font-family:inherit;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio[controls],canvas,video{display:inline-block;*display:inline;*zoom:1;}
.sans-serif{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
.serif{font-family:"Cambria, Georgia, Times, " Times New Roman;}
.monospace{font-family:"Monaco",Courier New,monospace;}
.clearfix{zoom:1;}.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}
html{overflow-y:scroll;background:#ffffff; /* background:#ffffff url(../img/tmp/grid.png) repeat-y 50% 0; */ font-size:62.5%;}
body{margin:0 auto;padding:0;width:90%;font-size:16px;font-size:1.6rem;font-family:"Cambria, Georgia, Times, " Times New Roman;color:#282828;background-color:transparent;}
button,input,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#404040;}
h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:bold;}
h1{margin-bottom:0.4em; margin-top: 0.11em; font-size:48px;font-size:4.8rem;line-height:1.2;}
h2{margin-bottom:0.75em;font-size:32px;font-size:3.2rem;line-height:1.2;}
h3{margin-bottom:1em;font-size:24px;font-size:2.4rem;line-height:1.3;}
h4{margin-bottom:1em;font-size:18px;font-size:1.8rem;line-height:1.25;}
h5{margin-bottom:1.5em;font-size:16px;font-size:1.6rem;}
h6{font-size:16px;font-size:1.6rem;}
p,ol,ul,dl,address{margin-bottom:1.5em;font-size:16px;font-size:1.6rem;}
p{hyphens:auto;text-align:justify;}
ul,ol{margin:0 0 1.5em -24px;padding:0 0 0 24px;}
li ul,li ol{margin:0;font-size:16px;font-size:1.6rem;}
dl,dd{margin-bottom:1.5em;}
dt{font-weight:normal;}
blockquote{margin:0 0 1.5em -24px;padding-left:24px;border-left:1px solid #bfbfbf;font-style:italic;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
abbr[title]{border-bottom:1px dotted;cursor:help;}
b,strong{font-weight:bold;}
dfn{font-style:italic;}
hr{display:block;margin:1em 0;padding:0;height:1px;border:0;border-top:1px solid #bfbfbf;}
ins{background-color:#c3d9e6;color:#000000;text-decoration:none;}
mark{background-color:#c3d9e6;color:#000000;font-style:italic;font-weight:bold;}
pre,code,kbd,samp{font-family:"Monaco",Courier New,monospace;font-size:14px;font-size:1.4rem;line-height:1.5em;}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
q{quotes:none;}
q:before,q:after{content:"";content:none;}
small{font-size:14px;font-size:1.4rem;}
sub,sup{font-size:12px;font-size:1.2rem;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
a{color:#013568;}
a:visited{color:#011b35;}
a:hover{color:#011b35;}
a:focus{outline:thin dotted;color:#011b35;}
a:hover,a:active{outline:0;}
figure{margin-bottom:1.5em;}
figure img,figure object,figure embed{margin-bottom:0.75em;max-width:100%;}
figcaption{display:block;font-weight:normal;}
img{border:0;}
svg:not(:root){overflow:hidden;}
table{border-collapse:collapse;border-spacing:0;margin-bottom:1.5em;width:100%;font-size:14px;font-size:1.4rem;}
th,td,caption{padding:0.1875em 10px 0.1875em 5px;}
tfoot{font-style:italic;}
caption{background-color:transparent;}
tbody tr:nth-child(odd) td{background-color:#c3d9e6;}
form{margin:0;}
fieldset{margin-bottom:1.5em;padding:0;border-width:0;}
legend{*margin-left:-7px;padding:0;border-width:0;}
label{font-weight:normal;cursor:pointer;}
button,input,select,textarea{font-size:12px;font-size:1.2rem;margin:0;vertical-align:baseline;*vertical-align:middle;}
button,input{line-height:normal;*overflow:visible;}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;}
input[type="search"]{box-sizing:content-box;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
textarea{overflow:auto;vertical-align:top;}
html{-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:#c3d9e6;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
::-webkit-selection{background:#e6e6e6;color:#fafafa;text-shadow:none;}
::-moz-selection{background:#7bacc8;color:#c8977b;text-shadow:none;}
::selection{background:#D52B1E;color:#fff;text-shadow:none;}
button,input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;}
::-webkit-input-placeholder{font-size:14px;font-size:1.4rem;}
input:-moz-placeholder{font-size:14px;font-size:1.4rem;}
.ie7 img,.iem7 img{-ms-interpolation-mode:bicubic;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
p{-webkit-hyphens:auto;-webkit-hyphenate-character:"\2010";-webkit-hyphenate-limit-after:1;-webkit-hyphenate-limit-before:3;-moz-hyphens:auto;}
.ir{display:block;overflow:hidden;background-repeat:no-repeat;text-align:left;text-indent:-999em;direction:ltr;}
.ir br{display:none;}
.hidden{display:none;visibility:hidden;}
.visuallyhidden{position:absolute;margin:-1px;padding:0;height:1px;width:1px;overflow:hidden;border:0;clip:rect(0 0 0 0);}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{position:static;margin:0;height:auto;width:auto;overflow:visible;clip:auto;}
.invisible{visibility:hidden;}
@media print{*{background:transparent !important;color:black !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important;} @page {margin:0.5cm;}h2,h3{orphans:3;widows:3;page-break-after:avoid;} p{orphans:3;widows:3;} pre,blockquote{border:1px solid #808080;page-break-inside:avoid;} abbr[title]:after{content:" (" attr(title) ")";} a,a:visited{color:#000000 !important;text-decoration:underline;} a[href]:after{content:" (" attr(href) ")";} a[href^="javascript:"]:after,a[href^="#"]:after{content:"";} img{max-width:100% !important;page-break-inside:avoid;} thead{display:table-header-group;} tr{page-break-inside:avoid;} .ir a:after{content:"";}}

/* Author: Jonny Campbell */


html { background:#fff; }
body { background:#fff; color:#333; line-height:197%; font-family:skolar, Georgia, Times, serif; margin-bottom:.03em; width:100%; text-rendering:optimizelegibility; }
h1, h2, h3, h4, h5, h6 { font-family: futura-pt, "Helvetica Neue", sans-serif; text-transform: uppercase; letter-spacing: 2px; }
p { font-family: "ff-tisa-web-pro", Georgia, serif; }
a { color:#D52B1E; text-decoration:none; }
a:visited { color:#D52B1E; }
a:hover { color:#ca281c; border-bottom:1px solid; }
a:focus { outline:thin dotted; color:white; }
a:hover,a:active { outline:0; }
em { font-style: italic; }

h1#logo { float: left; }
h1#logo a { display: block; text-indent: -9999px; background: url(../img/logo-70.png) no-repeat; background-size: 75%; height: 70px; width: 70px; }
h1#logo a:hover { padding-bottom: 0; border-bottom: 0; }
h1#logo a:active { position: relative; top: 1px; }
h2 { font-size: 4.2em; margin: 0em; }
h2.intro-header span { color:#D52B1E; cursor: default; }

div.intro-body { width: 100%; }
div.intro-body p { font-size: 1em; line-height: 1.7em; text-align: left; margin-bottom: 1.7em; text-shadow: 1px 1px 0px #fff; }
p#lead-para { font-size: 1.5em; font-style: italic; font-weight: 800; margin-bottom: 1.25em; line-height: 1.5; }

.love { display: none; }

/* nav { background: #222; width: 100%; height:25px; }
nav p { color: white; font-family: futura-pt, "Helvetica Neue", sans-serif; font-size: 0.7em; text-transform: uppercase; letter-spacing: .2em; }
.nav-left { position: absolute; left: 0; margin: 6px 0 0 10px;  }
.nav-right { position: absolute; right: 0; margin: 6px 10px 0 0; } */

nav { float: right; margin-top: 1.6em; }
nav ul { list-style-type: none; }
nav ul li { display: inline; font-family: futura-pt, "Helvetica Neue", sans-serif; font-size: 0.8em; text-transform: uppercase; letter-spacing: 1px; }
nav ul span { padding: 0 0.75em; color: #D52B1E; }
nav ul li a { color: #222 !important; font-weight: 800; }
nav ul li a:hover { border-bottom: 2px solid #ca281c; }

#container { padding-top: 1.5em; margin:0 auto; width: 90%;}
div.content { margin: 1em 0 12em 0; clear: both; }
footer { background:#222 /* url(../img/bg-footer.jpg) */; border-top:1px solid #ef6257; height:100%; }
footer p { font-family: futura-pt, "Helvetica Neue", sans-serif; color: #eee; font-size: .4em; font-weight: 200; text-align:center; letter-spacing:.3em; text-transform:uppercase; line-height:2.5; margin:205px 0 4.5em;}
footer a { color: white; font-weight:bold; }
footer a:visited { color: white; }
footer a:hover { color: white; border-bottom:1px solid; padding-bottom:1px; }

/*
footer p { color: #eee; font-size: .4em; text-align:center; letter-spacing:.3em; text-transform:uppercase; line-height:2.5; }
footer p:nth-child(1) { margin:205px 1em 0; }
footer p:nth-child(2) { margin:5px 0 4.5em; }
*/

/* Based on @_victa's CSS3 Path Menu (http://lab.victorcoulon.fr/css/path-menu) */
#pop-button { width:60px; height:60px; display:block; -moz-border-radius:40px; -webkit-border-radius:40px; -o-border-radius:40px; -ms-border-radius:40px; -khtml-border-radius:40px; border-radius:40px; color:#fff; text-align:center; margin:-32px auto 0; box-shadow:0 3px 8px black; -o-box-shadow:0 3px 8px black; -icab-box-shadow:0 3px 8px black; -khtml-box-shadow:0 3px 8px black; -moz-box-shadow:0 3px 8px black; -webkit-box-shadow:0 3px 8px black; border:3px solid #FFF; -webkit-tap-highlight-color: rgba(0,0,0,0); }
#pop-button button { background:#D52B1E; color:white; position:relative; top: 0; left:0; text-decoration:none; font-weight:800; font-size: 42px; -webkit-tap-highlight-color: rgba(0,0,0,0);}
#pop-button button:hover { background:#ca281c; }
#pop-button button:active { box-shadow:inset 0 0 8px #000; -o-box-shadow:inset 0 0 8px #000; -icab-box-shadow:inset 0 0 8px #000; -khtml-box-shadow:inset 0 0 8px #000; -moz-box-shadow:inset 0 0 8px #000; -webkit-box-shadow:inset 0 0 8px #000; }

/* IE Hacks */

.ie6 #social-media-icons { display: none; }
.ie7 #social-media-icons { display: none; }
.ie8 h1#logo a { background: url(../img/logo-70.png) no-repeat; height: 70px; width: 70px; background-size:70px 70px; }
.ie8 #social-media-icons { display: none; }


/* 320px */

@media only screen and (min-width: 320px){


}

/* 480px */

@media only screen and (min-width: 480px){

h2 { font-size: 4.6em; margin-bottom: 0.1em; }
p#lead-para { font-size: 1.9em; font-weight: 800; margin-bottom: 1em; }
div.intro-body p { font-size: 1.1em; }

}


/* 600px */

@media only screen and (min-width: 600px){

nav ul li { font-size: 0.9em; }
nav ul span { padding: 0 1em; }
#container { padding-top: 1.5em; margin:0 auto; width: 78%;}
div.content { margin: 9em 0 12em 0; }
footer p { font-size: .6em; margin:195px 0 4em; }

p#lead-para { font-size: 2em; margin-bottom: 0.75em; }
h1#logo a { background-size: 90%; }
h2 { font-size: 5em; margin-bottom: 0.15em; }

.love { display: inline; cursor: none; font-size: 1.5em; font-style: normal; position: absolute; color: #D52B1E; z-index: 0; margin: -6px 0 0 -5px; background: white; padding: 7px; opacity: 0;}

.highlight { 
 -webkit-animation-name: colorPulse;
 -webkit-animation-duration: 1s;
 -webkit-animation-iteration-count: infinite;
 -webkit-animation-direction: alternate;
 -webkit-animation-timing-function: ease-in-out;
 -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes colorPulse {
      0% {color: #222;}
    100% {color: #D52B1E;}
}

.earthquake, .hurricane { cursor: default;-webkit-transition-property: color; -webkit-transition-duration: .2s; -webkit-transition-timing-function: ease-in-out; }
.earthquake:hover, .hurricane:hover { color:#ca281c; }

.shake {
    -webkit-animation-name: earthquake;
    -webkit-animation-duration: 1.5s;
		-webkit-animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
}
 
@-webkit-keyframes earthquake {
    0% {
        -moz-transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    15% {
        -moz-transform:rotate(1.5deg);
        -webkit-transform:rotate(1.5deg);
        -o-transform:rotate(1.5deg);
        transform:rotate(1.5deg);
    }
    30% {
        -moz-transform:rotate(-2.75deg);
        -webkit-transform:rotate(-2.75deg);
        -o-transform:rotate(-2.75deg);
        transform:rotate(-2.75deg);
    }
    45% {
        -moz-transform:rotate(2deg);
        -webkit-transform:rotate(2deg);
        -o-transform:rotate(2deg);
        transform:rotate(2deg);
    }
    60% {
        -moz-transform:rotate(-2.25deg);
        -webkit-transform:rotate(-2.25deg);
        -o-transform:rotate(-2.25deg);
        transform:rotate(-2.25deg);
    }
    75% {
        -moz-transform:rotate(2.2deg);
        -webkit-transform:rotate(2.2deg);
        -o-transform:rotate(2.2deg);
        transform:rotate(2.2deg);
    }
    87% {
        -moz-transform:rotate(-3deg);
        -webkit-transform:rotate(-3deg);
        -o-transform:rotate(-3deg);
        transform:rotate(-3deg);
    }
    100% {
        -moz-transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);
    }
}

.windy {
    -webkit-animation-name: hurricane;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in;
}
 
@-webkit-keyframes hurricane {
  0% {
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
    -webkit-animation-timing-function: cubic-bezier(1, 0.6, 0.57, 0.75);
  }
  50% {
		-moz-transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
		-o-transform:rotate(180deg);
		transform:rotate(180deg);
    -webkit-animation-timing-function: cubic-bezier(0.45, 0.97, 0.51, 0.78);
  }
  100% { 
		-moz-transform:rotate(360deg); 
		-webkit-transform:rotate(360deg); 
		-o-transform:rotate(360deg); 
		transform:rotate(360deg); 
    -webkit-animation-timing-function: ease-out;
	}
}

}


/* 768px */

@media only screen and (min-width: 768px){


}


/* 992px */

@media only screen and (min-width: 992px){

#container { padding-top: 2.5em; margin:0 auto; width: 78%;}
div.content { margin: 11.5em 0 12em 0; }
h2 { font-size: 6.75em; margin-bottom: 0em; }
p#lead-para { font-size: 2.7em; margin-bottom: 0.55em; text-align: left; }
div.intro-body p { font-size: 1.2em; text-align: justify; }
.body-copy { -moz-column-width:22em; -moz-column-gap:2.5em; -webkit-column-width:22em; -webkit-column-gap:2.5em; column-count:2; }

}


/* 1382px */

@media only screen and (min-width: 1382px){

div.content { margin: 13em 0 12em 0; }
h2 { font-size: 7.5em; margin-bottom: 0em; }
p#lead-para { font-size: 3em; margin-bottom: 0.55em; }
div.intro-body p { font-size: 1.45em; }
h1#logo a { background-size: 100%; }
nav ul li { font-size: 1.25em; }

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5){
h1#logo a { background: url(../img/logo-140.png) no-repeat; background-size:54px 54px; }
.items li a { background:url(../img/social-iconsx2.png) no-repeat; background-size:37px 176px; }
.items li:nth-child(1) a { background-position:6px 11px; }
.items li:nth-child(2) a { background-position:7px -36px; }
.items li:nth-child(3) a { background-position:6px -83px; }
.items li:nth-child(4) a { background-position:6px -133px; }
ul.items { left:-26px;}
}