/*
Website Design/Build:
Kevin Snell
Formulate Communicative Design
www.formulate.ca
*/


/* GLOBAL */

html,body { margin:0; padding:0; color:#565656; font-size:16px; font-family: 'Roboto', sans-serif; }

input:focus { outline: none; }

a { color:#378ECC; }
a:hover { text-decoration:none; color:#f20; }

h1, h2, h3 { letter-spacing:1px; line-height:1.3em; font-weight:300; }

em { color:#687586; }

hr { margin:25px 0 !important; border:none; border-top:2px dotted #ccc; }

.uk-button { background:#fff; color:#F1592A; font-size:15px; font-weight:400; letter-spacing:1px; text-transform:initial; height:36px; line-height:35px; border:1px solid #F1592A; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.uk-button:hover { background:#F1592A; color:#fff; }
.uk-button.reverse { background:#F1592A; color:#fff; }
.uk-button.reverse:hover { background:#fff; color:#F1592A; }
.uk-button-large { height:50px; line-height:50px; font-size:16px; padding:0 60px; }
.uk-button-small { height:30px; line-height:29px; font-size:13px; padding:0 20px; }

.video lite-youtube { margin:0 auto; max-width:900px; }
.page1016 .video lite-youtube { margin:0 auto; max-width:720px; }

#editpage { position: fixed; top: 4px; left: 49%;  z-index:9999; }
#editpage a { float:left; padding: 3px 6px 5px 6px; background: #db1174; color: #FFB8DB; display: block; font-weight: normal; font-size:14px; z-index:9999; margin:0 1px; text-decoration:none; line-height:1em; stroke-width:2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#editpage a:hover { background: #ffffcc; color: #000; text-decoration:none; }


/* STYLES */

.fnp_orange { color:#F1592A; }

#header { padding:0 20px; background:#fff; border-bottom:3px solid #F1592A; }
#header .uk-grid { height:90px; }
#header .logo img { position:relative; top:-2px; width:100%; max-width:320px; }
#header .toggle { padding:0 15px; }
#header .toggle i.uk-icon { position:relative; top:-1px; }
#header .menu { text-align:right; }
#header .menu ul { margin:5px 0 0 0; padding:0; list-style:none; }
#header .menu ul li { display:inline; padding:0 8px; }
#header .menu ul li a { color:#000; font-size:17px; }
#header .menu ul li a:hover { color:#F1592A; }
#header .menu ul li .uk-button { position:relative; top:-2px; height:34px; line-height:33px; font-size:15px; background:#F1592A; color:#fff; }
#header .menu ul li .uk-button:hover { background:#fff; color:#F1592A; }
#header .menu ul li.social { position:relative; top:-2px; padding:0 5px; }
#header .menu ul li.social a { display:inline-block; color:#666; padding:0; font-size:15px; }
#header .menu ul li.social a.fb { padding:0; }
#header .menu ul li.social a.tw { padding-left:4px; }
#header .menu ul li.social a.yt i { position:relative; top:-1px; }
#header .menu ul li.social a:hover { color:#F1592A; border-color:#F1592A; }
#header .uk-button-small { margin:5px 0; }

#hero { width:100%; background:#000; border-bottom:3px solid #F1592A; text-align:center; }
#hero img { width:100%; opacity:.5; }
#hero .uk-overlay { margin-top:-15px; }
#hero h1 { margin:15px 0 0 0; color:#fff; font-size:24px; font-weight:500; text-transform:uppercase; letter-spacing:2px; line-height:1.1em; }
#hero h2 { margin:15px 0 0 0; color:#fff; font-size:15px; font-weight:400; letter-spacing:2px; line-height:1.1em; }
#hero img.icon { opacity:1; width:55px; height:55px; border:2px solid #fff; border-radius:50%; }
.page1 h1 { margin:0; }

#content { width:100%; max-width:1020px; margin:0 auto; padding:40px 0; background:#fff; }
.padded { padding:0 20px; }
#content ul ul { margin:15px 0; }
#content ul li { padding:5px 0; }

#ctas div { padding:0 5px; text-align:center; margin-bottom:40px; font-size:16px; }
#ctas img { width:100%; max-width:380px; }
#ctas .uk-button { text-transform:initial; width:220px; }
#ctas span { font-weight:normal; font-size:38px; color:#F1592A; }

#what { margin-top:20px; text-align:center; }
#what .title { margin:20px 0 20px 0; text-align:center; font-size:22px; color:#000; line-height:1.1em; }
#what .title img { position:relative; top:-4px; max-height:26px; margin:0 5px 0 10px; }
#what .acosta .title { margin-top:0; }
#what .video lite-youtube { margin:0 auto; max-width:900px; }

#dodont { margin:40px auto 0 auto; padding-top:30px; text-align:left; border-top:1px dotted #ccc; }
#dodont .do img { margin:0 0 5px 0; height:60px; }
#dodont .dont img { margin:0 0 -7px 0; height:72px; }
#dodont ul { margin:0; padding:0 0 0 18px; list-style-type:circle; }
#dodont ul li { padding:3px 0 3px 3px; font-size:16px; line-height:1.3em; }

#challenge { margin:30px 0; background:#F1592A; color:#fff; }
#challenge .padded { float:right; max-width:600px; padding:35px 20px 20px 20px; }
#challenge h2 { margin:0 0 3px 0; color:#fff; font-size:26px; }
#challenge h3 { margin:0 0 18px 0; color:#000; font-size:20px; }
#challenge h3 strong { letter-spacing:initial; }
#challenge p { text-align:justify; font-size:15px; }
#challenge .uk-button { text-transform:uppercase; }
#challenge .uk-button:hover { border-color:#fff; color:#fff; }
#challenge .uk-countdown .bkg { min-width:70px; padding:10px 5px 5px 5px; text-align:center; background:#DD5228; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
#challenge .uk-countdown-number { font-size:30px; color:#9E2500; letter-spacing:1px; }
#challenge .uk-countdown-label { padding:3px 0 0 0; font-size:11px; color:#FA7C55; text-transform:uppercase; letter-spacing:1px; }

#articles { width:100%; max-width:1200px; margin:60px auto; }
#articles .padded { padding:0 20px; }
#articles .uk-grid { margin-bottom:40px; }
#articles h2 { margin:0 0 30px 0; color:#000; }
#articles h3 { margin:10px 0 12px 0; padding:0 15px; font-size:18px; letter-spacing:initial; line-height:1.2em; }
#articles p { margin:-8px 0 10px 0; padding:0 15px; color:#919191; font-size:12px; }
#articles .uk-inline { overflow:hidden; }
#articles .uk-overlay { padding:0 15px; }
#articles .uk-overlay label { display:block; position:relative; bottom:-2px; z-index:2; padding:5px 15px 6px 15px; color:#fff; font-size:9px; letter-spacing:1px; line-height:1em; text-transform:uppercase; background:#F1592A; 
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px; }
#articles .item:hover h3 { color:#F1592A; }

#boxes { padding-top:15px; }
#boxes .uk-accordion li { padding:3px 0; font-size:15px; }
#boxes .uk-accordion li a.uk-accordion-title { position:relative; max-width:300px; min-height:43px; padding:10px 90px 10px 20px; color:#fff; font-size:18px; line-height:1.2em; background:#F1592A; border:1px solid #F1592A; }
#boxes .uk-accordion li a.uk-accordion-title::before { display:none; }
#boxes .uk-accordion li a.uk-accordion-title::after { content:'+'; position:absolute; right:18px; top:33%; font-weight:100; font-size:40px; }
#boxes .uk-accordion li.uk-open a.uk-accordion-title::after { content:'–'; top:35%; right:16px; }
#boxes .uk-accordion li a.uk-accordion-title.corp { background:#2A7AF1; border-color:#2A7AF1; }
#boxes .uk-accordion li a.uk-accordion-title:hover { background:#fff; border-color:#F1592A; color:#F1592A; }
#boxes .uk-accordion li a.uk-accordion-title.corp:hover { border-color:#2A7AF1; color:#2A7AF1; }

#faqs { width:100%; max-width:1120px; margin:60px auto; text-align:justify; }
#faqs h2 { margin:0; font-size:38px; }
#faqs h4 { margin:30px 0 -10px 0; font-weight:500; }

#pledged { margin:15px 0; }
#pledged div div { margin:0 auto; min-width:250px; border:2px solid #F1592A; width:fit-content; }
#pledged div div h2 { margin:0 auto; padding:0 10px; color:#F1592A; font-size:40px; line-height:1em; }
#pledged div div .uk-icon { padding:10px 15px; background:#F1592A; color:#fff; }
#pledged p { margin:10px 0; font-size:20px }

#supporters { margin:40px 0 50px 0; padding:0 40px; text-align:center; }
#supporters h2 { margin:0 0 10px 0; }
#supporters .uk-grid div { margin-top:10px; }
#supporters img { width:100%; max-width:400px; padding:10px; }

#bios { margin-bottom:40px; }
#bios .bio .photo img { width:100%; max-width:220px; border-radius:50%; padding:5px; background:#fff; }
#bios .bio { margin-top:45px; text-align:center; }
#bios .bio p { margin:0; }
#bios .bio h3 { margin:12px 0 0 0; font-size:22px; }
#bios .bio h4 { margin:6px 0 0 0; font-size:15px; line-height:1.3em; color:#8c8c8c; }

#footer { background:#F1592A; padding:40px 20px; }
#footer .logo { text-align:center; }
#footer .logo img { width:100%; max-width:200px; }
#footer .links { padding-top:20px; text-align:center; }
#footer .links ul { margin:0; padding:0; list-style:none; }
#footer .links ul li { display:inline; padding:0 15px; }
#footer .links ul li a { color:#fff; font-size:15px; }
#footer .links ul li a:hover { color:#000; }
#footer .links ul li.social { padding:0 5px; }
#footer .links ul li.social a { display:inline-block; color:#000; padding:0; font-size:15px; }
#footer .links ul li.social a.fb { padding:0; }
#footer .links ul li.social a.tw { padding-left:4px; }
#footer .menu ul li.social a.yt i { position:relative; top:-1px; }
#footer .links ul li.social a:hover { color:#fff; }

#copyright { background:#B33E1A; text-align:center; padding:8px; color:#d0753e; font-size:13px; }
#copyright p { margin:0; }

.page1016 #content .uk-button { margin:20px 0 0 0; }
.page1016 #supporters { margin-top:0; }
.page1016 .quote h5 { margin:20px 0 0 0; font-weight:bold; font-size:18px; }
.page1016 .quote p { margin:5px 0; line-height:1.3em; font-size:15px; }
.page1016 blockquote { max-width:720px; margin:10px auto; font-size:15px; text-align:justify; color:#7586a2; }
.page1016 .quote.uk-grid-margin { margin-top:20px; }

.page1017 .uk-input { background:#eeeeee; border-color:#E7BFB3; }
.page1017 .uk-select { background:#eeeeee; border-color:#E7BFB3; }
.page1017 #wrap_Inputfield_business label { font-size:16px; }
.page1017 #wrap_pledge_submit { padding-top:10px; }


/* SHARE */

.share { margin:15px 0 0 0; padding:5px 0; line-height:0; margin-bottom:25px; }
.share h2 { margin:0 0 7px 0; font-size:22px; }
.share ul { margin:0; padding:0; list-style:none; }
.share ul li { display:inline; }
.share a { display:inline-block; margin:0; width:40px; height:40px; line-height:40px; text-align:center; background-color:#ccc; color:#fff; }
.share a.facebook { background-color:#3b5998; }
.share a.twitter { background-color:#00aced; }
.share a.instagram { background-color:#833AB4; }
.share a.linkedin { background-color:#007bb6;}
.share a.google { background-color:#dd4b39; }
.share a.pinterest { background-color:#cb2027; }
.share a.email { background-color:#3490f3; }
.share a:hover { background-color:#fff; color:#00aced; }


/* MEDIA QUERIES */

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

  .page1017 #Inputfield_email { width:50%; }

}

@media only screen and (min-width: 640px) {  
  
  .padded { padding:0 40px; }
  .page1 .padded { padding:0 15px; }
  #header { padding:0 30px; }
  #hero h1 { font-size:32px; }
  #hero h2 { font-size:16px; }
  #footer { padding:40px; }
  #ctas div { padding:0 15px; }
  #challenge .padded { padding:35px 40px 20px 40px; }
  #articles .padded { padding:0 40px; }
  
}

@media only screen and (min-width: 960px) { 
  
  #hero h1 { font-size:40px; }
  #pledged div div { min-width:340px; }
  #pledged div div h2 { font-size:50px; }
  #footer .logo { text-align:left; }
  #footer .links { padding-top:0; text-align:right; }
  .page1017 .text { padding-right:40px; }
  
}

@media only screen and (min-width: 1024px) {  
  
    .page1 #content { position:relative; z-index:2; top:-88px; margin-bottom:-85px; padding:25px 0 40px 0; }
    #header .menu ul li { padding:0 10px; }
    #header .menu ul li a { font-size:18px; }

}

@media only screen and (min-width: 1200px) {    
    #header { padding:0 40px; }
    #header .menu ul li { padding:0 18px; }
    #header .menu ul li a { font-size:19px; }
    #hero h1 { font-size:45px; }
    #hero h2 { font-size:20px; }
}

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

@media only screen and (min-width: 1600px) { 
  
  #articles { max-width:1370px; }
  
}