/*------------------------------------------------------------------------ # Soapbox -> Style CSS (v2.3.0) # ------------------------------------------------------------------------ # Copyright (C) 2012 PICNet, Inc. All Rights Reserved. # Author: Ryan Belisle # Website: http://www.picnet.net -------------------------------------------------------------------------*/ @font-face { font-family: 'Lato'; src: url('../fonts/Lato-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !LAYOUT */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !LAYOUT: Body */ /* ----------------------------------------------------------------------*/ body { color: #333; font-family: 'Lato', sans-serif; font-size: 16px; line-height: 1.3em; } /* !Printable page & Mailto Page Popups */ body.contentpane { color: #000; background: #fff; } /* !Modal Pane Popups */ body.modalpane { color: #000; background-color: #fff; } /* !Table */ th {} td,div {} #system-messageDetail dd {opacity: 100 !important;} #system-messageDetail dd.message ul {background: #ffffff !important; border: 1px dotted #ffffff !important;} .message.fade {opacity: 1;} /* ------------------------------------------------------------------------ /* !LAYOUT: Containers */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !MENUS */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !QUICK STYLES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* !Component Heading */ h1.componentheading, .item-header h1.title { color: #333; font-size: 35px; font-weight: 600; padding: 0 0 10px; text-transform: uppercase; } h1.componentheading span.subheading { color: #333; } /* !Article Heading */ .article-title { margin: 0; } .article-title h2.contentheading { color: #333; font-size: 35px; font-weight: 600; padding: 0 0 10px; text-transform: uppercase; } .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 { margin-right: 0; } .article-title h2.chBtns-none {} .article-title .buttonheading {} .article-title .buttonheading img {} .article-title .buttonheading span {} .article-title .bhBtns-icons span.btn {} .article-title .bhBtns-text span.btn {} /* !Article Meta */ .article-meta-wrap, div.metadata, .dn-meta, .item-meta { color: #333; } .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: #333; } .article-meta-content span.title {} /* !Article Meta: Setup for just top portion and bottom */ .metaTop {} .metaBot {} /* !Article Content */ .article-content {} .article-content img {} /* !Separators */ span.article_separator {} span.afterdisplay_separator {} /* !Before and After Wrappers */ .article-beforecontent {} .article-aftercontent { border-color: #f2f2f2; } /* !Table of Contents */ table.contenttoc {} table.contenttoc a {} table.contenttoc td {} table.contenttoc th { border-color: #ccc; } 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 { height: 1.6em; border-bottom: 1px dotted; margin-bottom: 0.8em;} table.blog h2.contentheading {} 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 { margin-top: 0px; } table.blog .article-content p {} table.blog .article-content img {} /* !Blog More */ .compBlogMore-wrap { border-color: #ccc; } .compBlogMore-content {} /* !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: #5b91e5; border-color: #D9EAFC; } table.resultsTBL thead th { color: #fff; background: #547EB0; } table.resultsTBL thead th a { color: #fff; } table.resultsTBL thead th a:hover {} table.resultsTBL .row1 td, table.resultsTBL .odd td { background: #fff; border-color: #D9EAFC; line-height: 1.3em; } table.resultsTBL .row2 td, table.resultsTBL .even td { background: #fff; border-color: #D9EAFC; line-height: 1.3em; } table.resultsTBL tfoot td { background: #D9EAFC; } table.resultsTBL p { line-height: 1.3em; } .resultsTBL-foot { background: #f2f2f2; border-bottom: 2px solid #D9EAFC; } .resultsTBL-foot .foot-total strong { color: #5b91e5; } table.resultsTBL tr.rowTitle1 td { background: #f2ede7; } table.resultsTBL tr.rowTitle2 td { background: #f6f3ef; } /* !Results Table: Manage Links */ a.mngViewLink {} a.mngEditLink {} a.mngRemoveLink {} /* !Pager: List */ ul.pagination { border-color: #D9EAFC; text-align: center; } ul.pagination li {} ul.pagination li span {} 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 {} .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: #2d5798; } .compToolBar-content {} .compToolBar-content ul {} .compToolBar-content ul li a, .compToolBar-content ul li a:active, .compToolBar-content ul li a:visited { background: #eaeef4; border-color: #b6c4db; } .compToolBar-content ul li a:hover { background: #e0e6f0; } .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: #2d5798; border-color: #2d5798; color: #fff; } .compToolBar-content ul li.disabled a { text-decoration: none; background: #f2ede7; border-color: #f2ede7; color: #D9EAFC; } /* !Nav Bar */ .compNavBar-wrap { border-color: #D9EAFC; } .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: #D9EAFC; text-decoration: none; } .compNavBar-content ul li a { border-color: #D9EAFC; } .compNavBar-content ul li.left {} .compNavBar-content ul li.right {} /* !Sort Bar */ .compSortBar { border-color: #D9EAFC; } /* !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: #D9EAFC; text-decoration: none; } .compTitleBar-content ul li a { border-color: #D9EAFC; } .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: #D9EAFC; } .compBox-content {} /* !Captcha */ .compCaptcha-wrap { border-color: #D9EAFC; background: #f6f3ef; } .compCaptcha-content {} /* !Results Filter */ .compResFilter-wrap {} .compResFilter-content {} .compResFilter-content label {} .compResFilter-content label.desc {} /* !Results Page Display Filter */ .compResPDFilter-wrap { color: #fff; background: #547EB0; } .compResPDFilter-content {} .compResPDFilter-content label.desc { color: #fff; line-height: 280%; } /* !Content Rating */ .compConRating-wrap { color: #a68860; background: #f6f3ef; } .compConRating-content {} /* !Form: Fields */ .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input.field.text, textarea.field, .inputbox, input.input-text, input.field[type="text"], input.form-control[type="text"], textarea.textarea, td.paramlist_value select { background: none repeat scroll 0 0 #F8FBD6; border: 1px solid #AFB19A; color: #000000; font-weight: bold; margin-bottom: 0; padding: 4px 6px; font: 1em/normal "Raleway",sans-serif; line-height: 24px; } select.inputbox, select.select { background: #F8FBD6; border-color: #AFB19A; padding: 5px 0 6px; } input.inputbox:hover, input.inputbox:focus, input.text:hover, input.text:focus, textarea.textarea:hover, textarea.textarea:focus {} input.field.text:focus, textarea.field:focus, .inputbox:focus, input.field.text:hover, textarea.field:hover, .inputbox:hover { border: 1px solid #afb19a; background: #f8fbd6; } input.checkbox, input.radio { color: #D9EAFC; } /* !Form: Main Button */ button.button { background: none repeat scroll 0 0 #FF8E00; color: #FFFFFF; cursor: pointer; font-size: 13px; font-weight: bold; padding: 3px; } a.buttonLink {} /* !Big Link and Options */ a.bigLink { text-decoration: none !important; } span.linkOptions { color: #92744c; } span.linkOptions a, span.linkOptions a:visited, span.linkOptions a:active { color: #92744c; } span.linkOptions a:hover { color: #333; } /* !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: #D9EAFC; } .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 { background: none repeat scroll 0 0 #FF8E00; border-width: 2px; border-style: outset; border-color: buttonface; border-image: initial; color: #FFFFFF; cursor: pointer; font-size: 16px; font-weight: bold; line-height: normal; padding: 3px; } a.ia-link:hover { color: #fff; background-color: #FF8E00; text-decoration: none; } a.ia-link.active { background-color: #FF8E00; 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: #547EB0; background: #547EB0; } .cal-monthTBL tr.cal-weekHead, .cal-monthTBL tr.cal-weekRow {} .cal-monthTBL td.cal-wd, .cal-monthTBL td.cal-wdEmpty { border-color: #D9EAFC; height: 110px; } .cal-monthTBL td.cal-wd { color: #547EB0; background-color: #f2ede7; } .cal-monthTBL td.cal-wdEmpty { color: #D9EAFC; background-color: #f6f3ef; } .cal-monthTBL td.cal-wd .cal-wdNum, .cal-monthTBL td.cal-wdEmpty .cal-wdEmptyName {} .cal-monthTBL .cal-wdNum a { color: #547EB0; } .cal-monthTBL .cal-wdNum a:hover { color: #547EB0; } .cal-monthTBL .cal-today { background-color: #eaeef4 !important; } .cal-monthTBL .cal-wdPopup { border-color: #D9EAFC; 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: #7eac2f; } .cal-monthTBL .meta-line { color: #547EB0; } .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: #f6f3ef; } .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: #547EB0; background: #547EB0; } .calMod-monthTBL td.cal-wd, .calMod-monthTBL td.cal-wdEmpty { border-color: #D9EAFC; } .calMod-monthTBL td.cal-wd { color: #547EB0; background-color: #f2ede7; } .calMod-monthTBL td.cal-wdEmpty { color: #D9EAFC; background-color: #f6f3ef; } .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: #D9EAFC; background-color: #fff; } .calMod-monthTBL .cal-eventDate { color: #7eac2f; } .calMod-monthTBL .meta-line { color: #547EB0; } .calMod-monthTBL .cal-wdPopNum a { color: #547EB0; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !MODULE CHROME */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ .mod-upcomingevents ul { margin: 0 !important; padding: 0 !important; } .mod-upcomingevents ul li { font-size: 16px !important; line-height: 1.2em !important; background: none !important; margin: 0 0 12px 0 !important; padding: 0 !important; } .mod-upcomingevents .date strong { font-weight: normal; } .mod-upcomingevents .item-title { margin: 0px; line-height: 1.2em; } #container2 .mod { display: block; font-size: 14px; line-height: 1.2em; } #container2 ul.mod-dnList { margin: 0 !important; padding: 0 !important; text-align: center; } #container2 ul.mod-dnList li { font-size: 14px !important; line-height: 1.2em !important; background: none !important; margin: 0 0 12px 0 !important; padding: 0 !important; } #container2 ul.mod-dnList .date strong {} #container2 ul.mod-dnList .item-title { margin: 0px; line-height: 1.2em; } #container2 a.item-readon { font-size: 1em; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !MODULES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !PAGES, COMPONENTS, FORMS, VIEWS & PIECES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !COMPONENT: SBX Mapper */ /* ----------------------------------------------------------------------*/ /* !Mapper */ .com_sbxMapper .gmap-locBalloon h6, .com_sbxMapper .gmap-locBalloon h6 a { color: #5b91e5; text-decoration: none; font-weight: bold; } .com_sbxMapper .locAttribsBox { background-color: #f6f3ef; } .sbxMapper-map #mapper-gmapResults { background: #f6f3ef; } .sbxMapper-map #results-head { background: #547EB0; } .sbxMapper-map #results-headTtl h4 { color: #fff; } .sbxMapper-map #results-headPgr { border-color: #D9EAFC; } .sbxMapper-map #results-headPgr a, .sbxMapper-map #results-headPgr a:active, .sbxMapper-map #results-headPgr a:visited { color: #fff; } .sbxMapper-map #results-headPgr a:hover { color: #ccc; } .sbxMapper-map .result-locActive { background: #eaeef4; } .sbxMapper-loc .loc-address .cat { color: #D9EAFC; } .sbxMapper-loc .loc-address .cat .title { color: #92744c; } /* ------------------------------------------------------------------------ /* !MODULE: SBXSS Simple Template */ /* ----------------------------------------------------------------------*/ /* !Base */ .sbxMod .sbxss-simple {} .sbxMod .sbxss-simple .sbxss-slide {} /* !Content */ .sbxMod .sbxss-simple .sbxss-content-wrap { color: #fff; } .sbxMod .sbxss-simple .sbxss-content { color: #f2ede7; } .sbxMod .sbxss-simple .sbxss-content h2 { color: #fff; } .sbxMod .sbxss-simple .sbxss-content h2 a { color: #fff; } .sbxMod .sbxss-simple .sbxss-content h2 a:hover { color: #D9EAFC; } .sbxMod .sbxss-simple .sbxss-content h3 { color: #7eac2f; } .sbxMod .sbxss-simple .sbxss-content span.catsection { color: #D9EAFC; } .sbxMod .sbxss-simple .sbxss-content p {} .sbxMod .sbxss-simple .sbxss-content a.readon { color: #fff; } .sbxMod .sbxss-simple .sbxss-content a.readon:hover { color: #D9EAFC; } /* !Controls */ .sbxMod .sbxss-simple .sbxss-controls { background: #D9EAFC; } /* !Pagination */ .sbxMod .sbxss-simple a.sbxss-page { color: #fff; background: #dbc09a; } .sbxMod .sbxss-simple a.sbxss-page:hover { color: #333; background: #f2ede7; } .sbxMod .sbxss-simple a.sbxss-pageActive { color: #fff; background: #333; } .sbxMod .sbxss-simple a.sbxss-pageActive:hover {} .sbxMod .sbxss-simple a.sbxss-page .thumbnail {} /* !Navigation (Next, Prev, Play/Pause) */ .sbxMod .sbxss-simple a.sbxss-nav { color: #fff; } .sbxMod .sbxss-simple a.sbxss-nav:hover { color: #333; } #sbx-header { position: relative; text-align: right; } #sbx-header #logo { float: left; padding: 5px 0; } #sbx-header .sbxMod { float: right; margin-top: 35px; vertical-align: middle; } .sbxModTable-social ul { margin: 0; } .sbxModTable-social ul li { background: none; display: inline-block; line-height: 44px; padding: 0 2px; } .sbxModTable-social ul li .fa { color: #2374BB; font-size: 50px; vertical-align: middle; } .sbxModTable-social a span { display: none; } #sbx-header .btn { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-shadow: 1px 1px 3px #666666; font-family: Arial; color: #ffffff; font-size: 20px; background: #FF6600; padding: 12px 20px 12px 20px; text-decoration: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; } #sbx-header .btn:hover { background: #FF8E00; text-decoration: none; } .menu-top { margin: 0; } .menu-top li { background: none; display: inline-block; padding: 0; } .menu-top li a { color: #0081B8; display: inline-block; font-size: 14px; font-weight: 500; line-height: 44px; padding: 0 12px; } .menu-top li.last-item a { background: #fe9917; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #fff; font-size: 16px; font-weight: 600; } .sbxModTable-search { padding-right: 15px; } .mod-search { position: relative; } .mod-search input#mod_search_searchword { background: none; border: 1px solid #979797; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; color: #878787; font-family: 'Raleway', sans-serif; font-size: 14px; padding: 0 18px; height: 36px; width: 260px; margin-right: 6px; margin-top: 6px; } .mod-search button.button { background: url(../images/search-bt.png) no-repeat; border: none; height: 17px; width: 17px; text-indent: -9999em; position: absolute; right: 15px; top: 9px; } #sbx-header .sbxMod.register-now { max-width: 670px; padding-left: 200px; position: relative; } #sbx-header .sbxMod.sbxModTable-topmenu { clear: right; } #sbx-header .sbxMod.register-now h3 { position: absolute; left: 0; top: 38px; width: 200px; text-align: left; } #sbx-header .sbxMod.register-now ul { font-size: 0; } #sbx-header .sbxMod.register-now ul li { background: none; padding: 0; display: inline-block; width: 25%; vertical-align: middle; text-align: center; position: relative; line-height: 16px; } #sbx-header .sbxMod.register-now ul li a { color: #1E2776; font-size: 16px; } #sbx-header .sbxMod.register-now ul li span { position: absolute; left: 0; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; font-weight:bold; } #sbx-header .sbxMod.register-now img { max-width: 108px; margin: 0 5px; width: auto; } #sbx-header .sbxMod.sbxModTable-search { padding-top: 4px; } #sbx-mainnav { background: #2374BB; } #sbx-mainnav ul.menu { margin: 0; } #sbx-mainnav ul.menu li { margin: 0; padding: 0; float: left; display: block; background: none; cursor: pointer; clear: none; z-index: 999; height: auto; position: relative; } #sbx-mainnav ul.menu li a { color: #fff; display: block; font-size: 15px; font-weight: 500; line-height: 1; padding: 16px 30px 16px 30px; text-transform: uppercase; } #sbx-mainnav ul.menu li a:hover, #sbx-mainnav ul.menu li.active > a { color: #fff; background: #9DC5E0; text-decoration: none;} #sbx-mainnav ul.menu li ul { background: #2374BB; margin: 0; width: 330px; position: absolute; left: -999em; top: 100%; height: auto; padding: 5px 0; z-index: 999; } #sbx-mainnav ul.menu li:hover ul { left: auto; } #sbx-mainnav ul.menu > li.last-item:hover ul { left: auto; right: 0; } #sbx-mainnav ul.menu li ul li { float: none; padding: 0;} #sbx-mainnav ul.menu li:hover ul ul { left: -999em; } #sbx-mainnav ul.menu > li.last-item:hover ul ul { left: -999em; } #sbx-mainnav ul.menu li ul li:hover ul { left: 100%; top: 0; } #sbx-mainnav ul.menu > li.last-item ul li:hover ul, #sbx-mainnav ul.menu > li.item106 ul li:hover ul { left: auto; right: 100%; } #sbx-mainnav ul.menu li ul li a { padding: 5px 30px; } #sbx-mainnav ul.menu li ul li ul { display: none !important; } #sbx-herowrap .flexslider { border: none; } #sbx-herowrap .flexslider .slides > li { background-position: center center; background-size: cover; } #sbx-herowrap .flexslider .slides > li:first-child {display: list-item; -webkit-backface-visibility: visible;} #sbx-herowrap .flexslider .flex-content { background: none; padding: 250px 0; width: 100%; position: static; } #sbx-herowrap .flex-content-inner { margin: 0 auto; max-width: 1300px; padding-left: 15px; padding-right: 15px; text-align: center; } #sbx-herowrap .flex-content-main { display: inline-block; background: rgba(51,51,51,0.8); padding: 20px; } #sbx-herowrap .flexslider .slides img { display: none;width: 100%; } #sbx-herowrap .flexslider .flex-content .flex-text { color: #fff; margin: 0; } #sbx-herowrap .flexslider .flex-content h2.flex-title { margin: 0 0 20px;text-transform: none; } #sbx-herowrap .flexslider .flex-content h2.flex-title a { color: #fff; } #sbx-herowrap .flexslider .flex-content .flex-text a.flex-readon { display: block; margin: 25px 0 0; } #sbx-herowrap .flexslider .flex-content .flex-text a.flex-readon:hover { color: #fff; } #sbx-herowrap .flexslider .flex-content .flex-text a.flex-readon span { background: #2374BB; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;display: inline-block; line-height: 20px; padding: 10px 20px 14px; } #sbx-herowrap .flexslider .flex-content .flex-text a.flex-readon:hover span { background: #0081b8; } a.readon-btn { display: block; margin: 25px 0 0; color: #fff; } a.readon-btn:hover { color: #fff; } a.readon-btn span { background: #0172BA; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;display: inline-block; line-height: 20px; padding: 10px 20px 14px; } a.readon-btn:hover span { background: #0081b8; } .vision {padding: 30px 20px; text-align: center; background-color: rgba(0, 129, 184, .5); color: #fff;} .vision h1 {color: #fff;} .vision h3 {color: #fff; text-transform: unset;} .mission {padding: 30px 20px; text-align: center; background-color: #fff; color: #fff;} .mission h1 {color: #7ac142;} .mission h3 {color: #7ac142; text-transform: unset;} .values {padding: 30px 20px; text-align: center; background-color: #fff;} .values .value-header { background: url(../images/logo-icon.png) no-repeat left top; border-bottom: 1px solid #000;} .values .value-header h3 {color: #1E2776; text-transform: capitalize; text-align: left; padding-left: 25px;} .values p {text-align: left;} .sbxMod-title { color: #0081B8; font-size: 35px; font-weight: 600; text-transform: uppercase; } #sbx-donors { color: #424242; font-size: 17px; padding: 50px 0; } #sbx-donors .col-md-5 {background-color: #f4f7f6;} .sbxModTable-registernow .sbxMod-title { background: url(../images/logo-icon.png) no-repeat center bottom; margin-bottom: 15px; padding-bottom: 35px; text-align: center; } .sbxModTable-registernow img { vertical-align: top; width: auto; display: block; margin: auto; background-color: #f4f7f6; padding: 0 10px; } .sbxModTable-registernow .interior {border: 10px solid #f4f7f6;} .sbxModTable-registernow {background-color: #f4f7f6; padding: 10px;} /*.sbxModTable-registernow .col-one-half {background-color: #f4f7f6; margin: 0 auto; padding: 0 10px; }*/ .sbxModTable-support-resources {background-color: #fff !important; padding-bottom: 20px;} #sbx-footnav { background: #2374BB; color: #fff; padding: 22px 0; } #sbx-footnav ul:before, #sbx-footnav ul:after { content: ""; display: table; } #sbx-footnav ul:after { clear: both; } #sbx-footnav ul.menu { margin: 0 -15px; } #sbx-footnav ul { list-style: none; margin: 0; } #sbx-footnav ul li:first-child { /*display: none;*/ } #sbx-footnav ul li.item41 {display:none;} #sbx-footnav ul li { background: none; padding: 0; } #sbx-footnav ul.menu > li { float: left; padding-left: 15px; padding-right: 15px; width: 16.66%; } #sbx-footnav ul.menu > li > a { margin-bottom: 12px; } #sbx-footnav ul li a { color: #fff; display: block; font-size: 17px; font-weight: 500; } #sbx-footnav ul li ul li { float: none; padding: 2px 0; width: auto; } #sbx-footnav ul li ul li a { font-size: 15px; font-weight: 400; } #sbx-footer { padding: 25px 0; } #sbx-footer ul { float: left; margin: 0; } #sbx-footer ul li { background: none; padding: 0; } #sbx-footer ul li .fa { color: #878787; font-size: 20px; margin: 0 10px 10px 0; } .poweredby { color: #878787; float: right; margin-top: 0px; margin-bottom: 0; } .poweredby a { color: #878787; } #sbx-footer ul.logos { float: left; margin: 10px; } #sbx-footer ul li.logos { background: none; padding: 20px; display:inline-block; } .sbx-cw { padding: 30px 0; } .pHome .sbx-cw { padding: 0; } .pHome #sbx-content { padding: 0; } .pHome .article-title h2.contentheading, .pHome .article-title .buttonheading { display: none; } .pHome .article-content { margin: 0; } .pHome span.article_separator { height: 0; } #sbx-didyouknow { font-size: 22px; line-height: 1.2; padding-bottom: 70px; text-align: center; } #sbx-didyouknow .sbxMod-title { margin: 0 0 50px; text-align: center; } #sbx-didyouknow ul li { background: none; padding: 0; } #sbx-didyouknow img { display: block; margin: 0 auto 55px; width: auto; max-width:200px; } #sbx-spotlight { background: url(../images/spotlight-bg.jpg) no-repeat center center / cover; color: #fff; font-size: 17px; padding: 60px 0 150px; position: relative; text-align: center; } #sbx-spotlight .img-bg { background: rgba(11, 88, 126, 0.65); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #sbx-spotlight .container { position: relative; } #sbx-spotlight .sbxMod-content { padding: 0 200px; } #sbx-spotlight h2 { color: #fff; font-size: 35px; font-weight: 600; text-transform: uppercase; } #sbx-spotlight a { background-color: #FE9917; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; display: inline-block; line-height: 44px; margin: 10px 0 0; padding: 0 20px; text-transform: uppercase; } #sbx-slider { background-color: #f4f7f6; padding: 60px 0; text-align: justify; } #sbx-slider ul { margin: 0; padding: 0 80px; } #sbx-slider ul li { background: none; padding: 0; } #sbx-slider h3 { border-bottom: 2px solid #fe9917; font-size: 28px; font-weight: 500; text-align: center; text-transform: uppercase; } .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { height: 52px; width: 27px; position: absolute; top: 50%; margin-top: -28px; } .owl-carousel .owl-nav .owl-next { background: url(../images/next.png) no-repeat; right: 0; } .owl-carousel .owl-nav .owl-prev { background: url(../images/prev.png) no-repeat; left: 0; } #sbx-rightCol-inner { padding: 15px; } #sbx-rightCol h3 { color: #8AC953; font-size: 20px; font-weight: 600; text-align: center; } .sbxModTable-registernow ul li { background: none; float: left; width: 50%; padding: 0; text-align: center;} .page-content p span, .page-content ul li span { font-size: 16px !important; } .video-wrapper { position: relative; padding-bottom: 168.25%; height: 0;} .video-wrapper iframe .video-wrapper-2 iframe { position: absolute; top: 0; left: 0; text-align: center;} #sbx-spotlight { background: url(http://wrtcdev.nonprofitsoapbox.com/storage/spotlight/spotlight-bg.jpg) no-repeat center center / cover; color: #fff; font-size: 17px; padding: 60px 0 150px; position: relative; text-align: center; } #sbx-spotlight .img-bg { background: rgba(11, 88, 126, 0.65); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #sbx-spotlight .container { position: relative; } #sbx-spotlight .sbxMod-content { padding: 0 200px; } #sbx-spotlight h2 { color: #fff; font-size: 35px; font-weight: 600; text-transform: uppercase; } #sbx-spotlight a { background-color: #FE9917; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; display: inline-block; line-height: 44px; margin: 10px 0 0; padding: 0 20px; text-transform: uppercase; } #sbx-stayinformed .ctct-custom-form { box-sizing: border-box; font: 16px/1.5 'Raleway', sans-serif; margin: 0 auto; min-width: 350px; padding: 15px; text-align: center; } #sbx-stayinformed .ctct-form-defaults { border-radius: 5px; color: #000; padding: 15px; } #sbx-stayinformed .ctct-custom-form * { box-sizing: border-box; } #sbx-stayinformed .ctct-custom-form p { display: inline-block; margin: 0 0 24px; color:#333; } #sbx-stayinformed .ctct-custom-form select { background-color: #fff; border: 1px solid #b0b6bb; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; height: 46px; width: 100%; } #sbx-stayinformed .ctct-custom-form .ctct-form-required { position: relative; } #sbx-stayinformed .ctct-custom-form .ctct-form-required::before { color: #f5463b; /*content: "∗";*/ left: -12px; position: absolute; top: -4px; } #sbx-stayinformed .ctct-custom-form input[type="text"] { border: 1px solid #b0b6bb; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; color: #394856; font-family: 'Raleway', sans-serif; font-size: 16px; line-height: 1.5; padding: 10px 15px; width: 100%; } #sbx-stayinformed .ctct-custom-form input[type="text"]:focus { outline: 1px solid #5dacd6; } #sbx-stayinformed .ctct-custom-form .ctct-form-errorMessage { color: #f5463b; font-size: 16px; line-height: 1.5; margin-bottom: 12px; } #sbx-stayinformed .ctct-custom-form *:-moz-placeholder { color: #88919a; } #sbx-stayinformed .ctct-custom-form *::-moz-placeholder { color: #88919a; } #sbx-stayinformed .ctct-custom-form input.is-error, .ctct-custom-form .ctct-form-input.is-error { border-color: #f5463b; color: #f5463b; } #sbx-stayinformed .ctct-custom-form label { display: block; line-height: 1; margin-bottom: 12px; } #sbx-stayinformed .ctct-custom-form .Button { -moz-user-select: none; background-color: #ebedee; background-image: none; border: medium none; border-radius: 2px; box-shadow: none; color: #0078c1; cursor: pointer; display: inline-block; font-size: 16px; line-height: 1; margin-bottom: 0; padding: 14px 20px; text-align: center; transition: all 0.1s ease-in-out 0s; vertical-align: middle; } #sbx-stayinformed .ctct-custom-form .ctct-button { background-color: #0078c1; color: #fff; display: block; width: 100%; } #sbx-stayinformed .ctct-custom-form .ctct-button:hover { background-color: #3e9fda; color: #fff; } #sbx-stayinformed .ctct-custom-form .ctct-button:active { background-color: #005c94; } #sbx-stayinformed .ctct-custom-form .ctct-form-footer { font-family: 'Raleway', sans-serif; font-size: 11px; padding: 10px 0 0; } #sbx-stayinformed h2 { color:#0081b8; text-align: center; } #accreditation-logos { margin: 0 14%; } #accreditation-logos li img{ max-height: 150px; } #donate-dedication ul.compList label.choice { font-size: 1.2em; color: #0081b8; } /* Accordions */ .collapse { -moz-transition: height 0.35s ease 0s; height: 0; overflow: hidden; position: relative; } .collapse.in { height: auto; } .accordion { margin-bottom: 18px; } .accordion-group { border: 2px solid #0081b8; /*border-radius: 4px 4px 4px 4px;*/ margin-bottom: 10px; } .accordion-heading { border-bottom: 0 none; } .accordion-heading .accordion-toggle { display: block; padding: 12px 60px 12px 15px; } .accordion-toggle { position: relative; cursor: pointer; font-size: 1.4em; font-style: normal; font-weight: 700; /* background: url(../images/collapse-arrows.png) no-repeat 98% 4px; */ text-decoration: none; color: #0081b8; } .accordion-toggle:hover { text-decoration: none; color: inherit; } .accordion-toggle:focus { text-decoration: none; color: inherit; } .accordion-toggle:after { display: inline-block; position: absolute; right: 16px; top: 0; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; font-size: 48px; content: "\f107"; } .accordion-inner { border-top: 2px solid #0081b8; /*border-bottom: 1px solid #00b5cf;*/ background: #f4f7f6; padding: 14px 15px 9px 15px; } .accordion-inner .sbxModTable { margin-bottom: 0px; } .accordion-inner .sbxModTable .sbxMod-content { padding: 0px; } #sbx-stayinformed { padding: 22px 0; } #mc_embed_signup .clear { font-size: 0; overflow: visible; visibility: visible; width: auto; height: auto; line-height: normal; } #sbx-stayinformed #mc_embed_signup .button { background-color: #FE9917; font-size: 15px; } .resources-item { margin-bottom: 8%; position: relative; } .overlay-resources { background: #006CAA; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .overlay-resources h3 { color: #fff; font-size: 18px; margin: 0; position: absolute; top: 50%; left: 30px; right: 30px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); -moz-transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; text-align: center; text-transform: none; padding-top: 30px; padding-bottom: 30px; } .overlay-partners h3 { background: url(../images/icon-partners.png) no-repeat left center; padding-left: 100px; } .overlay-families h3 { background: url(../images/calendar.png) no-repeat left center; padding-left: 100px; } .overlay-ambassador h3 { background: url(../images/icon-ambassador.png) no-repeat left center; padding-left: 100px; } .jsfsearch-my-member-profile-search .compSect-contentwrap, .jsfsearch-my-member-profile-search .compSect-wrap { position: static; } .jsfsearch-my-member-profile-search div.item-actions div.ia { position: absolute; top: 9px; right: 15px; z-index: 9; } .jsfsearch-my-member-profile-search div.contentpaneopen + span.article_separator { display: none; } .jsfsearch-my-member-profile-search .component-title { padding-right: 40px; } h1.componentheading, h1.title { color: #333; } .section-cart h4.title { margin: 0; text-transform: none; } .section-cart p.desc { margin: .4em 0 0; } .cart-total, .order-total { font-size: 1.4em; font-weight: bold; } .cart-total { border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; font-size: 1.4em; line-height: 1em; text-align: right; font-weight: 700; padding: 16px 8px; } .section { margin: 2em 0 0; } .section-pageheader { margin: 0; } .control-group { margin-bottom: 12px; } .help-block, .order-table { margin-bottom: 0; } .shop input.input-text { height: auto; line-height: 24px; width: 100%; } .btn-primary, .btn-primary:hover, .btn-primary:focus { background: none repeat scroll 0 0 #FF8E00; border-width: 2px; border-style: outset; border-color: buttonface; border-image: initial; border-radius: 0; color: #FFFFFF; cursor: pointer; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; font-weight: bold; padding: 3px; text-shadow: none; } .resultsTBL-foot { background: #f2f2f2; border-bottom: 2px solid #ddd; padding: 8px 8px 7px; } .order-submit { padding: 24px 0; } .order-message { margin-top: 24px; } .shop .label { background-color: #e6d300; display: inline-block; font-size: 10px; text-shadow: none; font-weight: 400; text-transform: uppercase; padding: 4px 6px; } .sbxModTablesection-testimonials { text-align: center; } .section-heading { font-family: "Lato", sans-serif; font-size: 36px; color: #333; margin: 0 0 12px; padding: 0; text-transform: none; } .section-subheading { font-family: "Lato", sans-serif; font-weight: 300; line-height: 30px; font-size: 18px; color: #333; margin: 12px 0 24px; padding: 0; } .testimonial-box { font-size: 16px; line-height: 24px; padding: 0 15px; margin: 12px 0 36px; } .testimonial-photo { width: 170px; height: 170px; border-radius: 50%; } .testimonial-box p { margin: 12px 0 0; } .testimonial-box p.testimonial-author { margin-top: 12px; color: #989ca1; } .testimonial-box p.testimonial-author strong { color: #434a54; } .sbxModTablesection-testimonials .btn-section { margin-top: 24px; } .sbxModTablesection-testimonials .btn-default { border-radius: 4px; border-width: 1px; border-style: solid; background: #0172BA; border-color: #0172BA; -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15),inset 1px 1px 30px 0 #0172BA; box-shadow: 0 2px 4px 0 rgba(0,0,0,.15),inset 1px 1px 30px 0 #0172BA; color: #fff; padding: 12px 20px; font-size: 18px; display: inline-block; vertical-align: middle; font-family: proxima-nova-soft; font-weight: 700; line-height: 1.42857; text-shadow: 0 1px 3px rgba(0,0,0,.15); white-space: normal; } .sbxModTablesection-testimonials .btn-default:active, .sbxModTablesection-testimonials .btn-default:focus, .sbxModTablesection-testimonials .btn-default:hover { background-color: #0172BA; border-color: #0172BA; color: #fff; } .fa.fa-twitter-square{ font-family:sans-serif; font-size: 60px !important; } .fa.fa-twitter-square::before{ content:"𝕏"; }