/*------------------------------------------------------------------------ # Soapbox -> Style CSS (v2.3.0) # ------------------------------------------------------------------------ # Copyright (C) 2012 PICNet, Inc. All Rights Reserved. # Author: Ryan Belisle # Website: http://www.picnet.net -------------------------------------------------------------------------*/ td.customtable { min-width:33%; !important; border: 1px solid;} @font-face { font-family: "Avenir-Book"; src: url("../fonts/Avenir-Book.eot"); /* IE9 Compat Modes */ src: url("../fonts/Avenir-Book.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/Avenir-Book.otf") format("opentype"), /* Open Type Font */ url("../fonts/Avenir-Book.svg") format("svg"), /* Legacy iOS */ url("../fonts/Avenir-Book.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/Avenir-Book.woff") format("woff"), /* Modern Browsers */ url("../fonts/Avenir-Book.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: "Avenir-Medium"; src: url("../fonts/Avenir-Medium.eot"); /* IE9 Compat Modes */ src: url("../fonts/Avenir-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/Avenir-Medium.otf") format("opentype"), /* Open Type Font */ url("../fonts/Avenir-Medium.svg") format("svg"), /* Legacy iOS */ url("../fonts/Avenir-Medium.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/Avenir-Medium.woff") format("woff"), /* Modern Browsers */ url("../fonts/Avenir-Medium.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: "Avenir-Black"; src: url("../fonts/Avenir-Black.eot"); /* IE9 Compat Modes */ src: url("../fonts/Avenir-Black.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/Avenir-Black.otf") format("opentype"), /* Open Type Font */ url("../fonts/Avenir-Black.svg") format("svg"), /* Legacy iOS */ url("../fonts/Avenir-Black.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/Avenir-Black.woff") format("woff"), /* Modern Browsers */ url("../fonts/Avenir-Black.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: "Avenir-Heavy"; src: url("../fonts/Avenir-Heavy.eot"); /* IE9 Compat Modes */ src: url("../fonts/Avenir-Heavy.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/Avenir-Heavy.otf") format("opentype"), /* Open Type Font */ url("../fonts/Avenir-Heavy.svg") format("svg"), /* Legacy iOS */ url("../fonts/Avenir-Heavy.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/Avenir-Heavy.woff") format("woff"), /* Modern Browsers */ url("../fonts/Avenir-Heavy.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: "Avenir-Light"; src: url("../fonts/Avenir-Light.eot"); /* IE9 Compat Modes */ src: url("../fonts/Avenir-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/Avenir-Light.otf") format("opentype"), /* Open Type Font */ url("../fonts/Avenir-Light.svg") format("svg"), /* Legacy iOS */ url("../fonts/Avenir-Light.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/Avenir-Light.woff") format("woff"), /* Modern Browsers */ url("../fonts/Avenir-Light.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !LAYOUT */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !LAYOUT: Body */ /* ----------------------------------------------------------------------*/ body { color: #333; background: #fff; font-family: "Avenir-Book"; font-size: 18px; line-height: 1.4; } /* !Printable page & Mailto Page Popups */ body.contentpane { color: #333; background: #fff; } /* !Modal Pane Popups */ body.modalpane { color: #333; background-color: #fff; } /* !Table */ th {} td,div {} table.gallery td {padding: 10px !important;} .fs6 { font-size: 15px; line-height: 19px; } .nav-collapse.collapse.in{ height: auto;} .message.fade { opacity: 1; } #component-message ul li { font-size: 22px; } /* ------------------------------------------------------------------------ /* !LAYOUT: Containers */ /* ----------------------------------------------------------------------*/ #wrapper { overflow: hidden; } #main #content { padding-bottom: 20px; padding-top: 1.6em; } .page-home #main #content { padding-top: 0; padding-bottom: 0; } #main #page { padding-top: 1.6em; } #sidebar-b { padding-top: 65px; } /* ------------------------------------------------------------------------ /* !LAYOUT: Header */ /* ----------------------------------------------------------------------*/ #header { background: #fff; padding-bottom: 20px; } #headerinner { position: relative; } #header * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Logo */ a#logo { display: block; width: 250px; height: 110px; background: url(../images/WorldAffairs_Tag_Blue.png) no-repeat; background-size: contain; margin-top: 50px; } /* Search */ #header .mod-search { border-bottom: 1px solid #979797; width: 355px; height: 46px; margin: 25px 0 0 0; padding: 0; float: right; clear: right; } #header .mod-search form { padding-left: 50px; } #header .mod-search input.text { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-family: "Avenir-Book"; color: #B7B09C; font-size: 18px; font-weight: normal; float: none; height: 46px; line-height: 26px; border: none; padding: 0px; margin: 0px; width: 100%; } #header .mod-search button.button { width: 28px; height: 28px; background: url(../images/search-icon.png) no-repeat; border: none; padding: 0px; margin: 0; position: absolute; left: 0; top: 7px; } #header .mod-search button.button span { display: none; } /* Menu */ ul.menu-gm { margin: 20px -20px 0 0; padding: 0; float: right; color: #D1E2F2; font-size: 14px; line-height: 1em; font-weight: normal; } ul.menu-gm li { display: inline-block; background: none; margin: 0; padding: 0 20px; line-height: 1em; } ul.menu-gm li.last-item { border: none; } ul.menu-gm li a { color: #333; font-family: "Avenir-Medium"; font-size: 18px; font-weight: normal; text-decoration: none; } ul.menu-gm li a:hover { color: #642F6C; text-decoration: none; } /* Nav */ #nav { clear: right; float: right; z-index: 999; } #nav *, #nav *:before, #nav *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #nav-responsive { display: none; } /* ------------------------------------------------------------------------ /* !LAYOUT: Footer + Bottom */ /* ----------------------------------------------------------------------*/ #npsb-logo { display: inline-block; } #footer { background: #005eb8; color: #fff; font-family: "Avenir-Light"; font-size: 16px; line-height: 1.3em; padding: 28px 0 40px 0; } #footer .moduletable-fm { float: left; margin-left: 30px; width: 770px; } #footer .moduletable-f { float: left; margin-left: 30px; text-align: center; width: 370px; } #footer a { color: #fff; } #footer p { margin: .6em 0 0 0; } #footer p.addy strong { font-family: "Avenir-Medium"; } #footer p.copy { font-family: "Avenir-Light"; font-size: 14px; margin: 30px 0; } #footer p.links { margin-top: 1.2em; } #footer p.social a { display: inline-block; font-size: 45px; margin: 0 15px; } #footer a.top-link { color: #fff; text-transform: uppercase; display: inline-block; background: #8d786d; padding: 6px 20px; font-family: 'Avenir-Medium', sans-serif; text-decoration: none; } #footer a.top-link:hover { background: #642F6C; } #footer a.footer-logo { /* background: url(../images/logo-foot.png) no-repeat; */ background: url(../images/WorldAffairs_Tag_White.png) no-repeat; background-size: 100% auto; width: 225px; height: 100px; display: inline-block; text-decoration: none; } #footer a.footer-logo span { display: none; } /* Menu */ ul.menu-fm { margin: 0 0 28px 0; padding: 16px 0; font-family: "Avenir-Light"; font-size: 14px; line-height: 1em; } ul.menu-fm:before, ul.menu-fm:after { content: ""; display: table; } ul.menu-fm:after { clear: both; } ul.menu-fm .menu_col { float: left; width: 33.33%; } ul.menu-fm li { background: none; margin: 0; padding: 0 0 25px; line-height: 1em; vertical-align: top; } ul.menu-fm li a { color: #fff; font-family: "Avenir-Medium"; font-size: 16px; text-decoration: none; display: block; padding: 0; } ul.menu-fm li.parent > a { padding: 0 0 18px; } ul.menu-fm li a:hover { color: #8d786d; text-decoration: underline; } ul.menu-fm li ul { margin: 0; padding: 0; } ul.menu-fm li ul li { background: none; line-height: 1.4; padding: 0; } ul.menu-fm li ul li a { font-family: "Avenir-Book"; font-size: 14px; } /* Bottom */ #bottom .row-fluid .span4 { margin-left: 0; position: relative; width: 33.33%; } #bottom .bottom-grid p { margin: 0; } #bottom .bottom-grid a { background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; height: 100%; width: 100%; } #bottom .bottom-grid a strong { color: #fff; font-family: "Avenir-Black"; font-size: 50px; font-weight: normal; text-transform: uppercase; position: absolute; top: 50%; left: 0; right: 0; text-align: center; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } #bottom .bottom-mod { margin: 0 auto; max-width: 740px; padding: 60px 0 40px; text-align: center; } #bottom .bottom-mod h3 { color: #8C857B; font-family: "Avenir-Heavy"; font-size: 40px; text-transform: uppercase; } /* ------------------------------------------------------------------------ /* !LAYOUT: Breadcrumbs */ /* ----------------------------------------------------------------------*/ #pathway {} .mod-breadcrumbs { font-family: 'Avenir-Medium', sans-serif; font-size: 14px; font-weight: 400; } .mod-breadcrumbs span.pathway a {} .mod-breadcrumbs span.pathway a:hover {} .mod-breadcrumbs span.pathway img {} /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !MENUS */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MENU: Mainmenu > Menu */ /* ----------------------------------------------------------------------*/ /* !1st Level */ ul.menu { margin: 0; padding: 1px 0 0; list-style: none; border-top: 1px dotted #ccc; } ul.menu li { margin: 0 !important; padding: 0 !important; background: none !important; height: auto; } ul.menu li a { line-height: 1.2em; padding: .5em 0px .4em 5px; border-bottom: 1px dotted #ccc; text-decoration: none; display: block; outline: none; } ul.menu li a:hover { background: #fff; text-decoration: none; } ul.menu li a span {} /* !1st Level > Parent (has sub items) */ ul.menu li.parent a {} ul.menu li.parent a:hover {} ul.menu li.parent a span {} /* !1st Level > Active */ ul.menu li.active a { color: #333; background: #fff; font-weight: bold; border-bottom: 1px dotted #ccc; text-decoration: none; } ul.menu li.active a:hover {} ul.menu li.active a span {} /* !1st Level > Seperator */ ul.menu li span.separator { color: #666; line-height: 1.2em; padding: .5em 0px .4em 5px; border-bottom: 1px dotted #ccc; text-decoration: none; display: block; outline: none; } ul.menu li span.separator span {} /*-----------------------------------------------------------------------*/ /* !2nd Level */ ul.menu li ul { margin: 0; padding: 0; list-style: none; } ul.menu li ul li { padding: 0 0 0 15px !important; list-style: none; } ul.menu li ul li a, ul.menu li.active ul li a { color: #006699; background: none !important; font-size: .9em; font-weight: normal; } ul.menu li ul li a:hover, ul.menu li.active ul li a:hover { color: #333; } ul.menu li ul li a span {} /* !2nd Level > Parent (has sub items) */ ul.menu li.active ul li.parent a {} ul.menu li.active ul li.parent a:hover {} ul.menu li.active ul li.parent a span {} /* !2nd Level > Active */ ul.menu li.active ul li.active a { font-weight: normal; color: #333; } ul.menu li.active ul li.active a:hover {} ul.menu li.active ul li.active a span {} /* !2nd Level > Seperator */ ul.menu li ul li span.separator { color: #666; background: none !important; font-size: .9em; font-weight: normal; } ul.menu li ul li span.separator span {} /*-----------------------------------------------------------------------*/ /* !3rd Level */ ul.menu li ul li ul {} ul.menu li ul li ul li {} ul.menu li ul li ul li a, ul.menu li.active ul li.active ul li a { color: #006699; font-weight: normal; } ul.menu li ul li ul li a:hover, ul.menu li.active ul li.active ul li a:hover { color: #333; } ul.menu li.active ul li.active ul li a span {} /* !3rd Level > Parent (has sub items) */ ul.menu li.active ul li.active ul li.parent a {} ul.menu li.active ul li.active ul li.parent a:hover {} ul.menu li.active ul li.active ul li.parent a span {} /* !3rd Level > Active */ ul.menu li.active ul li.active ul li.active a { font-weight: normal; color: #333; } ul.menu li.active ul li.active ul li.active a:hover {} ul.menu li.active ul li.active ul li.active a span {} /* !3rd Level > Seperator */ ul.menu li ul li ul li span.separator {} ul.menu li ul li ul li span.separator span {} /* ------------------------------------------------------------------------ /* !MENU: Extended Menu > Horizontal Suckerfish */ /* ----------------------------------------------------------------------*/ /* !1st Level */ ul.menuhorz { margin: 0; padding: 0; position: relative; z-index: 1000; } ul.menuhorz ul { margin: 0; padding: 0; z-index: 1000; } ul.menuhorz li { margin: 0; padding: 0; float: left; display: block; background: none; cursor: pointer; clear: none; z-index: 1000; height: auto; } ul.menuhorz ul a { z-index: 1000; /* width of links can be whatever but don't let them go over the arrows */ } /* !2nd Level */ ul.menuhorz li ul { width: 190px; position: absolute; left: -999em; height: auto; z-index: 1000; } ul.menuhorz li li { float: none; padding: 0; margin: 0; width: 190px; } /* !3rd Level */ ul.menuhorz li ul ul { margin: -49px 0 0 190px; } ul.menuhorz li:hover ul ul, ul.menuhorz li:hover ul ul ul, ul.menuhorz li.sfhover ul ul, ul.menuhorz li.havechildsfhover ul ul, ul.menuhorz li.havechild-activesfhover ul ul, ul.menuhorz li.activesfhover ul ul, ul.menuhorz li.sfhover ul ul ul, ul.menuhorz li.havechildsfhover ul ul ul, ul.menuhorz li.havechild-activesfhover ul ul ul, ul.menuhorz li.activesfhover ul ul ul { left: -999em; } /* This "unhides" the sub-menus (left: -999em is what hides them) */ ul.menuhorz li:hover ul, ul.menuhorz li li:hover ul, ul.menuhorz li li li:hover ul, ul.menuhorz li.sfhover ul, ul.menuhorz li.havechildsfhover ul, ul.menuhorz li.havechild-activesfhover ul, ul.menuhorz li.activesfhover ul, ul.menuhorz li li.sfhover ul, ul.menuhorz li li.havesubchildsfhover ul, ul.menuhorz li li.havesubchild-activesfhover ul, ul.menuhorz li li.activesfhover ul, ul.menuhorz li li li.sfhover ul, ul.menuhorz li li li.havesubchildsfhover ul, ul.menuhorz li li li.havesubchild-activesfhover ul, ul.menuhorz li li li.activesfhover ul { left: auto; } /* !STYLE: 1st Level */ /* ------------------------------------------------------ */ ul.menuhorz { margin: 28px 0 0; } ul.menuhorz li a { display: block; text-decoration: none; font-weight: normal; } ul.menuhorz > li { margin: 0 25px 0 0; } ul.menuhorz > li.last-item { margin-right: 0px; } ul.menuhorz > li > a { color: #333; font-size: 24px; line-height: 1em; font-family: 'Avenir-Black', sans-serif; text-transform: uppercase; height: 54px; line-height: 54px; padding: 0; /* HERE */ } ul.menuhorz > li > a:hover { color: #642F6C; } ul.menuhorz > li:hover > a, ul.menuhorz > li.sfhover > a, ul.menuhorz > li.havechildsfhover > a, ul.menuhorz > li.havechild-activesfhover > a { color: #642F6C; } ul.menuhorz li a.active, ul.menuhorz li a.active:hover { color: #642F6C; } /* !STYLE: 2nd+ Level */ /* ------------------------------------------------------ */ ul.menuhorz li ul { background: #fff; border: 1px solid #eaeaea; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 18px; line-height: 1em; padding: 0; } /* ul.menuhorz li ul:after, ul.menuhorz li ul:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; } ul.menuhorz li ul:after { border-color: #fff; border-bottom-color: #eaeaea; border-width: 8px; margin-left: -8px; } ul.menuhorz li ul:before { border-color: #fff; border-bottom-color: #eaeaea; border-width: 16px; margin-left: -16px; } */ ul.menuhorz li ul li { border-bottom: 1px solid #eaeaea; line-height: 1em; } ul.menuhorz li ul li.last-item { border-bottom: none; } ul.menuhorz li ul a { color: #333; padding: 15px; } /* !LI with subitems, want to show arrow */ ul.menuhorz li.havesubchild {} ul.menuhorz li.havesubchild:hover {} /*! LI active state, want to show arrow */ ul.menuhorz li.havesubchild-active {} ul.menuhorz li.havesubchild-active:hover {} ul.menuhorz li.havesubchildsfhover:hover, ul.menuhorz li.havesubchild-activesfhover:hover, ul.menuhorz ul ul li.havesubchildsfhover:hover, ul.menuhorz ul ul li.havesubchild-activesfhover:hover {} ul.menuhorz li.havesubchildsfhover, ul.menuhorz li.havesubchild-activesfhover, ul.menuhorz ul ul li.havesubchildsfhover, ul.menuhorz ul ul li.havesubchild-activesfhover, ul.menuhorz li ul a:hover, ul.menuhorz li ul a:active, ul.menuhorz li ul a:focus, ul.menuhorz ul li:hover, ul.menuhorz ul li.sfhover, ul.menuhorz ul ul li:hover, ul.menuhorz ul ul li.sfhover { color: #642F6C; position: static; } /* !LI active state */ ul.menuhorz ul li.active, ul.menuhorz ul li.active:hover, ul.menuhorz ul li.active:active, ul.menuhorz ul li.active:focus, ul.menuhorz ul li.activesfhover, ul.menuhorz ul li.activesfhover:hover, ul.menuhorz ul li.activesfhover:active, ul.menuhorz ul li.activesfhover:focus {} /* !LINK active state */ ul.menuhorz ul li a.active { color: #642F6C; } ul.menuhorz ul li a.active:hover { color: #333; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !QUICK STYLES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* !Component Heading */ h1.componentheading, .item-header h1.title { font-size: 40px; line-height: 1.2em; font-weight: normal; font-family: 'Avenir-Heavy', sans-serif; color: #8C857B; padding-bottom: 0; text-transform: uppercase; } div.userReset h1.componentheading { display:none; } /* !Article Heading */ .article-title {} .article-title h2.contentheading { font-size: 40px; line-height: 1.2em; font-weight: normal; font-family: "Avenir-Heavy", sans-serif; color: #8C857B; text-transform: uppercase; } .article-title h2.contentheading a { font-weight: normal; color: #8C857B; } .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 {} .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, .mod-feed .events-blog p:first-child { color: #005eb8; font-size: 15px; line-height: 1em; font-weight: normal; text-transform: uppercase; } .article-meta-wrap .meta-line-med { font-size: 15px; line-height: 1em; } .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: #8C857B; font-weight: normal; text-transform: uppercase; } .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: 1px; background: #ccc; margin: 1em 0; } table.blog h2.contentheading, .mod-feed .events-blog h2.contentheading { font-size: 20px; line-height: 1.2em; font-weight: normal; font-family: "Avenir-Medium", sans-serif; margin: 0 0 .2em 0; } table.blog h2.contentheading a, .mod-feed .events-blog h2.contentheading a { color: #642F6C; text-decoration: none; } table.blog h2.contentheading a:hover, .mod-feed .events-blog h2.contentheading a:hover { color: #642F6C; text-decoration: underline; } table.blog .article-title { margin-bottom: 0;} body.taxsummarylayout table.blog .article-title { min-height: 50px;} table.blog .article-title .buttonheading {} table.blog .article-title .buttonheading img {} table.blog .article-title .buttonheading span {} table.blog .article-content { margin: .4em 0 0 0; } table.blog .article-content p:last-child { margin-bottom: 0; } table.blog .article-content img {} table.blog .meta-line { margin: .4em 0; } table.blog a.readon { margin-top: .8em; } /* table.blog a.readon {display: none !important;} */ /* !Blog More */ .compBlogMore-wrap { border-color: #ccc; } .compBlogMore-content {} /* !Read On Button */ a.readon { color: #fff; font-size: 16px; line-height: 1em; text-transform: uppercase; display: inline-block; background: #8C857B; padding: 8px 20px; text-decoration: none; font-weight: normal; } a.readon:hover { background: #642F6C; color: #fff; text-decoration: none; } /* !Back Button */ .back_button a, .back_button a:active, .back_button a:visited {} .back_button a:hover {} /* !Results Table */ table.resultsTBL caption { color: #005eb8; border-color: #ccc; } table.resultsTBL thead th { color: #fff; background: #333; } table.resultsTBL thead th a { color: #fff; } table.resultsTBL thead th a:hover {} table.resultsTBL .row1 td, table.resultsTBL .odd td { background: #fafafa; border-color: #ccc; } table.resultsTBL .row0 td, table.resultsTBL .row2 td, table.resultsTBL .even td { background: #f2f2f2; border-color: #ccc; } table.resultsTBL tfoot td { background: #005eb8; } .resultsTBL-foot { background: #f2f2f2; border-bottom: 2px solid #005eb8; } .resultsTBL-foot .foot-total strong { color: #005eb8; } table.resultsTBL tr.rowTitle1 td { background: #fafafa; } table.resultsTBL tr.rowTitle2 td { background: #f2f2f2; } /* !Results Table: Manage Links */ a.mngViewLink {} a.mngEditLink {} a.mngRemoveLink {} /* !Pager: List */ ul.pagination { border-color: #ccc; border: none; margin: 0; } 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 { font-weight: normal; } .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 { color: #333; } .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: #ccc; } .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: #005eb8; border-color: #ccc; color: #fff; } .compToolBar-content ul li.disabled a { text-decoration: none; background: #fafafa; border-color: #fafafa; color: #ccc; } /* !Nav Bar */ .compNavBar-wrap { border: none; } .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: #333; text-decoration: underline; } .compNavBar-content ul li.disabled a { color: #ccc; text-decoration: none; } .compNavBar-content ul li a { border-color: #ccc; } .compNavBar-content ul li.left {} .compNavBar-content ul li.right {} /* !Sort Bar */ .compSortBar { border-color: #ccc; } /* !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: #333; text-decoration: underline; } .compTitleBar-content ul li.disabled a { color: #ccc; text-decoration: none; } .compTitleBar-content ul li a { border-color: #ccc; } .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: #ccc; } .compBox-content {} /* !Captcha */ .compCaptcha-wrap { border-color: #ccc; background: #f2f2f2; } .compCaptcha-content {} /* !Results Filter */ .compResFilter-wrap {} .compResFilter-content {} .compResFilter-content label {} .compResFilter-content label.desc {} .compResFilter-wrap select.select { vertical-align: middle; margin-top: 0px; height: 30px; line-height: 30px; } /* !Results Page Display Filter */ .compResPDFilter-wrap { color: #fff; background: #005eb8; } .compResPDFilter-content {} .compResPDFilter-content label.desc { color: #fff; } /* !Content Rating */ .compConRating-wrap { color: #a68860; background: #f2f2f2; } .compConRating-content {} /* !My Transactions: Update link */ .ra-update { display: none; } /* !Form: Fields */ .field, .inputbox, td.paramlist_value select { color: #333; font-family: Georgia, serif; border-color: #ccc; } input.inputbox:hover, input.inputbox:focus, input.text:hover, input.text:focus, textarea.textarea:hover, textarea.textarea:focus {} input.checkbox, input.radio { color: #005eb8; } select.inputbox, select.select { padding: 4px 2px; width: auto; } /* !Form: Main Button */ .btn, button.button, .btn-primary, a.ia-link, .cal-item-actions a { color: #fff; font-size: 13px; line-height: 1em; text-transform: uppercase; display: inline-block; background: #8d786d; padding: 8px 20px; font-family: 'Avenir-Medium', sans-serif; text-decoration: none; font-weight: normal; border: none; cursor: pointer; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-decoration: none; text-shadow: none; margin: 0px; } .btn:hover, button.button:hover, .btn-primary:hover, a.ia-link:hover, .cal-item-actions a:hover { background: #642F6C; color: #fff; text-decoration: none; } .cal-item-actions a { font-size: 10px; line-height: 1em; padding: 6px 8px 4px 8px; } .btn { background: #8d786d; } .btn:hover { } 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: #ccc; } .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 {} a.ia-link:hover {} a.ia-link.active {} /* !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 td { font-family: 'Avenir-Medium', sans-serif; } .cal-monthTBL th.cal-wdHead { color: #fff; border-color: #333; background: #333; font-family: 'Avenir-Medium', sans-serif; } .cal-monthTBL tr.cal-weekHead, .cal-monthTBL tr.cal-weekRow {} .cal-monthTBL td.cal-wd, .cal-monthTBL td.cal-wdEmpty { border-color: #ccc; height: 110px; line-height: 1.2em; font-size: 13px; letter-spacing: -.02em; } .cal-monthTBL td.cal-wd { color: #333; background-color: #fafafa; } .cal-monthTBL td.cal-wdEmpty { color: #005eb8; background-color: #f2f2f2; } .cal-monthTBL td.cal-wd .cal-wdNum, .cal-monthTBL td.cal-wdEmpty .cal-wdEmptyName {} .cal-monthTBL td.cal-wdEmpty .cal-wdEmptyName span { display: none; } .cal-monthTBL .cal-wdNum a { color: #333; } .cal-monthTBL .cal-wdNum a:hover { color: #333; } .cal-monthTBL .cal-today { background-color: #e4eef4 !important; } .cal-monthTBL .cal-wdPopup { border-color: #ccc; 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: #005eb8; } .cal-monthTBL .meta-line { color: #333; } .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: #f2f2f2; } .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 { font-size: 1em; } .cal-monthNavTBL em.arrow {} .cal-monthNavTBL a {} .cal-monthNavTBL td { font-family: 'Avenir-Medium', sans-serif; } .cal-monthNavTBL td.cal-navmonthPrev {} .cal-monthNavTBL td.cal-navmonthNext {} .cal-monthNavTBL td.cal-navthismonth { color: #005eb8; } .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: #333; background: #333; } .calMod-monthTBL td.cal-wd, .calMod-monthTBL td.cal-wdEmpty { border-color: #ccc; } .calMod-monthTBL td.cal-wd { color: #333; background-color: #fafafa; } .calMod-monthTBL td.cal-wdEmpty { color: #005eb8; background-color: #f2f2f2; } .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 {} .calMod-monthTBL .cal-wdPopup { border-color: #ccc; background-color: #fff; } .calMod-monthTBL .cal-eventDate { color: #7eac2f; } .calMod-monthTBL .meta-line { color: #333; } .calMod-monthTBL .cal-wdPopNum a { color: #333; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !MODULE CHROME */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* MOD: Bottom */ .sbxModTable-bot { text-align: center; font-size: 15px; line-height: 1.4em; padding: 0 8%; } .sbxModTable-bot h3, .sbxModTable-bot h3 a { color: #642F6C; font-size: 22px; line-height: 1.1em; font-weight: normal; font-family: 'Avenir-Medium', sans-serif; margin: 0 0 .4em 0; } .sbxModTable-bot a { text-decoration: none; } .sbxModTable-bot p.links { margin-bottom: 0; } .bot-member { padding: 0 20%; } .bot-signup { padding: 0 3% 0 7%; } .bot-connect { padding: 0 14%; } .sbxModTable-bot a.social { display: inline-block; width: 28px; height: 28px; margin-left: 2px; margin-right: 2px; background: url(../images/social-icons.png) no-repeat; } .sbxModTable-bot a.social span { display: none; } .sbxModTable-bot a.social-fb { background-position: 0 0; } .sbxModTable-bot a.social-tw { background-position: -32px 0pc; } .sbxModTable-bot a.social-yt { background-position: -64px 0pc; } .sbxModTable-bot a.social-fl { background-position: -96px 0pc; } /* MOD: Mission + Plain */ /* .sbxModTable-plain, */ .sbxModTable-mission { border-top: 1px solid #ccc; padding: 20px 0 20px 0; color: #333; } /* MOD: Mission */ .sbxModTable-mission { font-size: 18px; line-height: 1.3em; } /* MOD: Plain */ .sbxModTable-plain { margin-bottom: 40px; } .mod-topics, .sbxModTable-title { } .sbxModTable-plain h3, .sbxModTable-title h3 { color: #8C857B; font-size: 28px; line-height: 1.1em; font-weight: normal; font-family:'Avenir-Black'; margin: 0 0 25px 0; padding: 0 0 0 34px; } .sbxModTable-title h3 a { text-decoration: none; color: #8C857B; } .sbxModTable-title h3 a:hover { text-decoration: underline; } .sbxModTable-plain .mod-item { border-bottom: 1px solid #ddd; line-height: 1.3em; margin: 0 0 15px 0; padding: 0 0 20px; } /* bdiv.clear {display: none !important;} */ .sbxModTable-plain .mod-item:last-child { border-bottom: none; margin-bottom: 0; } .sbxModTable-plain .date, .sbxModTable-plain strong { color: #8C857B; font-size: 18px; line-height: 1em; font-weight: normal; font-family: 'Avenir-Medium', sans-serif; text-transform: uppercase; } .sbxModTable-plain h2 { font-size: 19px; line-height: 1.2em; } .sbxModTable-plain h2 a { color: #333; } .sbxModTable-plain h2 a:hover { text-decoration: underline; } .sbxModTable-plain .item-title { font-size: 24px; line-height: 1.2em; font-weight: normal; font-family: 'Avenir-Medium', sans-serif; margin: 0 0 8px; } .sbxModTable-plain .item-title a { color: #642F6C; text-decoration: none; font-weight: normal; } .sbxModTable-plain .item-title a:hover { color: #642F6C; text-decoration: underline; } .sbxModTable-plain .item-text img { margin-top: .6em; } .sbxModTable-plain .mod-contentFooter { text-align: center; } .sbxModTable-plain .mod-contentFooter a { color: #642F6C; font-size: 24px; line-height: 1em; font-weight: normal; font-family: 'Avenir-Medium', sans-serif; text-align: center; } /* MOD: Plain Icons */ .mod-upevents h3, h3.title-events { background: url(../images/icon-h3-events.png) no-repeat left top; } .mod-blog h3, .mod-topics h3, h3.title-blog { background: url(../images/icon-h3-blog.png) no-repeat left top; } .mod-media h3, h3.title-media { background: url(../images/icon-h3-media.png) no-repeat left top; } .mod-twitter h3, h3.title-twitter { background: url(../images/icon-h3-twitter.png) no-repeat left top; } /* MOD: Events */ .mod-upevents { border-top: none; padding-top: 26px; padding-bottom: 12px; } .mod-upevents h3 { margin-bottom: 0; } /* MOD: Event Filter */ .sbxModTable-filter { margin-top: 1.6em; } .sbxModTable-filter h3.sbxMod-title { font-size: 13px; line-height: 29px; text-transform: uppercase; font-weight: 700; display: inline-block; margin: 0 6px 0 0; } .sbxModTable-filter .sbxMod-content { display: inline-block; } .sbxModTable-filter button { margin-left: 5px; } .sbxModTable-filter select { height: 29px; line-height: 29px; } /* MOD: Topics */ .mod-topics ul > li.parent > a { display: none; } .mod-topics ul { margin: 0; padding: 0; } .mod-topics ul li { list-style: none; background: transparent; padding: .2em 0; margin: 0; } .mod-topics ul li a { font-size: 14px; line-height: 1em; font-weight: normal; font-family: 'Avenir-Medium', sans-serif; text-transform: uppercase; font-weight: 400; } .mod-topics ul ul li.active a { color: #005eb8; text-decoration: underline; } /* MOD: FEED HP EVENTS */ .sbxModTable-hpevents { margin-bottom: 2em; } .sbxModTable-hpevents h3 { border-bottom: 1px solid #ccc; margin: 0 0 .8em 0; padding: 0 0 .4em 0; } .sbxModTable-hpevents .mod-feed .article-content { margin: 0; } .sbxModTable-hpevents .mod-feed .article-content p { margin: 0; } .sbxModTable-hpevents .mod-feed .article-content p:first-child { margin: 0 0 .6em 0; line-height: 1.4em; } .sbxModTable-hpevents .mod-feed .article-content p:first-child strong { font-weight: normal; } .sbxModTable-hpevents .mod-feed .clear { clear: none; height: 0; } .sbxModTable-hpevents .article-title { margin-bottom: 0; } .sbxModTable-hpevents .mod-feed a.readon { margin-top: .8em; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !MODULES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* SBXSS Flexslider */ #hero-img { position: relative; } #hero-img .flexslider { border: none; } .flexslider .slides > li:first-child { display: block; -webkit-backface-visibility: visible; } #hero-img .flexslider .slides img { width: 100%; } #hero-img .flexslider .flex-content { background: none; padding: 0; width: 100%; } #hero-img .flexslider .flex-content-inner { max-width: 1170px; margin: 0 auto; height: 100%; position: relative; } #hero-img .flexslider .flex-content h2.flex-title, #hero-img p { color: #fff; font-family: "Avenir-Black"; font-size: 36px; margin: 0; text-transform: uppercase; } #hero-img p { font-size: 56px; position: absolute; left: 0; top: 50%; width: 100%; text-align: center; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } #hero-img .flexslider .flex-content .flex-text { background: none; font-family: "Avenir-Medium"; font-size: 22px; color: #fff; line-height: 1.3; margin: 0; padding: 5px 0 25px 0; } #hero-img .img-bg { background-position: center center; background-size: cover; height: 674px; } #hero-img .img-bg > img { display: none; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !PAGES, COMPONENTS, FORMS, VIEWS & PIECES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* Page: Home */ .page-home #main #page { border-top: none; padding-top: 0; } .page-home .events-blog a.readon { display: none; } table.blog .introarticles, .photo-blog .blog .introarticles, .mod-feed .events-blog .introarticles { margin-left: -15px; margin-right: -15px; } table.blog .contentpaneopen { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; padding: 0 15px 50px; position: relative; overflow: hidden; width: 33.33%; } table.events-blog .contentpaneopen, .photo-blog .blog .contentpaneopen, .mod-feed .events-blog .contentpaneopen { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; padding: 240px 15px 50px; position: relative; overflow: hidden; min-height: 135px; width: 33.33%; } .inline-profile-search table.blog .contentpaneopen, .jsfsearch-my-tickets-search table.blog .contentpaneopen, .jsfsearch-my-payments-search table.blog .contentpaneopen { float: none; width: auto; padding: 0 15px 30px; } table.events-blog .article-content img, .photo-blog .blog .article-content img, .mod-feed .events-blog .article-content img { position: absolute; left: 15px; top: 0; width: 370px; } table.blog span.article_separator, .photo-blog .blog span.article_separator, .mod-feed .events-blog span.article_separator { clear: none; height: 0; background: #fff; margin: 0; } table.blog span.article_separator:nth-child(3n+0), .photo-blog .blog span.article_separator:nth-child(3n+0), .mod-feed .events-blog span.article_separator:nth-child(3n+0) { clear: both; } .contentCategory table.blog .contentpaneopen img { margin: 0 0 35px; } /* table.events-blog .event-meta-wrap { position: absolute; top: 0px; left: 150px; } */ /* Page: Terms */ .view-category .sbxModTable-comments, .view-term .sbxModTable-comments { display: none; } /* Page: Media */ .page-media table.blog tr td div.contentpaneopen { min-height: 134px; overflow: hidden; } /* Page: Donate */ .donations *, .donations *:before, .donations *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .donations .cntr-label, .eventBilling .cntr-label { margin-right: 10px; } .item-section .section-header p.desc, .eventBilling .compSect-titleC p.desc { font-size: .9em; } .donations ul.billing-list #cc-exp { width: 58%; } .donations ul.billing-list #cc-cvc { width: 42%; } .donations ul.billing-list #cc-cvc input.cc-code { width: 50% !important; } body.memberDues .lengths { display: none !important; } body.memberDues #donate-amount-form-recurring div.cntr span.span-block { display: none !important; } /* Page: Events */ .sbxEvents-eventReg *, .sbxEvents-eventReg *:before, .sbxEvents-eventReg *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .sbxEvents-upc .hide-blog, .sbxEvents-calday .hide-blog { display: none; } .sbxEvents-event h2.contentheading, .sbxEvents-eventReg h2.contentheading { border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 1em; } .sbxEvents-event .event-meta-wrap { display: none; } .sbxEvents-event .page-content { /* ORIGINAL EVENT DETAIL VIEW padding-top: 370px; padding-left: 315px; */ padding-left: 670px; padding-bottom: 48px; position: relative; } .sbxEvents-event .compSectGrid-col { width: 100% !important; float: none; display: block; } .sbxEvents-event #sectDetails-title { display: none; } .sbxEvents-event #sectDetails-wrap, .sbxEvents-event #sectDetails-contentwrap { position: static; margin: 0; padding: 0; } .sbxEvents-event .event-intro { position: absolute; left: 0; top: 360px; float: left; /* ORIGINAL EVENT DETAIL VIEW width: 295px; */ width: 610px; margin-bottom: 0px; } /* .sbxEvents-event .event-intro img { width: 300px; margin-bottom: 1em; } */ div.compSectGrid clearfix #sectWhenWhere-grid { float: left; width: 295px; } .sbxEvents-event .event-img, .sbxEvents-event .event-video { position: absolute; top: 0px; left: 0px; right: 0px; max-width: 610px; } .sbxEvents-event .csg-colWhen { margin: 0; padding: 0; //float: right; //width: 295px; } .sbxEvents-event .eventWhen { margin: 0; padding: 0; //float: right; //width: 295px; } .sbxEvents-event .eventWhere { margin: 1.4em 0 0 0; padding: 0; //float: right; //width: 295px; } .sbxEvents-event .eventWhen .compSect-contentwrap, .sbxEvents-event .eventWhere .compSect-contentwrap, .sbxEvents-event .eventRegistration .compSect-contentwrap, .sbxEvents-event .eventHosted .compSect-contentwrap { padding: 0px; //float: right; //width: 295px; } .sbx .sbxEvents-event div.whendate span.date, .sbx .sbxEvents-event div.whendate span.time, .sbx .sbxEvents-event div.whendate span.to { font-size: 1em; line-height: 1.2em; //float: right; //width: 295px; } .sbx .sbxEvents-event div.whendate { margin: 0; //float: right; //width: 295px; } .sbxEvents-event .compSect-title h3, .sbxEvents-event .event-sharethis h4, .sbxEvents-event h4, .sbxEvents-event .event-audio h4 { font-size: 13px; font-weight: 400; color: #005eb8; text-transform: uppercase; margin: 0 0 .3em 0; } .sbxEvents-event ul.ccbmenu { font-size: 13px; } .sbxEvents-event .compSect-content h4.title, .sbxEvents-event .event-moderators h6, .sbxEvents-event .event-speakers h6 { font-size: 1em; font-weight: 700; color: #333; font-family: 'Avenir-Medium', sans-serif; margin: 0; } .sbxEvents-event .eventRegistration, .sbxEvents-event .event-sharethis { border-top: 1px solid #ccc; margin: .6em 0 0 0; padding: 1.0em 0 0 0; //float: right; //width: 295px; } .sbxEvents-event .eventRegistration .compSect-title { display: none; } .sbxEvents-event table.tickets-tbl thead { display: none; } .sbxEvents-event table.tickets-tbl tr td { background: #fff; border: none; padding: 4px 0px; } .sbxEvents-event table.tickets-tbl td.ticketType { } .sbxEvents-event .event-sharethis { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 1em 0 0 0; padding: 1.4em 0 1.2em 0; /*float: right; width: 295px;*/ } .sbxEvents-event h4, .sbxEvents-event .eventHosted h3 { margin: 0 0 .6em 0; } .sbxEvents-event .event-moderators h6, .sbxEvents-event .event-speakers h6 { margin: .6em 0 0 0; } .sbxEvents-event .event-moderators p, .sbxEvents-event .event-speakers p { margin: 0 0 .6em 0; } .sbxEvents-event .event-speakers, .sbxEvents-event .event-moderators { margin-top: 1.4em; } .sbxEvents-event .event_separator { display: none; } .sbxEvents-event .event-sharethis h4 { display: inline-block; vertical-align: middle; margin-bottom: 0px; line-height: 28px; } .sbxEvents-event .event-sharethis .addthis_toolbox { display: inline-block; vertical-align: middle; } .sbxEvents-event .event-audio { margin-top: 1.4em; float: left; width: 295px; } .sbxEvents-event.compSect-content:before, .sbxEvents-event.compSect-content:after { content: ""; display: table; } .sbxEvents-event.compSect-content:after { clear: both; } .audiojs { width: 100%; } .audiojs .time { display: none; } .audiojs .scrubber { width: 74%; } .sbxEvents-event .event-audio .outro { margin-top: .6em; } .sbxEvents-event .mod-login { margin-bottom: 1.4em; } .sbxEvents-event .mod-login .login-links { display: none; } .sbxEvents-event .mod-login .login-preText { font-style: italic; } .sbxEvents-event .mod-login label.desc { font-size: 13px; } /* Page: Events */ /* ORIGINAL SETUP BEFORE SWITCH .sbxEvents-eventReg *, .sbxEvents-eventReg *:before, .sbxEvents-eventReg *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .sbxEvents-upc .hide-blog, .sbxEvents-calday .hide-blog { display: none; } .sbxEvents-event h2.contentheading, .sbxEvents-eventReg h2.contentheading { border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 1em; } .sbxEvents-event .event-meta-wrap { display: none; } .sbxEvents-event .page-content { padding-left: 330px; position: relative; } .sbxEvents-event .compSectGrid-col { width: 100% !important; float: none; display: block; } .sbxEvents-event #sectDetails-title { display: none; } .sbxEvents-event #sectDetails-wrap, .sbxEvents-event #sectDetails-contentwrap { position: static; margin: 0; padding: 0; } .sbxEvents-event .event-intro { position: absolute; left: 0; top: 0; width: 300px; } .sbxEvents-event .event-intro img { width: 300px; margin-bottom: 1em; } .sbxEvents-event .csg-colWhen { margin: 0; padding: 0; } .sbxEvents-event .eventWhen { margin: 0; padding: 0; } .sbxEvents-event .eventWhere { margin: 1.4em 0 0 0; padding: 0; } .sbxEvents-event .eventWhen .compSect-contentwrap, .sbxEvents-event .eventWhere .compSect-contentwrap, .sbxEvents-event .eventRegistration .compSect-contentwrap, .sbxEvents-event .eventHosted .compSect-contentwrap { padding: 0px; } .sbx .sbxEvents-event div.whendate span.date, .sbx .sbxEvents-event div.whendate span.time, .sbx .sbxEvents-event div.whendate span.to { font-size: 1em; line-height: 1.2em; } .sbx .sbxEvents-event div.whendate { margin: 0; } .sbxEvents-event .compSect-title h3, .sbxEvents-event .event-sharethis h4, .sbxEvents-event h4 { font-size: 13px; font-weight: 400; color: #005eb8; text-transform: uppercase; margin: 0 0 .3em 0; } .sbxEvents-event ul.ccbmenu { font-size: 13px; } .sbxEvents-event .compSect-content h4.title, .sbxEvents-event .event-moderators h6, .sbxEvents-event .event-speakers h6 { font-size: 1em; font-weight: 700; color: #333; font-family: Georgia, serif; margin: 0; } .sbxEvents-event .eventRegistration, .sbxEvents-event .event-sharethis { border-top: 1px solid #ccc; margin: .6em 0 0 0; padding: 1.0em 0 0 0; } .sbxEvents-event .eventRegistration .compSect-title { display: none; } .sbxEvents-event table.tickets-tbl thead { display: none; } .sbxEvents-event table.tickets-tbl tr td { background: #fff; border: none; padding: 8px 0px; } .sbxEvents-event table.tickets-tbl td.ticketType { } .sbxEvents-event .event-sharethis { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 1em 0 0 0; padding: 1.4em 0 1.2em 0; } .sbxEvents-event h4, .sbxEvents-event .eventHosted h3 { margin: 0 0 .6em 0; } .sbxEvents-event .event-moderators h6, .sbxEvents-event .event-speakers h6 { margin: .6em 0 0 0; } .sbxEvents-event .event-moderators p, .sbxEvents-event .event-speakers p { margin: 0 0 .6em 0; } .sbxEvents-event .event-speakers, .sbxEvents-event .event-moderators { margin-top: 1.4em; } .sbxEvents-event .event_separator { display: none; } */ /* Hide Events Nav Bar Editing */ .sbxEvents-event .compNavBar-wrap { display: none; } .view-event .sbxModTable-filter { display: none; } .view-event .article-aftercontent, .view-event .afterdisplay_separator, .view-section .article-aftercontent, .view-section .afterdisplay_separator, .view-category .article-aftercontent, .view-category .afterdisplay_separator, .view-term .article-aftercontent, .view-term .afterdisplay_separator { display: none; } /* !JSF SEARCH */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ .sbx { position: relative; } .jsfSearch-srch .component-title { margin-right: 100px; } .jsfSearch-srch .item-actions { position: absolute; top: 24px; right: 0px; } .jsfSearch-srch .items-jsfSearch, .jsfSearch-srch .items-jsfSearch .compSect-contentwrap { position: static; } .el-inline { display: inline-block; margin-top: 0px !important; } .inline-profile-search .item-separator { display: none !important; } .inline-profile-search .element { overflow: hidden; clear: both; } .inline-profile-search .element-label { float: left; width: 45%; } .inline-profile-search .element-data { float: left; width: 55%; } .inline-profile-search .element.el-inline { padding-left: 45%; display: block; } /* !SPEAKERS JSF SEARCH */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ .speakers-search .contentpaneopen { position: relative; overflow: hidden; min-height: 140px; background: url(../images/speaker-photo.png) no-repeat center 0; text-align: center; } .speakers-search .contentpaneopen > div.article-title { padding-top: 155px; } .speakers-search .speaker-photo { position: absolute; left: 50%; top: 0; width: 140px; height: 140px; overflow: hidden; padding-right: 0px; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .speakers-record .speaker-photo { position: absolute; left: 0; top: 0; width: 140px; height: 140px; overflow: hidden; padding-right: 0px; } .speakers-search .item-subtitle, .speakers-record .speaker-subtitle { color: #8C857B; font-style: normal; font-size: 14px; line-height: 1.2em; font-family: 'Avenir-Medium', sans-serif; text-transform: uppercase; display: block; } .speakers-search h2.contentheading { margin-top: 0px !important; } #page.speakers-record { padding-top: 0px; } .speakers-record .buttonheading { top: -48px; } .speakers-record .item { position: relative; background: url(../images/speaker-photo.png) no-repeat left top; } .speakers-record .item-pagetitle { padding-left: 160px; min-height: 140px; } .speakers-record h2.contentheading { color: #333; line-height: 1.0em; } .speakers-record .speaker-subtitle { margin-top: .4em; } .speakers-record .item-desc { margin-top: .6em; } .speakers-record .pos-inset { background: #fff; width: 35%; font-size: 1em; padding: 0px; margin-bottom: 0; } .speakers-record .pos-inset .element { margin: 0 0 1.2em 0; padding: 0 0 1.2em 0; border-bottom: 1px solid #ccc; } .speakers-record .pos-inset .element:last-child { border-bottom: 0px; margin-bottom: 0px; } .speakers-record .pos-inset .element-label { color: #333; font-size: 15px; line-height: 1em; font-family: 'Avenir-Medium', sans-serif; } .speakers-record .pos-inset ul { margin: 0; } .speakers-record .pos-inset ul li { background: none; margin: 1em 0 0 0; padding: 0; font-size: 1em; line-height: 1.3em; } .speakers-record .pos-inset ul li a { font-weight: normal; } .speakers-record .pos-inset ul li .date { color: #005eb8; font-size: 13px; line-height: 1em; font-weight: normal; font-family: 'Avenir-Medium', sans-serif; text-transform: uppercase; display: block; } .speakers-record .pos-bot { margin-right: 0px; padding: 0px; border-top: none; } .speakers-record .pos-botCW { padding: 0px; } .speakers-record .pos-bot .element { margin: 0px; text-align: right; } .speakers-record .pos-bot .element-label, .speakers-record .pos-bot .element-data { display: inline-block; font-size: 12px; line-height: 1.1em; color: #999; font-family: Georgia, serif; } .audioicon, .videoicon { display: inline-block; width: 14px; height: 14px; line-height: 14px; margin-left: 4px; } .audioicon:before, .videoicon:before { font-family: 'FontAwesome'; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; } .audioicon:before { content: "\f028"; } .videoicon:before { content: "\f03d"; } /* Google Search in Header */ #header .gsib_a { padding: 0px !important; margin: 0px !important; } #header form.gsc-search-box, #header table.gsc-search-box { margin-bottom: 0; } #header .gsc-search-box .gsc-input>input:focus, #header .gsc-input-box-focus, #header .gsc-input-box-hover { border: none !important; -webkit-box-shadow: 0 !important; -moz-box-shadow: 0 !important; box-shadow: 0 !important; } #header .gsc-input-box { background: #D1E2F2; height: 25px; line-height: 25px; border: none !important; } #header .moduletable_googlesearch .mod-search { border-bottom: 0px solid; } #header .moduletable_googlesearch .gsc-input-box { background: none !important; height: 25px; line-height: 25px; border: none !important; } #header .moduletable_googlesearch input.gsc-input{ background: none !important; height: 35px !important; font-size: 20px !important; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; padding-bottom: 0px !important; margin-top: -5px !important; padding-left: 5px !important; } #header input.gsc-input { border: none !important; background: #D1E2F2 url(none) !important; height: 25px !important; line-height: 25px !important; font-family: Georgia, serif !important; color: #005eb8 !important; font-size: 14px !important; font-weight: normal !important; margin: 0 !important; } #header .cse .gsc-search-button input.gsc-search-button-v2, #header input.gsc-search-button-v2 { padding: 0px; margin: 6px 0 0 0; } #header .cse input.gsc-search-button, #header input.gsc-search-button { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: transparent url(none); } .alignleft { float: left; margin: 5px 15px 5px 0px; } .wp-caption-text { font-size: .9em; line-height: 1.3em; font-style: italic; } #system-messageDetail dd.message ul { background: #fff; border: none; padding: 0px; } #system-messageDetail ul li.buttons { margin-top: 1em; } #btnCancel { display: none; } .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .alert, .alert h4 { color: #c09853; } .alert h4 { margin: 0; } .alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success h4 { color: #468847; } .alert-danger, .alert-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } .alert-danger h4, .alert-error h4 { color: #b94a48; } .alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } .sbxEvents-event .alert-info { /*float: right; width: 244px;*/ } .alert-info h4 { color: #3a87ad; } .gs-result .gs-title, .gs-result .gs-title a { color: #005eb8 !important; font-family: 'Avenir-Medium',sans-serif !important;} @import url('//hello.myfonts.net/count/282cd6'); /* Page: Media Library */ .view-archive.page-medialib .sbxModTable-comments { display: none; } /*------------------------------------------------------------------------ # Soapbox -> Typography CSS (v2.0) # ------------------------------------------------------------------------ # Copyright (C) 2012 PICNet, Inc. All Rights Reserved. # Author: Ryan Belisle # Website: http://www.picnet.net -------------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !TINYMCE Editor Specific Styles */ /* ----------------------------------------------------------------------*/ body#tinymce, body#tinymce table {} /* !Link */ a { color: #8C857B; text-decoration: none; } a:hover { color: #8C857B; text-decoration: underline; } a.but-action { color: #fff; font-size: 13px; line-height: 1em; text-transform: uppercase; display: inline-block; background: #8d786d; padding: 8px 20px; font-family: 'Avenir-Medium', sans-serif; text-decoration: none; font-weight: normal; } a.but-action:hover { background: #642F6C; color: #fff; text-decoration: none; } /* !Colors */ .text-color1 { color: #005eb8; } .text-color2 { color: #642F6C; } .text-color3 { color: #666; } .text-color4 { color: #8d786d; } .text-color5 { color: #333; } .text-color6 { color: #ccc; } /* !Text Highlights */ .text-highlight1 { background: #005EB8; color: #fff; } .text-highlight2 { background: #642F6C; color: #fff; } .text-highlight3 { background: #8d786d; color: #fff; } .text-highlight4 { background: #666; color: #fff; } .text-highlight5 { background: #333; color: #fff; } .text-highlight6 { background: #ccc; color: #333; } /* !Text Sizes */ .text-small {} .text-regular {} .text-medium {} .text-large {} .text-xlarge {} /* !Heading */ h1, h2, h3, h4, h5, h6 { color: #8C857B; font-family:'Avenir-Heavy'; font-weight: normal; line-height: 1.1em; margin: 0 0 20px; } /* !Type Margin + Padding */ p, pre, code, blockquote, ul, ol, dl, table.table { margin: 0 0 1em; } /* !HR, Pre, Code, Address, Sup, Sub , Sample */ hr { border-color: #ccc; } pre { background: #fff; border-color: #ccc; } pre.code {} code {} address { background: #fff; border-color: #ccc; } sup, sub { color: #562542; } samp { background: #fff; } /* !Lists */ ul {} ul li { background: url(../images/bullet-default.png) no-repeat 18px .8em; } ul.list-bullet { background: url(../images/bullet-default.png) no-repeat 18px .8em; } ul.list-bullet li {} ul.list-plain {} ul.list-plain li {} ul.list-arrow {} ul.list-arrow li { background: url(../images/bullet-arrow.png) no-repeat 16px .65em; } ul.list-box {} ul.list-box li { background: url(../images/bullet-box.png) no-repeat 18px .7em; } ol {} ol li {} dl {} dl dt {} dl dd {} /* !Lines */ .line-solid {} .line-dotted {} .line-dashed {} /* !Blockquotes + Pullquotes */ blockquote { background: #fff; font-family: Georgia, 'Times New Roman', Times, serif; } blockquote cite { color: #005eb8; } blockquote.bq { color: #333; background: transparent url("../images/quote.png") no-repeat scroll 0 0; } blockquote.bq-left {} blockquote.bq-right {} blockquote.pq { background: none; color: #4c3607; } blockquote.pq-left { float: left; width: 35%; } blockquote.pq-right { float: right; width: 35%; } blockquote.pq-style1.pq-left { border-color: #ccc; } blockquote.pq-style1.pq-right { border-color: #ccc; } blockquote.pq-style2.pq-left { border-color: #ccc; } blockquote.pq-style2.pq-right { border-color: #ccc; } /* !Text Intro Area */ div.intro {} /* !Dropcaps */ .dropcap {} /* !Borders */ .border { border-color: #ccc; } /* !Info Boxes */ .infobox { background: #ccc; } .infobox .titlebox { background: #ccc; color: #333; font-family: 'Avenir-Medium', sans-serif; font-weight: normal; line-height: 1.1em; } .infobox .contentbox {} .infobox-style1 {} .infobox-style2, .infobox-style2 .titlebox { background: #005eb8; color: #fff; } .infobox-style3, .infobox-style3 .titlebox { background: #562542; color: #fff; } .infobox-rounded {} .infobox-rounded .titlebox {} /* !Images */ .img-left {} .img-right {} .img-center { display: block; text-align: center; clear: both; margin: 0 auto; } .img-border { border-color: #ccc; } .img-border2 { border-color: #ccc; } .img-border3 { border-color: #ccc; background: #fff; } .img-border4 { border-color: #ccc; } .img-border5 { border-color: #ccc; } .img-noborder {} .img-rounded {} /* !Images: Captions */ .img-caption, .jce_caption {} .img-caption p { color: #005eb8; } .img-caption-left {} .img-caption-right {} .img-caption-center {} /* !Space */ .white-space {} .box-anywidth {} /* !Top Anchor */ .divider-top { border-color: #ccc; } .divider-top a {} /* !Inset Box */ .inset-left {} .inset-right {} .inset-left, .inset-right {} .inset-style1 { background-color: #ccc; color: #333; } .inset-style2 { background-color: #005eb8; color: #fff; } /* !Well */ .well {} /* !Table: Content Table Style */ table.table-style1 caption { color: #005eb8; border-color: #ccc; } table.table-style1 thead th { color: #fff; background: #333; } table.table-style1 thead th a { color: #fff; } table.table-style1 thead th a:hover {} table.table-style1 .row1 td, table.table-style1 .odd td { background: #fafafa; border-color: #ccc; } table.table-style1 .row0 td, table.table-style1 .row2 td, table.table-style1 .even td { background: #f2f2f2; border-color: #ccc; } table.table-style1 tfoot td { background: #fff; } /*------------------------------------------------------------------------ # Soapbox -> Style CSS (v2.3.0) : RESPONSIVE # ------------------------------------------------------------------------ # Copyright (C) 2012 PICNet, Inc. All Rights Reserved. # Author: Ryan Belisle # Website: http://www.picnet.net -------------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !LAYOUT */ /* ----------------------------------------------------------------------*/ /* !JA Suckerfish w/ Bootstrap Collapse Menu */ .nav-collapse.collapse { height: auto; -webkit-transition: height .1s ease; -moz-transition: height .1s ease; -o-transition: height .1s ease; transition: height .1s ease; } .navbar-ja { overflow: visible; color: #555; *position: relative; *z-index: 2; } .navbar-inner-ja { padding-left: 0px; } .navbar-ja .container-ja { width: auto; } .nav-collapse-ja.collapse { height: auto; } .navbar-ja .brand-ja { float: left; display: none; padding: 20px 0px 0px 0px; font-size: 16px; line-height: 22px; font-weight: 400; letter-spacing: .06em; color: #fff; font-family: 'Cabin', sans-serif; text-decoration: none !important; text-transform: uppercase; } .navbar-ja .brand-ja:hover { text-decoration: none; } .navbar-text { margin-bottom: 0; line-height: 40px; } .navbar-ja .btn-navbar-ja, .navbar-ja .brand-ja { display: none; } .navbar-ja .btn-navbar-ja { display: none; line-height: 22px; *line-height: 22px; color: #fff; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; position: absolute; cursor: pointer; right: 15px; top: 70px; } .navbar-ja .btn-navbar-ja:before { content: "MENU"; color: #333; font-family: Avenir-Medium; font-size: 18px; position: absolute; right: 40px; } .navbar-ja .btn-navbar-ja:hover { color: #642F6C; background-color: transparent; *background-color: transparent; } .navbar-ja .btn-navbar-ja .icon-bar { display: block; width: 24px; height: 3px; background-color: #000; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .btn-navbar-ja .icon-bar + .icon-bar { margin-top: 5px; } .navbar-ja .btn-navbar-ja.closebtn .icon-bar { opacity: 0; } .navbar-ja .btn-navbar-ja.closebtn .icon-bar:first-child { opacity: 1; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: relative; top: 8px; } .navbar-ja .btn-navbar-ja.closebtn .icon-bar:last-child { opacity: 1; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: relative; top: -8px; } iframe { max-width: 100%; } .video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .lengthIndicator { display: none !important; } .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } input.field.text, textarea.field, .inputbox, input.input-text, input.field[type="text"], textarea.textarea, td.paramlist_value select { color: #333; font-family: inherit; font-size: 16px; height: auto; line-height: 24px; padding: 4px 6px; } select.inputbox, select.select { color: #333; font-family: inherit; font-size: 16px; padding: 3px 1px 3px 0; width: auto; } ul.compList li.complex div.cntr span.span-block > div { display: block !important; } .vision-statement { background: #005eb8; color: #fff; font-family: "Avenir-Medium"; font-size: 22px; padding: 35px 0 20px; position: relative; text-align: center; } .vision-statement .sbxMod-content { max-width: 880px; margin: 0 auto; } .vision-statement:before, .vision-statement:after { background-color: #005eb8; box-sizing: content-box; content: ""; display: block; height: 100%; left: -100%; position: absolute; top: 0; width: 100%; z-index: 1; } .vision-statement:after { left: auto; right: -100%; } #bottom {margin-left: 100px;} /* ------------------------------------------------------------------------ /* !MEDIA QUERIES > Template */ /* ----------------------------------------------------------------------*/ @media (min-width: 1200px) { #hero-img { min-height: 500px; } } @media (min-width: 980px) and (max-width: 1199px) { ul.menu-gm li a { font-size: 22px; } ul.menuhorz > li { margin: 0 15px 0 0; } ul.menuhorz > li > a { font-size: 18px; } table.events-blog .contentpaneopen, .photo-blog .blog .contentpaneopen, .mod-feed .events-blog .contentpaneopen { padding-top: 190px; } table.events-blog .article-content img, .photo-blog .blog .article-content img, .mod-feed .events-blog .article-content img { width: 293px; } #footer .moduletable-fm, #footer .moduletable-f { float: none; margin-left: 20px; width: auto; } #footer a.footer-logo { display: inline-block; height: 110px; width: 110px; vertical-align: middle; } #footer p.addy { display: inline-block; max-width: 50%; margin: 0; vertical-align: middle; } #bottom .bottom-grid a strong { font-size: 40px; } #hero-img .flexslider .flex-content-inner { max-width: 940px; } } @media (max-width: 979px) { /* HEADER */ #header { padding-bottom: 0; } #headerinner { height: auto; padding: 47px 15px 0; } /* HEADER */ a#logo { background-position: center center; background-size: 100% auto; height: 76px; width: 170px; margin-top: 0; margin-bottom: 15px; } ul.menu-gm { margin: 10px 0 0; vertical-align: middle; float: none; display: inline-block; clear: none; position: absolute; top: 0; left: 0; width: 100%; text-align: center; } ul.menu-gm li { padding: 0; max-width: 25%; vertical-align: middle; } ul.menu-gm li a { display: block; font-size: 16px; margin: 0 12px; } .nav-collapse ul.menuhorz > li { margin-right: 0; } #header .mod-search { display: none; } /* !JA Suckerfish w/ Bootstrap Collapse Menu */ #nav { background: #005EB8; float: none; margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; } .navbar-ja .btn-navbar-ja { display: block; } .navbar-ja .container-ja { width: auto; padding: 0; } .navbar-ja .container-ja .nav-collapse.in { padding: 15px 0; overflow: visible; } .navbar-ja .navbar-inner-ja { padding-left: 20px; } .nav-collapse { clear: both; } .nav-collapse, .nav-collapse.collapse { overflow: hidden; height: 0; } .nav-collapse ul.menuhorz { float: none; margin: 0px; } .nav-collapse ul.menuhorz > li { float: none; } .nav-collapse ul.menuhorz > li > a { color: #fff; height: 40px; line-height: 40px; } .nav-collapse ul.menuhorz > li > a:hover { /* background: #642F6C !important; */ color: #fff; text-decoration: underline; } .nav-collapse ul.menuhorz > li > a.active { color: #fff; text-decoration: underline; background: none; } .navbar-ja .navbar-inner-ja { padding-left: 0px; } .nav-collapse ul.menuhorz ul { background: none; border: none; display: none; position: static; left: 0; width: 100%; } .nav-collapse ul.menuhorz .toggle-open ul { display: block; } .nav-collapse ul.menuhorz ul li { border-bottom: none; width: auto; } .nav-collapse ul.menuhorz ul li a { color: #fff; padding-top: 5px; padding-bottom: 5px; width: auto; } .nav-collapse ul.menuhorz ul li a.active { color: #642F6C; } .nav-collapse ul.menuhorz ul li a.active:hover { color: #333; } ul.menuhorz li ul ul { margin: 0 0 0 15px; } /* FOOTER + BOTTOM */ .bot-member { padding: 0 8%; } /* Page: Donate */ ul.compList label.descLrg { line-height: 1.3em; font-size: 1.0em; } .donations ul.billing-list #cc-exp, .donations ul.billing-list #cc-cvc { width: 100%; } .donations ul.billing-list #cc-cvc input.cc-code { width: 30% !important; } .donations ul.billing-list #cc-cvc img { max-width: none; margin-right: 44%; } /* Page: Events */ /* .sbxEvents-event .page-content { padding-left: 220px; padding-top: 280px; } .sbxEvents-event .event-intro { width: 200px; } .sbxEvents-event .event-intro img { width: 200px; margin-bottom: 1em; } .sbxEvents-event .event-intro { top: 280px; width: 200px; } */ /* Page: Events */ .sbxEvents-event .page-content { padding-left: 0px; padding-top: 280px; padding-bottom: 1.4em; } .sbxEvents-event .event-intro { width: 100%; position: static; margin: 1.2em 0 2em 0; padding-top: 2em; border-top: 1px solid #ccc; float: none; } .sbxEvents-event .event-sharethis, .sbxEvents-event .event-audio { float: none; width: 100%; } .sbxEvents-event .alert-info { float: none; width: auto; } .sbxEvents-event .white-space { display: none; } .sbxEvents-event .page-content { height: auto !important; } .audiojs .scrubber { width: 84%; } .sbxEvents-event .event-video iframe, .sbxEvents-event .event-video embed { width: 456px; height: 258px; } .cal-monthNavTBL td { font-size: 13px; letter-spacing: -.02em; } .cal-monthNavTBL .cal-nextyear, .cal-monthNavTBL .cal-nextmonth, .cal-monthNavTBL .cal-prevyear, .cal-monthNavTBL .cal-prevmonth { margin: 0 5px; } } @media (min-width: 768px) and (max-width: 979px) { .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } #bottom .bottom-mod { max-width: 724px; } #footer .moduletable-fm, #footer .moduletable-f { float: none; margin-left: 20px; width: auto; } #footer a.footer-logo { display: inline-block; height: 110px; width: 110px; vertical-align: middle; } #footer p.addy { display: inline-block; max-width: 50%; margin: 0; vertical-align: middle; } table.events-blog .contentpaneopen, .photo-blog .blog .contentpaneopen, .mod-feed .events-blog .contentpaneopen { padding-top: 150px; } table.events-blog .article-content img, .photo-blog .blog .article-content img, .mod-feed .events-blog .article-content img { width: 221px; } ul.menu-gm li a { font-size: 18px; } #header .mod-search { margin: 40px 0 0; width: 255px; } #headerinner { padding-left: 0; padding-right: 0; width: auto; } #headerinner .row { margin-left: 0; } .col-logo, .col-global { margin-left: 0; width: 100%; } .col-logo { float: none; margin: 0 auto; width: 724px; } #nav { margin-left: 0; margin-right: 0; } .navbar-ja { margin: 0 auto; position: relative; width: 724px; } .navbar-ja .btn-navbar-ja { right: 0; top: -70px; } #bottom .bottom-grid a strong { font-size: 30px; } #hero-img .flexslider .flex-content-inner { max-width: 724px; } } @media (max-width: 767px) { .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } /* !Template Style */ body { font-size: 14px; padding: 0px; } .vision-statement { font-size: 15px; padding: 15px 0 1px; } /* MAIN LAYOUT */ #maincntr { padding: 0 20px; } #main #content { border-top: none; } #main #content { margin-right: 0px; } #bottom .bottom-mod { padding-left: 15px; padding-right: 15px; } #footer { padding-left: 15px; padding-right: 15px; } #footer .moduletable-fm, #footer .moduletable-f { float: none; margin-left: 0; width: auto; } ul.menu-fm .menu_col { width: 100%; } ul.menu-fm .menu_col > li { float: left; width: 50%; } ul.menu-fm li { display: block; } .sbxModTable-bot { padding: 0px; margin: 30px 0; } /* MOD: SS */ .flexslider .slides img { width: 100%; } /* MOD: Twitter */ .sbxModTable-plain #twitter-widget-0 { width: 100% !important; min-width: 100% !important; } /* MOD: Mission */ #content .sbxModTable-mission { border: none; } /* !Events Calendar */ .cal-monthTBL td.cal-wdEvent, .cal-monthTBL td.cal-weEvent { background-color: #eef9ff; font-weight: bold; } .cal-monthTBL a.cal-wdNumEvent { color: #006699; } .sbxEvents-event .page-content { padding-top: 0px; } .sbxEvents-event .event-img, .sbxEvents-event .event-video { position: static; } .sbxEvents-event .event-video { height: 0; padding-top: 25px; padding-bottom: 67.5%; margin-top: .4em; margin-bottom: .4em; position: relative; overflow: hidden; } .sbxEvents-event .event-video iframe, .sbxEvents-event .event-video embed { top: 0; left: 0; width: 100%; height: 100%; position: absolute; } /* TYPOGRAPHY + STYLING */ ul.compList button.btn, ul.compList button.button, ul.compList .btn-primary, ul.compList .btn-secondary, button.button, select.inputbox, select.select, input.field.text, textarea.field, .inputbox, td.paramlist_value select { /* font-size: 1.2em; padding: 5px 8px; */ font-size: 1em; } .compResPDFilter-content .rightSide label { line-height: 2em; } #hero-img .flexslider .flex-content-inner { padding-left: 15px; padding-right: 15px; } #hero-img .flexslider .flex-content h2.flex-title { font-size: 18px; } #hero-img p { font-size: 24px; } #hero-img .flexslider .flex-content .flex-text { font-size: 14px; padding: 5px 0 10px 0; } #hero-img .img-bg { height: 474px; } #bottom .row-fluid .span4 { width: 100%; } #bottom .bottom-grid a strong { font-size: 40px; } #bottom .bottom-mod h3 { font-size: 24px; } #footer, ul.menu-fm, ul.menu-fm > li > a { font-size: 14px; } #footer a.footer-logo { display: inline-block; height: 50px; width: 110px; vertical-align: middle; } #footer p.addy { display: inline-block; max-width: 50%; margin: 0; vertical-align: middle; } #main { padding-left: 15px; padding-right: 15px; } .page-home #maincntr { margin-top: 0; } h1.componentheading, .item-header h1.title, .article-title h2.contentheading { font-size: 24px; } table.blog .contentpaneopen { float: none; margin-left: 15px; margin-right: 15px; padding-left: 0; padding-right: 0; width: auto; } table.events-blog .contentpaneopen, .photo-blog .blog .contentpaneopen, .mod-feed .events-blog .contentpaneopen { float: none; margin-left: 15px; margin-right: 15px; padding-top: 180px; padding-left: 0; padding-right: 0; width: auto; } table.events-blog .article-content img, .photo-blog .blog .article-content img, .mod-feed .events-blog .article-content img { left: 0; max-height: 162px; } .sbxModTable-plain h3, .sbxModTable-title h3 { font-size: 18px; } .sbxModTable-plain .item-title { font-size: 18px; } .sbxModTable-plain .date, .sbxModTable-plain strong { font-size: 14px; } .sbxModTable-plain h2 { font-size: 14px; } .row-donateform.row-fluid .span5, .row-donateform.row-fluid .span7 { margin-left: 0; width: 100%; } ul.attendeeinfo-list input.medium { width: 100% !important; } input.medium { width: 100% !important; } } @media (max-width: 480px) { ul.menu-gm li a { font-size: 13px; margin: 0 10px; } /* MAIN LAYOUT */ #maincntr { padding: 0px; } .mod-breadcrumbs { padding: 0 20px; } .sbxModTable-filter h3.sbxMod-title, .sbxModTable-filter .sbxMod-content { display: block; } .sbxModTable-filter select { width: 100%; } .sbxModTable-filter button { margin: 5px 0 0 0; } /* Page: Search */ .com_search ul.compList-leftLabel label.desc, .com_search ul.compList-rightLabel label.desc { width: 100%; } .com_search ul.compList-leftLabel li div.cntr, .com_search ul.compList-rightLabel li div.cntr { margin: 0px; width: 100%; } .com_search input.field.text { width: 100%; } /* Page: Events */ .sbxEvents-event .page-content { padding-left: 0px; padding-bottom: 1.4em; } .sbxEvents-event .event-intro { width: 100%; position: static; margin: 1.2em 0 2em 0; padding-top: 2em; border-top: 1px solid #ccc; float: none; } .sbxEvents-event .event-intro img { width: 100%; } .sbxEvents-event .event-sharethis, .sbxEvents-event .event-audio { float: none; width: 100%; } .sbxEvents-event .alert-info { float: none; width: auto; } .sbxEvents-event .csg-colWhen, .sbxEvents-event .csg-colWhere { font-size: 1.2em; line-height: 1.3em; } .audiojs .scrubber { width: 70%; } /* !JSF SEARCH */ .jsfSearch-srch .component-title { margin-right: 60px; } .jsfSearch-srch .item-actions { right: 20px; } .inline-profile-search .element-label { float: none; width: 100%; } .inline-profile-search .element-data { float: none; width: 100%; } .inline-profile-search .element.el-inline { padding-left: 0; display: inline-block; } .mod-feed .events-blog .article-content img { margin-top: .4em; } ul.compList li span.span-block, ul.compList li input.field.text { width: 100%; } ul.compList li.leftFourth, ul.compList li.middleFourth, ul.compList li.rightFourth { margin: 0px; width: 100% !important; float: none; clear: both !important; } } ul.attendeeinfo-list input.medium { width: 400px !important; } input.medium { width: 400px !important; } td.ticketStarts {display: none !important;} div.eventHosted { position: relative; margin: 0.6em 0 1.6em 0; } p.social a:hover { text-decoration: none; } @media (min-width: 768px) and (max-width: 979px) { #sectWhenWhere-grid {margin-top:100px !important;} } ul.compList li .datepicker, ul.compList li img.calendar { margin: .19em 5px 0 20px; ) .article-title { height: 50px !important; }