/* -----------------------------------------
   Shared Styles
----------------------------------------- */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a { text-decoration: none; line-height: inherit; cursor: pointer; }
h1,h2,h3,h4,h5,h6{font-family: "proxima-nova",sans-serif; font-style: normal; font-weight: 600;text-transform: uppercase;}
img{max-width: 100%;}
a#back{background:#000; color:#fff;}
a#back:hover{background:#fff;}

body{background:url('../noise.png') repeat top left;color:#193138;font-size: 16px;font-family: "proxima-nova",sans-serif; font-style: normal; font-weight: 400; margin:0; padding:0;}
body.bg-img{background:url('../food.png') repeat top center;}
body.bg-white{background:#fff;}
body.bg-gray{background:#e5e5e5;}
div.noise{background:url('../noise.png') repeat top left;}

#top-nav{width:100%; background-color:rgba(255,255,255,.9); color:#000;font-size: 14px; font-weight:700; letter-spacing: 1px;}
#top-nav > a{display:block; position:absolute; top:0;left:0;color:#60bad4; padding: 20px;text-decoration: none;}
nav{width:100%;min-width:769px;max-width:100%;margin:0 auto;padding: 0; position: fixed; z-index: 99; float:left;transition: width 0.2s ease;}
nav:before, nav:after { content: " "; display: table; }
nav:after{clear:both;}
nav div{float:left;}
nav div:last-child{float:right;}
nav ul{list-style: none; padding:0;}
nav ul > li{display:inline; position: relative;}
nav #top-nav li a{color:#60bad4;border-bottom:solid 3px transparent;padding:10px 20px;}
nav #top-nav li a:hover{cursor:pointer;color:#60bad4;  border-bottom:solid 3px #60bad4; }
nav #top-nav{position: relative;}
nav #top-nav #nav-links{display: inline;float: right;padding:5px 10px;}


header{width:1024px;min-width:769px;max-width:100%;margin:0 auto 15px;padding:80px 0 10px; z-index: 10; position: relative;}
header:before, header:after { content: " "; display: table; }
header:after{clear:both;}
header h1{font-size:48px;margin:0;float:left;color:#fff;}
header a{float:right;}
header a{padding:20px;color:#fff;}
header a#cta-join{background:#60bad4; box-shadow:1px 1px 0px #4e96aa,2px 2px 0px #4e96aa,3px 3px 0px #4e96aa,4px 4px 0px #4e96aa;margin-right:10px;}
header a#cta-join:hover{background:#6ed3ef; }
header a#cta-sign{background:#f05a23;box-shadow:1px 1px 0px #cc4c1e,2px 2px 0px #cc4c1e,3px 3px 0px #cc4c1e,4px 4px 0px #cc4c1e;}
header a#cta-sign:hover{background:#ff7442;}
img#act-logo{width: 345px; margin-left:10px;} 
.hide{display: none;}
#text-logo{text-shadow:1px 1px 0px #000;margin: 10px 0;}

.offset-sidebar{width: 0; overflow: auto; position: fixed; top: 0; right: 0; height: 100%;}
a.close{display:block ; text-align: left; padding:5px;} 
.canvas-wrap { width: 100%; float: left; height: 100%; position:relative;transition: width 0.2s ease;} 
.canvas-wrap.pushleft{width: 80%;}
.offset-sidebar { transition: width 0.3s ease; } 
#main-sidebar:target { width: 20%; box-shadow:0px 0 1px #f9f9f9;border-left: 1px solid #ddd;} 
#main-sidebar:target + .canvas-wrap{width:80%;}
#main-sidebar:target + .canvas-wrap nav{width:80%;}
#main-sidebar{z-index: 999;background: #f9f9f9;}
#main-sidebar > p{padding:0px 20px; text-align: center;}
#main-sidebar ul{list-style: none;}
#main-sidebar li a{display: block;padding:20px 0px; color:#005596;}
#main-sidebar #admin-settings li a{padding:0px 0px; color:#fff;}
#login-options{padding:0px 20px 20px;}
#login-options i{margin-bottom:10px; text-align:center; display:block;}
a.signuserin{display: block; color:#fff; padding:20px; margin-bottom:20px;}
.signuserin.facebook{background:#3b5998;}
.signuserin.twitter{background:#00acee;}
.signuserin.email{background:#60bad4;}
.signuserin.join{background:#60bad4;display: inline-block;
width: 25%; padding:20px 12px;}
#login-options input[type=text]{ border:solid 1px #e5e5e5;height: 61px; width: 75%; padding: 10px; margin: 0;display:inline;}

#supporter-info{border-radius:3px;background:#fff;padding-left:20px;}
#supporter-avatar{width:100px;display:inline-block; margin:0 auto;border-radius: 50%; padding:10px; background:#fff;}
#supporter-info h4, #supporter-info h5{padding-left:10px;display: inline-block;vertical-align: top; text-transform: none;}
#supporter-info h4 span{display:block; padding:5px; background:#60bad4; color:#fff;font-weight:500; letter-spacing: 1px;}
#supporter-nav ul#admin-settings{margin: 0;padding:0; }
#supporter-nav #admin-settings li{width:100%;background:#60bad4;color:#fff;padding:10px 20px; font-style: normal; font-size: 14px; text-align: left;}
#sidebar-buttons a{background: #ffc600; text-align:center; font-weight:500; font-size: 21px; padding:20px; display: block; border-radius: 3px; margin-bottom:15px;}
#supporter-nav ul#links{margin:0;padding:0;}
#supporter-nav ul#links li a{padding:15px 20px;}
#supporter-nav ul#links li a:hover{border-left: 2px solid #005596; background: #fff;}
#social-share{padding:20px;}

#test-tools{padding:20px; background:#e5e5e5; color:#000;}
#test-tools a{display:block; color:#000;}
#test-tools h5, #test-tools h4{margin:10px 0 0;}


#wrapper{ color:#fff;}
#wrapper.home{background: #faad4b; color:#fff; height:500px;}
#container{width:1024px;min-width:769px;max-width:100%;margin:0 auto;padding:15px 0;}
#container:before, #container:after { content: " "; display: table;}
#container:after{clear:both;}
#main-content{width: 65%;margin:0 auto;padding:0px 30px 0 20px;float: left; min-height: 1px;position: relative;}
#main-content h1{margin: 0 0 30px;}

#side-content{width: 35%;margin:0 auto;padding:15px 20px;float: left; min-height: 1px;position: relative;background:#fff; border-radius:3px;color:#000; border-top: 2px solid #f05a23;}
#side-content h1{color:#000 !important;}
#side-content .facebook{margin: 30px 0 30px;width:100%; height:260px;  border:solid 2px #3b5998;}
#side-content .facebook p{padding:30%;}


a#volunteer-bttn,a#donate-bttn{display: block; background:#60bad4; box-shadow:1px 1px 0px #4e96aa,2px 2px 0px #4e96aa,3px 3px 0px #4e96aa,4px 4px 0px #4e96aa; color:#fff; border-radius:3px; padding:20px; margin-bottom:10px; width: 99%;}
a#volunteer-bttn:hover,a#donate-bttn:hover{background:#6ed3ef;}
.bttn{display:block;text-align:center;padding:20px; background:#60bad4; box-shadow:1px 1px 0px #4e96aa,2px 2px 0px #4e96aa,3px 3px 0px #4e96aa,4px 4px 0px #4e96aa;  color:#fff;}

footer{background:#fff; color:#000;width:100%;min-width:769px;max-width:100%;margin:0 auto;padding:15px 0; height:300px;}
footer section{width:1024px;min-width:769px;max-width:100%;margin:0 auto;}
footer section div{width:33.333%; float:left; min-height: 1px;position: relative;}
footer section div > h5{color:#60bad4;}
footer section div > ul{list-style:none; padding:0; margin:0;}
footer section div > ul li{color:#60bad4;padding:10px 0;}
/* -----------------------------------------
   Index
----------------------------------------- */
section#slider{width:100%;max-width:100%;margin:0 auto;padding:15px 0; height:500px; background:url('../protest-dark.jpg') no-repeat top center;position:absolute;top: 0; z-index:-1;} 
section#slider:before, section#hero:after { content: " "; display: table; }
section#slider:after{clear:both;}
section#slider h1{font-size:42px; color:#fff; text-transform: uppercase; line-height: 60px; font-family: "proxima-nova",sans-serif; font-style: normal; font-weight: 300; margin:0;text-align: left; position: absolute; left:0;bottom: 70px;padding:30px 30px 30px 270px; background-color:rgba(110,211,239,0.8);}

#slider + #home-news{margin-top: 329px;}
#slider + #home-news.margin-zero{margin-top: 0px;}
#home-news{width:1024px;min-width:769px;max-width:100%;margin:0 auto;padding:40px 0 30px; }
#home-news:before, #home-news:after { content: " "; display: table;}
#home-news:after{clear:both;}
#home-news #progress{width:59%;float: left; background-color:#fff; padding:24px;border-top: 2px solid #f05a23; border-radius: 3px;}
#home-news #progress h1{margin:0;}
#home-news #progress-bar{margin-top:20px;background:#e5e5e5; color:#fff; border-radius: 5px;}
#home-news #progress-bar #bar{background:#a5dc64; width:57%; padding:10px 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; text-align:center;}
#home-news #progress-bar #bar i{ margin:0 auto; display:block; font-style: normal; font-weight: 700; letter-spacing:1px;}
#home-news #progress .sign{color:#fff;background:#f05a23;box-shadow:1px 1px 0px #cc4c1e,2px 2px 0px #cc4c1e,3px 3px 0px #cc4c1e,4px 4px 0px #cc4c1e;display: inline-block;
width: 25%; padding:20px 12px; text-align: center;}
#home-news #progress input[type=text]{ border:solid 1px #e5e5e5;height: 61px; width: 75%; padding: 10px; margin: 0;display:inline;}
#home-news #progress p{text-align:center;}

#home-news #about{width:39%; float:right;background:#fff; border-radius:3px;color:#000;padding:20px;}
#home-news #about h1{margin:0;}
#home-news #about p:before{content: "1/2/14 ";font-size:12px; font-weight:700;color: #f05a23; top: 0; display:block;}
#home-news #about a{color:#f05a23;}
#home-news #about > a:last-child{display:block;text-align:center;padding:20px; background:#60bad4; box-shadow:1px 1px 0px #4e96aa,2px 2px 0px #4e96aa,3px 3px 0px #4e96aa,4px 4px 0px #4e96aa;  color:#fff;}

#take-action{width:1024px;min-width:769px;max-width:100%;margin:0 auto;padding:0 0 50px;}
#take-action:before, #take-action:after { content: " "; display: table;}
#take-action:after{clear:both;}
#take-action #latest{width:39%; float:left;background:#fff; border-radius:3px;color:#000; padding:20px;}
#take-action #latest h1{margin:0;}
#take-action #latest p:before{content: "1/2/14 ";font-size:12px; font-weight:700;color: #f05a23; top: 0; display:block;}
#take-action #latest a{color:#f05a23;}
#take-action #latest > a:last-child{display:block;text-align:center;padding:20px; background:#60bad4; box-shadow:1px 1px 0px #4e96aa,2px 2px 0px #4e96aa,3px 3px 0px #4e96aa,4px 4px 0px #4e96aa;  color:#fff;}

#take-action #events{width:59%;float: right; padding:0 0px 0 40px; border-radius: 3px; color:#fff;}
#take-action #events > h2{font-size: 20px;color:#000; margin:15px 0;}
#take-action #events .date {width:25%;margin:0 auto;float: left; min-height: 1px;position: relative;background:#fff; border:solid 2px #fff; text-align:center;padding:20px 10px;}
#take-action #events .date h4, span.date h3{margin: 0; color:#60bad4;}
#take-action #events .date h4{font-size:62px;}
#take-action #events .date h3{margin:0; color:#60bad4;}
#take-action #events .details {color:#000;width:75%;margin:0 auto;float: left;position: relative; padding:0 20px;}
#take-action #events .details h2{margin:0;}
#take-action #events a{color:#fff;padding:20px;background:#60bad4; display:block;}
#take-action #events a:hover{background:#6ed3ef;}
/* -----------------------------------------
   Petition
----------------------------------------- */
input[type="text"], input[type="textarea"] { background-color: #f8f8f8; font-family: inherit; border: 1px solid #cccccc;  border-radius: 2px;  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin: 0 0 12px 0; padding: 6px; height: 40px; width: 100%;  transition: all 0.15s linear; }
label { font-size: 14px; color: #4d4d4d; cursor: pointer; display: block; font-weight: 500; margin-bottom: 10px; }
select { width: 100%;margin-bottom:20px; }
fieldset {background:#fff; border: solid 1px #ddd; border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px; padding: 25px; margin: 0px 0 18px; }
textarea { height: auto; }
label.check{background:#e5e5e5;margin-top:-12px;}
input[type="checkbox"]{margin:10px 0 10px 20px;}

#container.petition{width:1024px;min-width:769px;max-width:100%;margin:0 auto;padding:15px 0; } 

#container.petition #content{border-radius: 3px;width:65%; padding:0px 30px 40px 0px;float: left; min-height: 1px;position: relative;}
#container.petition #content h1{font-size:24px; font-weight:700;margin:10px 0; color:#fff;}
#container.petition #content > h4{font-size:24px; margin:10px 0; color:#fff;}
#container.petition #content p{line-height:1.8; padding:20px 20px 30px; background-color: #fff;}
#container.petition #content #petition-signers{ padding:20px 0; margin-bottom:20px;}
#container.petition #content .signer{width:100%;float:left;display:block;margin-bottom:20px;background: #f9f9f9; padding: 10px;}
#container.petition #content .signer h4{margin: 5px 0;}
#container.petition #content .signer h4 span{font-weight: 300;}
#container.petition #content .signer .signer-icon{width:50px;background:#fff; padding:10px 10px 0; float:left;}
#container.petition #content .signer .signer-icon img{display:block;margin:0 auto;}
#container.petition #content .signer .signer-comment{float:left;width:90%;padding:0 20px;}



#container.petition #form{width:35%; padding:0px 0px 20px;float: right; min-height: 1px;position: relative;}
#container.petition #form #form-header{background:#f05a23; padding:10px; border-top-left-radius: 5px; border-top-right-radius: 5px;
border-top: 1px solid #cc4c1e; border-right: 1px solid #cc4c1e; border-left:1px solid #cc4c1e;}
#container.petition #form h1{font-size:32px; margin:10px 0; text-align:center; font-weight:700; color:#fff;}
#container.petition #form h2{color:#fff;font-size:16px; margin:10px 0; text-align:center;font-family: "proxima-nova",sans-serif; font-style: normal; font-weight: 400; text-transform: none;}
#container.petition #form h2 span{color:#a5dc64;}
#container.petition #progress-bar{background:#e5e5e5; color:#fff; border-radius: 5px;}
#container.petition #progress-bar #bar{background:#a5dc64	; width:57%; padding:10px 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; text-align:center;}
#container.petition #progress-bar #bar i{ margin:0 auto; display:block; font-style: normal; font-weight: 700; letter-spacing:1px;}
#container.petition #progress-info h5{text-align:center; font-weight:500;margin:5px 0;}
#container.petition #petition-sign{display:block; width:99%; margin:20px 0;padding:20px;  color:#fff;  background:#f05a23;box-shadow:1px 1px 0px #cc4c1e,2px 2px 0px #cc4c1e,3px 3px 0px #cc4c1e,4px 4px 0px #cc4c1e; text-align:center;}

fieldset + #side-content{width: 100%;}




/* -----------------------------------------
   Calendar
----------------------------------------- */
div.event{width:100%; background:#fff; margin-bottom:20px; position: relative; }
.event:before, .event:after { content: " "; display: table;}
.event:after{clear:both;}
div.event h1{font-size:21px;color:#005596;}
div.date {width:25%;margin:0 auto;float: left; min-height: 1px;position: relative;background:#fff; border:solid 2px #fff; text-align:center;padding:20px 10px;}
div.date h4, div.date h3{margin: 0;color:#60bad4;}
div.date h4{font-size:62px;}
div.date h3{margin:0;}
div.event-details{width: 75%;;margin:0 auto;padding:0px 20px;float: left; min-height: 1px;position: relative;font-size:21px;color:#000;background: #fff;}
div.event-details h2{font-weight:700;font-size:18px;}
div.event-details h3{font-weight:500;font-size:14px;}
div.event-details p{font-size: 16px;}
div.event a.rsvp{position: absolute; top:5px; right:5px; background:#60bad4;padding: 10px; color:#fff;}
/* -----------------------------------------
   Media Queries
----------------------------------------- */
@media only screen and (max-width: 767px) {
#main-sidebar:target { width: 90%;} 
#main-sidebar:target + .canvas-wrap{width:10%;}
}