/* Voice styles launched 2018 PRIMARY GREEN: #7b8b36 SECONDARY GREEN: #c5ce9e LIGHT GREEN: #d5dcb6 */ /* .hmenu_wrapper_state_1, .hmenu_main_holder {height:50px !important; } */ body { -moz-font-smoothing: antialiased; -webkit-font-smoothing: subpixel-antialiased; background: #fff; color: #333; font-family: 'Ubuntu', Arial, sans-serif; font-size: 1em; -ms-filter: "progid:DXImageTransform.Microsoft.font-smoothing(antialiased)"; line-height: 1.9em; -ms-filter: "progid:DXImageTransform.Microsoft.text-rendering(optimizeLegibility)"; margin:0px; } #container { /* MAIN PAGE CONTAINER INCLUDES HEADER / NAV / WRAPPER / FOOTER */ margin: 0; max-width:100%; padding: 0px; background-color: #fff; background-repeat:no-repeat; background-position:top; background-size:100%; } /* UNIVERSAL STYLES */ #line {height:15px; border-bottom:1px dotted #ccc; margin:0px 30px 0px 30px;} #line2 {height:20px; border-top:1px solid #999; margin:25px auto;} #line3 {height:10px; border-top:1px dashed #7b8b36;} .clear {clear: both;} .hidelargescreen {display:none;} /* .....................HEADER..................... */ #voiceheader {background-color:#eee; background-image: url(/images/voice/Voice-ferns-header-2021.gif); background-repeat: none; min-height:150px;} #voicelogo {float:left; width:60%; max-width:550px; margin-top:30px;} .smallvoicelogo {display:none;} #avlogo1 {float:right; width:30%; text-align:right; min-width:350px; max-width:400px !important; margin: 110px 0 0 0;} #avlogo1 p {color:#fff; line-height:15px; color:rgb(255,255,255,0.8); padding:0px; margin:0px;} #avlogo2 {display:none;} #avlogo1 a, #avlogo1 a:visited, #avlogo2 a, #avlogo2 a:visited {color:#fff; text-decoration:none;} .avlogoinheader {width:95%; line-height:10px;} .avlogoinheader_fullscreen {width:50%; min-width:200px; max-width:350px; line-height:5px; margin: 0 10px 0 0;} /* .....................MAIN CONTENT..................... */ #wrapper {max-width:70%; clear: both;margin: 20px auto 20px auto;} #voicecontent {margin-top:60px; margin-bottom:75px;} #voicecontent h1 {font-family: 'Ubuntu', Arial, sans-serif; font-weight:400;} #voicecontent h2 {font-weight:400;} #voicecontent h3 {font-family:'Ubuntu Condensed', sans-serif; line-height:25px;} #voicecontent h4 {font-family:'Ubuntu Condensed', sans-serif; line-height:18px;} #voicecontent p {font-size:.94em; line-height:24px;} /* ...........FRONT PAGE FORMATS........... */ #frontpg-issue {width:100%;} #frontpg-issue-h1container {width:100%; background:url(/images/voice/greenline.jpg) center repeat-X; text-align:right;} #frontpg-issue-h1container h1 { background-color:#fff; border:1px solid #7b8b36; padding:6px; margin: 0 15px 0 0; display:inline-block; color:#7b8b36; font-size:28px; font-weight:normal;} #frontpg-cover-container {width:30%; max-width:400px; float:left; margin:0 0 0 15px;} #frontpg-cover-container img {width:100%; height:auto;} #frontpg-issue-text {width: 63%; float:right; margin:10px 20px 0 10px;} /* FRONT BUTTONS */ #frontbuttonscontainer1 {width:100%; text-align:center;} #frontbuttonscontainer2 {display: none;} .frontbuttons {width:27%; max-width:230px; margin:0 15px;} .frontbuttons:hover {opacity:0.8;} /* FRONT COLUMN ICONS */ #frontcolumns {width:100%; margin:20px auto;} #frontcolumns1, #frontcolumns2, #frontcolumns3 {width:23%; min-height:250px; float:left; margin-right:20px;} #frontcolumns4 {width:23%; float:left; margin-right:0px;} #frontcolumnsheader {width:100%; height:60px; display: table-cell; vertical-align: middle; font-size:18px !important; line-height:24px; font-stretch:narrower;} #frontcolumnsheader h3 {margin:0; padding:0; font-weight:normal;} #frontcolumnsimagebox {width:100%; text-align:center;} .frontcolumnsimage {width:90%; max-width:200px;} #frontcolumnsimagebox:hover .frontcolumnsimage {opacity: 0.5;} /* FRONT FEEDS */ #frontfeeds {width:100%; margin:10px auto 20px auto;} #frontfeed1, #frontfeed2 {width:31%; float:left; margin: 0 20px 0 0; text-align:center; font-famiy: 'Ubuntu Condensed', sans-serif !important;} #frontfeed3 {width:31%; float:left; margin: 0; text-align:center;} #frontfeed1 img, #frontfeed2 img, #frontfeed3 img {width:100%; margin:0 0 10px 0 !important; padding:0px !important; height:auto;} #frontfeed1 img a:hover {opacity: 0.5;} #frontfeed1 h3, #frontfeed2 h3, #frontfeed3 h3 {max-width:400px; font-size:19px !important; font-family:'Ubuntu Condensed', sans-serif; font-weight:normal; margin:0; padding:0; text-align:left !important; line-height:22px;} #frontfeed1 h3 a, #frontfeed2 h3 a, #frontfeed3 h3 a {text-decoration:none; color:#069;} #frontfeed1 h3 a:hover, #frontfeed2 h3 a:hover, #frontfeed3 h3 a:hover {color:#C90;} .fp-date {font-famiy: 'Ubuntu Condensed', sans-serif !important; font-size:13px !important; line-height:14px; color:#777; border-left:none; padding:0; margin:0 0 0 4px; text-align:left;} /* #frontfeedimagebox {margin:0; padding:0; } .frontfeatureimage {width:100%; max-width:400px; margin:0; padding:0;} #frontfeedimagebox:hover .frontfeatureimage {opacity: 0.5;} #frontfeedtext {margin:0; padding:0; text-align:left !important; } #frontfeedtext p {max-width:400px; font-size:16px !important; font-family:'Ubuntu Condensed', sans-serif; margin:0; padding:0;} #frontfeedtext a:link {text-decoration:none; color:#069;} #frontfeedtext a:hover {color:#C90;} h4.frontfeedh4, h4.frontfeedh4 a {font-size:16px !important; color:#069; font-weight:normal; text-align:left; margin:0; padding:0; text-decoration:none;} h4.frontfeedh4 a:hover {color:#C90;} .frontfeeddate {font-famiy: 'Ubuntu Condensed', sans-serif !important; font-size:12px !important; line-height:14px; color:#777; border-left:2px solid #999; padding:0 0 0 6px; margin:0 0 0 12px; text-align:left;} */ /* 2020 FRONT PAGE STYLES */ #topfeatureright h2 a, #secondfeaturetext h2 a {color:#0d6797;} #secondfeaturetext h2 a:hover {color:#c90;} #topfeatures, #secondsection {width:100%;} #topfeatureleft {width:68%; float:left;} #topfeatureright {width:28%; float:right;} #topfeatureleft h2 {font-family: "Ubuntu", Arial, sans; margin:10px;} #topfeatureleft p {margin:0px 10px;} #topfeatureright h2 {font-family: "Ubuntu", Arial, sans; font-size:20px; margin:8px 0 0 0 !important; padding:0px; line-height:24px;} #topfeatureright h2 a {color:#0d6797;} #topfeatureright h2 a:hover {color:#c90;} #breakingnews {background-color:#eee; border-top:1px solid #333; } .breakingnewsheader {margin:0px auto !important; font-size:13px; font-weight:bold;} .breakingnewsbox {background-color:#000; color:#fff; padding:6px 10px; border-radius:0 0 5px 5px;} #breakingnews h2 {font-family: "Ubuntu", Arial, sans; color:#000; font-size:20px; margin:5px 30px; font-weight:700;} #breakingnews p {margin:5px 30px 15px 30px;} #secondsectionfeatures {width:64%; float:left;} #frontporchfeed {width:32%; float:right; border:1px solid #966;} #secondfeaturewrapper {width:100%; margin:10px auto;} .secondfeatureimage {width:20%; max-width:150px; min-width:90px; float:left;} .secondfeaturetext {width:78%; float:right;} .secondfeaturetext h2 {font-family: "Ubuntu", Arial, sans; font-size:20px; margin:0px;} /* Column styles */ h2.columnhiking, .columnNN, .columnTGH, .columnER, .columnpolitics, .columnAA {font-family: "Ubuntu", Arial, sans; font-size:18px; background-color:#036; color:#fff; text-align:center; margin:5px auto; padding:5px auto;} .columnhiking {background-color:#036; color:#fff;} .columnNN {background-color:#7D6128; color:#fff;} .columnTGH {background-color:#690; color:#fff;} .columnER {background-color:#900; color:#fff;} .columnpolitics {background-color:#636; color:#fff;} .columnAA {background-color:#069; color:#fff;} ul.frontpagecolumns li {list-style-type:none; margin:8px 0; padding:8px 0; border-bottom:1px dotted #ccc; line-height:18px;} ul.frontpagecolumns li:last-child {border-bottom:none;} ul.frontpagecolumns li a {color:#069; text-decoration:none;} ul.frontpagecolumns li a:hover {color:#C90;} .columnsmore a {border:1px solid #C90; padding:4px 18px; color:#C90; font-size:14px; border-radius:10px; -moz-border-radius:10px;} .columnsmore a:hover {background-color:#C90; color:#fff;} #frontporchfeed {background-color:#069; border-radius:30px 0 0 0;} #frontporchfeed h3 {background:url(https://appvoices.org/images-new/AV-logo-FPB-feed-50px.png)center left no-repeat; padding-left:60px; color:#fc6; margin:5px 20px 0 5px; line-height:24px;} #frontporchfeed ul {border:3px solid #fff; width:90%; margin:15px auto 25px auto; padding:0px; border-radius:10px;} #frontporchfeed ul li {margin:0px; padding:0px;} #frontporchfeed ul li a {display:block; color:#fff; padding:6px 5px; } #frontporchfeed ul li a:hover {background-color:#fff; color:#069;} #leftask {width:64%; float:left; border:2px solid #069; border-radius:8px;} #leftask:hover {background-color:#e8f4fa;} #leftask p {font-family: 'Ubuntu Condensed', Verdana, sans-serif; font-size:24px; margin:8px; } #leftask p a:hover {color:#900;} #rightask {width:32%; float:right; background:#933 url(https://appvoices.org/images-new/voice_subscribe_arrow.png)center left no-repeat; background-size: contain;} #rightask:hover {background-color:#966;} #rightask p {margin:20px 20px 20px 40px; } #rightask p a {font-family: 'Ubuntu Condensed', Verdana, sans-serif; font-size:24px; color:#fff; padding:0px;} #clearfix {height:40px; clear:both;} /* ...........ISSUE PAGE FORMATS........... */ #issuepg-issue {width:100%; margin:15px auto !important;} #issuepg-issue-h1container {width:100%; background:url(/images/voice/greenline.jpg) center repeat-X; text-align:left; } h1.issuepgh1 {color:#fff !important; background-color:#7b8b36; border:3px solid #fff; padding:6px; margin: 0 0 0 15px; display:inline-block; font-size:28px; font-weight:normal;} #issuepg-cover-container {width:30%; max-width:400px; float:right; margin:0 15px 0 0;} #issuepg-cover-container img {width:100%;} #issuepg-issue-text {width: 63%; float:left; margin:0px 10px 0 20px;} #issuepg-issue-text h2 {font-family:'Ubuntu Condensed', sans-serif; font-weight:normal; margin-top:6px;} #specialsection, .FeaturedBox {width:100%;} #specialsection-h2container, #featurebox-h2container {width:100%; background:url(/images/voice/greenline.jpg) center repeat-X; text-align:left; } .specialsectionh2, .featureboxh2 {border:1px solid #333; background-color:#fff; display:inline-block; color:#333; padding:3px 6px; margin: 0 0 0 10px; font-size:18px; font-weight:normal; } #specialsection_photoleft, .img-wrapper {float:left; width:40%; max-width:450px; margin:0 0 10px 10px;} #specialsection_photoright {float:right; width:40%; max-width:450px; margin:0 10px 10px 0;} #specialsection_photoleft img, #specialsection_photoright img, .img-wrapper img {width:100% !important; height:auto;} #specialsection_textright, .relatedStories2/* old site */ {float:left; width:55%; margin: 0 0 0 15px; max-width:600px;} #specialsection_textleft {float:left; width:55%; margin: 0;} #specialsection_textright h3, #specialsection_textleft h3, #specialsection_textcenter h3, .topStoryIssuePageHeadline2/* old site */ {margin-top:6px; margin-bottom: -5px !important; font-weight:bold; font-family:'Ubuntu', sans-serif; font-size:22px; line-height:24px;} .specialsectionh3sm {font-weight:normal; font-family:'Ubuntu Condensed', sans-serif; font-size:20px;} .specialsectionstories p {margin:0px; padding:0px;} .specialsectionstories p a, .relatedStories2 ul li a /* old site */ {display:block; border-bottom:1px solid #ccc; padding:6px 3px 6px 11px; margin:5px 0 0 0; text-decoration:none; color:#069; line-height:19px;} .specialsectionstories p a:hover, .relatedStories2 ul li a:hover /* old site */ {display:block; border-left:3px solid #c5ce9e; padding:6px 3px 6px 8px; background-color:#eee; color:#7b8b36;} #specialsection_photocenter {float:none; width:100%; margin:15px auto; text-align:center:} #specialsection_textcenter {float:none; width:100%;} /* SPECIAL SECTION 2 COL */ .specialsection_twocolleft {width:48%; float:left;} .specialsection_twocolright {width:48%; float:right;} /* legacy styles that minic specialsectionstories p above */ .relatedStories2 ul li {margin:0px; padding:0px;} .relatedStories2 ul {margin-left:0px; padding-left:0;} .relatedStories2 ul li {list-style-type:none;} #featurebox1 {width:30%; float:left; margin-right:2.5%; margin-top:20px; margin-bottom:20px; min-height: 250px; max-height: 350px; display:block;} #featureimagebox {position:relative; width:100%;} #featureimagebox img {max-width:300px; height:auto;} .featuresimage {width:100%; max-width:300px; margin:0 auto;} #featuretext {width:100%; max-width:450px; margin:0 auto;} .featureheadline {font-weight:normal; font-family:'Ubuntu', sans-serif; line-height: 23px; border-left:7px solid #ccc; margin:0; padding: 0 0 0 5px;} .featureheadline a {font-size:19px; line-height:22px; color:#036; text-decoration:none;} .featureheadline a:hover {color:#7b8b36;} .featuresubtitle { margin:0; padding:0 0 0 10px; font-size:15px; color:#666;} #regularbox {width:100%; margin-top:10px;} .regularboxicon {float:left; width:20%; max-width:200px; margin-right:10px;} #insideavlinks, .regularlinks {max-width:460px;} .regularlinks ul, #insideavlinks ul {margin:0px; padding:0px;} .regularlinks ul li, #insideavlinks ul li {list-style-type:none; margin:0px; padding:0px;} .regularlinks ul li a, #insideavlinks ul li a {display:block; border-bottom:1px solid #ccc; padding:4px; margin:2px 0 0 0; text-decoration:none; color:#069; font-size:14px; line-height:18px;} .regularlinks ul li a:hover, #insideavlinks ul li a:hover {display:block; padding:4px; background-color:#eee; color:#7b8b36;} #acrossappalachia {float:left; width:45%;} #energyreport {float:right; width:45%;} .issueregularsimage { width:99%; max-width:460px; margin: 0px auto;} #dividerdiv, .dividerdiv {display:none;} #issuepg_columns_box {width:100%; margin:15px auto;} #issuepg_columns {width:22%; float:left; max-width:200px; margin-right:3%;} .issuepg_img {width:100%;} .issuepg_columns_header {background-color:#333; margin:0; padding:3; font-family:'Ubuntu Condensed', sans-serif; color:#fff; text-align:center; font-size:18px !important;} #issuepg_columns a:link {text-decoration:none !important; color:#666 !important;} #issuepg_columns a:hover {color:#7b8b36;} .issuepg_columns_title {text-align:center; font-size:16px !important; margin:0; padding:0; } .issuepg_columns_title a:link {text-decoration:none; color:#069; } .issuepg_columns_title a:hover {color:#7b8b36;} #insideav {width:100%;} #insideavimage {float:left; width:35%; max-width:450px;} #insideavlinks {float:left; width:60%; margin-left:15px;} .insideavtag {font-family:'Ubuntu Condensed', sans-serif; color:#999; font-size:20px !important;} .pdfvoicep {margin-top:-15px; text-align:right;} .pdfvoicep a {border:1px solid #c5ce9e; padding:3px 10px; text-decoration:none; text-align:center; font-size:12px; color:#7b8b36;} .pdfvoicep a:hover {color:#fff; background-color:#7b8b36;} /* .....................STORY FORMATS..................... */ #voicearticle {width: 66%; float:left; padding: 0 20px 0 0; border-right:3px solid #7b8b36;} #voicearticle h1 {font-family: 'Lustria', Georgia, "Times New Roman", Times, serif; margin:30px 0 9px 0;} #voicearticle h2 {font-family:'Ubuntu Condensed', sans-serif; font-weight:normal; color:#666; margin:0px;} #voicearticle h3 {font-family:'Ubuntu Condensed', sans-serif;} #voicearticle h4 {font-family:'Ubuntu Condensed', sans-serif;} #voicearticle a {color:#164eac;} #voicearticle a:hover {color:#7b8b36;} .storydate {color:#999; font-size:13px;} #issuebox_smallscreen {display:none;} #morefromissue {display:none;} #bottomsubask {width:80%; max-width:400px; min-width:200px; margin:10px auto; background: url(https://appvoices.org/images-new/voice_subscribe_arrow.png)center left no-repeat; background-size: contain;} .bottomsubtext {font-family:'Ubuntu Condensed', sans-serif; font-size:20px; margin:15px 0 15px 30px; text-left:center;} .bottomsublink {background-color:#F6F178;} #bottomsubask a:hover {color:#930;} .infobox {width:90%; padding:10px 10px; background-color:#d5dcb6; margin: 20px auto; border-radius: 10px 10px; -moz-border-radius: 10px 10px; border-right:2px groove #CCCCCC; border-left:2px groove #CCCCCC; } .infobox_right {width:40%; padding:6px; background-color:#d5dcb6; margin: 5px 0px 20px 10px; float:right; border-radius: 10px 10px; -moz-border-radius: 10px 10px; border-right:2px groove #CCCCCC; border-left:2px groove #CCCCCC; } .infobox_left {width:40%; padding:6px; background-color:#d5dcb6; margin: 5px 10px 20px 0px; float:left; border-radius: 10px 10px; -moz-border-radius: 10px 10px; border-right:2px groove #CCCCCC; border-left:2px groove #CCCCCC; } .infobox_right p, .infobox_left p, .infobox ul li, .infobox_right ul li, .infobox_left ul li {font-size: 13px; line-height:16px !important; margin: 9px;} .infobox_right ul, .infobox_left ul, .infobox ul {margin-left:10px; padding-left:5px;} .infobox_right ul li, .infobox_left ul li {margin-left:0px; padding-left:0px;} .infobox h2, .infobox_right h2, .infobox_left h2, .infobox h3, .infobox_right h3, .infobox_left h3 {color:#333; background-color:#fff; border: 1px solid #7b8b36; font-weight:normal; padding:6px; text-align:center; display:block; font-family: 'Ubuntu', Arial, sans-serif !important; font-weight:400; } .infobox h2 {font-size:21px; line-height:24px;} .infobox_right h2, .infobox_left h2 {font-size:18px; line-height:22px;} .relatedstoriesbox {float:right; width:40%; margin:10px 0px 10px 20px;} .relatedstoriesbox h2, .relatedstoriesbox h3 {color:#333; background-color:#c5ce9e; border: 1px solid #7b8b36; font-weight:normal; padding:4px; text-align:center; display:block; font-family: 'Ubuntu', Arial, sans-serif !important; line-height:24px; } .relatedstoriesbox ul {margin:0px; padding:0px; border:1px solid #ccc;} .relatedstoriesbox ul li {font-size:15px; line-height: 18px; list-style-type:none; padding:0px; margin:0px;} .relatedstoriesbox ul li a {display: block; border-bottom:1px dotted #ccc; text-decoration:none; padding:8px !important;} .relatedstoriesbox ul li a:hover {display:block; background-color:#eee; color:#333 !important;} /* 2 column related stories box #relatedstories2col {width:100%; border:1px solid #ccc; padding:0px;} #relatedstories2col h3 {margin:0px; padding:0px; font-size:25px; color:#900; font-weight: normal;} #relatedstories2col_left {width:28%; float:left; background-color:#eee; height:100%; padding:6px;} #relatedstories2col_left img {width:98%; height:auto; margin:0px auto;} #relatedstories2col_right {width:67%; float:right; padding-right:10px;} .relatedstories2coltop {margin:15px 0 0 0; padding:0px; line-height:13px; text-align:center;}*/ /* ................SIDEBAR................ */ #voicesidebar {margin-top: 20px; padding:0; float: right; width: 28%;} .currentIssue {width: 100%; max-width:250px; margin: 0 auto 50px auto; background: #f1f0e3; padding: 10px; position: relative; z-index: 1;} .currentissueimage {width:100%; max-width:250px;} .currentIssueTitleOverlay { position: absolute; bottom: 10px; right: 11px; z-index: 3; background: /* url("//appvoices.org/images/NewVoiceImages/arrow.png") no-repeat 170px*/ #7b8b36; width: 100%; max-width:250px; height: auto; padding: 10px 0 10px 0; opacity:0.7; transition:opacity .5s; transition-timing-function:linear; /* Safari */ -webkit-transition:opacity .5s; -webkit-transition-timing-function:linear; } .currentIssueTitleOverlay:hover {opacity: 1;} .currentIssueTitleOverlay img {border: none;} .currentIssueTitleOverlay p {color: #fff; font-weight: bold; font-size: 16px; text-decoration: none; text-align: center; margin: 0 0 0 8px; padding: 0; z-index: 4; width: 160px; font-family: 'Lustria', Times New Roman, serif;} /* p.CISmallText {font-size: 13px; padding: 0; color: #e1c570; font-weight: normal; font-style: italic;} */ #morefromissue {display:block; background-color:#333; color:#fff; text-align:center; font-family:'Ubuntu Condensed', sans-serif; text-transform:uppercase;} /* #sidebarfeed, #sidebarfeed2 {border-right:3px solid #7b8b36; position:inherit;} #sidebarfeed ul, #sidebarfeed2 ul {text-indent: none; list-style-type: none; margin:0; padding:0;} #sidebarfeed li, #sidebarfeed2 li {margin:0 0 0 5px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;} #sidebarfeed li a, #sidebarfeed2 li a {padding:3px 6px; text-decoration:none; font-size:13px; line-height:16px; color:#069; display:block; } #sidebarfeed li a:hover, #sidebarfeed2 li a:hover {background-color:#eee;} #sidebarfeed2 img {max-width:50px; height:auto; margin: 0 10px 0 0;} */ .sidebarheader {display: block; background-color:#7b8b36; margin:0; padding:6px; color:#fff;} #sidebarfeed {margin:0; padding:0; background-color:#fff; border-right:3px solid #7b8b36;} #sidebarfeed ul {width:100%; margin:0 !important; padding:0;} #sidebarfeed ul li { font-size: .97em; line-height:1.2em; text-align:left; display:block; border-bottom: 1px dotted #ccc; min-height:70px; padding:0; margin:0;} #sidebarfeed ul li a {list-style-type: none; text-decoration:none !important; display:block; padding:3px 6px; margin:0; color:#069;} #sidebarfeed ul li a:hover { background-color:#eee;} #sidebarfeed img {max-width:50px; margin: 0 0 0 5px; height:auto;} #fpbfeedcontainer {background-color:#5b8ba9; padding-bottom:5px;} #fpbfeed {width:90%; margin:0 auto 10px auto; padding:0; background-color:#fff; border-radius:10px 10px; -moz-border-radius:10px 10px;} #fpbfeed h4 {background-color:#5b8ba9; color:#fff; display:block; padding:6px; margin:0px; font-weight:normal; line-height:18px; text-shadow:2px 2px 3px #333;} #fpbfeed ul {width:100%; margin:0 !important; padding:0;} #fpbfeed ul li { list-style-type: none; padding:0 !important; margin:0 !important;} #fpbfeed ul li a, #fpbfeed ul li a:hover {list-style-type: none; text-decoration:none; display:block; padding:3px 6px; margin:0; font-size: .97em; line-height:1.1em; text-align:left; border-bottom: 1px dotted #ccc;} #fpbfeed ul li a { color:#069;} #fpbfeed ul li a:hover {background-color:#eee; } #fpbfeed img {display: none;} #regularcolumns {width:100%; max-width:350px; margin:10px 0px;} #regularimgbox {width:19%; margin-right:6px; float:left;} .regularimg {width:100%; } #regulartext {width: 70%; float:left; border-bottom:1px dashed #ccc;} #regulartext p {padding:0; margin:10px 0; font-size:14px; line-height:16px;} #regulartext a {text-decoration:none; color:#069;} #regulartext a:hover {display:block; color:#C90;} #divider {height:30px;} /* ................ SPECIAL STYLES ................ */ /* BUTTONS */ a.more-red:link, a.more-red:visited {background-color: #900; color:#fff !important; padding:3px 10px 3px 10px; margin-left:6px; border-radius:5px; moz-border-radius:5px; line-height:20px; text-decoration:none;} a.more-red:hover {background-color:#7b8b36; color:#000 !important;} a.more-green:link, a.more-green:visited {background-color: #7b8b36; color:#fff !important; padding:1px 10px 2px 10px; margin-left:6px; border-radius:5px; moz-border-radius:5px; line-height:20px; text-decoration:none;} a.more-green:hover {background-color:#fc6; color:#000 !important;} a.more-yellow:link, a.more-yellow:visited {background-color: #fc6; color:#000 !important; padding:1px 10px 2px 10px; margin-left:6px; border-radius:5px; moz-border-radius:5px; line-height:20px; text-decoration:none;} a.more-yellow:hover {background-color:#900; color:#fff !important;} a.more-blue:link, a.more-blue:visited {background-color: #069; color:#fff !important; padding:1px 10px 2px 10px; margin-left:6px; border-radius:5px; moz-border-radius:5px; line-height:20px; text-decoration:none;} a.more-blue:hover {background-color:#fc6; color:#fff !important;} a.more-white:link, a.more-white:visited {background-color: #fff; color:#069 !important; padding:1px 10px 2px 10px; margin-left:6px; border-radius:5px; moz-border-radius:5px; line-height:20px; text-decoration:none; border:1px solid #069;} a.more-white:hover {background-color:#069; color:#fff !important;} /* Archive page */ #archivecontainers {width:100%; font-size:13px; border:1px solid #7b8b36;} #archivecontainers h3 {background-color:#7b8b36; color:#fff; padding:3px; font-size:20px; font-weight:normal; margin-top:0px;} #archives {width:14.5%; margin-right:2%; float:left;} #archives img {width:100%; height:auto; margin:0px;} #archives p {padding:0; margin:0; line-height:16px;} #archives a {text-decoration:none; color:#069;} #archives a:hover {color:#7b8b36;} .firstarchive {margin-left:6px;} .distro_iframe {height:4000px;} /* ................ COLUMNS (REGULARS) PAGES ................ */ #columnheader {width: 100%; border-bottom:1px solid #ccc;} #AAheader, #inAVheader, #ERheader, #HHheader, #NNheader, #Politicsheader, #TGHheader {width:100%; max-width: 900px; margin:0 auto; text-align:center;} #AAheader {background: url(//appvoices.org/images/voice/column_headers/AA_header_large.jpg) no-repeat;} #inAVheader {background: url(//appvoices.org/images/voice/column_headers/InAV_header_large.png) no-repeat;} #ERheader {background: url(//appvoices.org/images/voice/column_headers/ER_header_large.png) no-repeat;} #HHheader {background: url(//appvoices.org/images/voice/column_headers/HH_header_large.png) no-repeat;} #NNheader {background: url(//appvoices.org/images/voice/column_headers/NN_header_large.png) no-repeat;} #Politicsheader {background: url(//appvoices.org/images/voice/column_headers/Politics_header_large.png) no-repeat;} #TGHheader {background: url(//appvoices.org/images/voice/column_headers/TGH_header_large.png) no-repeat;} .columnheaderlogo, #AAheader img, #inAVheader img, #ERheader img, #HHheader img, #NNheader img, #Politicsheader img, #TGHheader img {width:50%; min-width:300px; max-width:500px; margin:20px 0 0 0;} .columnheadertext {color:#fff; margin-top:0px; padding-top:0px; text-shadow: 2px 2px 2px #000;} #regulars_post_container {width:100%; max-width:890px; min-height:120px; margin:10px auto; border-bottom:1px solid #333; clear:both; } #regulars_post_container h3 {font-weight:normal; margin:0 0 3px 0; padding:0px; line-height:22px;} #regulars_post_container h3 a {text-decoration:none; color:#069;} #regulars_post_container h3 a:hover {color:#C90;} #regulars_post_container p {margin:0px; padding:0px;} .regulars_post_date {color:#7b8b36; font-size:16px; } #regulars_post_container img {max-height:120px;} regulars_post_container .alignleft {width:100px !important; height:auto;} /* ................CATEGORIES | TAGS | COMMENTS................ */ .storytrailer { margin:20px 0 20px 0; border-top:1px solid #333; border-bottom:1px solid #333;text-align: left; padding: 10px 0 10px 0} .storycategories {font-size:12px; line-height:15px; margin: 5px 0;} .storycategories a {color:#666; text-decoration: none; padding:3px;} .storycategories a:hover {color:#333; background-color:#ddd;} .storycategoriesheader {background-color:#7b8b36; color:#fff; padding:2px 6px; border-radius:4px; -moz-border-radius:4px;} .storytags {font-size:12px; line-height:15px; margin: 5px 0; } .storytags a {color:#666; text-decoration: none; padding:3px;} .storytags a:hover {color:#333; background-color:#ddd;} .storytagsheader {background-color:#7b8b36; color:#fff; padding:2px 6px; border-radius:4px; -moz-border-radius:4px;} .sharethis {padding: 0; float: right;} /* =Comments -------------------------------------------------------------- */ #commentscontainer {margin: 0 auto; width:95%;} #comments {width:100% !important; margin:40 0 0 0; padding:15px 0 0 0; text-align: left; font-size: 1em; font-family: 'Lustria', Times New Roman, serif;} #commentform {margin: 0;} .commentlist {borders-bottom: 1px solid #e5e5e5; list-style: none; margin: 0;padding: 0;} .commentlist ol {list-style: decimal;} .commentlist li {-webkit-border-radius: 4px; -moz-border-radius: 4px; background-color: #ffffff; border-radius: 4px; margin: 0; border-bottom:1px solid #ccc;} .commentlist li cite {color: #111111; font-size: 1.1em; font-style: normal; font-weight: 400;} .commentlist li.alt {border-bottom:1px solid #ccc;} .commentlist .children {list-style: none; margin-left: 10px; padding: 10px;} .commentlist .avatar {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; float: left; margin-right: 10px; padding: 0; vertical-align: middle;} .comment-author .fn {} .comment-author .says {color: #999999;} .comment-body .comment-meta {color: #999999;display: inline-block; margin: 0; padding: 0; text-align: left;} .comment-body .comment-meta a {font-size: 11px;} .comment-body {clear: both; padding: 10px;} .comment-body p {clear: both; margin-left:10px;} .comment-body .reply {} .pingback, .trackback {list-style: none; margin: 20px 0;} .pingback cite,.trackback cite {font-style: normal;} #pings {text-align: left; font-size: 1em; font-family: 'Lustria', Times New Roman, serif; /* border-top:2px solid #ccc;*/ margin-top:40px;padding-top:15px;} #respond {-moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #eaeaea; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeaea)); background-image: -webkit-linear-gradient(top, #ffffff, #eaeaea); background-image: -moz-linear-gradient(top, #ffffff, #eaeaea); background-image: -ms-linear-gradient(top, #ffffff, #eaeaea); background-image: -o-linear-gradient(top, #ffffff, #eaeaea); background-image: linear-gradient(to top, #ffffff, #eaeaea); border: 1px solid #cccccc; border-bottom-color: #aaaaaa; border-radius: 4px; clear: both; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eaeaea)"; margin-top: 15px; padding: 10px 20px 50px;} #respond label {display: inline;} .reply {margin: 10px 0;} .comment-form-url input, .comment-form-email input, .comment-form-author input, .comment-form-comment textarea {display: block; width: 100%;} .nocomments {color: #999999; font-size: .9em; text-align: center;} .form-submit {text-align:center;} input[type='submit'] { -moz-border-radius: 2px; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; background-color: #f9f9f9; /* Alabaster */ background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f1f1f1)); background-image: -webkit-linear-gradient(top, #f9f9f9, #f1f1f1); background-image: -moz-linear-gradient(top, #f9f9f9, #f1f1f1); background-image: -ms-linear-gradient(top, #f9f9f9, #f1f1f1); background-image: -o-linear-gradient(top, #f9f9f9, #f1f1f1); background-image: linear-gradient(to top, #f9f9f9, #f1f1f1); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; border: 1px solid #dddddd; border-radius: 2px; color: #333333; cursor: pointer; display: inline-block; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#f1f1f1)"; font-size: 14px; font-weight: 700; line-height: 20px; margin: 0; padding: 20px 45px; text-decoration: none; text-shadow: 0 1px 0 #ffffff; vertical-align: middle; white-space: nowrap; } input[type='submit']:hover { -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1)); background-image: -webkit-linear-gradient(top, #ffffff, #f1f1f1); background-image: -moz-linear-gradient(top, #ffffff, #f1f1f1); background-image: -ms-linear-gradient(top, #ffffff, #f1f1f1); background-image: -o-linear-gradient(top, #ffffff, #f1f1f1); background-image: linear-gradient(to top, #ffffff, #f1f1f1); border: 1px solid #dddddd; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; color: #333333; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f1f1f1)"; } input[type='submit']:active { -moz-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.1); background-color: #f9f9f9; background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f1f1f1)); background-image: -webkit-linear-gradient(top, #f9f9f9, #f1f1f1); background-image: -moz-linear-gradient(top, #f9f9f9, #f1f1f1); background-image: -ms-linear-gradient(top, #f9f9f9, #f1f1f1); background-image: -o-linear-gradient(top, #f9f9f9, #f1f1f1); background-image: linear-gradient(to top, #f9f9f9, #f1f1f1); box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.1); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#f1f1f1)"; } /* ................IMAGES................ */ .wp-caption {background: #e2e0e0; max-width: 96%; padding: 13px 10px 10px 10px; text-align: center; font-size:13px; line-height: 17px;color:#666; border-radius:10px 10px; -moz-border-radius: 10px 10px;} .wp-caption img {border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto;} .alignnone {margin: 5px 20px 20px 0;} .aligncenter, div.aligncenter {display: block; margin: 5px auto 20px auto;} #voicearticle .alignright {width:50% !important; height: auto !important; float: right; margin: 5px 0 20px 20px;} #voicearticle .alignleft {width:50% !important; height: auto!important; float: left; margin: 5px 20px 20px 0;} #voicecontent .alignright {float: right; margin: 5px 0 20px 20px;} #voicecontent .alignleft {float: left; margin: 5px 20px 20px 0;} #voicecontent .size-thumbnail, #voicearticle .size-thumbnail {max-width:150px !important;} .aligncenter {display: block; margin: 5px auto;} #voicearticle a img.alignright {float: right; margin: 5px 0 20px 20px;} #voicearticle a img.alignnone {margin: 5px 20px 20px 0;} #voicearticle a img.alignleft {float: left; margin: 5px 20px 20px 0;} #voicearticle a img.aligncenter {display: block; margin-left: auto; margin-right: auto;} /* .....................FOOTER..................... */ #voicefooter {clear: both; margin: 0 auto; max-width: 100%; padding: 25px; background-color:/*#7b8b36*/ #2b2b2b; font-size: 15px !important; line-height: 1.7em; color:#fff;} #footerwrapper {width:100%; max-width:700px; margin:10px auto;} .leftfooter {width:45%; float:left;} .rightfooter {width:45%; float:right;} .leftfooter li {text-align:right;} .voicefooterlinks {font-size:16px;} .voicefooterlinks a:link, .voicefooterlinks a:visited {color:#C90;} .voicefooterlinks a:hover {color:#fff;} .col-group-footer > div {padding: 1em 0; background-color:none;} .col-group-footer ul {/* list-style-type:none !important; */ margin: 20px 0 0 30px; text-align:left; background-color:none;} ul.col-group-footer li {list-style-type:none; padding:6px; margin:10px;} ul.col-group-footer li a {color:#c3cf8f; font-size:15px !important; line-height:17px; text-decoration:none !important;} ul.col-group-footer li a:hover {color:#fff;} .avfooterlink a, .avfooterlink a:visited {color:#c3cf8f !important;} @media screen and (min-width: 50em) { .col-group-footer {overflow: hidden;} .col-group-footer > div {float: left; width: 25%;} } /* STACKABLE RID DIVS 2>1, 3>1, and 4>2>1 by Jeff -- most of the div code is controlled in av_responsive.js in the root js folder */ #interior_stackable_divs {width:100%; margin:10px 0 10px 0; padding:0; clear:both;} .stackable_3 h3, .stackable_2 h3 {font-family: 'Ubuntu', Arial, sans-serif; font-size:20px; margin-top:5px;} .stackable_2 img, .stackable_3 img, .stackable_4 img {width:100%; margin:0 0 10px 0 !important; padding:0px !important;} .stackable_2 {margin: 0 0 0 2.5%; width: 47% ;float: left ;} .stackable_2_front {margin: 0 0 0 2.5%; width: 47% ;float: left ;} .stackable_3 {margin: 0 0 0 2.5% ;width: 30% ;float: left ;} .stackable_4 { margin: 0 0 0 1.8% ;width: 23% ;float: left ;} .stackable_2 img, .stackable_3 img, .stackable_4 img {width:100%; margin:0 0 10px 0 !important; padding:0px !important;} /* INDIVIDUAL AND UNIQUE STYLES */ .sm_icons {margin:5px; width:35px !important;} /* =Header Menu (MAIN MENU) -------------------------------------------------------------- */ .menu {background-color: #fff; margin: 0; padding: 0; border-top:3px solid #666; border-bottom:1px solid #666;} .main-nav { margin-top:0px; border-top: 1px solid #ccc;} .menu, .menu ul { display: block; list-style-type: none; margin: 0 10px 0 0; padding: 0; font-family: 'Ubuntu', Arial, sans-serif; } .menu li { border: 0; display: block; float: left; margin: 0 0 0 10px; padding: 0; position: relative; z-index: 5; } .menu li:hover { white-space: normal; z-index: 10000; } .menu li li { float: none; padding:4px; border-left:1px solid #ccc; border-right:1px solid #ccc; } .menu ul { left: 0; position: absolute; top: 0; visibility: hidden; z-index: 10; } .menu li:hover > ul { top: 100%; visibility: visible; background-color:#999; } .menu li li:hover > ul { left: 100%; top: 0; } .menu:after, .menu ul:after { clear: both; content: '.'; display: block; height: 0; overflow: hidden; visibility: hidden; } .menu, .menu ul { min-height: 0; } .menu ul, .menu ul ul { margin: 0 0 0 5px; padding: 15px 0 0 0; border-bottom:5px solid #7b8b36; background: url(/images/voice/topmenu_arrow_voice.jpg) top center no-repeat; } /* .menu ul li a:hover, .menu li li a:hover { color: #eee; text-decoration: none; } */ .menu ul { margin-top: 1px; min-width: 15em; width: auto; } .menu a { color: #333; cursor: pointer; display: inline-block; font-size: 15px; /* height: 40px; */ line-height: 35px; margin: 0; padding: .3em 1em; position: relative; text-decoration: none; white-space: nowrap; } .menu li a:hover, .current-menu-parent > a { color:#fff; } ul.menu > li:hover, .menu li a:hover > a,.current-menu-ancestor > a, .current-menu-parent > a { color: #fff !important; background:#7b8b36; } .menu .current_page_item a, .menu .current-menu-item a { background-color: #fff; } .front-page .menu .current_page_item a { background: none; background-color: transparent; background-image: none; filter: none; } .menu li li { background: #fff; background-image: none; color: #222; filter: none; margin: -1px 0 1px 0; width: auto; } .menu li li a { background: transparent !important; border: none; color: #333; font-size: 14px; font-weight: 400; height: auto; height: 15px; line-height: 17px; padding: 6px 10px; text-shadow: none; white-space: nowrap; } .menu li li a:hover { background-image: none; border: none; color: #7b8b36 !important; filter: none; background-color:#c5ce9e; } .menu li li:hover { background: /* #fff */ #dfe4c8; filter: none; color:#069; } .menu ul > li + li { border-top: 0; } .menu li li:hover > ul { left: 100%; top: 0; } .menu > li:first-child > a { border-left: none; } .menu a#responsive_menu_button { display: none; } .main-nav #responsive_current_menu_item { display: none; } #specialprofiles_left {width:25%; float:left; text-align:center;} #specialprofiles_left img {width:100%; max-width:200px; margin-bottom:0px;} #specialprofiles_right h3 {margin:0px; padding:0px;} #specialprofiles_right {width:70%; float:right; padding-right:0px;} #specialprofiles_right p {margin:10px 0 0 0; padding:0px;} .pipeline {display: block; font-size:15px; line-height:17px; color:#fff; background-color:#333; padding:2px 10px; text-transform: uppercase; margin-top:0px;} .morewhitebox {margin-top:0px !important; padding-top:0px !important; text-align:left !important;} a.morewhitebox:link, a.morewhitebox:visited {border: 1px solid #069; color:#069; padding:1px 10px 2px 10px; margin-left:0px; border-radius:5px; moz-border-radius:5px; line-height:18px;} a.morewhitebox:hover {background-color:#4089ae !important; color:#fff !important; } /* ---------------------- RESPONSIVE ------------------------- */ /* ----------------------------------------------- */ @media screen and (max-width: 980px) { #wrapper { max-width:85%; clear: both; margin: 20px auto 20px auto;} #voicelogo {float:left; width:60%; max-width:550px; margin-top:20px;} #frontfeed1, #frontfeed2 {width:44.5%; float:left; text-align:center;} #frontfeed1 {margin-left:15px;} #frontfeed3 {display:none;} #avlogo1 {display:none;} #avlogo2 {display:inline; width:100%;} #avlogo2 p {margin:0px; padding: 0px 15px 0 0; color:#fff; font-size:13px;} .avlogoinheader {width:200px;} #regulars_post_container img.alignleft {float:left !important; width: 100px; max-height:120px; margin:0 8px 3px 0;} } /* ----------------------------------------------- */ @media screen and (max-width: 800px) { #voiceheader {padding:0;} #voicelogo {float:left; width:90%; max-width:550px; margin-top:20px;} #frontpg-issue-text {width: 60%; float:right; margin:20px 20px 0 10px;} #frontcolumns1, #frontcolumns2, #frontcolumns3 {width:22%; min-height:250px; float:left; margin-right:20px;} #frontcolumns4 {width:22%; float:left; margin-right:0px;} /* #voicearticle {width: 60%; float:left; padding: 0 10px 0 0; border-right:none;} #voicesidebar {width: 28%; float: right; margin-top: 20px; padding:0; } */ #issuepg-issue-text {width: 60%; float:left; margin:0px 10px 0 20px;} #issuebox_smallscreen {display:inline; border:1px solid #333;} #issuebox_smallscreen a {text-decoration:none; color:#333; padding:3px;} #issuebox_smallscreen a:hover {background-color:#7b8b36; color:#fff;} #morefromissue {display:block; background-color:#333; color:#fff; text-align:center;} .CISmallText {display:none;} #voicearticle {width: 90%; float:none; padding:0; margin: 0 auto; border-right:none; } #voicesidebar {width: 90%; float: none; padding:0; margin:20px auto; border-top:3px solid #7b8b36;} .currentIssue {margin: 0 auto 20px auto;} #divider {height:10px;} #regularcolumns {width:100%; max-width:500px; margin:10px auto;} #regularimgbox {width:50px; margin-right:6px; float:left;} #regularimgbox img {display:inline !important;} .regularimg {width:100%; } #regulartext p {font-size:16px; line-height:19px;} #sidebarfeed {width:100%; float:none;} .nosmallscreen {display:none;} #fpbfeedcontainer {display:none;} #sidebarfeed img {display:none;} #sidebarfeed ul li {min-height:30px;} .sidebarheader {margin:15px 0 0 0;} #featurebox1 {width:46%; float:left; margin-right:3%;} #archives {width:31%; margin-right:2%; float:left; min-height:300px;} #voicearticle .alignleft, #voicearticle .alignright {width:90% !important; float:none; margin: 15px auto;} #voicearticle a img.alignright, #voicearticle a img.alignleft, #voicearticle a img.alignnone {float: none; margin: 15px auto;} /* 2020 FRONT PAGE STYLES */ #topfeatureleft {width:90% !important; float:none; margin:15px auto 30px auto;} #topfeatureright {width:90% !important; float:none; margin:15px auto;} #secondsectionfeatures {width:100% !important; float:none !important;} #frontporchfeed {display:none !important;} #leftask {display:none;} #rightask {width:90%; float:none; padding:10px;} #rightask p {margin:30px 20px 30px 40px; } #secondfeatureimage {width:90% !important; text-align:center; margin:5px auto !important; border:1px solid #0C9;} #secondfeaturetext {width:90%; float:center; margin:5px auto !important; border:1px solid #0C9;} .featurethumb {float:right !important; margin:5px auto !important;} #secondfeaturewrapper {width:90%; margin:10px auto;} } /* ----------------------------------------------- */ @media screen and (max-width: 650px) { #wrapper {max-width:90%; clear: both; margin: 20px auto 20px auto;} #frontbuttonscontainer1 {display: none;} #frontbuttonscontainer2 {display:inline; width:100%; text-align:center !important;} .frontbuttons {width:46%; max-width:260px; margin:0 auto;} #frontcolumns1, #frontcolumns2, #frontcolumns3 {width:45%; min-height:200px; float:left; margin-right:15px;} #frontcolumns4 {width:45%; float:left; margin-right:0px;} #frontcolumnsheader {font-size:16px !important; line-height:18px;} #specialsection_photoleft, #specialsection_photoright {float:none; width:95%; max-width:450px; margin:6px auto;} #specialsection_textright, #specialsection_textleft {float:none; width:95%; margin: 0px auto; max-width:450px;} #featurebox {width:95%; float:none; margin:0px auto;} #acrossappalachia {float:none; width:95%; margin:6px auto;} #energyreport {float:none; width:95%; margin:15px auto;} #dividerdiv, .dividerdiv {display:inline;} #insideavimage {float:none; width:95%; margin:15px auto 0 auto;} #insideavlinks {float:none; width:95%; margin:0px auto;} .insideavtag {margin-top:3px;} #issuepg_columns {width:46%; float:left; max-width:200px; margin-right:3%;} .distro_iframe {height:4400px;} .pdfvoicep {margin-top:5px; text-align:center;} #specialprofiles_left {width:98%; float:none; text-align:center;} #specialprofiles_left img {max-width:200px} #specialprofiles_right {width:98%; float:none; padding-right:0px;} .hidelargescreen {display:inline; margin:15px 0;} .morewhitebox {text-align:center !important;} } /* ----------------------------------------------- */ @media screen and (max-width: 480px) { #wrapper {max-width:95%; clear: both;margin: 20px auto 20px auto;} #voicecontent {margin-top:30px !important;} #voicelogo {float:none; width:100%; margin:0 auto 0 auto;} .largevoicelogo {display:none;} .smallvoicelogo {display:inline; margin:10px auto 0 auto;} #avlogo2 {display:inline; text-align:right; width:80%; margin-top:0px;} #avlogo2 p {font-size:12px; color:#fff; padding: 0px 10px 0 0;} .avlogoinheader {width:150px;} .leftfooter, .rightfooter {width:100% !important; float:none !important;} .leftfooter li {text-align:left !important;} #frontpg-issue-h1container h1, .issuepgh1 {margin:0px 9px; display:block; font-size:24px; border-top:3px double #d5dcb6; border-left:3px double #d5dcb6; border-right:3px double #c5ce9e; border-bottom:3px double #c5ce9e;} #frontpg-cover-container, #issuepg-cover-container {width:100%; float:none; margin:0; padding:0; text-align:center;} #frontpg-cover-container img, #issuepg-cover-container img {width:80%; margin:0px auto;} #frontpg-issue-text, #issuepg-issue-text {width: 90%; float:none; margin:20px auto;} #frontfeed1, #frontfeed2 {width:90%; float:none; margin:10px auto 30px auto;} #sidebarfeed {width:100%; float:none;} #fpbfeed {width:100%; float:none;} #featurebox1 {width:95%; float:none; margin:20px auto;} .regulars_post_date {color:#fff; font-size:14px; background-color: #7b8b36; margin-right:8px; } #archives {width:90%; margin:10px auto 10px auto; padding:10px 0; float:none; clear:both; min-height:50px;} #archives img {width:40%; float:left; margin-right:6px;} #archives p {padding:15px 0 0 0; margin:0; line-height:17px;} #archives a {display:block;} #archives a:hover {background-color:#eee;} .infobox_right, .infobox_left {width:95%; margin: 10px auto; float:none;} } /* ----------------------------------------------- */ @media screen and (max-width: 320px) { #wrapper { max-width:95%; clear: both; margin: 10px auto 10px auto; } } /* --------- VOICE PAGE // old to delete maybe?? --------- */ h3.voicemenu {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; text-align:center; color:#660033 !important; border-bottom:1px solid #660033; margin-bottom:0px;} .archivestable {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;} #voicemenu ul {list-style-type: none !important; text-align: left; } #voicemenu ul li { list-style-type: none !important;} #voicemenu ul li a {background: transparent url(/images/list-off.gif) left center no-repeat; padding-left: 15px; text-align: left; font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; text-decoration: none; color: #666; list-style-type: none;} #voicemenu ul li a:hover {background: transparent url(/images/list-on.gif) left center no-repeat; color:#006600;list-style-type:none;} #voicemenu ul li a#current { background: transparent url(/images/list-active.gif) left center no-repeat; color: #666; list-style-type:none; } /*-------------------------------------------------------------- # Action Network forms --------------------------------------------------------------*/ /* style to be included as DIV wrapper around Action Network forms on Wordpress pages */ #actionnetwork_wrapper_fullwidth {border:1px solid #eee; box-shadow: 5px 5px #ccc; -moz-box-shadow: 5px 5px #ccc; -webkit-box-shadow: 5px 5px #ccc; width:90%;} /* Change the form background color, text color, and typeface */ .can_embed #can_embed_form, .can_embed #donate_auto_modal { background-color: #fff !important; color: black !important; font-family: "Open Sans", sans-serif !important; margin:15px auto !important; width:90% !important; } #can_embed_form_inner {background-color: #fff !important;} .can_thank_you_wrap {background-color:#fc6 !important;} /* Change link color !!! NOTE: Changes Facebook and Twitter share button link colors !!! */ .can_embed #can_embed_form a, .can_embed #donate_auto_modal a { color: #fff !important; } #can_embed_form {margin:15px;} /* Heading colors */ .can_embed #can_embed_form h1, .can_embed #donate_auto_modal h1, .can_embed #can_embed_form h2, .can_embed #donate_auto_modal h2, .can_embed #can_embed_form h3, .can_embed #donate_auto_modal h3, .can_embed #can_embed_form h4, .can_embed #donate_auto_modal h4, .can_embed #can_embed_form h5, .can_embed #donate_auto_modal h5, .can_embed #can_embed_form h6, .can_embed #donate_auto_modal h6 { color: #036 !important; margin:10px 0 5px 0; text-align:center; } .can_embed #can_embed_form #can_embed_form_inner h4, .can_embed #can_embed_form #can_embed_form_inner h2 {display:none !important;} .can_embed #can_embed_form h3 {font-size:16px; line-height:20px; font-weight:bold; border-bottom:none; margin:20px auto 10px auto !important; padding:0px !important; color:#666 !important;} /* #action_head h2 {display:none !important;}*/ .can_embed #can_embed_form #action_welcome_message_inner a {color:#069 !important;} .can_embed #can_embed_form #action_welcome_message_inner a:hover {color:#036 !important;} /* Welcome message background color */ .can_embed #can_embed_form #action_welcome_message #action_welcome_message_inner, .can_embed #donate_auto_modal #action_welcome_message #action_welcome_message_inner { background-color: rgba(0,0,0,.05) !important; /* This is black @ 10% opacity */ } /* Remove the Action Network Logo */ .can_embed #logo_wrap { display: none !important; } /* Button Background Color */ .can_embed .can_button, .can_embed #can_embed_form input[type="submit"], .can_embed #can_embed_form .button, .can_embed #donate_auto_modal input[type="submit"], .can_embed #donate_auto_modal .button, #form_col2 .can_button { background-color: #900 !important; width:200px; float:center !important; margin:10px auto; font-weight:bold; } /* Button Background Color on Hover */ .can_embed .can_button:hover, .can_embed #can_embed_form input[type="submit"]:hover, .can_embed #can_embed_form .button:hover, .can_embed #donate_auto_modal input[type="submit"]:hover, .can_embed #donate_auto_modal .button:hover { background-color: #fc6 !important; color: #900; } /* ................ THANK YOU styles ................ */ /* Thank You Page Header Background Color */ .can_embed #can_embed_form #can_thank_you, .can_embed #donate_auto_modal #can_thank_you { background-color: #fff; border:3px double #900; } #can_thank_you {padding:10px;} /* Thank You Page Header Text Color */ .can_embed #can_embed_form #can_thank_you, .can_embed #donate_auto_modal #can_thank_you, .can_embed #can_embed_form #can_thank_you h1, .can_embed #donate_auto_modal #can_thank_you h1, .can_embed #can_embed_form #can_thank_you h4, .can_embed #donate_auto_modal #can_thank_you h4, .can_embed #can_embed_form #can_thank_you #action_info .action_info_user, .can_embed #donate_auto_modal #can_thank_you #action_info .action_info_user, .can_embed #can_embed_form #can_thank_you #action_info .action_info_user a, .can_embed #donate_auto_modal #can_thank_you #action_info .action_info_user a { color: black; } .can_thank_you-block {background-color:#fff; padding:10px; margin:10px; font-size:13px !important; /* border-top:1px dashed #999; USE THIS IF YOU TURN ON THE EMAIL OR SHARE WIDGET OPTIONS */} .tooltip.js-tooltip.ml10 {font-size:17px; font-weight:normal; line-height:24px;} .can_embed #can_embed_form #can_thank_you h1 {font-size:24px; margin-top:10px !important; color:#900 !important;} .can_embed #can_embed_form #can_thank_you h4 {font-size:16px; font-weight:normal; color:#000 !important; line-height:24px; letter-spacing:0;} /* Thank You Page Divider Line */ .can_embed #can_embed_form #can_thank_you #action_info, .can_embed #donate_auto_modal #can_thank_you #action_info { border-color: black !important;} li.form_builder_output, #can_embed_form, #form_col2 li {list-style-type:none !important;} .can_selectInner {width:100% !important;} #can_embed_form_inner label {margin-right:10px;} .floatlabel-wrapper {margin:5px 15px;} /*li.control-group {display:none;} span.international_link-wrap.js-international_link-wrap.mb10, span.country_drop_wrap.js-country_drop_wrap.hide.clear {display:none;} div.action_info_user {display:none;} .ajax-loading, .web-developer-id-class-details {display:none;}*/ /* Shows or Hides the Email */ .can_thank_you-block:nth-child(2) {display:none !important;} /* Shows or Hides the Embed Widget */ .can_thank_you-block:nth-child(3) {display:none !important;} /* Shows or Hides the Direct Link */ input.js-direct_link.direct_link, label.block.graytext {display:none !important;} /* Shows or Hides the Sponsored by block */ #action_info {display: none;} /* Facebook & Twitter share button styles */ .can_embed #can_embed_form a.share_button {color:#fff !important; /* Controls button font color */} .share_button.share-facebook {background:#335795 url(//appvoices.org/images/actionnetwork/facebook_icon_40.png) 10px center no-repeat !important; font-size:1.5em !important; line-height:1.5em;} .share_button.share-facebook:hover {background-color:#4f74bf !important;} a.share_button.share-facebook.left.mr15.js-facebook_link {color:#fff !important;} .share_button.share-twitter {background:#00aced url(//appvoices.org/images/actionnetwork/twitter_icon_40.png) 10px center no-repeat !important; font-size:1.5em !important; line-height:1.5em;} .share_button.share-twitter:hover{background-color:#39c7ff !important;}