:root { --gutter: 20px; --text-gutter: 12px; --color: #000000; --background: #ffffff; --highlight: #ff4814; --primary-light : #FF8E6D; --secondary: #F87000; --green : #0EB45B; --green-lighter : #57CD8E; --muted: #808080; --extra-light-gray: #efefef; --light-gray: #c1c1c1; --success: #4bb64b; --facebook: #3b5998; --twitter: #1da1f2; --google-plus: #dd4b39; --party-100: #1587d7; --party-328: #652290; --highlight-border: #a8331344; --success-border: #35663544; --sans-font: 'Proxima-Nova', Helvetica, sans-serif; --serif-font: 'Rooney-Web', Georgia, serif; --display-font: 'Acta-Display', Didot, serif; } body { font-family: 'Proxima-Nova', Helvetica, sans-serif; font-family: var(--sans-font); } /* (ignored) */var map = { "./campaign-finance-reform": [ "./resources/js/tags/icons/campaign-finance-reform.vue", 100 ], "./campaign-finance-reform.vue": [ "./resources/js/tags/icons/campaign-finance-reform.vue", 100 ], "./civil-rights": [ "./resources/js/tags/icons/civil-rights.vue", 101 ], "./civil-rights.vue": [ "./resources/js/tags/icons/civil-rights.vue", 101 ], "./climate-change": [ "./resources/js/tags/icons/climate-change.vue", 102 ], "./climate-change.vue": [ "./resources/js/tags/icons/climate-change.vue", 102 ], "./criminal-justice-reform": [ "./resources/js/tags/icons/criminal-justice-reform.vue", 103 ], "./criminal-justice-reform.vue": [ "./resources/js/tags/icons/criminal-justice-reform.vue", 103 ], "./environment": [ "./resources/js/tags/icons/environment.vue", 104 ], "./environment.vue": [ "./resources/js/tags/icons/environment.vue", 104 ], "./gender-equality": [ "./resources/js/tags/icons/gender-equality.vue", 105 ], "./gender-equality.vue": [ "./resources/js/tags/icons/gender-equality.vue", 105 ], "./gun-safety": [ "./resources/js/tags/icons/gun-safety.vue", 106 ], "./gun-safety.vue": [ "./resources/js/tags/icons/gun-safety.vue", 106 ], "./health-care": [ "./resources/js/tags/icons/health-care.vue", 107 ], "./health-care.vue": [ "./resources/js/tags/icons/health-care.vue", 107 ], "./immigration-reform": [ "./resources/js/tags/icons/immigration-reform.vue", 108 ], "./immigration-reform.vue": [ "./resources/js/tags/icons/immigration-reform.vue", 108 ], "./income-inequality": [ "./resources/js/tags/icons/income-inequality.vue", 109 ], "./income-inequality.vue": [ "./resources/js/tags/icons/income-inequality.vue", 109 ], "./international-diplomacy": [ "./resources/js/tags/icons/international-diplomacy.vue", 110 ], "./international-diplomacy.vue": [ "./resources/js/tags/icons/international-diplomacy.vue", 110 ], "./internet-policy": [ "./resources/js/tags/icons/internet-policy.vue", 111 ], "./internet-policy.vue": [ "./resources/js/tags/icons/internet-policy.vue", 111 ], "./lgbtq-rights": [ "./resources/js/tags/icons/lgbtq-rights.vue", 112 ], "./lgbtq-rights.vue": [ "./resources/js/tags/icons/lgbtq-rights.vue", 112 ], "./marijuana-legalization": [ "./resources/js/tags/icons/marijuana-legalization.vue", 113 ], "./marijuana-legalization.vue": [ "./resources/js/tags/icons/marijuana-legalization.vue", 113 ], "./millenials-in-politics": [ "./resources/js/tags/icons/millenials-in-politics.vue", 114 ], "./millenials-in-politics.vue": [ "./resources/js/tags/icons/millenials-in-politics.vue", 114 ], "./pro-choice": [ "./resources/js/tags/icons/pro-choice.vue", 115 ], "./pro-choice.vue": [ "./resources/js/tags/icons/pro-choice.vue", 115 ], "./public-education": [ "./resources/js/tags/icons/public-education.vue", 116 ], "./public-education.vue": [ "./resources/js/tags/icons/public-education.vue", 116 ], "./transport-infrastructure": [ "./resources/js/tags/icons/transport-infrastructure.vue", 117 ], "./transport-infrastructure.vue": [ "./resources/js/tags/icons/transport-infrastructure.vue", 117 ], "./union-rights": [ "./resources/js/tags/icons/union-rights.vue", 118 ], "./union-rights.vue": [ "./resources/js/tags/icons/union-rights.vue", 118 ], "./women-in-politics": [ "./resources/js/tags/icons/women-in-politics.vue", 119 ], "./women-in-politics.vue": [ "./resources/js/tags/icons/women-in-politics.vue", 119 ] }; function webpackAsyncContext(req) { if(!__webpack_require__.o(map, req)) { return Promise.resolve().then(function() { var e = new Error("Cannot find module '" + req + "'"); e.code = 'MODULE_NOT_FOUND'; throw e; }); } var ids = map[req], id = ids[0]; return __webpack_require__.e(ids[1]).then(function() { return __webpack_require__(id); }); } webpackAsyncContext.keys = function webpackAsyncContextKeys() { return Object.keys(map); }; webpackAsyncContext.id = "./resources/js/tags/icons lazy recursive ^\\.\\/.*$"; module.exports = webpackAsyncContext;var map = { "./af": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/af.js", "./af.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/af.js", "./ar": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ar.js", "./ar-dz": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ar-dz.js", "./ar-dz.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ar-dz.js", "./ar-kw": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ar-kw.js", "./ar-kw.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ar-kw.js", "./ar-ly": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ar-ly.js", "./ar-ly.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ar-ly.js", "./ar-ma": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ar-ma.js", "./ar-ma.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ar-ma.js", "./ar-sa": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ar-sa.js", "./ar-sa.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ar-sa.js", "./ar-tn": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ar-tn.js", "./ar-tn.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ar-tn.js", "./ar.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ar.js", "./az": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/az.js", "./az.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/az.js", "./be": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/be.js", "./be.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/be.js", "./bg": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/bg.js", "./bg.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/bg.js", "./bm": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/bm.js", "./bm.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/bm.js", "./bn": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/bn.js", "./bn.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/bn.js", "./bo": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/bo.js", "./bo.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/bo.js", "./br": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/br.js", "./br.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/br.js", "./bs": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/bs.js", "./bs.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/bs.js", "./ca": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ca.js", "./ca.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ca.js", "./cs": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/cs.js", "./cs.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/cs.js", "./cv": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/cv.js", "./cv.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/cv.js", "./cy": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/cy.js", "./cy.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/cy.js", "./da": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/da.js", "./da.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/da.js", "./de": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/de.js", "./de-at": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/de-at.js", "./de-at.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/de-at.js", "./de-ch": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/de-ch.js", "./de-ch.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/de-ch.js", "./de.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/de.js", "./dv": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/dv.js", "./dv.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/dv.js", "./el": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/el.js", "./el.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/el.js", "./en-SG": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/en-SG.js", "./en-SG.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/en-SG.js", "./en-au": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/en-au.js", "./en-au.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/en-au.js", "./en-ca": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/en-ca.js", "./en-ca.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/en-ca.js", "./en-gb": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/en-gb.js", "./en-gb.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/en-gb.js", "./en-ie": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/en-ie.js", "./en-ie.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/en-ie.js", "./en-il": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/en-il.js", "./en-il.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/en-il.js", "./en-in": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/en-in.js", "./en-in.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/en-in.js", "./en-nz": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/en-nz.js", "./en-nz.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/en-nz.js", "./en-sg": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/en-sg.js", "./en-sg.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/en-sg.js", "./eo": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/eo.js", "./eo.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/eo.js", "./es": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/es.js", "./es-do": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/es-do.js", "./es-do.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/es-do.js", "./es-us": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/es-us.js", "./es-us.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/es-us.js", "./es.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/es.js", "./et": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/et.js", "./et.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/et.js", "./eu": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/eu.js", "./eu.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/eu.js", "./fa": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/fa.js", "./fa.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/fa.js", "./fi": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/fi.js", "./fi.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/fi.js", "./fil": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/fil.js", "./fil.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/fil.js", "./fo": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/fo.js", "./fo.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/fo.js", "./fr": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/fr.js", "./fr-ca": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/fr-ca.js", "./fr-ca.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/fr-ca.js", "./fr-ch": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/fr-ch.js", "./fr-ch.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/fr-ch.js", "./fr.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/fr.js", "./fy": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/fy.js", "./fy.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/fy.js", "./ga": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ga.js", "./ga.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ga.js", "./gd": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/gd.js", "./gd.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/gd.js", "./gl": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/gl.js", "./gl.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/gl.js", "./gom-deva": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/gom-deva.js", "./gom-deva.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/gom-deva.js", "./gom-latn": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/gom-latn.js", "./gom-latn.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/gom-latn.js", "./gu": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/gu.js", "./gu.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/gu.js", "./he": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/he.js", "./he.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/he.js", "./hi": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/hi.js", "./hi.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/hi.js", "./hr": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/hr.js", "./hr.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/hr.js", "./hu": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/hu.js", "./hu.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/hu.js", "./hy-am": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/hy-am.js", "./hy-am.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/hy-am.js", "./id": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/id.js", "./id.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/id.js", "./is": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/is.js", "./is.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/is.js", "./it": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/it.js", "./it-ch": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/it-ch.js", "./it-ch.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/it-ch.js", "./it.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/it.js", "./ja": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ja.js", "./ja.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ja.js", "./jv": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/jv.js", "./jv.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/jv.js", "./ka": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ka.js", "./ka.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ka.js", "./kk": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/kk.js", "./kk.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/kk.js", "./km": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/km.js", "./km.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/km.js", "./kn": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/kn.js", "./kn.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/kn.js", "./ko": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ko.js", "./ko.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ko.js", "./ku": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ku.js", "./ku.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ku.js", "./ky": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ky.js", "./ky.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ky.js", "./lb": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/lb.js", "./lb.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/lb.js", "./lo": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/lo.js", "./lo.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/lo.js", "./lt": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/lt.js", "./lt.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/lt.js", "./lv": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/lv.js", "./lv.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/lv.js", "./me": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/me.js", "./me.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/me.js", "./mi": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/mi.js", "./mi.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/mi.js", "./mk": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/mk.js", "./mk.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/mk.js", "./ml": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ml.js", "./ml.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ml.js", "./mn": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/mn.js", "./mn.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/mn.js", "./mr": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/mr.js", "./mr.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/mr.js", "./ms": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ms.js", "./ms-my": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ms-my.js", "./ms-my.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ms-my.js", "./ms.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ms.js", "./mt": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/mt.js", "./mt.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/mt.js", "./my": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/my.js", "./my.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/my.js", "./nb": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/nb.js", "./nb.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/nb.js", "./ne": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ne.js", "./ne.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ne.js", "./nl": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/nl.js", "./nl-be": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/nl-be.js", "./nl-be.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/nl-be.js", "./nl.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/nl.js", "./nn": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/nn.js", "./nn.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/nn.js", "./oc-lnc": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/oc-lnc.js", "./oc-lnc.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/oc-lnc.js", "./pa-in": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/pa-in.js", "./pa-in.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/pa-in.js", "./pl": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/pl.js", "./pl.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/pl.js", "./pt": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/pt.js", "./pt-br": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/pt-br.js", "./pt-br.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/pt-br.js", "./pt.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/pt.js", "./ro": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ro.js", "./ro.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ro.js", "./ru": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ru.js", "./ru.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ru.js", "./sd": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/sd.js", "./sd.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/sd.js", "./se": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/se.js", "./se.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/se.js", "./si": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/si.js", "./si.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/si.js", "./sk": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/sk.js", "./sk.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/sk.js", "./sl": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/sl.js", "./sl.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/sl.js", "./sq": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/sq.js", "./sq.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/sq.js", "./sr": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/sr.js", "./sr-cyrl": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/sr-cyrl.js", "./sr-cyrl.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/sr-cyrl.js", "./sr.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/sr.js", "./ss": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ss.js", "./ss.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ss.js", "./sv": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/sv.js", "./sv.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/sv.js", "./sw": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/sw.js", "./sw.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/sw.js", "./ta": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ta.js", "./ta.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ta.js", "./te": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/te.js", "./te.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/te.js", "./tet": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/tet.js", "./tet.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/tet.js", "./tg": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/tg.js", "./tg.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/tg.js", "./th": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/th.js", "./th.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/th.js", "./tk": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/tk.js", "./tk.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/tk.js", "./tl-ph": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/tl-ph.js", "./tl-ph.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/tl-ph.js", "./tlh": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/tlh.js", "./tlh.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/tlh.js", "./tr": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/tr.js", "./tr.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/tr.js", "./tzl": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/tzl.js", "./tzl.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/tzl.js", "./tzm": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/tzm.js", "./tzm-latn": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/tzm-latn.js", "./tzm-latn.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/tzm-latn.js", "./tzm.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/tzm.js", "./ug-cn": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ug-cn.js", "./ug-cn.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ug-cn.js", "./uk": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/uk.js", "./uk.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/uk.js", "./ur": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ur.js", "./ur.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/ur.js", "./uz": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/uz.js", "./uz-latn": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/uz-latn.js", "./uz-latn.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/uz-latn.js", "./uz.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/uz.js", "./vi": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/vi.js", "./vi.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/vi.js", "./x-pseudo": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/x-pseudo.js", "./x-pseudo.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/x-pseudo.js", "./yo": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/yo.js", "./yo.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/yo.js", "./zh-cn": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/zh-cn.js", "./zh-cn.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/zh-cn.js", "./zh-hk": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/zh-hk.js", "./zh-hk.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/zh-hk.js", "./zh-mo": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/zh-mo.js", "./zh-mo.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/zh-mo.js", "./zh-tw": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/zh-tw.js", "./zh-tw.js": "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale/zh-tw.js" }; function webpackContext(req) { var id = webpackContextResolve(req); return __webpack_require__(id); } function webpackContextResolve(req) { if(!__webpack_require__.o(map, req)) { var e = new Error("Cannot find module '" + req + "'"); e.code = 'MODULE_NOT_FOUND'; throw e; } return map[req]; } webpackContext.keys = function webpackContextKeys() { return Object.keys(map); }; webpackContext.resolve = webpackContextResolve; module.exports = webpackContext; webpackContext.id = "https://assets.crowdpac.com/v2/production/all/shared/node_modules/moment/locale sync recursive ^\\.\\/.*$";var map = { "./AK": [ "./resources/js/social-feed/icons/states/AK.vue", 9, 49 ], "./AK.vue": [ "./resources/js/social-feed/icons/states/AK.vue", 9, 49 ], "./AL": [ "./resources/js/social-feed/icons/states/AL.vue", 9, 50 ], "./AL.vue": [ "./resources/js/social-feed/icons/states/AL.vue", 9, 50 ], "./AR": [ "./resources/js/social-feed/icons/states/AR.vue", 9, 51 ], "./AR.vue": [ "./resources/js/social-feed/icons/states/AR.vue", 9, 51 ], "./AZ": [ "./resources/js/social-feed/icons/states/AZ.vue", 9, 52 ], "./AZ.vue": [ "./resources/js/social-feed/icons/states/AZ.vue", 9, 52 ], "./CA": [ "./resources/js/social-feed/icons/states/CA.vue", 9, 53 ], "./CA.vue": [ "./resources/js/social-feed/icons/states/CA.vue", 9, 53 ], "./CO": [ "./resources/js/social-feed/icons/states/CO.vue", 9, 54 ], "./CO.vue": [ "./resources/js/social-feed/icons/states/CO.vue", 9, 54 ], "./CT": [ "./resources/js/social-feed/icons/states/CT.vue", 9, 55 ], "./CT.vue": [ "./resources/js/social-feed/icons/states/CT.vue", 9, 55 ], "./DC": [ "./resources/js/social-feed/icons/states/DC.vue", 9, 56 ], "./DC.vue": [ "./resources/js/social-feed/icons/states/DC.vue", 9, 56 ], "./DE": [ "./resources/js/social-feed/icons/states/DE.vue", 9, 57 ], "./DE.vue": [ "./resources/js/social-feed/icons/states/DE.vue", 9, 57 ], "./FL": [ "./resources/js/social-feed/icons/states/FL.vue", 9, 58 ], "./FL.vue": [ "./resources/js/social-feed/icons/states/FL.vue", 9, 58 ], "./GA": [ "./resources/js/social-feed/icons/states/GA.vue", 9, 59 ], "./GA.vue": [ "./resources/js/social-feed/icons/states/GA.vue", 9, 59 ], "./HI": [ "./resources/js/social-feed/icons/states/HI.vue", 9, 60 ], "./HI.vue": [ "./resources/js/social-feed/icons/states/HI.vue", 9, 60 ], "./IA": [ "./resources/js/social-feed/icons/states/IA.vue", 9, 61 ], "./IA.vue": [ "./resources/js/social-feed/icons/states/IA.vue", 9, 61 ], "./ID": [ "./resources/js/social-feed/icons/states/ID.vue", 9, 62 ], "./ID.vue": [ "./resources/js/social-feed/icons/states/ID.vue", 9, 62 ], "./IL": [ "./resources/js/social-feed/icons/states/IL.vue", 9, 63 ], "./IL.vue": [ "./resources/js/social-feed/icons/states/IL.vue", 9, 63 ], "./IN": [ "./resources/js/social-feed/icons/states/IN.vue", 9, 64 ], "./IN.vue": [ "./resources/js/social-feed/icons/states/IN.vue", 9, 64 ], "./KS": [ "./resources/js/social-feed/icons/states/KS.vue", 9, 65 ], "./KS.vue": [ "./resources/js/social-feed/icons/states/KS.vue", 9, 65 ], "./KY": [ "./resources/js/social-feed/icons/states/KY.vue", 9, 66 ], "./KY.vue": [ "./resources/js/social-feed/icons/states/KY.vue", 9, 66 ], "./LA": [ "./resources/js/social-feed/icons/states/LA.vue", 9, 67 ], "./LA.vue": [ "./resources/js/social-feed/icons/states/LA.vue", 9, 67 ], "./MA": [ "./resources/js/social-feed/icons/states/MA.vue", 9, 68 ], "./MA.vue": [ "./resources/js/social-feed/icons/states/MA.vue", 9, 68 ], "./MD": [ "./resources/js/social-feed/icons/states/MD.vue", 9, 69 ], "./MD.vue": [ "./resources/js/social-feed/icons/states/MD.vue", 9, 69 ], "./ME": [ "./resources/js/social-feed/icons/states/ME.vue", 9, 70 ], "./ME.vue": [ "./resources/js/social-feed/icons/states/ME.vue", 9, 70 ], "./MI": [ "./resources/js/social-feed/icons/states/MI.vue", 9, 71 ], "./MI.vue": [ "./resources/js/social-feed/icons/states/MI.vue", 9, 71 ], "./MN": [ "./resources/js/social-feed/icons/states/MN.vue", 9, 72 ], "./MN.vue": [ "./resources/js/social-feed/icons/states/MN.vue", 9, 72 ], "./MO": [ "./resources/js/social-feed/icons/states/MO.vue", 9, 73 ], "./MO.vue": [ "./resources/js/social-feed/icons/states/MO.vue", 9, 73 ], "./MS": [ "./resources/js/social-feed/icons/states/MS.vue", 9, 74 ], "./MS.vue": [ "./resources/js/social-feed/icons/states/MS.vue", 9, 74 ], "./MT": [ "./resources/js/social-feed/icons/states/MT.vue", 9, 75 ], "./MT.vue": [ "./resources/js/social-feed/icons/states/MT.vue", 9, 75 ], "./NC": [ "./resources/js/social-feed/icons/states/NC.vue", 9, 76 ], "./NC.vue": [ "./resources/js/social-feed/icons/states/NC.vue", 9, 76 ], "./ND": [ "./resources/js/social-feed/icons/states/ND.vue", 9, 77 ], "./ND.vue": [ "./resources/js/social-feed/icons/states/ND.vue", 9, 77 ], "./NE": [ "./resources/js/social-feed/icons/states/NE.vue", 9, 78 ], "./NE.vue": [ "./resources/js/social-feed/icons/states/NE.vue", 9, 78 ], "./NH": [ "./resources/js/social-feed/icons/states/NH.vue", 9, 79 ], "./NH.vue": [ "./resources/js/social-feed/icons/states/NH.vue", 9, 79 ], "./NJ": [ "./resources/js/social-feed/icons/states/NJ.vue", 9, 80 ], "./NJ.vue": [ "./resources/js/social-feed/icons/states/NJ.vue", 9, 80 ], "./NM": [ "./resources/js/social-feed/icons/states/NM.vue", 9, 81 ], "./NM.vue": [ "./resources/js/social-feed/icons/states/NM.vue", 9, 81 ], "./NV": [ "./resources/js/social-feed/icons/states/NV.vue", 9, 82 ], "./NV.vue": [ "./resources/js/social-feed/icons/states/NV.vue", 9, 82 ], "./NY": [ "./resources/js/social-feed/icons/states/NY.vue", 9, 83 ], "./NY.vue": [ "./resources/js/social-feed/icons/states/NY.vue", 9, 83 ], "./OH": [ "./resources/js/social-feed/icons/states/OH.vue", 9, 84 ], "./OH.vue": [ "./resources/js/social-feed/icons/states/OH.vue", 9, 84 ], "./OK": [ "./resources/js/social-feed/icons/states/OK.vue", 9, 85 ], "./OK.vue": [ "./resources/js/social-feed/icons/states/OK.vue", 9, 85 ], "./OR": [ "./resources/js/social-feed/icons/states/OR.vue", 9, 86 ], "./OR.vue": [ "./resources/js/social-feed/icons/states/OR.vue", 9, 86 ], "./PA": [ "./resources/js/social-feed/icons/states/PA.vue", 9, 87 ], "./PA.vue": [ "./resources/js/social-feed/icons/states/PA.vue", 9, 87 ], "./RI": [ "./resources/js/social-feed/icons/states/RI.vue", 9, 88 ], "./RI.vue": [ "./resources/js/social-feed/icons/states/RI.vue", 9, 88 ], "./SC": [ "./resources/js/social-feed/icons/states/SC.vue", 9, 89 ], "./SC.vue": [ "./resources/js/social-feed/icons/states/SC.vue", 9, 89 ], "./SD": [ "./resources/js/social-feed/icons/states/SD.vue", 9, 90 ], "./SD.vue": [ "./resources/js/social-feed/icons/states/SD.vue", 9, 90 ], "./TN": [ "./resources/js/social-feed/icons/states/TN.vue", 9, 91 ], "./TN.vue": [ "./resources/js/social-feed/icons/states/TN.vue", 9, 91 ], "./TX": [ "./resources/js/social-feed/icons/states/TX.vue", 9, 92 ], "./TX.vue": [ "./resources/js/social-feed/icons/states/TX.vue", 9, 92 ], "./USA.svg": [ "./resources/js/social-feed/icons/states/USA.svg", 7, 172 ], "./UT": [ "./resources/js/social-feed/icons/states/UT.vue", 9, 93 ], "./UT.vue": [ "./resources/js/social-feed/icons/states/UT.vue", 9, 93 ], "./VA": [ "./resources/js/social-feed/icons/states/VA.vue", 9, 94 ], "./VA.vue": [ "./resources/js/social-feed/icons/states/VA.vue", 9, 94 ], "./VT": [ "./resources/js/social-feed/icons/states/VT.vue", 9, 95 ], "./VT.vue": [ "./resources/js/social-feed/icons/states/VT.vue", 9, 95 ], "./WA": [ "./resources/js/social-feed/icons/states/WA.vue", 9, 96 ], "./WA.vue": [ "./resources/js/social-feed/icons/states/WA.vue", 9, 96 ], "./WI": [ "./resources/js/social-feed/icons/states/WI.vue", 9, 97 ], "./WI.vue": [ "./resources/js/social-feed/icons/states/WI.vue", 9, 97 ], "./WV": [ "./resources/js/social-feed/icons/states/WV.vue", 9, 98 ], "./WV.vue": [ "./resources/js/social-feed/icons/states/WV.vue", 9, 98 ], "./WY": [ "./resources/js/social-feed/icons/states/WY.vue", 9, 99 ], "./WY.vue": [ "./resources/js/social-feed/icons/states/WY.vue", 9, 99 ] }; function webpackAsyncContext(req) { if(!__webpack_require__.o(map, req)) { return Promise.resolve().then(function() { var e = new Error("Cannot find module '" + req + "'"); e.code = 'MODULE_NOT_FOUND'; throw e; }); } var ids = map[req], id = ids[0]; return __webpack_require__.e(ids[2]).then(function() { return __webpack_require__.t(id, ids[1]) }); } webpackAsyncContext.keys = function webpackAsyncContextKeys() { return Object.keys(map); }; webpackAsyncContext.id = "./resources/js/social-feed/icons/states lazy recursive ^\\.\\/.*$"; module.exports = webpackAsyncContext;/************************** UTILITIES ***************************/ .highlight-color { color: #ff4814 !important; } .yes-color { color: #4bb64b !important; } .no-color { color: #D92B22 !important; } .dark-color { color: #121212 !important; } .darkest { color: #121212 !important; } .bg-black { background: #000; } .default-color { color: #787878 !important; } .default-color.caret { border-top-color: #787878 !important; } .light-color { color: #fff !important; } .party-color { color: #121212; } .party-bg { background: #121212; } .bordered { border-bottom: solid 5px #121212; } .btn.btn-party { background: #121212; border-color: #121212; border-bottom-color: #000000; } .btn.btn-party:hover, .btn.btn-party.active, .btn.btn-party:active { background: #000000; border-color: #000000; } .btn.btn-party.disabled { color: #121212; background: #fff; } .scale .nav.nav-tabs.nav-scale-group li.active a { color: #121212; border-color: #121212; } .party-hover-border:hover, .party-hover-border:focus { border-color: #121212; } .party-100 .party-color { color: #1587D7; } .party-100 .party-bg { background: #1587D7; } .party-100 .bordered { border-bottom: solid 5px #1587D7; } .party-100 .btn.btn-party { background: #1587D7; border-color: #1587D7; border-bottom-color: #0c4d7a; } .party-100 .btn.btn-party:hover, .party-100 .btn.btn-party.active, .party-100 .btn.btn-party:active { background: #0c4d7a; border-color: #0c4d7a; } .party-100 .btn.btn-party.disabled { color: #1587D7; background: #fff; } .party-100 .scale .nav.nav-tabs.nav-scale-group li.active a { color: #1587D7; border-color: #1587D7; } .party-100 .party-hover-border:hover, .party-100 .party-hover-border:focus { border-color: #1587D7; } .party-200 .party-color { color: #d8171e; } .party-200 .party-bg { background: #d8171e; } .party-200 .bordered { border-bottom: solid 5px #d8171e; } .party-200 .btn.btn-party { background: #d8171e; border-color: #d8171e; border-bottom-color: #7c0d11; } .party-200 .btn.btn-party:hover, .party-200 .btn.btn-party.active, .party-200 .btn.btn-party:active { background: #7c0d11; border-color: #7c0d11; } .party-200 .btn.btn-party.disabled { color: #d8171e; background: #fff; } .party-200 .scale .nav.nav-tabs.nav-scale-group li.active a { color: #d8171e; border-color: #d8171e; } .party-200 .party-hover-border:hover, .party-200 .party-hover-border:focus { border-color: #d8171e; } .party-328 .party-color { color: #652290; } .party-328 .party-bg { background: #652290; } .party-328 .bordered { border-bottom: solid 5px #652290; } .party-328 .btn.btn-party { background: #652290; border-color: #652290; border-bottom-color: #2b0f3d; } .party-328 .btn.btn-party:hover, .party-328 .btn.btn-party.active, .party-328 .btn.btn-party:active { background: #2b0f3d; border-color: #2b0f3d; } .party-328 .btn.btn-party.disabled { color: #652290; background: #fff; } .party-328 .scale .nav.nav-tabs.nav-scale-group li.active a { color: #652290; border-color: #652290; } .party-328 .party-hover-border:hover, .party-328 .party-hover-border:focus { border-color: #652290; } .party-400 .party-color { color: #4bb64b; } .party-400 .party-bg { background: #4bb64b; } .party-400 .bordered { border-bottom: solid 5px #4bb64b; } .party-400 .btn.btn-party { background: #4bb64b; border-color: #4bb64b; border-bottom-color: #2d6e2d; } .party-400 .btn.btn-party:hover, .party-400 .btn.btn-party.active, .party-400 .btn.btn-party:active { background: #2d6e2d; border-color: #2d6e2d; } .party-400 .btn.btn-party.disabled { color: #4bb64b; background: #fff; } .party-400 .scale .nav.nav-tabs.nav-scale-group li.active a { color: #4bb64b; border-color: #4bb64b; } .party-400 .party-hover-border:hover, .party-400 .party-hover-border:focus { border-color: #4bb64b; } .party-500 .party-color { color: #f0c330; } .party-500 .party-bg { background: #f0c330; } .party-500 .bordered { border-bottom: solid 5px #f0c330; } .party-500 .btn.btn-party { background: #f0c330; border-color: #f0c330; border-bottom-color: #ad880d; } .party-500 .btn.btn-party:hover, .party-500 .btn.btn-party.active, .party-500 .btn.btn-party:active { background: #ad880d; border-color: #ad880d; } .party-500 .btn.btn-party.disabled { color: #f0c330; background: #fff; } .party-500 .scale .nav.nav-tabs.nav-scale-group li.active a { color: #f0c330; border-color: #f0c330; } .party-500 .party-hover-border:hover, .party-500 .party-hover-border:focus { border-color: #f0c330; } .party-600 .party-color { color: #89744b; } .party-600 .party-bg { background: #89744b; } .party-600 .bordered { border-bottom: solid 5px #89744b; } .party-600 .btn.btn-party { background: #89744b; border-color: #89744b; border-bottom-color: #473c27; } .party-600 .btn.btn-party:hover, .party-600 .btn.btn-party.active, .party-600 .btn.btn-party:active { background: #473c27; border-color: #473c27; } .party-600 .btn.btn-party.disabled { color: #89744b; background: #fff; } .party-600 .scale .nav.nav-tabs.nav-scale-group li.active a { color: #89744b; border-color: #89744b; } .party-600 .party-hover-border:hover, .party-600 .party-hover-border:focus { border-color: #89744b; } .vertical-black-gradient { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to bottom, rgba(18, 18, 18, 0) 0%, #121212 80%, #121212 98%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00121212', endColorstr='#121212', GradientType=0); /* IE6-9 */ } @font-face { font-family: 'fontello'; src: url('https://assets.crowdpac.com/v2/production/all/font/fontello.eot?73934584'); src: url('https://assets.crowdpac.com/v2/production/all/font/fontello.eot?73934584#iefix') format('embedded-opentype'), url('https://assets.crowdpac.com/v2/production/all/font/fontello.woff?73934584') format('woff'), url('https://assets.crowdpac.com/v2/production/all/font/fontello.ttf?73934584') format('truetype'), url('https://assets.crowdpac.com/v2/production/all/font/fontello.svg?73934584#fontello') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url('https://assets.crowdpac.com/v2/production/all/font/fontello.svg?73934584#fontello') format('svg'); } } */ [class^="fontello-"]:before, [class*=" fontello-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: 0.2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .fontello-user:before { content: '\E801'; } .fontello-bank:before { content: '\E804'; } /*--------------------------------------------------- LESS Elements 0.9 --------------------------------------------------- A set of useful LESS mixins More info at: http://lesselements.com ---------------------------------------------------*/ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn; } /* // watch for name collision with .scale below .scale(@ratio:1.5){ .transform(scale(@ratio)); } */ .vertical-align { position: relative; top: 50%; transform: translateY(-50%); } .ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .nowrap { white-space: nowrap; } /************************** TYPOGRAPHY STYLES ***************************/ .u-style-header { font-family: "acta-display", georgia, serif; font-weight: 700; color: #121212; } .u-font-tiny { font-size: 12px; } .u-font-extrasmall { font-size: 14px; } .u-font-small { font-size: 16px; } .u-font-mediumsmall { font-size: 18px; } .u-font-mediumsmallish { font-size: 20px; } .u-font-medium { font-size: 24px !important; } .u-font-large { font-size: 30px; } .u-font-extralarge { font-size: 38px; } .u-font-mega { font-size: 55px; } .u-fw-normal { font-weight: normal; } .u-tt-none { text-transform: none!important; } .u-tt-capitalize { text-transform: capitalize!important; } .u-text-bold { font-weight: 700 !important; } .u-text-normal { font-weight: 300 !important; } .t-amount { font-weight: 300 !important; color: #4bb64b !important; } .no-border { border: none!important; } .two-col { -moz-column-count: 2; -moz-column-gap: 25px; -webkit-column-count: 2; -webkit-column-gap: 25px; column-count: 2; column-gap: 25px; text-align: justify; } .ts-section-title { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 14px; letter-spacing: 1px; line-height: 1; text-transform: uppercase; } .ts-article-title { font-family: "rooney-web", georgia, serif; font-weight: 500; font-size: 18px; line-height: 1; } .ts-candidate-title { font-family: "acta-display", georgia, serif; font-weight: 700; font-size: 16px; letter-spacing: 1px; line-height: 20px; text-transform: uppercase; } .ts-candidate-title-alt { font-family: "rooney-web", georgia, serif; font-weight: 300; color: #121212; font-size: 16px; line-height: 1; } .ts-candidate-subtitle { font-family: "rooney-web", georgia, serif; font-weight: 300; font-size: 14px; line-height: 17px; color: #787878; } .ts-subtitle { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; color: #ff4814; font-size: 12px; line-height: 1; text-transform: uppercase; } .ts-intro-text { font-family: "acta-display", georgia, serif; font-weight: 700; font-size: 22px; line-height: 25px; color: #121212; } .ts-body { font-family: "rooney-web", georgia, serif; font-weight: 300; font-size: 14px; line-height: 21px; color: #787878; } .ts-secondary { font-family: "rooney-web", georgia, serif; font-weight: 300; font-size: 12px; line-height: 16px; color: #787878; } .ts-tag { color: #787878; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; text-decoration: underline!important; } .ts-tag:link, .ts-tag:visited, .ts-tag:focus, .ts-tag:hover, .ts-tag:active { color: #787878; } .ts-tag:hover { text-decoration: none!important; } .ts-link { font-family: "rooney-web", georgia, serif; font-weight: 300; font-size: 14px; line-height: 21px; color: #787878; } .ts-link:hover { text-decoration: underline; } .ts-nav { font-family: "rooney-web", georgia, serif; font-weight: 300; font-size: 14px; color: #121212; } .ts-nav:hover { color: #ff4814; } .ts-nav.active { color: #ff4814; } /* default HTML elements */ body { font-family: "rooney-web", georgia, serif; font-weight: 300; font-size: 14px; line-height: 21px; color: #787878; position: relative; } a, a:link, a:visited, a:focus, a:hover, a:active { color: #121212; text-decoration: none; } .no-touch .underline-hover:hover { text-decoration: underline; } a.default-link { color: #ff4814; text-decoration: underline; } a.default-link:link, a.default-link:visited { color: #ff4814; text-decoration: underline; } a.default-link:focus, a.default-link:hover, a.default-link:active { color: #121212; text-decoration: none; } .text-white { color: white; } a.black:focus, a.black:hover, a.black:active { color: #ff4814; } a.grey { color: #787878; } a.grey:link, a.grey:visited, a.grey:focus, a.grey:hover, a.grey:active { color: #787878; } a.grey:hover { color: #ff4814; } a.grey.active { color: #ff4814; text-decoration: underline; } .no-touch a.underline-hover:hover { text-decoration: underline; } a.underline-link:link, a.underline-link:visited, a.underline-link:hover, a.underline-link:active { text-decoration: underline; } .link-dashed { border-bottom: dashed 1px #ff4814; } ul.split-list { display: flex; flex-wrap: wrap; margin-left: 0; } @media (max-width: 414px) { ul.split-list { overflow: visible; width: 1ch; } } ul.split-list > li { flex-basis: calc(50% - 1em); margin-left: 1em; min-width: 30ch; } p { font-family: "rooney-web", georgia, serif; font-weight: 300; font-size: 14px; line-height: 21px; color: #787878; } p.lead { font-family: "acta-display", georgia, serif; font-weight: 700; font-size: 22px; line-height: 25px; color: #121212; font-size: 18px; line-height: 1.2; } p.no-margin { margin-bottom: 0; } p.tight { margin-bottom: 5px; } p a:link, p a:visited { color: #ff4814; text-decoration: none; } p a:focus, p a:hover, p a:active { color: #121212; text-decoration: none; } p.small { color: #e6e6e6; line-height: 1.2; font-size: 12px; } label.checkbox.explainer { line-height: 1.5; } h1, h2, h3, h4, h5, h6 { margin-top: 0; font-weight: 300; line-height: 1.2; } sup { top: -0.35em; } hr.short-border { height: 5px; width: 28%; border: none; margin: 0; } hr.short-thin { height: 1px; border: none; background: #e6e6e6; max-width: 300px; margin-left: auto; margin-right: auto; } hr.shorter { max-width: 140px; } hr.hr-left { margin-left: 0; } hr.hr-right { margin-right: 0; } hr.simple-rule { border: 0 solid; border-width: 1px 0 0; opacity: 0.33; margin: 1.2em 0; } .center { text-align: center; } .align-right { text-align: right!important; } .align-left { text-align: left; } .hidden { display: none!important; } .table th { font-weight: 500; } .opacity-hover:hover { opacity: 0.8; } .table.table-without-top-border > :first-child > tr:first-child > * { border-top: 0; } .table.table-loose > * > tr > td { padding: 0.8em 0; } .label-tiny { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 12px; line-height: 1.1; } .label-extrasmall { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 14px; line-height: 1.2; } .label-small { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 16px; } .label-small.form-field { font-weight: 700; color: #121212; } .label-medium { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 24px !important; } .header-label { font-size: 16px; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; } .header-small { font-family: "acta-display", georgia, serif; font-weight: 700; color: #121212; font-size: 16px; } .header-mediumsmall { font-family: "acta-display", georgia, serif; font-weight: 700; color: #121212; font-size: 18px; } .header-medium { font-family: "acta-display", georgia, serif; font-weight: 700; color: #121212; font-size: 24px; } .header-large { font-family: "acta-display", georgia, serif; font-weight: 700; color: #121212; font-size: 30px; } .header-extralarge { font-family: "acta-display", georgia, serif; font-weight: 700; color: #121212; font-size: 38px; } .header-mega { font-family: "acta-display", georgia, serif; font-weight: 700; color: #121212; font-size: 55px; } .header-home-title { font-family: "acta-display", georgia, serif; font-weight: 700; color: #121212; font-size: 58px; } .lighter-header { font-family: "acta-display", georgia, serif; font-weight: normal; color: black; font-size: 28px; line-height: 1.2; } .header-stretched { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; letter-spacing: 4px; font-size: 16px; text-transform: uppercase; } .lockup { margin-bottom: -5px; } .lockup-tight { margin-bottom: -15px; } .sub-header { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 16px; padding: 9px 0 0; text-align: center; line-height: 1; margin: 0; color: #787878; } .sub-header.form-field { font-weight: 700; color: #121212; } .underline-on-hover:link, .underline-on-hover:active, .underline-on-hover:visited { text-decoration: none; } .underline-on-hover:hover { text-decoration: underline; } .sub-header a, .sub-header a:link, .sub-header a:active, .sub-header a:visited { color: #787878; text-decoration: underline; } .sub-header a:hover { color: #121212; } .headline { font-family: "acta-display", georgia, serif; font-weight: 400; letter-spacing: 1px; font-size: 40px; color: #121212; text-align: left; margin: 50px 0 50px; } .headline strong { font-family: "acta-display", georgia, serif; font-weight: 700; } .headline-serif { font-family: "rooney-web", georgia, serif; font-weight: 300; font-size: 40px; color: #121212; margin: 0 0 10px; line-height: 1; } .headline-serif strong { font-family: "rooney-web", georgia, serif; font-weight: 500; } .headline-serif.headline-serif-small { font-size: 20px; color: #787878; } .headline-serif.headline-serif-small a { color: #787878; } .headline-serif.headline-serif-small a:hover { color: #ff4814; } .headline-modal { font-family: "rooney-web", georgia, serif; font-weight: 300; font-size: 35px; color: #121212; line-height: 1.1; margin: 0 0 20px; } .headline-chunky { font-family: "rooney-web", georgia, serif; font-weight: 300; font-size: 40px; color: #121212; margin: 0 0 10px; line-height: 1; margin: 0 0 20px; } .headline-chunky strong { font-family: "rooney-web", georgia, serif; font-weight: 500; } .headline-chunky.headline-serif-small { font-size: 20px; color: #787878; } .headline-chunky.headline-serif-small a { color: #787878; } .headline-chunky.headline-serif-small a:hover { color: #ff4814; } .headline-chunky.u-font-mediumsmallish { font-size: 20px; } .headline-chunky-small { font-size: 32px; } .headline-chunky-medium { font-family: "rooney-web", georgia, serif; font-weight: 300; font-size: 40px; color: #121212; margin: 0 0 10px; line-height: 1; line-height: 1.2; margin: 0 0 20px; font-size: 30px; } .headline-chunky-medium strong { font-family: "rooney-web", georgia, serif; font-weight: 500; } .headline-chunky-medium.headline-serif-small { font-size: 20px; color: #787878; } .headline-chunky-medium.headline-serif-small a { color: #787878; } .headline-chunky-medium.headline-serif-small a:hover { color: #ff4814; } .wf-loading .headline { font-weight: normal; } .title-intro { font-family: "rooney-web", georgia, serif; font-weight: 300; margin-top: 0; font-size: 30px; } .intro { font-size: 18px; margin-bottom: 42px; } .intro-text, .intro-text p { font-size: 20px; line-height: 1.3; } .intro-btns { margin: 0 0 42px; } .intro-btns .right-btn { float: right; width: 180px; } .p-chunky { font-size: 18px; line-height: 1.3; margin-bottom: 20px; } .content-chunky { font-size: 18px; line-height: 1.3; margin-bottom: 20px; } .content-chunky p { font-size: 18px; line-height: 1.3; margin-bottom: 20px; } .content-chunky ul li, .content-chunky ol li { font-size: 18px; line-height: 1.3; margin-bottom: 20px; margin-bottom: 4px; } .content-chunky a { color: #ff4814; } .content-chunky a:link, .content-chunky a:visited, .content-chunky a:focus, .content-chunky a:hover, .content-chunky a:active { color: #ff4814; } .content-light { color: #787878; font-size: 17px; line-height: 1.5; } .content-light p, .content-light ul, .content-light ol, .content-light li { color: inherit; font-size: inherit; line-height: inherit; } .content-light a:hover { text-decoration: underline; } .content-light strong { font-weight: 500; } .title { font-family: "acta-display", georgia, serif; font-weight: 700; font-size: 16px; letter-spacing: 1px; line-height: 20px; text-transform: uppercase; text-transform: none; font-size: 42px; line-height: 1.2; margin: 0 0 12px; color: #121212; } .title.title-smaller { font-size: 28px; } .title-text { font-family: "acta-display", georgia, serif; font-weight: 700; color: #121212; line-height: 1.15; } .title-text-bottom-margin { margin-top: 0; } .title-with-badge { font-size: 20px; padding-left: 5px; } .pretitle { margin: 0; color: #121212; font-family: "rooney-web", georgia, serif; font-weight: 300; font-style: italic; font-size: 16px; } .pretitle strong { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; font-style: normal; letter-spacing: 0.05em; text-transform: uppercase; } .pretitle-small { font-size: 14px; } .subtitle { font-family: "rooney-web", georgia, serif; font-weight: 300; font-size: 14px; line-height: 17px; font-size: 18px; line-height: 1; margin: 0; color: #787878; } .subtitle .election-link { color: #787878; text-decoration: underline; } .subtitle .election-link:link, .subtitle .election-link:visited, .subtitle .election-link:focus, .subtitle .election-link:hover, .subtitle .election-link:active { color: #787878; } .subtitle .election-link:hover { text-decoration: none; } .subtitle-explainer { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; color: #121212; font-size: 24px; margin-top: 0; } .subtitle-explainer strong { text-decoration: underline; } .subtitle-wide { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; color: #ff4814; font-size: 12px; line-height: 1; text-transform: uppercase; font-size: 20px; letter-spacing: 2px; } .sans { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; } .spotlight { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; } .subhead-font { font-family: "rooney-web", georgia, serif; font-weight: 300; font-size: 14px; line-height: 21px; color: #787878; } .page-header { margin: 0; padding: 15px 0; border: none; } .page-header .title { margin: 0; } .page-header .header-share { margin-top: -5px; } .read-more, .read-less { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 16px; } .read-more.form-field, .read-less.form-field { font-weight: 700; color: #121212; } .read-more a, .read-less a { display: block; margin-top: 10px; } .big-badge-number { font-family: "acta-display", georgia, serif; font-weight: 700; font-size: 22px; line-height: 25px; color: #121212; letter-spacing: 0; color: #fff; background: #ff4814; padding-left: 6px; padding-right: 6px; width: 17px; border-radius: 15px; text-align: center; } .tag { color: #787878; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; text-decoration: underline!important; } .tag:link, .tag:visited, .tag:focus, .tag:hover, .tag:active { color: #787878; } .tag:hover { text-decoration: none!important; } .small-text { font-size: 85%; line-height: 1.2; } .explainer { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; line-height: 1.2; color: #121212; } .explainer.muted { color: #e6e6e6; } .explainer.muted-less { color: #787878; } .explainer p { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; line-height: 1.2; color: #121212; } .explainer p.muted { color: #e6e6e6; } .explainer p.muted-less { color: #787878; } .p-big p, .p-big li { font-size: 16px; line-height: 1.5; } .null-state p { font-style: italic; font-size: 13px; line-height: 1.2; color: #e6e6e6; } .not-available { padding: 15px; background: #f8f8f8; border: solid 1px #e6e6e6; text-align: center; display: flex; -webkit-align-items: center; -webkit-justify-content: center; align-items: center; justify-content: center; } .center-text { text-align: center; } .left-text { text-align: left; } .form-req-label { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 14px; } .u-nowrap { white-space: nowrap; } /**************************************/ /**************************************/ /**************************************/ /**************************************/ /* Media Queries */ /**************************************/ @media only screen and (min-width: 980px) { .align-left-lg { text-align: left; } .align-center-lg { text-align: center; } .align-right-lg { text-align: right; } } @media only screen and (max-width: 979px) { .header-medium { font-family: "acta-display", georgia, serif; font-weight: 700; color: #121212; font-size: 16px; } } @media only screen and (max-width: 979px) and (min-width: 768px) { .align-left-md { text-align: left; } .align-center-md { text-align: center; } .align-right-md { text-align: right; } .u-font-extrasmall-md { font-size: 14px !important; } } @media only screen and (max-width: 767px) { .header-mega { font-family: "acta-display", georgia, serif; font-weight: 700; color: #121212; font-size: 38px; } .header-home-title { font-family: "acta-display", georgia, serif; font-weight: 700; color: #121212; font-size: 38px; } .header-stretched { font-size: 15px; letter-spacing: 5px; } } @media only screen and (max-width: 479px) { .header-extralarge { font-size: 30px; } } @media only screen and (max-width: 449px) { .header-home-title { font-family: "acta-display", georgia, serif; font-weight: 700; color: #121212; font-size: 30px; } .header-stretched { font-size: 13px; letter-spacing: 3px; } } @media only screen and (max-width: 339px) { .header-home-title { font-family: "acta-display", georgia, serif; font-weight: 700; color: #121212; font-size: 24px; } .header-stretched { letter-spacing: 2px; } } .title-1 { font-family: "acta-display", georgia, serif; font-size: 50px; font-weight: 700; line-height: 1.1; } @media only screen and (max-width: 768px) { .title-1 { font-size: 26px; line-height: 1.2; } } .title-2 { font-family: "acta-display", georgia, serif; font-size: 42px; font-weight: 700; line-height: 1.1; } @media only screen and (max-width: 768px) { .title-2 { font-size: 26px; line-height: 1.2; } } .title-3 { font-family: "acta-display", georgia, serif; font-weight: 700; font-size: 32px; font-weight: 300; line-height: 1.1; } @media only screen and (max-width: 768px) { .title-3 { font-size: 26px; line-height: 1.2; } } .heading-1 { font-family: "rooney-web", georgia, serif; font-size: 28px; font-weight: 300; } .heading-2 { font-family: "rooney-web", georgia, serif; font-size: 20px; font-weight: 300; line-height: 1.2; } .heading-3 { font-family: "rooney-web", georgia, serif; font-size: 18px; font-weight: 300; line-height: 1.2; color: #787878; } .heading-4 { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 24px; color: #ff4814; } .heading-5 { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 14px; font-weight: 800; text-transform: uppercase; } .content-1 { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 16px; color: #787878; } @media only screen and (max-width: 768px) { .content-1 { font-size: 15px; } } .content-2 { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 16px; font-weight: 600; } @media only screen and (max-width: 768px) { .content-2 { font-size: 15px; } } .content-3 { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 14px; color: #787878; line-height: 1.2; } .content-4 { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 14px; font-weight: 600; line-height: 1; } .content-5 { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 20px; font-weight: 600; line-height: 1; } .content-7 { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 16px; font-weight: 300; line-height: 1; } .content-9 { color: #ff301c; font-size: 14px; font-weight: 300; } a.unstyled { color: inherit; } button.like-link { background: transparent; border: 0; color: #ff4814; font: inherit; margin: 0; padding: 0; } button.like-link:hover { text-decoration: underline; } .text-center { text-align: center; } .color-orange { color: #ff4814; } .color-black { color: #000; } /************************** LAYOUT (mostly margins - with some grid action thrown in - including mobile grid ***************************/ html:not(.is-logged-in) .show-if-logged-in, html:not(.is-logged-out) .show-if-logged-out { display: none; } body { overflow-x: hidden; } .m-none, .no-margin { margin: 0!important; } .p-none { padding: 0!important; } .m-bottom-none { margin-bottom: 0!important; } .m-top-none { margin-top: 0!important; } .m, .p { margin-bottom: 10px; } .m-tiny, .p-half { margin-bottom: 5px; } .m-medium, .p-extra { margin-bottom: 24px; } .m-large { margin-bottom: 30px; } .m-extralarge { margin-bottom: 38px; } .m-mega, .p-mega { margin-bottom: 50px; } .p-ultra { padding-bottom: 65px; } .m-ultra { margin-bottom: 65px; } .m-top-ultra { margin-top: 65px; } .m-top-micro, .p-top-micro { margin-top: 2px; } .m-top-tiny { margin-top: 5px; } .p-top-tiny { padding-top: 5px; } .m-top-extrasmall { margin-top: 14px; } .m-top-mediumsmall { margin-top: 18px; } .m-mediumsmall { margin-bottom: 18px; } .m-top, .p-top { margin-top: 10px; } .m-top-medium { margin-top: 24px; } .m-top-large, .p-top-triple { margin-top: 30px; } .m-top-extralarge { margin-top: 38px; } .m-top-mega, .p-top-quintuple { margin-top: 55px; } .m-bottom-mega { margin-bottom: 55px; } .m-bottom-small, .p-bottom-small { margin-bottom: 16px; } .m-bottom-extrasmall { margin-bottom: 14px; } .m-bottom-double { margin-bottom: 20px; } .m-top-double { margin-top: 20px; } .m-top-triple { margin-top: 30px; } .m-left { margin-left: 10px; } .m-left-medium { margin-left: 24px; } .m-left-none { margin-left: 0px; } .m-right-none { margin-right: 0px; } .m-right-ten { margin-right: 10px; } .m-right-small { margin-right: 16px; } .m-right-medium { margin-right: 24px; } .p-twenty { padding: 20px; } .m-right { margin-right: 10px; } .m-left { margin-left: 10px; } .p-left-none { padding-left: 0!important; } .p-right-none { padding-right: 0!important; } .centered-section { width: 65%; margin-left: auto; margin-right: auto; } .row-tight { padding-bottom: 10px; } .row-tight input, .row-tight select, .row-tight .control-group { margin-bottom: 0!important; } .f-4-then-2 .f { float: left; width: 24%; margin-right: 1%; } .media-spaced > .pull-left { margin-right: 20px; } .media-spaced > .pull-right { margin-left: 20px; } .media-object-empty { width: 70px; height: 70px; } .image-render-sharp { image-rendering: optimizeSpeed; /* */ image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */ image-rendering: optimize-contrast; /* CSS3 Proposed */ -ms-interpolation-mode: nearest-neighbor; /* IE8+ */ } .v-hidden { visibility: hidden; } .height-full { height: 100%; } .width-full { width: 100%!important; } @media only screen and (min-width: 980px) { .main.main-thinner { width: 670px; } .side.side-thicker { width: 230px; margin-left: 40px; } } @media only screen and (max-width: 767px) { body { padding: 0; } .container { padding-left: 10px; padding-right: 10px; } .column-mobile-left, .column-mobile-right { width: 48%; float: left; } .column-mobile-right { float: right; } .sm-m { margin-bottom: 10px; } .sm-m-tiny { margin-bottom: 5px; } .sm-m-medium { margin-bottom: 24px; } .sm-m-top-large { margin-top: 30px !important; } .sm-m-large { margin-bottom: 30px !important; } .row-fluid.row-fluid-mobile { width: 100%; *zoom: 1; } .row-fluid.row-fluid-mobile:before, .row-fluid.row-fluid-mobile:after { display: table; line-height: 0; content: ""; } .row-fluid.row-fluid-mobile:after { clear: both; } .row-fluid.row-fluid-mobile [class*="span"] { display: block; float: left; width: 100%; min-height: 30px; margin-left: 2.76243094%; *margin-left: 2.70923945%; box-sizing: border-box; } .row-fluid.row-fluid-mobile [class*="span"]:first-child { margin-left: 0; } .row-fluid.row-fluid-mobile .controls-row [class*="span"] + [class*="span"] { margin-left: 2.76243094%; } .row-fluid.row-fluid-mobile .span12 { width: 100%; *width: 99.94680851%; } .row-fluid.row-fluid-mobile .span11 { width: 91.43646409%; *width: 91.3832726%; } .row-fluid.row-fluid-mobile .span10 { width: 82.87292818%; *width: 82.81973669%; } .row-fluid.row-fluid-mobile .span9 { width: 74.30939227%; *width: 74.25620078%; } .row-fluid.row-fluid-mobile .span8 { width: 65.74585635%; *width: 65.69266486%; } .row-fluid.row-fluid-mobile .span7 { width: 57.18232044%; *width: 57.12912895%; } .row-fluid.row-fluid-mobile .span6 { width: 48.61878453%; *width: 48.56559304%; } .row-fluid.row-fluid-mobile .span5 { width: 40.05524862%; *width: 40.00205713%; } .row-fluid.row-fluid-mobile .span4 { width: 31.49171271%; *width: 31.43852122%; } .row-fluid.row-fluid-mobile .span3 { width: 22.9281768%; *width: 22.87498531%; } .row-fluid.row-fluid-mobile .span2 { width: 14.36464088%; *width: 14.31144939%; } .row-fluid.row-fluid-mobile .span1 { width: 5.80110497%; *width: 5.74791348%; } .row-fluid.row-fluid-mobile .offset12 { margin-left: 105.52486188%; *margin-left: 105.4184789%; } .row-fluid.row-fluid-mobile .offset12:first-child { margin-left: 102.76243094%; *margin-left: 102.65604796%; } .row-fluid.row-fluid-mobile .offset11 { margin-left: 96.96132597%; *margin-left: 96.85494299%; } .row-fluid.row-fluid-mobile .offset11:first-child { margin-left: 94.19889503%; *margin-left: 94.09251205%; } .row-fluid.row-fluid-mobile .offset10 { margin-left: 88.39779006%; *margin-left: 88.29140708%; } .row-fluid.row-fluid-mobile .offset10:first-child { margin-left: 85.63535912%; *margin-left: 85.52897614%; } .row-fluid.row-fluid-mobile .offset9 { margin-left: 79.83425414%; *margin-left: 79.72787116%; } .row-fluid.row-fluid-mobile .offset9:first-child { margin-left: 77.0718232%; *margin-left: 76.96544023%; } .row-fluid.row-fluid-mobile .offset8 { margin-left: 71.27071823%; *margin-left: 71.16433525%; } .row-fluid.row-fluid-mobile .offset8:first-child { margin-left: 68.50828729%; *margin-left: 68.40190431%; } .row-fluid.row-fluid-mobile .offset7 { margin-left: 62.70718232%; *margin-left: 62.60079934%; } .row-fluid.row-fluid-mobile .offset7:first-child { margin-left: 59.94475138%; *margin-left: 59.8383684%; } .row-fluid.row-fluid-mobile .offset6 { margin-left: 54.14364641%; *margin-left: 54.03726343%; } .row-fluid.row-fluid-mobile .offset6:first-child { margin-left: 51.38121547%; *margin-left: 51.27483249%; } .row-fluid.row-fluid-mobile .offset5 { margin-left: 45.5801105%; *margin-left: 45.47372752%; } .row-fluid.row-fluid-mobile .offset5:first-child { margin-left: 42.81767956%; *margin-left: 42.71129658%; } .row-fluid.row-fluid-mobile .offset4 { margin-left: 37.01657459%; *margin-left: 36.91019161%; } .row-fluid.row-fluid-mobile .offset4:first-child { margin-left: 34.25414365%; *margin-left: 34.14776067%; } .row-fluid.row-fluid-mobile .offset3 { margin-left: 28.45303867%; *margin-left: 28.3466557%; } .row-fluid.row-fluid-mobile .offset3:first-child { margin-left: 25.69060773%; *margin-left: 25.58422476%; } .row-fluid.row-fluid-mobile .offset2 { margin-left: 19.88950276%; *margin-left: 19.78311978%; } .row-fluid.row-fluid-mobile .offset2:first-child { margin-left: 17.12707182%; *margin-left: 17.02068884%; } .row-fluid.row-fluid-mobile .offset1 { margin-left: 11.32596685%; *margin-left: 11.21958387%; } .row-fluid.row-fluid-mobile .offset1:first-child { margin-left: 8.56353591%; *margin-left: 8.45715293%; } } /************************** FLEXBOX HELPERS ***************************/ .display-flex { display: flex; } .flex-center { -webkit-align-items: center; -webkit-justify-content: center; align-items: center; justify-content: center; } .flex-align-center { align-items: center; } .flex-align-top { align-items: top; } .flex-space-between { justify-content: space-between; } .flex-justify-end { justify-content: flex-end; } .flex-none { flex: none; } .flex-direction-column { flex-direction: column; } .flex-direction-row { flex-direction: row; } .flex-wrap { flex-wrap: wrap; } .flex-align-self-center { align-self: center; } .flexlist { display: flex; flex-wrap: wrap; } .flexlist-item { width: 25%; } .flexmedia-top { display: flex; align-items: top; } .flexmedia { display: flex; align-items: center; margin: 10px; } .flexmedia .flexmedia-left { margin-right: 10px; flex: none; } .flexmedia .flexmedia-right { margin-left: 10px; flex: none; } .flex-dont-shrink { flex-shrink: 0; } .has-flexmedia-right { justify-content: space-between; } .flexmedia-center { -webkit-align-items: center; -webkit-justify-content: center; align-items: center; justify-content: center; } .flexmedia-link:hover .media-heading { color: #ff4814; } .flex-media-card { display: flex; -webkit-align-items: top; -webkit-justify-content: center; align-items: top; justify-content: center; } .flex-media-card img { margin-right: 20px; height: 120px; } @media only screen and (max-width: 767px) { .flex-media-card { display: block; text-align: center; } .flex-media-card img { height: auto; margin: 0 0 10px; } } .flex-grid { display: flex; flex-wrap: wrap; margin: 0 -10px; } .flex-grid--no-margins { margin-bottom: -10px; margin-top: -10px; } .flex-grid--centered { justify-content: center; } .flex-grid--justified { justify-content: space-between; } @media (max-width: 767px) { .flex-grid--scroll-on-mobile { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; -webkit-overflow-scrolling: touch; } } .flex-grid > * { box-sizing: border-box; flex-shrink: 0; margin: 10px; } .flex-grid > *.flex-grid__fill { flex-grow: 1; } .flex-grid--1-columns > * { width: 58.33333333px; } .flex-grid--2-columns > * { width: 136.66666667px; } .flex-grid--3-columns > * { width: 215px; } .flex-grid--4-columns > * { width: 293.33333333px; } .flex-grid--5-columns > * { width: 371.66666667px; } .flex-grid--6-columns > * { width: 450px; } .flex-grid--7-columns > * { width: 528.33333333px; } .flex-grid--8-columns > * { width: 606.66666667px; } .flex-grid--9-columns > * { width: 685px; } .flex-grid--10-columns > * { width: 763.33333333px; } .flex-grid--11-columns > * { width: 841.66666667px; } .flex-grid--12-columns > * { width: 920px; } .flex-grid--twelveths > * { width: calc( 8.33333333% - 20px ); } .flex-grid--elevenths > * { width: calc( 9.09090909% - 20px ); } .flex-grid--tenths > * { width: calc( 10% - 20px ); } .flex-grid--ninths > * { width: calc( 11.11111111% - 20px ); } .flex-grid--eighths > * { width: calc( 12.5% - 20px ); } .flex-grid--sevenths > * { width: calc( 14.28571429% - 20px ); } .flex-grid--sixths > * { width: calc( 16.66666667% - 20px ); } .flex-grid--fifths > * { width: calc( 20% - 20px ); } .flex-grid--quarters > * { width: calc( 25% - 20px ); } .flex-grid--thirds > * { width: calc( 33.33333333% - 20px ); } .flex-grid--halves > * { width: calc( 50% - 20px ); } .flex-grid--whole > * { width: calc( 100% - 20px ); } @media (max-width: 767px) { .flex-grid--twelveths-on-mobile > * { width: calc( 8.33333333% - 20px ); } .flex-grid--elevenths-on-mobile > * { width: calc( 9.09090909% - 20px ); } .flex-grid--tenths-on-mobile > * { width: calc( 10% - 20px ); } .flex-grid--ninths-on-mobile > * { width: calc( 11.11111111% - 20px ); } .flex-grid--eighths-on-mobile > * { width: calc( 12.5% - 20px ); } .flex-grid--sevenths-on-mobile > * { width: calc( 14.28571429% - 20px ); } .flex-grid--sixths-on-mobile > * { width: calc( 16.66666667% - 20px ); } .flex-grid--fifths-on-mobile > * { width: calc( 20% - 20px ); } .flex-grid--quarters-on-mobile > * { width: calc( 25% - 20px ); } .flex-grid--thirds-on-mobile > * { width: calc( 33.33333333% - 20px ); } .flex-grid--halves-on-mobile > * { width: calc( 50% - 20px ); } .flex-grid--whole-on-mobile > * { width: calc( 100% - 20px ); } .flex-grid--1-columns-on-mobile > * { width: 58.33333333px; } .flex-grid--2-columns-on-mobile > * { width: 136.66666667px; } .flex-grid--3-columns-on-mobile > * { width: 215px; } .flex-grid--4-columns-on-mobile > * { width: 293.33333333px; } .flex-grid--5-columns-on-mobile > * { width: 371.66666667px; } .flex-grid--6-columns-on-mobile > * { width: 450px; } .flex-grid--7-columns-on-mobile > * { width: 528.33333333px; } .flex-grid--8-columns-on-mobile > * { width: 606.66666667px; } .flex-grid--9-columns-on-mobile > * { width: 685px; } .flex-grid--10-columns-on-mobile > * { width: 763.33333333px; } .flex-grid--11-columns-on-mobile > * { width: 841.66666667px; } .flex-grid--12-columns-on-mobile > * { width: 920px; } } @media (max-width: 414px) { .flex-grid--twelveths-on-phone > * { width: calc( 8.33333333% - 20px ); } .flex-grid--elevenths-on-phone > * { width: calc( 9.09090909% - 20px ); } .flex-grid--tenths-on-phone > * { width: calc( 10% - 20px ); } .flex-grid--ninths-on-phone > * { width: calc( 11.11111111% - 20px ); } .flex-grid--eighths-on-phone > * { width: calc( 12.5% - 20px ); } .flex-grid--sevenths-on-phone > * { width: calc( 14.28571429% - 20px ); } .flex-grid--sixths-on-phone > * { width: calc( 16.66666667% - 20px ); } .flex-grid--fifths-on-phone > * { width: calc( 20% - 20px ); } .flex-grid--quarters-on-phone > * { width: calc( 25% - 20px ); } .flex-grid--thirds-on-phone > * { width: calc( 33.33333333% - 20px ); } .flex-grid--halves-on-phone > * { width: calc( 50% - 20px ); } .flex-grid--whole-on-phone > * { width: calc( 100% - 20px ); } .flex-grid--1-columns-on-phone > * { width: 58.33333333px; } .flex-grid--2-columns-on-phone > * { width: 136.66666667px; } .flex-grid--3-columns-on-phone > * { width: 215px; } .flex-grid--4-columns-on-phone > * { width: 293.33333333px; } .flex-grid--5-columns-on-phone > * { width: 371.66666667px; } .flex-grid--6-columns-on-phone > * { width: 450px; } .flex-grid--7-columns-on-phone > * { width: 528.33333333px; } .flex-grid--8-columns-on-phone > * { width: 606.66666667px; } .flex-grid--9-columns-on-phone > * { width: 685px; } .flex-grid--10-columns-on-phone > * { width: 763.33333333px; } .flex-grid--11-columns-on-phone > * { width: 841.66666667px; } .flex-grid--12-columns-on-phone > * { width: 920px; } } .flex-grid__icon { align-self: center; } .page-section { margin-top: 50px; margin-bottom: 50px; } @media (max-width: 768px) { .page-section { margin-top: 35px; margin-bottom: 35px; } } .page-content-container { margin-left: auto; margin-right: auto; width: calc(100% - 40px); max-width: 940px; } .page-content-container--inset { max-width: 470px; } .page-content-container--no-mobile-margin { width: 100%; } @media (max-width: 374px) { .page-content-container-heading { width: 95%; } } .page-content-well { background-color: #f8f8f8; border: 1px solid transparent; } .page-heading, .standard-content h1 { font-family: "acta-display", georgia, serif; font-weight: 700; color: #121212; font-size: 50px; line-height: 1.2; } @media (max-width: 979px) and (min-width: 768px) { .page-heading, .standard-content h1 { font-size: 42px; } } @media (max-width: 768px) { .page-heading, .standard-content h1 { font-size: 30px; } } @media (max-width: 414px) { .page-heading, .standard-content h1 { font-size: 26px; } } .campaign-rally-page-heading { font-family: "acta-display", georgia, serif; font-weight: 700; color: #121212; font-size: 36px; display: flex; align-items: center; justify-content: space-between; } .campaign-rally-page-heading .campaign-title { margin-right: 24px; flex: 1; } @media (max-width: 979px) and (min-width: 768px) { .campaign-rally-page-heading { font-size: 42px; } } @media (max-width: 768px) { .campaign-rally-page-heading { font-size: 30px; } } @media (max-width: 414px) { .campaign-rally-page-heading { font-size: 26px; } } .page-subheading, .standard-content h2 { font-family: "acta-display", georgia, serif; font-weight: 300; color: #121212; font-size: 40px; line-height: 1.2; margin: 0; } @media (max-width: 768px) { .page-subheading, .standard-content h2 { font-size: 30px; } } .page-subheading--small { font-size: 30px; } .section-heading, .standard-content h3 { font-family: "rooney-web", georgia, serif; font-weight: 300; color: #121212; font-size: 28px; margin: 0.4em 0; line-height: 1.2; } @media (max-width: 768px) { .section-heading, .standard-content h3 { font-size: 20px; } } .section-heading-flex { display: flex; align-items: center; justify-content: space-between; max-width: 918px; } .normal-text { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; color: #121212; font-size: 16px; line-height: 1.3; } .introduction { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; color: #121212; font-size: 16px; line-height: 1.3; color: #787878; } p.normal-text, p.introduction, .standard-content p, .standard-content header p { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; color: #121212; font-size: 16px; line-height: 1.3; margin: 0.7em 0; } p.introduction, .standard-content header p { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; color: #121212; font-size: 16px; line-height: 1.3; color: #787878; } .standard-link:link, .standard-content a:link, .standard-link:visited, .standard-content a:visited, .standard-link:hover, .standard-content a:hover { color: #ff4814; } .standard-link:active, .standard-content a:active { color: #8f2308; } .inline-list { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; color: #121212; font-size: 16px; line-height: 1.3; padding: 0; } .inline-list > li { display: inline; line-height: inherit; } .page-divider, .page-break { margin-left: auto; margin-right: auto; width: 470px; } @media (max-width: 768px) { .page-divider, .page-break { width: 260px; } } .page-break { border-color: transparent; } /************************** COMPONENTS ***************************/ /************************** FORMS ***************************/ label { font-family: "rooney-web", georgia, serif; font-weight: 300; font-size: 14px; line-height: 21px; color: #787878; } .input-default, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { border-radius: 0; font-family: "rooney-web", georgia, serif; font-weight: 300; font-size: 14px; line-height: 21px; color: #787878; color: #121212; } .input-default:focus, select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: #ff4814; box-shadow: 0 1px 0 #ff4814; color: #121212; } .input-default.input-larger, select.input-larger, textarea.input-larger, input[type="text"].input-larger, input[type="password"].input-larger, input[type="datetime"].input-larger, input[type="datetime-local"].input-larger, input[type="date"].input-larger, input[type="month"].input-larger, input[type="time"].input-larger, input[type="week"].input-larger, input[type="number"].input-larger, input[type="email"].input-larger, input[type="url"].input-larger, input[type="search"].input-larger, input[type="tel"].input-larger, input[type="color"].input-larger, .uneditable-input.input-larger { padding: 10px 6px; height: 40px; } .input-default.input-chunky, select.input-chunky, textarea.input-chunky, input[type="text"].input-chunky, input[type="password"].input-chunky, input[type="datetime"].input-chunky, input[type="datetime-local"].input-chunky, input[type="date"].input-chunky, input[type="month"].input-chunky, input[type="time"].input-chunky, input[type="week"].input-chunky, input[type="number"].input-chunky, input[type="email"].input-chunky, input[type="url"].input-chunky, input[type="search"].input-chunky, input[type="tel"].input-chunky, input[type="color"].input-chunky, .uneditable-input.input-chunky { padding: 10px; height: auto; font-size: 21px; } select optgroup { font-family: "rooney-web", georgia, serif; font-weight: 500; } select optgroup option { font-family: "rooney-web", georgia, serif; font-weight: 300; } select.input-chunky { height: 48px; } .input-append input { height: 17px; } input[readonly] { cursor: default; } .form-one-liner-large { margin-top: 30px; margin-bottom: 0; } .form-one-liner-large .btn-primary { margin-bottom: 10px; } .form-one-liner-large input { font-style: italic; font-size: 17px; padding: 10px; margin-bottom: 10px; } .form-one-liner-large input::-webkit-input-placeholder { color: #e6e6e6; } .form-one-liner-large input:-moz-placeholder { color: #e6e6e6; } .form-one-liner-large input:focus { font-style: normal; } .opt-out-checkbox > input[type="checkbox"] { margin: -3px 3px 0 0 !important; } .account-opt-out > input[type="checkbox"] { margin: 1px 3px 0 0!important; } .account-opt-out { width: 200px; margin: 0 auto; } /************************** FORM LOADING ***************************/ .form-loading * { display: none!important; } .form-loading .form-load-here { display: block!important; height: 150px; background: url('https://assets.crowdpac.com/v2/production/all/img/spin.gif') no-repeat center; } .form-loading.form-one-liner .form-load-here { height: 32px; } /* Completed */ .form-one-liner .input-append, .form-one-liner .input-prepend { margin-bottom: 0; } #form-guide-mobile { display: none; } .input-complete-email { width: 176px; } /* Form Large */ .form-large label { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; color: #121212; margin: 0 0 10px; } .form-large input, .form-large textarea, .form-large select { width: 97%; font-size: 20px; height: 25px; padding-top: 10px; padding-bottom: 10px; } .form-large textarea { height: 134px; } .form-large .control-group { margin-bottom: 20px; } .fieldset-padded { padding: 50px 0; border-bottom: solid 1px #e6e6e6; } .fieldset-padded:last-child { border: none; } .fieldset-padded:target { position: relative; } .fieldset-padded:target::after { border: 3px dashed #ff4814; border-radius: 5px; bottom: 25px; content: ''; left: -25px; position: absolute; right: -25px; top: 25px; z-index: -1; } /************************** FORM LABELS ***************************/ .label-chunky { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; } .label-chunky.checkbox, .label-chunky.radio { color: #787878; font-weight: 300; } .label-larger { font-size: 16px; } /************************** FORM INPUTS ***************************/ .standard-file-upload { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; line-height: 18px!important; padding: 10px 0; } .select-large { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 14px; letter-spacing: 1px; line-height: 1; text-transform: uppercase; } .control-group-multicheck { padding: 20px; border: solid 1px #e6e6e6; background: #fff; } .control-group-multicheck a { cursor: pointer; } .input-prepend, .input-append { display: flex; align-items: center; width: 100%; } .input-prepend input, .input-append input { display: block; } .input-prepend input.input-block-level, .input-append input.input-block-level { width: 85%; font-size: 16px; height: 40px; } .input-prepend .add-on, .input-append .add-on { min-width: auto; padding-top: 9px; padding-bottom: 9px; display: block; } .input-prepend .add-on-wide, .input-append .add-on-wide { padding-left: 9px; padding-right: 9px; } .input-prepend .add-on-highlight, .input-append .add-on-highlight { background: #ff4814; border-color: #ff4814; color: #fff; text-shadow: none; } .input-prepend .fund-goal, .input-append .fund-goal { width: 10%; } .flex-checkbox-label { align-items: baseline; display: flex; } .flex-checkbox-label :first-child { flex-shrink: 0; } /**************************************/ /**************************************/ /**************************************/ /**************************************/ /* Media Queries */ /**************************************/ @media only screen and (max-width: 979px) { .input-prepend input.input-block-level, .input-append input.input-block-level { font-size: 15px; } } @media only screen and (max-width: 767px) { .input-prepend .add-on-wide, .input-append .add-on-wide, .input-prepend input.input-add-on-wide, .input-append input.input-add-on-wide { width: 50%; } } .redactor-air { background: white; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3) inset, 0 3px 10px -5px; color: black; min-width: 0; } .redactor-air li a, .redactor-toolbar li a { color: inherit; height: auto; } .redactor-air li a.re-button, .redactor-toolbar li a.re-button { padding: 6px; } .redactor-air li a.re-button.re-button-icon, .redactor-toolbar li a.re-button.re-button-icon { color: inherit; } .redactor-air li a:hover, .redactor-toolbar li a:hover { background: rgba(0, 0, 0, 0.1); color: inherit; } .redactor-toolbar { display: block !important; } .redactor-styles { font-family: "rooney-web", georgia, serif; font-weight: 300; font-size: 18px; } .redactor-styles * { font-family: inherit; font-size: inherit; } .redactor-link-tooltip a { color: #e6e6e6; } .redactor-link-tooltip a:hover { color: #fff; } .redactor-in { padding: 0 15px; min-height: 200px; } .non-vue-redactor .redactor-in { padding-top: 15px; } /************************** BUTTON STYLES ***************************/ button[disabled], button.disabled { cursor: default; } .inline-button { background: transparent; border: 0; color: inherit; font: inherit; margin: 0; padding: 0; vertical-align: baseline; text-align: inherit; } .inline-button:disabled { opacity: 0.5; } .inline-button--link { text-decoration: underline; } .btn { border: solid 1px #ff4814; text-shadow: none; text-decoration: none !important; box-shadow: none; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; background: #fff; border-radius: 5px; box-sizing: border-box; color: #ff4814; display: inline-block; font-size: 16px; line-height: 1.3; padding: 0.4em 1em 0.38em; text-align: center; } .btn.btn-large { padding-top: 13px; } .btn.btn-chunky { padding: 16px 19px 14px; } .btn:disabled, .btn[disabled], .btn.disabled { opacity: 0.5 !important; pointer-events: none; } .btn:link, .btn:visited, .btn:focus { color: #ff4814; } .btn.hover, .btn:hover { color: #8f2308; } .btn.active, .btn:active { background: #ff4814; border-color: #ff4814; color: #fff; } .btn.btn-primary, .btn.btn-party { color: #fff; } .btn.btn-primary:link, .btn.btn-party:link, .btn.btn-primary:visited, .btn.btn-party:visited, .btn.btn-primary:focus, .btn.btn-party:focus, .btn.btn-primary:hover, .btn.btn-party:hover, .btn.btn-primary:active, .btn.btn-party:active { color: #fff; } .btn.btn-primary { background: #ff4814; border-color: transparent; color: #fff; } .btn.btn-primary:link, .btn.btn-primary:visited, .btn.btn-primary:focus, .btn.btn-primary:hover, .btn.btn-primary:active { color: #fff; } .btn.btn-primary:hover { border-color: #8f2308; } .btn.btn-primary:active { background-color: #ad2600; } .btn.btn-party { border-bottom-width: 2px; } .btn.btn-orange { border-color: #ff4814; } .btn.btn-orange:link, .btn.btn-orange:visited, .btn.btn-orange:focus { color: #ff4814; } .btn.btn-orange:hover, .btn.btn-orange.active, .btn.btn-orange:active { background: #ff4814; border-color: #ff4814; color: #fff; } .btn.btn-grey { border-color: #aaa; color: #787878; } .btn.btn-grey:link, .btn.btn-grey:visited, .btn.btn-grey:focus { color: #787878; } .btn.btn-grey:hover { color: #121212; } .btn.btn-grey:active { background-color: #787878; color: #fff; } .btn.btn-light { border-color: #e6e6e6; } .btn.btn-light.tag-read-only:hover, .btn.btn-light.tag-read-only:link, .btn.btn-light.tag-read-only:visited, .btn.btn-light.tag-read-only:focus { color: #aaa; background-color: #fff; } .btn.btn-light:link, .btn.btn-light:visited, .btn.btn-light:focus { color: #aaa; } .btn.btn-light:hover { color: #121212; } .btn.btn-light:active { background-color: #aaa; color: #fff; } .btn.btn-black { border-color: #121212; } .btn.btn-black:link, .btn.btn-black:visited, .btn.btn-black:focus { color: #121212; } .btn.btn-black:hover, .btn.btn-black.active, .btn.btn-black:active { background: #121212; border-color: #121212; color: #fff; } .btn.btn-black-bg { background: #121212; border-color: #121212; color: #fff; } .btn.btn-black-bg:link, .btn.btn-black-bg:visited, .btn.btn-black-bg:focus { color: #fff; } .btn.btn-black-bg:hover, .btn.btn-black-bg.active, .btn.btn-black-bg:active { background: #000000; border-color: #000000; color: #fff; } .btn.btn-black-bg:hover { opacity: 0.85; } .btn.btn-orange-bg { background: #ff4814; border-color: #ff4814; color: #fff; } .btn.btn-orange-bg:link, .btn.btn-orange-bg:visited, .btn.btn-orange-bg:focus { color: #fff; } .btn.btn-orange-bg:hover, .btn.btn-orange-bg.active, .btn.btn-orange-bg:active { background: #e03200; border-color: #e03200; color: #fff; } .btn.btn-green-bg { background: #31CA47; border-color: #31CA47; color: #fff; } .btn.btn-green-bg:link, .btn.btn-green-bg:visited, .btn.btn-green-bg:focus { color: #fff; } .btn.btn-green-bg:hover, .btn.btn-green-bg.active, .btn.btn-green-bg:active { background: #27a139; border-color: #27a139; color: #fff; } .btn.btn-blue { border-color: #3a5998; } .btn.btn-blue:link, .btn.btn-blue:visited, .btn.btn-blue:focus { color: #3a5998; } .btn.btn-blue:hover, .btn.btn-blue.active, .btn.btn-blue:active { background: #3a5998; border-color: #3a5998; color: #fff; } .btn.btn-medium-grey { border-color: #aaa; } .btn.btn-medium-grey:link, .btn.btn-medium-grey:visited, .btn.btn-medium-grey:focus { color: #aaa; } .btn.btn-medium-grey:hover, .btn.btn-medium-grey.active, .btn.btn-medium-grey:active { background: #aaa; border-color: #aaa; color: #fff; } .btn.btn-white { border-color: #fff; background: transparent; } .btn.btn-white:link, .btn.btn-white:visited, .btn.btn-white:focus { color: #fff; } .btn.btn-white:hover, .btn.btn-white.active, .btn.btn-white:active { background: #fff; border-color: #fff; color: #fff; } .btn.btn-white:hover { background: transparent; color: #ff4814; border-color: #ff4814; } .btn.btn-white:active, .btn.btn-white:focus { background: transparent; color: #fff; border-color: #fff; } .btn.btn-white.active { background: #ff4814; color: #fff; border-color: #ff4814; } .btn.btn-orange-text { color: #ff4814; } .btn.btn-grey-outline { border-color: #787878; color: #e6e6e6; background: transparent; } .btn.btn-grey-outline:link, .btn.btn-grey-outline:visited, .btn.btn-grey-outline:focus { color: #787878; } .btn.btn-grey-outline:hover, .btn.btn-grey-outline.active, .btn.btn-grey-outline:active { background: #787878; border-color: #787878; color: #fff; } .btn.btn-grey-outline:hover { background: transparent; color: #fff; border-color: #fff; } .btn.btn-grey-outline:active, .btn.btn-grey-outline:focus { background: transparent; color: #e6e6e6; border-color: #787878; } .btn.btn-grey-outline.active { background: #ff4814; color: #fff; border-color: #ff4814; } .btn.btn-green-outline { border-color: #31CA47; color: #31CA47; background: transparent; } .btn.btn-green-outline:link, .btn.btn-green-outline:visited, .btn.btn-green-outline:focus { color: #31CA47; } .btn.btn-green-outline:hover, .btn.btn-green-outline.active, .btn.btn-green-outline:active { background: #31CA47; border-color: #31CA47; color: #fff; } .btn.btn-green-outline:hover { background: #31CA47; color: #fff; border-color: #31CA47; } .btn.btn-green-outline:active, .btn.btn-green-outline:focus { background: #27a139; color: #fff; border-color: #31CA47; } .btn.btn-green-outline.active { background: #31CA47; color: #fff; border-color: #31CA47; } .btn.btn-fb, .btn.btn-twitter { color: #fff; } .btn.btn-fb i, .btn.btn-twitter i { padding-right: 4px; } .btn.btn-fb-color, .btn.btn-fb { background: #3a5998; border-color: #3a5998; color: #fff; } .btn.btn-fb-color:hover, .btn.btn-fb:hover { background: #2c4373; border-color: #2c4373; color: #fff; } .btn.btn-fb-light { background: #fff; color: #3a5998; } .btn.btn-fb-light:hover { color: #3a5998; } .btn.btn-twitter-color, .btn.btn-twitter { background: #4098fc; border-color: #4098fc; color: #fff; } .btn.btn-twitter-color:hover, .btn.btn-twitter:hover { background: #0e7dfb; border-color: #0e7dfb; color: #fff; } .btn.btn-twitter-light { background: #fff; color: #4098fc; } .btn.btn-twitter-light:hover { color: #4098fc; } .btn.btn-twitter-outline { background: #fff; border-color: #4098fc; color: #4098fc; } .btn.btn-twitter-outline:hover, .btn.btn-twitter-outline:active, .btn.btn-twitter-outline:focus { background: #4098fc; color: #fff; } .btn.btn-twitter-outline:active { background: #0e7dfb; } .btn.btn-thick-outline { border-width: 2px; } .btn.btn-google-color, .btn.btn-google { background: white; border-color: gray; color: gray; } .btn.btn-google-color:hover, .btn.btn-google:hover { border-color: #676767; } .btn.btn-google { display: flex; align-items: center; justify-content: center; } .btn.btn-google .icon--google { width: 18px; padding-right: 8px; } @media only screen and (max-width: 479px) { .btn.btn-google { flex-direction: column; } } .btn.btn-googleplus-light { background: #fff; color: #D92B22; } .btn.btn-googleplus-light:hover { color: #D92B22; } .btn.btn-fb-light:hover, .btn.btn-twitter-light:hover, .btn.btn-googleplus-light:hover { background: #f7f7f7; } .btn.btn-link { background: transparent; border-color: transparent; font-family: "rooney-web", georgia, serif; font-weight: 300; font-size: 14px; line-height: 21px; color: #787878; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; text-transform: none; letter-spacing: 0; line-height: 1; color: #ff4814; } .btn.btn-link:hover { text-decoration: underline; } .btn.btn-bold { font-weight: 600; letter-spacing: 0.03em; } .btn.btn-small { font-size: 14px; } .btn.btn-small.btn-block { padding-left: 0em; padding-right: 0em; } .btn.btn-medium { font-size: 15px; padding: 0.7em 0.2em 0.68em; } .btn.btn-medium-font { font-size: 15px; } .btn.btn-large { padding: 0.9em 2em 0.88em; } .btn.btn-large.btn-block { padding-left: 0.2em; padding-right: 0.2em; } .btn.btn-huge { padding: 40px; } .btn.btn-extralarge { font-size: 20px; padding: 15px 10px; } .btn.btn-check { box-shadow: none; border-color: #e6e6e6; color: #787878; } .btn.btn-check:link, .btn.btn-check:visited, .btn.btn-check:focus, .btn.btn-check:hover, .btn.btn-check:active { color: #787878; } .btn.btn-check:hover, .btn.btn-check.active { color: #fff; background: #787878; } .btn.btn-check.btn-yes:hover, .btn.btn-check.btn-yes.active { border-color: #ff4814; background: #ff4814; } .btn.btn-cutout { background: #fff; border-color: transparent; color: transparent; } .btn.btn-cutout:hover, .btn.btn-cutout:active { border-color: #fff; color: #fff !important; background: transparent; } .btn.btn-input { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; text-transform: none; letter-spacing: 0; border-color: #121212; padding: 7px 5px; overflow: hidden; white-space: nowrap; } .btn.btn-input.btn-input-larger { padding: 12px 5px; } .btn.btn-input.btn-input-bold { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; } .btn.btn-input.party-bg { color: #fff !important; } .btn.btn-transparent { background: none; } .btn.btn-transparent:hover { background: #ff4814; } .btn.btn-round-full { border-radius: 50px; } .btn.btn-circle { border-radius: 50px; font-size: 24px; padding: 10px; width: 24px; height: 24px; } .btn.btn-loading { color: transparent !important; background-image: url('https://assets.crowdpac.com/v2/production/all/img/spin.gif') !important; background-repeat: no-repeat !important; background-position: center !important; transition-property: none; } .btn.btn-lr { text-align: left; display: flex; align-items: center; justify-content: space-between; } .btn.btn-lr .btn-lr-l { padding-left: 8px; display: block; line-height: 1; } .btn.btn-lr .btn-lr-r { display: block; line-height: 1; padding-top: 1px; padding-right: 8px; text-align: right; font-size: 14px; font-weight: 300; letter-spacing: 0; } .btn.btn-nowrap { white-space: nowrap; } .btn.btn-spaced { margin: 5px 5px 5px 0; } .align-icon { align-items: center; display: inline-flex; text-align: left; margin: 0 -0.5em; } .align-icon > * { margin: 0 0.5em; } .btn-large .caret { margin-top: 4px; border-top-color: #ff4814; } .btn-large:hover .caret { border-top-color: #fff; } .btn-large.btn-primary .caret { border-top-color: #fff; } .btn-group .btn-grey { border-color: #e6e6e6; } .btn-group > .btn:first-child, .btn-group > .btn:last-child { border-radius: 0; } .btn-group > .btn:first-child { -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .btn-group > .btn:last-child { -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .btn-group.btn-group-vertical > .btn:first-child, .btn-group.btn-group-vertical > .btn:last-child { border-radius: 0; } .btn-group.btn-group-vertical .btn-thick { margin-top: -2px; } .btn-steps { display: block; } .btn-steps .btn { text-align: left; border-width: 1px; background: #f8f8f8; border-color: #dbdbdb; box-sizing: border-box; } .btn-steps .btn:hover { color: #ff4814; background: #fff; border-color: #ff4814; } .btn-steps .btn.active { border-color: #ff4814; color: #ff4814; background: #fff; box-shadow: none; -webkit-box-shadow: none; } .btn-steps.btn-steps-3 .btn { width: 33.3333333%; } .btn-steps.btn-steps-4 .btn { width: 25%; } .btn-steps.btn-steps-5 .btn { width: 20%; } .btn-steps.btn-steps-5-narrow .btn { width: 17%; } .btn-primary .emphasized { font-size: 150%; line-height: 1; display: block; padding: 0 0 5px; } .btn-primary .emphasized.emphasized-alone { padding-bottom: 0; } .btn-primary .muted { display: block; text-transform: none; color: #fff; opacity: 0.7; font-weight: 300; letter-spacing: 0; } .btn-header { font-size: 14px; } .btn-header.btn-link { padding-left: 0; padding-right: 0; } .btn-joiner { background: #ff4814; border: 1px solid #ff4814; border-radius: 5px; display: inline-flex; overflow: hidden; vertical-align: middle; } .btn-joiner .btn { border: 0; border-radius: 0; } .btn-joiner .btn:not(:last-child) { border-right: 1px solid #ff4814; } .btn-dropdown-container { position: relative; } .btn-no-border { border: none; } .btn-pill { border-radius: 50px; } [data-is-component='copy-to-clipboard-button'] { position: relative; } [data-is-component='copy-to-clipboard-button']::after { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; background: #31CA47; border-radius: 2em; bottom: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); color: #fff; content: 'Copied!'; font-size: 12px; font-weight: bold; left: 50%; opacity: 0; padding: 0.5em 1em; position: absolute; transform: translate(-50%, 33%); transition: bottom 500ms, opacity 500ms; } [data-is-component='copy-to-clipboard-button'][data-copied-successfully]:focus { outline: 0; } [data-is-component='copy-to-clipboard-button'][data-copied-successfully]::after { bottom: 100%; opacity: 1; transition: bottom 100ms, opacity 100ms; } @media only screen and (min-width: 980px) { .btn-steps-narrow { max-width: 80%; margin-left: auto; margin-right: auto; } } @media only screen and (max-width: 979px) and (min-width: 768px) { .btn-standard-size-on-tablet { font-size: 16px !important; padding: 0.38em 0.03em 0.4em !important; } } @media only screen and (max-width: 979px) { .btn-steps.btn-steps-5-narrow .btn { width: 17%; } .btn.btn-lower.btn-step { font-size: 14px; } .btn-primary .emphasized { padding-bottom: 2px; font-size: 18px; } .btn-primary .emphasized.emphasized-alone { padding-bottom: 0; } } @media only screen and (max-width: 767px) { .btn-group { width: 100%; } .btn-steps .btn.btn-large { font-size: 13px; padding: 8px 5px; } .btn.btn-home-tag { padding: 8px; font-size: 14px; margin: 0px 3px 6px 0px; } } @media only screen and (max-width: 479px) { .btn.btn-lower.btn-step { padding: 5px; font-size: 12px; } } /************************** BOOTSTRAP COMPONENTS ***************************/ .thumbnail { border-radius: 0; position: relative; } .thumbnail i { position: absolute; top: 43px; left: 92px; color: #fff; opacity: 0.5; font-size: 42px; } .thumbnail .caption { line-height: 1; padding-top: 10px; } a.thumbnail { border-radius: 0; } a.thumbnail:hover, a.thumbnail:focus { border-color: #ff4814; box-shadow: none; } .well { border-radius: 0; border-width: 0 0 0 3px; box-shadow: none; } .well.well-lined { border-width: 1px; } .well.well-no-border { border-width: 0; } .well.disabled { opacity: 0.2; } .well.well-section { border: none; padding-left: 0; padding-right: 0; } .well.well-clear { background: transparent; } .well.well-rounded { border-radius: 5px; } .well.well-orange { border-color: #ff4814; background: #FFEFE8; } .well.well-orange .header-label { color: #ff4814; } .well.well-success { background-color: rgba(49, 202, 71, 0.1); border-color: #31CA47; } .well.well-success .header-label { color: #31CA47; } .progress { border-radius: 0; box-shadow: none; background: #e6e6e6; } .progress .bar { background: #ff4814; } .panel-featured .progress-small { height: 3px; margin-top: 8px; margin-bottom: 8px; } .progress-small { height: 5px; margin-top: 16px; margin-bottom: 10px; } .progress-rounded { height: 13px; border-radius: 20px; overflow: hidden; } .progress-rounded > .bar { border-radius: 20px; box-shadow: none; } .input-prepend .btn-group .btn, .input-append .btn-group .btn { padding-top: 6px; padding-bottom: 7px; } .input-prepend.input-prepend-chunky .btn, .input-append.input-append-chunky .btn { border-radius: 0; padding-top: 15px; padding-bottom: 14px; } .select-small { width: 160px; font-size: 85%; } .table.table-sans-serif { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; } .table.table-sans-serif th { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 14px; letter-spacing: 1px; line-height: 1; text-transform: uppercase; border-top: none; } .table.table-sans-serif .table-name { text-transform: none; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; margin: 0; } .table.table-sans-serif td { color: #121212; } .table.table-lined { background: #f8f8f8; border: solid 1px #e6e6e6; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; padding: 20px; font-size: 18px; } .table.table-lined td { border: none; padding: 0 0 18px; color: #121212; } .table.table-lined td:first-child { padding-left: 20px; font-weight: 600; } .table.table-lined td:last-child { padding-right: 20px; } .table.table-lined tr:first-child td { padding-top: 20px; } .table.table-hover-select .btn { visibility: hidden; } .table.table-hover-select tbody tr { cursor: pointer; } .table.table-hover-select tr:hover td { color: #ff4814; } .table.table-hover-select tr:hover .btn { background: #ff4814; color: #fff; visibility: visible; } .table.table-loading tbody { display: none; } .table.table-loading .table-loading-here { display: block; } .table .table-loading-here { display: none; text-align: center; } .table .table-loading-here img { padding: 50px; } .table.table-none td { padding: 0 0 10px; border: none; } .table.table-none tr:last-child td { padding-bottom: 0; } .accordion-inner, .accordion-group { border: none; } .accordion-heading { border-top: solid #121212 3px; padding: 0; } .accordion-heading .accordion-toggle { line-height: 1; padding: 12px 0; } .accordion-heading .accordion-toggle span { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 14px; letter-spacing: 1px; line-height: 1; text-transform: uppercase; } .accordion-heading .accordion-toggle i { float: right; } .accordion-heading .accordion-toggle:hover span, .accordion-heading .accordion-toggle:hover i { color: #ff4814; } .accordion-heading-light { border-top-width: 1px; } .accordion-heading-light .accordion-toggle span { font-weight: 300; } .accordion-inner { padding: 0; } .accordion-icon { margin-left: 10px; } .alert { border-radius: 0; background: #FFEFE8; color: #ff4814; border: solid 0 #ff4814; border-left-width: 3px; } .alert.alert-error p { color: #ff4814; } .alert h4 { color: #ff4814; } .alert-help-us-improve p { font-size: 13px; line-height: 1.5; } .alert-success { border-color: #4bb64b; color: #2d6e2d; background: #dcf1dc; } .badge { border-radius: 0; } /* Tooltip */ .tooltip { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; z-index: 50; white-space: nowrap; } .tooltip h4 { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; margin: 0 0 0.25em; font-size: 13px; text-transform: uppercase; } .tooltip h4 b { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; } .tooltip .tooltip-inner { text-align: left; max-width: none; border-radius: 0; border: solid 1px #fff; border-width: 1px 1px 0; } .tooltip.in { opacity: 1; } .tooltip.bottom .tooltip-arrow { border-width: 0 7px 7px; } .tooltip a { color: #fff; } .tooltip a:link, .tooltip a:visited, .tooltip a:focus, .tooltip a:hover, .tooltip a:active { color: #fff; } .tooltip a:link, .tooltip a:visited { text-decoration: underline; } .tooltip a:hover { text-decoration: none; } .orange-tooltip.in { opacity: 1; } .orange-tooltip .tooltip-inner { border-radius: 0; background: #ff4814; border: none; } .orange-tooltip-bottom.in { opacity: 1; } .orange-tooltip-bottom .tooltip-inner { border-radius: 0; background: #ff4814; border: none; } .orange-tooltip-bottom .tooltip-arrow { border-bottom-color: #ff4814 !important; } .narrow-tooltip + .tooltip .tooltip-inner { max-width: 300px; white-space: normal; } .with-icon { display: inline-block; } .with-icon span { float: left; margin-right: 10px; } .with-icon i { float: left; } /************************** QTIP specialized tooltip ***************************/ .qtip-default { background: #652290; border-color: #652290; color: #fff; } .qtip-default p, .qtip-default a { color: #fff; } .qtip-default a { text-decoration: underline; } .navbar.navbar-user { border: solid 2px #121212; border-width: 0 0 2px; padding: 3px 0; } .navbar .btn-navbar { float: left; background: none; border-color: #ff4814; } .navbar .btn-navbar .icon-bar { background: #ff4814; box-shadow: none; } .navbar-inner { padding-left: 0; padding-right: 0; background: none; border: none; box-shadow: none; } .navbar .nav > li > a { background: none; text-shadow: none; } .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { font-weight: 300; } .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { background: none; box-shadow: none; color: #ff4814; } .navbar-user .navbar-text { line-height: 41px; } .nav-bar { margin-bottom: 0; } .navbar-flat { background: #f8f8f8; } .navbar-flat .container { padding: 0 10px; } .navbar-flat .nav > li > a { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 18px; padding: 20px 30px; border-bottom: solid 2px transparent; } .navbar-flat .nav > .active > a { color: #ff4814; border-color: #ff4814; } .navbar-flat .nav-btn { margin-top: 10px; } .pagination { font-size: 85%; border-radius: 0; } .pagination a { border-radius: 0 !important; } .pagination ul > .active > a, .pagination ul > .active > span { color: #ff4814; } .pagination ul a:hover { color: #ff4814; } .media-list .media-body { padding-bottom: 30px; margin-bottom: 13px; border-bottom: solid 1px #e6e6e6; } .media-list .media-heading { margin-top: 10px; } .media-list .media:last-child .media-body { border: none; } .media-list .media-body-shorter .media-heading { margin: 12px 0; } .img-circle-bordered { border: solid 3px #e6e6e6; } .affixed-row { position: relative; } .affixed.affix-it { top: 20px; position: fixed; } .affixed.affix-end { bottom: 0; position: absolute; } .affixed-row-right .affix-it { margin-left: 740px; } .affixed-row-right .affix-end { right: 0; } .affixed-row-left .main { float: right; } .centered-col-10 { max-width: 780px; margin: 0 auto; } .centered-col-8 { max-width: 620px; margin: 0 auto; } .centered-col-6 { max-width: 460px; margin: 0 auto; } .dropdown-menu > li > a.disabled { color: #e6e6e6 !important; } .caret.caret-white { border-top-color: #fff !important; } @media only screen and (max-width: 1139px) { .navbar-flat .nav > li > a { padding-left: 10px; padding-right: 10px; font-size: 16px; } .navbar-flat.navbar-flat-small .nav > li > a { padding: 10px 9px; font-size: 16px; } } @media only screen and (max-width: 979px) { .navbar-flat .container { width: auto; } } @media only screen and (max-width: 767px) { .navbar-flat .container { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width: 480px) { .media .pull-left, .media .pull-right { margin-bottom: 0; } .navbar-flat.navbar-flat-small .nav > li > a { padding: 10px 5px; font-size: 14px; } } /* Modal */ .modal { width: 400px; margin-left: -200px; border-radius: 0; } .modal form { margin: 0; } .modal-wider { width: 700px; margin-left: -350px; } .modal-widest { width: 800px; margin-left: -400px; } .modal-full-screen { width: 100%; border: none; min-height: 100%; margin: 0; top: 0; left: 0; } .modal-full-screen.modal.fade.in { top: 0; left: 0; } .modal-from-bottom.fade { top: 125%; } @media only screen and (min-width: 980px) { .modal-from-middle.fade { top: 50%; margin-top: -137.5px; } } @media only screen and (max-width: 979px) { .modal-from-middle.fade { top: 1%; } } .modal-chunky { width: 460px; padding: 40px 80px 30px; margin-left: -310px; } .modal-chunky.modal-widest { width: 690px; margin-left: -425px; } .modal-header { padding-left: 0; padding-right: 0; margin-left: 15px; margin-right: 15px; border-bottom: solid #121212 3px; } .modal-header .close { opacity: 1; } .modal-header .close:hover { opacity: 0.7; } .close.close-large { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 70px; height: 70px; width: 70px; } .close.close-large:hover { opacity: 0.7; } .modal-header-fixed-container { position: relative; } .modal-header-fixed { position: fixed; z-index: 50; background: #fff; } .modal-title { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 14px; letter-spacing: 1px; line-height: 1; text-transform: uppercase; } .modal-body { padding: 0; } .modal-empty .modal-body { padding: 15px; } .locate-pane .modal-body { padding: 15px; } .modal-issue-description { padding: 20px; margin: 0; } /* Register Modal */ .modal-register-body { padding: 20px; } .modal.fade.modal-transition-pop { transform: scale(0.1); bottom: 30%; top: auto; opacity: 0; transition: all 0.3s; } .modal.fade.modal-transition-pop.in { transform: scale(1); opacity: 1; } .message-flasher__container { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 700; font-size: 24px; left: 0; position: fixed; text-align: center; top: 0; width: 100%; z-index: 9999; line-height: 1.5em; } .message-flasher__message { background-color: rgba(170, 170, 170, 0.9); color: #fff; margin-bottom: 2px; padding: 0.75em 2em; } .message-flasher__message--success { background-color: rgba(75, 182, 75, 0.9); } .message-flasher__message--error { background-color: rgba(217, 43, 34, 0.9); } body[data-open-media-viewer-count] { overflow: hidden; } .media-viewer-modal { background-color: rgba(18, 18, 18, 0.75); cursor: pointer; color: #fff; display: flex; flex-direction: column; height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 1031; } .media-viewer-modal__controls { flex-grow: 0; flex-shrink: 0; text-align: right; } .media-viewer-modal__close-box { color: inherit !important; display: inline-block; font-size: 40px; padding: 15px; } .media-viewer-modal__container { display: flex; flex-grow: 1; flex-shrink: 1; min-height: 1em; overflow: auto; } @media (max-width: 767px) { .media-viewer-modal__container { display: block; padding-bottom: 50px; } } .media-viewer-modal__content { cursor: default; margin: auto; } .media-viewer-modal[data-type="text"] .media-viewer-modal__content { background-color: #fff; border-radius: 5px; color: #121212; max-width: 100ch; padding: 10px; } img.js-media-viewer-opener { cursor: zoom-in; } /**************************************/ /* TABS and NAVS */ /**************************************/ .nav-pills > li > a { border-radius: 0; background: none; color: #121212; } .nav-pills > li > a:hover { background: none; } .nav-pills > .active > a, .nav-pills > .active > a:active, .nav-pills > .active > a:focus, .nav-pills > .active > a:hover { background: none; color: #ff4814; } .nav-tabs-1 li { width: 100%; } .nav-tabs-2 li { width: 50%; } .nav-tabs-3 li { width: 33.3%; } .nav-tabs-3-small li { width: 27%; } .nav-tabs-4 li { width: 25%; } .nav-tabs-5 li { width: 20%; } .nav-tabs-6 li { width: 16.6%; } .nav-tabs-arrow { border: none; } .nav-tabs-arrow > li { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; letter-spacing: 1px; padding-left: 0; padding-right: 0; height: auto; line-height: 1.1; text-align: center; } .nav-tabs-arrow > li > a { border-radius: 0; background: #e6e6e6; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; margin-right: 0; border-color: #e6e6e6 !important; border-right-color: transparent!important; outline: 0!important; } .nav-tabs-arrow > li > a:link, .nav-tabs-arrow > li > a:visited, .nav-tabs-arrow > li > a:hover, .nav-tabs-arrow > li > a:active, .nav-tabs-arrow > li > a:focus { border-color: #e6e6e6 !important; border-right-color: transparent!important; } .nav-tabs-arrow > li:last-child > a { border-right-color: #e6e6e6 !important; } .nav-tabs-arrow > li.active a { position: relative; color: #ff4814; } .nav-tabs-arrow > li.active a:link, .nav-tabs-arrow > li.active a:visited, .nav-tabs-arrow > li.active a:focus, .nav-tabs-arrow > li.active a:hover, .nav-tabs-arrow > li.active a:active { color: #ff4814; } .nav-tabs-arrow > li.active a:before, .nav-tabs-arrow > li.active a:after { content: " "; position: absolute; bottom: -15px; left: 50%; border-width: 15px 15px 0; border-style: solid; border-color: #e6e6e6 transparent; display: block; width: 0; margin-left: -15px; } .nav-tabs-arrow > li.active a:after { border-width: 15px 14px 1px 15px; border-color: #fff transparent; } .nav-tabs-parties { border: none; } .nav-tabs-parties > li { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; letter-spacing: 1px; padding-left: 0; padding-right: 0; height: auto; line-height: 1.1; text-align: center; } .nav-tabs-parties > li > a { border-radius: 0px; background: #fff; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; border-color: #e6e6e6 !important; margin-right: 10px; } .nav-tabs-parties > li > a .color-party-logo { display: inline; } .nav-tabs-parties > li > a .white-party-logo { display: none; } .nav-tabs-parties > li > a.rep { border-top: 1px solid #d8171e !important; border-right: 1px solid #d8171e !important; border-left: 1px solid #d8171e !important; border-bottom: none!important; color: #d8171e !important; } .nav-tabs-parties > li > a.dem { border-top: 1px solid #1587D7 !important; border-right: 1px solid #1587D7 !important; border-left: 1px solid #1587D7 !important; border-bottom: none!important; color: #1587D7 !important; } .nav-tabs-parties > li:last-child > a { margin-right: 0px; } .nav-tabs-parties > li.active > a { position: relative; border-top: 1px solid #DADADA !important; border-right: 1px solid #DADADA !important; border-left: 1px solid #DADADA !important; } .nav-tabs-parties > li.active > a:link, .nav-tabs-parties > li.active > a:visited, .nav-tabs-parties > li.active > a:hover, .nav-tabs-parties > li.active > a:active, .nav-tabs-parties > li.active > a:focus { background-color: #fff; } .nav-tabs-parties > li.active > a.rep { color: #d8171e !important; background-color: #F3F3F3 !important; } .nav-tabs-parties > li.active > a.dem { color: #1587D7 !important; background-color: #F3F3F3 !important; } .nav-tabs-chunky { border-bottom-color: #121212; text-align: center; } .nav-tabs-chunky > li { display: inline-block; float: none; padding-left: 5px; padding-right: 5px; height: auto; line-height: 1.1; font-size: 18px; text-align: center; } .nav-tabs-chunky > li > a { padding: 10px 40px; border-radius: 0; } .nav-tabs-chunky > li > a:hover, .nav-tabs-chunky > li > a:focus, .nav-tabs-chunky > li > a:active, .nav-tabs-chunky > li > a { color: #ff4814; border-color: #787878; border-bottom-color: #121212; } .nav-tabs-chunky > .active > a:hover, .nav-tabs-chunky > .active > a:focus, .nav-tabs-chunky > .active > a:active, .nav-tabs-chunky > .active > a { color: #121212; border-color: #121212; border-bottom-color: transparent; } .nav-tabs-underline { border: none; text-align: center; display: flex; -webkit-align-items: center; -webkit-justify-content: center; align-items: center; justify-content: center; } .nav-tabs-underline > li { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; float: none; font-size: 16px; margin: 0; height: auto; line-height: 1.1; text-align: center; } @media only screen and (max-width: 479px) { .nav-tabs-underline > li { letter-spacing: 0.03em; } } .nav-tabs-underline > li > a { padding: 10px 0; border-radius: 0; margin-right: 2px; } .nav-tabs-underline > li > a:hover, .nav-tabs-underline > li > a:focus, .nav-tabs-underline > li > a:active, .nav-tabs-underline > li > a { border: none; border-bottom: solid 3px transparent; color: #ff4814; } .nav-tabs-underline > li .tab-badge { background: #787878; color: #fff; font-weight: 300; padding: 1px 8px; margin: 0 0 0 3px; border-radius: 10px; } .nav-tabs-underline > .active { font-weight: bold; } .nav-tabs-underline > .active > a:hover, .nav-tabs-underline > .active > a:focus, .nav-tabs-underline > .active > a:active, .nav-tabs-underline > .active > a { border: none; border-bottom: solid 3px #ff4814; color: #ff4814; } .nav-tabs-underline > .active .tab-badge { background: #ff4814; } .nav-tabs-underline-full > li { flex-grow: 1; white-space: nowrap; width: 1%; } .nav-tabs-underline-full > li > a { padding: 18px 0; } .tab-content { padding: 0px 20px 20px; } .tab-content.tab-content-full { padding: 20px 0 0; overflow: visible; } .tab-content.tab-content-visible { padding: 0; overflow: visible; } .dropdown-for-mobile-tabs { margin: 0 0 30px; } .dropdown-for-mobile-tabs .dropdown-toggle { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; background: #e6e6e6; border: solid 1px #e6e6e6; letter-spacing: 1px; line-height: 1.1; margin-right: 0; padding: 15px 0; text-align: center; text-transform: uppercase; display: block; } .dropdown-for-mobile-tabs .dropdown-toggle .caret { margin-top: 6px; } .dropdown-for-mobile-tabs .dropdown-menu { width: 99.5%; text-align: center; } @media only screen and (max-width: 979px) { .nav-tabs-3-small li { width: auto; } } @media only screen and (max-width: 767px) { .nav-tabs-parties > li > a { padding-top: 10px; padding-bottom: 10px; } } @media only screen and (max-width: 479px) { .nav-tabs-underline > li { width: auto; } .nav-tabs-underline > li > a { padding-left: 18px; padding-right: 18px; } } @media only screen and (max-width: 400px) { .nav-tabs-underline > li > a { padding-left: 13px; padding-right: 13px; } } @media only screen and (max-width: 374px) { .nav-tabs-underline > li > a { padding-left: 8px; padding-right: 8px; } } .js-mobile-tabbed-columns-tabs { display: flex; } @media screen and (min-width: 768px) { .js-mobile-tabbed-columns-tabs { display: none; } } .js-mobile-tabbed-columns-tabs > * { flex: 1 1; } .js-mobile-tabbed-columns-tab { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 700; border-bottom: 3px solid; color: #D5D5D5; display: inline-block; font-size: 14px; letter-spcaing: 0.2em; padding: 10px 20px; text-align: center; text-transform: uppercase; } .js-mobile-tabbed-columns-tab[data-active] { color: #ff4814; } @media screen and (max-width: 767px) { .js-mobile-tabbed-column:not([data-active]) { display: none; } } .line-chart { background-color: #f8f8f8; border-radius: 5px; } .line-chart-tooltip { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; background: #121212; border-radius: 3px; color: #fff; padding: 0.2em 1em; pointer-events: none; transform: translate(-50%, -100%) translateY(-15px); } .line-chart-tooltip::after { background-color: inherit; bottom: 0; content: ""; height: 10px; left: 50%; position: absolute; transform: translate(-50%, 50%) rotate(45deg); width: 10px; } /************************** SECTION STYLES ***************************/ /* Section (widgets) */ section { margin-bottom: 35px; } .section-large { margin-bottom: 60px; } .section-half-margin { margin-bottom: 20px; } .section-shorter { margin-bottom: 15px; } .section-title { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 14px; letter-spacing: 1px; line-height: 1; text-transform: uppercase; border-top: solid 3px #121212; margin: 0 0 25px; padding-top: 12px; } .section-title.no-border { border: none; } .section-title.title-large { font-size: 2em; border: none; } .section-title.section-title-huge { font-size: 24px; border: none; margin: 0 0 15px; padding: 0; } .section-title.section-title-main { font-size: 3em; } .section-title.thinner { font-weight: 200; } .section-title.section-title-bottom { border-top: 0; border-bottom: solid 3px #121212; padding: 0 0 12px; margin: 0 0 12px; } .section-title.section-title-light { border-width: 1px; } .section-title.section-title-lightest { border-width: 1px; border-color: #e6e6e6; } .section-title small { text-transform: none; letter-spacing: 0; } .section-title.minimal-margin { margin: 0 0 10px; } .section-title.less-margin { margin-bottom: 15px; } .section-title.muted { color: #e6e6e6; } .section-title .p { font-size: 13px; padding-left: 4px; font-family: "rooney-web", georgia, serif; font-weight: 300; color: #787878; } .hero-section { background: #f8f8f8; margin-top: 15px; } .hero-section.section-large { margin-bottom: 75px; } .section-intro-text { margin: 0 0 40px; } hr.section-title { padding: 0; margin-bottom: 15px; } hr.white { border: none; margin-left: auto; margin-right: auto; height: 3px; background: white; } hr.thinner { margin: 5px 0 20px; } .section-title-serif { font-family: "acta-display", georgia, serif; font-weight: 700; color: #121212; font-size: 32px; line-height: 1.2; margin: 0 0 30px; } .under-section-title { margin-top: -25px; margin-bottom: 30px; } .more-link, .less-link { color: #ff4814; line-height: 1; text-transform: none; letter-spacing: 0; } .more-link:link, .less-link:link, .more-link:visited, .less-link:visited, .more-link:focus, .less-link:focus, .more-link:hover, .less-link:hover, .more-link:active, .less-link:active { color: #ff4814; } .more-link:link, .less-link:link, .more-link:visited, .less-link:visited { text-decoration: none; } .more-link:hover, .less-link:hover, .more-link:active, .less-link:active, .more-link:focus, .less-link:focus { text-decoration: underline; } .section-more-link { color: #ff4814; line-height: 1; text-transform: none; letter-spacing: 0; float: right; display: block; margin: 14px 0 0 5px; } .section-more-link:link, .section-more-link:visited, .section-more-link:focus, .section-more-link:hover, .section-more-link:active { color: #ff4814; } .section-more-link:link, .section-more-link:visited { text-decoration: none; } .section-more-link:hover, .section-more-link:active, .section-more-link:focus { text-decoration: underline; } .section-more-link.no-border { margin-top: 11px; } .section-more-text { float: right; display: block; margin: 11px 0 0 5px; font-size: 12px; } .section-more-text a { color: #ff4814; } .section-more-text a:link, .section-more-text a:visited, .section-more-text a:focus, .section-more-text a:hover, .section-more-text a:active { color: #ff4814; } .section-description { padding: 0 0 10px; } .section-feature-link { line-height: 1.3; font-size: 19px; } .section-feature-link a { color: #ff4814; } .section-feature-link a:link, .section-feature-link a:visited, .section-feature-link a:focus, .section-feature-link a:hover, .section-feature-link a:active { color: #ff4814; } .section-bottom-text { margin-top: 20px; margin-bottom: -10px; font-size: 13px; color: #787878; line-height: 1.2; } .has-section-tag { position: relative; } .section-tag { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #fff; background: #ff4814; padding: 10px; position: absolute; top: -18px; left: 0; text-transform: uppercase; font-size: 16px; letter-spacing: 0.15em; } a.section-tag { color: #fff; } a.section-tag:link, a.section-tag:visited, a.section-tag:focus, a.section-tag:hover, a.section-tag:active { color: #fff; } a.section-tag:hover { color: #FFEFE8; } .below-section-tag { padding-top: 25px; } body.view-crowdpac-detail div.crowdpac-detail-container .row-fluid [class*="span"].crowdpac-title-photo, body.view-crowdpac-detail-with-rally div.crowdpac-detail-container .row-fluid [class*="span"].crowdpac-title-photo { margin-left: 0px; } @media screen and (max-width: 1250px) { body.view-crowdpac-detail .crowdpac-page__tabs-line, body.view-crowdpac-detail-with-rally .crowdpac-page__tabs-line, body.view-crowdpac-detail .crowdpac-story-content, body.view-crowdpac-detail-with-rally .crowdpac-story-content { margin: 0px 20px 30px 20px; } } body.view-petition-show div.container, body.view-crowdpac-detail div.container, body.view-crowdpac-detail-with-rally div.container { width: auto; max-width: 1200px; } @media (max-width: 979px) and (min-width: 768px) { body.view-petition-show div.container section.petition-container .row-fluid [class*="span"], body.view-crowdpac-detail div.container section.petition-container .row-fluid [class*="span"], body.view-crowdpac-detail-with-rally div.container section.petition-container .row-fluid [class*="span"] { margin-left: 0px; } } @media screen and (max-width: 768px) { body.view-petition-show div.container .row-fluid [class*="span"], body.view-crowdpac-detail div.container .row-fluid [class*="span"], body.view-crowdpac-detail-with-rally div.container .row-fluid [class*="span"], body.view-petition-show div.container [class*="span"], body.view-crowdpac-detail div.container [class*="span"], body.view-crowdpac-detail-with-rally div.container [class*="span"] { float: left; } body.view-petition-show div.container .row-fluid .span2, body.view-crowdpac-detail div.container .row-fluid .span2, body.view-crowdpac-detail-with-rally div.container .row-fluid .span2 { width: 14.89361702% !important; *width: 14.84042553% !important; } body.view-petition-show div.container .span7.m.crowdpac-title-photo, body.view-crowdpac-detail div.container .span7.m.crowdpac-title-photo, body.view-crowdpac-detail-with-rally div.container .span7.m.crowdpac-title-photo { width: 82.9787234%; *width: 82.92553191%; } body.view-petition-show div.container .row-fluid .span10, body.view-crowdpac-detail div.container .row-fluid .span10, body.view-crowdpac-detail-with-rally div.container .row-fluid .span10 { width: 82.9787234%; *width: 82.92553191%; } } @media screen and (max-width: 414px) { body.view-petition-show div.container section.petition-container, body.view-crowdpac-detail div.container section.petition-container, body.view-crowdpac-detail-with-rally div.container section.petition-container, body.view-petition-show div.container div.crowdpac-detail-container, body.view-crowdpac-detail div.container div.crowdpac-detail-container, body.view-crowdpac-detail-with-rally div.container div.crowdpac-detail-container { margin: 0px !important; } } body.view-petition-show div.container div.sidebar-menu-global, body.view-crowdpac-detail div.container div.sidebar-menu-global, body.view-crowdpac-detail-with-rally div.container div.sidebar-menu-global { /*smaller phones*/ } @media screen and (max-width: 414px) { body.view-petition-show div.container div.sidebar-menu-global, body.view-crowdpac-detail div.container div.sidebar-menu-global, body.view-crowdpac-detail-with-rally div.container div.sidebar-menu-global { position: relative; width: 26px; margin: 10px; } } @media screen and (max-width: 375px) { body.view-petition-show div.container div.sidebar-menu-global, body.view-crowdpac-detail div.container div.sidebar-menu-global, body.view-crowdpac-detail-with-rally div.container div.sidebar-menu-global { position: relative; width: 22px; margin: 5px; } } /************************** SCALE AND DOT STYLES ***************************/ /* Scale - which is spectrum line */ .scale .nav.nav-tabs.nav-scale-group { display: none; margin: 0; border: none; } .scale .nav.nav-tabs.nav-scale-group li { text-align: center; width: 32%; margin: 0 2% 0 0; } .scale .nav.nav-tabs.nav-scale-group li:nth-child(3n) { margin-right: 0; } .scale .nav.nav-tabs.nav-scale-group li a { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; border: solid 2px #121212; border-width: 0 0 2px; color: #121212; outline: none; border-radius: 0; } .scale .nav.nav-tabs.nav-scale-group li.active a { border-width: 0 0 4px; padding-bottom: 7px; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; background: none; } .scale .tab-content { overflow: inherit; padding: 20px 0 0; } .scale-list { list-style: none; margin: 0 1.1em; padding: 0; } .scale-issue { padding-bottom: 1.1em; } .scale-issue-name { line-height: 1.4; padding-top: 5px; } .dot-container { height: 35px; position: relative; margin-top: -2px; } .list-item .dot-container { margin-top: 0; } .dot-bar { background: #121212; border: none; height: 2px; margin: 0; padding: 0; position: absolute; top: 17px; width: 100%; z-index: 2; background: #e6e6e6; height: 3px; } .dot { background: #787878; border-radius: 7px; display: block; height: 13px; position: absolute; top: 11px; width: 13px; z-index: 3; text-align: center; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; } .dot.badge { color: #fff !important; } .dot-empty { width: 2px; border-width: 0; background: #121212; border-radius: 0; height: 8px; top: 14px; border-radius: 7px; height: 9px; width: 9px; background: #e6e6e6; } .dot-mid { left: 50%; margin-left: -4px; background: #f8f8f8; border: solid 3px #e6e6e6; border-radius: 7px; height: 5px; width: 5px; top: 13px; } .dot-right { right: 0; } .dot-container-conservative .dot-left { display: none; } .dot-container-conservative .dot-mid { left: 0; } .badge.dot-average { padding: 2px; line-height: 13px; width: 12px; text-align: center; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; border-radius: 0; } .badge.dot-average .average-bar { display: block; width: 2px; height: 49px; background: #d8171e; position: absolute; right: 7px; top: -16px; z-index: -1; } .dot-average-left { background: #1587D7; } .dot-average-left .average-bar { background: #1587D7 !important; } .dot-average-right { background: #d8171e; } .dot-highlight { border-radius: 18px; height: 32px; text-align: center; top: 2px; width: 32px; z-index: 4; top: 10px; height: 16px; width: 16px; } .dot-highlight span { display: none; color: #fff; font-size: 11px; line-height: 32px; } .dot-highlight-hovered { height: 32px; width: 32px; top: 2px; margin-left: -8px; } .dot-highlight-hovered span { display: block; } .dot-highlight-bordered { border: solid 2px #fff; top: 0; } .dot-no-score { border: solid 2px #e6e6e6; background: #fff; height: 20px !important; width: 20px !important; left: 50%; margin-left: -10px !important; top: 6px !important; } .dot-no-score span { line-height: 21px !important; color: #e6e6e6; font-size: 12px; display: block; } .dot-highlight-smaller { height: 22px; width: 22px; } .dot-highlight-smaller span { line-height: 22px; font-size: 8px; } .scale-issue:hover .dot-highlight, .dot-container:hover > .dot-highlight:not(.dot-candidate, .dot-avatar) { height: 32px; width: 32px; top: 2px; margin-left: -8px; } .scale-issue:hover .dot-highlight span, .dot-container:hover > .dot-highlight:not(.dot-candidate, .dot-avatar) span { display: block; } .selections-section-detail .dot-highlight { height: 32px; width: 32px; top: 2px; margin-left: -8px; } .selections-section-detail .dot-highlight span { display: block; } .election-module-ideological .list-item:hover .dot-highlight { height: 32px; width: 32px; top: 2px; margin-left: -8px; } .election-module-ideological .list-item:hover .dot-highlight span { display: block; } .selections-section-detail { padding: 0 0 0 32px; } .selections-section-detail.selections-section-shared { padding-left: 0; } .candidate-selections-hover { float: left; padding: 8px 5px 8px 0; } .no-touch .candidate-non-hover:hover { color: #ff4814; } /* large variant of dot - issue detail page */ .dot-container-large > .dot-highlight { width: 21px; height: 21px; top: 7px; } .dot-container-large > .dot-empty.dot-left, .dot-container-large > .dot-empty.dot-right { width: 2px; height: 14px; top: 11px; } .candidate-no-issue-data-message { padding: 20px; } /* dot with avatar (from voter guide) */ .dot.dot-avatar { transition: all 0.2s ease; } .dot.dot-avatar img { display: none; transition: all 0.2s ease; } .dot.dot-avatar:hover, .dot.dot-avatar.avatar-showing, .dot.dot-avatar.active { z-index: 4; width: 34px; height: 34px; border-radius: 17px; top: 1px; margin-left: -10px; } .dot.dot-avatar:hover img, .dot.dot-avatar.avatar-showing img, .dot.dot-avatar.active img { width: 30px; height: 30px; border-radius: 16px; padding: 2px; display: block; } .dot.dot-avatar:hover.active-highlight, .dot.dot-avatar.avatar-showing.active-highlight, .dot.dot-avatar.active.active-highlight { width: 50px; height: 50px; border-radius: 25px; top: -7px; margin-left: -18px; } .dot.dot-avatar:hover.active-highlight img, .dot.dot-avatar.avatar-showing.active-highlight img, .dot.dot-avatar.active.active-highlight img { width: 46px; height: 46px; border-radius: 23px; } .dot.dot-avatar.avatar-showing:hover { z-index: 7; } .dot.dot-avatar.active { background: #ff4814 !important; } .scale-avatar-selectable .hover-help-text { display: none; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; color: #ff4814; text-transform: uppercase; text-align: center; position: absolute; top: 36px; left: -40px; font-size: 11px; width: 120px; } .scale-avatar-selectable:hover .hover-help-text { display: block; } .scale-avatar-selectable.active .hover-help-text { display: none; } .scale-list-see-more { font-family: "rooney-web", georgia, serif; font-weight: 300; font-size: 14px; line-height: 21px; color: #787878; display: block; outline: none !important; text-align: center; text-decoration: underline; padding: 0 0 14px; font-size: 12px; } .scale-list-see-more:hover { text-decoration: none; } .card .scale-list-see-more { margin: 0 40px; } .dot-average { display: none; } .dot-container:hover .dot-average, .image-slider-container:hover .dot-average, .scale-issue.hover .dot-average { display: block; } .image-slider-container .dot-average { top: -7px; } .scale-issue.non-hover { opacity: 0.25; } .dot-average-left + .tooltip { margin-top: -16px !important; } .dot-average-left + .tooltip .tooltip-inner { background: #1587D7; } .dot-average-left + .tooltip .tooltip-arrow { border-top-color: #1587D7; } .dot-average-right + .tooltip { margin-top: -16px !important; } .dot-average-right + .tooltip .tooltip-inner { background: #d8171e; } .dot-average-right + .tooltip .tooltip-arrow { border-top-color: #d8171e; } .dot-container + .tooltip { white-space: normal; color: #fff; width: 450px; } .dot-container + .tooltip.in { opacity: 1; } .dot-container + .tooltip .tooltip-arrow { border-bottom-color: #ff4814 !important; } .dot-container + .tooltip .tooltip-inner { background: #ff4814; border-radius: 0; border-left: solid 3px #8f2308; border-right: solid 3px #ff4814; border-width: 0 3px; } .dot-container + .tooltip h4 { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; } .dot-container + .tooltip p { color: #fff; font-size: 12px; line-height: 1.4; margin-bottom: 0; } .dot-container + .tooltip .close { text-shadow: none; color: #fff; opacity: 1; } .block { background: #f8f8f8; margin: 0 0 2%; cursor: pointer; } .block-content { padding: 30px; } .block-header { padding: 0 0 20px; text-align: center; } .block-title { font-family: "rooney-web", georgia, serif; font-weight: 300; color: #121212; font-size: 20px; line-height: 1.1; margin: 10px 0; padding: 0; } .block-title strong { font-family: "rooney-web", georgia, serif; font-weight: 500; } .block-subtitle { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 14px; letter-spacing: 1px; line-height: 1; text-transform: uppercase; color: #787878; margin: 0; padding: 0; } .block-cta { text-align: center; } .block-intro { padding: 0 0 10px; } .block-intro p { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; color: #121212; font-size: 14px; line-height: 1.4; } .block-module-race { margin: 0 0 20px; } .block-module-race .legend { display: none; } .fixed-bar { position: fixed; padding: 10px; z-index: 99; background: #fff; border: solid 1px #e6e6e6; width: 100%; -ms-box-sizing: border-box; box-sizing: border-box; } .fixed-bar-bottom { bottom: 0; border-width: 1px 0 0; } .btn.fixed-bar-btn { padding: 10px 0; } .has-scrolled.fixed-bar { padding-bottom: 20px; } .has-scrolled .btn.fixed-bar-btn { padding: 17px 0; } .fixed-bar--left-right { left: 0; right: 0; } /************************** HERO CARDS ***************************/ .hero-card { display: block; } .hero-card:hover { opacity: 0.9; } .hero-card.hero-card-no-hover:hover { opacity: 1; } .hero-card .hero-card-sub { background: #121212; padding: 15px; } .hero-card .add-recipient { padding: 0; height: 100%; } .hero-card .add-recipient img { margin-top: 28px; } .hero-card .add-to-campaign { padding: 0; height: 100%; } .hero-card .hero-card-sub-link { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; text-decoration: underline; color: #fff; font-size: 14px; padding-top: 10px; display: block; } .hero-card .hero-card-sub-link:hover { text-decoration: none; } .hero-card .hero-card-name { position: relative; } .hero-card .affiliation-icon { position: absolute; top: 0; right: 0; } .hero-card .hero-card-candidate-name { font-size: 20px; font-family: "acta-display", georgia, serif; font-weight: 400; color: #fff; margin-right: 30px; } .hero-card .hero-card-candidate-name.hero-card-candidate-name-long { font-size: 16px; } .hero-card.hero-card-white { border: solid 1px #e6e6e6; } .hero-card.hero-card-white .hero-card-sub { background: #fff; } .hero-card.hero-card-white .hero-card-candidate-name { color: #121212; } .hero-card.hero-card-light .hero-card-sub { background: #f8f8f8; min-height: 100px; } .hero-card.hero-card-light .hero-card-candidate-name { font-weight: 400; color: #121212; } .hero-card.hero-card-light .hero-card-sub-link, .hero-card.hero-card-light .hero-card-subtitle { color: #787878; font-weight: 400; } .btn-hero-card-sub { margin-top: 15px; } .hero-card-right .hero-card-candidate-name { float: right; } .hero-card-right .affiliation-icon { float: right; } .hero-card-name.has-subtitle .affiliation-icon { display: none; } .hero-card-name.has-subtitle .hero-card-subtitle-container .affiliation-icon { display: block; margin-right: 5px; position: static; } .hero-card-icon { top: 10px; right: 0; position: absolute; } .hero-card-icon.dot { top: 4px; } .hero-card-state { color: #787878; font-size: 30px; } .hero-card-subtitle-container { padding: 12px 0 0; } .hero-card-subtitle { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 14px; line-height: 1; color: #fff; padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .draggable-hero-card-placeholder { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 10px; background: #FDFDFD; height: 299px; border: 5px dashed #DFDFDF; } .btn-dark-close { background: #121212; color: #fff !important; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; opacity: 0.9; border-radius: 3px; padding: 5px; font-size: 30px; text-align: center; width: 20px; height: 20px; position: absolute; top: 10px; left: 10px; display: none; } .hero-card-editable { position: relative; cursor: move; } .hero-card-editable:hover .btn-dark-close { display: block; } .hero-card-vs { position: relative; } .hero-card-vs .hero-card { float: left; width: 50%; } .hero-card-vs .hero-card:hover, .hero-card-vs .hero-card:active { opacity: 0.85; } .hero-card-vs .vs-line { position: absolute; width: 1px; left: 50%; height: 100%; background: #787878; } .hero-card-vs .vs-circle { position: absolute; left: 50%; top: 50%; margin: -22px 0 0 -22px; border: solid 3px #fff; text-align: center; border-radius: 30px; } .hero-card-vs .hero-card-right .hero-card-candidate-name { margin-right: 30px; } .grid-hero-card .hero-card { float: left; width: 25%; } .grid-hero-card .hero-card:hover { opacity: 1; } .grid-hero-card .hero-card .dot { display: none; } .grid-hero-card .hero-card-candidate-name { font-size: 18px; } .hero-cards-4-up .hero-card, .hero-cards-3-up .hero-card, .hero-cards-2-up .hero-card { width: 49%; display: inline-block; vertical-align: top; } .hero-cards-3-up .hero-card { width: 30%; margin: 0 1.6% 1.6% 0; } .hero-cards-4-up .hero-card { width: 24%; } .hero-cards-4-up .hero-card-candidate-name { min-height: 42px; overflow: hidden; } .hero-cards-1-up { max-width: 225px; margin: 0 auto; } .hero-cards-1-up .hero-card-editable .btn-dark-close { display: block; } .hero-cards-1-up .hero-card-subtitle { overflow: auto; line-height: 1.2; white-space: normal; } .hero-card-add-to-slate { height: 299px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #f8f8f8; } .hero-card-add-to-slate:focus, .hero-card-add-to-slate:hover, .hero-card-add-to-slate:active { opacity: 1; border: 1px solid #CBCBCB; } .hero-card-add-to-slate .hero-card-desc { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 14px; line-height: 1.2; color: #787878; padding: 0; margin-top: 11px; } .hero-card-social-icons a { display: inline-block; margin-top: 10px; margin-right: 14px; } @media only screen and (max-width: 979px) { .hero-card-add-to-slate { height: 280px; } .hero-card-add-to-slate .add-recipient { padding: 0 15px; } .hero-card-add-to-slate .add-recipient img { width: 100px; height: 100px; margin-top: 18px; } .hero-card-add-to-slate .hero-card-candidate-name { height: auto; font-size: 18px; } .hero-card-add-to-slate .m-top-double { margin-top: 16px; } .hero-card .add-recipient img { margin-top: 18px; } .draggable-hero-card-placeholder { height: 280px; } } @media only screen and (max-width: 767px) { .hero-cards-4-up .hero-card, .hero-cards-3-up .hero-card { width: 48.4%; margin: 0 1.2% 1.6% 0; } .hero-cards-4-up .hero-card:nth-child(even), .hero-cards-3-up .hero-card:nth-child(even) { margin: 0 0 1.6% 0; } .hero-cards-2-up .hero-card { width: 100%; margin: 0 0 1%; float: none; } } @media only screen and (max-width: 599px) { .hero-card .hero-card-candidate-name { float: left; } .hero-card .candidate-last-name { display: block; } .hero-card .has-no-subtitle .affiliation-icon { float: right; } .hero-card .fantasy-badge { bottom: 78px; height: 40px; width: 40px; } .hero-cards-1-mobile .hero-card { width: 100%; margin: 0 0 1%; float: none; } } @media only screen and (max-width: 479px) { .hero-card .hero-card-candidate-name { font-size: 16px; line-height: 1.1; min-height: 34px; } .hero-card .fantasy-badge { bottom: 68px; } .draggable-hero-card-placeholder { height: 250px; } } .mini-recipient { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; align-items: center; display: inline-flex; color: #787878; font-size: 14px; line-height: 1.3; margin: -5px; text-align: left; } @media only screen and (max-width: 979px) and (min-width: 768px) { .mini-recipient { line-height: 1.1; } } .mini-recipient > * { margin: 5px; } .mini-recipient__image-container { align-self: flex-start; flex-shrink: 0; position: relative; } .mini-recipient__image { border-radius: 50%; height: 52px; width: 52px; } .mini-recipient .affiliation-icon { border: 2px solid #fff; border-radius: 50%; bottom: -4px; display: inline-block; font-size: 13px; height: 1.4em; line-height: 1.4; position: absolute; right: -4px; width: 1.4em; } .mini-recipient__title { color: #121212; display: block; font-weight: bold; } .mini-recipient__subtitle a { color: inherit; text-decoration: none; border-bottom: solid 1px #ccc; } .mini-recipient__subtitle a:hover { color: #121212; border-color: #121212; } .mini-recipient-alt { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; flex: 0; position: relative; display: inline-flex; flex-direction: row; align-items: center; justify-content: flex-end; margin-top: 12px; margin-bottom: 12px; padding-left: 24px; padding-right: 0; } .mini-recipient-alt .mini-recipient-title-wrapper { padding-left: 16px; height: 100%; display: flex; flex-direction: column; justify-content: center; } .mini-recipient-alt .mini-recipient-title { font-size: 18px; font-weight: bold; text-align: right; margin-right: 8px; } .mini-recipient-alt .mini-recipient-subtitle { display: block; text-align: right; font-size: 14px; margin-right: 8px; line-height: 1.3em; max-height: 2.6em; min-width: 240px; } .mini-recipient-alt .mini-recipient-subtitle a { color: inherit; text-decoration: none; border-bottom: solid 1px #ccc; } .mini-recipient-alt .mini-recipient-subtitle a:hover { color: #121212; border-color: #121212; } .mini-recipient-alt .mini-recipient-image-container { position: relative; min-height: 52px; min-width: 52px; margin-top: -4px; } .mini-recipient-alt .mini-recipient-image { border-radius: 50%; height: 52px; width: 52px; } .mini-recipient-alt .affiliation-icon { display: inline-block; height: 1.4em; width: 1.4em; font-size: 13px; line-height: 1.4; border: 2px solid #fff; border-radius: 50%; position: absolute; bottom: -4px; right: -4px; } .mobile-mini-recipient-wrapper { margin-top: 16px; margin-bottom: 16px; } /************************** CARD (HOVER STATE) ***************************/ /* This is the hover popover that appears when hovering a candidate */ .card { background: #fff; margin-bottom: 35px; } .popover { background: #fff; max-width: 700px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); border-radius: 0; } .popover.right .arrow:after { border-right-color: #f8f8f8; border-right-color: #fff; } .popover.top .arrow:after { border-top-color: #f8f8f8; border-top-color: #fff; } .popover.bottom .arrow:after { border-bottom-color: #f8f8f8; border-bottom-color: #fff; } .popover.left .arrow:after { border-left-color: #f8f8f8; border-left-color: #fff; } .popover .card { margin-bottom: 0; } .popover-content { padding: 0; width: 640px; width: 420px; } .card-header { padding: 13px; } .card-header .card-header-left { width: 340px; } .card-title { font-family: "acta-display", georgia, serif; font-weight: 700; font-size: 16px; letter-spacing: 1px; line-height: 20px; text-transform: uppercase; color: #121212; text-transform: none; font-size: 22px; line-height: 1; letter-spacing: 0; margin: 0 0 4px; } .card-title a:link, .card-title a:visited, .card-title a:active { text-decoration: none; } .card-title .affiliation-icon { border-radius: 0; font-size: 12px; line-height: 18px; margin: 2px 0 0; height: 18px; width: 18px; float: left; } .no-touch .card-title a:hover { text-decoration: underline; } .card-subtitle { margin: 0; font-size: 15px; line-height: 1; } .card-subtitle a:link, .card-subtitle a:visited { color: #787878; text-decoration: underline; } .card-subtitle a:focus, .card-subtitle a:hover, .card-subtitle a:active { color: #787878; text-decoration: none; } .lined-through { height: 3px; margin: 5px 0 0; text-align: center; background: #121212; } .lined-through span { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 14px; letter-spacing: 1px; line-height: 1; text-transform: uppercase; top: -0.65em; background: #fff; position: relative; padding: 0 5px; } .lined-through span.card-section-title { font-weight: 300; } .card-meta { position: relative; } .card-meta .tab-content { padding-top: 12px; } .card-meta .scale-list { padding-bottom: 0; } .card-meta .card-tutorial-toggle { font-family: "rooney-web", georgia, serif; font-weight: 300; font-size: 14px; line-height: 21px; color: #787878; position: absolute; bottom: 14px; right: 14px; } .card-meta .card-tutorial-toggle:hover { text-decoration: underline; } .card-video-toggle { position: relative; line-height: 25px; } .card-video-toggle .icon { font-size: 15px; color: #787878; float: left; margin: 5px 0 0 8px; } .question-mark { font-size: 16px; display: block; } .question-mark:link, .question-mark:visited { color: #f8f8f8; } .question-mark:hover, .question-mark:active, .question-mark:focus { color: #787878; } .card .question-mark { margin-right: 16px; margin-top: -2px; } .card .scale { padding-top: 15px; } .card .scale .nav-scale-group li a { line-height: 1.2; } .card .scale .scale-issue-name { line-height: 1; padding-top: 11px; font-size: 12px; } .card-with-video .card-image { position: relative; } .card-with-video .card-image i { position: absolute; color: #fff; top: 5px; left: 175px; z-index: 1020; font-size: 40px; } .card-with-video .card-image:hover i { text-decoration: none; } .card-with-video.card-playing-video .card-info, .card-with-video .card-video { display: none; } .card-with-video.card-playing-video .card-video { display: block; } .card-video .close { margin: 10px; display: block; float: right; } .card-tutorial { padding: 20px; background: #f8f8f8; } .card-showing-tutorial .card-info { display: none; } .card-showing-tutorial .card-tutorial { display: block; } .card-tutorial-section { padding: 0 0 25px; } .card-tutorial-title { font-family: "acta-display", georgia, serif; font-weight: 700; font-size: 22px; line-height: 25px; color: #121212; margin: 0 0 8px; } .card-tutorial-title .badge { margin-right: 10px; } .card-tutorial-text { margin-left: 40px; } .card-insufficient-data { margin: 5px 15px 15px; } .card-insufficient-data hr { margin-top: 0; margin-bottom: 15px; } /************************** VOTING GUIDE SURVEY ***************************/ /* Used for candidate thumb images and meta */ .thumb { float: left; margin: 0 10px 20px 0; } .thumb .thumb-link { display: block; } .thumb .candidate-badge-and-score { float: right; margin: 0 0 10px 10px; } .thumb .candidate-badge-and-score .affiliation-icon { display: inline-block; } .thumb:nth-child(5n), .thumb.last { margin-right: 0px; } .candidate-list .thumb-candidate { margin-bottom: 0; } .thumb-header img { display: block; } .thumb-title-container { margin-top: 10px; position: relative; } .thumb-title-container .candidate-badge-and-score { position: absolute; top: 0; right: 0; z-index: 3; } .thumb-title { font-family: "acta-display", georgia, serif; font-weight: 700; font-size: 16px; letter-spacing: 1px; line-height: 20px; text-transform: uppercase; line-height: 18px; /*position: absolute; top:0; left:0; z-index:2; */ } .thumb-subtitle { font-family: "rooney-web", georgia, serif; font-weight: 300; font-size: 14px; line-height: 17px; color: #787878; margin: 0; } .thumb-candidate, .thumb-candidate .thumb-link { width: 180px; } .thumb-footer { padding-top: 11px; border-top: solid 1px #787878; } .thumb-footer strong, .thumb-footer span { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; letter-spacing: 1px; line-height: 1; text-transform: uppercase; font-size: 14px; display: block; } .thumb-candidate .close { position: absolute; z-index: 5; top: 1px; right: 6px; } .thumb-with-opponents { margin-bottom: 0; } .candidate-list .thumb-with-stars { position: relative; margin-right: 20px; margin-bottom: 20px; width: 198px; } .candidate-list .thumb-with-stars .thumb-title { color: #121212; } .candidate-list .thumb-with-stars .close { color: #fff; opacity: 0.9; text-shadow: 1px 1px 1px #787878; font-size: 30px; } .candidate-list .thumb-with-stars.thumb:nth-child(5n) { margin-right: 20px; } .candidate-list .thumb-with-stars.thumb:nth-child(3n) { margin-right: 0; } .thumb-with-opponents .thumb-link { opacity: 0.5; } .thumb-with-opponents .thumb-link.active { opacity: 1; } .thumb-bg { display: block; background-size: cover; background-repeat: no-repeat; border: solid 1px #e6e6e6; margin: 0 0 20px; } .thumb-bg:hover { opacity: 0.9; border-color: #ff4814; } .thumb-bg:hover .thumb-bg-name { color: #ff4814; } .thumb-bg-name { font-family: "acta-display", georgia, serif; font-weight: 700; padding: 24px 4px; font-size: 16px; } /************************** PANELS - for showing grids of crowdpacs ***************************/ .panel { display: block; border: solid 1px #e6e6e6; background: #fff; border-radius: 5px; } .panel-no-border { border-radius: 0; border: none; } .panel-image { display: block; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .panel-content { padding: 10px 15px 13px 15px; } .panel-content.panel-content-padded { padding: 25px; } .panel-name { font-family: "acta-display", georgia, serif; font-weight: 700; color: #121212; font-size: 16px; display: block; margin: 0; } .index-grid h4.panel-name { line-height: 1; overflow: hidden; } .add-to-campaign .panel-name { margin-top: 14px; width: 85%; } .panel.add-to-campaign-wrapper { display: flex; -webkit-align-items: center; -webkit-justify-content: center; align-items: center; justify-content: center; } .panel.add-to-campaign-wrapper:focus, .panel.add-to-campaign-wrapper:hover, .panel.add-to-campaign-wrapper:active { opacity: 1; border: 1px solid #CBCBCB; } .panel-stat-number { display: block; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 14px; line-height: 1.2; color: #121212; font-weight: 700; } .panel-featured .panel-stat-number { color: #fff; } .panel-stat-word { display: block; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 14px; line-height: 1.2; color: #787878; } .panel-featured { border-radius: 5px; background-color: #fff; background-position: center; background-repeat: no-repeat; background-size: cover; border: none; display: flex; height: 225px; } .panel-featured .panel-content { margin-top: auto; width: 100%; padding-top: 70px; /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to bottom, rgba(1, 1, 1, 0) 0%, rgba(1, 1, 1, 0.8) 98%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00121212', endColorstr='#121212', GradientType=0); /* IE6-9 */ -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 0; border-top-right-radius: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-left-radius: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .panel-featured .panel-name { font-size: 18px; letter-spacing: 0.04em; display: table-cell; vertical-align: bottom; font-weight: 300; text-shadow: 1px 1px 1px #121212; } .panel-featured .panel-name a { color: #fff; } .panel-featured .panel-name a:link, .panel-featured .panel-name a:visited, .panel-featured .panel-name a:focus, .panel-featured .panel-name a:hover, .panel-featured .panel-name a:active { color: #fff; } .panel-featured .panel-name, .panel-featured .panel-stat-number { color: #fff; } .panel-featured .panel-stat-word { color: #e6e6e6; } .panel-featured .panel-stat-number, .panel-featured .panel-stat-word { display: inline-block; } .panel-featured-mega { height: 470px; } .panel-featured-mega .panel-name { font-size: 30px; } .panel-score-color { background: #652290; display: flex; -webkit-align-items: center; -webkit-justify-content: center; align-items: center; justify-content: center; } .panel-score-color .panel-content { text-align: center; margin: 20px auto; border-radius: 400px; background: #7327a5; padding: 50px 10px; } .panel-score-color .panel-header { font-family: "acta-display", georgia, serif; font-weight: 700; font-size: 28px; color: #fff; } .panel-score-color .panel-text { color: #fff; font-size: 16px; } .crowdpacs-list.crowdpacs-list-featured .panel-featured .panel-content { padding-top: 30px; } .flex-panels { display: -moz-flex; display: -ms-flex; display: flex; flex-wrap: wrap; margin: 0 0 2em 0; } .flex-panels .panel { min-height: 0; border-radius: 5px; margin: 0 1.2em 1.2em 0; width: calc(33% - 1.2em); } .flex-panels .panel:nth-child(3n) { margin-right: 0; } .flex-panels .panel .image { border-radius: 5px 5px 0 0; display: block; margin-bottom: 1.75em; margin-left: -1.75em; margin-top: -1.75em; position: relative; width: calc(100% + 3.5em); } .flex-panels .panel .image img { border-radius: 5px 5px 0 0; width: 100%; } @media screen and (max-width: 979px) { .flex-panels .panel { width: calc(33% - 1.6em); } } @media screen and (max-width: 736px) { .flex-panels .panel { margin-right: 0.8em; width: calc(50% - 0.875em - 1px); } .flex-panels .panel:nth-child(3n) { margin-right: 0.8em; } .flex-panels .panel:nth-child(2n) { margin-right: 0; } .flex-panels .panel .image { margin-bottom: 1.5em; margin-left: -1.5em; margin-top: -1.5em; width: calc(100% + 3em); } } @media screen and (max-width: 640px) { .flex-panels { display: block; } .flex-panels .panel { width: 100%; margin: 0 0 2em 0 !important; } } .panel-grid { display: flex; flex-wrap: wrap; } .panel-grid .panel { margin-right: 2%; margin-bottom: 2%; flex: 0 1 31%; } .panel-grid .panel:nth-child(3n) { margin-right: 0; } .panel-grid .panel-content { display: flex; flex-direction: column; justify-content: space-between; height: 112px; } .panel-grid .panel-featured-action .panel-content { justify-content: flex-end; } .panel-grid-4-up .panel { flex: 0 1 23%; } .panel-grid-4-up .panel:nth-child(3n) { margin-right: 2%; } .panel-grid-4-up .panel:nth-child(4n) { margin-right: 0; } .panel-grid-4-up .panel-content { height: 125px; } .panel-grid-4-up .panel-featured-action .panel-content { height: 146px; } .panel-grid-2-up { max-width: 660px; margin-left: auto; margin-right: auto; } .panel-grid-2-up .panel { flex: 0 1 47%; } .panel-grid-2-up .panel:nth-child(3n) { margin-right: 2%; } .panel-grid-2-up .panel:nth-child(2n) { margin-right: 0; } .panel-grid.panel-grid-1-up { max-width: 340px; margin-left: auto; margin-right: auto; } .panel-grid.panel-grid-1-up .panel { flex: 0 1 99%; } .panel-grid.panel-grid-1-up .panel:nth-child(n) { margin-right: 0; } .panel-list { list-style: none; margin: 0; } .panel-list a:hover .panel-list-title { color: #ff4814; } .panel-list-title { font-family: "rooney-web", georgia, serif; font-weight: 300; color: #121212; font-size: 18px; line-height: 1.2; } .panel-list-title:hover { color: #ff4814; } .panel-list-item { border-bottom: solid 1px #e6e6e6; padding: 0 0 24px; margin: 0 0 24px; } .panel-list-date { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-weight: 300; color: #787878; padding: 0; font-size: 14px; margin: 0 0 2px; } .panel-list-date a { color: #e6e6e6; } .panel-list-date a:link, .panel-list-date a:visited, .panel-list-date a:focus, .panel-list-date a:hover, .panel-list-date a:active { color: #e6e6e6; } .nested-progress-bar { height: 24px; width: 540px; float: left; border-radius: 24px; } .nested-progress-bar .bar { border-radius: 24px; } .nested-progress-bar .bar.dem { background-color: #1587D7; } .nested-progress-bar .bar.rep { background-color: #d8171e; } .nested-progress-stats { line-height: 25px; text-shadow: 1px 1px 0px #121212; color: #fff; position: absolute; margin-left: 5px; } .nested-progress-stats.empty-bar { color: black; text-shadow: none; } .panel-row-btn { float: right; } .vp-candidate-name { font-family: "acta-display", georgia, serif; font-weight: 700; color: #121212; font-size: 24px; } .panel-status-label { font-size: 11px; text-align: center; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #A6A6A6; text-transform: uppercase; border-top: solid 1px #e6e6e6; margin-left: -15px; margin-right: -15px; margin-bottom: -9px; padding-top: 3px; letter-spacing: 2px; } .panel-status-label.panel-status-label-success { color: #ff4814; } .panel-with-sash { position: relative; } .panel-status-sash { position: absolute; top: 0; left: 0; height: 93px; width: 93px; display: block; background-repeat: no-repeat; background-color: transparent; background-position: center; background-size: cover; } .panel-status-sash.panel-status-sash-success { background-image: url(https://res.cloudinary.com/crowdpac/image/upload/v1458608690/assets/Success_banner_small.png); } .panel-status-sash.panel-status-sash-closed { background-image: url(https://res.cloudinary.com/crowdpac/image/upload/v1458608644/assets/Closed_banner_small.png); } .panel-featured-mega .panel-status-sash { width: 113px; height: 113px; } .panel-featured-mega .panel-status-sash.panel-status-sash-success { background-image: url(https://res.cloudinary.com/crowdpac/image/upload/v1458606024/assets/Success_banner_large.png); } .panel-featured-mega .panel-status-sash.panel-status-sash-closed { background-image: url(https://res.cloudinary.com/crowdpac/image/upload/v1458605880/assets/Closed_banner_large.png); } .panel-featured-action { width: 220px; height: 320px; } .panel-featured-action .panel-name { font-size: 28px; font-weight: 700; } .panel-featured-action .panel-content { padding-left: 10px; padding-right: 10px; } .panels-centered { display: flex; -webkit-align-items: center; -webkit-justify-content: center; align-items: center; justify-content: center; } .panels-centered .panel { margin-right: 10px; margin-bottom: 10px; } .panels-centered .panel:last-child { margin-right: 0; } .panel-footer { margin-top: 5px; } @media screen and (max-width: 979px) { .nested-progress-bar { width: 360px; height: 24px; } .panel-grid .panel-name { height: 45px; } .panel-grid .panel-content { height: 138px; } .panel-grid .panel-featured-action { flex: 0 1 48%; } .panel-grid .panel-featured-action:nth-child(3n) { margin-right: 2%; } .panel-grid .panel-featured-action:nth-child(2n) { margin-right: 0; } .panel-grid .panel-featured-action .panel-name { height: auto; } .panel-featured-action .panel-content { height: 112px; } .progress-small { margin-top: 0; } .panel-footer { margin-top: 0px; } .panel-featured-action .panel-footer { margin-top: 10px; } } @media screen and (min-width: 768px) { .panel-home-wrapper.column-mobile-left { margin-bottom: 20px; } .panel-featured-span { margin-bottom: 20px; } } @media screen and (max-width: 767px) { .panel-grid .panel, .panel { height: auto; } .panel-grid .panel-featured-action { height: 320px; } .panel-featured { min-height: 180px; } .panel-featured-mega { height: 225px; } .panel-featured-span { margin-bottom: 10px; } .panel-grid .panel { flex: 0 1 48%; } .panel-grid .panel:nth-child(3n) { margin-right: 2%; } .panel-grid .panel:nth-child(2n) { margin-right: 0; } .panel-grid .panel-not-featured .panel-content { padding: 8px; min-height: 112px; } .panel-list-image { display: none; } .panel-list-has-mobile-img .media > .pull-left { width: 100px; } .panel-list-has-mobile-img .panel-list-image { display: block; } .panel-list-title { font-weight: 300; } .panel-list-item { padding-bottom: 16px; margin-bottom: 16px; } .panel-list-item .btn { float: right; margin-bottom: 23px; margin-left: 8px; } .panel-list-item .progress { height: 5px; } .panel-list-item .progress-container { margin-top: -5px; } .panel-list-item .progress-stats * { font-size: 14px; } .panel-list-item .progress.nested-progress-bar { width: 100%; height: 24px; } .panel-home-wrapper.column-mobile-left { margin-bottom: 0; } .panel-status-label { margin-left: -8px; margin-right: -8px; } .panel-mobile-padding .panel-content { padding: 8px; } .vp-candidate-name { font-size: 16px; } .panels-centered { flex-wrap: wrap; } } @media screen and (max-width: 479px) { .panel-grid .panel-featured-action { display: block; margin: 0 0 15px!important; width: 100%; flex: none; position: relative; } .panel-grid .panel-featured-action .panel-name { height: 95px; } .panel-grid .panel-featured-action .panel-content { padding: 2%; width: 96%; position: absolute; bottom: 0; left: 0; height: auto; display: block; } } .hero-baseball-cards-grid { align-items: stretch; display: flex; flex-wrap: wrap; margin-left: -20px; } .hero-baseball-cards-grid__hero { margin: 0 0 20px 20px; width: calc(2/3 * 100% - 20px); } @media screen and (max-width: 767px) { .hero-baseball-cards-grid__hero { width: calc(100% - 20px); } } .hero-baseball-cards-grid__non-heros { display: flex; flex-wrap: wrap; width: 33%; } @media screen and (max-width: 767px) { .hero-baseball-cards-grid__non-heros { width: 100%; } } .hero-baseball-cards-grid__non-heros > .baseball-card { margin: 0 0 20px 20px; width: calc(100% - 20px); } @media screen and (max-width: 767px) { .hero-baseball-cards-grid__non-heros > .baseball-card { width: calc(50% - 20px); } } @media screen and (max-width: 479px) { .hero-baseball-cards-grid__non-heros > .baseball-card { width: calc(100% - 20px); } } #js-crowdpacs-grid-container.is-loading-crowdpacs { opacity: 0.2; } .baseball-cards-grid { align-items: stretch; display: flex; flex-wrap: wrap; margin-left: -20px; } .baseball-cards-grid > .baseball-card { margin: 0 0 20px 20px; } .baseball-cards-grid--4-across > .baseball-card { width: calc(25% - 20px); } @media screen and (max-width: 979px) { .baseball-cards-grid--4-across > .baseball-card { width: calc(1/3 * 100% - 20px); } } @media screen and (max-width: 767px) { .baseball-cards-grid--4-across > .baseball-card { width: calc(50% - 20px); } } @media screen and (max-width: 479px) { .baseball-cards-grid--4-across > .baseball-card { width: calc(100% - 20px); } } .baseball-cards-grid--3-across > .baseball-card { width: calc(1/3 * 100% - 20px); } @media screen and (max-width: 979px) { .baseball-cards-grid--3-across > .baseball-card { width: calc(50% - 20px); } } @media screen and (max-width: 479px) { .baseball-cards-grid--3-across > .baseball-card { width: calc(100% - 20px); } } .baseball-card { background: #fff; border: 1px solid #e6e6e6; border-radius: 5px; box-sizing: border-box; color: #121212; display: flex; flex-direction: column; overflow: hidden; position: relative; text-align: left; } .baseball-card--featured { border: 0; justify-content: flex-end; min-height: 225px; } .baseball-card a { color: inherit; text-decoration: none; } .baseball-card__image { background-position: 50% 33%; background-size: cover; margin-bottom: 0.5em; height: 170px; } .baseball-card--featured .baseball-card__image { margin-bottom: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .baseball-card__background-overlay { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0.8) 100%); bottom: 0; height: 100%; left: 0; position: absolute; width: 100%; } .baseball-card__content { display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 0.5em; position: relative; } .baseball-card__content:not(.baseball-card__content--featured) { flex-grow: 1; } .baseball-card__content--featured { color: #fff; justify-content: flex-end; text-shadow: 1px 1px 1px #121212; } .baseball-card__segment { margin: 0.3em 1em; } .baseball-card__segment--hidden { visibility: hidden; } .baseball-card__name { font-family: "rooney-web", georgia, serif; font-weight: 300; font-size: 20px; max-height: 3em; line-height: 1.2; margin: 0; max-height: 3.6em; overflow: hidden; } .baseball-card__name--featured { max-height: auto; } .baseball-card__name--mega { font-size: 30px; } .baseball-card__subtitle { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; color: #787878; font-size: 14px; line-height: 18px; margin-top: 5px; } .baseball-card:not(.baseball-card--featured) .baseball-card__spacer { min-height: 1em; flex-grow: 1; } .baseball-card__progress-bar { background: #e6e6e6; height: 5px; position: relative; } .baseball-card--featured .baseball-card__progress-bar { height: 3px; } .baseball-card__progress-bar-fill { background: #ff4814; height: 100%; left: 0; position: absolute; top: 0; width: 50%; } .baseball-card__meta { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; display: flex; line-height: 1.2; justify-content: space-between; } .baseball-card__meta > :last-child { text-align: right; } .baseball-card:not(.baseball-card--featured) .baseball-card__meta { color: #787878; } .baseball-card:not(.baseball-card--featured) .baseball-card__meta strong { color: #121212; display: block; } .baseball-card__banner { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 700; background: white; color: #787878; text-align: center; text-transform: uppercase; } .baseball-card__banner--successful { color: #ff4814; } .baseball-card:not(.baseball-card--featured) .baseball-card__banner { border-top: 1px solid #e6e6e6; font-size: 12px; padding: 0.2em 0; } .baseball-card--featured .baseball-card__banner { box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); height: 2em; left: -50%; line-height: 2em; position: absolute; transform: translate(3em, 3em) rotate(-45deg); transform-origin: center center; top: -1em; width: 100%; } /**************************************/ /* Issue Sliders */ /**************************************/ .ui-slider .ui-slider-handle { cursor: pointer; } .issue-slider { background: #e6e6e6; border: none; height: 3px; margin: 30px 20px 20px 10px; padding: 0; z-index: 2; } .issue-slider .ui-slider-handle { border-radius: 18px; height: 35px; text-align: center; top: -15px; width: 35px; background: #652290; border: none; text-decoration: none; outline: none; z-index: 5; } .image-slider .ui-slider-handle { height: 30px; width: 30px; top: -14px; } .image-slider .ui-slider-handle.ui-state-active { height: 36px; width: 36px; top: -17px; margin-left: -12px; } .image-slider .ui-slider-handle.ui-state-active span { height: 36px; width: 36px; } .save-image-slider { margin-top: 12px; } .survey-sections .save-image-slider { display: none; } .image-slider-mid { padding-top: 32px; } .issue-slider .ui-slider-handle span { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #fff; font-size: 13px; letter-spacing: 1px; line-height: 35px; } .issue-slider .dot { top: -3px; } .issue-slider .dot-issuepoint { top: -5px; } .issue-slider .dot.dot-empty.dot-right { right: -10px; /*new*/ right: 0px; } .slider-box-ideology-conservative .dot.dot-left { display: none; } .slider-box-ideology-conservative .dot.dot-mid { left: 0; } .slider-box-ideology-conservative .issue-slider-helper-left { width: 115px; } .slider-box-ideology-liberal .dot.dot-right { display: none; } .slider-box-ideology-liberal .dot.dot-mid { right: 0; left: auto; } .ui-slider-handle span.with-arrows, .image-slider-flex-slider .ui-slider-handle span, .image-slider-mid .ui-slider-handle span { font-size: 0; text-indent: -9999px; background: url('https://assets.crowdpac.com/v2/production/all/img/slider-arrows.png') center no-repeat; height: 30px; width: 30px; display: block; } .issue-slider-helper-container { padding: 0 20px; } .image-slider-label { float: left; width: 50%; text-align: center; } .issue-slider-helper { padding-top: 2px; width: 82px; margin: 0 auto; } .issue-slider-helper p { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; line-height: 1.2; float: left; } .issue-slider-helper i { display: block; float: left; margin: 2px 5px 0 0; } .issue-slider-helper-right { width: 122px; } .issue-slider-helper-right p { float: right; } .issue-slider-helper-right i { float: right; margin: 2px 0 0 5px; } .issue-slider-label-right { text-align: right; } .issue-slider-labels-stretched .issue-slider-helper { margin: 0; } .issue-slider-labels-stretched .issue-slider-helper-right { float: right; } .modal-issue-image-slider .modal-body { padding-top: 20px; } /************************** SHARING AND SOCIAL ICONS ***************************/ .social-share-widgets { width: 242px; margin: 20px auto; } .social-share-widget { float: left; } .social-share-widget.social-share-widget-fb { margin: 0 20px 0 25px; } /************************** SHARE ***************************/ .section-share .section-title { margin-bottom: 20px; } /************************** Header Share ***************************/ .header-share { float: right; } .header-share section { margin: 0; } .header-share .section-title { display: none; } .social-icons { margin: 23px 0 0; } .social-icon { float: left; display: block; padding: 5px; height: 22px; width: 22px; border-radius: 20px; border: solid 2px #121212; font-size: 22px; margin-right: 15px; text-align: center; } .social-icon:last-child { margin-right: 0!important; } .social-icon:hover { color: #ff4814 !important; border-color: #ff4814 !important; } .social-icon.social-icon-color-fb { color: #3a5998; border-color: #3a5998; } .social-icon.social-icon-color-twitter { color: #4098fc; border-color: #4098fc; } .social-icons-black .social-icon.social-icon-color-fb, .social-icons-black .social-icon.social-icon-color-twitter { color: #121212; border-color: #121212; } .social-icons-white .social-icon.social-icon-color-fb, .social-icons-white .social-icon.social-icon-color-twitter { color: #fff; border-color: #fff; } .home-social-icons .social-icon { margin-right: 25px; } .header-share { float: right; width: 28px; margin-left: 5px; } .header-share .social-icon { height: 28px; width: 28px; line-height: 28px; padding: 0; font-size: 23px; border-radius: 0; border: none; background: #fff; color: #121212; margin: 0; } .header-share .social-icon.social-icon-color-fb { color: #3a5998; } .header-share .social-icon.social-icon-color-twitter { color: #4098fc; } .header-share .social-icon:hover { color: #ff4814 !important; } .horizontal-share .header-share { width: auto; float: none; } /************************** Share Bar ***************************/ .module-share-bar { margin-top: 40px; margin-bottom: 40px; display: flex; -webkit-align-items: center; -webkit-justify-content: center; align-items: center; justify-content: center; flex-wrap: wrap; } .module-share-bar > * { margin: 0 10px; } .module-share-bar .btn { width: 140px; } .module-share-bar-widest .btn { width: 168px; } .module-share-bar-grid { flex: none; margin: 0; } .module-share-bar-grid .btn { float: left; width: 36%; margin: 0 4% 4% 0; } .module-share-bar-shorter { flex: none; } .module-share-bar-shorter .btn { width: 48%; } @media only screen and (max-width: 979px) { .module-share-bar .btn { width: 100px; } .module-share-bar-widest .btn { width: 125px; } .module-share-bar-grid .btn { float: none; display: block; width: 100%; margin: 0 0 4% 0; } .module-share-bar-shorter .btn.btn-lower.btn-large { padding: 8px; } .module-share-bar .btn.btn-lower.btn-large { padding: 8px 12px; } } @media only screen and (max-width: 767px) { .module-share-bar { display: block; text-align: center; } .module-share-bar .share-bar-text { display: block; margin: 10px; width: 100%; } .module-share-bar .btn { width: 44%; float: left; padding-left: 0!important; padding-right: 0!important; border: none; margin: 10px 3%; } .module-share-bar-shorter .btn { margin: 0!important; width: 42%; } } /************************** SEARCH PAGE (includes typeahead) ***************************/ .view-search .nav-search { display: none; } /************************** LAYOUT ***************************/ .site-search .twitter-typeahead, .layout-search .twitter-typeahead, .block-twitter-typeahead .twitter-typeahead { width: 100%; } .site-search .typeahead-candidate-names, .layout-search .typeahead-candidate-names, .block-twitter-typeahead .typeahead-candidate-names { width: 100%; } .site-search .tt-menu, .layout-search .tt-menu, .block-twitter-typeahead .tt-menu { width: 99.5%; } /************************** TWITTER TYPEAHEAD ***************************/ .twitter-typeahead .tt-query, .twitter-typeahead .tt-hint { margin-bottom: 0; } .twitter-typeahead .tt-hint { display: none; } .nav-search .typeahead-candidate-names { margin-bottom: 0; } .tt-menu { min-width: 222px; margin-top: 2px; padding: 0; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; } @media screen and (max-width: 768px) { .tt-menu { border-left: none; border-right: none; border-bottom: none; } } .search-result { display: block; padding: 18px 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .search-result .media { overflow: visible; } .search-result .list-item { margin: 2px 0; } .search-result p { margin: 0; } .search-result .list-item-title { color: #121212; text-align: left; font-size: 16px; margin: 0; line-height: 1.1; } .search-result .list-item-title-centered { margin-top: 8px; } .search-result .list-item-subtitle { display: none; font-size: 11px; line-height: 1.1; color: #787878; } .search-result.search-result-active-0 { opacity: 0.6; } .search-result.search-result-active-0 .list-item-title { color: #787878; } .search-result.tt-suggestion p { font-size: 16px; } .search-result.tt-suggestion.tt-cursor, .search-result.tt-suggestion:hover { cursor: pointer; background-color: #e6e6e6; } .search-result .mini-recipient .affiliation-icon { border: 1px solid #fff; bottom: -1px; right: -3px; color: #fff; text-align: center; } .search-result .mini-recipient__image { height: 50px; width: 50px; } .search-result .mini-recipient__text-block { margin-left: 10px; margin-bottom: 0px; margin-top: 0px; } .search-result .list-item-title { margin-bottom: 7px; } @media screen and (max-width: 768px) { .search-result .list-item-title { margin-bottom: 3px; } } .search-result .label-tiny { font-size: 14px; } .search-result:last-child { border-bottom: none; } .search-result-default { color: #121212; padding: 3px 20px; } .search-result-default.tt-cursor, .search-result-default:hover { background: #e6e6e6; cursor: pointer; } .typeahead-default-container .tt-suggestion, .tt-dataset-election-names .tt-suggestion { display: block; padding: 18px 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); color: #121212; text-align: left; font-size: 16px; margin: 0; line-height: 1.1; margin-bottom: 7px; } .typeahead-default-container .tt-suggestion .media, .tt-dataset-election-names .tt-suggestion .media { overflow: visible; } .typeahead-default-container .tt-suggestion .list-item, .tt-dataset-election-names .tt-suggestion .list-item { margin: 2px 0; } .typeahead-default-container .tt-suggestion p, .tt-dataset-election-names .tt-suggestion p { margin: 0; } .typeahead-default-container .tt-suggestion .list-item-title, .tt-dataset-election-names .tt-suggestion .list-item-title { color: #121212; text-align: left; font-size: 16px; margin: 0; line-height: 1.1; } .typeahead-default-container .tt-suggestion .list-item-title-centered, .tt-dataset-election-names .tt-suggestion .list-item-title-centered { margin-top: 8px; } .typeahead-default-container .tt-suggestion .list-item-subtitle, .tt-dataset-election-names .tt-suggestion .list-item-subtitle { display: none; font-size: 11px; line-height: 1.1; color: #787878; } .typeahead-default-container .tt-suggestion.search-result-active-0, .tt-dataset-election-names .tt-suggestion.search-result-active-0 { opacity: 0.6; } .typeahead-default-container .tt-suggestion.search-result-active-0 .list-item-title, .tt-dataset-election-names .tt-suggestion.search-result-active-0 .list-item-title { color: #787878; } .typeahead-default-container .tt-suggestion.tt-suggestion p, .tt-dataset-election-names .tt-suggestion.tt-suggestion p { font-size: 16px; } .typeahead-default-container .tt-suggestion.tt-suggestion.tt-cursor, .tt-dataset-election-names .tt-suggestion.tt-suggestion.tt-cursor, .typeahead-default-container .tt-suggestion.tt-suggestion:hover, .tt-dataset-election-names .tt-suggestion.tt-suggestion:hover { cursor: pointer; background-color: #e6e6e6; } .typeahead-default-container .tt-suggestion .mini-recipient .affiliation-icon, .tt-dataset-election-names .tt-suggestion .mini-recipient .affiliation-icon { border: 1px solid #fff; bottom: -1px; right: -3px; color: #fff; text-align: center; } .typeahead-default-container .tt-suggestion .mini-recipient__image, .tt-dataset-election-names .tt-suggestion .mini-recipient__image { height: 50px; width: 50px; } .typeahead-default-container .tt-suggestion .mini-recipient__text-block, .tt-dataset-election-names .tt-suggestion .mini-recipient__text-block { margin-left: 10px; margin-bottom: 0px; margin-top: 0px; } .typeahead-default-container .tt-suggestion .list-item-title, .tt-dataset-election-names .tt-suggestion .list-item-title { margin-bottom: 7px; } @media screen and (max-width: 768px) { .typeahead-default-container .tt-suggestion .list-item-title, .tt-dataset-election-names .tt-suggestion .list-item-title { margin-bottom: 3px; } } .typeahead-default-container .tt-suggestion .label-tiny, .tt-dataset-election-names .tt-suggestion .label-tiny { font-size: 14px; } @media screen and (max-width: 768px) { .typeahead-default-container .tt-suggestion, .tt-dataset-election-names .tt-suggestion { margin-bottom: 3px; } } .search-empty-state { font-size: 13px; line-height: 1.1; padding: 18px 15px; cursor: default!important; } @media only screen and (min-width: 768px) { .form-large-typeahead .tt-menu { min-width: 312px; } } @media screen and (max-width: 768px) { .tt-menu { width: 100%; top: 55px; } } .bar-graph { width: 100%; } .bar-graph-row { border-bottom: solid 1px #e6e6e6; } .bar-graph-row td { padding-top: 15px; padding-bottom: 15px; } .bar-graph-row:hover { opacity: 0.9; } .bar-graph-row .affiliation-icon { margin-right: 6px; } .bar-graph-image { width: 25%; } .bar-graph-value-container { width: 75%; padding-left: 15px; } .bar-graph-value { position: relative; width: 100%; height: 50px; float: left; text-align: left; } .bar-graph-value * { position: absolute; } .bar-graph-bar-value { z-index: 6; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #fff; right: 0; padding-right: 4px; } .bar-graph-bar-value.backup-value { right: auto; left: 100%; color: #e6e6e6; } .bar-graph-bar { top: 0; z-index: 5; height: 50px; left: 0; position: relative; } .bar-graph-formatted-value { font-weight: 500; } .bar-graph-subtitle { color: #787878; font-size: 80%; line-height: 1.2; } .bar-graph-filter-description { padding-left: 10px; color: #787878; font-style: italic; } .bar-graph-small .bar-graph-image-with-score { display: none!important; } .bar-graph-small .bar-graph-name-col { width: 90%!important; font-size: 80%; line-height: 1.1; } .bar-graph-small .bar-graph-bar, .bar-graph-small .bar-graph-value { height: 20px; } .bar-graph-small .bar-graph-row td { padding-top: 5px; padding-bottom: 5px; } .bar-graph-small .bar-graph-image { width: 42%; } .bar-graph-small .bar-graph-value-container { width: 58%; padding-left: 2px; } .bar-graph-small .active .bar-graph-name-col { color: #ff4814; } .bar-graph-small .bar-graph { margin: 0 0 20px; } .bar-graph-small .bar-graph-filter select { display: none; } .bar-graph-small .bar-graph-filter-description { padding: 0 0 10px; } @media only screen and (max-width: 767px) { .bar-graph-small .bar-graph-name-col { font-size: 100%; } .bar-graph-small .bar-graph-image { width: 30%; } .bar-graph-small .bar-graph-value-container { width: 70%; } } /************************** MEDIA BOX (LARGE STRIPE) ***************************/ .media-box { display: flex; align-items: center; justify-content: space-between; } .media-box-content { padding: 40px 0; } .media-box-padded { padding: 75px 0; margin: auto; } .media-box-padded-top { padding: 25px 0 0; } .media-box-image { margin: -40px auto; } .media-box-flex { display: block; } .media-box-pretitle { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 14px; letter-spacing: 1px; line-height: 1; text-transform: uppercase; color: #ff4814 !important; margin: 0 0 10px; } .media-box-title { font-family: "rooney-web", georgia, serif; font-weight: 300; font-size: 40px; color: #121212; margin: 0 0 10px; line-height: 1; font-size: 32px; line-height: 1.2; max-width: 470px; margin-bottom: 15px; } .media-box-title strong { font-family: "rooney-web", georgia, serif; font-weight: 500; } .media-box-title.headline-serif-small { font-size: 20px; color: #787878; } .media-box-title.headline-serif-small a { color: #787878; } .media-box-title.headline-serif-small a:hover { color: #ff4814; } .hero-section-highlight { background: #ff4814; margin-top: 0; } .hero-section-highlight .media-box-pretitle, .hero-section-highlight .media-box-title { color: #fff !important; text-align: center; } .hero-section-highlight .btn { display: block; background: #fff !important; color: #ff4814 !important; } @media only screen and (min-width: 768px) { .media-box-flex { display: flex; } } /************************** STEP CIRCLES ***************************/ .step-circles { display: flex; justify-content: space-between; align-items: flex-start; } .step-circle { max-width: 240px; } .step-circle-image { margin-bottom: 20px; } .step-circle-text p { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 16px; } .step-circle-arrow { font-size: 40px; padding: 0 10px; margin-top: 5%; } @media only screen and (min-width: 980px) { .step-sub-cartoon { height: 130px; } } .horizontal-steps { display: flex; -webkit-align-items: center; -webkit-justify-content: center; align-items: center; justify-content: center; } .horizontal-step-divider { height: 100px; width: 1px; background: #e6e6e6; flex: 1 0 1px; } .horizontal-step { padding: 0 30px; margin-bottom: auto; } @media only screen and (max-width: 619px) { .horizontal-step-divider { display: none; } .horizontal-steps { display: block; } .horizontal-step { margin-bottom: 20px; } } /************************** STATS (including large stats, stats box) ***************************/ .large-stats { border-top: solid 1px #e6e6e6; padding-top: 10px; } .large-stat { color: #121212; padding: 10px 0; margin: 0 0 10px; border-bottom: solid 1px #e6e6e6; } .large-stat strong { font-family: "acta-display", georgia, serif; font-weight: 700; font-size: 42px; } .large-stat span { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 14px; letter-spacing: 1px; line-height: 1; text-transform: uppercase; font-weight: 300; } .large-stat.large-stat-progress { padding-top: 0; margin-bottom: 0; border: none; } .large-stat.large-stat-progress .progress { margin: 10px 0 0; } .stat strong { font-family: "acta-display", georgia, serif; font-weight: 700; font-size: 32px; color: #121212; } .stat span { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; } .stat-small strong { font-size: 22px; } .stats-box { background: #f8f8f8; border: solid 1px #dbdbdb; box-sizing: border-box; border-radius: 3px; } .stats-box .stat-box { border-right: solid 1px #dbdbdb; box-sizing: border-box; float: left; padding: 10px; } .stats-box .stat-box:last-child { border: none; } .stats-box .stat-box p { line-height: 1.1; font-size: 16px; } .stats-box-1 .stat-box { width: 100%; } .stats-box-2 .stat-box { width: 49%; } .stats-box-3 .stat-box { width: 33%; } /* Used when sharing a Survey result after a Contribution /app/views/contribute/_partials/survey-share.blade.php */ .layout-survey { background: #e6e6e6; padding-bottom: 100px; } .header-survey { background: #444; padding: 20px 0 100px; } .content-survey { margin-top: -110px; } .survey-container { padding: 80px; background: #fff; } .header-survey-response { margin-top: -40px; margin-bottom: 40px; } .panel-list-survey-results .media-body { margin-top: 17px; } img.main-match { border-radius: 10px; } .survey-header-wrap { margin-top: 50px; margin-bottom: 50px; } @media only screen and (max-width: 767px) { .header-survey { padding: 0 0 20px; } .content-survey { margin-top: -40px; } .survey-container { padding: 20px; } .header-survey-response { margin-top: 0; margin-bottom: 20px; } } @media only screen and (max-width: 479px) { .layout-survey { padding-bottom: 0px; } img.main-match { border-radius: 5px; } .survey-header-wrap { margin-top: 25px; margin-bottom: 25px; } .header-survey { padding: 0; } .layout-survey { background: none; } .survey-container { padding: 20px 0; } .content-survey { margin-top: 0; margin-bottom: 0; } .header-survey-response { font-size: 24px; } } /************************** Postcards - large light cards with actions ***************************/ .postcard { border: solid 1px #e6e6e6; border-radius: 10px; transition: all 0.5s ease; } .postcard.postcard-can-hover:hover { background: #f8f8f8; } .postcard-content { padding: 40px; max-width: 260px; margin: 0 auto; text-align: center; } .postcard-wide .postcard-content { max-width: 100%; } @media only screen and (max-width: 979px) { .postcard-content { padding: 40px 20px; } } @media only screen and (max-width: 767px) { .postcard-content { padding: 20px; } .postcards-container { padding: 0 20px; } .postcards-container .display-flex { flex-direction: column; } } .postcard-btn { color: #121212; display: block; text-align: center; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; border: solid 1px #e6e6e6; border-radius: 5px; transition: all 0.1s ease; font-size: 16px; } .postcard-btn__header { padding: 40px 10px; } .postcard-btn__title { font-size: 24px; margin-bottom: 8px; font-weight: 600; } .postcard-btn__title-suffix { font-size: 18px; } .postcard-btn__meta, .postcard-btn__hover-meta { border-top: solid 1px #e6e6e6; padding: 10px; font-size: 14px; } .postcard-btn__meta { color: #aaa; } .postcard-btn__meta--empty { color: #fff; border-color: #fff; } .postcard-btn__hover-meta { display: none; color: #fff; background-color: #ff4814; border-top-color: #ff4814; } .no-touch .postcard-btn:hover { border-color: #ff4814; } .no-touch .postcard-btn:hover .postcard-btn__meta { display: none; } .no-touch .postcard-btn:hover .postcard-btn__hover-meta { display: block; } .image-input { text-align: center; } .image-input .image-input__container { border: 5px dashed #e6e6e6; border-radius: 5px; display: inline-block; margin: 0 auto; max-width: 100%; position: relative; } .image-input--circular .image-input__container { border-radius: 50%; } .image-input[data-has-file] .image-input__container { border: 0; } .image-input .image-input__error { background: rgba(255, 128, 128, 0.5); padding: 0.5em 1em; } .image-input .image-input__error:empty { display: none; } .image-input .image-input__button { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; background: #fff; border: 3px solid #aaa; border-radius: 5px; color: #121212; font-size: 14px; padding: 0.2em 2em; white-space: nowrap; } .image-input .image-input__button--icon { font-size: 22px; padding-left: 0.5em; padding-right: 0.5em; } .image-input .image-input__placeholder { left: 50%; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); } .image-input .image-input__placeholder[data-has-file] .image-input .image-input__placeholder__placeholder { display: none; } .image-input .image-input__file-input { cursor: pointer; height: 100%; left: 0; opacity: 0.001; position: absolute; top: 0; width: 100%; } .image-input .image-input__hidden-fields { height: 1px; position: absolute; pointer-events: none; opacity: 0.001; overflow: hidden; width: 1px; } .image-input .image-input__preview { cursor: move; display: block; max-width: 100%; } .image-input--circular .image-input__preview { border-radius: 50%; } .image-input[data-has-file] .image-input__preview { position: relative; } .image-input .image-input__clear-button { position: absolute; right: 15px; top: 15px; transition: opacity 0.2s; } .image-input .image-input__clear-button:disabled { opacity: 0; pointer-events: none; } .image-input .image-input__loader { background: rgba(0, 0, 0, 0.5); border-radius: 50%; height: 50px; left: 50%; line-height: 47px; pointer-events: none; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 50px; } .image-input:not([data-loading]) .image-input__loader { display: none; } .image-input:not([data-has-file]) .image-input__instruction { display: none; } .image-input .image-input__warning { padding: 0.5em 1em; } .campaign-owner-banner { background: #f8f8f8; border-bottom: 1px solid #e6e6e6; color: #787878; padding: 30px 0 30px; } .campaign-owner-banner .campaign-owner-banner__container { align-items: center; display: flex; flex-wrap: wrap; margin: 0 -10px; } .campaign-owner-banner .campaign-owner-banner__column { flex: 100 1 35ch; margin: 0 10px; } .campaign-owner-banner .campaign-owner-banner__column--narrow { flex: 1 1 calc(33.33% - 20px); } .campaign-owner-banner .campaign-owner-banner__heading { color: #121212; font-size: 24px; margin: 0.5em 0; } .campaign-owner-banner .campaign-owner-banner__content, .campaign-owner-banner .campaign-owner-banner__content p { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 14px; } .campaign-owner-banner .content-links-group { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; } @media (max-width: 881px) { .campaign-owner-banner .content-links-group a { padding-bottom: 12px; } } .campaign-owner-banner .needs-more-financial-info-group .campaign-owner-banner-link { width: 50%; } .campaign-owner-banner .campaign-owner-banner__stats-group { border-radius: 5px; display: flex; flex-wrap: wrap; margin: 9.5px -0.5px; position: relative; overflow: hidden; } .campaign-owner-banner .campaign-owner-banner__stats-group > * { background: white; color: #787878; flex: 1 1 0; margin: 0.5px; position: relative; } .campaign-owner-banner .campaign-owner-banner__stat { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 300; font-size: 14px; line-height: 1.2; padding: 16px 18px; white-space: nowrap; } .campaign-owner-banner .campaign-owner-banner__stat:nth-child(1), .campaign-owner-banner .campaign-owner-banner__stat:nth-child(2) { border-right: 1px solid #e6e6e6; } .campaign-owner-banner .campaign-owner-banner__stat--progress { flex-grow: 2; } @media screen and (max-width: 979px) { .campaign-owner-banner .campaign-owner-banner__stat--progress { flex-basis: 100%; border-right: none !important; border-bottom: 1px solid #e6e6e6; } } @media (max-width: 979px) { .campaign-owner-banner .campaign-owner-banner__stat.convert-pledges-stat-box { width: 100%; flex-basis: 100%; border-right: none; border-bottom: 1px solid #e6e6e6; } } .campaign-owner-banner .campaign-owner-banner__stat-value { color: #121212; display: block; } .campaign-owner-banner .campaign-owner-banner__progress-bar { background: #e6e6e6; border-radius: 2em; height: 0.8em; margin: 0.2em 0; position: relative; overflow: hidden; } .campaign-owner-banner .campaign-owner-banner__progress-bar-fill { background: #ff4814; border-radius: 0 2em 2em 0; height: 100%; left: 0; position: absolute; top: 0; } .campaign-owner-banner .campaign-owner-banner__button-group { display: flex; flex-wrap: wrap; margin: 5px -5px; } .campaign-owner-banner .campaign-owner-banner__button-group--stacked { flex-direction: column; } .campaign-owner-banner .campaign-owner-banner__button-group > * { flex: 1 0 0; margin: 5px; } .campaign-owner-banner .campaign-owner-banner__button { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; background: #fff; border: 1px solid #e6e6e6; border-radius: 5px; box-sizing: border-box; color: #ff4814; display: inline-block; font-size: 14px; line-height: 1; min-height: 3em; padding: 1em; text-align: center; white-space: nowrap; } .campaign-owner-banner .campaign-owner-banner__button--major { background: #ff4814; border: 1px solid #121212; border-width: 0 0 1px 0; color: #fff; } .campaign-owner-banner .campaign-owner-banner__button--minor { color: #787878; } .campaign-owner-banner .campaign-owner-banner__button--share { border: 0; background: #787878; color: #fff; } .campaign-owner-banner .campaign-owner-banner__button--joined:not([data-joined-place='first']) { border-bottom-left-radius: 0; border-left-width: 0; border-top-left-radius: 0; margin-left: 0; } .campaign-owner-banner .campaign-owner-banner__button--joined:not([data-joined-place='last']) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 0; } .campaign-owner-banner .campaign-owner-banner__button[href*='facebook.com/'] { background: #3a5998; } .campaign-owner-banner .campaign-owner-banner__button[href*='twitter.com/'] { background: #4098fc; } .campaign-owner-banner .campaign-status__button { align-items: stretch; border: 1px solid; border-radius: 5px; box-shadow: 0 0 0 -15em inset; box-sizing: border-box; color: #fff; display: inline-flex; font-weight: normal; line-height: 1.3; margin: 0; text-align: center; text-decoration: none; padding: 0.2em 1em; font-size: 12px; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; text-transform: uppercase; } .campaign-owner-banner .campaign-status--live-pledge { background: #17b2dd; border-color: #17b2dd; } .campaign-owner-banner .campaign-status--live-donation, .campaign-owner-banner .campaign-status--private { background: #31CA47; border-color: #31CA47; } .campaign-owner-banner .campaign-status--closed, .campaign-owner-banner .campaign-status--hidden, .campaign-owner-banner .campaign-status--unpublished { background: #c1c1c1; border-color: #c1c1c1; } .campaign-owner-banner .campaign-status--pending-verification, .campaign-owner-banner .campaign-status--pending-financial-info { background: #b846fd; border-color: #b846fd; } .campaign-owner-banner .campaign-status--rejected { background: #ff0002; border-color: #ff0002; } .campaign-owner-banner .action-icon { padding-right: 8px; font-size: 16.5px; } .campaign-owner-banner .campaign-owner-banner-link { display: flex; align-items: center; width: 33%; } @media screen and (max-width: 979px) { .campaign-owner-banner .campaign-owner-banner-link { width: 45%; } } .campaign-owner-banner .convert-pledges-link { font-weight: bold; color: #ff4814; transition: -webkit-text-decoration 0.1s; transition: text-decoration 0.1s; transition: text-decoration 0.1s, -webkit-text-decoration 0.1s; } .campaign-owner-banner .convert-pledges-link:hover { text-decoration: underline; } .cp-carousel { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; overflow: hidden; text-align: left; } .cp-carousel[data-layout="stack"] { border-bottom: 1px solid #eee; } .cp-carousel .cp-carousel__panels, .cp-carousel .cp-carousel__contents { display: flex; position: relative; left: 0; width: 300%; } .cp-carousel .cp-carousel__panels > *, .cp-carousel .cp-carousel__contents > * { width: 33.33333333%; } .cp-carousel .cp-carousel__panels { transition: left 0.3s; background-color: #fff; } .cp-carousel .cp-carousel__contents:empty { display: none; } .cp-carousel[data-buttons-off-screen] .cp-carousel__contents { order: -1; } .cp-carousel .cp-carousel__panel { align-items: flex-end; background-size: cover; background-position: center center; display: flex; position: relative; justify-content: flex-end; } .cp-carousel .cp-carousel__panel-height-maintainer { display: table; height: 0; padding-top: 45.21276596%; width: 1px; } @media (max-width: 767px) { .cp-carousel .cp-carousel__panel-height-maintainer { padding-top: 67%; } } .cp-carousel .cp-carousel__panel-link { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 67%; background-size: cover; } @media (max-width: 767px) { .cp-carousel .cp-carousel__panel-link { width: 100%; } } .cp-carousel .cp-carousel__panel-content-box { background: #fff; color: #121212; display: inline-block; max-width: 33.33333333%; position: relative; display: flex; justify-content: center; flex-direction: column; } .cp-carousel:not([data-layout="stack"]) .cp-carousel__panel-content-box { height: 100%; } .cp-carousel .cp-carousel__panel-content-container { margin: 15px 20px; } .cp-carousel .cp-carousel__buttons { display: flex; position: relative; } .cp-carousel .cp-carousel__indicator { background: #fff; height: 30px; position: absolute; left: -45px; top: 100%; transform: translate(-50%, -50%) rotate(45deg); transition: left 0.1s; width: 30px; } .cp-carousel[data-layout="stack"] .cp-carousel__indicator { height: 15px; width: 15px; } .cp-carousel[data-buttons-off-screen] .cp-carousel__indicator { top: 100%; } .cp-carousel .cp-carousel__button { background: none; border: 0; color: #8f8f8f; cursor: pointer; flex: 1; font-family: inherit; font-size: 18px; letter-spacing: 0.2ch; padding: 40px 1em; position: relative; text-align: center; text-transform: uppercase; z-index: 1; border-radius: 0px; } .cp-carousel .cp-carousel__button:hover { color: #121212; } .cp-carousel .cp-carousel__button:focus { outline: 0; z-index: 2; } .cp-carousel .cp-carousel__button:not(:first-child) { border-left: 1px solid #e6e6e6; } .cp-carousel .cp-carousel__button[data-carousel-active] { color: #121212; font-weight: bold; } @media (max-width: 320px) { .cp-carousel .cp-carousel__button { flex: 1 1 auto; } } .cp-carousel[data-layout="stack"] .cp-carousel__button { font-size: 14px; padding: 20px 1em; } @media (max-width: 475px) { .cp-carousel[data-layout="stack"] .cp-carousel__button { padding: 10px; } } .bubble-card { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; background: #fff; color: #121212; display: flex; flex-direction: column; font-size: 14px; position: relative; } .bubble-card .bubble-card__image { border-radius: 50%; background-position: center center; background-size: cover; display: block; height: 140px; margin: 0 auto -70px; position: relative; width: 140px; z-index: 1; } @media only screen and (max-width: 767px) { .bubble-card .bubble-card__image { width: 120px; } } @media (max-width: 414px) { .bubble-card .bubble-card__image { height: 110px; margin-bottom: -55px; width: 110px; } } .bubble-card .bubble-card__content { background: #fff; border: 1px solid #e6e6e6; border-radius: 5px; color: #121212; display: flex; flex-direction: column; flex-grow: 1; padding-top: 70px; position: relative; } @media (max-width: 414px) { .bubble-card .bubble-card__content { padding-top: 55px; } } .bubble-card .bubble-card__score { left: calc(50% - 70px - 10px); position: absolute; top: 20px; z-index: 1; } @media (max-width: 414px) { .bubble-card .bubble-card__score { left: calc(50% - 55px - 10px); } } .bubble-card .bubble-card__header { border-bottom: 1px solid #e6e6e6; flex-grow: 1; padding: 30px 15px; text-align: center; } .bubble-card .bubble-card__title { font-family: "rooney-web", georgia, serif; font-weight: 300; font-size: 20px; } .bubble-card .bubble-card__subtitle { color: #787878; font-size: 14px; line-height: 18px; margin-top: 5px; } .bubble-card .bubble-card__details-list { display: flex; justify-content: center; line-height: 1.2; padding: 20px 15px; } .bubble-card .bubble-card__detail { text-align: center; } .bubble-card .bubble-card__detail:first-child { text-align: center; } .bubble-card .bubble-card__detail:last-child { text-align: center; } .bubble-card .bubble-card__detail-value { font-weight: bold; } @media (max-width: 414px) { .bubble-card .bubble-card__details-list { display: block; } } .bubble-card .bubble-card__footer { margin-top: -15px; padding: 15px; } .bubble-card .bubble-card__button { border: 1px dashed; text-align: center; } .bubble-card__content:hover { border-color: #CACACA; } .bubble-card__title:hover { text-decoration: underline; } .no-touch a.action-box:hover .action-box__content { text-decoration: underline; } .action-box { background-color: #fff; background-position: center center; background-size: cover; border: 1px solid #e6e6e6; border-radius: 5px; display: flex; text-align: left; } .action-box.action-box { color: #121212; } .action-box--inverted { background-color: #787878; border: 0; box-shadow: 1px 2px 10px -2px rgba(0, 0, 0, 0.5) inset; } .action-box--inverted.action-box--inverted { color: #fff; } .action-box .action-box__square { display: table; height: 0; padding-top: 100%; width: 1px; } @media (max-width: 414px) { .action-box .action-box__square { padding-top: 74.62686567%; } } .action-box .action-box__main { display: flex; flex-direction: column; flex-grow: 1; margin-left: -1px; max-width: 100%; } .action-box .action-box__header { display: flex; flex-direction: column; flex-grow: 1; justify-content: center; } .action-box .action-box__content-banner { line-height: 1.2; margin: 50px 0 20px; padding: 10px 15px; } .action-box:not(.action-box--inverted) .action-box__content-banner { background-color: #fff; } .action-box .action-box__title { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; opacity: 0.7; font-size: 16px; } .action-box .action-box__content { font-family: "rooney-web", georgia, serif; font-weight: 300; font-size: 30px; } .action-box .action-box__footer { margin: 15px; } .action-box .action-box__button { border: 1px dashed; text-align: center; } .learn-page-features { display: flex; margin: 0 -10px; text-align: center; } @media (max-width: 568px) { .learn-page-features { flex-direction: column; text-align: left; } } .learn-page-features__feature { margin: 10px; width: calc( 33.33333333% - 20px); } @media (max-width: 568px) { .learn-page-features__feature { align-items: center; display: flex; width: auto; } } .learn-page-features__icon-container { text-align: center; } @media (max-width: 568px) { .learn-page-features__icon-container { flex-shrink: 0; margin-right: 10px; width: 55px; } } .learn-page-features__icon { height: 80px; } @media (max-width: 568px) { .learn-page-features__icon { height: 50px; } } .learn-page-tools { display: flex; margin: 0 -10px; text-align: center; } @media (max-width: 736px) { .learn-page-tools { flex-wrap: wrap; } } @media (max-width: 414px) { .learn-page-tools { text-align: left; } } .learn-page-tools__tool { margin: 10px; width: calc( 25% - 20px); } @media (max-width: 736px) { .learn-page-tools__tool { width: calc( 50% - 20px); } } .learn-page-callouts__callout { display: flex; flex-direction: column; justify-content: space-between; } @media (min-width: 768px) { .learn-page-callouts__callout { align-items: center; flex-direction: row; } .learn-page-callouts__callout:nth-child(even) { flex-direction: row-reverse; } .learn-page-callouts__callout:not(:first-child) { margin-top: 80px; } } .learn-page-callouts__story { margin: 10px 0; } @media (min-width: 768px) { .learn-page-callouts__story { width: calc(440 / 940 * 100%); } } .learn-page-callouts__story-icon { margin-bottom: 10px; } .learn-page-callouts__image { margin-bottom: 20px; width: 460px; } @media (min-width: 768px) { .learn-page-callouts__image { width: calc(460 / 940 * 100%); } } .candidates-matchup-table { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; border-collapse: separate; border-spacing: 0; color: #121212; font-size: 14px; line-height: 1.2; margin: 62.5px auto 40px; max-width: none; table-layout: fixed; text-align: center; } .candidates-matchup-table > tbody > tr > * { border-right: 1px solid #e6e6e6; font-weight: normal; max-width: 200px; min-width: 200px; vertical-align: top; width: 200px; } .candidates-matchup-table > tbody > tr > *:first-child { border-left: 1px solid #e6e6e6; } .candidates-matchup-table > tbody > tr:first-child > * { border-top: 1px solid #e6e6e6; } .candidates-matchup-table > tbody > tr:first-child > *:first-child { border-top-left-radius: 5px; } .candidates-matchup-table > tbody > tr:first-child > *:last-child { border-top-right-radius: 5px; } .candidates-matchup-table > tbody > tr:last-child > * { border-bottom: 1px solid #e6e6e6; } .candidates-matchup-table > tbody > tr:last-child > *:first-child { border-bottom-left-radius: 5px; } .candidates-matchup-table > tbody > tr:last-child > *:last-child { border-bottom-right-radius: 5px; } .candidates-matchup-table__container { overflow-x: auto; padding: 0 20px; -webkit-overflow-scrolling: touch; } @media (max-width: 980px) { .candidates-matchup-table__container { padding: 0 10px; } } .candidates-matchup-table__summary-cell { padding: 0 20px 20px; position: relative; vertical-align: top; } .candidates-matchup-table__photo { border-radius: 50%; display: block; margin: -62.5px auto 10px; max-width: 85%; width: 125px; } .candidates-matchup-table__image-placeholder { color: #787878; background: #fff; border: 2px solid; border-radius: 50%; font-size: 36px; height: 125px; line-height: 125px; margin: -62.5px auto 10px; max-height: 85%; max-width: 85%; text-transform: uppercase; width: 125px; } .candidates-matchup-table__image-placeholder[data-position="yes"] { color: #4bb64b; background-color: #ceffce; } .candidates-matchup-table__image-placeholder[data-position="no"] { color: #D92B22; background-color: #ffcbc8; } .candidates-matchup-table__recommendation-indicator { font-size: 24px; position: absolute; left: calc(50% - 44.19417382px ); top: 44.19417382px; transform: translate(-50%, -50%); } .candidates-matchup-table__column-header[data-stuck] { background: #fff; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2); margin: -10px -10px; padding: 10px 10px; transition: margin 0.3s, padding 0.3s; z-index: 1; } .candidates-matchup-table__name { font-family: "rooney-web", georgia, serif; font-weight: 300; font-size: 18px; margin-bottom: 5px; } .candidates-matchup-table__title { color: #aaa; font-size: 14px; } .candidates-matchup-table__heading-cell { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 300; background-color: #e6e6e6; color: #787878; font-size: 12px; letter-spacing: 0.1em; padding: 3px 20px; text-align: center; text-transform: uppercase; } .candidates-matchup-table__heading-cell-container { max-width: calc(100vw - 40px); } .candidates-matchup-table__heading-cell-container > [data-stuck] { padding-left: 10px; transition: padding-left 0.3s; } .candidates-matchup-table__value-cell { padding: 10px 20px 15px; } .candidates-matchup-table__value-cell--tight { padding-bottom: 10px; padding-top: 0; } .candidates-matchup-table__text-placeholder { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; color: #aaa; } a.toggle-donations { color: #aaa; } a.toggle-donations.active { color: #121212; font-weight: 600; } .numbers-table { width: 100%; } .numbers-table > tbody > tr > td { text-align: left; vertical-align: top; } .numbers-table > tbody > tr > td:not(:last-child) { padding-right: 1ch; } .numbers-table__number-cell { width: 3.5ch; } .stack-chart { align-items: center; display: flex; font-size: 14px; text-align: left; } .stack-chart__toggle { position: absolute; opacity: 0.01; } .stack-chart__bars { align-self: stretch; display: flex; flex-direction: column; margin-right: 1ch; min-width: 3.5ch; } .stack-chart__bar { box-sizing: border-box; min-height: 2px; } .stack-chart__bar--large { background-color: #b42856; } .stack-chart__bar--medium { background-color: #4bb64b; } .stack-chart__bar--small { background-color: #4c28a0; } .stack-chart__label { white-space: nowrap; } .stack-chart__label--large { color: #b42856; } .stack-chart__label--medium { color: #4bb64b; } .stack-chart__label--small { color: #4c28a0; } .cookie-consent-wrapper { position: fixed; z-index: 10000; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; } .cookie-consent { position: absolute; bottom: 16px; left: 16px; right: 16px; z-index: 10000; background-color: #ff4814; border: 1px solid #e03200; border-radius: 4px; padding: 10px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); text-align: center; } .cookie-consent__message { font-family: 'Proxima-Nova', Helvetica, sans-serif; font-family: var(--sans-font); font-weight: bold; font-size: 18px; text-align: center; color: #FFFFFF; flex: 1; display: block; } .cookie-consent__agree { display: block; } @media (min-width: 992px) { .cookie-consent { display: flex; justify-content: center; align-items: center; width: 900px; margin: 0 auto; } .cookie-consent__message { display: inline-block; } .cookie-consent__agree { display: inline-block; } } .dropdown-menu { margin-top: 0; border-radius: 0; padding: 7px 0; } .dropdown-menu > li > a { font-weight: 300; text-decoration: none; padding-left: 15px; padding-right: 15px; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background: none; color: #ff4814; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background: none; color: #ff4814; } /************************** FLEXHEADER - used on CROWDPAC GROUPS ***************************/ .flexheader { display: flex; align-items: center; justify-content: space-between; } .flexheader .flexheader-left { width: 300px; } .flexheader .flexheader-right { width: 420px; } @media only screen and (max-width: 979px) { .flexheader .flexheader-left { width: 280px; } } @media only screen and (max-width: 767px) { .flexheader { flex: none; display: block; } .flexheader .flexheader-left, .flexheader .flexheader-right { width: auto; text-align: center; } .flexheader .flexheader-left { margin: 0 0 20px; } } .site-header { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; background-color: #fff; border-bottom: 1px solid #DDD; color: #787878; font-size: 15px; line-height: 1.4; } .site-header a:link, .site-header a:visited, .site-header .inline-button { color: #ff4814; } .site-header a.site-header__main-nav-item:hover { color: #121212; } .site-header .site-header__main-nav-item.search-icon--mobile { color: #ff4814; } .site-header img.site-header__logo-sidebar { width: 120px; height: auto; margin: 10px 0px; } .site-header .site-home-icon { padding-top: 7px; margin-left: 50px; border-bottom: 2px solid transparent; } .site-header .site-home-icon svg { width: 35px; height: 35px; } @media (max-width: 767px) { .site-header .site-home-icon svg { width: 28px; height: 28px; } } .site-header .site-home-icon.active { border-bottom: 2px solid #ff4814; } .site-header .site-home-icon:hover { border-bottom: 2px solid #ff4814; } @media (max-width: 767px) { .site-header .site-home-icon { margin-left: 0px; } } @media (max-width: 767px) { .site-header img.site-header__logo { width: 100px !important; display: none !important; } } .site-header__main { align-items: center; display: flex; height: 70px; position: relative; background: white; } @media (max-width: 767px) { .site-header__main { height: 55px; padding: 0px 10px; z-index: 102; } } .site-header__main > * { flex: 0 0 auto; } .site-header__main-nav { flex-grow: 1; } @media (max-width: 767px) { .site-header__main-nav { display: none; } } .site-header__main-nav-list { display: flex; margin: 0; padding: 0; } @media (max-width: 767px) { .site-header__main-nav-list { justify-content: space-between; } } .site-header__main-nav-list > * { display: block; } .site-header__main-nav-list > li > a { font-weight: 600; } .site-header__main-nav-item { display: inline-block; padding: 5px 1.3vw; white-space: nowrap; } .site-header__main-nav-item--icon-only:hover { color: #121212; } .site-header__main-nav-item--icon-only { padding: 5px 1.1vw !important; } @media (max-width: 767px) { .site-header__main-nav-item--icon-only { padding-left: 2vw; } } .site-header__main-nav-item--icon-only [class*='icon-']:not(.site-header__menu-caret) { font-size: 1.5em; } @media (max-width: 767px) { .site-header__main-nav-item--icon-only [class*='icon-']:not(.site-header__menu-caret) { font-size: 1.2em; } } .site-header__main-nav-spacer { flex-grow: 1; } .site-header__button-group { align-items: center; display: flex; } .site-header__menu-caret { font-size: 10px; opacity: 0.85; vertical-align: 0.1em; } .site-header__logo { display: block; max-width: 185px; } @media (max-width: 767px) { .site-header__logo { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 140px; } } .site-header__notifications-icon-container { position: relative; } @media (max-width: 767px) { .site-header__notifications-icon-container { margin-top: 4px; margin-right: 5px; } } .site-header__notifications-icon-container:hover { color: #121212; } .site-header__notifications-icon[data-user-notifications-count='0'] { color: #aaa; } .site-header__notifications-icon[data-user-notifications-count='0']:hover { color: #787878; } .site-header__notifications-count { background: #333333; bottom: 35%; border-radius: 1em; color: #fff; left: 70%; padding: 1px 7px; position: absolute; transform: translateX(-50%) scale(0.7); } .site-header__notifications-count[data-user-notifications-count='0'] { display: none; } .site-header__main-nav-avatar { height: 100%; margin: 0; } .site-header__main-nav-avatar img { margin: 10px 0; } @media (max-width: 767px) { .site-header__main-nav-avatar { padding: 5px 10px !important; margin-right: -10px; } } .site-header__main-nav-avatar:hover { background: #e6e6e6; } .site-header__user-image { background-color: #e6e6e6; border-radius: 50%; height: 40px; width: 40px; vertical-align: -0.95em; } @media (max-width: 767px) { .site-header__user-image { height: 25px; width: 25px; vertical-align: middle; } } .site-header .dropdown:hover .dropdown-menu { display: block; } .site-header .dropdown-menu { width: -webkit-max-content; width: -moz-max-content; width: max-content; background: white; border-radius: 0; font-size: inherit; margin-top: 0px; margin-left: 15px; padding: 0; } .site-header .dropdown-menu > li > form { margin-bottom: 0; } .site-header .dropdown-menu > li > a, .site-header .dropdown-menu > li > form > button { display: block; width: 100%; } .site-header .dropdown-menu > li > a:link, .site-header .dropdown-menu > li > form > button:link, .site-header .dropdown-menu > li > a:visited, .site-header .dropdown-menu > li > form > button:visited { color: inherit; } .site-header .dropdown-menu > li > a:hover, .site-header .dropdown-menu > li > form > button:hover, .site-header .dropdown-menu > li > a:focus, .site-header .dropdown-menu > li > form > button:focus, .site-header .dropdown-menu > li > a:active, .site-header .dropdown-menu > li > form > button:active { background: #e6e6e6; color: inherit; } .site-header .dropdown-menu .divider { margin: 0; } .site-header__nav-menu-item { border-bottom: 1px solid #e6e6e6; font-size: 14px; padding: 10px 15px !important; } .site-header__nav-menu-item--active { border-left: 4px solid #ff4814; padding-left: 11px !important; margin-left: -1px; } .site-header__nav-menu-item--active .site-header__nav-menu-item-heading { font-weight: 600; } .site-header__nav-menu-header { color: #121212; font-size: 16px; } .site-header__nav-menu-item-heading { color: #ff4814; } .site-header__nav-menu-item-heading--shaded { color: #787878; } .site-header__search-container { align-items: center; border-top: 1px solid; color: #aaa; display: flex; font-family: inherit; font-weight: inherit; font-size: 24px; line-height: inherit; padding: 5px 0; } @media (max-width: 768px) { .site-header__search-container { font-size: 18px; padding: 0px; } .site-header__search-container .icon-search { position: absolute; right: 5px; } } .site-header__search-container > * { flex: 0 0 auto; margin: 0 1.3vw; vertical-align: middle; } .site-header__search-container > .twitter-typeahead { display: flex !important; flex-grow: 1; margin-left: 0; } @media (max-width: 768px) { .site-header__search-container > .twitter-typeahead { flex: auto; margin: 0; width: 100%; } } .site-header .site-header__search-input { border: 0; box-shadow: none; font-size: inherit; flex-grow: 1; margin: 0; line-height: inherit; padding: 10px 0; width: auto; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 20px; } .site-header .site-header__search-input:focus { border: 0; box-shadow: none; outline: none; } @media (max-width: 768px) { .site-header .site-header__search-input { font-size: 16px; padding: 14px 10px; flex: auto; margin: 0; } } .site-header .tt-menu { width: 100%; margin-top: 0px; } .site-header__small-caps { font-size: 0.8em; letter-spacing: 0.1ch; text-transform: uppercase; } @media (max-width: 914px) { .site-header__hidden-when-narrow { display: none; } } @media (max-width: 835px) { .site-header__hidden-when-narrower { display: none; } } @media (max-width: 767px) { .site-header__hidden-when-phone { display: none; } } @media (max-width: 768px) { .site-header__hidden-when-filled { display: none; } } .site-header .btn-create-campaign { padding: 3px 12px 4px 12px; } .site-header .user-account-menu { margin-right: 5px; margin-top: -5px; } .site-header .user-account-menu a:hover { color: #121212 !important; } @media (max-width: 768px) { .site-header .user-account-menu { margin-right: 0; } } .site-header .menu-toggle-container { height: 100%; position: relative; width: 35px; padding-top: 3px; padding-left: 10px; margin-left: -10px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .site-header .mobile-menu-toggle { width: 18px; height: 15px; position: relative; margin: 0; margin-right: 11px; transform: rotate(0deg); transition: 0.5s ease-in-out; } .site-header .mobile-menu-toggle span { display: block; position: absolute; height: 2px; width: 100%; background: #ff4814; border-radius: 1px; opacity: 1; left: 0; transform: rotate(0deg); transition: 0.25s ease-in-out; } .site-header .mobile-menu-toggle span:nth-child(1) { top: 0px; } .site-header .mobile-menu-toggle span:nth-child(2), .site-header .mobile-menu-toggle span:nth-child(3) { top: 5px; } .site-header .mobile-menu-toggle span:nth-child(4) { top: 10px; } .site-header .mobile-menu-toggle.open span:nth-child(1) { top: 1px; left: 50%; width: 0%; } .site-header .mobile-menu-toggle.open span:nth-child(2) { transform: rotate(45deg); } .site-header .mobile-menu-toggle.open span:nth-child(3) { transform: rotate(-45deg); } .site-header .mobile-menu-toggle.open span:nth-child(4) { top: 1px; width: 0%; left: 50%; } .site-header .mobile-menu-shadow { position: fixed; top: 55px; left: 0; height: 100vh; width: 100%; background: rgba(0, 0, 0, 0.4); z-index: 102; transition: transform 0.25s ease; } .site-header .shadow-left { transform: translateX(-110%); } .site-header .shadow-right { transform: translateX(110%); } .site-header .mobile-search-shadow { display: none; } .site-header .mobile-menu-shadow--open { transform: translateX(0); } .site-header .mobile-menu-overlay { position: fixed; box-sizing: border-box; z-index: 103; top: 55px; left: 0; width: 100%; overflow-y: scroll; background: #fff; transition: transform 0.25s ease; box-shadow: rgba(0, 0, 0, 0.2) 0 4px 4px 0; border-top: 2px solid #000; } .site-header .menu-left { transform: translateX(-110%); } .site-header .menu-right { transform: translateX(110%); } .site-header .mobile-menu--open { transform: translateX(0); } .site-header .mobile-nav__header { padding: 15px 0; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(151, 151, 151, 0.3); } .site-header .mobile-nav__header a:hover { text-decoration: none; } .site-header .mobile-nav__header span { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; color: #000; font-size: 20px; line-height: 1.1; font-weight: 600; } .site-header .mobile-nav__top { padding: 10px 13px; border-bottom: 1px solid rgba(151, 151, 151, 0.3); } .site-header .mobile-nav__top ul { list-style: none; margin: 0; padding-left: 0; } .site-header .mobile-menu form { margin: 0; } .site-header .mobile-menu a, .site-header .mobile-menu form > button { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; width: 100%; display: block; padding: 10px 0px; } .site-header .mobile-menu .mobile-nav__link-text { font-size: 20px; color: #ff4814; margin-bottom: 0px; } .site-header .mobile-menu .mobile-nav__sublink-text { font-size: 14px; color: #ff4814; margin-bottom: 0px; } .site-header .mobile-nav__top .mobile-nav__link-text { margin-bottom: 0px; line-height: 1; } .site-header .mobile-menu p { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 14px; color: rgba(0, 0, 0, 0.5); margin-bottom: 0px; margin: 0; } .site-header .mobile-nav__explore { padding: 18px 0px 15px 0px; } .site-header .mobile-user-menu .mobile-nav__explore { padding: 0px 0px 4px 0px; } .site-header .mobile-nav__subtitle { font-size: 14px; color: rgba(0, 0, 0, 0.3); padding-left: 13px; } .site-header .mobile-nav__explore ul { list-style: none; margin: 0; padding-top: 8px; padding-left: 0; } .site-header .mobile-nav__explore li { padding: 0 13px; } .site-header .mobile-nav__explore .mobile-nav__link-text { margin-bottom: 5px; } .site-header .mobile-nav__explore li.active { border-left: 5px solid #ff4814; } .site-header .mobile-nav__explore li.active a { font-weight: 600; } @media (max-width: 768px) { .site-header .site-search { z-index: 103; background: #fff; position: absolute; top: 55px; left: 0px; width: 100%; border-bottom: 1px solid rgba(151, 151, 151, 0.3); } } .lock-screen { height: 100%; overflow: hidden; width: 100%; position: fixed; } .site-header__nav-user-profile { display: flex !important; align-items: center !important; padding: 10px !important; } @media (min-width: 768px) { .site-header__nav-user-profile { border-bottom: 1px solid #e6e6e6; } } .site-header__nav-user-profile:hover { text-decoration: none !important; } .site-header__nav-user-profile-image { border-radius: 50%; flex-shrink: 0; flex-grow: 0; margin-right: 8px; } .site-header__nav-user-profile-name { color: #121212; font-weight: bold; flex-shrink: 0; white-space: nowrap; line-height: 1; font-size: 16px !important; margin-bottom: 3px; } .site-header__nav-user-profile-meta { color: #787878; line-height: 1; font-size: 14px; } .add-menu { display: flex !important; width: auto !important; border-bottom: 1px solid #e6e6e6; padding: 10px; } .add-menu .menu-title { padding-left: 10px; color: #000; } .add-menu .small-text { font-size: 13px; } .add-menu .menu-icon { padding-top: 10px; } #wrap { display: flex; flex-direction: column; min-height: 100vh; } #main { flex-grow: 1; } .site-footer { min-height: 280px; font-family: "rooney-web", georgia, serif; font-weight: 300; background: #fff; border-top: 1px solid #DDD; color: #fff; font-size: 14px; line-height: 1.7; margin-top: 50px; padding: 10px 30px; } @media (max-width: 768px) { .site-footer { min-height: 700px; } } .site-footer .footer-blurb { flex-direction: column; max-width: 30%; } @media (max-width: 768px) { .site-footer .footer-blurb { text-align: center; max-width: 100%; } } .site-footer .footer-blurb p { color: #444; } .site-footer form#footer-email-subscribe-form input { box-sizing: border-box; height: 60px; width: 100%; } @media (max-width: 768px) { .site-footer form#footer-email-subscribe-form input { margin-bottom: 20px; } } .site-footer .btn.email-btn { width: 100%; } @media (max-width: 768px) { .site-footer .btn.email-btn { height: 60px; padding: 5px 6px; line-height: 50px; } } .site-footer a, .site-footer a:link, .site-footer a:visited { color: #444; } .site-footer h2.brand { font-family: "acta-display", georgia, serif; font-weight: 600; color: #121212; } .site-footer__content-container { align-items: flex-start; display: flex; justify-content: space-between; } @media (max-width: 768px) { .site-footer__content-container { align-items: stretch; flex-direction: column; } .site-footer__content-container > * { flex-grow: 1; } } .site-footer__site-nav-group { display: flex; margin: 0 -10px; } @media (max-width: 768px) { .site-footer__site-nav-group { justify-content: space-between; margin: 0 -15px; } } .site-footer__site-links { margin: 0 10px; width: 140px; } @media (max-width: 768px) { .site-footer__site-links { margin-bottom: 20px; width: auto; } } .site-footer__nav-heading { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; margin: 7px 0; color: #ff4814; font-size: 18px; } .site-footer__nav-list { margin: 7px 0 15px; padding: 0; } .site-footer__nav-list > li { display: block; line-height: inherit; } .site-footer__external-nav-group { align-items: center; display: flex; justify-content: space-between; margin: 5px -5px; } @media (max-width: 768px) { .site-footer__external-nav-group { margin: 0 -10px; } } .site-footer__external-nav-group nav { color: #fff; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; } .site-footer__external-nav-group nav.visible-phone { color: #aaa; } .site-footer__icon-link { display: inline-block; margin: 0 5px; } .site-footer .site-footer__social-icon { border: 0px; border-radius: 50%; font-size: 26px; height: 30px; line-height: 30px; text-align: center; width: 30px; } .site-footer .site-footer__social-icon:link, .site-footer .site-footer__social-icon:visited { color: #ff4814; } .site-footer .site-footer__social-icon:hover { color: #ff4814; } .site-footer .site-footer__social-icon:active { background: #ff4814; border-color: transparent; color: #fff; } .site-footer__margin-overrider { margin-bottom: -50px; } /************************** SECTION SPECIFIC IMPORTS ***************************/ /************************** HOME PAGE ***************************/ .home-page-heading { font-family: "acta-display", georgia, serif; font-weight: 600; color: #121212; font-size: 60px; line-height: 1.2; } @media (max-width: 979px) and (min-width: 768px) { .home-page-heading { font-size: 42px; } } @media (max-width: 768px) { .home-page-heading { font-size: 30px; } } @media (max-width: 439px) { .home-page-heading { font-size: 24px; } } @media (max-width: 374px) { .home-page-heading { font-size: 21px; } } @media only screen and (max-width: 767px) { .new-home.title-2.text-center.color-white { font-size: 22px!important; } } @media only screen and (max-width: 767px) { .m-top-double span .new-home.color-white { font-size: 12px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .m-top-double span { margin: 5px!important; } } .text-box-10 { padding-top: 10%; padding-bottom: 5%; } .new-home.font-large { font-size: 72px!important; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .new-home.font-large { font-size: 60px!important; } } @media only screen and (max-width: 767px) { .new-home.font-large { font-size: 50px!important; } } @media only screen and (max-width: 1023px) { .site-footer { min-height: 0px!important; } } @media only screen and (max-width: 767px) { .atlantic-logo { display: none; } } .press-logo { height: 60px; } .home-box p { color: white; } .home-box .title-2 { margin-bottom: 60px; } .home-box { padding: 30px 0px; font-family: "proxima-nova", Gotham, Helvetica, sans-serif !important; background: #ff4814; background: linear-gradient(180deg, rgba(255, 72, 20, 0.8) 0%, #FF4814 100%); color: #ffffff; } .mobile-break { display: none; } @media only screen and (max-width: 767px) { .mobile-break { display: block; } } .break { display: block; } @media only screen and (max-width: 767px) { .break { display: none; } } .home-feature-module { margin-bottom: 30px; } /* email signup banner */ .email-subscribe-banner { min-height: 450px; width: 100%; background: url('https://assets.crowdpac.com/v2/production/all/img/email-subscribe-bg.png') no-repeat right center; background-size: cover; } @media (max-width: 768px) { .email-subscribe-banner { background: url('https://assets.crowdpac.com/v2/production/all/img/email-subscribe-mobile-bg.png') no-repeat left center; min-height: 525px; } } .email-signup-form-wrapper { margin-top: 45px; text-align: left; } @media (max-width: 768px) { .email-signup-form-wrapper { margin-top: 25px; text-align: center; } } h1.cta-bottom { font-size: 65px; font-family: 'Acta-Display'; font-weight: 100; } @media (max-width: 768px) { h1.cta-bottom { font-size: 47px; } } h2.cta-top { font-size: 42px; font-family: 'Rooney-Web'; font-weight: 100; letter-spacing: 5px; } @media (max-width: 768px) { h2.cta-top { font-size: 32px; margin-bottom: 22px; } } form#email-banner-subscribe-form { width: 100%; text-align: left; } @-webkit-keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-250px * 7)); } } @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-250px * 7)); } } @-webkit-keyframes slideshow { 0% { opacity: 0; } 6.25% { opacity: 1; } 25% { opacity: 1; } 31.25% { opacity: 0; } 100% { opacity: 0; } } @keyframes slideshow { 0% { opacity: 0; } 6.25% { opacity: 1; } 25% { opacity: 1; } 31.25% { opacity: 0; } 100% { opacity: 0; } } div.home-slider { min-height: 240px; position: relative; } div.home-slider div.home-slide { -webkit-animation: slideshow 16s linear 0s infinite; animation: slideshow 16s linear 0s infinite; z-index: 4; background: white; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 0px; } div.home-slider div.home-slide .heading-4 { margin-bottom: 25px; } div.home-slider.active div.home-slide:nth-child(2) { z-index: 3; -webkit-animation-delay: 4s; animation-delay: 4s; } div.home-slider.active div.home-slide:nth-child(3) { z-index: 2; -webkit-animation-delay: 8s; animation-delay: 8s; } div.home-slider.active div.home-slide:nth-child(4) { z-index: 1; -webkit-animation-delay: 12s; animation-delay: 12s; } @media (max-width: 768px) { .btn.email-btn { width: inherit; height: 60px; padding: 5px 6px; line-height: 50px; } } form#email-banner-subscribe-form input { width: 70%; height: 60px; margin-bottom: 0; margin-right: 10px; box-sizing: border-box; } @media (max-width: 768px) { form#email-banner-subscribe-form input { width: 100%; margin-bottom: 20px; } } .email-hr { width: 9%; } input[type="email"].input-on-bg:focus { color: white; } input.input-on-bg { height: 45px; background: transparent; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid white; font-size: 20px; color: white; } input.input-on-bg:focus { box-shadow: none; color: white; border-color: white; border: 1px solid white; } input.input-on-bg:active { box-shadow: none; border-color: white; color: white; border: 1px solid white; } .index-footer { margin: 20px 0; } /* Hero slideshow */ .home-hero-wrapper { background-color: #f2f2f2; padding-top: 45px; } @media (max-width: 767px) { .home-hero-wrapper { padding-top: 30px; } } .no-touch a.home-slideshow-cta strong { font-size: 16px; } .no-touch a.home-slideshow-cta:hover strong { text-decoration: underline; } .slides li { line-height: 1; } .slides .container { position: relative; } .slide-button-mobile { display: none; } #hero-slideshow { min-height: 60px; background: #f8f8f8; border: solid 2px #f8f8f8; border-width: 2px 0; margin: 0; } .flexslider { box-shadow: none; border-radius: 0; } .flex-control-nav { bottom: 10px; } .flex-control-nav li a { background: transparent; border: solid 1px #ff4814; box-shadow: none; } .flex-control-nav li a:hover { background: #ff8461; } .flex-control-nav li a.flex-active { background: #ff4814; } .flex-direction-nav { display: none; } .flex-direction-nav li { line-height: 1; } .flex-direction-nav a { font-size: 0px; text-shadow: none; color: #e6e6e6; } .flex-direction-nav a:before { font-size: 30px; } .flexslider:hover .flex-direction-nav { display: block; } .slide-content { position: absolute; top: 50px; width: 50%; left: 20px; } .slide-content p { margin: 0; } .slide-content .btn { margin-top: 28px; } .slide-text h1, .slide-text h2, .slide-text p { line-height: 1.2; margin: 0; color: #121212; } .slide-text h1 em, .slide-text h2 em, .slide-text p em, .slide-text h1 strong, .slide-text h2 strong, .slide-text p strong { color: #ff4814; font-style: normal; } .slide-text h1, .slide-text h2 { font-family: "acta-display", georgia, serif; font-weight: 700; font-size: 24px; margin-bottom: 5px; } .slide-text p { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 20px; } .slide-1 .slide-content { width: 72%; } .slide-content-right { left: auto; right: 20px; } .slide-pretitle { font-family: "rooney-web", georgia, serif; font-weight: 500; color: #121212; margin-top: 0; font-size: 1.5em; line-height: 1.66666; } .slide-title { font-size: 2.5em; line-height: 1.2; } .slide-title .affiliation-icon { height: 42px; width: 42px; font-size: 24px; line-height: 42px; border-radius: 4px; margin: 6px 0 0 5px; } .slide-subtitle { font-size: 1.25em; line-height: 1.2; width: 75%; } .slide-alt-text { font-family: "acta-display", georgia, serif; font-weight: 700; } .slide-content-light .slide-text h1, .slide-content-light .slide-text h2, .slide-content-light .slide-text p { color: #fff; } .slide-content-light .slide-text h1 strong, .slide-content-light .slide-text h2 strong, .slide-content-light .slide-text p strong { color: #ff4814; } .index-slide { padding: 80px 0 200px; } .hero-header { color: #fff; text-shadow: 1px 1px 0px #121212; } .hero-header h1 { font-family: "acta-display", georgia, serif; font-weight: 700; letter-spacing: 1px; font-size: 36px; } .hero-header h2 { font-size: 22px; } .home-title-badge { width: 40px; margin-bottom: 6px; } .home-title-container { margin-top: 38px; margin-bottom: 60px; } .content-title { font-family: "rooney-web", georgia, serif; font-weight: 300; font-size: 20px; } .layout-index .content-title { margin-bottom: 55px; } /***************** GRID BLOCKS ****************/ .gb { height: 200px; float: left; display: block; margin-right: 2%; margin-bottom: 15px; } .gb-bg { padding: 15px; position: relative; height: 170px; } .gb-bg-img { background-size: cover; background-repeat: no-repeat; background-position: center; } .gb-bg-img .gb-bg { background-image: url('https://res.cloudinary.com/crowdpac/image/upload/o_40/v1429032246/assets/black-dot.png'); } .gb-last { margin-right: 0; } .gb-margin { margin-right: 2%; } .grid-blocks-index .gb-block-2, .grid-blocks-index .gb-block-4, .grid-blocks-index .gb-block-6 { margin-right: 0; } .gb-body { position: absolute; display: block; bottom: 0; left: 0; top: 0; right: 0; width: 100%; height: 100%; z-index: 2; } .gb-footer { position: absolute; display: block; bottom: 0; left: 0; padding: 15px; max-height: 132px; overflow: hidden; } .gb-1 { width: 32%; } .gb-2 { width: 66%; } .grid-blocks-4-up .gb-1 { width: 23.5%; } .grid-blocks-4-up .gb-block-3 { margin-right: 0; } .gb-subtitle, .gb-tag { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 14px; letter-spacing: 1px; line-height: 1; text-transform: uppercase; display: block; } .gb-tag { z-index: 3; position: absolute; top: 10px; left: 10px; padding: 5px; } .gb-subtitle { text-transform: none; padding-bottom: 5px; } .gb-title { font-size: 20px; line-height: 21px; } .gb-title strong { font-weight: 300; color: #ff4814; } .gb-img { position: absolute; top: 15px; right: 15px; } .gb-orange { background-color: #ff4814; } .gb-orange .gb-text { color: #fff; } .gb-light { background-color: #f8f8f8; } .gb-light .gb-bg { border-top: solid 2px #e6e6e6; padding-top: 13px; } .gb-light .gb-text { color: #121212; } .gb-dark { background-color: #121212; } .gb-dark .gb-text { color: #fff; } .panel-featured.panel-featured-home-data { border-radius: 0px; } .panel-featured-home-data .panel-content { padding: 70px 20px 15px 20px; border-radius: 0px; } .panel-featured-home-data .panel-content .panel-name { font-size: 30px; } .panel-content.below-section-tag { padding: 20px; } .panel-content.below-section-tag .panel-list-title.media-heading { font-size: 20px; } .panel-content.below-section-tag .panel-list-item .pull-left { margin-right: 15px; } .panel-content.below-section-tag .panel-list-image { border-radius: 5px; } .media-about p, .home-data-buckets { font-size: 16px; line-height: 1.5; } .home-score-explainer .panel-header { font-size: 24px; } .recent-donate-amount { font-weight: 300; color: #4bb64b; } .home-create-button { margin-right: 15px; } .home-campaign-btns { margin-bottom: 65px; } .homepage-explore .explore--flex-content { display: flex; justify-content: space-between; align-items: center; } .homepage-explore .homepage-explore--content-blocks { width: 48%; } .homepage-explore .homepage-explore--text { text-align: left; width: 45%; } .homepage-explore .homepage-explore--text p.introduction { margin-top: 30px; } @media only screen and (max-width: 767px) { .home-campaign-btns { margin-bottom: 0; } .home-create-button { margin-right: 0px; margin-bottom: 15px; } .home-create-button, .home-explore-button { display: block; } .home-title-container { margin-top: 28px; margin-bottom: 40px; } .header-home-title { margin-top: 5px; } .home-title-badge { width: 34px; } .header-index { height: auto; background-position: center; padding-top: 100px; } .layout-index .header-mega { font-size: 30px; } .layout-index .header-large { font-size: 24px; } .layout-index .m-top-mega { margin-top: 30px; } .layout-index .m-mega { margin-bottom: 30px; } .gb-bg-img { background-position: top; } .grid-blocks-index .gb-1 { width: 49%; } .grid-blocks-index .gb-2, .grid-blocks-index .gb-block-6 { width: 100%; margin-right: 0; } .grid-blocks-index .gb-block-2 { margin-right: 2%; } .grid-blocks-index .gb-block-1, .grid-blocks-index .gb-block-3 { margin-right: 0; } .grid-blocks-4-up .gb-1 { width: 49%; } .grid-blocks-4-up .gb-block-1 { margin-right: 0; } .homepage-explore .explore--flex-content { flex-direction: column; } .homepage-explore .explore--flex-content .homepage-explore--content-blocks { width: 100%; margin: 20px 0px; text-align: center; } .homepage-explore .explore--flex-content .homepage-explore--image { width: 100%; } .homepage-wrapper .desktop-first-banner-image { display: none !important; } .homepage-wrapper .desktop-second-banner-image { display: none !important; } .homepage-wrapper .mobile-first-banner-image { display: block !important; } .homepage-wrapper .mobile-second-banner-image { display: block !important; } .homepage-wrapper .centered { font-size: 24px !important; width: 100% !important; } .homepage-wrapper .top-right { left: 50% !important; top: 45% !important; width: 80% !important; } .homepage-wrapper .top-right .learn-more-paragraph { width: 70% !important; } .homepage-wrapper .top-right .second-banner-text { font-size: 20px !important; font-weight: bold !important; } .homepage-wrapper .centered .btn { width: 50% !important; } .homepage-wrapper .centered .first-banner-text-paragraph { font-size: 24px !important; width: 90% !important; padding: 0px 20px 0px 20px !important; line-height: 1.5 !important; margin-top: 45px !important; } .homepage-impact-container .column { width: 100% !important; } .homepage-impact-container .text-div { font-size: 14px !important; width: 100% !important; margin: 0px !important; } .homepage-impact-container .text-center { font-size: 11px !important; } .homepage-impact-container .text-center .introduction { font-size: 11px !important; } } @media only screen and (max-width: 479px) { .header-index { margin: 0 0 20px; text-align: center; } .header-index .btn-primary { position: static; bottom: auto; right: auto; margin: 20px auto; } .gb { height: 160px; margin-bottom: 6px; } .gb-bg { height: 130px; } .gb-title { font-size: 17px; line-height: 1.1; } .gb-title br { display: none; } .gb-footer { max-height: 94px; } .gb-tag, .gb-subtitle { font-size: 12px; } .recent-donate-amount { font-weight: 700; } } @media only screen and (max-width: 449px) { .home-title-container { margin-bottom: 35px; } } .homepage-wrapper .homepage-section { position: relative; color: white; width: 100%; } .homepage-wrapper .centered { position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%); width: 80%; } .homepage-wrapper .centered .first-banner-text-paragraph { font-size: 45px; font-stretch: normal; font-style: normal; line-height: 1.17; letter-spacing: normal; color: #ffffff; font-family: 'Acta-Display', serif; text-align: center; font-weight: bold; } .homepage-wrapper .top-right { position: absolute; top: 20%; transform: translate(-50%, -50%); font-stretch: normal; font-style: normal; line-height: 1.17; letter-spacing: normal; color: #ffffff; font-family: 'Acta-Display', serif; left: 70%; width: 41%; text-align: left; } .homepage-wrapper .top-right .second-banner-text { font-size: 40px; font-weight: bold; } .homepage-wrapper .text-underline { border-bottom: 2px solid white; } .homepage-impact-container .impact-container-outer-div { border-style: solid; border-width: 5px; border-color: red; } .homepage-impact-container .impact-hr { border-width: 3px 1px 0; border-style: solid; border-color: red; width: 4%; margin-left: auto; margin-right: auto; } .homepage-impact-container .column { float: left; width: 33.33%; color: #000000; font-family: 'Acta-Display', serif; line-height: 0.97; } .homepage-impact-container .impact-row:after { content: ""; display: table; clear: both; } .homepage-impact-container .text-div { font-size: 24px; width: 85%; margin: 0px 10px 0px 64px; color: #000000; font-family: 'Rooney-Web', Georgia, serif; font-stretch: normal; font-style: normal; line-height: 1.17; letter-spacing: normal; } @media (min-width: 768px) and (max-width: 1024px) { .homepage-wrapper .centered { width: 75% !important; top: 35% !important; } .homepage-wrapper .first-banner-text-paragraph { font-size: 40px !important; } .homepage-wrapper .top-right .second-banner-text { font-size: 20px !important; font-weight: bold !important; line-height: 1.3 !important; } .homepage-wrapper .learn-more-paragraph .btn { width: 60% !important; } } .candidate-detail-page-header { background: rgba(248, 248, 248, 0.9); border: 0 solid #e6e6e6; border-width: 1px 0; color: #121212; margin-bottom: 40px; padding: 35px 0 25px; } @media (max-width: 767px) { .candidate-detail-page-header { margin-bottom: 0; } } .candidate-detail-page-header__content { align-items: center; display: flex; justify-content: space-between; margin: 0 auto; max-width: 960px; } @media (max-width: 479px) { .candidate-detail-page-header__content { align-items: stretch; flex-direction: column-reverse; text-align: center; } } .candidate-detail-page-header__content::before, .candidate-detail-page-header__content::after { display: none; } .candidate-detail-page-header__description { flex: 1 1 560px; margin: 0 10px 0 0; max-width: 560px; } @media (max-width: 479px) { .candidate-detail-page-header__description { flex: 0 0; margin-left: 10px; } } .candidate-detail-page-header__party { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; color: #aaa; font-size: 16px; line-height: 1.3; padding-bottom: 5px; } @media (max-width: 767px) { .candidate-detail-page-header__party { font-size: 14px; line-height: 1; } } .candidate-detail-page-header__name { font-family: "acta-display", georgia, serif; font-weight: 700; font-size: 50px; line-height: 1; padding-bottom: 5px; } @media (max-width: 767px) { .candidate-detail-page-header__name { font-size: 35px; } } .candidate-detail-page-header__title { font-family: "rooney-web", georgia, serif; font-weight: 300; font-size: 24px; line-height: 1.4; } .candidate-detail-page-header__title a { text-decoration: underline; } .candidate-detail-page-header__title a:hover { text-decoration: none; color: #ff4814; } @media (max-width: 767px) { .candidate-detail-page-header__title { font-size: 18px; line-height: 1.2; } } .candidate-detail-page-header__photo-container { flex: 1 1.2 300px; margin: 0 0 0 10px; max-width: 300px; min-width: 150px; } @media (max-width: 479px) { .candidate-detail-page-header__photo-container { flex: 0 0; margin: 0 20vw 20px; } } .candidate-detail-page-header__photo { background-position: center center; background-size: cover; border-radius: 50%; position: relative; width: 100%; } .candidate-detail-page-header__photo-square { padding-top: 100%; } .candidate-detail-page-header__score { font-size: 14px; position: absolute; right: 85.35533906%; top: 85.35533906%; transform: translate(50%, -50%); } .candidate-detail-page-header__fantasy-badge { background-image: url(https://res.cloudinary.com/crowdpac/image/upload/v1421890080/assets/fantasy-badge.png); background-size: cover; border-radius: 50%; bottom: 85.35533906%; height: 80px; left: 85.35533906%; opacity: 0.8; position: absolute; transform: translate(-50%, 50%); width: 80px; } .candidate-detail-page-header__photo-credit { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; color: #aaa; margin: 1em 0; font-size: 10px; text-align: center; } .candidate-support-grid { display: flex; flex-wrap: wrap; } .candidate-support-grid > * { border: 1px solid #e6e6e6; flex-basis: 1%; flex-grow: 1; margin: -1px -1px 0 0; } .candidate-support-grid__content { padding: 10px; } .candidate-support-grid__break { border: 0; flex-basis: 100%; } .claim-candidate-page-background-icon { align-items: center; background: #fff; border: 4px solid #e6e6e6; border-radius: 50%; display: flex; height: 300px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(160px, -50%); width: 300px; } @media (max-width: 767px) { .claim-candidate-page-background-icon { display: none; } } .claim-candidate-page-background-icon__container { overflow: hidden; position: relative; } .candidate-list { margin: 0; list-style: none; } .candidate-list-number { color: #121212; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; text-align: center; font-size: 18px; height: 37px; line-height: 37px; min-width: 24px; } /* List */ .list-items { list-style: none; } .list-item { margin: 0 0 10px; } .list-item-candidate a.media { display: block; } .list-item-link { text-decoration: none; color: #121212; } .list-item-link:hover { text-decoration: none; } .list-item-title { font-family: "rooney-web", georgia, serif; font-weight: 300; color: #121212; font-size: 16px; line-height: 1; margin: 0; } .list-item-subtitle { font-family: "rooney-web", georgia, serif; font-weight: 300; font-size: 14px; line-height: 17px; color: #787878; margin: 0; font-size: 12px; line-height: 1.1; padding-bottom: 1px; } .inline-list { margin: 0; padding: 0; } .inline-list li { display: inline-block; list-style: none; } .list-item .candidate-detail-img { margin-bottom: 10px; } .list-item-candidate .img-rounded { border-radius: 16px; } .candidate-list-item .candidate-name, .candidate-list-item .candidate-badge-and-score { display: inline-block; } /* Affiliation Icon */ .affiliation-icon { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; letter-spacing: 0; font-size: 13px; width: 20px; height: 20px; line-height: 21px; text-align: center; color: #fff; display: block; } .hide-all-affiliation-icons .affiliation-icon { display: none!important; } .with-affiliation-icon { float: left; margin-right: 10px; } .affiliation-icon + .tooltip { text-transform: none!important; letter-spacing: 0!important; } .hero { background-color: #e6e6e6; background-position: center; background-repeat: no-repeat; background-size: cover; border: solid 1px #121212; border-width: 1px 0; margin-bottom: 30px; padding: 25px 0; position: relative; } .no-hero { margin: 0 0 10px; } .hero .hero-meta { background: #333; background: rgba(0, 0, 0, 0.4); bottom: 0; color: #fff; left: 0; padding: 30px 0 25px; position: absolute; width: 100%; } .candidate-detail-img { width: 60px; } .candidate-ranking-title { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; letter-spacing: 1px; margin: 0; font-size: 25px; margin: 0 30px 0 0; line-height: 40px; } .candidate-detail-footer { margin-top: 60px; } /*********** CANDIDATE MODULES ************/ .candidate-module-fb { padding-top: 10px; } .indented-race { margin: 0 16px; } .candidate-module-support .well-small { line-height: 1.3; } /**************************************/ /* Add to my crowdpac */ /**************************************/ .select-add-to-crowdpac { margin: 10px 0; } /**************************************/ /* District Module */ /**************************************/ .candidate-module-district .module-sublist li { margin-bottom: 10px; } /**************************************/ /* Candidate Bio */ /**************************************/ .candidate-widget-bio.span5 { padding-top: 0px; } /**************************************/ /* Candidate Recent Votes */ /**************************************/ .module-sublist-recent-votes { list-style: none; margin-left: 0; margin-bottom: 0; } .module-sublist-recent-votes li strong { float: right; width: 10%; text-align: right; padding-right: 5px; } .module-sublist-recent-votes li span { display: block; margin-right: 10%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /**************************************/ /* VOTES PIE CHART */ /**************************************/ text.gradientPercent { font-size: 12px; fill: #fff; font-weight: 600; } /**************************************/ /* Candidate Network Graph */ /**************************************/ .networkGraph { height: 500px; } .side .networkGraph { height: 220px; } .side .candidate-widget-network-tabs { display: none; } .link { fill: none; stroke: #121212; stroke-width: 2px; } .donor-dollar-sign { fill: #fff; } /*candidate*/ circle.center-node-candidate { fill: #ff4814; stroke: #ff4814; stroke-width: 2px; } circle.center-node-candidate img { border-radius: 25px; height: 50px; width: 50px; } circle.primary_donors { stroke-width: 2px; fill: #39ca74; stroke: #30ad63; } circle.primary_donors .donor-dollar-sign { fill: #fff; font-size: 10px; } circle.othercands { stroke-width: 2px; fill: #ff4814; stroke: #e6431c; } /*--------link paths use line/path---------*/ line[class^=link_primary_donors] { stroke-width: 3.5px; stroke: black; opacity: 0.7; } line[class$=_single] { stroke-width: 2px; stroke: #333; stroke-dasharray: 5,5; opacity: 0.4; } line[class$=_multiple] { stroke-width: 2px; stroke: #ff4814; stroke-dasharray: 3,3; } .link { fill: none; stroke-width: 1.5px; } path[class*=primary_donors] { stroke-width: 2px; stroke: #787878; opacity: 0.7; } /**** --- 'othercands' --- *****/ path[class$=_single] { stroke-width: 2px; stroke: #333; stroke-dasharray: 5,5; opacity: 0.4; } path[class$=_multiple] { stroke-width: 2px; stroke: #ff4814; stroke-dasharray: 3,3; } text { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 12px; pointer-events: none; } /**** --- 'tooltip' --- *****/ .d3-tip { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; line-height: 1; padding: 8px; background: rgba(0, 0, 0, 0.7); color: #fff; font-size: 11px ; z-index: 1070; } /* Creates a small triangle extender for the tooltip */ .d3-tip:after { box-sizing: border-box; display: inline; font-size: 10px; width: 100%; line-height: 1; color: rgba(0, 0, 0, 0.7); content: "\25BC"; position: absolute; text-align: center; } /* Style northward tooltips differently */ .d3-tip.n:after { margin: -1px 0 0 0; top: 100%; left: 0; } .graph-title { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; text-align: center; text-transform: uppercase; font-size: 12px; color: #121212; padding-bottom: 5px; letter-spacing: 0.5px; } .graph-title small { text-transform: lowercase; font-size: 12px; letter-spacing: 0; font-weight: 300; } .candidate-module-multiple-widgets { padding-top: 15px; } .toggle-donations.active { color: #121212; text-decoration: none; } .toggle-network.active { color: #121212; text-decoration: none; } #indiv_tab { position: relative; text-align: center; width: 49%; height: 35px; float: left; } #indiv_tab:hover { cursor: pointer; } #indiv_tab p { vertical-align: middle; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; line-height: 35px; z-index: -5; } #indiv_tab.active { border: 3px solid #FF4600; } #indiv_tab.active p { color: #FF4600; } #indiv_tab.tab_inactive { border-top: 1px solid #a1a1a1; border-bottom: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; border-right: none; } #indiv_tab.only_active { width: 100%; border: 1px solid #a1a1a1; } #indiv_tab.only_active:hover { cursor: default; } #corp_tab { width: 48.8%; display: inline-block; height: 35px; vertical-align: middle; text-align: center; line-height: 35px; } #corp_tab:hover { cursor: pointer; } #corp_tab p { vertical-align: middle; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; line-height: 35px; z-index: -5; } #corp_tab.active { border: 3px solid #FF4600; } #corp_tab.active p { color: #FF4600; } #corp_tab.tab_inactive { border-top: 1px solid #a1a1a1; border-bottom: 1px solid #a1a1a1; border-right: 1px solid #a1a1a1; border-left: none; } #corp_tab.only_active { width: 100%; border: 1px solid #a1a1a1; } #corp_tab.only_active:hover { cursor: default; } #indiv_arrow { position: relative; display: inline-block; top: -10px; } #indiv_arrow:before { content: ' '; width: 0; height: 0; position: absolute; border-left: 24px solid transparent; border-right: 24px solid transparent; border-top: 26px solid #FF4600; top: 0.7px; } #indiv_arrow:after { content: ' '; position: relative; width: 0; height: 0; left: 7%; top: 21px; border-top: 23px solid #fff; border-left: 21px solid transparent; border-right: 21px solid transparent; z-index: 5; } #corp_arrow { position: relative; top: -10px; } #corp_arrow:before { content: ' '; width: 0; height: 0; position: absolute; border-left: 23px solid transparent; border-right: 23px solid transparent; border-top: 23px solid #FF4600; top: 2px; } #corp_arrow:after { content: ' '; position: relative; width: 0; height: 0; left: 1px; top: 13px; border-top: 21px solid #fff; border-left: 21px solid transparent; border-right: 20px solid transparent; } #network_wrap { width: 100%; } /**************************************/ /* $$$ MONEY to_from $$$ */ /**************************************/ .x_axis_money_to_from, .y_axis_money_to_from { font: 10px sans-serif; } .x_axis_money_to_from path, .x_axis_money_to_from line, .y_axis_money_to_from path, .y_axis_money_to_from line { fill: none; stroke: #000; shape-rendering: crispEdges; } .y_axis_money_to_from text { font-size: 10px; } .x_axis_money_to_from text { font-size: 10px; } .x_axis_money_to_from[data-ticks="all"] > g:nth-child(2n) text { display: none; } /*.x.axis path { display: none; }*/ .score_10L { fill: #0714CF; } .score_9L { fill: #1113C5; } .score_8L { fill: #1B13BB; } .score_7L { fill: #2512B2; } .score_6L { fill: #2F12A8; } .score_5L { fill: #39129F; } .score_4L { fill: #431195; } .score_3L { fill: #4D118C; } .score_2L { fill: #571082; } .score_1L { fill: #611079; } .score_0 { fill: #6B106F; } .score_1C { fill: #750F65; } .score_2C { fill: #7F0F5C; } .score_3C { fill: #890E52; } .score_4C { fill: #930E49; } .score_5C { fill: #9D0E3F; } .score_6C { fill: #A70D36; } .score_7C { fill: #B10D2C; } .score_8C { fill: #BB0C23; } .score_9C { fill: #C50C19; } .score_10C { fill: #CF0C10; } /**************************************/ /* $$$ MONEY by Location $$$ */ /**************************************/ .donations-by-location svg { display: block; margin: 0 auto; } .donations-by-location .slices text { font-weight: bold; fill: #fff; } /**************************************/ /* $$$ MONEY by Size $$$ */ /**************************************/ .y_axis_money_size path, .y_axis_money_size line, .x_axis_money_size path, .x_axis_money_size line { fill: none; stroke: #000; shape-rendering: crispEdges; } .y_axis_money_size text { font-size: 10px; } .x_axis_money_size text { font-size: 10px; } /**************************************/ /* SPEECH by ISSUE */ /**************************************/ g.y_axis_speech_issue path, g.y_axis_speech_issue line, g.x_axis_speech_issue path, g.x_axis_speech_issue line { fill: none; stroke: #000; shape-rendering: crispEdges; } g.y_axis_speech_issue text, g.x_axis_speech_issue text { font-size: 10px; } g.x_axis_speech_issue g:nth-child(2n) text { display: none; } rect.issue_pct { fill: #ff4814; } rect.issue_pct:nth-of-type(n+4) { fill: #ff8461; } /**************************************/ /* Interest Group Rating */ /**************************************/ /* Interest Group Thumbs */ .candidate-interest-groups .thumbnail .caption { margin: 0; padding: 2px; text-align: center; } .module-sublist-recent-votes li, .module-sublist-interest-groups li { list-style-type: none; margin-left: 0; padding: 0 0 5px; font-size: 14px; } .interest-group-bars:hover .interest-group-bar { opacity: 0.5; } .interest-group-bars:hover .interest-group-bar:hover { opacity: 1; } .interest-group-bar { position: relative; height: 37px; } .interest-group-bar * { position: absolute; } .interest-group-bar-name, .interest-group-bar-rating { color: #ff4814; padding: 10px 10px; font-size: 17px; top: 0; z-index: 6; height: 17px; line-height: 1; } .interest-group-bar-name { left: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 82%; } .interest-group-bar-progress { background: #ffe7e0; left: 0; top: 0; z-index: 5; height: 37px; } .interest-group-bar-rating { right: 0; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; } /**************************************/ /* Issues */ /**************************************/ .candidate-module-issues .scale-issuenth-child(n+3) { display: none; } /**************************************/ /* Shared Donor Candidates */ /**************************************/ .candidate-module-shared-donor-candidates .module-subtext { padding-bottom: 20px; } /**************************************/ /* Speech Word Cloud */ /**************************************/ .speech-word-cloud text { letter-spacing: -0.01em; } .modal-matchups .word-cloud-left svg { border-right: solid 1px #e6e6e6; padding-right: 8px; } /**************************************/ /* Candidate Data Sources */ /**************************************/ .lr-list { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; margin: 0; } .lr-list dt { display: block; font-weight: 600; } .lr-list dd { display: block; margin: 0; } .module-subtext { font-size: 14px; line-height: 1.3; } .module-subtitle { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 14px; line-height: 1; } .module-sublist { margin-bottom: 24px; } .module-sublist li { font-size: 14px; } .module-sublist li strong { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; } .module-sublist.module-sublist-interest-groups { list-style: none; margin-left: 0; } .module-help-link { float: right; margin-top: 10px; font-size: 16px; color: #121212; } .module-help-link:link, .module-help-link:visited, .module-help-link:focus, .module-help-link:hover, .module-help-link:active { color: #121212; } .module-help-link:hover { color: #ff4814; } .module-help-link + .tooltip .tooltip-inner { max-width: 300px; white-space: normal; font-size: 12px; } .module-help-link.module-help-link-inline { float: none; text-decoration: none!important; margin-top: 0; } .module-help-link.muted { color: #e6e6e6; } .module-help-link.muted:link, .module-help-link.muted:visited, .module-help-link.muted:focus, .module-help-link.muted:hover, .module-help-link.muted:active { color: #e6e6e6; } .module-help-link.muted:hover { color: #ff4814; } .candidate-module-header { border-top: solid 3px #121212; padding-top: 12px; margin-bottom: 12px; } .candidate-module-header .module-sublist { margin: 0; list-style: none; } .candidate-module-header .title { margin-top: 2px; font-size: 28px; margin-right: 0; float: left; } .candidate-module-header .affiliation-icon { border-radius: 0; height: 28px; width: 28px; line-height: 29px; font-size: 16.8px; margin: 2px 10px 0; float: left; display: block; } .candidate-module-header .subtitle { font-size: 16.8px; } .candidate-module-header .subtitle em { color: #e6e6e6; } .btn-donate-now span { display: block; } .well-more-donations-soon { margin: 0; } .candidate-header-donate { float: left; width: 267px; } .layout-candidate .scale-list { margin: 0; } .layout-candidate .scale-list-see-more { padding: 0; } .layout-candidate .intro-text { margin: 0; } .layout-candidate .candidate-widget-matchup-candidates .thumb-subtitle { display: none; } .layout-candidate .main section { margin-bottom: 45px; } .layout-candidate .main section.candidate-module-meet, .layout-candidate .main section.candidate-module-why { margin-bottom: 25px; } .layout-candidate .side .section-title { margin-bottom: 15px; } .layout-candidate .side .table { margin-bottom: 10px; } .layout-candidate .scale .tab-content { padding-top: 0; } .hero-unit { border-radius: 0; position: relative; background: #000; padding: 40px 0; min-height: 230px; margin: 0; background-repeat: no-repeat; background-position: right top; background-size: auto 100%; } .hero-unit .title, .hero-unit .subtitle-light { color: #fff; } .hero-unit .title { font-family: "acta-display", georgia, serif; font-weight: 400; letter-spacing: 1px; font-size: 40px; margin-bottom: 12px; } .hero-unit .subtitle-light { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; color: #e6e6e6; font-size: 17px; line-height: 1.3; max-width: 500px; } .hero-unit .subtitle-light a { color: #e6e6e6; text-decoration: underline; } .hero-unit .subtitle-light a:link, .hero-unit .subtitle-light a:visited, .hero-unit .subtitle-light a:focus, .hero-unit .subtitle-light a:hover, .hero-unit .subtitle-light a:active { color: #e6e6e6; } .hero-unit .subtitle-light a:hover { text-decoration: none; } .hero-unit .subtitle { font-size: 14px; max-width: 420px; color: #888; } .hero-unit .subtitle a { color: #888; } .hero-unit .subtitle a:link, .hero-unit .subtitle a:visited, .hero-unit .subtitle a:focus, .hero-unit .subtitle a:hover, .hero-unit .subtitle a:active { color: #888; } .hero-unit .affiliation-icon { height: 28px; width: 28px; font-size: 14px; line-height: 28px; margin: 0 10px 12px 0; float: left; } .hero-unit .btn-grey { border-color: #fff; border-left-width: 0; border-right-width: 0; border-bottom-width: 3px; border-bottom-color: #787878; } .hero-unit .btn-grey:hover { border-color: #787878; } .hero-unit-reverse { background-position: left top; box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3); } .hero-unit-reverse .hero-unit-card { padding-left: 330px; } .modal-race .modal-title a:hover { color: #ff4814; } .modal-race .hero-race-module { padding-top: 40px; } .modal-race .hero-race-module .race-module-expanded { margin-left: 30px; margin-right: 30px; } .modal-race .dot-avatar { cursor: pointer; } .candidate-module-opponents .race-module { margin: 0 20px; } .candidate-module-opponents .nonscored-candidate-message { display: none; } .thumb .compare-link { padding-top: 5px; } .candidate-module-qualities .quality + .tooltip { margin-left: -200px !important; } .fantasy-badge { background: url(https://res.cloudinary.com/crowdpac/image/upload/v1421890080/assets/fantasy-badge.png) no-repeat center; background-size: cover; width: 100px; height: 100px; display: block; position: absolute; bottom: 10px; right: 10px; border-radius: 100px; opacity: 0.8; } .hero-card .fantasy-badge { bottom: 60px; height: 60px; width: 60px; top: auto; } .matchup-launcher-left .fantasy-badge, .hero-card-left .fantasy-badge { right: auto; left: 10px; } .table-candidate-default .table-name { color: #444; } .candidate-module-opponents-small img { width: 32px; height: 32px; } .candidate-module-opponents-small .candidate-list { margin-top: -7px; } .opponents-small-title { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; float: left; line-height: 1; margin: 10px 10px 0 0; } .nonscored-candidate-message { font-size: 12px; padding-top: 10px; text-align: center; } .nonscored-candidate-message .tooltip { font-style: normal; } .candidate-resume { padding-left: 12px; } /**************************************/ /* Should s/he run for Pres? */ /**************************************/ .candidate-widget-nomination { transition: all 0.5s ease; } .after-voted { display: none; } .subtitle-container { padding-bottom: 45px; } .before-voted { visibility: hidden; } .hasnt-voted .before-voted { visibility: visible; } .voted .before-voted { display: none; } .voted.voted-yes .after-voted-yes { display: block; } .voted.voted-no .after-voted-no { display: block; } .voted.just-voted { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn; } .voted.just-voted .after-just-voted { display: block; } .voted.already-voted .after-already-voted { display: block; } .candidate-module-issues-new .dot-container, .candidate-module-issues-new .scale-issue-name { display: block; float: none; width: auto; } .candidate-module-issues-new .scale-issue-name { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 14px; letter-spacing: 1px; line-height: 1; text-transform: uppercase; font-weight: 300; height: auto; min-height: 0; font-size: 11px; padding-bottom: 5px; } .candidate-module-issues-new .scale-issue-name strong { font-weight: 600; } .candidate-module-issue-featured .scale-issue-name { display: none; } .quality-description { font-size: 16px; line-height: 1.6; margin: 0 0 20px; } .quality-stars { letter-spacing: 1px; } .quality-stars .icon-star-half-empty, .quality-stars .icon-star { color: #ff4814; } .quality-stars .icon-star-empty { color: #e6e6e6; } .candidate-module .quality { width: 33.3%; float: left; } .quality-title, .quality-rating-type { font-size: 14px; line-height: 1.3; color: #ccc; } .quality-title { color: #121212; font-weight: 500; } .qualities-more-link { font-size: 12px; } .candidate-module-qualities .qualities-more-link { padding: 15px 0 0; } .modal-issues .modal-body { padding: 15px 0 0; overflow: visible; } .modal-polls .modal-body, .modal-money .modal-body { padding: 15px; } .modal-issues .tab-content, .modal-polls .tab-content, .modal-money .tab-content { padding: 0; } .modal-money .candidate-module-money .module-help-link { position: absolute; top: 0; right: 15px; } .secondary-video { display: block; margin: 0 0 15px; opacity: 0.4; } .secondary-video img { display: block; } .secondary-video:hover { opacity: 1; } .secondary-video:last-child { margin-bottom: 0; } .module-videos > .pull-right { margin-left: 2.12765957%; } .module-videos > .pull-left { margin-left: 0; } .legend { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; text-align: center; color: #787878; } .legend .legend-section { padding: 0 6px; } .legend .legend-liberal-light { color: #81afe6; } .legend .legend-conservative-light { color: #f2878b; } .legend .legend-liberal { color: #1587D7; } .legend .legend-conservative { color: #d8171e; } .legend .legend-moderate { color: #652290; } .legend-center { margin-right: -79px; } .legend-centered { font-size: 13px; } .legend-word-cloud { padding: 40px 0 0 40px; } .legend-ideology { text-align: left; } /************************** Photo Credit ***************************/ .photo-credit { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 9px; text-shadow: 1px 1px 1px #121212; line-height: 1; } .photo-credit a { text-decoration: none!important; color: #787878; } .photo-credit a:link, .photo-credit a:visited, .photo-credit a:focus, .photo-credit a:hover, .photo-credit a:active { color: #787878; } .photo-credit a:hover { color: #e6e6e6; } .hero-unit .photo-credit { position: absolute; right: -31px; top: 47px; transform: rotate(-90deg); } /************************** Issue Modal ***************************/ .modal-candidate-issue .fluid-width-video-wrapper { margin: 0; } /************************** USER INTEREST GROUPS ***************************/ .candidate-interest-groups { list-style: none; margin: 0; } .candidate-interest-groups .candidate-interest-group { margin-bottom: 20px; } .candidate-interest-groups .interest-group-score { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 23px; line-height: 1; padding-top: 3px; } .candidate-interest-groups .interest-group-name { margin-top: 10px; color: #121212; line-height: 1.1; } .interestgroup-name { font-family: "rooney-web", georgia, serif; font-weight: 300; line-height: 1.1; font-size: 85%; height: 32px; overflow: hidden; } .user-interest-group { opacity: 0.5; cursor: pointer; } .user-interest-group:hover { opacity: 0.8; } .user-interest-group.active { opacity: 1; } .user-interest-group.active .thumbnail { border-color: #ff4814; } .user-interest-group.active .interestgroup-name { font-family: "rooney-web", georgia, serif; font-weight: 500; color: #ff4814; } .user-interest-groups-save { margin-right: 82px; } /**************************************/ /* Candidate Connect */ /**************************************/ .module-connect a { display: block; float: left; margin: 0 20px 20px 0; } .module-connect a .social-icon { font-size: 15px; height: 15px; width: 15px; line-height: 15px; text-align: center; margin-right: 8px; } .module-connect a span { line-height: 28px; } .module-connect a:hover { color: #ff4814; } .module-connect a:hover .social-icon { border-color: #ff4814; } .social-icon-party { color: #121212; line-height: 29px; margin: 0 0 20px; } .social-icon-party .affiliation-icon { height: 29px; width: 29px; line-height: 30px; font-size: 16px; margin-right: 8px; } /**************************************/ /* PURGE!!! */ /**************************************/ .layout-huge-image { padding: 10%; } .huge-image-gradient { position: absolute; z-index: 2; width: 80%; height: 100%; padding-bottom: 100px; background: #fff; top: 0; left: 0; /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to right, #ffffff 20%, rgba(255, 255, 255, 0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@white', endColorstr='#00ffffff', GradientType=1); /* IE6-9 */ } .has-huge-image-dark .huge-image-gradient { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to right, #000000 20%, rgba(0, 0, 0, 0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=1); /* IE6-9 */ } .has-huge-image-dark .huge-image-style-image-right .huge-image-gradient { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to right, #000000 74%, rgba(0, 0, 0, 0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=1); /* IE6-9 */ } .candidate-landing-image-extra-right .huge-image-gradient { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to right, #ffffff 50%, rgba(255, 255, 255, 0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@white', endColorstr='#00ffffff', GradientType=1); /* IE6-9 */ } .candidate-landing-image-extra-right.has-huge-image-dark .huge-image-gradient { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to right, #000000 50%, rgba(0, 0, 0, 0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=1); /* IE6-9 */ } .view-candidate-landing { background-size: cover; background-repeat: no-repeat; background-position: 200px top; } .view-candidate-landing .site-header, .view-candidate-landing .site-footer { display: none; } .view-candidate-landing #main { padding: 0; } .view-candidate-landing .logo-floating { z-index: 4; top: 3%; } .candidate-landing-image-extra-right { background-position: 400px top; } .has-huge-image-dark { background-color: #121212; } .has-huge-image-dark .white-card { background: #fff; } .white-card { z-index: 6; position: absolute; background: #fff; background: rgba(255, 255, 255, 0.5); padding: 30px; width: 38%; top: 16%; max-width: 518px; } .white-card .social-icons { position: absolute; margin: 0; bottom: 42px; right: 30px; } .headline-large { font-family: "acta-display", georgia, serif; font-weight: 700; color: #121212; line-height: 1; letter-spacing: -1px; font-size: 40px; padding-bottom: 15px; border-bottom: solid 3px #121212; margin: 0 0 15px; } .explainer-large, .explainer-large p { font-size: 18px; } .hero-image-gradient { position: absolute; right: 280px; width: 40px; /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to right, #000000 20%, rgba(0, 0, 0, 0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=1); /* IE6-9 */ height: 313px; top: 0; } .chart-legend { list-style: none; font-size: 16px; padding-top: 40px; } .chart-legend li { padding: 5px 0; cursor: pointer; } .chart-legend li:hover { background: #e6e6e6; } .chart-legend span { display: block; float: left; } .chart-legend-color { height: 20px; width: 20px; border-radius: 2px; margin-right: 5px; } .chart-legend-label { color: #121212; height: 1.3em; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .chart-sub-list { clear: both; display: none; } .chart-sub-list-item { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 11px; line-height: 1.1; padding: 2px 0; text-transform: uppercase; } .chart-legend li.active .chart-sub-list { display: block; padding: 10px 25px; } .endorsement-images { margin: 0 0 15px; } .numbered-list { font-size: 16px; color: #121212; } .numbered-list li { padding: 0 0 8px; } .table-list td { border: none; color: #121212; padding-bottom: 0; } .table-list .table-list-label { width: 140px; color: #787878; padding-left: 0; } .operator-score { margin: 0 0 10px; } .operator-score i { font-size: 30px; } .operator-score .muted { color: #e6e6e6; } .tt-chunky .tt-input { margin-bottom: 0; } .tt-chunky .tt-suggestion { font-size: 16px; } .block-candidate:hover .btn { color: #8f2308; } /* Candidates Versus */ .candidates-versus { position: relative; float: left; width: 340px; margin-right: 20px; } .candidates-versus:nth-child(2n) { margin-right: 0; } .candidates-versus .thumb { width: 170px; margin-right: 0; } .candidates-versus .thumb:nth-child(2n-1) .thumb-title-container, .candidates-versus .thumb:nth-child(2n-1) .thumb-subtitle { padding-right: 10px; } .candidates-versus-title { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; color: #121212; padding: 5px 0; background: #e6e6e6; line-height: 1; text-align: center; } .candidates-versus-icon { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 14px; letter-spacing: 1px; line-height: 1; text-transform: uppercase; color: #fff; position: absolute; border-radius: 18px; text-align: center; top: 56px; left: 153px; width: 35px; height: 23px; padding-top: 12px; background: #ff4814; z-index: 5; } /**************************************/ /**************************************/ /**************************************/ /**************************************/ /* Media Queries */ /**************************************/ @media only screen and (max-width: 1249px) { .white-card .social-icons { width: 26px; margin: 0; bottom: 30px; right: 25px; } .white-card .social-icons .social-icon { float: none; margin: 0 0 2px; height: 12px; width: 12px; line-height: 12px; font-size: 12px; } } @media only screen and (max-width: 979px) { .view-candidate-landing { background-position: 100px top; } .headline-large { font-size: 40px; } .explainer-large, .explainer-large p { font-size: 18px; } } @media only screen and (max-width: 979px) and (min-width: 768px) { .modal-matchups .quality-stars { letter-spacing: 0; } .modal-matchups .quality-stars i { font-size: 90%; } .modal-matchups .quality-rating-type { font-size: 12px; } .operator-score i { font-size: 20px; } } @media only screen and (min-width: 768px) { .huge-image-style-image-right { background-image: none!important; } } @media only screen and (max-width: 767px) { .hero-unit { padding: 25px 15px 15px; min-height: 20px; } .hero-unit .title { font-size: 24px; } .hero-unit .subtitle { font-size: 11px; max-width: 320px; } .hero-unit .subtitle-light { font-size: 16px; } .hero-unit-reverse .hero-unit-card { padding-left: 80px; } .secondary-video { width: 32%; margin-right: 2%; float: left; } .secondary-video:last-child { margin-right: 0; } .fantasy-badge { height: 40px; width: 40px; } .huge-image { background-position: top center; } .huge-image .white-card { width: 92%; } .huge-image-half { display: none; } .layout-huge-image { padding: 0; } .huge-image-gradient { padding: 0; } .headline-large { font-size: 26px; } .explainer-large, .explainer-large p { font-size: 13px; } .white-card { padding: 4%; top: auto; bottom: 0; max-width: none; } .white-card .headline-large { padding-right: 58px; } .white-card .social-icons { top: 8%; bottom: auto; width: 56px; margin: 0; right: 4%; } .white-card .social-icons .social-icon { float: left; margin: 0 0 0 2px; height: 12px; width: 12px; line-height: 12px; font-size: 12px; } .logo-floating { top: 5%; left: 5%; width: 100px; } .candidate-landing-image-extra-right .huge-image-gradient { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@white', endColorstr='#00ffffff', GradientType=1); /* IE6-9 */ } .candidate-landing-image-extra-right.has-huge-image-dark .huge-image-gradient { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to right, #000000 0%, rgba(0, 0, 0, 0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=1); /* IE6-9 */ } .hero-unit-mobile-small-photo { padding-top: 15px; } } @media only screen and (max-width: 579px) { .legend-center { margin-right: -47px; } .legend-descriptor { display: none; } } @media only screen and (max-width: 479px) { .hero-unit-mobile-large-photo { background-size: 400px; background-position: center -60px; padding: 250px 0 0; margin-left: -10px; margin-right: -10px; } .hero-unit-mobile-large-photo.no-mobile-adjust { background-position: center 0; } .hero-unit-mobile-large-photo .btn-donate-now.btn-primary { display: block; margin: 0 0 5px; } .hero-unit-mobile-large-photo .hero-unit-card { padding: 15px; background: #121212; } .hero-unit-mobile-small-photo { /*background-size: 100%; background-position: top center; padding-top:93%;*/ } .subtitle-container { padding-bottom: 0; } .legend-word-cloud { padding-left: 0; font-size: 11px; } .legend-word-cloud .legend-section { padding: 0 3px 0 0; } .legend-word-cloud .legend-section:last-child { padding: 0; } .candidate-widget-matchup-candidates .thumb-title { font-size: 12px; line-height: 1.2; display: block; } .fantasy-badge { bottom: auto; top: 200px; } .view-candidate-landing { background-size: auto 430px; background-position: top; } .white-card .social-icons { top: 6%; } .table-list .table-list-label { width: auto; } .module-connect a { float: none; margin-right: 0; } } @media only screen and (max-width: 374px) { .legend-center { margin-right: 0; } } @media only screen and (max-width: 319px) { .candidate-module-header .title { float: none; max-width: none; width: auto; clear: both; } } .contribution-stats[class*='span'] { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 16px; line-height: 1.4; } @media (min-width: 980px) { .contribution-stats[class*='span'] { min-height: 370px; } } @media (min-width: 768px) { .contribution-stats[class*='span'] { display: flex; flex-direction: column; } } .contribution-stats__main { display: flex; flex-direction: column; flex-grow: 1; margin-bottom: 10px; justify-content: center; } .contribution-stats__total { font-family: "acta-display", georgia, serif; font-weight: normal; color: #121212; font-size: 50px; line-height: 0.9; margin-top: 0; } @media (max-width: 979px) and (min-width: 768px) { .contribution-stats__total { font-size: 36px; } } .contribution-stats__per-month-label { font-size: 24px; font-weight: bold; } @media (max-width: 979px) and (min-width: 768px) { .contribution-stats__text { font-size: 14px; } } .crowdpac-page__support-cta { font-family: "acta-display", georgia, serif; font-weight: normal; color: #121212; font-size: 36px; line-height: 1.1; } .crowdpac-page__endorse-cta { font-family: "acta-display", georgia, serif; font-weight: 500; font-size: 28px; color: #121212; } @media (max-width: 979px) { .crowdpac-page__endorse-cta { font-size: 24px; } } #share-links .button { margin-bottom: 0.6em; margin-top: 0.6em; } #mobile-share-links { margin: 0px; } #mobile-share-links .button { margin: 10px; margin-bottom: 0.6em; margin-top: 0.6em; } .campaign-page-social-media-btn-content { display: inline; white-space: nowrap; } .crowdpac-page__support-buttons { margin-top: 15px; } @media (max-width: 979px) and (min-width: 768px) { .crowdpac-page__support-buttons { margin-top: 5px; } } .crowdpac-page__tabs-line { border-bottom: 1px solid #d8d8d8; } @media (max-width: 767px) { .crowdpac-page__tabs-line { border: none; } } /************************** CROWDPACS DETAIL ***************************/ .crowdpac-update__share { margin-top: 30px; } .light-top-border { border-top: solid 1px #121212; padding-top: 20px; } .layout-crowdpac .side .section-title { margin-bottom: 15px; } .crowdpac-header { margin-bottom: 20px; } .crowdpac-header .title { font-size: 38px; } .crowdpac-creator { margin: 0; padding: 0; } .crowdpac-creator p { margin: 0; font-size: 17px; line-height: 1.3; } .crowdpac-description { border-top: solid 1px #e6e6e6; padding-top: 20px; } .crowdpac-description p { line-height: 1.4; } .crowdpac-description h2 { font-size: 18px; line-height: 1.2; margin: 0 0 10px; } .crowdpac-list-candidates { margin: 0; list-style: none; border-top: solid 1px #e6e6e6; } .crowdpac-list-candidates .candidate-module-header { border-width: 1px; } .crowdpac-list-candidates .candidate-list-number { font-size: 24px; line-height: 48px; height: 45px; min-width: 32px; } .crowdpac-module-donate .btn-donate-now { font-size: 12px; margin: 0 0 10px; } .crowdpac-module-donate-stat { text-align: center; color: #121212; float: left; width: 50%; margin: 0 0 10px; padding: 2px 0 0; } .crowdpac-module-donate-stat strong, .crowdpac-module-donate-stat span { display: block; text-transform: uppercase; line-height: 1; } .crowdpac-module-donate-stat strong { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; padding: 0 0 10px; font-size: 30px; } .crowdpac-module-donate-stat span { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 15px; } .crowdpac-module-donate-stat.crowdpac-module-donate-donors { width: 49%; border-left: solid 1px #121212; } .crowdpac-index-tag-title { max-width: 560px; } .candidate-exact-amounts { color: #ff4814; } .exact-amounts-will-show { display: none; } .exact-amounts-show .exact-amounts-will-hide { display: none; } .exact-amounts-show .exact-amounts-will-show { display: inline; } .meta-sidebar { margin-top: 43px; } .about-candidate i { float: right; width: 18px; text-align: center; } .about-candidate .label-small { margin-bottom: 10px; } .about-candidate .social-icon-party { float: right; margin: 0!important; } .about-candidate .social-icon-party .affiliation-icon { margin: 0!important; height: 20px; width: 20px; line-height: 21px; font-size: 13px; } .campaign-status-success, .campaign-status-closed { border-radius: 3px; } .well.well-lined.well-orange.campaign-status-success { background: #fffbfa; border: 1px solid #fcd4c6; } .campaign-status-closed { border: 1px solid #d5d5d5; } .media-list-endorsements img.img-circle-bordered { width: 40px; height: 40px; } .rally-player { border-radius: 6px; background-color: #000000; width: 100%; height: auto; } video:focus { outline: none; } .fluid-width-video-wrapper { position: relative !important; padding-bottom: 56.25% !important; padding-top: 30px !important; height: 0 !important; overflow: hidden !important; } /************************** CROWDPACS FEATURED ***************************/ .crowdpacs-list .module-subtext { padding-bottom: 10px; } .featured-crowdpacs-row { margin: 0 0 20px; } .featured-crowdpacs-row:last-child { margin: 0; } .thumb-crowdpac { display: block; } .thumb-crowdpac .thumb-crowdpac-image { display: block; border: solid 1px #e6e6e6; position: relative; margin-bottom: 10px; } .thumb-crowdpac .thumb-crowdpac-image img { display: block; } .thumb-crowdpac .thumb-crowdpac-image-cover { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ff4814; } .thumb-crowdpac .thumb-crowdpac-name { font-family: "rooney-web", georgia, serif; font-weight: 300; display: block; color: #ff4814; text-decoration: none; text-align: center; font-size: 13px; line-height: 1.2; } .no-touch .thumb-crowdpac:hover .thumb-crowdpac-image { border-color: #ff4814; } .no-touch .thumb-crowdpac:hover .thumb-crowdpac-image-cover { display: block; opacity: 0.05; } .no-touch .thumb-crowdpac:hover .thumb-crowdpac-name { text-decoration: underline; } .campaign-created { border-top: 1px solid #e6e6e6; padding: 40px 0; margin-bottom: 50px; } .campaign-update-row { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #e6e6e6; } .campaign-update-row:last-child { margin-bottom: 0px; border-bottom: none; } /************************** MY CROWDPACS ***************************/ .field-label { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; font-size: 14px; letter-spacing: 1px; line-height: 1; text-transform: uppercase; color: #121212; } .secondary-action { margin: 3px 15px; } .user-crowdpac-field-title input { height: 80px; line-height: 80px; font-family: "acta-display", georgia, serif; font-weight: 700; color: #121212; font-size: 40px; width: 98%; } .user-crowdpac-fields .form-dashed { padding-top: 23px; padding-bottom: 22px; max-width: 70px; border-color: #e6e6e6; } .cloudinary-remove-img { margin-left: 20px; } .admin-list { margin: 0 0 10px; padding-left: 30px; } .admin-list > li { position: relative; } .admin-list .media { margin-top: 0; } .admin-list-name { padding-top: 13px; } .drag-drop-handle { position: absolute; cursor: move; height: 100%; left: -30px; width: 30px; text-align: center; top: 0; } .drag-drop-handle i { position: absolute; top: 50%; left: 50%; height: 20px; width: 20px; margin: -10px 0 0 -10px; } .user-crowdpac-row[data-closed] a { color: #aaa; } .user-crowdpac-row hr { margin: 30px 0; } .user-crowdpac-row h3 { max-width: 470px; } /*********** HUGE IMAGE ************/ .has-huge-image .site-header, .has-huge-image .site-footer { display: none; } .has-huge-image #main { padding: 0; } .huge-image { position: relative; background-size: cover; background-repeat: no-repeat; height: 1000px; width: 100%; } .huge-image .layout-huge-image { padding-top: 0; padding-bottom: 0; } .huge-image .logo-floating { z-index: 3; } .huge-image .huge-image-gradient { padding-bottom: 0; } .huge-image-half { position: absolute; left: 60%; top: 0; background-size: cover; background-repeat: no-repeat; height: 100%; width: 40%; } .huge-image-right { box-shadow: inset 10px 0px 12px rgba(0, 0, 0, 0.4); } .huge-image-tag-container { position: absolute; bottom: 0; text-align: center; width: 100%; z-index: 5; } .huge-image-tag { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 14px; letter-spacing: 1px; line-height: 1; text-transform: uppercase; background: #ff4814; color: #fff !important; opacity: 0.85; padding: 12px 10px; display: inline-block; font-size: 16px; } .has-huge-image-dark .huge-image-tag { color: #121212 !important; background: #fff; } .white-card-with-tag .huge-image-tag-container { width: 92%; } .progress-thermometer { margin-top: -15px; position: relative; padding-bottom: 40px; } .progress-thermometer .progress { height: 4px; background: #121212; margin: 0; } .progress-thermometer .progress-thermometer-status { line-height: 1; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; position: absolute; top: 4px; border: solid 1px #ff4814; border-width: 0 0 0 1px; padding: 10px 6px 0; } .progress-thermometer .progress-thermometer-status.progress-thermometer-status-left { border-width: 0 1px 0 0; } .crowdpac-section-faq .accordion-toggle.active span { color: #ff4814; } .has-huge-image-dark.view-crowdpac-detail { background: #fff; } .featured-crowdpac { background: #121212; } .featured-crowdpac-link { display: block; } .no-touch .featured-crowdpac-link { opacity: 0.95; } .no-touch .featured-crowdpac-link:hover { opacity: 1; } .explainer-large-bottom { padding-bottom: 10px; } .white-card-with-faq-link { padding-bottom: 10px; } .white-card-faq-link { margin: 0; } .donation-list-left { width: 70%; } .is-loading-crowdpacs .panel { opacity: 0.2; } .form-filters-close { display: none; position: fixed; z-index: 3; left: 0; bottom: 0; width: 60%; padding: 10px; background: #f8f8f8; } /*********** ADD TO CAMPAIGN BUTTON ************/ .add-to-campaign { padding: 75px 0; } /**************************************/ /**************************************/ /**************************************/ /**************************************/ /* Media Queries */ /**************************************/ @media only screen and (min-width: 980px) { .headline-large.headline-medium-large { font-size: 55px; } } @media only screen and (max-width: 979px) { .donate-sidebar { height: auto; } .donate-sidebar h2 { margin-top: 0; } .donate-sidebar .progress { height: 10px; } .donate-sidebar .lockup { margin-bottom: 0px; } .donate-sidebar .btn-primary.btn-donate-now { padding-top: 10px; padding-bottom: 10px; } .count-wrapper { margin-bottom: 10px; } .stats-wrapper { margin-bottom: 10px; } } @media only screen and (max-width: 767px) { .white-card-with-tag { padding-bottom: 50px; } .white-card-with-tag .huge-image-tag { color: #121212 !important; background: #e6e6e6; font-size: 12px; } .progress-thermometer { padding-bottom: 30px; } .progress-thermometer .progress-thermometer-status { padding: 5px 3px 0; font-size: 85%; } .featured-crowdpac .headline { font-size: 32px; line-height: 1.2; } .donate-sidebar { height: auto; margin-bottom: 24px; } .donate-sidebar h2 { margin-top: 0px; margin-bottom: 10px; } .donate-sidebar h1 { font-size: 38px; } .featured-tag-label { min-width: 50%; float: left; } .crowdpac-page__media { text-align: center; margin-left: -10px; margin-right: -10px; } } @media only screen and (max-width: 620px) { .crowdpac-page__media img { border-radius: 0; } } @media only screen and (max-width: 479px) { hr.campaign-divider { margin: 24px 0; } .candidate-module-why { margin-bottom: 24px; } .stats-wrapper { margin-bottom: 18px; } .phone-btn { padding: 10px 0 7px 0; } .phone-btn-grey { padding: 10px 0 9px 0; } .fixed-bar .pledge-disclaimer { margin-bottom: -5px; } .candidate-module-meet { margin-bottom: 16px; } .intersperse.m-mega.visible-phone { margin-bottom: 16px; } .module-share-bar { display: flex; } .module-share-bar-shorter .btn { margin-right: 10px; flex-grow: 1; margin: 0; } .featured-crowdpac .white-card { margin: 5%; padding: 5%; width: 80%; } .featured-crowdpac .headline { font-size: 25px; line-height: 1.1; } } .campaign__story, .campaign__story p, .campaign__story a, .campaign__story ol, .campaign__story ul, .campaign__story li { font-size: 18px; color: #121212; line-height: 1.5; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; } .campaign__story p, .campaign__story ol, .campaign__story ul { margin-bottom: 15px; } .campaign__story li { margin-bottom: 5px; } .campaign__story li > ul, .campaign__story li > ol { padding-top: 5px; } .campaign__story ul, .campaign__story ol { margin-left: 30px; } .campaign__story ol > li > ol > li { list-style-type: lower-alpha; } .campaign__story ol > li > ol > li > ol > li { list-style-type: lower-roman; } .campaign__story a, .campaign__story a:link, .campaign__story a:visited, .campaign__story a:hover, .campaign__story a:active { color: #ff4814; text-decoration: none; } .campaign__story a:hover { text-decoration: underline; } .campaign__story a.more-link, .campaign__story a.less-link { font-size: 16px; text-align: center; font-weight: bold; margin-top: 20px; } .crowdpac-qa { padding-top: 20px; padding-bottom: 20px; } .crowdpac-qa input { width: unset; min-width: 0px !important; } .qa-flex { display: flex; margin-bottom: 20px; justify-content: center; align-items: center; overflow: hidden; } .qa-title { font-family: "acta-display", georgia, serif; font-weight: 500; color: #121212; } .qa-question { flex: 1; margin: 0 !important; font-size: 20px !important; line-height: 32px !important; height: 32px !important; } .qa-send-button { margin-left: 10px; } .qa-tweet-button { margin-left: 10px; } .qa-name { flex: 1; margin: 0 !important; font-size: 20px !important; line-height: 32px !important; height: 32px !important; margin-right: 5px !important; } .qa-email { flex: 1; margin: 0 !important; font-size: 20px !important; line-height: 32px !important; height: 32px !important; margin-left: 5px !important; } .qa-flex.buttons { justify-content: flex-end; align-items: flex-end; } @media screen and (max-width: 768px) { .qa-flex.buttons { justify-content: center; align-items: center; } } .qa-hint { font-size: 18px; } .mobile-share-follow-buttons { margin-top: 8px; margin-bottom: 8px; display: flex; } .mobile-share-follow-buttons > *:first-child { flex: 1; margin-right: 4px; } .mobile-share-follow-buttons > *:last-child { flex: 1; margin-left: 4px; } /************************** DONATION FLOW ***************************/ .layout-section-contribute .site-header, .layout-section-contribute .site-footer { display: none; } .layout-section-contribute #main { padding-bottom: 10px; } .donate-section .vertically-center.small-text { padding-top: 6px; } .donation-large-text { text-align: left; padding: 20px 15px; } .donation-large-text .title { font-size: 29px; margin-bottom: 40px; line-height: 1.2; font-weight: 500; } .donation-large-text .intro { margin-bottom: 10px; } .donation-large-text .table-lined { margin-bottom: 20px; } .donation-large-text .table-lined td:first-child { width: 125px; } #donation-disabled, #donation-failed { padding: 20px; } .donate-share-text { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 14px; letter-spacing: 1px; line-height: 1; text-transform: uppercase; margin-bottom: 10px; } .black-social-icons, .donate-social-icons { width: 107px; margin: 0 auto 40px; } .black-social-icons .social-icon, .donate-social-icons .social-icon { color: #ff4814; border-color: #ff4814; height: 32px; width: 32px; line-height: 32px; border-radius: 34px; font-size: 27px; } .black-social-icons .social-icon:link, .donate-social-icons .social-icon:link, .black-social-icons .social-icon:visited, .donate-social-icons .social-icon:visited, .black-social-icons .social-icon:focus, .donate-social-icons .social-icon:focus, .black-social-icons .social-icon:hover, .donate-social-icons .social-icon:hover, .black-social-icons .social-icon:active, .donate-social-icons .social-icon:active { color: #ff4814; } .black-social-icons .social-icon:hover, .donate-social-icons .social-icon:hover { color: #121212 !important; border-color: #121212 !important; } .donation-loading { padding: 200px 0; text-align: center; } .contribute-logo { width: 200px; margin: 25px; float: left; } .contribute-headline { max-width: 600px; margin-left: auto; margin-right: auto; } .contribute-container .contribute-header { padding-top: 11px; padding-bottom: 7px; } .contribute-container hr { margin-top: 1px; } .contribute-container .tab-content { padding: 0 15px 15px; } .contribute-container input, .contribute-container select { color: #121212; font-size: 16px; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; /* Monospace stack */ } .contribute-container select { border: solid 1px #ccc; } .contribute-container select:active, .contribute-container select:focus { outline: none; border-color: #ff4814; } .contribute-container input.donate-other, .contribute-container .btn-contribute-amount { font-weight: 600; margin: 0; } .contribute-container input.donate-other.btn-tall, .contribute-container .btn-contribute-amount.btn-tall { padding: 12px 12px 11px; line-height: 12px; } .contribute-container .donate-other--wrapper { position: relative; } .contribute-container .donate-other--wrapper.active .donate-other--arrow { display: block; } .contribute-container .donate-other--arrow { display: none; position: absolute; height: 49px; top: 5px; right: 5px; border: none; background: #ff4814; color: #fff; padding: 14px 9px; border-radius: 0 5px 5px 0; } .contribute-container input.donate-other { font-size: 14px; height: 49px; text-align: center; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; padding: 0; border-radius: 5px; } .contribute-container input.donate-other:focus, .contribute-container input.donate-other:active, .contribute-container input.donate-other.active { box-shadow: none; border-color: #ff4814; background: #fff; color: #121212; outline: none; } .contribute-container input.donate-other:focus::-webkit-input-placeholder, .contribute-container input.donate-other:active::-webkit-input-placeholder, .contribute-container input.donate-other.active::-webkit-input-placeholder { color: #b3b3b3; } .contribute-container input.donate-other:focus:-moz-placeholder, .contribute-container input.donate-other:active:-moz-placeholder, .contribute-container input.donate-other.active:-moz-placeholder { color: #b3b3b3; } .contribute-container .section-title.thinner { -webkit-font-smoothing: antialiased; color: #000; } .contribute-container .close.close-large { margin: 5px; text-align: center; line-height: 70px; } .contribute-container .payment-well { background: #fff; } .contribute-container .monthly-option-label { font-weight: normal; color: #444; } .contribute-container .form-element input[type="checkbox"].checkbox-recurring { margin-top: -5px; } .contribute-container .recurring-option-well { margin-bottom: 35px; } .contribute-container .recurring-option-well:hover { border: 1px solid #C5C5C5; } .contribute-container .recurring-selected-message { font-size: 14px; font-weight: normal; color: #8C8C8C; line-height: 1.2em; margin-bottom: 5px; } .contribute-container .recurring-option-well.well-success { background-color: #FBFFF6; border-color: #C3E5A7; } .contribute-container--minimal .hide-when-minimal { visibility: hidden; } .contribute-container--minimal .remove-when-minimal { display: none; } .contribute-full-screen-header { margin: 0 0 25px; } p.subtitle-donation { margin: 0 0 35px; } .checkbox-explainer-grey { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; } .donate-section-payment p.subtitle-donation { margin-bottom: 10px; } .btn-contribute-amount small { text-transform: none; letter-spacing: 0; font-weight: 300; font-size: 12px; } .donate-tabs { margin: 0 auto 30px; width: 380px; border: none; } .donate-tabs li { width: 50%; text-align: center; background: transparent; opacity: 0.5; } .donate-tabs li:first-child { text-align: left; } .donate-tabs li:last-child { text-align: right; } .donate-tabs li a { border: none!important; padding: 20px 0; margin: 0; outline: none!important; } .donate-tabs li a strong { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; letter-spacing: 1px; line-height: 1; text-transform: uppercase; margin-left: 5px; font-size: 14px; } .donate-tabs li a .badge { font-family: "acta-display", georgia, serif; font-weight: 700; font-size: 22px; line-height: 25px; color: #121212; letter-spacing: 0; color: #fff; background: #ff4814; padding-left: 6px; padding-right: 6px; width: 17px; border-radius: 15px; text-align: center; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; border-radius: 30px; background: #121212; font-size: 13px; width: 10px; line-height: 18px; } .donate-tabs li a:hover { background: transparent; } .donate-tabs li.active { background: none; opacity: 1; } .donate-btn-row { max-width: 460px; margin: 0 auto 10px; display: flex; justify-content: center; flex-wrap: wrap; } .donate-btn-row > div { margin-left: 0 !important; width: 33% !important; padding: 5px; flex: auto; } @media only screen and (max-width: 767px) { .donate-btn-row div.span4 { width: 49% !important; margin-left: 0 !important; } } .btn-contribute-amount:active, .btn-contribute-amount.active { box-shadow: none; } .donate-change-amounts { display: none; } @media only screen and (max-width: 767px) { .donate-change-amounts { margin-bottom: 50px; } } .donate-change-amounts-candidates { max-width: 400px; margin: 0 auto 10px; padding: 8px; border: solid 1px #e6e6e6; } @media only screen and (max-width: 767px) { .donate-change-amounts-candidates { max-width: 310px; } } .donate-change-amounts-candidates input { margin: 0; } .small-candidates-list { background: white; } .small-candidates-list .candidate-name { padding-top: 6px; font-size: 14px; margin: 0; } .small-candidates-list .candidate-name.active { color: #ff4814; } .small-candidates-list .candidate-detail-img { width: 28px; } .small-candidates-list .row-fluid-mobile { margin-bottom: 10px; margin-top: 10px; padding-bottom: 10px; border-bottom: solid 1px #e6e6e6; } .small-candidates-list .row-fluid-mobile:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .show-if-amount-exists, .show-if-custom-amounts { display: none; } .donate-back-to-even-amounts { line-height: 26px; } .donate-crowdpac-total-text { color: #ff4814; line-height: 1.8; font-size: 18px; margin-right: 10px; display: none; } .donate-certification { display: flex; } .donate-certification-text { flex-grow: 1; } .donate-section-payment .section-title.thinner { margin-bottom: 10px; } .donate-confirm { margin: 30px 0 30px; } .donate-last-step-title { font-size: 30px; margin: 0 0 20px; } .donate-last-step-btns { padding-top: 20px; } .thank-you-title { margin-top: 25px; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 14px; letter-spacing: 1px; line-height: 1; text-transform: uppercase; } .thank-you-title-large { margin: 40px 0 0; } .contribute-exact-amounts .contribute-body { padding: 20px; } .exact-amounts-candidates { margin: 0 0 20px; } .headline-chunky-medium .donate-total-amount, .section-title.section-title-huge .donate-total-amount { color: #ff4814; text-decoration: none; } .headline-chunky-medium .donate-total-amount:hover, .section-title.section-title-huge .donate-total-amount:hover { text-decoration: underline; } .row-donate-amount { width: 300px; margin: 0 auto; padding-bottom: 10px; } .row-donate-amount input.donate-other, .row-donate-amount .donate-amount-btn { margin: 0; } .row-donate-amount .btn-donate-container { width: 150px; margin-right: 75px; float: left; } .row-donate-amount .explainer { margin: 0 15px 0 0; width: 60px; line-height: 40px; font-weight: 600; color: #787878; float: left; text-align: right; } .row-donate-amount .explainer.explainer-double-line { line-height: 1.2; padding-top: 5px; } .donate-confirm-text { font-size: 12px; line-height: 1.1; } .donate-confirm-text ol { margin: 0 0 0 12px; } .donate-confirm-text ol li { line-height: 1; } .donate-confirm-text .header-donate-legalese .section-title.thinner { padding: 0; color: #787878; } .donate-default-legalese { transition: all 0.5s ease; } .donate-default-legalese.expanded { height: auto; border: none; font-size: 14px; line-height: 1.3; padding-bottom: 200px; } .contribute-legalese-text, .contribute-legalese-text p { line-height: 1.1; font-size: 12px; } .contribute-legalese-text a, .contribute-legalese-text p a { color: #121212; } .contribute-legalese-text a:link, .contribute-legalese-text p a:link, .contribute-legalese-text a:visited, .contribute-legalese-text p a:visited, .contribute-legalese-text a:focus, .contribute-legalese-text p a:focus, .contribute-legalese-text a:hover, .contribute-legalese-text p a:hover, .contribute-legalese-text a:active, .contribute-legalese-text p a:active { color: #121212; } .finish-acct-button { margin-top: 10px; margin-bottom: 55px; } .table.table-lined.receipt-wrapper { font-size: 16px; margin-bottom: 9px; } .table.table-lined.receipt-wrapper td { padding-bottom: 10px; } .table.table-lined.receipt-wrapper tr:last-child td { padding-bottom: 20px; } .donation-share-buttons .btn.btn-fb, .donation-share-buttons .btn.btn-twitter { font-weight: 400; text-transform: none; font-size: 16px; letter-spacing: normal; border-radius: 3px; padding-bottom: 12px; } /************************** FAUX INPUTS ***************************/ .faux-input, .faux-input-label, .faux-input input, .faux-input select { /* Safari/Chrome, other WebKit */ /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-font-smoothing: antialiased; } .p-relative { position: relative; } .p-relative .faux-input-expires { position: absolute; top: 0; right: 0; } .donation-alert { display: none; } .donation-alert.visible { display: block; } .faux-input { border: solid 1px #ccc; padding: 8px 5px; clear: both; margin-bottom: 10px; } .faux-input.focus { border-color: #ff4814; box-shadow: 0 1px 0 #ff4814; } .faux-input select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('https://assets.crowdpac.com/v2/production/all/img/select-down-arrow.png') no-repeat right center; } .faux-input select, .faux-input input { border: none; width: auto; float: left; padding: 2px 0; display: block; margin: 0; font-size: 16px; line-height: 1; box-shadow: none; } .faux-input select::-webkit-input-placeholder, .faux-input input::-webkit-input-placeholder { color: #787878; } .faux-input select:-moz-placeholder, .faux-input input:-moz-placeholder { color: #787878; } .faux-input select:focus, .faux-input input:focus { box-shadow: none; } .faux-input select:focus::-webkit-input-placeholder, .faux-input input:focus::-webkit-input-placeholder { color: #b8b8b8; } .faux-input select:focus:-moz-placeholder, .faux-input input:focus:-moz-placeholder { color: #b8b8b8; } .faux-input select:focus:invalid:focus, .faux-input input:focus:invalid:focus { box-shadow: none; border-color: #e6e6e6; } .faux-input select.input-border-left, .faux-input input.input-border-left { border-left: solid 1px #e6e6e6; padding-left: 10px; } .faux-input select.input-border-right, .faux-input input.input-border-right { border-right: solid 1px #e6e6e6; } .faux-input select.select-placeholder-color { color: #787878; } .faux-input.disabled { background: #e6e6e6; } .faux-input.disabled input { background: #e6e6e6; } .faux-input.faux-input-cc, .faux-input.faux-input-employer { float: left; } .faux-input.faux-input-cc { width: 61%; } .faux-input.faux-input-expires { width: 25%; } .faux-input.faux-input-employer { width: 84%; } .faux-input .donate-ach, .faux-input .donate-cc, .faux-input .donate-csc, .faux-input .donate-exp-month, .faux-input .donate-exp-year { font-family: monospace; } .faux-input .donate-ach::-webkit-input-placeholder, .faux-input .donate-cc::-webkit-input-placeholder, .faux-input .donate-csc::-webkit-input-placeholder, .faux-input .donate-exp-month::-webkit-input-placeholder, .faux-input .donate-exp-year::-webkit-input-placeholder { color: #9e9e9e; } .faux-input .donate-ach:-moz-placeholder, .faux-input .donate-cc:-moz-placeholder, .faux-input .donate-csc:-moz-placeholder, .faux-input .donate-exp-month:-moz-placeholder, .faux-input .donate-exp-year:-moz-placeholder { color: #9e9e9e; } .faux-input .donate-ach:focus::-webkit-input-placeholder, .faux-input .donate-cc:focus::-webkit-input-placeholder, .faux-input .donate-csc:focus::-webkit-input-placeholder, .faux-input .donate-exp-month:focus::-webkit-input-placeholder, .faux-input .donate-exp-year:focus::-webkit-input-placeholder { color: #d1d1d1; } .faux-input .donate-ach:focus:-moz-placeholder, .faux-input .donate-cc:focus:-moz-placeholder, .faux-input .donate-csc:focus:-moz-placeholder, .faux-input .donate-exp-month:focus:-moz-placeholder, .faux-input .donate-exp-year:focus:-moz-placeholder { color: #d1d1d1; } .faux-input .donate-cc { width: 75%; } .faux-input .donate-csc { width: 25%; } .faux-input .donate-ach-account-type { width: 24%; color: #121212 !important; } .faux-input .donate-ach { width: 38%; } .faux-input .donate-employer, .faux-input .donate-occupation, .faux-input .donate-exp-month, .faux-input .donate-exp-year { width: 50%; } .faux-input .donate-name { width: 60%; } .faux-input .donate-email { width: 40%; } .faux-input .donate-address { width: 40%; } .faux-input .donate-city { width: 30%; } .faux-input .donate-zip { width: 15%; } .faux-input .donate-state { width: 15%; padding-left: 10px; } .faux-input .donate-state option { padding: 0; min-height: 0; line-height: 1; } .checkboxes-inline > * { float: left; } .checkbox-separator { padding: 0 10px; } .checkbox-label-thin { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; color: #121212; } .faux-input-label { float: left; height: 46px; line-height: 46px; padding: 0 2%; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; color: #787878; } .faux-input-label label { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; } .faux-input-label.faux-input-label-expires { text-align: right; width: 14%; } .faux-input-label.faux-input-label-checkboxes { width: 16%; } input[type="text"].donate-name, input[type="email"].donate-email { margin-bottom: 0px; } input[type="text"].donate-spouse-name, input[type="email"].donate-spouse-email { margin-bottom: 20px; } .form-element .donate-address, .form-element .donate-city, .form-element .donate-phone, .form-element .checkbox-retired, .form-element .checkbox-student, .form-element .employer-donate-address1, .form-element .employer-donate-address2, .form-element .employer-donate-city, .form-element .employer-donate-country, .form-element .checkbox-recurring { margin-bottom: 20px; } .form-element [type="checkbox"]:not(:checked) ~ .if-previous-checked { display: none; } .cc-expires-slash { position: absolute; top: 10px; left: 40%; } .label-small.form-field.saved-payment-tabs { color: #9E9E9E; } .label-small.form-field.selected-payment-option.saved-payment-tabs { color: #121212; } .donation-couple-flow { display: none; } .donation-couple-flow-show .donation-individual-flow { display: none; } .donation-couple-flow-show .donation-couple-flow { display: block; } .small-candidate-name { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; line-height: 1; } .small-candidate-name span { margin: 0 0 2px; display: block; } .small-candidate-name small { font-weight: 300; font-size: 12px; color: #787878; padding: 1px 0; display: inline-block; } .no-touch .or-link:hover { text-decoration: underline; } .form-element input, .form-element select { width: 100%; padding: 0; height: 38px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .form-element input { padding-left: 5px; } .form-element input[type="radio"], .form-element input[type="checkbox"] { height: auto; margin: 0 5px 0 0; vertical-align: baseline; width: auto; } .form-auto { width: auto; margin-right: 30px; } .form-full { width: 590px; margin-right: 0; } .form-half { width: 290px; } .form-half input { width: 100%; } .form-third { width: 190px; } .form-quarter { width: 140px; } .form-quarter select { width: 100%; } .form-sixth { width: 90px; } .form-sixth input { width: 100%; } .form-last { margin-right: 0; } .logged-in-other-method { text-align: right!important; } .donation-loading-text { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 16px; } .donation-loading-text.form-field { font-weight: 700; color: #121212; } .saved-payment-secondary { margin-top: 5px; } .table.donate-totals td { padding-bottom: 3px; } .table.donate-totals .popover-content { width: 240px; padding: 10px; } .donate-totals .donate-totals-amount-col { vertical-align: bottom; white-space: nowrap; } .btn-donate-width { max-width: 400px; margin: 0 auto; } .input-greyed.input-greyed { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; text-align: center; border-width: 2px; padding: calc(0.9em - 1px) 10px calc(0.88em - 2px); height: auto; box-shadow: none!important; border-radius: 5px; } .btn-group-vertical .input-greyed { border-top-color: #ff4814; } .btn.btn-input-overlay { display: none; position: absolute; right: 0; top: 0; border: none; background: #ff4814; color: #fff; padding: 14px 9px; bottom: 0; border-radius: 0 5px 5px 0; } .donate-tip-other { position: relative; } .donate-tip-other.active input { border-color: #ff4814; color: #121212; text-align: left; } .donate-tip-other.active .btn-input-overlay { display: block; } .donate-tip-other .donate-totals-icon { padding: 0 3px; color: #ff4814; } @media only screen and (max-width: 767px) { .donate-totals-amount-col { width: 40%; } .table.donate-totals td { border-bottom: solid 1px #e6e6e6; padding: 8px 0!important; } .table.donate-totals td.donate-totals-amount-col-amount { padding: 0!important; } .table.donate-totals td.donate-totals-amount-col-amount .donate-totals-link { padding: 8px 0 8px 8px; display: block; } .table.donate-totals td.donate-totals-amount-col-tip { padding: 0 0 8px!important; } .table.donate-totals td.donate-totals-amount-col-tip .donate-totals-link { padding: 8px 0 8px 8px; } .table.donate-totals td.fee-receipt-row { border-bottom: none; } .modal-btn-row { margin: 0 30px; } .modal-btn-row .btn-block { margin-top: -2px; } .donate-tip-other { margin-top: 10px; } .contribute-container .btn-contribute-amount.tip-btn-0 { -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 3px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .contribute-container .btn-contribute-amount.tip-btn-1, .contribute-container .btn-contribute-amount.tip-btn-2 { -webkit-border-top-right-radius: 1px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 1px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .contribute-container .btn-contribute-amount.tip-btn-3 { -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 0; border-top-right-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } } @media only screen and (max-width: 374px) { .table.donate-totals .popover-content { width: 200px; padding: 5px; } } @media only screen and (min-width: 768px) { .donate-section-payment, .donation-individual-flow { width: 600px; margin: 0 auto; } .faux-input select { margin-top: -5px; margin-bottom: -5px; } } @media only screen and (max-width: 767px) { .saved-payment-primary, .saved-payment-secondary { font-size: 14px; } .saved-payment-primary img { width: 35px; margin: 5px 0; } .saved-payment-secondary { margin: 5px 0; } .faux-input input, .faux-input select { font-size: 14px; } .form-row, .form-full, .form-half, .form-third, .form-quarter, .form-sixth { width: 100%; } .m-left { margin-left: 0; } input[type="text"].donate-name, input[type="text"].donate-address, input[type="text"].donate-city, input[type="email"].donate-email, input[type="tel"].donate-cc, input[type="tel"].donate-csc, select.cc-exp, select.donate-ach-account-type, input[type="tel"].donate-ach { margin-bottom: 10px; } .logged-in-other-method { text-align: left; } .finish-acct-button { margin-top: 10px; margin-bottom: 20px; } .table.table-lined.receipt-wrapper { margin-bottom: 20px; } .table.table-lined.receipt-wrapper tr, .table.table-lined.receipt-wrapper td { display: block; } .table.table-lined.receipt-wrapper tr td:last-child, .table.table-lined.receipt-wrapper tr:first-child td:last-child, .table.table-lined.receipt-wrapper tr:last-child td:last-child { padding: 0px 8px 15px 12px; } .table.table-lined.receipt-wrapper tr td:first-child { padding: 0px 8px 2px 12px; } .table.table-lined.receipt-wrapper tr:first-child td:first-child { padding-top: 15px; } .contribute-full-screen-header { margin: 0; } } @media only screen and (max-width: 479px) { .checkboxes-inline > * { float: none; display: block; } .contribute-container .headline-chunky-medium, .contribute-container .section-title.section-title-huge { font-size: 26px; margin-bottom: 10px; } .contribute-container .tab-content { padding-left: 0; padding-right: 0; } .contribute-container .close.close-large { width: 40px; height: 40px; font-size: 40px; line-height: 40px; } .contribute-full-screen-header { margin-bottom: 12px; } .contribute-logo { margin: 12px; width: 100px; } p.subtitle-donation { margin-bottom: 15px; font-size: 12px; line-height: 1.2; } .donate-tabs { width: auto; margin: 0 30px 15px; } .donate-tabs li a { padding: 10px 0; } .donate-tabs li a .badge { font-size: 12px; line-height: 15px; width: 7px; } .donate-tabs li a strong { font-size: 12px; margin-left: 0; } .faux-input input.input-border-left, .faux-input select.input-border-left { padding-left: 4px; } .faux-input select { background-position: right -5px top 12px; } .faux-input.faux-input-employer { width: 75%; } .faux-input .donate-name, .faux-input .donate-email { width: 50%; } .faux-input .donate-address { width: 39%; } .faux-input .donate-city { width: 29%; } .faux-input .donate-zip { width: 17%; } .faux-input .donate-state { padding-left: 3px; width: 15%; } .faux-input .donate-cc { width: 81%; } .faux-input .donate-csc { width: 19%; } .faux-input .donate-exp-month { width: 40%; } .faux-input .donate-exp-year { width: 60%; } .faux-input-label.faux-input-label-checkboxes { width: 25%; } .cc-expires-slash { left: 33%; } .donation-large-text { padding: 0 10px; } .donation-large-text .title, .donation-large-text .table-lined { margin-bottom: 20px; } .donation-large-text .title { font-size: 21px; } .donation-large-text .table-lined { font-size: 14px; } .finish-acct-button { margin-top: 10px; margin-bottom: 20px; } } .slate-recipients-list__container { background: #F5F5F5; max-width: 460px; margin: 0 auto; border: 1px solid #E3E3E3; padding-top: 15px; } .slate-recipients-list__text { margin-bottom: 18px; } .slate-recipients-list__text p { margin-bottom: 3px; } .slate-recipients-list__text .donate-cp-change-amounts { font-size: 16px; } .donate-cp-total-amount { background: white; max-width: 400px; margin: 0 auto 10px; padding: 8px; border: solid 1px #e6e6e6; display: flex; align-items: center; justify-content: space-between; } @media only screen and (max-width: 767px) { .donate-cp-total-amount { max-width: 310px; } } .donate-amounts-wrappers { text-align: right; } .donate-cp-continue-btn { max-width: 462px; margin: 0 auto; } /************************** ELECTION INDEXES AND DETAIL PAGES ***************************/ .election-index-container { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; } .election-index-container p { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; } .election-index-container .race-module .dot-bar { background-color: #e6e6e6; } .election-index-container .race-module .dot { background-color: #e6e6e6; border-color: #e6e6e6; } .election-index-container .race-module .dot-mid { background-color: white; } .election-index-block { background: #f8f8f8; border: 1px solid #e6e6e6; border-radius: 5px; display: flex; flex-direction: column; padding: 24px; text-align: center; } .election-index-block__district { display: flex; flex-direction: column; flex-grow: 1; justify-content: space-between; } .election-index-column-list { -moz-column-width: 15em; column-width: 15em; margin: 0; line-height: 25px; padding: 0; } .election-index-column-list > li { display: block; font-size: 16px; line-height: inherit; } /*********** ELECTIONS ************/ .layout-election-detail { padding-top: 40px; } .layout-election-detail .btn-primary { margin-top: 40px; } .layout-election-detail .main { padding-bottom: 40px; } .layout-election-detail .title { font-size: 35px; padding: 10px 0; } .election-facts-container, .election-state-container { width: 44%; float: left; } .election-state-container { width: 44%; margin-left: 10%; } .election-state-container .state { fill: #ff4814; stroke-width: 0; } .text-with-circle, .election-intro { font-size: 18px; margin-bottom: 0; } .circle-icon, .election-rating { display: inline-block; height: 12px; width: 12px; border-radius: 6px; margin-right: 2px; background: #652290; } .circle-icon.election-rating-1, .election-rating.election-rating-1 { background: #1587D7; } .circle-icon.election-rating-2, .election-rating.election-rating-2, .circle-icon.election-rating-3, .election-rating.election-rating-3 { background: #4c28a0; } .circle-icon.election-rating-7, .election-rating.election-rating-7, .circle-icon.election-rating-8, .election-rating.election-rating-8 { background: #b42856; } .circle-icon.election-rating-9, .election-rating.election-rating-9 { background: #d8171e; } .election-facts-container { color: #121212; font-size: 15px; line-height: 1.2; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; } .election-facts-container .election-fact-key { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; } .election-facts-container .election-fact-value { min-width: 100px; } .election-state { text-align: center; } .layout-race-detail .coming-soon p { margin-bottom: 0; font-size: 13px; line-height: 1.3; } .widget-vs .thumb-candidate { width: auto; float: none; margin: 0; } .hero-dropdown .dropdown-menu { width: 211px; } .hero-dropdown .dropdown-menu li > a { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; text-align: left; font-size: 16px; white-space: normal; } .partner-logo { padding-top: 30px; margin-bottom: 10px; } .table-poll-results thead { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; text-transform: uppercase; } .table-poll-results .col-candidate { width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .table-poll-results .col-candidate a:hover { color: #ff4814; } .table-poll-results .col-vote { width: 100px; text-align: right; } .table-poll-results th.col-vote { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; } .table-poll-results th, .table-poll-results td { padding: 6px 0; } .table-poll-results td { border: solid 1px #e6e6e6; border-width: 0 0 1px; } .table-poll-results tr:first-child td { border-top-width: 1px; } .table-poll-results .highlight-candidate { font-weight: 500; } select.select-poll-candidates { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; margin: 0; height: 23px; padding: 0; width: auto; outline: 0 !important; border-radius: 0; } select.select-poll-candidates option { outline: 0 !important; } .more-poll-results { margin: 15px 0 0; display: block; } .more-poll-results:active, .more-poll-results:focus { color: #ff4814; } .poll-result { margin: 0 0 15px; } .poll-result .affiliation-icon { margin-right: 6px; } .poll-result .poll-yes { position: relative; width: 100%; height: 22px; float: left; text-align: left; } .poll-result .poll-yes * { position: absolute; } .poll-result .poll-name { text-align: center; } .poll-result .poll-name, .poll-result .poll-value { color: #e6e6e6; padding: 4px; font-size: 14px; height: 14px; line-height: 1; } .poll-result .poll-value { top: 0; z-index: 6; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #fff; right: 0; } .poll-result .poll-value.backup-value { right: auto; left: 100%; color: #e6e6e6; } .poll-result .poll-bar { top: 0; z-index: 5; height: 22px; left: 0; position: relative; } .poll-result.poll-yes-no .poll-bar { background: #e6e6e6; } .poll-result.poll-yes-no .poll-no .poll-bar { background: #e6e6e6; } .poll-result.poll-yes-no:hover .btn-check { border-color: #ff4814; } .poll-result.poll-yes-no:hover .btn-check.btn-no.active { border-color: #787878; } .poll-result.poll-yes-no .col-candidate a { text-decoration: underline; } .poll-result.poll-many .poll-yes { width: 100%; } .poll-result.poll-table { color: #787878; } .poll-result.poll-table a { color: #787878; } .poll-result.poll-table a:link, .poll-result.poll-table a:visited, .poll-result.poll-table a:focus, .poll-result.poll-table a:hover, .poll-result.poll-table a:active { color: #787878; } .poll-result.poll-table .col-number { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; width: 20px; text-align: left; padding-left: 0; } .poll-result.poll-table .col-candidate { width: auto; } .poll-result.poll-table .col-percentage { width: 30px; text-align: right; padding-right: 0; } .poll-result.poll-table.highlight-candidate { font-weight: 300; color: #ff4814; } .poll-result.poll-table.highlight-candidate a { color: #ff4814; } .poll-result.poll-table.highlight-candidate a:link, .poll-result.poll-table.highlight-candidate a:visited, .poll-result.poll-table.highlight-candidate a:focus, .poll-result.poll-table.highlight-candidate a:hover, .poll-result.poll-table.highlight-candidate a:active { color: #ff4814; } .poll-result.poll-table td { border: none; padding: 2px 4px; } .table-poll-results-grey .col-candidate a:hover { color: #ff4814; } .party-100 .poll-many .poll-value.party-color { color: #1587D7; } .party-200 .poll-many .poll-value.party-color { color: #d8171e; } .center-vertically { padding-top: 100px; } .election-module-leaderboards .tab-content { padding: 0; overflow: visible; } .tab-explainer { padding: 5px 0 15px; } .tab-explainer p { font-size: 18px; color: #121212; margin: 0; } .election-module-ideological .tab-explainer { padding-bottom: 25px; } /* ISSUE SCALE - MULTIPLE CANDIDATES */ .fixed-header { position: fixed; top: 0; background: #fff; padding: 10px 0 3px; z-index: 100; } .fixed-header-internal { width: 100%; } .view-matchups { margin-top: 10px; } .matchups-hidden .election-module-matchups .matchups-detail { display: none; } .matchups-visible .election-module { display: none; } .matchups-visible .election-module-matchups { display: block; } .matchups-visible .election-module-matchups .widget-vs .vs-circle, .matchups-visible .election-module-matchups .view-matchups { display: none; } .matchups-visible .election-module-matchups .election-module, .matchups-visible .election-module-matchups .matchups-detail { display: block; } .election-module-matchups .widget-vs { margin-top: 0; } .election-module-matchups .vs-candidate { display: none; } .election-module .lined-through { margin-bottom: 35px; } .election-module-race .module-subtext, .election-module-matchups .module-subtext, .election-module-ideological .module-subtext { margin-bottom: 25px; } .election-module-ideological .has-check-circle, .election-module-ideological .affiliation-icon { display: none; } .election-module-ideological .widget-lmr-list .list-item-title { padding-top: 0; } .election-module-ideological .with-affiliation-icon { margin: 0; } .election-module-race .issue-slider-helper-container { padding: 0 0 10px; } .election-module-issues .scale { padding-right: 20px; } .candidate-vision { color: #121212; } .candidate-vision a { color: #ff4814; } .candidate-vision a:link, .candidate-vision a:visited, .candidate-vision a:focus, .candidate-vision a:hover, .candidate-vision a:active { color: #ff4814; } .candidate-vision a:hover { text-decoration: underline; } .election-module-qualities .quality { margin-bottom: 25px; } .election-module-qualities .quality-stars, .election-module-qualities .quality-title { display: inline-block; } .election-module-qualities .quality-title { width: 130px; } .quality-vs-left, .quality-vs-right, .quality-vs-center { width: 29%; float: left; } .quality-vs-center { width: 42%; text-align: center; } .quality-vs-right { text-align: right; } .quality-stars-left { transform: rotateY(180deg); } .layout-section-election-group .hero-dropdown a.dropdown-toggle { width: 175px; } .layout-centered-title .title { font-family: "acta-display", georgia, serif; font-weight: 400; text-align: center; padding: 50px 0 0; } .layout-centered-title .subtitle { padding: 9px 0 0; font-size: 16px; text-align: center; } .layout-centered-title .election-module-race { padding: 20px 0 0; } .layout-centered-title .election-module-race .section-title { display: none; } .presidential-race .title strong { color: #ff4814; } .presidential-state .title { padding: 0 !important; } .presidential-state .page-header-map { padding: 50px 0; margin-bottom: 15px; } .title-office-name { font-size: 80%; } .race-module { display: block; } .race-module + .tooltip .tooltip-inner { background: #e6e6e6; } .race-module + .tooltip .tooltip-arrow { border-top-color: #e6e6e6 !important; } .race-module + .tooltip:hover { cursor: pointer; } .race-module + .tooltip:hover .tooltip-inner { background: #ff4814; } .race-module + .tooltip:hover .tooltip-arrow { border-top-color: #ff4814 !important; } .race-module:hover + .tooltip .tooltip-inner { background: #ff4814; } .race-module:hover + .tooltip .tooltip-arrow { border-top-color: #ff4814 !important; } .hero-race-module .race-module { margin: 15px 80px; } .hero-race-module .race-module-expanded { margin: 0 20px 160px; } .race-module-expandable { transition: all 0.5s ease; outline: 0 !important; } .race-module-expandable .dot .dot-line-dot, .race-module-expandable .dot .dot-line, .race-module-expandable .dot .dot-name-and-score { display: none; } .race-module-expandable .legend { display: none; } .dot-name-and-score { position: absolute; z-index: 4; bottom: 36px; width: 54px; left: -10px; text-align: center; font-size: 10px; line-height: 1.1; font-weight: 300; color: #121212; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; } .dot-name-and-score strong { font-weight: 600; } .extra-up { margin-top: -112px; } .extra-up .dot-line { height: 96px; bottom: -96px; } .extra-up .dot-line-dot { bottom: -98px; } .extra-down { margin-top: 112px; } .extra-down .dot-line { height: 96px; top: -96px; } .extra-down .dot-line-dot { top: -98px; } .half-up { margin-top: -76px; } .half-up .dot-line { height: 60px; bottom: -60px; } .half-up .dot-line-dot { bottom: -62px; } .half-down { margin-top: 76px; } .half-down .dot-line { height: 60px; top: -60px; } .half-down .dot-line-dot { top: -62px; } .race-module-expanded .legend { display: block; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn; margin-bottom: 155px; } .race-module-expanded .dot-avatar { margin-top: -40px; } .race-module-expanded .dot-avatar .dot-line-dot, .race-module-expanded .dot-avatar .dot-line, .race-module-expanded .dot-avatar .dot-name-and-score { display: block; } .race-module-expanded .dot-avatar .dot-line-dot, .race-module-expanded .dot-avatar .dot-line { position: absolute; z-index: 3; } .race-module-expanded .dot-avatar .dot-line { width: 2px; height: 24px; position: absolute; z-index: 3; bottom: -24px; left: 16px; } .race-module-expanded .dot-avatar .dot-line-dot { bottom: -26px; left: 14px; height: 6px; width: 6px; border-radius: 4px; display: block; } .race-module-expanded .dot-avatar.active .dot-name-and-score, .race-module-expanded .dot-avatar:hover .dot-name-and-score { color: #ff4814; } .race-module-expanded .dots-alternating .dot-avatar:nth-child(2n) { margin-top: 40px; } .race-module-expanded .dots-alternating .dot-avatar:nth-child(2n) .dot-line { bottom: auto; top: -24px; } .race-module-expanded .dots-alternating .dot-avatar:nth-child(2n) .dot-line-dot { bottom: auto; top: -26px; } .race-module-expanded .dots-alternating .dot-avatar:nth-child(2n) .dot-name-and-score { bottom: auto; top: 36px; } .race-module-expanded .dots-alternating .dot-avatar:nth-child(4n) { margin-top: 112px; } .race-module-expanded .dots-alternating .dot-avatar:nth-child(4n) .dot-line { height: 96px; top: -96px; } .race-module-expanded .dots-alternating .dot-avatar:nth-child(4n) .dot-line-dot { top: -98px; } .race-module-expanded .dots-alternating .dot-avatar:nth-child(4n-1) { margin-top: -112px; } .race-module-expanded .dots-alternating .dot-avatar:nth-child(4n-1) .dot-line { height: 96px; bottom: -96px; } .race-module-expanded .dots-alternating .dot-avatar:nth-child(4n-1) .dot-line-dot { bottom: -98px; } .election-explainer { padding-bottom: 30px; } .matchup-launcher { position: relative; display: block; } .matchup-launcher .btn-view-matchups { position: absolute; top: 50%; left: 50%; margin: -21px 0 0 -78px; z-index: 3; } .matchup-launcher .matchup-launcher-left, .matchup-launcher .matchup-launcher-right { height: 360px; background: #121212; width: 50%; float: left; background-position: center; background-size: cover; } .matchup-launcher .matchup-launcher-line { height: 360px; width: 1px; background: #787878; position: absolute; top: 0; left: 50%; z-index: 2; } .matchup-launcher:hover .matchup-launcher-left, .matchup-launcher:hover .matchup-launcher-right { opacity: 0.85; } .matchup-launcher:hover .btn-view-matchups { background: #ff7047; } .compare-candidates-header { margin-bottom: 5px; } .compare-candidates-header > * { float: left; } .compare-candidates-header .cch-vs { margin-right: 2.19%; } .compare-candidates-header .cch-vs .vs-circle { margin: 0; text-align: center; height: 30px; width: 30px; line-height: 32px; } .compare-candidates-header .cch-title { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 14px; letter-spacing: 1px; line-height: 1; text-transform: uppercase; padding-top: 10px; margin-right: 7.6%; } .compare-candidates-header .cch-select { margin-right: 2.19%; width: 16.2%; } .compare-candidates-header .cch-fantasy { padding-top: 6px; } .compare-candidates-header .cch-fantasy label { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 14px; letter-spacing: 1px; line-height: 1; text-transform: uppercase; line-height: 21px; } .modal-header-non-fixed .cch-title { margin-right: 12.5%; } .modal-header-non-fixed .cch-select { width: 22.55%; } /* Matchups Modal */ .modal-overflow.modal.fade.in.modal-matchups { top: 0; } .modal-matchups { border-top: none; } .modal-matchups .modal-header { border: none; } .modal-matchups .modal-body { margin: 0 30px; overflow: visible; } .modal-matchups .lined-through span { padding: 0 10px; } .modal-matchups section { margin-bottom: 45px; } .modal-matchups section.election-module-hero-vs { margin-bottom: 20px; } .modal-matchups section.election-module-scores { margin-bottom: 55px; } .modal-matchups .scale .dot-avatar, .modal-matchups .race-module .dot-avatar { display: none; } .modal-matchups .scale .scale-issue:hover .scale-issue-name { color: #ff4814; } .modal-matchups .scale .scale-issue:hover .scale-issue-name:link, .modal-matchups .scale .scale-issue:hover .scale-issue-name:visited, .modal-matchups .scale .scale-issue:hover .scale-issue-name:focus, .modal-matchups .scale .scale-issue:hover .scale-issue-name:hover, .modal-matchups .scale .scale-issue:hover .scale-issue-name:active { color: #ff4814; } .modal-matchups .scale .scale-list { margin: 0; } .modal-matchups .race-module { margin: 15px 60px 0; } .modal-matchups .race-module .legend { display: none; } .modal-matchups .race-module .dot-avatar.text-on-bottom .dot-name-and-score { bottom: auto; top: 36px; } .modal-matchups .module-help-link-inline { color: #e6e6e6; } .modal-matchups .module-help-link-inline:hover { color: #ff4814; } .modal-matchups .module-help-link-inline + .tooltip { text-transform: none; letter-spacing: 0; } .modal-matchups .module-help-link-inline + .tooltip .tooltip-inner { min-width: 170px; font-size: 12px; } .modal-header-fixed { opacity: 0; transition: all 0.3s; background: #121212; margin: 0; height: 50px; width: 800px; padding: 0; top: -50px; } .modal-header-fixed.sticky { opacity: 1; top: 0; } .modal-header-fixed select { background: #121212; color: #e6e6e6; margin: 0; border-color: #787878; } .modal-header-fixed-inner { position: relative; } .modal-header-image { position: absolute; top: 0; } .modal-header-image.modal-header-image-left { left: 0; } .modal-header-image.modal-header-image-right { right: 0; } .modal-header-dropdowns { width: 70%; height: 30px; margin: 0 auto; padding: 10px 0; } .scale-issue-overall { margin: 0; padding: 0; } .election-module-share .social-icons { width: 87px; margin: 0 auto; } .election-module-share .social-icons a { color: #121212; border-color: #121212; } .election-module-share .social-icons a:hover { color: #ff4814; } .election-module-poll .interest-group-bar-rating { padding: 3px 10px; width: 80px; font-size: 13px; } .election-module-poll .interest-group-bar-rating-secondary { color: #787878; top: 19px; } .election-module-poll .interest-group-bar-progress { background: #ffe7e0; left: 0; top: 0; z-index: 5; height: 19px; } .election-module-poll .interest-group-bar-progress-secondary { background: #e6e6e6; top: 19px; height: 18px; } .table-who-should-run { margin-top: -40px; } .table-qualities .col-vote { display: none; } .hide-bar-values .poll-value { display: none; } .layout-race-donate .headline { text-align: center; font-size: 32px; margin-bottom: 20px; } .poll-vote .btn-donate-now { min-width: 55px; } /************************** Election indexes ***************************/ .page-header-map { padding: 100px 0; background-color: #f8f8f8; background-position: center; background-repeat: no-repeat; background-size: cover; margin: 0 0 60px; border: solid 1px #e6e6e6; border-width: 1px 0; position: relative; } .page-header-map-thinner { padding: 50px 0; } .page-header-map-content .title { margin: 0 0 20px; } .page-header-map-content .subtitle { margin-top: -10px; color: #121212; } .page-header-map-content .subtitle a { text-decoration: underline; } .page-header-map-content .subtitle a:hover { color: #ff4814; } .partner-header-logo { position: absolute; bottom: 10px; left: 10px; } .layout-race-index .page-header .title b { color: #ff4814; } .layout-race-index .page-header .subtitle { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 14px; letter-spacing: 1px; line-height: 1; text-transform: uppercase; padding-top: 15px; } .intro-text-emphasize p, .election-explainer p { color: #121212; } .countdown { max-width: 240px; } .countdown-stat { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 14px; letter-spacing: 1px; line-height: 1; text-transform: uppercase; width: 25%; float: left; } .countdown-stat strong { font-size: 20px; display: block; } .countdown-stat span { font-size: 12px; color: #e6e6e6; } .alert-map { display: block; background: #fff; padding: 20px; border: solid 1px #e6e6e6; border-width: 0; } .alert-map.alert-map-border { border-top: solid 3px #121212; } .alert-map.use-default-color { background: #652290; } .alert-map .alert-map-left { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 14px; letter-spacing: 1px; line-height: 1; text-transform: uppercase; float: left; margin-right: 10px; } .alert-map a { color: #fff; } .alert-map a:link, .alert-map a:visited, .alert-map a:focus, .alert-map a:hover, .alert-map a:active { color: #fff; } .alert-map .alert-map-right { float: right; line-height: 1; } .alert-map .alert-map-date { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 14px; letter-spacing: 1px; line-height: 1; text-transform: uppercase; } .alert-map .countdown-stat { width: auto; display: inline-block; padding-left: 10px; } .alert-map .countdown-stat strong, .alert-map .countdown-stat span { display: inline-block; font-size: 14px; color: #fff; font-weight: 600; } .alert-map .countdown-stat.countdown-stat-seconds { display: none; } .alert-map .countdown-stat:first-child { padding-left: 0; } .alert-map .alert-map-election-group { text-decoration: underline; } .alert-map:hover .alert-map-election-group { opacity: 0.8; } .alert-map .btn-primary { height: 25px; line-height: 24px; } .alert-map .pretitle { color: #fff; } .alert-map-main { font-size: 20px; } .blocks-2-up .block { float: left; margin-right: 2%; width: 49%; } .blocks-2-up .block:nth-child(2n) { margin-right: 0; } .blocks-3-up-then-1 .block, .blocks-3-up .block { float: left; margin-right: 2%; width: 32%; } .blocks-3-up-then-1 .block:nth-child(3n), .blocks-3-up .block:nth-child(3n) { margin-right: 0; } .blocks-4-up .block { float: left; margin-right: 2%; width: 23.5%; } .blocks-4-up .block:nth-child(4n) { margin-right: 0; } .block-election .nonscored-candidate-message { display: none; } .featured-blocks .block .block-intro { display: block; } .featured-blocks .block:last-child { margin-right: 0; } .featured-blocks .block .block-content { padding-right: 10px; padding-left: 10px; } .featured-blocks .block .block-module-race { padding-left: 10px; padding-right: 10px; } .non-featured-blocks .block:nth-child(3n) { margin-right: 0; } .non-featured-blocks .block .block-content { padding-right: 10px; padding-left: 10px; } .non-featured-blocks .block .block-module-race { padding-left: 10px; padding-right: 10px; } .block-module-measures .btn-circle { margin: 5px; } .block-measure-wide .block-content { padding: 20px; padding-bottom: 30px; } .block-module-subtitle { font-size: 16px; text-align: center; padding-bottom: 20px; } .select-district { margin-top: 5px; } .modal-address .modal-body { padding: 15px; } .no-touch .logo-faded a { opacity: 0.8; } .no-touch .logo-faded a:hover { opacity: 1; } .hide-nested-br br { display: none; } .no-touch a.hover-link { color: #ff4814; } .no-touch a.hover-link:hover { text-decoration: underline; } .election-module-leaderboards .bar-graph-filter { display: none; } .hero-dropdown { display: inline-block; } .block-hero-image img { border: solid 3px #fff; } .block-hero-image-multiple { margin: 0 0 5px; } .block-hero-image-multiple img { margin: 3px; } .usabilla_live_button_container { right: auto !important; left: 0 !important; } .measure-name-long { font-family: "acta-display", georgia, serif; font-weight: 400; } @media only screen and (min-width: 980px) { .block-election { margin-bottom: 14px; } .block-super-shrink .block-content { padding-top: 27px; padding-bottom: 27px; } } @media only screen and (max-width: 979px) { /************************** Election VS module ***************************/ .compare-candidates-header .cch-title { margin-right: 12.94%; } .compare-candidates-header .cch-title-optional { display: none; } .matchup-launcher .matchup-launcher-left, .matchup-launcher .matchup-launcher-right { height: 277px; } .matchup-launcher .matchup-launcher-line { height: 277px; } .layout-centered-title .race-module { margin-left: 20px; margin-right: 20px; } .layout-centered-title .subtitle { font-size: 15px; } .page-header-map { padding: 30px 0; } .alert-map-additional { display: none; } .blocks-3-up .block, .blocks-4-up .block, .non-featured-blocks .block { width: 49%; } .blocks-3-up .block:nth-child(3n), .blocks-4-up .block:nth-child(3n), .non-featured-blocks .block:nth-child(3n) { margin-right: 2%; } .blocks-3-up .block:nth-child(2n), .blocks-4-up .block:nth-child(2n), .non-featured-blocks .block:nth-child(2n) { margin-right: 0; } .blocks-3-up .block .block-title, .blocks-4-up .block .block-title, .non-featured-blocks .block .block-title { font-size: 16px; } .featured-blocks .block { width: auto; float: none; margin-right: 0; } } @media only screen and (max-width: 979px) and (min-width: 768px) { .block-super-shrink .block-content { padding: 9px 8px; } .block-super-shrink .block-module-measures .btn-circle { margin: 2px; } } @media only screen and (min-width: 768px) { .hero-race-module .race-module-expanded-desktop { margin: 0 20px 160px; } .race-module-expanded-desktop .legend { display: block; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn; margin-bottom: 155px; } .race-module-expanded-desktop .dot-avatar { margin-top: -40px; } .race-module-expanded-desktop .dot-avatar .dot-line-dot, .race-module-expanded-desktop .dot-avatar .dot-line, .race-module-expanded-desktop .dot-avatar .dot-name-and-score { display: block; } .race-module-expanded-desktop .dot-avatar .dot-line-dot, .race-module-expanded-desktop .dot-avatar .dot-line { position: absolute; z-index: 3; } .race-module-expanded-desktop .dot-avatar .dot-line { width: 2px; height: 24px; position: absolute; z-index: 3; bottom: -24px; left: 16px; } .race-module-expanded-desktop .dot-avatar .dot-line-dot { bottom: -26px; left: 14px; height: 6px; width: 6px; border-radius: 4px; display: block; } .race-module-expanded-desktop .dot-avatar.active .dot-name-and-score, .race-module-expanded-desktop .dot-avatar:hover .dot-name-and-score { color: #ff4814; } .race-module-expanded-desktop .dots-alternating .dot-avatar:nth-child(2n) { margin-top: 40px; } .race-module-expanded-desktop .dots-alternating .dot-avatar:nth-child(2n) .dot-line { bottom: auto; top: -24px; } .race-module-expanded-desktop .dots-alternating .dot-avatar:nth-child(2n) .dot-line-dot { bottom: auto; top: -26px; } .race-module-expanded-desktop .dots-alternating .dot-avatar:nth-child(2n) .dot-name-and-score { bottom: auto; top: 36px; } .race-module-expanded-desktop .dots-alternating .dot-avatar:nth-child(4n) { margin-top: 112px; } .race-module-expanded-desktop .dots-alternating .dot-avatar:nth-child(4n) .dot-line { height: 96px; top: -96px; } .race-module-expanded-desktop .dots-alternating .dot-avatar:nth-child(4n) .dot-line-dot { top: -98px; } .race-module-expanded-desktop .dots-alternating .dot-avatar:nth-child(4n-1) { margin-top: -112px; } .race-module-expanded-desktop .dots-alternating .dot-avatar:nth-child(4n-1) .dot-line { height: 96px; bottom: -96px; } .race-module-expanded-desktop .dots-alternating .dot-avatar:nth-child(4n-1) .dot-line-dot { bottom: -98px; } } @media only screen and (max-width: 767px) { .layout-centered-title .title { padding-top: 35px; } .layout-centered-title .subtitle { font-size: 14px; } .layout-centered-title .election-module-race { padding: 20px 0; } .layout-centered-title .election-explainer p { font-size: 16px; } .layout-race-detail.layout-centered-title .title { font-size: 26px; } .dots-names-hide-on-mobile .dot-avatar .dot-name-and-score { display: none; } .dots-names-hide-on-mobile .dot-avatar:hover .dot-name-and-score { display: block; color: #121212; } .modal-matchups .modal-body { margin: 0 15px; } .quality-vs-center { width: auto; float: none; } .election-module-vision .candidate-vision { font-size: 16px; line-height: 1.3; } .election-module-ideological .candidate-list { padding-right: 15px; } .election-module-ideological .candidate-selections-hover { padding-top: 6px; } /************************** Election VS module ***************************/ .compare-candidates-header .cch-title { margin-right: 7.94%; } .compare-candidates-header .cch-select { width: 25.55%; } .table-who-should-run { margin-top: -10px; } .layout-race-donate .headline { font-size: 22px; line-height: 1.3; margin: 20px 0; } .layout-race-donate .intro-text { font-size: 14px; line-height: 1.3; } .page-header-map { padding: 20px 0; } .alert-map { padding: 6px; } .alert-map .alert-map-left, .alert-map .alert-map-right { display: block; float: none; } .alert-map .alert-map-main { font-size: 16px; } .block-content { padding: 10px; } .block-hero-image-multiple img { margin: 9px; width: 90px; } .measure-name { font-size: 32px; margin-bottom: 0; } .measure-name-long { font-size: 22px; margin-top: 0; } .hero-race-module .race-module-expanded { margin-top: 10px; } } @media only screen and (max-width: 479px) { .layout-centered-title .title { padding-top: 15px; } .layout-centered-title .subtitle { font-size: 15px; line-height: 1.3; padding: 10px 20px 0; } .layout-centered-title .subtitle-presidential { font-size: 12px; padding-left: 15px; padding-right: 15px; } .layout-centered-title .election-module-race { padding: 0; } .layout-centered-title .election-explainer { display: none; } .layout-centered-title .election-explainer.keep-on-mobile { display: block; } .presidential-race .hero-race-module { margin-bottom: 10px; } .presidential-state .subtitle-presidential { padding-top: 0; } .presidential-state .page-header-map { padding-top: 20px; padding-bottom: 20px; } .layout-race-detail.layout-centered-title .title { font-size: 23px; } .compare-candidates-header .cch-title { display: none; } .compare-candidates-header .cch-select { width: 43%; margin: 0; } .compare-candidates-header .cch-vs { width: 14%; margin: 0; text-align: center; } .compare-candidates-header .cch-vs .vs-circle { display: inline-block; } .modal-header-non-fixed .compare-candidates-header { width: 94%; } .modal-header-image { display: none; } .modal-header-dropdowns { width: 95%; } .block-module-measures .btn-circle { margin: 3px; } .alert-map-election-group-date { display: none; } .blocks-3-up-then-1 .block { margin-right: 0 !important; width: auto; float: none; } } @media only screen and (max-width: 320px) { .block-module-measures .btn-circle { margin: 5px; } .unfeatured-blocks .block-election { margin: 0 0 10px; float: none; width: auto; } } .layout-event-detail .title { margin-bottom: 25px; } .event-module-race .section-title { display: none; } .event-module-poll .poll-value { display: none; } .event-module-poll .poll-vote .btn-no { display: none; } .event-module-issues .headline { text-align: center; font-size: 33px; } .event-module-issues .scale-issue-name { display: none; } .event-module-issues .dot-container { width: 90% !important; margin: 0 5% !important; } .event-module-issues .dot-average { display: none !important; } .event-module-issues .tab-content { padding: 0; overflow: visible; } .event-module-issues .widget-lmr-list .list-item-title { padding-top: 0; } .event-module-issues .widget-lmr-list .well { margin-bottom: 8px; } .event-module-issues .scale { margin-bottom: 20px; } .event-module-issues .list-item a:hover .collapsible-icons span, .event-module-issues .list-item a:hover .list-item-title { color: #ff4814; } .event-module-issues .collapsible-icons { padding-top: 6px; } .event-module-issues .collapsible-icons span { color: #787878; font-size: 20px; } .event-module-issues .collapsible-icons .mas { display: none; } .event-module-issues .collapsed .collapsible-icons .mas { display: block; } .event-module-issues .collapsed .collapsible-icons .menos { display: none; } .page-header.page-header-tall { padding: 35px 0; } .module-help-link.feature-help-link { color: #787878; margin-top: 5px; margin-left: 10px; } .layout-fec-update-money-map .module-help-link.feature-help-link { margin-top: 10px; } .title.title-tight { padding-top: 10px; } .well.well-lined.hero-box { border-top: none; } .well.well-white { background: #fff; } .hero-box-title .title { padding-top: 20px; } .hero-box-title .intro { margin-bottom: 0; } .hero-box-image { text-align: center; background: #e6e6e6; } .hero-box-image img { opacity: 0.9; } .hero-box-image.expanded { background: none; } .title.title-left { text-align: left; } .img-with-score { position: relative; } .img-with-score .dot { bottom: 0; top: auto; right: 0; } .map-container { height: 400px; } .map-circle { border-radius: 500px; background: #ff4814; } .map-circle-green { background: #4bb64b; } .map-circle-blue { background: #1587D7; } .map-circle-red { background: #d8171e; } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: #121212; } .leaflet-popup-content { color: #fff; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; } .leaflet-container a.leaflet-popup-close-button { color: #121212; } .fine-print { padding-top: 7px; line-height: 1.1; } .matched-crowdpac .featured-crowdpac { display: none; } .matched-crowdpac .featured-crowdpac.active { display: block; } .layout-fec-update-big-donors .bar-graph-filter { display: none; } /************************** Unopposed ***************************/ .sans-explainer p { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; color: #121212; text-align: center; } .explainer-link { font-size: 18px; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; text-align: center; } .intro-text-unopposed { padding: 0 70px; } .step-explainer { text-align: center; margin: 0 0 50px; } .step-explainer-col { width: 33.33%; float: left; } .step-sub-cartoon { background: #f8f8f8; border-top: solid 1px #787878; padding: 15px 0; height: 155px; } .step-cartoon { padding: 0 50px; margin: 0 0 1px; } .step-explainer-cta .btn { margin-top: -22px; } .step-explainer-step-header { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 14px; letter-spacing: 1px; line-height: 1; text-transform: uppercase; border: none; margin: 0 0 15px; padding: 0; } .step-explainer-step { font-size: 16px; line-height: 1.2; padding: 0 25px; color: #787878; } .step-explainer-col-2 .step-explainer-step { border: solid 1px #787878; border-width: 0 1px; margin-bottom: 0; padding-bottom: 20px; } .unopposed-next-title.unopposed-module .title { font-weight: 600; } /************************** FEATURE: FEC UPDATE ***************************/ .nav-images ul { list-style: none; margin: 0; padding: 0; clear: both; } .nav-images li { float: left; display: block; border: solid 1px #e6e6e6; border-width: 1px 0; } .nav-images li:first-child a { border-left: solid 1px #e6e6e6; } .nav-images a { display: block; text-align: center; border-right: solid 1px #e6e6e6; background: #121212; color: #e6e6e6; } .nav-images a:hover, .nav-images a.active { background: #e6e6e6; color: #121212; background: #ff4814; color: #fff; } .nav-images a span { padding: 3px; display: block; } .nav-6-up li { width: 16.6666666%; } .nav-feature img { opacity: 0.9; } .nav-feature .active img { opacity: 1; } .padded-race-module { padding: 150px 0; } /************************** FEATURE: VP LEADERBOARD ***************************/ .vp-tab-label { font-size: 17px; vertical-align: middle; letter-spacing: 2px; } .vp-title-container { margin-top: 38px; margin-bottom: 35px; } .tab-content.tab-content-full.vp-tab-content { padding: 40px 0 16px; } .panel-list.vp-panel-list { padding: 20px 20px 0; } .vp-tab-row { margin-top: 0!important; } img.vp-panel-list-image { border-radius: 3px; } /**************************************/ /**************************************/ /**************************************/ /**************************************/ /* Media Queries */ /**************************************/ @media only screen and (min-width: 980px) { .nav-feature li br { display: none; } } @media only screen and (max-width: 979px) { .hero-box-title .title { padding-top: 0; } .hero-box-title .intro { margin-bottom: 0; } .well.hero-box { padding-right: 4px; } } @media only screen and (max-width: 767px) { .vp-tab-label { font-size: 15px; } .page-header.page-header-tall { padding: 25px 0; } .bar-graph-image .dot-highlight { height: 22px; width: 22px; } .bar-graph-image .dot-highlight span { line-height: 22px; font-size: 8px; } .bar-graph-filter-description { display: block; padding: 0 0 10px; line-height: 1.1; font-size: 12px; } .grid-hero-card .hero-card { width: 50%; } .vp-title-container { margin-top: 28px; margin-bottom: 40px; } .tab-content.tab-content-full.vp-tab-content { padding: 40px 0 4px; } } @media only screen and (max-width: 479px) { .vp-title-container { margin-bottom: 35px; } .page-header.page-header-tall { padding: 15px 0; } .bar-graph-row td { padding-top: 5px; padding-bottom: 5px; } .bar-graph-image { width: 35%; } .bar-graph-value-container { width: 65%; } .bar-graph-name, .bar-graph-formatted-value { font-size: 85%; line-height: 1.2; } .bar-graph-subtitle { display: none; } .layout-fec-update.layout-centered-title .title { font-size: 19px; } .layout-fec-update.layout-centered-title .title.title-smaller { font-size: 18px; margin: 7px 0 0; } .layout-fec-update.layout-centered-title .subtitle { font-size: 12px; } .well.hero-box { padding: 10px; padding-right: 2px; } .nav-feature a span { font-size: 12px; line-height: 1.1; } .map-container { height: 250px; } } @media only screen and (max-width: 374px) { .layout-fec-update.layout-centered-title .title.title-smaller { font-size: 15px; } .well.hero-box { padding: 10px; padding-right: 2px; } .nav-feature a span { font-size: 12px; line-height: 1.1; } } /************************** ISSUE DETAIL PAGE ***************************/ .nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus { background-color: #ff4814; } .layout-info-page .hero-meta .subtitle { margin: 0 0 10px; } .layout-info-page .hero-meta .subtitle strong { font-weight: 500; } .spectrum-col-center .section-title { text-align: center; } .spectrum-col-center .candidate-list { margin-left: 10%; margin-right: 10%; } .spectrum-col-right { text-align: right; } .spectrum-col-right .pull-left { float: right; margin-left: 10px; margin-right: 0; } .issue-module-power .thumb-subtitle { font-size: 12px; line-height: 1.3; } .issue-module .section-title { margin-bottom: 15px; } .issue-module .module-subtext { margin-bottom: 25px; } .issue-module .module-subtext p { margin: 0; } .issue-module-vulnerable .list-item-title, .widget-lmr-list .list-item-title { padding-top: 9px; } .issue-module-vulnerable .candidate-badge-and-score, .widget-lmr-list .candidate-badge-and-score, .issue-module-vulnerable .list-item-subtitle, .widget-lmr-list .list-item-subtitle { display: none; } .issue-module-vulnerable .section-title { margin-bottom: 18px; } .widget-vs { margin: 10px 0 20px; } .widget-vs-left { padding-left: 35px; } .widget-vs-right { padding-right: 35px; } .vs-circle-outline { color: #787878; border: solid 1px #787878; background: #fff; } .header-matchups .vs-circle { margin: 0 !important; } .header-matchups .candidate-title { font-family: "acta-display", georgia, serif; font-weight: 700; font-size: 16px; letter-spacing: 1px; line-height: 20px; text-transform: uppercase; text-transform: none; font-size: 42px; line-height: 1.2; margin: 0 0 12px; color: #121212; font-size: 20px; padding-top: 9px; display: block; } .header-matchups .candidate-title.title-smaller { font-size: 28px; } .header-matchups .header-matchups-back { padding-top: 9px; } .widget-lmr-list { padding-bottom: 5px; border-bottom: solid 2px #121212; } .widget-lmr-list .section-title { border-width: 2px; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; } .widget-lmr-list.issue-widget-vulnerable-left, .widget-lmr-list.widget-lmr-list-left, .widget-lmr-list.widget-lmr-list-liberal { border-color: #1587D7; } .widget-lmr-list.issue-widget-vulnerable-left .section-title, .widget-lmr-list.widget-lmr-list-left .section-title, .widget-lmr-list.widget-lmr-list-liberal .section-title { color: #1587D7; border-color: #1587D7; } .widget-lmr-list.widget-lmr-list-middle, .widget-lmr-list.widget-lmr-list-moderate { border-color: #652290; } .widget-lmr-list.widget-lmr-list-middle .section-title, .widget-lmr-list.widget-lmr-list-moderate .section-title { color: #652290; border-color: #652290; } .widget-lmr-list.issue-widget-vulnerable-right, .widget-lmr-list.widget-lmr-list-right, .widget-lmr-list.widget-lmr-list-conservative { border-color: #d8171e; } .widget-lmr-list.issue-widget-vulnerable-right .section-title, .widget-lmr-list.widget-lmr-list-right .section-title, .widget-lmr-list.widget-lmr-list-conservative .section-title { color: #d8171e; border-color: #d8171e; } .election-module-ideological .widget-lmr-list { border-bottom: none; } /* issue tags */ .box-tag { margin: 0 10px 4px 0; padding: 4px 6px; display: inline-block; background: #ff4814; color: #fff; font-family: "rooney-web", georgia, serif; font-weight: 300; font-size: 14px; } .box-tag a { color: #fff; } .box-tag a:link, .box-tag a:visited, .box-tag a:focus, .box-tag a:hover, .box-tag a:active { color: #fff; } .box-tag a:hover { opacity: 0.8; } .box-tag a.close { text-shadow: none; opacity: 0.8; margin: 0 0 0 10px; } .box-tag a.close:hover { opacity: 1; } .layout-centered-title .title.issue-title-header { text-align: left; } /************************** Featured ISSUES ***************************/ .featured-issue-box .btn { height: 54px; line-height: 52px; padding: 0; } .featured-issue-box .btn span { display: inline-block; vertical-align: middle; line-height: normal; } @media only screen and (max-width: 767px) { .btn-create { margin-bottom: 16px; } } /************************** Organizations ***************************/ .list-item-organization .title:hover { text-decoration: none !important; } .list-item-organization .title a:hover { text-decoration: underline !important; } /************************** PAGES like about, faq, etc ***************************/ .has-thin-border { padding-top: 25px; border-top: solid 1px #121212; } .l-about-page p { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 16px; color: #787878; } @media only screen and (max-width: 768px) { .l-about-page p { font-size: 15px; } } .l-about-page__intro { margin: 100px 0; } .l-about-page__intro p { font-size: 18px; line-height: 1.4; } @media only screen and (max-width: 767px) { .l-about-page__intro { margin: 40px 0; } .l-about-page__intro p { font-size: 16px; } } .layout-section-page .page-content section { margin: 0 0 20px; padding: 20px 0 0; } .layout-section-page .page-content h1 { font-family: "acta-display", georgia, serif; font-weight: 700; color: #121212; margin: 0 0 25px; } .layout-section-page .page-content h2, .layout-section-page .page-content .h2, .layout-section-page .page-content h3, .layout-section-page .page-content .h3 { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; color: #121212; margin-top: 0; } .layout-section-page .page-content h2, .layout-section-page .page-content .h2 { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; font-size: 20px; line-height: 1; margin-bottom: 40px; } .layout-section-page .page-content h2.section-title { font-size: 14px; margin-bottom: 22px; } .layout-section-page .page-content h3, .layout-section-page .page-content .h3 { font-size: 15px; line-height: 1.2; } .layout-section-page .page-content address { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; color: #121212; } .layout-section-page .page-content p { margin: 0 0 30px; } .layout-section-page .page-content p + ol, .layout-section-page .page-content p + ul { margin-top: -10px; margin-bottom: 20px; } .layout-section-page .page-content li { margin-bottom: 10px; } .layout-section-page .section-style-content h2 { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 14px; letter-spacing: 1px; line-height: 1; text-transform: uppercase; border-top: solid 3px #121212; margin: 0 0 25px; padding-top: 12px; margin-top: 30px; margin-bottom: 20px; } .layout-section-page .section-style-content h2.no-border { border: none; } .layout-section-page .section-style-content h2.title-large { font-size: 2em; border: none; } .layout-section-page .section-style-content h2.section-title-huge { font-size: 24px; border: none; margin: 0 0 15px; padding: 0; } .layout-section-page .section-style-content h2.section-title-main { font-size: 3em; } .layout-section-page .section-style-content h2.thinner { font-weight: 200; } .layout-section-page .section-style-content h2.section-title-bottom { border-top: 0; border-bottom: solid 3px #121212; padding: 0 0 12px; margin: 0 0 12px; } .layout-section-page .section-style-content h2.section-title-light { border-width: 1px; } .layout-section-page .section-style-content h2.section-title-lightest { border-width: 1px; border-color: #e6e6e6; } .layout-section-page .section-style-content h2 small { text-transform: none; letter-spacing: 0; } .layout-section-page .section-style-content h2.minimal-margin { margin: 0 0 10px; } .layout-section-page .section-style-content h2.less-margin { margin-bottom: 15px; } .layout-section-page .section-style-content h2.muted { color: #e6e6e6; } .layout-section-page .section-style-content h2 .p { font-size: 13px; padding-left: 4px; font-family: "rooney-web", georgia, serif; font-weight: 300; color: #787878; } .layout-section-page .section-style-content h2:first-child { margin-top: 20px; } .layout-section-page .faq-content h2 { font-family: "acta-display", georgia, serif; font-weight: 700; text-transform: none; font-size: 18px; letter-spacing: 0.4px; margin-bottom: 10px; } .layout-section-page .jobs-content h1, .layout-section-page .privacy-policy-text h1, .layout-section-page .jobs-content h2, .layout-section-page .privacy-policy-text h2, .layout-section-page .jobs-content h3, .layout-section-page .privacy-policy-text h3 { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 14px; letter-spacing: 1px; line-height: 1; text-transform: uppercase; border-top: solid 3px #121212; margin: 0 0 25px; padding-top: 12px; } .layout-section-page .jobs-content h1.no-border, .layout-section-page .privacy-policy-text h1.no-border, .layout-section-page .jobs-content h2.no-border, .layout-section-page .privacy-policy-text h2.no-border, .layout-section-page .jobs-content h3.no-border, .layout-section-page .privacy-policy-text h3.no-border { border: none; } .layout-section-page .jobs-content h1.title-large, .layout-section-page .privacy-policy-text h1.title-large, .layout-section-page .jobs-content h2.title-large, .layout-section-page .privacy-policy-text h2.title-large, .layout-section-page .jobs-content h3.title-large, .layout-section-page .privacy-policy-text h3.title-large { font-size: 2em; border: none; } .layout-section-page .jobs-content h1.section-title-huge, .layout-section-page .privacy-policy-text h1.section-title-huge, .layout-section-page .jobs-content h2.section-title-huge, .layout-section-page .privacy-policy-text h2.section-title-huge, .layout-section-page .jobs-content h3.section-title-huge, .layout-section-page .privacy-policy-text h3.section-title-huge { font-size: 24px; border: none; margin: 0 0 15px; padding: 0; } .layout-section-page .jobs-content h1.section-title-main, .layout-section-page .privacy-policy-text h1.section-title-main, .layout-section-page .jobs-content h2.section-title-main, .layout-section-page .privacy-policy-text h2.section-title-main, .layout-section-page .jobs-content h3.section-title-main, .layout-section-page .privacy-policy-text h3.section-title-main { font-size: 3em; } .layout-section-page .jobs-content h1.thinner, .layout-section-page .privacy-policy-text h1.thinner, .layout-section-page .jobs-content h2.thinner, .layout-section-page .privacy-policy-text h2.thinner, .layout-section-page .jobs-content h3.thinner, .layout-section-page .privacy-policy-text h3.thinner { font-weight: 200; } .layout-section-page .jobs-content h1.section-title-bottom, .layout-section-page .privacy-policy-text h1.section-title-bottom, .layout-section-page .jobs-content h2.section-title-bottom, .layout-section-page .privacy-policy-text h2.section-title-bottom, .layout-section-page .jobs-content h3.section-title-bottom, .layout-section-page .privacy-policy-text h3.section-title-bottom { border-top: 0; border-bottom: solid 3px #121212; padding: 0 0 12px; margin: 0 0 12px; } .layout-section-page .jobs-content h1.section-title-light, .layout-section-page .privacy-policy-text h1.section-title-light, .layout-section-page .jobs-content h2.section-title-light, .layout-section-page .privacy-policy-text h2.section-title-light, .layout-section-page .jobs-content h3.section-title-light, .layout-section-page .privacy-policy-text h3.section-title-light { border-width: 1px; } .layout-section-page .jobs-content h1.section-title-lightest, .layout-section-page .privacy-policy-text h1.section-title-lightest, .layout-section-page .jobs-content h2.section-title-lightest, .layout-section-page .privacy-policy-text h2.section-title-lightest, .layout-section-page .jobs-content h3.section-title-lightest, .layout-section-page .privacy-policy-text h3.section-title-lightest { border-width: 1px; border-color: #e6e6e6; } .layout-section-page .jobs-content h1 small, .layout-section-page .privacy-policy-text h1 small, .layout-section-page .jobs-content h2 small, .layout-section-page .privacy-policy-text h2 small, .layout-section-page .jobs-content h3 small, .layout-section-page .privacy-policy-text h3 small { text-transform: none; letter-spacing: 0; } .layout-section-page .jobs-content h1.minimal-margin, .layout-section-page .privacy-policy-text h1.minimal-margin, .layout-section-page .jobs-content h2.minimal-margin, .layout-section-page .privacy-policy-text h2.minimal-margin, .layout-section-page .jobs-content h3.minimal-margin, .layout-section-page .privacy-policy-text h3.minimal-margin { margin: 0 0 10px; } .layout-section-page .jobs-content h1.less-margin, .layout-section-page .privacy-policy-text h1.less-margin, .layout-section-page .jobs-content h2.less-margin, .layout-section-page .privacy-policy-text h2.less-margin, .layout-section-page .jobs-content h3.less-margin, .layout-section-page .privacy-policy-text h3.less-margin { margin-bottom: 15px; } .layout-section-page .jobs-content h1.muted, .layout-section-page .privacy-policy-text h1.muted, .layout-section-page .jobs-content h2.muted, .layout-section-page .privacy-policy-text h2.muted, .layout-section-page .jobs-content h3.muted, .layout-section-page .privacy-policy-text h3.muted { color: #e6e6e6; } .layout-section-page .jobs-content h1 .p, .layout-section-page .privacy-policy-text h1 .p, .layout-section-page .jobs-content h2 .p, .layout-section-page .privacy-policy-text h2 .p, .layout-section-page .jobs-content h3 .p, .layout-section-page .privacy-policy-text h3 .p { font-size: 13px; padding-left: 4px; font-family: "rooney-web", georgia, serif; font-weight: 300; color: #787878; } .layout-page ul a { color: #ff4814; text-decoration: underline; } .layout-page ul a:link, .layout-page ul a:visited, .layout-page ul a:focus, .layout-page ul a:hover, .layout-page ul a:active { color: #ff4814; } .layout-page ul a:hover { text-decoration: none; color: #121212; } /************************** Video ***************************/ .fluid-width-video-wrapper { margin-bottom: 10px; } /************************** LANDING PAGES (Jan 2018) ***************************/ .view-post-landing-page .site-header, .view-post-landing-page .site-footer { display: none; } .view-post-landing-page .default-post-modules .post-module { margin-bottom: 20px; } .view-post-landing-page .post-module-type-text { width: 100%; } .view-post-landing-page .post-module-type-text p { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 16px!important; line-height: 1.3em !important; } .view-post-landing-page .post-module-type-text h2 { font-family: "acta-display", georgia, serif !important; font-weight: 300 !important; font-size: 30px!important; } .view-post-landing-page .thanks-wrapper { background-color: #fff; border: none; font-weight: normal; padding: 50px; } .landing-page-site-header { border-bottom: solid 2px #121212; padding: 25px 0; text-align: center; } @media only screen and (max-width: 767px) { .landing-page-site-header { padding: 12px 0; } .landing-page-site-header img { width: 140px; } } .landing-page-header { background-color: #f2f2f2; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 15em 0; margin-bottom: 50px; } @media (max-width: 768px) { .landing-page-header { padding: 5em 0; } } .landing-page-header--shorter { padding: 7em 0; } @media (max-width: 768px) { .landing-page-header--shorter { padding: 3em 0; } } .landing-page-header__wrapper { display: flex; align-items: center; } @media (max-width: 768px) { .landing-page-header__wrapper { display: block; text-align: center; } .landing-page-header__wrapper .sidebar-content { margin-top: 25px; } } .landing-page-header__title { font-family: "acta-display", georgia, serif; font-weight: 300; color: #121212; font-size: 56px; line-height: 1.2; } @media (max-width: 979px) and (min-width: 768px) { .landing-page-header__title { font-size: 42px; } } @media (max-width: 768px) { .landing-page-header__title { font-size: 30px; } } @media (max-width: 414px) { .landing-page-header__title { font-size: 26px; } } .landing-page-header__subtitle { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 300; font-size: 18px; line-height: 1.2; } .landing-page-header.has-background-image { background-color: #333; } .landing-page-header.has-background-image .landing-page-header__title, .landing-page-header.has-background-image .landing-page-header__subtitle { color: #fff; text-shadow: 1px 0 10px #121212; } .post-module-form-inputs .input-chunky { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 300; font-size: 20px!important; padding: 14px!important; border-radius: 5px; } .post-module-form-single .post-module-form-actions { display: flex; } .post-module-form-single .post-module-form-actions .post-module-form-inputs { flex: 1 1 auto; margin-right: 10px; } .post-module-form-single .post-module-form-actions .btn-block { padding-left: 30px; padding-right: 30px; } .has-input-module .hide-when-has-input-module { opacity: 0.2; } /************************** BLOG POSTS ***************************/ .blog-article { margin-bottom: 12px; } .blog-article-title { font-size: 14px; margin-bottom: 0; line-height: 1.2; } .blog-article-title a { color: #ff4814; text-decoration: underline; } .blog-article-title a:hover { color: #121212; text-decoration: none; } .blog-article-text p { font-size: 80%; line-height: 1.1; margin: 0; } .post-module-p { font-family: "rooney-web", georgia, serif; font-weight: 300; color: #787878; font-size: 18px!important; line-height: 1.6 !important; } .post-module-h1 { font-family: "acta-display", georgia, serif; font-weight: 700; color: #121212; font-size: 25px; font-weight: 300; } .post-module-h2 { font-family: "rooney-web", georgia, serif; font-weight: 300; color: #121212 !important; font-weight: 500 !important; font-size: 20px!important; line-height: 1.5 !important; } .post-module-h3 { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 14px; letter-spacing: 1px; line-height: 1; text-transform: uppercase; border-top: solid 3px #121212; margin: 0 0 25px; padding-top: 12px; font-size: 14px!important; padding-top: 12px!important; } .post-module-h3.no-border { border: none; } .post-module-h3.title-large { font-size: 2em; border: none; } .post-module-h3.section-title-huge { font-size: 24px; border: none; margin: 0 0 15px; padding: 0; } .post-module-h3.section-title-main { font-size: 3em; } .post-module-h3.thinner { font-weight: 200; } .post-module-h3.section-title-bottom { border-top: 0; border-bottom: solid 3px #121212; padding: 0 0 12px; margin: 0 0 12px; } .post-module-h3.section-title-light { border-width: 1px; } .post-module-h3.section-title-lightest { border-width: 1px; border-color: #e6e6e6; } .post-module-h3 small { text-transform: none; letter-spacing: 0; } .post-module-h3.minimal-margin { margin: 0 0 10px; } .post-module-h3.less-margin { margin-bottom: 15px; } .post-module-h3.muted { color: #e6e6e6; } .post-module-h3 .p { font-size: 13px; padding-left: 4px; font-family: "rooney-web", georgia, serif; font-weight: 300; color: #787878; } .post-module-blockquote { font-family: "rooney-web", georgia, serif; font-weight: 300; color: #787878 !important; font-weight: 300 !important; font-size: 30px!important; line-height: 1.2 !important; border: solid 3px #e6e6e6; border-width: 3px 0; } .blog-explainer { padding: 30px 0; } .posts-list { margin: 0; } .post-header { text-align: center; margin: 0; } .post-with-hero-image .post-header { height: 400px; background-size: cover; background-repeat: no-repeat; background-position: center; } .post-with-hero-image .post-title-container { margin-top: -120px; } .post-title-container { text-align: left; margin: 0 auto; padding: 50px 10% 25px; background: #fff; } .post-title { font-family: "acta-display", georgia, serif; font-weight: 700; font-size: 16px; letter-spacing: 1px; line-height: 20px; text-transform: uppercase; text-transform: none; font-size: 42px; line-height: 1.2; margin: 0 0 12px; color: #121212; } .post-title.title-smaller { font-size: 28px; } .post-subtitle { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 18px; line-height: 1.2; color: #ff4814; } .post-date { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-weight: 300; padding: 0; font-size: 14px; margin: 0 0 2px; color: #787878; margin: 0 0 10px; } .post-date a { color: #e6e6e6; } .post-date a:link, .post-date a:visited, .post-date a:focus, .post-date a:hover, .post-date a:active { color: #e6e6e6; } .post-date a { color: #787878 !important; } .post-footer { margin: 100px 0 0; } .post-module-type-text p { font-family: "rooney-web", georgia, serif; font-weight: 300; color: #787878; font-size: 18px!important; line-height: 1.6 !important; } .post-module-type-text h2 { font-family: "rooney-web", georgia, serif; font-weight: 300; color: #121212 !important; font-weight: 500 !important; font-size: 20px!important; line-height: 1.5 !important; } .post-module-type-text h3 { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 14px; letter-spacing: 1px; line-height: 1; text-transform: uppercase; border-top: solid 3px #121212; margin: 0 0 25px; padding-top: 12px; font-size: 14px!important; padding-top: 12px!important; } .post-module-type-text h3.no-border { border: none; } .post-module-type-text h3.title-large { font-size: 2em; border: none; } .post-module-type-text h3.section-title-huge { font-size: 24px; border: none; margin: 0 0 15px; padding: 0; } .post-module-type-text h3.section-title-main { font-size: 3em; } .post-module-type-text h3.thinner { font-weight: 200; } .post-module-type-text h3.section-title-bottom { border-top: 0; border-bottom: solid 3px #121212; padding: 0 0 12px; margin: 0 0 12px; } .post-module-type-text h3.section-title-light { border-width: 1px; } .post-module-type-text h3.section-title-lightest { border-width: 1px; border-color: #e6e6e6; } .post-module-type-text h3 small { text-transform: none; letter-spacing: 0; } .post-module-type-text h3.minimal-margin { margin: 0 0 10px; } .post-module-type-text h3.less-margin { margin-bottom: 15px; } .post-module-type-text h3.muted { color: #e6e6e6; } .post-module-type-text h3 .p { font-size: 13px; padding-left: 4px; font-family: "rooney-web", georgia, serif; font-weight: 300; color: #787878; } .post-module-type-text h1 { font-family: "acta-display", georgia, serif; font-weight: 700; color: #121212; font-size: 25px; font-weight: 300; } .post-module-type-text blockquote { font-family: "rooney-web", georgia, serif; font-weight: 300; color: #787878 !important; font-weight: 300 !important; font-size: 30px!important; line-height: 1.2 !important; border: solid 3px #e6e6e6; border-width: 3px 0; } .post-module-type-text { width: 80%; margin: 0 auto; } .post-module-type-text p, .post-module-type-text h2, .post-module-type-text h3, .post-module-type-text h1 { margin: 0 0 18px; } .post-module-type-text blockquote { padding: 5%; margin-left: -5%; margin-right: -5%; } .post-module-type-image { text-align: center; margin: 0 0 18px; } .post-module-type-crowdpacs { padding: 24px 0; } .title.title-centered { padding: 35px 0; } .post-email-and-social { width: 80%; margin: 0 auto; padding-top: 50px; } .post-social-icons { float: right; padding-top: 6px; } .form-one-liner .btn.btn-primary { padding-top: 7px; padding-bottom: 5px; } .post-email-grab { float: left; } .post-module-icon { font-size: 46px; color: #ff4814; } /**************************************/ /**************************************/ /**************************************/ /**************************************/ /* Media Queries */ /**************************************/ @media only screen and (max-width: 767px) { .post-title { font-size: 42px; padding: 0; } .post-email-and-social { width: auto; } .post-social-icons { float: none; margin: 0 auto; } .post-email-grab { float: none; } .post-with-hero-image .post-header { height: 200px; } .post-with-hero-image .post-title-container { margin-top: -40px; } } .notifications-list { background: #fff; color: #787878; margin: 0 auto; max-width: 620px; padding: 0; } .notifications-list > li { display: block; } .empty-notifications { border: 1px solid #e6e6e6; background: #f8f8f8; padding: 20px; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; border-radius: 5px; font-size: 16px; } .notifications-list-item { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; align-items: flex-start; border-bottom: 1px solid #e6e6e6; display: flex; font-size: 14px; padding: 10px; } .notifications-list-item--unread { background: #F8F8F8; } .notifications-list-item > * { flex: 0 0 auto; margin: 10px; } .notifications-list-item__image { border-radius: 50%; height: 40px; width: 40px; } .notifications-list-item__body { flex: 1 1 auto; font-size: 16px; } .notifications-list-item__body mark { background: transparent; color: #ff4814; } .notifications-list-item__date { color: #aaa; } .notifications-list-item__unread-indicator { background: #ff4814; border-radius: 50%; display: inline-block; margin-left: 0.5ch; height: 10px; width: 10px; } .notifications-list-item:hover { background: #f8f8f8; } .notifications-list-item--unread:hover { background: #f1f1f1; } .petition-container { margin-bottom: 20px; } .petition-container .petition-title { color: #ff4814; text-align: center; font-weight: 400; } .petition-container .petition-content { text-align: justify; } .petition-container .petition-image { border-radius: 8px; max-height: 400px; max-width: 500px; width: auto; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4); margin: 5px 5px 10px 20px; } .petition-container .petition-description { font-size: larger; } .petition-container .petition-signers ul { list-style: none; } .petition-container .petition-signers-title { text-align: left; margin-top: 25px; margin-bottom: 25px; } .petition-container .petition-signers .petition-signers-header { display: flex; align-items: center; } .petition-container .hidden-desktop .petition-signers-title { text-align: center; } .petition-container .hidden-desktop .petitions-buttons { display: block; } .petition-container .hidden-desktop .petition-image { max-width: none; max-height: none; height: auto; width: 100%; margin: 10px 0px; } table#questions th:nth-child(3), table#questions td:nth-child(3), table#questions th:nth-child(4), table#questions td:nth-child(4) { text-align: center; } /************************** LIMIT CHARS INPUT ***************************/ a.user-profile__link { color: #ff4814; } a.user-profile__link:hover { color: #121212; } .political-party-radios svg { max-width: 35px; height: auto; } .political-party-radios.mobile svg { max-width: 50px; height: auto; } .table-user a { color: #ff4814; } .table-user a:link, .table-user a:visited, .table-user a:focus, .table-user a:hover, .table-user a:active { color: #ff4814; } .admin-list .candidate-name { font-family: "acta-display", georgia, serif; font-weight: 700; color: #121212; font-size: 20px; letter-spacing: 1px; padding-top: 8px; } .form-dashed { border: dashed 3px #787878; background-position: center; background-size: cover; color: #787878; padding: 50px 12px 49px; margin: 0 0 20px; max-width: 97px; text-align: center; } .form-dashed input { display: none; } .form-dashed span { opacity: 0.4; } /************************** USER LOGIN ***************************/ .login-forgot-link { padding-top: 4px; } .control-group-remember { margin-top: -10px; margin-bottom: 15px; } .login-header { margin-top: 45px; font-family: "acta-display", georgia, serif; font-weight: 700; color: #121212; text-align: center; font-size: 55px; } .login-sub-header { margin-top: 35px; } .comm-login-container { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; background-color: #fff; border: 1px solid #D2D2D2; border-radius: 5px; color: #787878; line-height: 1.4; margin: 35px 0 20px 0; overflow: hidden; padding: 20px; } .invite-header { font-family: "rooney-web", georgia, serif; font-weight: 300; color: #121212; font-size: 24px; margin: 13px 0 20px 0; line-height: 1.2; } @media (max-width: 768px) { .invite-header { font-size: 20px; } } .invite-avatar { background: rgba(255, 255, 255, 0.1); border-radius: 50%; height: 80px; max-width: 100vw; width: 80px; border: 2px solid #fff; } /************************** ACCOUNT > PAYMENT ***************************/ .acct-payment-container { max-width: 600px; margin: 0 auto; } .payment-method-container input, .payment-method-container input[type="tel"], .payment-method-container select { margin-bottom: 20px; } .payment-method-container input[type="tel"].donate-cc, .payment-method-container input[type="tel"].donate-csc, .payment-method-container select.donate-exp, .payment-method-container select.donate-ach-account-type, .payment-method-container input[type="tel"].donate-ach { margin-bottom: 0px; } .payment-method-container input, .payment-method-container select { color: #121212; font-size: 16px; font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; } /************************** USER NOMINATIONS ***************************/ .is-previewing-nominate .page-header { border: none; } .is-previewing-nominate .page-header .title { padding-top: 0; } /************************** USER CONTRIBUTIONS ***************************/ table.user-history .table-column-names { border-bottom: 2px solid black; } .table-hover.user-history tbody tr:hover > td, .table-hover.user-history tbody tr:hover > th { background-color: #fff !important; } /************************** USER CROWDPAC TAGS ***************************/ .bootstrap-tag { background: #e6e6e6; padding: 5px 8px; font-size: 16px; text-decoration: none!important; font-weight: 600; color: #121212; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #BFBFBF; } .table.post-index { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 16px; margin-top: 38px; } .table.post-index th { font-weight: 700; } .table.post-index td { border-top: none; border-bottom: 1px solid #ddd; padding-top: 10px; } tfoot.pagination div.pagination { margin-top: 0; } tfoot.pagination td { border-bottom: none !important; padding-left: 0; } /************************** LIMIT CHARS INPUT ***************************/ .maxlength-full { color: #ff4814; } /************************** DROPZONE IMAGE ***************************/ .dropzone-image-controls { padding: 10px; background: #121212; text-align: right; } .dropzone-image-controls a { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; font-size: 16px; color: #fff; } .dropzone-image-controls a:link, .dropzone-image-controls a:visited, .dropzone-image-controls a:focus, .dropzone-image-controls a:hover, .dropzone-image-controls a:active { color: #fff; } .dropzone-image-controls a:hover { color: #ff4814; } .dz-clickable { cursor: pointer; } .dz-drag-hover img { opacity: 0.4; } .dropzone-area { overflow: hidden; } .dropzone-thumbnail { background: transparent url('https://assets.crowdpac.com/v2/production/all/img/spin.gif') center no-repeat; } .dropzone-thumbnail img { opacity: 0.7; } .dropzone-thumbnail.dropzone-image-is-uploaded { background: none; } .dropzone-thumbnail.dropzone-image-is-uploaded img { opacity: 1; } @media only screen and (max-width: 767px) { .payment-method-container input[type="tel"].donate-cc, .payment-method-container input[type="tel"].donate-csc, .payment-method-container select.donate-ach-account-type, .payment-method-container input[type="tel"].donate-ach.acct-num { margin-bottom: 20px; } .login-header { margin-top: 10px; font-size: 32px; text-align: left; } .login-sub-header { margin-top: 24px; } .login-sub-header h2 { font-size: 18px; } .table.post-index { font-size: 14px; } } .campaign-nav-list { display: flex; justify-content: flex-end; } .campaign-nav-list li { list-style: none; margin-left: 1em; } .campaign-nav-list a { color: #ff4814; } .campaign-nav-list li.dropdown:hover .dropdown-menu { display: block; } .campaign-nav-list .dropdown-menu { background: white; border-radius: 0; font-size: inherit; margin-top: 0px; margin-left: 15px; padding: 0; text-align: left; } .campaign-nav-list .dropdown-menu a { padding: 10px 15px; display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 20px; color: #333; white-space: nowrap; } .campaign-nav-list .dropdown-menu a:link, .campaign-nav-list .dropdown-menu a:visited { color: inherit; } .campaign-nav-list .dropdown-menu a:hover, .campaign-nav-list .dropdown-menu a:focus, .campaign-nav-list .dropdown-menu a:active { background: #e6e6e6; color: inherit; } .campaign-nav-list .dropdown:hover > a, .campaign-nav-list .dropdown:focus > a, .campaign-nav-list .dropdown:active > a { color: #121212; } /*! * Cropper v0.9.2 * https://github.com/fengyuanchen/cropper * * Copyright (c) 2014-2015 Fengyuan Chen and contributors * Released under the MIT license * * Date: 2015-04-18T04:35:01.500Z */ .cropper-container { position: relative; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .cropper-container img { display: block; width: 100%; min-width: 0!important; max-width: none!important; height: 100%; min-height: 0!important; max-height: none!important; image-orientation: 0deg !important; } .cropper-canvas, .cropper-crop-box, .cropper-drag-box, .cropper-modal { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .cropper-drag-box { background-color: #fff; filter: alpha(opacity=0); opacity: 0; } .cropper-modal { background-color: #000; filter: alpha(opacity=50); opacity: 0.5; } .cropper-view-box { display: block; width: 100%; height: 100%; overflow: hidden; outline: #69f solid 1px; outline-color: rgba(102, 153, 255, 0.75); } .cropper-dashed { position: absolute; display: block; filter: alpha(opacity=50); border: 0 dashed #fff; opacity: 0.5; } .cropper-dashed.dashed-h { top: 33.33333333%; left: 0; width: 100%; height: 33.33333333%; border-top-width: 1px; border-bottom-width: 1px; } .cropper-dashed.dashed-v { top: 0; left: 33.33333333%; width: 33.33333333%; height: 100%; border-right-width: 1px; border-left-width: 1px; } .cropper-face, .cropper-line, .cropper-point { position: absolute; display: block; width: 100%; height: 100%; filter: alpha(opacity=10); opacity: 0.1; } .cropper-face { top: 0; left: 0; cursor: move; background-color: #fff; } .cropper-line { background-color: #69f; } .cropper-line.line-e { top: 0; right: -3px; width: 5px; cursor: e-resize; } .cropper-line.line-n { top: -3px; left: 0; height: 5px; cursor: n-resize; } .cropper-line.line-w { top: 0; left: -3px; width: 5px; cursor: w-resize; } .cropper-line.line-s { bottom: -3px; left: 0; height: 5px; cursor: s-resize; } .cropper-point { width: 5px; height: 5px; background-color: #69f; filter: alpha(opacity=75); opacity: 0.75; } .cropper-point.point-e { top: 50%; right: -3px; margin-top: -3px; cursor: e-resize; } .cropper-point.point-n { top: -3px; left: 50%; margin-left: -3px; cursor: n-resize; } .cropper-point.point-w { top: 50%; left: -3px; margin-top: -3px; cursor: w-resize; } .cropper-point.point-s { bottom: -3px; left: 50%; margin-left: -3px; cursor: s-resize; } .cropper-point.point-ne { top: -3px; right: -3px; cursor: ne-resize; } .cropper-point.point-nw { top: -3px; left: -3px; cursor: nw-resize; } .cropper-point.point-sw { bottom: -3px; left: -3px; cursor: sw-resize; } .cropper-point.point-se { right: -3px; bottom: -3px; width: 20px; height: 20px; cursor: se-resize; filter: alpha(opacity=100); opacity: 1; } .cropper-point.point-se:before { position: absolute; right: -50%; bottom: -50%; display: block; width: 200%; height: 200%; content: " "; background-color: #69f; filter: alpha(opacity=0); opacity: 0; } @media (min-width: 768px) { .cropper-point.point-se { width: 15px; height: 15px; } } @media (min-width: 992px) { .cropper-point.point-se { width: 10px; height: 10px; } } @media (min-width: 1200px) { .cropper-point.point-se { width: 5px; height: 5px; filter: alpha(opacity=75); opacity: 0.75; } } .cropper-bg { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC); } .cropper-invisible { filter: alpha(opacity=0); opacity: 0; } .cropper-hide { position: fixed; top: 0; left: 0; z-index: -1; width: auto!important; min-width: 0!important; max-width: none!important; height: auto!important; min-height: 0!important; max-height: none!important; filter: alpha(opacity=0); opacity: 0; } .cropper-hidden { display: none !important; } .cropper-move { cursor: move; } .cropper-crop { cursor: crosshair; } .cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point { cursor: not-allowed; } .no-header .site-header { display: none; } .no-footer .site-footer { display: none; } .layout-edit-huge { padding-top: 4%; } .huge-image-container { position: absolute; width: 76%; left: 22%; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1), 0 -20px 40px rgba(0, 0, 0, 0.1), 20px 0 40px rgba(0, 0, 0, 0.1), -20px 0 40px rgba(0, 0, 0, 0.1); } .layout-edit-huge-invitation .huge-image { opacity: 0.3; } .edit-pane { padding: 4%; width: 14%; position: absolute; left: 0; top: 0; } .e-text { font-size: 16px; margin-bottom: 16px; } .e-fields .control-group { margin: 0; } .edit-huge-preview-tag { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 14px; letter-spacing: 1px; line-height: 1; text-transform: uppercase; color: #787878; font-size: 12px; position: absolute; top: 20px; right: 20px; opacity: 0.5; } .btn-crowdpac-portrait { border: solid 1px #787878; display: block; text-align: center; padding: 50px 0; margin: 0 0 20px; } .btn-crowdpac-portrait img { display: block; } .btn-crowdpac-portrait.image-edit-modal-finished, .btn-crowdpac-portrait.btn-crowdpac-portrait-with-img { padding: 0; } .btn-crowdpac-portrait.image-edit-modal-finished span, .btn-crowdpac-portrait.btn-crowdpac-portrait-with-img span { display: none; } .btn-crowdpac-portrait span { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 14px; letter-spacing: 1px; line-height: 1; text-transform: uppercase; font-weight: 300; color: #ff4814; } .well.explainer small { font-size: 90%; } .btn-group-social { display: none; } .crowdpac-ec-field label { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; } .crowdpac-ec-field .twitter-typeahead { display: block!important; } .crowdpac-ec-add-existing .crowdpac-ec-field { display: none; } .crowdpac-ec-add-existing .crowdpac-ec-field.crowdpac-ec-name, .crowdpac-ec-add-existing .crowdpac-ec-field.crowdpac-ec-submit { display: block; } .crowdpac-ec-add-new .crowdpac-ec-field { display: block; } .crowdpac-ec-submit .btn { margin-top: 27px; } .affiliation-minor { display: none; } .affiliation-show-more-toggler { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 400; line-height: 1.2; color: #121212; padding-left: 30px; margin-top: -20px; } .affiliation-show-more-toggler.muted { color: #e6e6e6; } .affiliation-show-more-toggler.muted-less { color: #787878; } .crowdpac-table-candidate.candidate-active, .crowdpac-table-organization.candidate-active, .crowdpac-table-candidate.organization-active, .crowdpac-table-organization.organization-active { color: #121212; } .crowdpac-table-candidate.candidate-inactive, .crowdpac-table-organization.candidate-inactive, .crowdpac-table-candidate.organization-inactive, .crowdpac-table-organization.organization-inactive { cursor: pointer; color: #e6e6e6; } .crowdpac-table-candidate:hover td, .crowdpac-table-organization:hover td, .crowdpac-table-candidate.active td, .crowdpac-table-organization.active td { background: #e6e6e6 !important; } .crowdpac-table-candidate:hover.candidate-inactive, .crowdpac-table-organization:hover.candidate-inactive, .crowdpac-table-candidate.active.candidate-inactive, .crowdpac-table-organization.active.candidate-inactive, .crowdpac-table-candidate:hover.organization-inactive, .crowdpac-table-organization:hover.organization-inactive, .crowdpac-table-candidate.active.organization-inactive, .crowdpac-table-organization.active.organization-inactive { color: #ff4814; } .crowdpac-table-candidate .media-heading, .crowdpac-table-organization .media-heading { font-weight: 600; } .show-on-row-hover { visibility: hidden; } tr:hover .show-on-row-hover { visibility: visible; } .ui-datepicker { z-index: 3!important; font-family: "rooney-web", georgia, serif; font-weight: 300; } .ui-datepicker .ui-widget-header { background: none; border: none; } .ui-datepicker.ui-corner-all, .ui-datepicker .ui-corner-all { border-radius: 0; } .ui-datepicker .ui-icon { text-indent: 0; font-weight: 300; font-size: 11px; width: auto; } .ui-datepicker .ui-state-default { background-image: none !important; } .ui-datepicker .ui-state-highlight { border-color: #fff; background: #fff; } .ui-datepicker .ui-state-active { border-color: #ff4814; background: #ff4814; color: #fff; } .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { width: 2em; cursor: pointer; text-align: center; background-image: none !important; } .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span { color: transparent; width: 16px; } .ui-datepicker .ui-icon-circle-triangle-w, .ui-datepicker .ui-icon-circle-triangle-e { background-image: none !important; margin-top: 9px; margin-left: 9px; } .ui-datepicker .ui-icon-circle-triangle-e:before, .ui-datepicker .ui-icon-circle-triangle-w:before { color: #999; font-size: 12px; margin-left: 3px; } .ui-datepicker a:hover .ui-icon-circle-triangle-w:before, .ui-datepicker a:hover .ui-icon-circle-triangle-e:before { color: white; } .ui-datepicker .ui-icon-circle-triangle-w:before { content: '\25C0'; } .ui-datepicker .ui-icon-circle-triangle-e:before { content: '\25B6'; } .redactor_wysiwyg-simple { min-height: 150px; } .race-select-first-time .race-select-first-time-deemphasize { opacity: 0.3; } @media only screen and (min-width: 980px) { .scaled-white-card { max-width: 393.02222222px; } .scaled-white-card .headline-large { font-size: 30.34920635px; } .scaled-white-card .explainer-large, .scaled-white-card .explainer-large p { font-size: 13.65714286px; } } @media only screen and (max-width: 979px) { .edit-pane { width: 92%; max-width: 400px; position: static; margin: 0 auto; } .huge-image-container { position: relative; left: 3%; width: 94%; } } a.expand-contribution { color: #ff4814; } a.expand-contribution:hover { color: #121212; } .download-contributions-report-modal .modal-content { margin: 30px 0px; } .recaptcha { text-align: center; } .recaptcha .g-recaptcha { display: inline-block; } /*! Chosen, a Select Box Enhancer for jQuery and Prototype by Patrick Filler for Harvest, http://getharvest.com Version 1.5.1 Full source at https://github.com/harvesthq/chosen Copyright (c) 2011-2016 Harvest http://getharvest.com MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md This file is generated by `grunt build`, do not edit it by hand. */ .chosen-container { position: relative; display: inline-block; vertical-align: middle; font-size: 13px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .chosen-container * { box-sizing: border-box; } .chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; width: 100%; border: 1px solid #aaa; border-top: 0; background: #fff; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); } .chosen-container.chosen-with-drop .chosen-drop { left: 0; } .chosen-container a { cursor: pointer; } .chosen-container .chosen-single .group-name, .chosen-container .search-choice .group-name { margin-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 400; color: #999; } .chosen-container .chosen-single .group-name:after, .chosen-container .search-choice .group-name:after { content: ":"; padding-left: 2px; vertical-align: top; } .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 0 0 0 8px; height: 25px; border: 1px solid #aaa; border-radius: 5px; background-color: #fff; background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%); background-clip: padding-box; box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1); color: #444; text-decoration: none; white-space: nowrap; line-height: 24px; } .chosen-container-single .chosen-default { color: #999; } .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url(https://res.cloudinary.com/crowdpac/image/upload/v1467236789/assets/chosen-sprite.png) -42px 1px no-repeat; font-size: 1px; } .chosen-container-single .chosen-single abbr:hover, .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100%; } .chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; background: url(https://res.cloudinary.com/crowdpac/image/upload/v1467236789/assets/chosen-sprite.png) 0 2px no-repeat; } .chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; } .chosen-container-single .chosen-search input[type=text] { margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: auto; outline: 0; border: 1px solid #aaa; background: url(https://res.cloudinary.com/crowdpac/image/upload/v1467236789/assets/chosen-sprite.png) 100% -20px no-repeat; font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box; } .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px; } .chosen-container .chosen-results { color: #444; position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch; } .chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; word-wrap: break-word; -webkit-touch-callout: none; } .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } .chosen-container .chosen-results li.highlighted { background-color: #3875d7; background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #fff; } .chosen-container .chosen-results li.no-results { color: #777; display: list-item; background: #f4f4f4; } .chosen-container .chosen-results li.group-result { display: list-item; font-weight: 700; cursor: default; } .chosen-container .chosen-results li.group-option { padding-left: 15px; } .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } .chosen-container-multi .chosen-choices { position: relative; overflow: hidden; margin: 0; padding: 0 5px; width: 100%; height: auto!important; height: 1%; border: 1px solid #aaa; background-color: #fff; background-image: linear-gradient(#eee 1%, #fff 15%); cursor: text; } .chosen-container-multi .chosen-choices li { float: left; list-style: none; } .chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; } .chosen-container-multi .chosen-choices li.search-field input[type=text] { margin: 1px 0; padding: 0; height: 25px; outline: 0; border: 0!important; background: 0 0!important; box-shadow: none; color: #999; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 3px 5px 3px 0; padding: 3px 20px 3px 5px; border: 1px solid #aaa; max-width: 100%; border-radius: 3px; background-color: #eee; background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-size: 100% 19px; background-repeat: repeat-x; background-clip: padding-box; box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; } .chosen-container-multi .chosen-choices li.search-choice span { word-wrap: break-word; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; background: url(https://res.cloudinary.com/crowdpac/image/upload/v1467236789/assets/chosen-sprite.png) -42px 1px no-repeat; font-size: 1px; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } .chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); color: #666; } .chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; } .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } .chosen-container-multi .chosen-results { margin: 0; padding: 0; } .chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; } .chosen-container-active .chosen-single { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #aaa; border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-image: linear-gradient(#eee 20%, #fff 80%); box-shadow: 0 1px 0 #fff inset; } .chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: 0 0; } .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 2px; } .chosen-container-active .chosen-choices { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active .chosen-choices li.search-field input[type=text] { color: #222 !important; } .chosen-disabled { opacity: 0.5 !important; cursor: default; } .chosen-disabled .chosen-choices .search-choice .search-choice-close, .chosen-disabled .chosen-single { cursor: default; } .chosen-rtl { text-align: right; } .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; } .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; } .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; } .chosen-rtl .chosen-single div { right: auto; left: 3px; } .chosen-rtl .chosen-single abbr { right: auto; left: 26px; } .chosen-rtl .chosen-choices li { float: right; } .chosen-rtl .chosen-choices li.search-field input[type=text] { direction: rtl; } .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; } .chosen-rtl .chosen-drop, .chosen-rtl.chosen-container-single-nosearch .chosen-search { left: 9999px; } .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; } .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; } .chosen-rtl .chosen-search input[type=text] { padding: 4px 5px 4px 20px; background: url(https://res.cloudinary.com/crowdpac/image/upload/v1467236789/assets/chosen-sprite.png) -30px -20px no-repeat; direction: rtl; } .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; } .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span, .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container-single .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-rtl .chosen-search input[type=text] { background-image: url(https://res.cloudinary.com/crowdpac/image/upload/v1505928596/chosen-sprite_2x_hffszf.png) !important; background-size: 52px 37px!important; background-repeat: no-repeat !important; } } .layout-admin { /***************** GRID BLOCKS ****************/ } .layout-admin a { color: #ff4814; } .layout-admin a:link, .layout-admin a:visited, .layout-admin a:focus, .layout-admin a:hover, .layout-admin a:active { color: #ff4814; } .layout-admin a.uncolored { color: inherit; } .layout-admin .nav-list .active a { color: #fff; } .layout-admin .nav-list .active a:link, .layout-admin .nav-list .active a:visited, .layout-admin .nav-list .active a:focus, .layout-admin .nav-list .active a:hover, .layout-admin .nav-list .active a:active { color: #fff; } .layout-admin .admin-toggle-icon { color: #e6e6e6; } .layout-admin .admin-toggle-icon:link, .layout-admin .admin-toggle-icon:visited, .layout-admin .admin-toggle-icon:focus, .layout-admin .admin-toggle-icon:hover, .layout-admin .admin-toggle-icon:active { color: #e6e6e6; } .layout-admin .admin-toggle-icon.active { color: #ff4814; } .layout-admin .admin-toggle-icon.active:link, .layout-admin .admin-toggle-icon.active:visited, .layout-admin .admin-toggle-icon.active:focus, .layout-admin .admin-toggle-icon.active:hover, .layout-admin .admin-toggle-icon.active:active { color: #ff4814; } .layout-admin select.active { border-color: #ff4814; } .layout-admin .logo { font-family: "acta-display", georgia, serif; font-weight: 700; color: #fff; } .layout-admin .logo:link, .layout-admin .logo:visited, .layout-admin .logo:focus, .layout-admin .logo:hover, .layout-admin .logo:active { color: #fff; } .layout-admin .admin-header { background: #121212; color: #fff; padding: 10px; } .layout-admin .admin-header h2 { margin: 0; } .layout-admin .nav-admin { margin: 0; } .layout-admin .nav-admin.nav-pills > li > a { color: #ff4814; } .layout-admin .nav-admin.nav-pills > .active > a, .layout-admin .nav-admin.nav-pills > .active > a:hover, .layout-admin .nav-admin.nav-pills > .active > a:focus { background-color: #ff4814; color: #fff; } .layout-admin .nav-admin.nav-pills .open .dropdown-toggle { background: #FFEFE8; border-color: #FFEFE8; } .layout-admin .nav-admin .admin-env-warning { color: #787878 !important; } .layout-admin .admin-list .candidate-name { font-family: "acta-display", georgia, serif; font-weight: 700; color: #121212; font-size: 20px; letter-spacing: 1px; padding-top: 8px; } .layout-admin .control-group { margin-bottom: 20px; } .layout-admin .admin-help-text { margin-top: -5px; } .layout-admin .form-dashed { border: dashed 3px #787878; background-position: center; background-size: cover; color: #787878; padding: 50px 12px 49px; margin: 0 0 20px; max-width: 97px; text-align: center; } .layout-admin .form-dashed input { display: none; } .layout-admin .form-dashed span { opacity: 0.4; } .layout-admin .well-dashed { border: dashed 1px #e6e6e6; color: #787878; padding: 20px; margin: 0 0 20px; } .layout-admin .lined-through-muted-title { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 14px; line-height: 1; text-transform: uppercase; font-size: 10px; font-weight: 300; color: #787878; letter-spacing: 1px; background: #f8f8f8; margin: -25px 0 20px; float: left; padding: 0 5px; } .layout-admin .show-on-tr-hover { display: none; } .layout-admin tr:hover .show-on-tr-hover { display: block; } .layout-admin .hide-until-hover { display: none; } .layout-admin .show-child-on-hover:hover .hide-until-hover { display: block; } .layout-admin .table tr input { margin-bottom: 0; } .layout-admin input.admin-input-large { font-family: "acta-display", georgia, serif; font-weight: 700; font-size: 16px; letter-spacing: 1px; line-height: 20px; text-transform: uppercase; text-transform: none; font-size: 42px; margin: 0 0 12px; color: #121212; padding: 10px; line-height: 1.2; height: auto; } .layout-admin input.admin-input-large.title-smaller { font-size: 28px; } .layout-admin .post-module-admin .icon-move { cursor: move; } .layout-admin .post-module-input-embed { width: 100%; font-family: monospace; background: #121212; color: #f0c330 !important; font-size: 12px; } .layout-admin .pledges-overview { font-size: 16px !important; color: #121212 !important; } .layout-admin .pledges-overview thead th, .layout-admin .pledges-overview td, .layout-admin .pledges-breakdown thead th, .layout-admin .pledges-breakdown td { text-align: center !important; } .layout-admin .admin-grid-blocks { max-width: 700px; } .layout-admin .gb-admin-edit { font-size: 20px; color: #fff !important; position: absolute; top: 5px; right: 5px; display: none; z-index: 5; } .layout-admin .gb:hover .gb-admin-edit { display: block; } .layout-admin .gb-admin { display: none; } .layout-admin .gb-admin-editing .gb-admin-preview { display: none; } .layout-admin .gb-admin-editing .gb-admin { display: block; } .layout-admin .gb-admin label { font-family: "proxima-nova", Gotham, Helvetica, sans-serif; font-weight: 600; color: #121212; font-size: 14px; letter-spacing: 1px; line-height: 1; text-transform: uppercase; } .layout-admin .gb-admin input[type="file"] { color: #fff !important; } .layout-admin .gb-admin .btn-mini { padding: 1px; font-size: 10px; } .layout-admin .candidate-existing-result { min-height: 160px; } .layout-admin .candidate-existing-result .admin-candidate-list-remove { display: none; } .layout-admin .multicheck-sortable-item i, .layout-admin .multicheck-sortable-item a { visibility: hidden; } .layout-admin .multicheck-sortable-item:hover i, .layout-admin .multicheck-sortable-item:hover a { visibility: visible; } .layout-admin .admin-crowdpacs-export-ids { width: 890px; height: 100px; } .layout-admin .crowdpac-import-error { color: #ff0000; } .layout-admin .crowdpac-name-truncate { width: 75px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (min-width: 1300px) and (max-width: 1399px) { .layout-admin .crowdpac-name-truncate { width: 75px; } } @media (min-width: 1400px) and (max-width: 1499px) { .layout-admin .crowdpac-name-truncate { width: 150px; } } @media (min-width: 1500px) and (max-width: 1599px) { .layout-admin .crowdpac-name-truncate { width: 250px; } } @media (min-width: 1600px) { .layout-admin .crowdpac-name-truncate { width: 300px; } } .layout-admin tr.resending-receipt { background-color: #ffebdd !important; } .layout-admin .table-actions { width: 1%; white-space: nowrap; } .layout-admin tr.petition-row td { cursor: pointer; } .layout-admin td.centered-content { vertical-align: middle; text-align: center; } .admin-fieldset { border: 1px solid #e5e5e5; margin-bottom: 25px; padding: 20px; border-radius: 5px; box-shadow: 0px 2px 31px 0px rgba(0, 0, 0, 0.24); position: relative; } .admin-legend { border: none; position: -webkit-sticky; position: sticky; top: 0; z-index: 999; background: #f5f5f5; } .confirm-dialog-text { font-family: sans-serif; font-weight: bold; font-size: larger; text-align: justify; padding: 15px; } /************************** MEDIA QUERIES ***************************/ .lock-screen { height: 100%; overflow: hidden; width: 100%; position: fixed; } .squeezable-4 { width: 22.9281768%; *width: 22.87498531%; display: block; float: left; } .squeezable-4:nth-child(n) { margin-left: 2.76243094%; *margin-left: 2.70923945%; margin-right: 0; clear: none; } .squeezable-4:first-child { margin-left: 0; } .squeezable-4:nth-child(4n + 1) { clear: both; margin-left: 0; } .squeezable-3 { width: 31.49171271%; *width: 31.43852122%; display: block; float: left; } .squeezable-3:nth-child(n) { margin-left: 2.76243094%; *margin-left: 2.70923945%; margin-right: 0; clear: none; } .squeezable-3:first-child { margin-left: 0; } .squeezable-3:nth-child(3n + 1) { clear: both; margin-left: 0; } .squeezable-2 { width: 48.61878453%; *width: 48.56559304%; display: block; float: left; } .squeezable-2:nth-child(n) { margin-left: 2.76243094%; *margin-left: 2.70923945%; margin-right: 0; clear: none; } .squeezable-2:first-child { margin-left: 0; } .squeezable-2:nth-child(2n + 1) { clear: both; margin-left: 0; } .squeezable-1 { width: 100%; *width: 99.94680851%; } .squeezable-1:nth-child(n) { margin-left: 0; margin-right: 0; clear: both; } .squeeze-4 > * { width: 22.9281768%; *width: 22.87498531%; display: block; float: left; } .squeeze-4 > *:nth-child(n) { margin-left: 2.76243094%; *margin-left: 2.70923945%; margin-right: 0; clear: none; } .squeeze-4 > *:first-child { margin-left: 0; } .squeeze-4 > *:nth-child(4n + 1) { clear: both; margin-left: 0; } .squeeze-4-then-2 > * { width: 22.9281768%; *width: 22.87498531%; display: block; float: left; } .squeeze-4-then-2 > *:nth-child(n) { margin-left: 2.76243094%; *margin-left: 2.70923945%; margin-right: 0; clear: none; } .squeeze-4-then-2 > *:first-child { margin-left: 0; } .squeeze-4-then-2 > *:nth-child(4n + 1) { clear: both; margin-left: 0; } .row-featured-issues .featured-issue-box { width: 31.49171271%; *width: 31.43852122%; display: block; float: left; margin-bottom: 15px; } .row-featured-issues .featured-issue-box:nth-child(n) { margin-left: 2.76243094%; *margin-left: 2.70923945%; margin-right: 0; clear: none; } .row-featured-issues .featured-issue-box:first-child { margin-left: 0; } .row-featured-issues .featured-issue-box:nth-child(3n + 1) { clear: both; margin-left: 0; } .row-crowdpacs .card-crowdpac { width: 22.9281768%; *width: 22.87498531%; display: block; float: left; margin-bottom: 15px; } .row-crowdpacs .card-crowdpac:nth-child(n) { margin-left: 2.76243094%; *margin-left: 2.70923945%; margin-right: 0; clear: none; } .row-crowdpacs .card-crowdpac:first-child { margin-left: 0; } .row-crowdpacs .card-crowdpac:nth-child(4n + 1) { clear: both; margin-left: 0; } .matchup-previews .matchup-preview { width: 48.61878453%; *width: 48.56559304%; display: block; float: left; margin-bottom: 15px; } .matchup-previews .matchup-preview:nth-child(n) { margin-left: 2.76243094%; *margin-left: 2.70923945%; margin-right: 0; clear: none; } .matchup-previews .matchup-preview:first-child { margin-left: 0; } .matchup-previews .matchup-preview:nth-child(2n + 1) { clear: both; margin-left: 0; } .inline-xs, .visible-xs { display: none; } @media only screen and (max-width: 979px) { .candidate-list .thumb-candidate { margin-bottom: 20px; } .home-social-icons .social-icon { margin-right: 7px; } .input-complete-email { width: 100px; } .candidate-module-header .title { font-size: 21px; max-width: 388px; margin-bottom: 0; margin-top: 6px; } .candidate-module-header .title .affiliation-icon { margin-top: 0; } .candidate-module-header .subtitle { font-size: 15px; margin-top: 4px; } .affixed-row-right .affix-it { margin-left: 578px; } .spotlight-container { display: block; padding: 10px; } .thumbs-five .thumb { width: 31.49171271%; *width: 31.43852122%; display: block; float: left; } .thumbs-five .thumb:nth-child(n) { margin-left: 2.76243094%; *margin-left: 2.70923945%; margin-right: 0; clear: none; } .thumbs-five .thumb:first-child { margin-left: 0; } .thumbs-five .thumb:nth-child(3n + 1) { clear: both; margin-left: 0; } .row-featured-issues .featured-issue-box { width: 48.61878453%; *width: 48.56559304%; display: block; float: left; } .row-featured-issues .featured-issue-box:nth-child(n) { margin-left: 2.76243094%; *margin-left: 2.70923945%; margin-right: 0; clear: none; } .row-featured-issues .featured-issue-box:first-child { margin-left: 0; } .row-featured-issues .featured-issue-box:nth-child(2n + 1) { clear: both; margin-left: 0; } .slide-1 .slide-content { width: auto; } /*.slide-text{ float:left; width:50%; margin-right:5%; } .slide-content{ .btn{ position: absolute; left:55%; top:50%; margin-top:-25px; } }*/ .slide-content .btn { padding: 6px 12px 4px; margin-top: 10px; } .slide-text h1, .slide-text h2, .slide-text p { font-size: 16px; margin-bottom: 0; } .slide-text p { font-size: 13px; } .modal-header-fixed { width: auto; left: 1%; right: 3%; } .modal-chunky .modal-content { padding: 20px; } .step-circle-arrow { margin-top: 7%; } .media-box-padded { padding: 30px 0; } .media-box-padded .title-text { font-size: 26px; } .media-box-padded-top { padding-top: 30px; } } @media only screen and (max-width: 979px) and (min-width: 768px) { .headline { font-size: 41px; } .graph-title small { font-size: 11px; } .selections-section-detail { padding: 0; } .selections-section-detail .candidate-list .list-item-title .with-affiliation-icon { max-width: 168px; } .selections-section-complete .selections-section-detail .candidate-list .list-item-title .with-affiliation-icon { max-width: 375px; } .donations-by-location { margin-left: -25px; } .issue-module-vulnerable .section-title { font-size: 13px; } .election-module-ideological .list-item-title { margin-top: -10px; } .election-module-ideological .list-item-title .candidate-first-name { display: block; } .candidate-header-donate { width: 195px; } } @media only screen and (max-width: 767px) { .visible-phone.inline-phone { display: inline!important; } .headline { font-size: 39px; } .two-col { -moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-gap: 0; column-count: 1; column-gap: 0; } .nav-tabs-arrow > li > a { font-size: 12px; line-height: 1.2; } .guide-survey-container { width: auto; } .survey-sections .guide-accordion-toggle { padding-left: 0; padding-right: 0; } .survey-sections .guide-accordion-inner { padding-left: 0; padding-right: 0; } .selectable-issue { width: 48%; padding-right: 0!important; padding-left: 0!important; float: left; } .selectable-issue:nth-child(n) { margin-right: 2%; } .selectable-issue:nth-child(2n) { margin-right: 0; } .image-slider-title { width: auto; text-align: center; } .issue-slider-helper-container { padding: 0; } .image-slider-mid { padding-top: 8px; } .candidate-list .thumb-with-stars { width: 130px; } .candidate-list .thumb-with-stars.thumb:nth-child(n) { margin-right: 10px; } .selections-section-detail { padding-left: 0; } .selections-section-detail .candidate-list .list-item-title .with-affiliation-icon { max-width: 330px; } .candidate-module-title { margin-bottom: 10px; } .btn-donate-now span { display: inline; } .fieldset-padded { padding: 0; margin-bottom: 20px; } /* .modal{ margin:auto; width:90%; -webkit-overflow-scroll:touch; } */ .modal-body { padding-bottom: 60px; } .modal-issue-image-slider .image-slider-title-container, .modal-issue-image-slider .image-slider-right { display: none; } .modal-issue-image-slider .save-image-slider { margin-top: 0; } /* Candidate Detail */ .candidate-module-header .title { max-width: 290px; } /* Candidate Detail */ .issue-module-header .title { font-size: 26px; } .tooltip-inner { max-width: 300px!important; white-space: normal; } .browse-btn-container { display: none!important; } .widget-lmr-list { margin-bottom: 20px; } .media .pull-left { float: left; } .media .pull-right { float: right; } .widget-vs-left { padding-left: 0; } .widget-vs-right { padding-right: 0; } .crowdpac-header { margin-bottom: 10px; } .crowdpac-header .media .pull-left { float: left; margin-bottom: 0; } .crowdpac-header .media .pull-left img { width: 60px; } .crowdpac-header .media .media-body { overflow: auto; } .crowdpac-header .title { font-size: 24px; } .crowdpac-header .crowdpac-description { margin-top: 10px; padding-top: 10px; } .crowdpac-creator p { font-size: 14px; } .crowdpac-module-donate { border-top: solid 1px #e6e6e6; padding-top: 20px; } .form-dashed span { visibility: hidden; } #hero-slideshow { padding-bottom: 30px; } .flex-control-nav { bottom: 0; } .slide-content-light .slide-text h1 { text-shadow: 1px 1px 1px #121212; } .slide-content-light .slide-text-content h2, .slide-content-light .slide-text-content p { text-shadow: 1px 1px 1px #121212; } .flex-direction-nav a:before { font-size: 20px; } .flex-direction-nav .flex-prev { left: 2px; } .flex-direction-nav .flex-next { right: 2px; } .not-available { height: auto!important; } /************************** MY CROWDPACS ***************************/ .user-crowdpac-field-title input { height: 40px; line-height: 40px; font-size: 20px; } .admin-list { margin: 0 20px 10px; } /************************** Name Scores ***************************/ .layout-page-name-scores .no-name-score .title { padding: 0 0 5px; font-size: 22px; } /************************** candidate donate ***************************/ .candidate-header-donate { width: auto; float: none; } /************************** Should s/he run for Pres ***************************/ .candidate-widget-nomination .title { font-size: 23px; } .page-header .title { font-size: 32px; } .header-share .social-icon { font-size: 14px; height: 21px; line-height: 21px; } .election-module .module-subtext { display: none; } /************************** UNOPPOSED ***************************/ .step-explainer-col { width: auto; float: none; } .step-sub-cartoon { height: auto; } .step-explainer-step { font-size: 14px; padding: 0 15px; } .step-explainer-col-2 .step-explainer-step { border: none; } .intro-text-unopposed { padding: 0 20px; } .intro-text-unopposed p { font-size: 16px; line-height: 1.3; } .subtitle-explainer { font-size: 16px; line-height: 1.2; } .step-explainer-cta .btn { margin-top: 20px; } .btn.btn-huge { font-size: 14px; padding: 10px 0; display: block; } .explainer-link { font-size: 14px; } .media-box-content { padding: 20px; } .media-box-image { display: none; } .media-box-title { font-size: 20px; } .section-title-serif { font-size: 24px; } .headline-chunky { font-size: 24px; } .p-chunky { font-size: 16px; margin-bottom: 12px; } .btn-block-mobile { display: block; } .btns-block-mobile .btn-block-mobile { margin-bottom: 10px; } .btns-block-mobile .btn-block-mobile:last-child { margin-bottom: 0; } .f-4-then-2 .f { width: 49%; } .step-circle-arrow { display: none; } .step-circle { margin: 0 5px; } .flexlist-item { width: 50%; } .center-phone { text-align: center; } } @media only screen and (max-width: 479px) { .sample-candidate-links { display: block; } .hidden-xs, .hidden-phone-portrait { display: none; } .block-xs, .visible-xs { display: block; } .force-block-xs { display: block!important; margin: 0px auto; } .force-block-xs.icon--google { width: 14px !important; padding-right: 0px !important; height: auto; } .inline-xs { display: inline; } .selectable-issue { float: none; width: auto; } .selectable-issue:nth-child(n) { margin-right: 0; } .tab-content-chunky { padding: 0; } .input-append-chunky .input-chunky, .input-prepend-chunky .input-chunky { width: 70%; } .input-append-chunky .btn, .input-prepend-chunky .btn { width: 30%; } .input-append-chunky-half .input-chunky, .input-prepend-chunky-half .input-chunky { width: 50%; } .input-append-chunky-half .btn, .input-prepend-chunky-half .btn { width: 50%; } .logo img { margin: 0 auto; } .image-slider-left img { max-width: 130px; max-height: 130px; margin-left: -10px; } .image-slider-left img.pull-right { margin-right: -10px; margin-left: 0; } .candidate-module-header .title { max-width: 130px; margin-top: 0; } .candidate-module-header .title.candidate-name-long { font-size: 17px; } .list-item-candidate-browse .candidate-module-header .title { max-width: 180px; width: 180px; overflow: visible; text-overflow: clip; white-space: normal; height: auto; } .list-item-candidate-browse.list-item-has-numbers .candidate-module-header .title { max-width: 154px; width: 154px; } .nav-tabs-arrow > li > a { padding-left: 2px; padding-right: 2px; } .interest-group-bar { height: 35px; } .interest-group-bar-name, .interest-group-bar-rating { padding: 10px; font-size: 15px; height: 15px; } .interest-group-bar-progress { height: 35px; } .selections-section-detail .candidate-list .list-item-title .with-affiliation-icon { max-width: 145px; } .selections-section-complete .selections-section-detail .candidate-list .list-item-title .with-affiliation-icon { max-width: 180px; } .thumbs-five .thumb-candidate { width: 48.61878453%; *width: 48.56559304%; display: block; float: left; } .thumbs-five .thumb-candidate:nth-child(n) { margin-left: 2.76243094%; *margin-left: 2.70923945%; margin-right: 0; clear: none; } .thumbs-five .thumb-candidate:first-child { margin-left: 0; } .thumbs-five .thumb-candidate:nth-child(2n + 1) { clear: both; margin-left: 0; } .vs-circle { width: 30px; height: 30px; line-height: 30px; margin-top: 100%; } .vs-circle span { font-size: 10px; } .widget-vs { margin: 0 0 10px; } .crowdpac-list-candidates .candidate-list-number { font-size: 16px; height: 45px; line-height: 48px; min-width: 18px; } .slide-text { float: none; margin: 0; width: auto; } .slide-text h1, .slide-text h2, .slide-text p { font-size: 13px; } .slide-with-btn .slide-text-content p { display: none; } .slide-content { left: 0; width: 55%; padding: 0 10px; } .slide-content .btn { display: none; } .slide-1 .slide-content { width: auto; } .slide-5 .slide-text-content h2 strong { display: block; } .slide-button-mobile { display: block; } .flex-direction-nav { display: none!important; } .row-crowdpacs .card-crowdpac { width: 48.61878453%; *width: 48.56559304%; display: block; float: left; } .row-crowdpacs .card-crowdpac:nth-child(n) { margin-left: 2.76243094%; *margin-left: 2.70923945%; margin-right: 0; clear: none; } .row-crowdpacs .card-crowdpac:first-child { margin-left: 0; } .row-crowdpacs .card-crowdpac:nth-child(2n + 1) { clear: both; margin-left: 0; } .row-featured-issues .featured-issue-box { width: 100%; *width: 99.94680851%; margin-bottom: 10px; } .row-featured-issues .featured-issue-box:nth-child(n) { margin-left: 0; margin-right: 0; clear: both; } .squeeze-4-then-2 > * { width: 48.61878453%; *width: 48.56559304%; display: block; float: left; } .squeeze-4-then-2 > *:nth-child(n) { margin-left: 2.76243094%; *margin-left: 2.70923945%; margin-right: 0; clear: none; } .squeeze-4-then-2 > *:first-child { margin-left: 0; } .squeeze-4-then-2 > *:nth-child(2n + 1) { clear: both; margin-left: 0; } .widget-vs-left, .widget-vs-right { width: 39%!important; } .widget-vs-left { margin-left: 0!important; } .step-explainer-step br { display: none; } .nav-tabs-chunky > li { padding-left: 2px; padding-right: 2px; } .nav-tabs-chunky > li > a { margin: 0; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 359px) { .hidden-xxs { display: none!important; } } @media print { .hide-on-print { display: none!important; } body.print-donation-screen > * { display: none; } body.print-donation-screen .modal-scrollable { display: block!important; } body.print-donation-screen .donate-social-icons { display: none!important; } body.print-donation-screen .modal-logo { margin-top: 0!important; } }