/*------------------------------------------------------------------------ # Soapbox Engage -> Style CSS (v1.0.0) # ------------------------------------------------------------------------ # Copyright (C) 2011 PICNet, Inc. All Rights Reserved. # Author: Ryan Belisle # Website: http://www.picnet.net -------------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !LAYOUT */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } /* ------------------------------------------------------------------------ /* !LAYOUT: Body */ /* ----------------------------------------------------------------------*/ body { color: #444; background: #fff; font-family: 'Open Sans', sans-serif; font-size: 14px; } /* !Printable page & Mailto Page Popups */ body.contentpane { color: #444; background: #fff; } /* !Modal Pane Popups */ body.modalpane { color: #444; background-color: #fff; } /* !Table */ th {} td,div {} /* ------------------------------------------------------------------------ /* !LAYOUT: Containers */ /* ----------------------------------------------------------------------*/ #wrapper {} #main { background: #fff; } #main #content { padding: 30px 30px 30px 30px; } /* ------------------------------------------------------------------------ /* !LAYOUT: Header */ /* ----------------------------------------------------------------------*/ #header { background: #555; } #logo { display: block; float: left; margin: 0px; } #sbx-rightheader { float: right; max-width: 980px; } #sbx-header ul { margin: 0; } #sbx-header ul li { background: none; padding: 0; } #sbx-header a { text-decoration: none; } #sbx-header .mod-signup { background: url(../images/top-separator.png) no-repeat right center; float: right; padding: 0 22px; } #sbx-header .mod-signup ul li { line-height: 54px; } #sbx-header .mod-signup a { color: #A088BC; font-weight: bold; text-transform: uppercase; } #sbx-header .mod-signup a:hover { color: #57288C; } #sbx-header .mod-topsocial { background: url(../images/top-separator.png) no-repeat right center; float: right; padding: 0 17px; } #sbx-header .mod-topsocial ul li { display: inline-block; line-height: 54px; margin: 0 5px; } #sbx-header .mod-topsocial a { color: #8e72ae; font-size: 20px; } #sbx-header .mod-topsocial a:hover { color: #441579; } #sbx-header .mod-topsocial a span { display: none; } #sbx-header .mod-topsearch { float: right; line-height: 54px; padding-left: 22px; padding-right: 22px; } #sbx-header .mod-topsearch a { color: #8e72ae; font-size: 18px; } #sbx-header .mod-topsearch a:hover { color: #441579; } #sbx-header .mod-topsearch a span { display: none; } #sbx-header .mod-topcrisis { float: right; } #sbx-header .mod-topcrisis ul li { display: inline-block; line-height: 54px; margin: 0 5px; } #sbx-header .mod-topcrisis ul li.last-item { margin-right: 0; } #sbx-header .mod-topcrisis a { background: url(../images/yellow-btn.png) left top repeat; border-bottom: 4px solid #ccaf28; color: #57288C; display: block; font-weight: bold; line-height: 50px; padding: 0 30px; text-transform: uppercase; } #sbx-header .mod-topcrisis .last-item a { background-image: url(../images/purple-btn.png); border-bottom-color: #5c1da4; color: #fff; } #sbx-header .mod-topcrisis a:hover { background-position: left bottom; text-decoration: none; } #sbx-header .mod-tagline { clear: right; float: right; font-size: 25px; font-weight: 300; padding-top: 22px; text-align: right; } #sbx-mainnav { clear: right; float: right; padding-top: 32px; } #sbx-mainnav #ja-cssmenu li { float: left; position: relative; } #sbx-mainnav #ja-cssmenu > li > a { border-bottom: 4px solid transparent; color: #57288C; display: block; font-size: 23px; line-height: 24px; padding: 26px 12px; } #sbx-mainnav #ja-cssmenu > li.last-item > a { background-color: #FFFFFF; background-repeat: repeat-y; background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(#F3F0F6)); background: -webkit-linear-gradient(left, #F3F0F6, #FFFFFF); background: -moz-linear-gradient(left, #F3F0F6, #FFFFFF); background: -ms-linear-gradient(left, #F3F0F6, #FFFFFF); background: -o-linear-gradient(left, #F3F0F6, #FFFFFF); padding-right: 0; } #sbx-mainnav #ja-cssmenu > li:hover > a { border-bottom-color: #7524d0; color: #8A42D9; } #sbx-mainnav #ja-cssmenu > li.active > a { border-bottom-color: #917019; color: #A38220; } /* !2nd Level */ #sbx-mainnav #ja-cssmenu li ul { background-color: #fff; display: none; width: 320px; padding: 10px 0; position: absolute; top: 100%; height: auto; z-index: 1000; } #sbx-mainnav #ja-cssmenu li.last-item ul { right: 0; } #sbx-mainnav #ja-cssmenu li ul li { margin: 0; float: none; padding: 8px 15px; } #sbx-mainnav #ja-cssmenu li ul li a { border-bottom: none; color: #57288C; font-size: 20px; } #sbx-mainnav #ja-cssmenu li ul li:hover a { color: #8A42D9; } #sbx-mainnav #ja-cssmenu li ul li.active a { color: #A38220; } /* !3rd Level */ #sbx-mainnav #ja-cssmenu li ul ul { left: 100%; top: 0; } #sbx-mainnav #ja-cssmenu li:hover ul ul, #sbx-mainnav #ja-cssmenu li:hover ul ul ul { display: none; } /* This "unhides" the sub-menus (left: -999em is what hides them) */ #sbx-mainnav #ja-cssmenu li:hover ul, #sbx-mainnav #ja-cssmenu li li:hover ul, #sbx-mainnav #ja-cssmenu li li li:hover ul { display: block; } /* ------------------------------------------------------------------------ /* !LAYOUT: Footer */ /* ----------------------------------------------------------------------*/ #sbx-footnav { background: url(../images/botnav-bg.png); padding: 70px 0 40px; } #sbx-footnav ul.menu-bm:before, #sbx-footnav ul.menu-bm:after { content: ""; display: table; } #sbx-footnav ul.menu-bm:after { clear: both; } #sbx-footnav ul.menu-bm { margin: 0; } #sbx-footnav ul.menu-bm > li { background: none; float: left; width: 20%; padding: 0 0 30px 0; } #sbx-footnav ul.menu-bm > li.last-item { padding: 0; } #sbx-footnav ul.menu-bm > li > a { font-size: 18px; font-weight: bold; text-decoration: none; padding-right: 10px;} #sbx-footnav ul.menu-bm > li > a:hover { color: #8A42D9; } #sbx-footnav ul.menu-bm li ul { margin: 0; padding: 10px 10px 0 0; } #sbx-footnav ul.menu-bm li ul li { background: none; padding: 5px 0; } #sbx-footnav ul.menu-bm li ul li a { color: #7D5AA4; text-decoration: none; } #sbx-footnav ul.menu-bm li ul li a:hover { color: #8A42D9; } #sbx-footer { background-color: #431577; color: #E1DAE9; padding: 45px 0; } #sbx-footer a { color: #fff; text-decoration: none; } #sbx-footer a:hover { color: #FFE041; } #sbx-footer strong { color: #fff; font-weight: 600; } #sbx-footer .footer-right { text-align: right; } ul.menu-fm li { background: none; border-right: 1px solid #694393; display: inline-block; line-height: 1; padding: 0 10px; } ul.menu-fm li:last-child { border-right: none; padding-right: 0; } #sbx-footer .mod-copyright { font-size: 12px; margin-top: 18px; } #sbx-footer .mod-copyright a { color: #E1DAE9; } #sbx-footer .mod-copyright a:hover { color: #FFE041; } #sbx-footer .mod-copyright .separator { padding: 0 15px; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !QUICK STYLES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ .page-content, .wrapper-content { padding: 75px 0 60px; } .pHome .page-content { padding: 0; } #sbx-mainbody-f { min-height: 0; } /* !Component Heading */ h1.componentheading, .item-header h1.title { font-size: 74px; font-weight: 300; } h1.componentheading span.subheading { } /* !Article Heading */ .article-title { margin: 0; } .article-title h2.contentheading { font-size: 74px; font-weight: 300; } .article-title h2.contentheading a, .article-title h2.contentheading a:active, .article-title h2.contentheading a:visited {} .article-title h2.contentheading a:hover {} .article-title h2.contentheading span.subheading {} .article-title h2.chBtns-icons {} .article-title h2.chBtns-text {} .article-title h2.chBtns-none {} .article-title .buttonheading { top: 12px; } .article-title .buttonheading img {} .article-title .buttonheading span {} .article-title .bhBtns-icons span.btn {} .article-title .bhBtns-text span.btn {} .page-heading { background-color: #000; /*background: url("../images/page-heading.jpg") no-repeat scroll center top / cover ;*/ color: #fff; position: relative; } .page-heading.no-title { border-top: 12px solid #000; } .page-heading .hero-bg { background-color: #000; opacity: 0; position: absolute; top: 0; bottom: 0; width: 100%; } .page-heading .container { position: relative; } .pHome .page-heading { display: none; } .page-heading h1 { color: #fff; font-size: 54px; font-weight: 300; margin: 0; padding: 60px 0 30px; } .item-header h1.title, h1.componentheading, .article-title h2.contentheading { display: none; } /* !Article Meta */ .article-meta-wrap, div.metadata, .dn-meta, .item-meta { color: #888; } .article-meta-wrap, div.metadata, span.small {} .article-meta-content {} .article-meta-content span {} .article-meta-content span strong, div.metadata span.author-name, span.title span.count, span.small strong, .item-meta strong { color: #888; } .article-meta-content span.title {} /* !Article Meta: Setup for just top portion and bottom */ .metaTop {} .metaBot {} /* !Article Content */ .article-content { margin: 0.5em 0; } .article-content img {} /* !Separators */ span.article_separator {display: none;} span.afterdisplay_separator {} /* !Before and After Wrappers */ .article-beforecontent {} .article-aftercontent { border: none; } /* !Table of Contents */ table.contenttoc {} table.contenttoc a {} table.contenttoc td {} table.contenttoc th { border-color: #f2f2f2; } table.contenttoc a.active {} /* !Blog Table */ table.blog tr td div.contentpaneopen {} table.blog tr td.article_column {} table.blog tr td.column_separator {} table.blog span.article_separator {} table.blog h2.contentheading { display: block; } table.blog h2.contentheading a, table.blog h2.contentheading a:active, table.blog h2.contentheading a:visited {} table.blog h2.contentheading a:hover {} table.blog .article-title {} table.blog .article-title .buttonheading {} table.blog .article-title .buttonheading img {} table.blog .article-title .buttonheading span {} table.blog .article-content {} table.blog .article-content p {} table.blog .article-content img {} /* !Blog More */ .compBlogMore-wrap { border-color: #f2f2f2; } .compBlogMore-content { padding-top: 2em; } /* !Read On Button */ a.readon, a.readon:active, a.readon:visited {} a.readon:hover {} /* !Back Button */ .back_button a, .back_button a:active, .back_button a:visited {} .back_button a:hover {} /* !Results Table */ table.resultsTBL caption { color: #000; border-color: #ddd; } table.resultsTBL thead th { color: #fff; background: #3d3630; } table.resultsTBL thead th a { color: #fff; } table.resultsTBL thead th a:hover {} table.resultsTBL .row1 td, table.resultsTBL .odd td { background: #f6f6f6; border-color: #ddd; } table.resultsTBL .row2 td, table.resultsTBL .even td { background: #f6f6f6; border-color: #ddd; } table.resultsTBL tfoot td { background: #ddd; } .resultsTBL-foot { background: #f2f2f2; border-bottom: 2px solid #ddd; } .resultsTBL-foot .foot-total strong { color: #000; } table.resultsTBL tr.rowTitle1 td { background: #f6f6f6; } table.resultsTBL tr.rowTitle2 td { background: #f6f6f6; } /* !Results Table: Manage Links */ a.mngViewLink {} a.mngEditLink {} a.mngRemoveLink {} /* !Pager: List */ ul.pagination { border-color: #ddd; display: block; } ul.pagination li {} ul.pagination li span, ul.pagination li span:hover { border: none; float: none; margin-left: 0; } ul.pagination li.prevPage, ul.pagination li.prevPageOff, ul.pagination li.nextPage, ul.pagination li.nextPageOff {} ul.pagination a, ul.pagination a:active, ul.pagination a:visited {} ul.pagination a:hover {} /* !Poll Table Bars */ .polls_color_1 {} .polls_color_2 {} .polls_color_3 {} .polls_color_4 {} .polls_color_5 {} /* !Section Containers */ .compSect-wrap {} .compSect-title {} .compSect-title a, .compSect-title a:active, .compSect-title a:visited {} .compSect-title a:hover {} .compSect-title h3 {} .compSect-title h3 span {} .compSect-title h3 span.sub { color: #999; font-size: .8em; } .compSect-title-link h3 {} .compSect-title-link h3 a, {} .compSect-title-link h3 a:active, {} .compSect-title-link h3 a:visited {} .compSect-title-link h3 a:hover {} .compSect-contentwrap {} .compSect-contentwrap fieldset {} .compSect-content {} .compSectBtns-wrap {} .compSectBtns-contentwrap {} .compSectBtns-content {} /* !Section Internal Containers */ .compSectInt-wrap {} .compSectInt-title {} .compSectInt-title a, .compSectInt-title a:active, .compSectInt-title a:visited {} .compSectInt-title a:hover {} .compSectInt-title h3 {} .compSectInt-title h3 span {} .compSectInt-title h3 span.sub {} .compSectInt-title-link h3 {} .compSectInt-title-link h3 a, .compSectInt-title-link h3 a:active, .compSectInt-title-link h3 a:visited {} .compSectInt-title-link h3 a:hover {} .compSectInt-contentwrap {} .compSectInt-contentwrap fieldset {} .compSectInt-content {} /* !Section Containers Content & Forms */ .compSect-content label.desc {} .compSect-content label.descLrg {} .compSect-content label.desc span.subLBL {} ul.compList label.choice, ul.compList li div label, ul.compList li span label, .compSect-content label.choice, .compSect-content li div label, .compSect-content li span label { color: #666; } .compSect-content li.section, .compSect-content li.sectionInstruct, .compSect-content li.border-top, .section-content li.border-top { color: #666; border-color: #ccc; } /* !Results Nav */ .compResNav-wrap {} .compResNav-content {} .compResNavPgr-wrap {} .compResNavCtr-wrap {} /* !Tool Bar */ .compToolBar-wrap { border-color: #000; } .compToolBar-content {} .compToolBar-content ul {} .compToolBar-content ul li a, .compToolBar-content ul li a:active, .compToolBar-content ul li a:visited { background: #555; border-color: #555; color: #fff; } .compToolBar-content ul li a:hover { background: #333; border-color: #333; color: #fff; } .compToolBar-content ul li {} .compToolBar-content ul li.first {} .compToolBar-content ul li.last {} .compToolBar-content ul li.left {} .compToolBar-content ul li.right {} .compToolBar-content ul li.active a { background: #000; border-color: #000; color: #fff; } .compToolBar-content ul li.disabled a { text-decoration: none; background: #f6f6f6; border-color: #f6f6f6; color: #ddd; } /* !Nav Bar */ .compNavBar-wrap { border-color: #ddd; } .compNavBar-content {} .compNavBar-content ul {} .compNavBar-content ul li {} .compNavBar-content ul li.first {} .compNavBar-content ul li.last a {} .compNavBar-content ul li.active a { color: #000; text-decoration: underline; } .compNavBar-content ul li.disabled a { color: #ddd; text-decoration: none; } .compNavBar-content ul li a { border-color: #ddd; } .compNavBar-content ul li.left {} .compNavBar-content ul li.right {} /* !Sort Bar */ .compSortBar { border-color: #ddd; } /* !Nav Bar: Specific Link Types */ a.nbPubLink {} a.nbUnpubLink {} a.nbRemoveLink {} a.nbBackLink {} a.nbEditLink {} a.nbNewLink {} a.nbViewLink {} a.nbExportLink {} /* !Title Bar */ .compTitleBar-wrap {} .compTitleBar-content {} .compTitleBar-content ul {} .compTitleBar-content ul li {} .compTitleBar-content ul li.first {} .compTitleBar-content ul li.last {} .compTitleBar-content ul li.last a {} .compTitleBar-content ul li.active a { color: #000; text-decoration: underline; } .compTitleBar-content ul li.disabled a { color: #ddd; text-decoration: none; } .compTitleBar-content ul li a { border-color: #ddd; } .compTitleBar-content ul li.left {} .compTitleBar-content ul li.right {} /* !Title Bar: Specific Link Types */ a.cstPubLink {} a.cstUnpubLink {} a.cstRemoveLink {} a.cstBackLink {} a.cstditLink {} a.cstNewLink {} a.cstViewLink {} a.cstExportLink {} /* !Stats Box */ .compBox-wrap { border-color: #ddd; } .compBox-content {} /* !Captcha */ .compCaptcha-wrap { border-color: #ddd; background: #f6f6f6; } .compCaptcha-content {} /* !Results Filter */ .compResFilter-wrap {} .compResFilter-content {} .compResFilter-content label {} .compResFilter-content label.desc {} /* !Results Page Display Filter */ .compResPDFilter-wrap { color: #fff; background: #ddd; } .compResPDFilter-content {} .compResPDFilter-content label.desc { color: #fff; } /* !Content Rating */ .compConRating-wrap { color: #888; background: #f6f6f6; } .compConRating-content {} /* !Form: Fields */ input.field.text, textarea.field, .inputbox, .input-text, td.paramlist_value select { color: #000; font-family: Tahoma,Arial,Helvetica,sans-serif; border-color: #7c7c7c #c3c3c3 #ddd; } input.text, input.field, input.input-text, input.textarea, .btn, .btn-primary { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } input.inputbox:hover, input.inputbox:focus, input.text:hover, input.text:focus, textarea.textarea:hover, textarea.textarea:focus {} input.checkbox, input.radio { color: #ddd; } /* !Form: Main Button */ button.button { color: #ccc; background: #333 url(../images/button-bg.gif) repeat-x top; border: 1px solid #333; font-size: .9em; text-transform: uppercase; padding: 3px 5px; line-height: normal; margin-right: 5px; cursor: pointer; overflow: visible; width: auto; } button.button:hover, button.button:focus { background: #333 url(none); } a.buttonLink {} /* !Big Link and Options */ a.bigLink { text-decoration: none !important; } span.linkOptions {} span.linkOptions a, span.linkOptions a:visited, span.linkOptions a:active {} span.linkOptions a:hover {} /* !Flickr Album Plugin */ .gallery-flickr ul {} .gallery-flickr ul li {} .gallery-flickr ul li a {} .gallery-flickr ul li a:hover img { border-color: #333; } .gallery-flickr ul li a img { border-color: #ddd; } .gallery-flickr-link { font-weight: bold; } /* !Item Actions */ div.item-actions {} div.item-actions div.ia {} a.ia-link, a.ia-link:active, a.ia-link:visited { color: #fff; background-color: #555; text-decoration: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; } a.ia-link:hover { color: #fff; background-color: #333; text-decoration: none; } a.ia-link.active { background-color: #333; color: #ccc; } /* !Modal Popups */ .modal-hdr { background-color: #92744c; } .modal-title {} .modal-title h1.modaltitle {} .modal-toolbar {} .modal-toolbar button.button {} .modal-toolbar span {} .modal-content {} /* !Calendar Monthly Layout */ .cal-monthTBL th.cal-wdHead { color: #fff; border-color: #444; background: #444; } .cal-monthTBL tr.cal-weekHead, .cal-monthTBL tr.cal-weekRow {} .cal-monthTBL td.cal-wd, .cal-monthTBL td.cal-wdEmpty { border-color: #ddd; height: 110px; } .cal-monthTBL td.cal-wd { color: #444; background-color: #f6f6f6; } .cal-monthTBL td.cal-wdEmpty { color: #ddd; background-color: #f6f6f6; } .cal-monthTBL td.cal-wd .cal-wdNum, .cal-monthTBL td.cal-wdEmpty .cal-wdEmptyName {} .cal-monthTBL .cal-wdNum a { color: #444; } .cal-monthTBL .cal-wdNum a:hover { color: #444; } .cal-monthTBL .cal-today { background-color: #fff !important; } .cal-monthTBL .cal-wdPopup { border-color: #ddd; background-color: #fff; } .cal-monthTBL .cal-wdPopup .cal-num {} .cal-monthTBL .cal-closeBtn {} .cal-monthTBL .cal-event {} .cal-monthTBL .cal-eventSingle {} .cal-monthTBL .cal-eventTitle {} .cal-monthTBL .cal-eventDate { color: #999; } .cal-monthTBL .meta-line { color: #444; } .cal-monthTBL .cal-eventMultiStart, .cal-monthTBL .cal-eventMultiMiddle, .cal-monthTBL .cal-eventMultiEnd {} .cal-monthTBL .cal-eventMultiStart .cal-eventInfo, .cal-monthTBL .cal-eventMultiMiddle .cal-eventInfo, .cal-monthTBL .cal-eventMultiEnd .cal-eventInfo { background-color: #f6f6f6; } .cal-monthTBL .cal-eventMultiStart {} .cal-monthTBL .cal-eventMultiEnd {} /* !Calendar Monthly Navigation */ .compCalMonthNav-wrap { border-color: #ccc; } .compCalMonthNav-content {} .cal-monthNavTBL {} .cal-monthNavTBL .cal-year, .cal-monthNavTBL .cal-month {} .cal-monthNavTBL em.arrow {} .cal-monthNavTBL a { text-decoration: none !important; } .cal-monthNavTBL td {} .cal-monthNavTBL td.cal-navmonthPrev {} .cal-monthNavTBL td.cal-navmonthNext {} .cal-monthNavTBL td.cal-navthismonth {} .cal-monthNavTBL .cal-prevyear, .cal-monthNavTBL .cal-prevmonth {} .cal-monthNavTBL .cal-nextyear, .cal-monthNavTBL .cal-nextmonth {} .cal-monthNavTBL .cal-thismonth {} /* !Calendar Module */ .calMod-monthTBL th.cal-wdHead { color: #fff; border-color: #444; background: #444; } .calMod-monthTBL td.cal-wd, .calMod-monthTBL td.cal-wdEmpty { border-color: #ddd; } .calMod-monthTBL td.cal-wd { color: #444; background-color: #f6f6f6; } .calMod-monthTBL td.cal-wdEmpty { color: #ddd; background-color: #f6f6f6; } .calMod-monthTBL td.cal-wd .cal-wdNum, .calMod-monthTBL td.cal-wdEmpty .cal-wdEmptyName { height: 30px; } .calMod-monthTBL .cal-today { background-color: #eaeef4 !important; } .calMod-monthTBL a.cal-wdNumEvent {} .calMod-monthTBL a.cal-wdNumEvent:hover { background: #fbf7fc; } .calMod-monthNavTBL a { text-decoration: none !important; } .calMod-monthTBL .cal-wdPopup { border-color: #ddd; background-color: #fff; } .calMod-monthTBL .cal-eventDate { color: #999; } .calMod-monthTBL .meta-line { color: #444; } .calMod-monthTBL .cal-wdPopNum a { color: #444; } /* !Sections */ .section { color: inherit; } .section-title { font-size: 1.4em; line-height: 1.1em; font-weight: bold; text-transform: none; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !PAGES, COMPONENTS, FORMS, VIEWS & PIECES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !COMPONENT: SBX Actions */ /* ----------------------------------------------------------------------*/ .section-action-letter { border-left-color: #444; background: #f6f6f6; -webkit-box-shadow: 0px 0px 10px #ddd; -moz-box-shadow: 0px 0px 10px #ddd; box-shadow: 0px 0px 10px #ddd; } /* ------------------------------------------------------------------------ /* !COMPONENT: SBX Petitions */ /* ----------------------------------------------------------------------*/ .section-petition-letter { border-left-color: #444; background: #f6f6f6; -webkit-box-shadow: 0px 0px 10px #ddd; -moz-box-shadow: 0px 0px 10px #ddd; box-shadow: 0px 0px 10px #ddd; } .petition-letter { font-size: 14px; line-height: 1.5em; } .petition-letter-title { font-size: 1.6em; text-transform: uppercase; } .supporter-item { font-size: inherit; line-height: 1.4em; } .supporter-name { color: inherit; } .supporter-location, .supporter-time { font-size: 11px; } .section-socialshare { padding-left: 10px; padding-right: 10px; } /* ------------------------------------------------------------------------ /* !COMPONENT: SBX Shop */ /* ----------------------------------------------------------------------*/ .section-accordion { border: none; background: #fbf8f4; } .section-accordion .section-header { background: #3d3630; border-color: #fff; } .section-accordion .section-header h3 { color: #fff; } .section h4.subtitle { color: #4c3607; } .section p.desc { color: inherit; } .shop .label { font-size: 10px; background-color: #c4a67e; } .shop .help-block, .shop .help-inline { color: #666; } .shop .table th, .shop .table td { border-color: #f2f2f2; background-color: #fff; } .shop .cart-table thead th a { text-decoration: none !important; } .shop .shop-table h4.title { color: #2d5798; } .shop .shop-table p.desc { font-size: .9em; line-height: 1.4em; } .shop .shop-table td.item-product, .shop .shop-table p.desc { color: inherit; } .shop .cart-table th.item-total, .shop .cart-table td.item-total { width: 70px; } .shop .cart-total, .shop .order-total { border-color: #f2f2f2; } .shop .order-table td.item-thumb { width: 70px; } .shop .order-table.table-striped td { background-color: transparent; } .order-table td.item-qty, .order-table td.item-times { color: #c4a67e; } /* ------------------------------------------------------------------------ /* BUTTON */ /* ----------------------------------------------------------------------*/ .btn-yellow { background: url(../images/yellow-btn.png) left top repeat; border-bottom: 4px solid #ccaf28; display: inline-block; font-size: 20px; font-weight: bold; line-height: 72px; padding: 0 40px; text-transform: uppercase; text-decoration: none; } .btn-yellow span { background: url(../images/purple-arrow.png) no-repeat right center; display: block; padding-right: 45px; } .btn-yellow:focus, .btn-yellow:hover { background-position: left bottom; text-decoration: none; color: #57288C; } button.button, .btn-primary { background: url(../images/purple-btn.png) left top repeat; border: none; border-bottom: 4px solid #5c1da4; color: #fff; display: inline-block; font-family: "Open Sans",sans-serif; font-size: 20px; font-weight: bold; line-height: 54px; padding: 0 40px; text-transform: uppercase; text-decoration: none; text-shadow: none; } button.button:focus, .button.button:hover, .btn-primary:focus, .btn-primary:hover { background: url(../images/purple-btn.png) left bottom; text-decoration: none; } .form-control, .inputbox, input.input-text, input.field.text, input.field[type="text"], select, select.inputbox, select.select, td.paramlist_value select, textarea, textarea.field, textarea.textarea { font-family: "Open Sans",sans-serif; } input.inputbox, input.text, input.file, textarea.textarea { padding: 4px 6px; } #sbx-herowrap { background-color: #000; color: #fff; padding: 75px 0; position: relative; } #sbx-herowrap .img-bg { background-position: center center; background-size: cover; bottom: 0; position: absolute; top: 0; width: 100%; } #sbx-herowrap .hero-bg { background-color: #000; opacity: 0.4; position: absolute; top: 0; bottom: 0; width: 100%; } #sbx-herowrap .container { position: relative; } #sbx-herowrap h1 { color: #fff; font-size: 74px; font-weight: 300; line-height: 1; margin: 0 0 24px; } #sbx-herowrap h3 { color: #fff; font-size: 24px; font-weight: normal; line-height: 40px; margin: 0 0 47px; } #sbx-herowrap > a {bottom: 0; left: 0; position: absolute; right: 0; top: 0;} #sbx-state-map { background: url(../images/state-map-bg.jpg) no-repeat center top; background-size: cover; color: #F7F4F8; font-size: 15px; padding: 65px 0 75px; position: relative; } #sbx-state-map > a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } #sbx-state-map .container { position: relative; } #sbx-state-map .mod-state, #sbx-state-map .main-state { float: left; width: 50%; } #sbx-state-map .mod-state h3 { color: #fff; font-size: 46px; font-weight: 300; } #sbx-state-map .mod-state a { color: #fff; text-decoration: none; } #sbx-state-map .main-state #ja-cssmenu > li > a { padding-left: 115px; padding-top: 35px; } .main-state #ja-cssmenu li ul { -webkit-background-clip: padding-box; background-clip: padding-box; border-top: none; display: none; position: absolute; left: 115px; right: 0; background-color: #fff; padding: 10px 0; z-index: 9; } .main-state #ja-cssmenu li.toggle-open ul { display: block; } .main-state #ja-cssmenu li ul li { background: none; padding: 0 40px; } .main-state #ja-cssmenu li ul li a { text-decoration: none; } .main-state #ja-cssmenu > li { background: none; padding: 0; position: relative; } .main-state #ja-cssmenu > li > a { color: #8A42D9; display: block; font-size: 20px; font-weight: 600; line-height: 72px; text-transform: uppercase; text-decoration: none; } .main-state #ja-cssmenu > li > a:hover { color: #000; } .main-state #ja-cssmenu > li > a > span { background: #fff url(../images/state-down.png) no-repeat right top; border-bottom: 4px solid rgba(0, 0, 0, 0.8); display: block; padding: 0 70px 0 40px; } .main-state #ja-cssmenu > li > a:hover > span { background-position: right bottom; } #sbx-features { padding: 90px 0; } .main-features h3 { color: #240C3F; font-size: 66px; font-weight: 300; line-height: 1; margin: 0 0 90px; text-align: center; } .main-featuresleft .sbxMod-content { padding-right: 60px; } .main-featuresleft a { font-size: 26px; font-weight: bold; text-decoration: none; } #sbx-features .mod-item { min-height: 120px; overflow: hidden; padding: 0 0 0 200px; position: relative; margin-bottom: 40px; } #sbx-features .mod-item:last-child { margin-bottom: 0; } #sbx-features .mod-item .item-text img { position: absolute; left: 0; top: 0; width: 180px; } #sbx-features .mod-item .item-title { font-size: 20px; } #sbx-features .mod-item .item-title a { text-decoration: none; } #sbx-features .mod-item .date { color: #A38220; font-size: 13px; font-weight: 300; } #sbx-preventable { background: url(../images/preventable.jpg) no-repeat center center; background-size: cover; color: #fff; font-size: 20px; padding: 90px 0; position: relative; text-align: center; } #sbx-preventable h3 { color: #FFE041; font-size: 46px; font-weight: 300; margin: 0 0 18px; } #sbx-resources { background: url(../images/resources.jpg) no-repeat center center; background-size: cover; color: #fff; padding: 90px 0; } #sbx-resources h3 { color: #fff; font-size: 32px; font-weight: 300; margin: 0 0 28px; text-align: center; } #sbx-resources #ja-cssmenu { margin: 0 -15px; } #sbx-resources #ja-cssmenu > li { background: none; float: left; padding: 0 15px; } #sbx-resources #ja-cssmenu > li > a { background-color: #fff; border-bottom: 4px solid rgba(0, 0, 0, 0.8); color: #8A42D9; display: block; font-size: 18px; font-weight: 600; line-height: 72px; text-transform: uppercase; text-decoration: none; } #sbx-resources #ja-cssmenu > li > a > span { background: url(../images/white-btn.png) no-repeat right top; display: block; padding: 0 88px 0 20px; } #sbx-resources #ja-cssmenu > li > a:hover { color: #232121; } #sbx-resources #ja-cssmenu > li > a:hover > span { background-position: right bottom; } #sbx-facts { color: #240C3F; padding: 90px 0; } #sbx-facts h3 { color: #240C3F; font-size: 66px; font-weight: 300; line-height: 1; margin: 0 0 45px; text-align: center; } #sbx-facts .content-slide { border-left: 1px solid #d5d5d5; float: left; width: 33.33%; padding: 20px 32px; text-align: center; } #sbx-facts .content-slide.first { border-left: none; } #sbx-facts .content-slide-header { color: #232121; font-size: 58px; font-weight: 800; } #sbx-facts .content-slide-caption { color: #6C6C6C; font-size: 23px; } #sbx-donate { background-color: #000; color: #fff; padding: 160px 0; position: relative; text-align: center; } #sbx-donate .img-bg { background-position: center center; background-size: cover; bottom: 0; position: absolute; top: 0; width: 100%; } #sbx-donate .hero-bg { background-color: #000; opacity: 0.6; position: absolute; top: 0; bottom: 0; width: 100%; } #sbx-donate .container { position: relative; } #sbx-donate h3 { color: #fff; font-size: 74px; font-weight: 300; margin: 0 0 40px; } #sbx-containerwrap-fr #sbx-leftCol-inner { padding-right: 20px; } #sbx-containerwrap-fl #sbx-rightCol-inner { padding-left: 20px; } #sbx-rightCol-inner, #sbx-leftCol-inner { padding-top: 82px; padding-bottom: 32px; } ul.menu { list-style: none; margin: 0; padding: 0; } ul.menu li { background: none; padding: 0; } ul.menu li a { text-decoration: none; } .menu-side > li > a, .menu-side > li > span { display: block; font-size: 23px; font-weight: bold; padding: 0.5em 0; } .menu-side li ul li a { border-bottom: 1px solid #d5d5d5; display: block; font-size: 18px; font-weight: 300; padding: 0.5em 0; } #sbx-rightCol .sbxMod, #sbx-leftCol .sbxMod { margin-bottom: 20px; } #ja-cssmenu { margin: 0; } #ja-cssmenu li { background: none; padding: 0; } #ja-cssmenu li ul li { background: none; padding: 0 0.6em 0; } #ja-cssmenu li a { text-decoration: none; } #sbx-rightCol #ja-cssmenu li a { display: block; font-size: 18px; font-weight: 300; padding: 0.5em 0; color: #a38220; } #sbx-rightCol #ja-cssmenu li.active > a { color: #57288c; } #sbx-rightCol .sbxMod.mod-state { background: rgba(0, 0, 0, 0) url("../images/state-map-bg.jpg") no-repeat scroll center top / cover ; color: #fff; margin-bottom: 0; text-align: center; } #sbx-rightCol .sbxMod.mod-state a { color: #fff; display: block; padding: 50px 30px; text-decoration: none; } #sbx-rightCol .sbxMod.mod-state h3, #sbx-rightCol .sbxMod.mod-state h3 a { color: #fff; font-weight: 300; } #sbx-rightCol .sbxMod.mod-state p { margin: 0; } #sbx-rightCol .sbxMod.mod-state p a { color:#fff:} #sbx-rightCol .sbxMod.main-state { background: rgba(0, 0, 0, 0) url("../images/state-map-bg.jpg") no-repeat scroll center top / cover ; } #sbx-rightCol .main-state .sbxMod-content { padding: 0; } #sbx-rightCol .main-state #ja-cssmenu li a { border-bottom: none; font-size: 15px; padding: 0; } #sbx-rightCol .main-state #ja-cssmenu > li > a { background: none; font-size: 20px; font-weight: 600; padding: 0 40px 50px; } #sbx-rightCol .main-state #ja-cssmenu > li > a > span { background-color: #fff; border-bottom: 4px solid rgba(0, 0, 0, 0.8); padding-left: 7px; } #sbx-rightCol .main-state #ja-cssmenu li ul { left: 40px; right: 40px; top: 72px; } #sbx-rightCol .main-state #ja-cssmenu li ul li { padding: 0 7px; } #sbx-rightCol .preventableside { background: #000 url("../images/happy-people.jpg") no-repeat center center; background-size: cover; color: #fff; font-size: 20px; padding: 50px 30px; text-align: center; } #sbx-rightCol .preventableside h3 { color: #FFE041; font-size: 24px; font-weight: 300; margin: 0 0 18px; text-shadow: 1px 1px #917019; } #sbx-rightCol .preventableside p { color: #ffffff; font-size: 16px; font-weight: 300; margin: 0 0 18px; } .pKeyIssues .page-content { font-size: 16px; } .pKeyIssues .col-one-half { margin-bottom: 60px; } .pKeyIssues .col-one-half > * { overflow: hidden; } .pKeyIssues .col-one-half p:first-child { margin: 0; overflow: visible; } .pKeyIssues .col-one-half img { float: left; margin: 0 35px 35px 0; } #sbx-keyissuesaction { background-color: #000; color: #fff; padding: 140px 0; position: relative; overflow: hidden; } #sbx-keyissuesaction h1 { color: #57288c; font-size: 28px; font-weight: 300; line-height: 1; margin: 0 0 24px; } #sbx-keyissuesaction h3, #sbx-keyissuesaction h3 a { color: #57288c; font-size: 18px; font-weight: normal; line-height: 40px; margin: 0 0 47px; text-align: center;} .keyissuesaction { margin: 0; position: relative; } .keyissuesaction .img-bg { background-position: center center; background-size: cover; bottom: 0; position: absolute; top: 0; width: 100%; } .keyissuesaction .sbxMod { float: left; width: 50%; padding: 0 4px 8px; } .keyissuesaction .sbxMod-content { padding: 30px; position: relative; text-align: center; } .keyissuesaction .sbxMod-content h1 { color: #57288c; font-weight: 300; margin: 0 0 24px; } .keyissuesaction .sbxMod-content h3, .keyissuesaction .sbxMod-content h3 a, .keyissuesaction .sbxMod-content h5, .keyissuesaction .sbxMod-content h5 a { color: #57288c; font-weight: normal; margin: 0 0 36px; } .keyissuesnews .mod-item, .keyissuesresearch .mod-item { margin: 0 0 30px; padding: 0; /*overflow: hidden;*/ position: relative; min-height 120px;} .keyissuesnews .mod-item .item-title a, .keyissuesresearch .mod-item .item-title a { text-decoration: none;} .keyissuesnews .mod-item .date, .keyissuesresearch .mod-item .date { color: #a38220; font-size: 13px; font-weight: 300; } .keyissuesnews .mod-item { min-height: 60px; /*overflow: hidden;*/ padding: 0px; position: relative; } .keyissuesresearch .mod-item { min-height: 60px; /*overflow: hidden;*/ padding: 0px; position: relative; } #sbx-fixingthesystem { background-color: #000; color: #fff; margin-bottom: 10px; padding: 50px 0; position: relative; overflow: hidden; width: 100%; } #sbx-fixingthesystem h1 { color: #fff; font-size: 28px; font-weight: 300; line-height: 1; margin: 0 0 24px; } #sbx-fixingthesystem h3.sbxMod-title { color: #fff; font-size: 66px; font-weight: 400; line-height: 1; margin: 0 0 47px; text-align: center;} #sbx-fixingthesystem .img-bg { background-position: center center; background-size: cover; bottom: 0; position: absolute; top: 0; width: 100%; } #sbx-fixingthesystem .hero-bg { background-color: #000; opacity: 0.6; position: absolute; top: 0; bottom: 0; width: 100%; } #sbx-fixingthesystem .container { position: relative; } .fixingthesystem { font-size: 0; text-align: center; } .fixingthesystem .row { padding-bottom: 35px; } .fixingthesystem .col-sm-4 { display: inline-block; float: none; vertical-align: top; } .fixingthesystem-box { border: 2px solid transparent; font-size: 14px; padding: 15px; text-align: left; } .fixingthesystem-box:hover { border: 2px solid #7524d0; } .fixingthesystem-box h3 { color: #fff; font-size: 26px; font-weight: bold; line-height: 1.3; margin: 0; text-align: center;} .fixingthesystem-box h3 a { color: #fff; } #sbx-ptdimages { background-color: #000; color: #fff; padding: 90px 0; position: relative; overflow: hidden; width: 100%; } #sbx-ptdimages .img-bg { background-position: center center; background-size: cover; bottom: 0; position: absolute; top: 0; width: 100%; } #sbx-ptdimages .hero-bg { background-color: #000; opacity: 0.6; position: absolute; top: 0; bottom: 0; width: 100%; } #sbx-ptdimages .container { position: relative; } .ptdimages { font-size: 0; text-align: center; } .ptdimages .row { padding-bottom: 35px; } .ptdimages .col-sm-4 { display: inline-block; float: none; vertical-align: top; } #sbx-statemap { } #sbx-statemap h3.sbxMod-title { color: #000; font-size: 66px; font-weight: 400; line-height: 1; margin: 0 0 47px; text-align: center;} .social-abedinstead { margin: 25px 0; text-align: right; } .social-abedinsteadthankyou { margin: 25px 0; text-align: center; font-size: 22px; } .social-abedinsteadthankyou h3 { color: #000; font-size: 32px; font-weight: 300; padding: 0 150px; } .social-abedinsteadthankyou h1 { color: #562d8a; font-size: 54px; font-weight: 300; padding: 0 150px; } .supportmoreaccess { margin-bottom: 100px; } .supportmoreaccess h3.sbxMod-title { font-size: 56px; font-weight: 300; margin-bottom: 50px; text-align: center; } .supportmoreaccess .btn-yellow { background: #ffdb33; font-size: 34px; line-height: 94px; } .supportmoreaccess .btn-yellow:hover { background: #fcf032; } #sbx-abedinstead { color: #fff; position: relative; padding: 45px 0; } #sbx-abedinstead .img-bg { background-position: center center; background-size: cover; bottom: 0; position: absolute; top: 0; width: 100%; } #sbx-abedinstead .hero-bg { background-color: #4B0082; opacity: 0.4; position: absolute; top: 0; bottom: 0; width: 100%; } #sbx-abedinstead .sbxMod { overflow: hidden; position: relative; } .abedinstead-intro { font-size: 20px; margin: 0 auto; padding: 35px 15px 70px; text-align: center; } .abedinstead-intro h3.sbxMod-title { color: #fff; font-size: 56px; font-weight: 300; } .abedinstead-intro h4 { color: #fff; font-size: 40px; margin-bottom: 58px; } .abedinstead-stories { background-color: rgba(255,255,255,0.5); padding: 30px 0; } .abedinstead-stories .sbxMod-content { margin: 0 auto; } .abedinstead-stories .content-slide { padding: 0 15px; } .abedinstead-stories .content-slide-caption { font-size: 18px; margin-top: 30px; } .abedinstead-stories .owl-theme .owl-controls .owl-buttons div.owl-prev, .abedinstead-stories .owl-theme .owl-controls .owl-buttons div.owl-next { background: url(../images/owl-prev.png) no-repeat; margin: 0; position: absolute; top: 85px; left: -70px; opacity: 1; height: 59px; width: 31px; z-index: 9; } .abedinstead-stories .owl-theme .owl-controls .owl-buttons div.owl-next { background-image: url(../images/owl-next.png); left: auto; right: -70px; } .abedinstead-stories .content-slider { position: relative; } .abedinstead-stories .content-slider:before, .abedinstead-stories .content-slider:after { background: #666 none repeat scroll 0 0; top: 0;box-sizing: content-box;content: "";display: block;left: -101%;position: absolute;top: 0;height:232px;width: 100%;z-index: 1; } .abedinstead-stories .content-slider:after { left: auto; right:-101%; } .main-bot { padding: 90px 0; position: relative; } .main-bot .main-bot-bg { position: absolute; } .abedinstead-more { color: #000; font-size: 20px; text-align: center; } .abedinstead-more h3.sbxMod-title { color: #000; font-size: 74px; font-weight: 300; padding: 0 150px; } .abedinstead-more h5 { margin-top: 30px; } .abedinstead-more h5 a { color: #999; font-size: 32px; font-weight: 700; } .bed-storyhero { background: rgba(0, 0, 0, 0) url("../images/botnav-bg.png") repeat scroll 0 0; margin: 80px 0; position: relative; } .bed-storyhero h1 { background-color: #57288C; color: #fff; font-size: 66px; font-weight: 300; margin: 0; padding: 64px 0; text-align: center; } .bed-storyhero .overlay { background-color: rgba(255,255,255,0.8); position: absolute; bottom: 0; left: 0; right: 0; } .bed-storyhero .overlay h2 { font-size: 45px; max-width: 1170px; margin: 0 auto; padding: 55px 15px; } .abedinstead-logo-s { margin: 80px 0; } .bed-pledge { background-color: #562d8a; text-align: center; } .ctct-embed-signup h2 { padding: 27px 15px 0; } .abedinsteadform .ctct-custom-form { box-sizing: border-box; background: #c7c5c5 url("../images/hand.png") no-repeat 25px bottom; color: #57288c; font: 16px/1.5 Helvetica Neue,Arial,sans-serif; margin: 0 auto; padding: 15px 15px 15px 200px; } .abedinsteadform .ctct-custom-form .ctct-button { background: #ffdb34 url(../images/purple-arrow2.png) right center no-repeat; border: none; border-bottom: 4px solid #ccaf28; display: inline-block; font-size: 20px; font-weight: bold; line-height: 52px; padding: 0 75px 0 20px; text-transform: uppercase; text-decoration: none; color: #57288C; margin: 12px 0;} .abedinsteadform .ctct-custom-form .ctct-button:focus, .abedinsteadform .ctct-custom-form .ctct-button:hover { background-color: #fcf032; } .abedinsteadform p { position: relative; } .abedinsteadform .ctct-form-required[for] { position: absolute; left: 35px; top: 15px; color: #8A42D9; font-size: 20px; font-weight: 600;text-transform: uppercase; } .abedinsteadform input { border: none; border-bottom: 4px solid #4d4d4d; color: #8A42D9; font-size: 20px; font-weight: 600; padding: 15px 15px 15px 35px; text-transform: uppercase; width: 100%;} .abedinsteadform input[type=checkbox] { width: auto; } a.linkonpurple{color: #ffe041; font-weight: bold !important;}