button.btn-link { padding: 0px; border: 0; } body { background: #fbfdfb; color: #0a2852; font-size: 16px; line-height: 26px; font-family: 'Bitter', serif; } .copy-template-ribbon { font-size: 0.6em; font-family: 'Bitter', serif; padding-left: 15px; background-color: #dddddd; } @media screen and (max-width: 480px) { .copy-template-ribbon { display: none; } } .copy-template-ribbon a, .copy-template-ribbon button.btn-link { color: #0a2852; text-decoration: underline; } .copy-template-ribbon a:hover, .copy-template-ribbon button:hover.btn-link { text-decoration: none; } .vertical-center { display: flex; align-items: center; } .glyphicon { line-height: 26px; } .modal.user-dropdown-modal-window { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .modal.user-dropdown-modal-window .modal-dialog .modal-content { background: #0a2852; border-radius: 0; } .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .close-button .glyphicon { float: right; margin: 7%; font-size: 18px; color: #00c4ff; } .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .close-button .navbar-logo .hop { width: 40%; } .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .user-groups-column, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .user-fundraisers-column, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .quick-links-column { margin-top: 30px; height: 200px; width: 100%; } .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .user-groups-column h4, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .user-groups-column a, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .user-fundraisers-column h4, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .user-fundraisers-column a, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .quick-links-column h4, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .quick-links-column a, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .user-groups-column .h4-ish, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .user-fundraisers-column .h4-ish, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .quick-links-column .h4-ish, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .user-groups-column button.btn-link, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .user-fundraisers-column button.btn-link, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .quick-links-column button.btn-link { margin-left: 15%; } .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .user-groups-column .see-all, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .user-fundraisers-column .see-all, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .quick-links-column .see-all { color: #ff5c66; } .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .user-groups-column { margin-top: 15px; } .main-content p + p, .main-content p + h1, .main-content p + h2, .main-content p + h3, .main-content p + h4, .main-content p + .h1-ish, .main-content p + .h2-ish, .main-content p + .h3-ish, .main-content p + .h4-ish { margin-top: 20px; } .main-content ol { list-style: none; counter-reset: li; padding: 0; margin: 20px 0; } .main-content ol li { padding: 0 60px; counter-increment: li; } .main-content ol li + li { margin-top: 10px; } .main-content ol li::before { content: counter(li) '.'; color: #0a2852; font-weight: bold; display: inline-block; width: 20px; margin-left: -20px; } .main-content ul { list-style: none; padding: 0; margin: 20px 0; } .main-content ul li { padding: 0 60px; } .main-content ul li + li { margin-top: 10px; } .main-content ul li::before { content: '•'; color: #0a2852; display: inline-block; width: 20px; margin-left: -20px; font-size: 24px; position: relative; top: 3px; } .main-content ol ul { margin-top: 10px; } .main-content ol ul li { counter-increment: none; } .main-content ol ul li::before { content: '•'; color: #0a2852; display: inline-block; width: 20px; margin-left: -20px; font-size: 24px; position: relative; top: 3px; } .main-content ul ol { margin-top: 10px; } .main-content ul ol li::before { content: counter(li) '.'; color: #0a2852; font-weight: bold; display: inline-block; width: 20px; margin-left: -20px; font-size: 16px; position: initial; } .main-content .uib-datepicker li, .main-content .uib-datepicker-popup li { padding: 0 !important; } .main-content .uib-datepicker li::before, .main-content .uib-datepicker-popup li::before { content: none !important; } .main-content .uib-datepicker .btn, .main-content .uib-datepicker-popup .btn { min-width: auto !important; width: auto !important; text-align: center !important; padding: 5px 10px !important; font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; display: inline-block !important; cursor: pointer !important; border-radius: 3px !important; border: 1px solid transparent !important; } .main-content .uib-datepicker .btn.btn-primary, .main-content .uib-datepicker-popup .btn.btn-primary { color: #00c4ff !important; background-color: #fff !important; border: 1px solid #00c4ff !important; } .main-content .uib-datepicker .btn.btn-primary:hover, .main-content .uib-datepicker-popup .btn.btn-primary:hover { background-color: #0a2852 !important; border-color: #0a2852 !important; } .main-content .uib-datepicker .btn.btn-default, .main-content .uib-datepicker-popup .btn.btn-default { color: #333 !important; background-color: #fff !important; border-color: #ccc !important; } .main-content .uib-datepicker .btn.btn-default:hover, .main-content .uib-datepicker-popup .btn.btn-default:hover { color: #0a2852 !important; border-color: #0a2852 !important; } .main-content .uib-datepicker .btn.btn-default .text-muted, .main-content .uib-datepicker-popup .btn.btn-default .text-muted { color: #6B7276; } .main-content .uib-datepicker .btn.btn-info, .main-content .uib-datepicker-popup .btn.btn-info { background-color: #00c4ff; color: #0a2852; transition: 0.3s; } .main-content .uib-datepicker .btn.btn-info svg, .main-content .uib-datepicker-popup .btn.btn-info svg { fill: #0a2852; } .main-content .uib-datepicker .btn.btn-info:hover, .main-content .uib-datepicker .btn.btn-info:active, .main-content .uib-datepicker-popup .btn.btn-info:hover, .main-content .uib-datepicker-popup .btn.btn-info:active { background-color: #0a2852; color: #fbfdfb; } .main-content .uib-datepicker .btn.btn-info:hover svg, .main-content .uib-datepicker .btn.btn-info:active svg, .main-content .uib-datepicker-popup .btn.btn-info:hover svg, .main-content .uib-datepicker-popup .btn.btn-info:active svg { fill: #fbfdfb; } .main-content .uib-datepicker .btn.btn-info:focus, .main-content .uib-datepicker-popup .btn.btn-info:focus { outline: 0; box-shadow: 0 0 0 2px #0a2852 !important; background-color: #00c4ff; color: #0a2852; } .main-content .uib-datepicker .btn.btn-info:disabled, .main-content .uib-datepicker-popup .btn.btn-info:disabled { background-color: rgba(0, 196, 255, 0.7); color: #fbfdfb; } .main-content .uib-datepicker .btn.btn-danger, .main-content .uib-datepicker-popup .btn.btn-danger { background-color: #ff5c66; color: #0a2852; transition: 0.3s; } .main-content .uib-datepicker .btn.btn-danger svg, .main-content .uib-datepicker-popup .btn.btn-danger svg { fill: #0a2852; } .main-content .uib-datepicker .btn.btn-danger:hover, .main-content .uib-datepicker .btn.btn-danger:active, .main-content .uib-datepicker-popup .btn.btn-danger:hover, .main-content .uib-datepicker-popup .btn.btn-danger:active { background-color: #0a2852; color: #fbfdfb; } .main-content .uib-datepicker .btn.btn-danger:hover svg, .main-content .uib-datepicker .btn.btn-danger:active svg, .main-content .uib-datepicker-popup .btn.btn-danger:hover svg, .main-content .uib-datepicker-popup .btn.btn-danger:active svg { fill: #fbfdfb; } .main-content .uib-datepicker .btn.btn-danger:focus, .main-content .uib-datepicker-popup .btn.btn-danger:focus { outline: 0; box-shadow: 0 0 0 2px #0a2852 !important; background-color: #ff5c66; color: #0a2852; } .main-content .uib-datepicker .btn.btn-danger:disabled, .main-content .uib-datepicker-popup .btn.btn-danger:disabled { background-color: rgba(255, 92, 102, 0.7); color: #fbfdfb; } .main-content .uib-datepicker .btn.btn-success, .main-content .uib-datepicker-popup .btn.btn-success { background-color: #0a2852; color: #fbfdfb; transition: 0.3s; } .main-content .uib-datepicker .btn.btn-success svg, .main-content .uib-datepicker-popup .btn.btn-success svg { fill: #fbfdfb; } .main-content .uib-datepicker .btn.btn-success:hover, .main-content .uib-datepicker .btn.btn-success:active, .main-content .uib-datepicker-popup .btn.btn-success:hover, .main-content .uib-datepicker-popup .btn.btn-success:active { background-color: #316ce1; color: #fbfdfb; } .main-content .uib-datepicker .btn.btn-success:hover svg, .main-content .uib-datepicker .btn.btn-success:active svg, .main-content .uib-datepicker-popup .btn.btn-success:hover svg, .main-content .uib-datepicker-popup .btn.btn-success:active svg { fill: #fbfdfb; } .main-content .uib-datepicker .btn.btn-success:focus, .main-content .uib-datepicker-popup .btn.btn-success:focus { outline: 0; box-shadow: 0 0 0 2px #00c4ff !important; background-color: #0a2852; color: #fbfdfb; } .main-content .uib-datepicker .btn.btn-success:disabled, .main-content .uib-datepicker-popup .btn.btn-success:disabled { background-color: rgba(10, 40, 82, 0.7); color: #fbfdfb; } .main-content .uib-datepicker .btn.active, .main-content .uib-datepicker-popup .btn.active { background-color: #316ce1 !important; } .main-content .uib-datepicker .btn.active span, .main-content .uib-datepicker-popup .btn.active span { color: #fbfdfb !important; } .main-content .uib-datepicker .btn-group > .btn:last-child:not(:first-child), .main-content .uib-datepicker .btn-group > .dropdown-toggle:not(:first-child), .main-content .uib-datepicker-popup .btn-group > .btn:last-child:not(:first-child), .main-content .uib-datepicker-popup .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .main-content .uib-datepicker .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .main-content .uib-datepicker-popup .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .main-content .uib-datepicker .uib-left, .main-content .uib-datepicker .uib-right, .main-content .uib-datepicker .uib-title, .main-content .uib-datepicker-popup .uib-left, .main-content .uib-datepicker-popup .uib-right, .main-content .uib-datepicker-popup .uib-title { width: 100% !important; } .main-content .uib-datepicker .uib-day button, .main-content .uib-datepicker .uib-month button, .main-content .uib-datepicker .uib-year button, .main-content .uib-datepicker-popup .uib-day button, .main-content .uib-datepicker-popup .uib-month button, .main-content .uib-datepicker-popup .uib-year button { min-width: 100% !important; } .main-content blockquote:not(.unstyled) { background: #00c4ff; padding: 30px 30px 30px 40px; border: none; width: 100%; } .main-content blockquote:not(.unstyled) p { font-family: 'Bitter', serif; font-size: 22px; line-height: 1.65em; color: #fbfdfb; } .main-content blockquote.unstyled { padding: inherit; border-left: inherit; } .main-content h1.navy, .main-content h2.navy, .main-content h3.navy, .main-content h4.navy, .main-content label.navy, .main-content p.navy, .main-content span.navy, header h1.navy, header h2.navy, header h3.navy, header h4.navy, header label.navy, header p.navy, header span.navy, footer h1.navy, footer h2.navy, footer h3.navy, footer h4.navy, footer label.navy, footer p.navy, footer span.navy, .main-content .navy.h1-ish, header .navy.h1-ish, footer .navy.h1-ish, .main-content .navy.h2-ish, header .navy.h2-ish, footer .navy.h2-ish, .main-content .navy.h3-ish, header .navy.h3-ish, footer .navy.h3-ish, .main-content .navy.h4-ish, header .navy.h4-ish, footer .navy.h4-ish { color: #0a2852; } .main-content h1.mainblue, .main-content h2.mainblue, .main-content h3.mainblue, .main-content h4.mainblue, .main-content label.mainblue, .main-content p.mainblue, .main-content span.mainblue, header h1.mainblue, header h2.mainblue, header h3.mainblue, header h4.mainblue, header label.mainblue, header p.mainblue, header span.mainblue, footer h1.mainblue, footer h2.mainblue, footer h3.mainblue, footer h4.mainblue, footer label.mainblue, footer p.mainblue, footer span.mainblue, .main-content .mainblue.h1-ish, header .mainblue.h1-ish, footer .mainblue.h1-ish, .main-content .mainblue.h2-ish, header .mainblue.h2-ish, footer .mainblue.h2-ish, .main-content .mainblue.h3-ish, header .mainblue.h3-ish, footer .mainblue.h3-ish, .main-content .mainblue.h4-ish, header .mainblue.h4-ish, footer .mainblue.h4-ish { color: #00c4ff; } .main-content h1.mainred, .main-content h2.mainred, .main-content h3.mainred, .main-content h4.mainred, .main-content label.mainred, .main-content p.mainred, .main-content span.mainred, header h1.mainred, header h2.mainred, header h3.mainred, header h4.mainred, header label.mainred, header p.mainred, header span.mainred, footer h1.mainred, footer h2.mainred, footer h3.mainred, footer h4.mainred, footer label.mainred, footer p.mainred, footer span.mainred, .main-content .mainred.h1-ish, header .mainred.h1-ish, footer .mainred.h1-ish, .main-content .mainred.h2-ish, header .mainred.h2-ish, footer .mainred.h2-ish, .main-content .mainred.h3-ish, header .mainred.h3-ish, footer .mainred.h3-ish, .main-content .mainred.h4-ish, header .mainred.h4-ish, footer .mainred.h4-ish { color: #ff5c66; } .main-content h1.mainwhite, .main-content h2.mainwhite, .main-content h3.mainwhite, .main-content h4.mainwhite, .main-content label.mainwhite, .main-content p.mainwhite, .main-content span.mainwhite, header h1.mainwhite, header h2.mainwhite, header h3.mainwhite, header h4.mainwhite, header label.mainwhite, header p.mainwhite, header span.mainwhite, footer h1.mainwhite, footer h2.mainwhite, footer h3.mainwhite, footer h4.mainwhite, footer label.mainwhite, footer p.mainwhite, footer span.mainwhite, .main-content .mainwhite.h1-ish, header .mainwhite.h1-ish, footer .mainwhite.h1-ish, .main-content .mainwhite.h2-ish, header .mainwhite.h2-ish, footer .mainwhite.h2-ish, .main-content .mainwhite.h3-ish, header .mainwhite.h3-ish, footer .mainwhite.h3-ish, .main-content .mainwhite.h4-ish, header .mainwhite.h4-ish, footer .mainwhite.h4-ish { color: #fbfdfb; } .main-content h1, .main-content h2, header h1, header h2, footer h1, footer h2, .main-content .h1-ish, header .h1-ish, footer .h1-ish, .main-content .h2-ish, header .h2-ish, footer .h2-ish { margin: 0 0 20px 0; } .main-content h3, .main-content h4, header h3, header h4, footer h3, footer h4, .main-content .h3-ish, header .h3-ish, footer .h3-ish, .main-content .h4-ish, header .h4-ish, footer .h4-ish { margin: 0 0 5px 0; } .main-content h1, header h1, footer h1, .main-content .h1-ish, header .h1-ish, footer .h1-ish { font-family: 'Barlow Condensed', sans-serif; font-size: 60px; font-weight: 700; line-height: 58px; color: #0a2852; } .main-content h1 a, header h1 a, footer h1 a, .main-content .h1-ish a, header .h1-ish a, footer .h1-ish a, .main-content h1 button.btn-link, header h1 button.btn-link, footer h1 button.btn-link, .main-content .h1-ish button.btn-link, header .h1-ish button.btn-link, footer .h1-ish button.btn-link { font-size: 60px; font-weight: 700; line-height: 58px; font-family: 'Barlow Condensed', sans-serif; } .main-content h2, header h2, footer h2, .main-content .h2-ish, header .h2-ish, footer .h2-ish { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 35px; line-height: 40px; color: #0a2852; } .main-content h2 a, header h2 a, footer h2 a, .main-content .h2-ish a, header .h2-ish a, footer .h2-ish a, .main-content h2 button.btn-link, header h2 button.btn-link, footer h2 button.btn-link, .main-content .h2-ish button.btn-link, header .h2-ish button.btn-link, footer .h2-ish button.btn-link { font-size: 35px; line-height: 40px; font-weight: 700; font-family: 'Barlow Condensed', sans-serif; } .main-content h3, header h3, footer h3, .main-content .h3-ish, header .h3-ish, footer .h3-ish { font-size: 22px; line-height: 1.45em; color: #0a2852; font-weight: bold; font-family: 'Bitter', serif; } .main-content h3 a, header h3 a, footer h3 a, .main-content .h3-ish a, header .h3-ish a, footer .h3-ish a, .main-content h3 button.btn-link, header h3 button.btn-link, footer h3 button.btn-link, .main-content .h3-ish button.btn-link, header .h3-ish button.btn-link, footer .h3-ish button.btn-link { font-size: 22px; line-height: 1.45em; font-weight: bold; font-family: 'Bitter', serif; } .main-content h4, .main-content label, header h4, header label, footer h4, footer label, .main-content .h4-ish, header .h4-ish, footer .h4-ish { font-family: 'Roboto', sans-serif; font-weight: bold; color: #0a2852; text-transform: none; } .main-content h4 a, .main-content label a, header h4 a, header label a, footer h4 a, footer label a, .main-content .h4-ish a, header .h4-ish a, footer .h4-ish a, .main-content h4 button.btn-link, .main-content label button.btn-link, header h4 button.btn-link, header label button.btn-link, footer h4 button.btn-link, footer label button.btn-link, .main-content .h4-ish button.btn-link, header .h4-ish button.btn-link, footer .h4-ish button.btn-link { font-family: 'Roboto', sans-serif; font-weight: bold; } .main-content h4, header h4, footer h4, .main-content .h4-ish, header .h4-ish, footer .h4-ish { font-size: 20px; line-height: 20px; } .main-content h4 a, header h4 a, footer h4 a, .main-content .h4-ish a, header .h4-ish a, footer .h4-ish a, .main-content h4 button.btn-link, header h4 button.btn-link, footer h4 button.btn-link, .main-content .h4-ish button.btn-link, header .h4-ish button.btn-link, footer .h4-ish button.btn-link { font-size: 20px; line-height: 20px; } .main-content label, header label, footer label { font-size: 15px; line-height: 1.07em; } .main-content label a, header label a, footer label a, .main-content label button.btn-link, header label button.btn-link, footer label button.btn-link { font-size: 15px; line-height: 15px; } .main-content p, .main-content a, header p, header a, footer p, footer a, .main-content button.btn-link, header button.btn-link, footer button.btn-link { line-height: 1.65em; } .main-content p, header p, footer p { margin: 0; } .main-content a, header a, footer a, .main-content button.btn-link, header button.btn-link, footer button.btn-link { color: #316ce1; font-weight: bold; text-decoration: underline; } .main-content a:hover, header a:hover, footer a:hover, .main-content button:hover.btn-link, header button:hover.btn-link, footer button:hover.btn-link { color: #316ce1; text-decoration: none; } .main-content a:focus, header a:focus, footer a:focus, .main-content button:focus.btn-link, header button:focus.btn-link, footer button:focus.btn-link { outline: 2px solid; outline-offset: 3px; } .main-content a:focus-visible, header a:focus-visible, footer a:focus-visible, .main-content button:focus-visible.btn-link, header button:focus-visible.btn-link, footer button:focus-visible.btn-link { outline: 2px solid; outline-offset: 3px; } .main-content a:focus:not(:focus-visible), header a:focus:not(:focus-visible), footer a:focus:not(:focus-visible), .main-content button:focus:not(:focus-visible).btn-link, header button:focus:not(:focus-visible).btn-link, footer button:focus:not(:focus-visible).btn-link { outline: none; } .main-content .sl-box, header .sl-box, footer .sl-box { border-radius: 8px; box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2); } .main-content .sl-box:hover, .main-content .sl-box:focus, header .sl-box:hover, header .sl-box:focus, footer .sl-box:hover, footer .sl-box:focus { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.3); transition: all 0.2s ease-in-out; transform: scale(1.01); } .main-content .btn.btn-sl, header .btn.btn-sl, footer .btn.btn-sl { font-size: 20px; height: 50px; padding-left: 20px; padding-right: 20px; min-width: 100px; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; align-items: center; -webkit-justify-content: center; justify-content: center; font-family: 'Roboto', sans-serif; font-weight: bold; border-radius: 30px; cursor: pointer; text-align: center; border: 2px solid transparent; text-decoration: none; } .main-content .btn.btn-sl:focus, header .btn.btn-sl:focus, footer .btn.btn-sl:focus { outline: 0; box-shadow: 0 0 5px #00c4ff; } .main-content .btn.btn-sl.btn-sm, header .btn.btn-sl.btn-sm, footer .btn.btn-sl.btn-sm { font-size: 15px; height: 35px; padding-left: 15px; padding-right: 15px; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; align-items: center; -webkit-justify-content: center; justify-content: center; font-family: 'Roboto', sans-serif; font-weight: bold; border-radius: 30px; cursor: pointer; text-align: center; border: 2px solid transparent; text-decoration: none; } .main-content .btn.btn-sl.btn-sm:focus, header .btn.btn-sl.btn-sm:focus, footer .btn.btn-sl.btn-sm:focus { outline: 0; box-shadow: 0 0 5px #00c4ff; } .main-content .btn.btn-sl.btn-sm-popup, header .btn.btn-sl.btn-sm-popup, footer .btn.btn-sl.btn-sm-popup { font-size: 15px; height: 35px; padding-left: 15px; padding-right: 15px; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; align-items: center; -webkit-justify-content: center; justify-content: center; font-family: 'Roboto', sans-serif; font-weight: bold; border-radius: 30px; cursor: pointer; text-align: center; border: 2px solid transparent; text-decoration: none; border-radius: 40px !important; } .main-content .btn.btn-sl.btn-sm-popup:focus, header .btn.btn-sl.btn-sm-popup:focus, footer .btn.btn-sl.btn-sm-popup:focus { outline: 0; box-shadow: 0 0 5px #00c4ff; } .main-content .btn.btn-sl.btn-xs, header .btn.btn-sl.btn-xs, footer .btn.btn-sl.btn-xs { font-size: 10px; height: 30px; padding-left: 5px; padding-right: 5px; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; align-items: center; -webkit-justify-content: center; justify-content: center; font-family: 'Roboto', sans-serif; font-weight: bold; border-radius: 30px; cursor: pointer; text-align: center; border: 2px solid transparent; text-decoration: none; } .main-content .btn.btn-sl.btn-xs:focus, header .btn.btn-sl.btn-xs:focus, footer .btn.btn-sl.btn-xs:focus { outline: 0; box-shadow: 0 0 5px #00c4ff; } .main-content .btn.btn-sl.btn-mainred, header .btn.btn-sl.btn-mainred, footer .btn.btn-sl.btn-mainred { background-color: #ff5c66; color: #0a2852; transition: 0.3s; } .main-content .btn.btn-sl.btn-mainred svg, header .btn.btn-sl.btn-mainred svg, footer .btn.btn-sl.btn-mainred svg { fill: #0a2852; } .main-content .btn.btn-sl.btn-mainred:hover, .main-content .btn.btn-sl.btn-mainred:active, header .btn.btn-sl.btn-mainred:hover, header .btn.btn-sl.btn-mainred:active, footer .btn.btn-sl.btn-mainred:hover, footer .btn.btn-sl.btn-mainred:active { background-color: #0a2852; color: #fbfdfb; } .main-content .btn.btn-sl.btn-mainred:hover svg, .main-content .btn.btn-sl.btn-mainred:active svg, header .btn.btn-sl.btn-mainred:hover svg, header .btn.btn-sl.btn-mainred:active svg, footer .btn.btn-sl.btn-mainred:hover svg, footer .btn.btn-sl.btn-mainred:active svg { fill: #fbfdfb; } .main-content .btn.btn-sl.btn-mainred:focus, header .btn.btn-sl.btn-mainred:focus, footer .btn.btn-sl.btn-mainred:focus { outline: 0; box-shadow: 0 0 0 2px #0a2852 !important; background-color: #ff5c66; color: #0a2852; } .main-content .btn.btn-sl.btn-mainred:disabled, header .btn.btn-sl.btn-mainred:disabled, footer .btn.btn-sl.btn-mainred:disabled { background-color: rgba(255, 92, 102, 0.7); color: #fbfdfb; } .main-content .btn.btn-sl.btn-navy, header .btn.btn-sl.btn-navy, footer .btn.btn-sl.btn-navy { background-color: #0a2852; color: #fbfdfb; transition: 0.3s; } .main-content .btn.btn-sl.btn-navy svg, header .btn.btn-sl.btn-navy svg, footer .btn.btn-sl.btn-navy svg { fill: #fbfdfb; } .main-content .btn.btn-sl.btn-navy:hover, .main-content .btn.btn-sl.btn-navy:active, header .btn.btn-sl.btn-navy:hover, header .btn.btn-sl.btn-navy:active, footer .btn.btn-sl.btn-navy:hover, footer .btn.btn-sl.btn-navy:active { background-color: #316ce1; color: #fbfdfb; } .main-content .btn.btn-sl.btn-navy:hover svg, .main-content .btn.btn-sl.btn-navy:active svg, header .btn.btn-sl.btn-navy:hover svg, header .btn.btn-sl.btn-navy:active svg, footer .btn.btn-sl.btn-navy:hover svg, footer .btn.btn-sl.btn-navy:active svg { fill: #fbfdfb; } .main-content .btn.btn-sl.btn-navy:focus, header .btn.btn-sl.btn-navy:focus, footer .btn.btn-sl.btn-navy:focus { outline: 0; box-shadow: 0 0 0 2px #00c4ff !important; background-color: #0a2852; color: #fbfdfb; } .main-content .btn.btn-sl.btn-navy:disabled, header .btn.btn-sl.btn-navy:disabled, footer .btn.btn-sl.btn-navy:disabled { background-color: rgba(10, 40, 82, 0.7); color: #fbfdfb; } .main-content .btn.btn-sl.btn-mainblue, header .btn.btn-sl.btn-mainblue, footer .btn.btn-sl.btn-mainblue { background-color: #00c4ff; color: #0a2852; transition: 0.3s; } .main-content .btn.btn-sl.btn-mainblue svg, header .btn.btn-sl.btn-mainblue svg, footer .btn.btn-sl.btn-mainblue svg { fill: #0a2852; } .main-content .btn.btn-sl.btn-mainblue:hover, .main-content .btn.btn-sl.btn-mainblue:active, header .btn.btn-sl.btn-mainblue:hover, header .btn.btn-sl.btn-mainblue:active, footer .btn.btn-sl.btn-mainblue:hover, footer .btn.btn-sl.btn-mainblue:active { background-color: #0a2852; color: #fbfdfb; } .main-content .btn.btn-sl.btn-mainblue:hover svg, .main-content .btn.btn-sl.btn-mainblue:active svg, header .btn.btn-sl.btn-mainblue:hover svg, header .btn.btn-sl.btn-mainblue:active svg, footer .btn.btn-sl.btn-mainblue:hover svg, footer .btn.btn-sl.btn-mainblue:active svg { fill: #fbfdfb; } .main-content .btn.btn-sl.btn-mainblue:focus, header .btn.btn-sl.btn-mainblue:focus, footer .btn.btn-sl.btn-mainblue:focus { outline: 0; box-shadow: 0 0 0 2px #0a2852 !important; background-color: #00c4ff; color: #0a2852; } .main-content .btn.btn-sl.btn-mainblue:disabled, header .btn.btn-sl.btn-mainblue:disabled, footer .btn.btn-sl.btn-mainblue:disabled { background-color: rgba(0, 196, 255, 0.7); color: #fbfdfb; } .main-content .btn.btn-sl.btn-mainwhite, .main-content .btn.btn-sl.btn-mainwhite-on-navy, header .btn.btn-sl.btn-mainwhite, header .btn.btn-sl.btn-mainwhite-on-navy, footer .btn.btn-sl.btn-mainwhite, footer .btn.btn-sl.btn-mainwhite-on-navy { background-color: #fbfdfb; color: #0a2852; transition: 0.3s; } .main-content .btn.btn-sl.btn-mainwhite svg, .main-content .btn.btn-sl.btn-mainwhite-on-navy svg, header .btn.btn-sl.btn-mainwhite svg, header .btn.btn-sl.btn-mainwhite-on-navy svg, footer .btn.btn-sl.btn-mainwhite svg, footer .btn.btn-sl.btn-mainwhite-on-navy svg { fill: #0a2852; } .main-content .btn.btn-sl.btn-mainwhite:hover, .main-content .btn.btn-sl.btn-mainwhite:active, .main-content .btn.btn-sl.btn-mainwhite-on-navy:hover, .main-content .btn.btn-sl.btn-mainwhite-on-navy:active, header .btn.btn-sl.btn-mainwhite:hover, header .btn.btn-sl.btn-mainwhite:active, header .btn.btn-sl.btn-mainwhite-on-navy:hover, header .btn.btn-sl.btn-mainwhite-on-navy:active, footer .btn.btn-sl.btn-mainwhite:hover, footer .btn.btn-sl.btn-mainwhite:active, footer .btn.btn-sl.btn-mainwhite-on-navy:hover, footer .btn.btn-sl.btn-mainwhite-on-navy:active { background-color: #00c4ff; color: #0a2852; } .main-content .btn.btn-sl.btn-mainwhite:hover svg, .main-content .btn.btn-sl.btn-mainwhite:active svg, .main-content .btn.btn-sl.btn-mainwhite-on-navy:hover svg, .main-content .btn.btn-sl.btn-mainwhite-on-navy:active svg, header .btn.btn-sl.btn-mainwhite:hover svg, header .btn.btn-sl.btn-mainwhite:active svg, header .btn.btn-sl.btn-mainwhite-on-navy:hover svg, header .btn.btn-sl.btn-mainwhite-on-navy:active svg, footer .btn.btn-sl.btn-mainwhite:hover svg, footer .btn.btn-sl.btn-mainwhite:active svg, footer .btn.btn-sl.btn-mainwhite-on-navy:hover svg, footer .btn.btn-sl.btn-mainwhite-on-navy:active svg { fill: #0a2852; } .main-content .btn.btn-sl.btn-mainwhite:focus, .main-content .btn.btn-sl.btn-mainwhite-on-navy:focus, header .btn.btn-sl.btn-mainwhite:focus, header .btn.btn-sl.btn-mainwhite-on-navy:focus, footer .btn.btn-sl.btn-mainwhite:focus, footer .btn.btn-sl.btn-mainwhite-on-navy:focus { outline: 0; box-shadow: 0 0 0 2px #00c4ff !important; background-color: #fbfdfb; color: #0a2852; } .main-content .btn.btn-sl.btn-mainwhite:disabled, .main-content .btn.btn-sl.btn-mainwhite-on-navy:disabled, header .btn.btn-sl.btn-mainwhite:disabled, header .btn.btn-sl.btn-mainwhite-on-navy:disabled, footer .btn.btn-sl.btn-mainwhite:disabled, footer .btn.btn-sl.btn-mainwhite-on-navy:disabled { background-color: rgba(249, 249, 249, 0.7); color: #0a2852; } .main-content .btn.btn-sl.btn-mainred-on-navy, header .btn.btn-sl.btn-mainred-on-navy, footer .btn.btn-sl.btn-mainred-on-navy { background-color: #ff5c66; color: #0a2852; transition: 0.3s; } .main-content .btn.btn-sl.btn-mainred-on-navy svg, header .btn.btn-sl.btn-mainred-on-navy svg, footer .btn.btn-sl.btn-mainred-on-navy svg { fill: #0a2852; } .main-content .btn.btn-sl.btn-mainred-on-navy:hover, .main-content .btn.btn-sl.btn-mainred-on-navy:active, header .btn.btn-sl.btn-mainred-on-navy:hover, header .btn.btn-sl.btn-mainred-on-navy:active, footer .btn.btn-sl.btn-mainred-on-navy:hover, footer .btn.btn-sl.btn-mainred-on-navy:active { background-color: #fbfdfb; color: #0a2852; } .main-content .btn.btn-sl.btn-mainred-on-navy:hover svg, .main-content .btn.btn-sl.btn-mainred-on-navy:active svg, header .btn.btn-sl.btn-mainred-on-navy:hover svg, header .btn.btn-sl.btn-mainred-on-navy:active svg, footer .btn.btn-sl.btn-mainred-on-navy:hover svg, footer .btn.btn-sl.btn-mainred-on-navy:active svg { fill: #0a2852; } .main-content .btn.btn-sl.btn-mainred-on-navy:focus, header .btn.btn-sl.btn-mainred-on-navy:focus, footer .btn.btn-sl.btn-mainred-on-navy:focus { outline: 0; box-shadow: 0 0 0 2px #fbfdfb !important; background-color: #ff5c66; color: #0a2852; } .main-content .btn.btn-sl.btn-mainred-on-navy:disabled, header .btn.btn-sl.btn-mainred-on-navy:disabled, footer .btn.btn-sl.btn-mainred-on-navy:disabled { background-color: rgba(255, 92, 102, 0.7); color: rgba(249, 249, 249, 0.7); } .main-content .btn.btn-sl.btn-mainblue-on-navy, header .btn.btn-sl.btn-mainblue-on-navy, footer .btn.btn-sl.btn-mainblue-on-navy { background-color: #00c4ff; color: #0a2852; transition: 0.3s; } .main-content .btn.btn-sl.btn-mainblue-on-navy svg, header .btn.btn-sl.btn-mainblue-on-navy svg, footer .btn.btn-sl.btn-mainblue-on-navy svg { fill: #0a2852; } .main-content .btn.btn-sl.btn-mainblue-on-navy:hover, .main-content .btn.btn-sl.btn-mainblue-on-navy:active, header .btn.btn-sl.btn-mainblue-on-navy:hover, header .btn.btn-sl.btn-mainblue-on-navy:active, footer .btn.btn-sl.btn-mainblue-on-navy:hover, footer .btn.btn-sl.btn-mainblue-on-navy:active { background-color: #fbfdfb; color: #0a2852; } .main-content .btn.btn-sl.btn-mainblue-on-navy:hover svg, .main-content .btn.btn-sl.btn-mainblue-on-navy:active svg, header .btn.btn-sl.btn-mainblue-on-navy:hover svg, header .btn.btn-sl.btn-mainblue-on-navy:active svg, footer .btn.btn-sl.btn-mainblue-on-navy:hover svg, footer .btn.btn-sl.btn-mainblue-on-navy:active svg { fill: #0a2852; } .main-content .btn.btn-sl.btn-mainblue-on-navy:focus, header .btn.btn-sl.btn-mainblue-on-navy:focus, footer .btn.btn-sl.btn-mainblue-on-navy:focus { outline: 0; box-shadow: 0 0 0 2px #fbfdfb !important; background-color: #00c4ff; color: #0a2852; } .main-content .btn.btn-sl.btn-mainblue-on-navy:disabled, header .btn.btn-sl.btn-mainblue-on-navy:disabled, footer .btn.btn-sl.btn-mainblue-on-navy:disabled { background-color: rgba(0, 196, 255, 0.7); color: rgba(249, 249, 249, 0.7); } .main-content .btn.btn-sl.btn-mainwhite-on-mainblue, header .btn.btn-sl.btn-mainwhite-on-mainblue, footer .btn.btn-sl.btn-mainwhite-on-mainblue, .main-content.actions-content.canonical-content .action-card.letter-card .btn.btn-sl.btn-sl, header .main-content.actions-content.canonical-content .action-card.letter-card .btn.btn-sl.btn-sl, .main-content.actions-content.canonical-content .action-card.letter-card header .btn.btn-sl.btn-sl, footer .main-content.actions-content.canonical-content .action-card.letter-card .btn.btn-sl.btn-sl, .main-content.actions-content.canonical-content .action-card.letter-card footer .btn.btn-sl.btn-sl { background-color: #fbfdfb; color: #0a2852; transition: 0.3s; } .main-content .btn.btn-sl.btn-mainwhite-on-mainblue svg, header .btn.btn-sl.btn-mainwhite-on-mainblue svg, footer .btn.btn-sl.btn-mainwhite-on-mainblue svg, .main-content.actions-content.canonical-content .action-card.letter-card .btn.btn-sl.btn-sl svg, header .main-content.actions-content.canonical-content .action-card.letter-card .btn.btn-sl.btn-sl svg, .main-content.actions-content.canonical-content .action-card.letter-card header .btn.btn-sl.btn-sl svg, footer .main-content.actions-content.canonical-content .action-card.letter-card .btn.btn-sl.btn-sl svg, .main-content.actions-content.canonical-content .action-card.letter-card footer .btn.btn-sl.btn-sl svg { fill: #0a2852; } .main-content .btn.btn-sl.btn-mainwhite-on-mainblue:hover, .main-content .btn.btn-sl.btn-mainwhite-on-mainblue:active, header .btn.btn-sl.btn-mainwhite-on-mainblue:hover, header .btn.btn-sl.btn-mainwhite-on-mainblue:active, footer .btn.btn-sl.btn-mainwhite-on-mainblue:hover, footer .btn.btn-sl.btn-mainwhite-on-mainblue:active, .main-content.actions-content.canonical-content .action-card.letter-card .btn.btn-sl:hover.btn-sl, .main-content.actions-content.canonical-content .action-card.letter-card .btn.btn-sl:active.btn-sl, header .main-content.actions-content.canonical-content .action-card.letter-card .btn.btn-sl:hover.btn-sl, .main-content.actions-content.canonical-content .action-card.letter-card header .btn.btn-sl:hover.btn-sl, header .main-content.actions-content.canonical-content .action-card.letter-card .btn.btn-sl:active.btn-sl, .main-content.actions-content.canonical-content .action-card.letter-card header .btn.btn-sl:active.btn-sl, footer .main-content.actions-content.canonical-content .action-card.letter-card .btn.btn-sl:hover.btn-sl, .main-content.actions-content.canonical-content .action-card.letter-card footer .btn.btn-sl:hover.btn-sl, footer .main-content.actions-content.canonical-content .action-card.letter-card .btn.btn-sl:active.btn-sl, .main-content.actions-content.canonical-content .action-card.letter-card footer .btn.btn-sl:active.btn-sl { background-color: #0a2852; color: #fbfdfb; } .main-content .btn.btn-sl.btn-mainwhite-on-mainblue:hover svg, .main-content .btn.btn-sl.btn-mainwhite-on-mainblue:active svg, header .btn.btn-sl.btn-mainwhite-on-mainblue:hover svg, header .btn.btn-sl.btn-mainwhite-on-mainblue:active svg, footer .btn.btn-sl.btn-mainwhite-on-mainblue:hover svg, footer .btn.btn-sl.btn-mainwhite-on-mainblue:active svg, .main-content.actions-content.canonical-content .action-card.letter-card .btn.btn-sl:hover.btn-sl svg, .main-content.actions-content.canonical-content .action-card.letter-card .btn.btn-sl:active.btn-sl svg, header .main-content.actions-content.canonical-content .action-card.letter-card .btn.btn-sl:hover.btn-sl svg, .main-content.actions-content.canonical-content .action-card.letter-card header .btn.btn-sl:hover.btn-sl svg, header .main-content.actions-content.canonical-content .action-card.letter-card .btn.btn-sl:active.btn-sl svg, .main-content.actions-content.canonical-content .action-card.letter-card header .btn.btn-sl:active.btn-sl svg, footer .main-content.actions-content.canonical-content .action-card.letter-card .btn.btn-sl:hover.btn-sl svg, .main-content.actions-content.canonical-content .action-card.letter-card footer .btn.btn-sl:hover.btn-sl svg, footer .main-content.actions-content.canonical-content .action-card.letter-card .btn.btn-sl:active.btn-sl svg, .main-content.actions-content.canonical-content .action-card.letter-card footer .btn.btn-sl:active.btn-sl svg { fill: #fbfdfb; } .main-content .btn.btn-sl.btn-mainwhite-on-mainblue:focus, header .btn.btn-sl.btn-mainwhite-on-mainblue:focus, footer .btn.btn-sl.btn-mainwhite-on-mainblue:focus, .main-content.actions-content.canonical-content .action-card.letter-card .btn.btn-sl:focus.btn-sl, header .main-content.actions-content.canonical-content .action-card.letter-card .btn.btn-sl:focus.btn-sl, .main-content.actions-content.canonical-content .action-card.letter-card header .btn.btn-sl:focus.btn-sl, footer .main-content.actions-content.canonical-content .action-card.letter-card .btn.btn-sl:focus.btn-sl, .main-content.actions-content.canonical-content .action-card.letter-card footer .btn.btn-sl:focus.btn-sl { outline: 0; box-shadow: 0 0 0 2px #0a2852 !important; background-color: #fbfdfb; color: #0a2852; } .main-content .btn.btn-sl.btn-mainwhite-on-mainblue:disabled, header .btn.btn-sl.btn-mainwhite-on-mainblue:disabled, footer .btn.btn-sl.btn-mainwhite-on-mainblue:disabled, .main-content.actions-content.canonical-content .action-card.letter-card .btn.btn-sl:disabled.btn-sl, header .main-content.actions-content.canonical-content .action-card.letter-card .btn.btn-sl:disabled.btn-sl, .main-content.actions-content.canonical-content .action-card.letter-card header .btn.btn-sl:disabled.btn-sl, footer .main-content.actions-content.canonical-content .action-card.letter-card .btn.btn-sl:disabled.btn-sl, .main-content.actions-content.canonical-content .action-card.letter-card footer .btn.btn-sl:disabled.btn-sl { background-color: rgba(249, 249, 249, 0.7); color: rgba(10, 40, 82, 0.7); } .main-content .btn.btn-sl.btn-mainwhite-on-mainred, header .btn.btn-sl.btn-mainwhite-on-mainred, footer .btn.btn-sl.btn-mainwhite-on-mainred { background-color: #fbfdfb; color: #0a2852; transition: 0.3s; } .main-content .btn.btn-sl.btn-mainwhite-on-mainred svg, header .btn.btn-sl.btn-mainwhite-on-mainred svg, footer .btn.btn-sl.btn-mainwhite-on-mainred svg { fill: #0a2852; } .main-content .btn.btn-sl.btn-mainwhite-on-mainred:hover, .main-content .btn.btn-sl.btn-mainwhite-on-mainred:active, header .btn.btn-sl.btn-mainwhite-on-mainred:hover, header .btn.btn-sl.btn-mainwhite-on-mainred:active, footer .btn.btn-sl.btn-mainwhite-on-mainred:hover, footer .btn.btn-sl.btn-mainwhite-on-mainred:active { background-color: #0a2852; color: #fbfdfb; } .main-content .btn.btn-sl.btn-mainwhite-on-mainred:hover svg, .main-content .btn.btn-sl.btn-mainwhite-on-mainred:active svg, header .btn.btn-sl.btn-mainwhite-on-mainred:hover svg, header .btn.btn-sl.btn-mainwhite-on-mainred:active svg, footer .btn.btn-sl.btn-mainwhite-on-mainred:hover svg, footer .btn.btn-sl.btn-mainwhite-on-mainred:active svg { fill: #fbfdfb; } .main-content .btn.btn-sl.btn-mainwhite-on-mainred:focus, header .btn.btn-sl.btn-mainwhite-on-mainred:focus, footer .btn.btn-sl.btn-mainwhite-on-mainred:focus { outline: 0; box-shadow: 0 0 0 2px #0a2852 !important; background-color: #fbfdfb; color: #0a2852; } .main-content .btn.btn-sl.btn-mainwhite-on-mainred:disabled, header .btn.btn-sl.btn-mainwhite-on-mainred:disabled, footer .btn.btn-sl.btn-mainwhite-on-mainred:disabled { background-color: rgba(249, 249, 249, 0.7); color: #ff5c66; } .main-content .btn.btn-sl.btn-mainwhite-on-steel, header .btn.btn-sl.btn-mainwhite-on-steel, footer .btn.btn-sl.btn-mainwhite-on-steel { background-color: #fbfdfb; color: #3B5375; transition: 0.3s; } .main-content .btn.btn-sl.btn-mainwhite-on-steel svg, header .btn.btn-sl.btn-mainwhite-on-steel svg, footer .btn.btn-sl.btn-mainwhite-on-steel svg { fill: #3B5375; } .main-content .btn.btn-sl.btn-mainwhite-on-steel:hover, .main-content .btn.btn-sl.btn-mainwhite-on-steel:active, header .btn.btn-sl.btn-mainwhite-on-steel:hover, header .btn.btn-sl.btn-mainwhite-on-steel:active, footer .btn.btn-sl.btn-mainwhite-on-steel:hover, footer .btn.btn-sl.btn-mainwhite-on-steel:active { background-color: rgba(10, 40, 82, 0.7); color: #fbfdfb; } .main-content .btn.btn-sl.btn-mainwhite-on-steel:hover svg, .main-content .btn.btn-sl.btn-mainwhite-on-steel:active svg, header .btn.btn-sl.btn-mainwhite-on-steel:hover svg, header .btn.btn-sl.btn-mainwhite-on-steel:active svg, footer .btn.btn-sl.btn-mainwhite-on-steel:hover svg, footer .btn.btn-sl.btn-mainwhite-on-steel:active svg { fill: #fbfdfb; } .main-content .btn.btn-sl.btn-mainwhite-on-steel:focus, header .btn.btn-sl.btn-mainwhite-on-steel:focus, footer .btn.btn-sl.btn-mainwhite-on-steel:focus { outline: 0; box-shadow: 0 0 0 2px #fbfdfb !important; background-color: #fbfdfb; color: #3B5375; } .main-content .btn.btn-sl.btn-mainwhite-on-steel:disabled, header .btn.btn-sl.btn-mainwhite-on-steel:disabled, footer .btn.btn-sl.btn-mainwhite-on-steel:disabled { background-color: rgba(249, 249, 249, 0.7); color: #0a2852; } .main-content .button-stack .btn-sl + .btn-sl, header .button-stack .btn-sl + .btn-sl, footer .button-stack .btn-sl + .btn-sl { margin-top: 20px; } .main-content .button-array .btn-sl + .btn-sl, header .button-array .btn-sl + .btn-sl, footer .button-array .btn-sl + .btn-sl { margin-left: 20px; } .main-content .input-description, header .input-description, footer .input-description { color: #565555; font-size: 12px; line-height: 1.2em; margin-top: 5px; } .main-content input[type="text"], .main-content input[type="url"], .main-content input[type="email"], .main-content input[type="number"], .main-content input[type="tel"], .main-content input[type="password"], .main-content input[type="file"] + label, .main-content textarea, .main-content select, header input[type="text"], header input[type="url"], header input[type="email"], header input[type="number"], header input[type="tel"], header input[type="password"], header input[type="file"] + label, header textarea, header select, footer input[type="text"], footer input[type="url"], footer input[type="email"], footer input[type="number"], footer input[type="tel"], footer input[type="password"], footer input[type="file"] + label, footer textarea, footer select { font-family: 'Roboto', sans-serif; border-radius: 4px; padding-left: 15px; padding-right: 15px; border-width: 1px; border-style: solid; } .main-content input[type="text"], .main-content input[type="url"], .main-content input[type="email"], .main-content input[type="number"], .main-content input[type="tel"], .main-content input[type="password"], .main-content input[type="file"] + label, .main-content textarea, header input[type="text"], header input[type="url"], header input[type="email"], header input[type="number"], header input[type="tel"], header input[type="password"], header input[type="file"] + label, header textarea, footer input[type="text"], footer input[type="url"], footer input[type="email"], footer input[type="number"], footer input[type="tel"], footer input[type="password"], footer input[type="file"] + label, footer textarea { background-color: rgba(0, 0, 0, 0.01); } .main-content input[type="text"], .main-content input[type="url"], .main-content input[type="email"], .main-content input[type="number"], .main-content input[type="tel"], .main-content input[type="password"], .main-content select, header input[type="text"], header input[type="url"], header input[type="email"], header input[type="number"], header input[type="tel"], header input[type="password"], header select, footer input[type="text"], footer input[type="url"], footer input[type="email"], footer input[type="number"], footer input[type="tel"], footer input[type="password"], footer select { font-size: 20px; font-weight: 300; height: 50px; } .main-content textarea, header textarea, footer textarea { font-size: 16px; line-height: 1.4em; height: 100px; padding-top: 10px; resize: vertical; } .main-content input[type="file"], header input[type="file"], footer input[type="file"] { font: 400 11px system-ui; } .main-content select, header select, footer select { -webkit-appearance: none; -moz-appearance: none; background-color: transparent; background-position: calc(100% - 15px) 50%; background-repeat: no-repeat; background-size: 15px; } .main-content input[type="text"], .main-content input[type="url"], .main-content input[type="email"], .main-content input[type="number"], .main-content input[type="tel"], .main-content input[type="password"], .main-content input[type="file"] + label, .main-content textarea, .main-content select, header input[type="text"], header input[type="url"], header input[type="email"], header input[type="number"], header input[type="tel"], header input[type="password"], header input[type="file"] + label, header textarea, header select, footer input[type="text"], footer input[type="url"], footer input[type="email"], footer input[type="number"], footer input[type="tel"], footer input[type="password"], footer input[type="file"] + label, footer textarea, footer select { border-color: #0a2852; color: #0a2852; } .main-content input[type="text"]::placeholder, .main-content input[type="url"]::placeholder, .main-content input[type="email"]::placeholder, .main-content input[type="number"]::placeholder, .main-content input[type="tel"]::placeholder, .main-content input[type="password"]::placeholder, .main-content input[type="file"] + label::placeholder, .main-content textarea::placeholder, .main-content select::placeholder, header input[type="text"]::placeholder, header input[type="url"]::placeholder, header input[type="email"]::placeholder, header input[type="number"]::placeholder, header input[type="tel"]::placeholder, header input[type="password"]::placeholder, header input[type="file"] + label::placeholder, header textarea::placeholder, header select::placeholder, footer input[type="text"]::placeholder, footer input[type="url"]::placeholder, footer input[type="email"]::placeholder, footer input[type="number"]::placeholder, footer input[type="tel"]::placeholder, footer input[type="password"]::placeholder, footer input[type="file"] + label::placeholder, footer textarea::placeholder, footer select::placeholder { color: #6B7276; } .main-content input[type="text"]::-webkit-input-placeholder, .main-content input[type="url"]::-webkit-input-placeholder, .main-content input[type="email"]::-webkit-input-placeholder, .main-content input[type="number"]::-webkit-input-placeholder, .main-content input[type="tel"]::-webkit-input-placeholder, .main-content input[type="password"]::-webkit-input-placeholder, .main-content input[type="file"] + label::-webkit-input-placeholder, .main-content textarea::-webkit-input-placeholder, .main-content select::-webkit-input-placeholder, header input[type="text"]::-webkit-input-placeholder, header input[type="url"]::-webkit-input-placeholder, header input[type="email"]::-webkit-input-placeholder, header input[type="number"]::-webkit-input-placeholder, header input[type="tel"]::-webkit-input-placeholder, header input[type="password"]::-webkit-input-placeholder, header input[type="file"] + label::-webkit-input-placeholder, header textarea::-webkit-input-placeholder, header select::-webkit-input-placeholder, footer input[type="text"]::-webkit-input-placeholder, footer input[type="url"]::-webkit-input-placeholder, footer input[type="email"]::-webkit-input-placeholder, footer input[type="number"]::-webkit-input-placeholder, footer input[type="tel"]::-webkit-input-placeholder, footer input[type="password"]::-webkit-input-placeholder, footer input[type="file"] + label::-webkit-input-placeholder, footer textarea::-webkit-input-placeholder, footer select::-webkit-input-placeholder { color: #6B7276; } .main-content input[type="text"]:-moz-placeholder, .main-content input[type="url"]:-moz-placeholder, .main-content input[type="email"]:-moz-placeholder, .main-content input[type="number"]:-moz-placeholder, .main-content input[type="tel"]:-moz-placeholder, .main-content input[type="password"]:-moz-placeholder, .main-content input[type="file"] + label:-moz-placeholder, .main-content textarea:-moz-placeholder, .main-content select:-moz-placeholder, header input[type="text"]:-moz-placeholder, header input[type="url"]:-moz-placeholder, header input[type="email"]:-moz-placeholder, header input[type="number"]:-moz-placeholder, header input[type="tel"]:-moz-placeholder, header input[type="password"]:-moz-placeholder, header input[type="file"] + label:-moz-placeholder, header textarea:-moz-placeholder, header select:-moz-placeholder, footer input[type="text"]:-moz-placeholder, footer input[type="url"]:-moz-placeholder, footer input[type="email"]:-moz-placeholder, footer input[type="number"]:-moz-placeholder, footer input[type="tel"]:-moz-placeholder, footer input[type="password"]:-moz-placeholder, footer input[type="file"] + label:-moz-placeholder, footer textarea:-moz-placeholder, footer select:-moz-placeholder { color: #6B7276; } .main-content input[type="text"]::-moz-placeholder, .main-content input[type="url"]::-moz-placeholder, .main-content input[type="email"]::-moz-placeholder, .main-content input[type="number"]::-moz-placeholder, .main-content input[type="tel"]::-moz-placeholder, .main-content input[type="password"]::-moz-placeholder, .main-content input[type="file"] + label::-moz-placeholder, .main-content textarea::-moz-placeholder, .main-content select::-moz-placeholder, header input[type="text"]::-moz-placeholder, header input[type="url"]::-moz-placeholder, header input[type="email"]::-moz-placeholder, header input[type="number"]::-moz-placeholder, header input[type="tel"]::-moz-placeholder, header input[type="password"]::-moz-placeholder, header input[type="file"] + label::-moz-placeholder, header textarea::-moz-placeholder, header select::-moz-placeholder, footer input[type="text"]::-moz-placeholder, footer input[type="url"]::-moz-placeholder, footer input[type="email"]::-moz-placeholder, footer input[type="number"]::-moz-placeholder, footer input[type="tel"]::-moz-placeholder, footer input[type="password"]::-moz-placeholder, footer input[type="file"] + label::-moz-placeholder, footer textarea::-moz-placeholder, footer select::-moz-placeholder { color: #6B7276; } .main-content input[type="text"]:-ms-input-placeholder, .main-content input[type="url"]:-ms-input-placeholder, .main-content input[type="email"]:-ms-input-placeholder, .main-content input[type="number"]:-ms-input-placeholder, .main-content input[type="tel"]:-ms-input-placeholder, .main-content input[type="password"]:-ms-input-placeholder, .main-content input[type="file"] + label:-ms-input-placeholder, .main-content textarea:-ms-input-placeholder, .main-content select:-ms-input-placeholder, header input[type="text"]:-ms-input-placeholder, header input[type="url"]:-ms-input-placeholder, header input[type="email"]:-ms-input-placeholder, header input[type="number"]:-ms-input-placeholder, header input[type="tel"]:-ms-input-placeholder, header input[type="password"]:-ms-input-placeholder, header input[type="file"] + label:-ms-input-placeholder, header textarea:-ms-input-placeholder, header select:-ms-input-placeholder, footer input[type="text"]:-ms-input-placeholder, footer input[type="url"]:-ms-input-placeholder, footer input[type="email"]:-ms-input-placeholder, footer input[type="number"]:-ms-input-placeholder, footer input[type="tel"]:-ms-input-placeholder, footer input[type="password"]:-ms-input-placeholder, footer input[type="file"] + label:-ms-input-placeholder, footer textarea:-ms-input-placeholder, footer select:-ms-input-placeholder { color: #6B7276; } .main-content input[type="radio"] + label, .main-content input[type="checkbox"] + label, header input[type="radio"] + label, header input[type="checkbox"] + label, footer input[type="radio"] + label, footer input[type="checkbox"] + label { color: #0a2852; } .main-content select, header select, footer select { box-shadow: 0px 4px #e8e8e8; } .main-content .has-error select, header .has-error select, footer .has-error select { box-shadow: 0px 4px #e8e8e8; } .main-content .input-group-with-prefix .input-group-addon, .main-content .input-group-with-suffix .input-group-addon, header .input-group-with-prefix .input-group-addon, header .input-group-with-suffix .input-group-addon, footer .input-group-with-prefix .input-group-addon, footer .input-group-with-suffix .input-group-addon { background-color: #0a2852; color: #fbfdfb; } .main-content label, header label, footer label { color: #0a2852; } .main-content .form-question h3, .main-content .form-question h4, header .form-question h3, header .form-question h4, footer .form-question h3, footer .form-question h4, .main-content .form-question .h3-ish, header .form-question .h3-ish, footer .form-question .h3-ish, .main-content .form-question .h4-ish, header .form-question .h4-ish, footer .form-question .h4-ish { color: #0a2852; } .main-content .form-question h3 a, .main-content .form-question h4 a, header .form-question h3 a, header .form-question h4 a, footer .form-question h3 a, footer .form-question h4 a, .main-content .form-question .h3-ish a, header .form-question .h3-ish a, footer .form-question .h3-ish a, .main-content .form-question .h4-ish a, header .form-question .h4-ish a, footer .form-question .h4-ish a, .main-content .form-question h3 button.btn-link, .main-content .form-question h4 button.btn-link, header .form-question h3 button.btn-link, header .form-question h4 button.btn-link, footer .form-question h3 button.btn-link, footer .form-question h4 button.btn-link, .main-content .form-question .h3-ish button.btn-link, header .form-question .h3-ish button.btn-link, footer .form-question .h3-ish button.btn-link, .main-content .form-question .h4-ish button.btn-link, header .form-question .h4-ish button.btn-link, footer .form-question .h4-ish button.btn-link { color: #0a2852; } .main-content .form-question h3 a:hover, .main-content .form-question h4 a:hover, header .form-question h3 a:hover, header .form-question h4 a:hover, footer .form-question h3 a:hover, footer .form-question h4 a:hover, .main-content .form-question .h3-ish a:hover, header .form-question .h3-ish a:hover, footer .form-question .h3-ish a:hover, .main-content .form-question .h4-ish a:hover, header .form-question .h4-ish a:hover, footer .form-question .h4-ish a:hover, .main-content .form-question h3 button:hover.btn-link, .main-content .form-question h4 button:hover.btn-link, header .form-question h3 button:hover.btn-link, header .form-question h4 button:hover.btn-link, footer .form-question h3 button:hover.btn-link, footer .form-question h4 button:hover.btn-link, .main-content .form-question .h3-ish button:hover.btn-link, header .form-question .h3-ish button:hover.btn-link, footer .form-question .h3-ish button:hover.btn-link, .main-content .form-question .h4-ish button:hover.btn-link, header .form-question .h4-ish button:hover.btn-link, footer .form-question .h4-ish button:hover.btn-link { color: #00c4ff; } .main-content .has-error input[type="text"], .main-content .has-error input[type="url"], .main-content .has-error input[type="email"], .main-content .has-error input[type="number"], .main-content .has-error input[type="tel"], .main-content .has-error input[type="radio"], .main-content .has-error input[type="file"] + label, .main-content .has-error input[type="checkbox"], .main-content .has-error textarea, .main-content .has-error select, header .has-error input[type="text"], header .has-error input[type="url"], header .has-error input[type="email"], header .has-error input[type="number"], header .has-error input[type="tel"], header .has-error input[type="radio"], header .has-error input[type="file"] + label, header .has-error input[type="checkbox"], header .has-error textarea, header .has-error select, footer .has-error input[type="text"], footer .has-error input[type="url"], footer .has-error input[type="email"], footer .has-error input[type="number"], footer .has-error input[type="tel"], footer .has-error input[type="radio"], footer .has-error input[type="file"] + label, footer .has-error input[type="checkbox"], footer .has-error textarea, footer .has-error select { background-color: #ff5c66; } .main-content .has-error input[type="radio"] + label, .main-content .has-error input[type="checkbox"] + label, header .has-error input[type="radio"] + label, header .has-error input[type="checkbox"] + label, footer .has-error input[type="radio"] + label, footer .has-error input[type="checkbox"] + label { color: #ff5c66; } .main-content .disabled input[type="text"], .main-content .disabled input[type="url"], .main-content .disabled input[type="email"], .main-content .disabled input[type="number"], .main-content .disabled input[type="tel"], .main-content .disabled input[type="radio"], .main-content .disabled input[type="checkbox"], .main-content .disabled input[type="file"] + label, .main-content .disabled textarea, .main-content .disabled select, header .disabled input[type="text"], header .disabled input[type="url"], header .disabled input[type="email"], header .disabled input[type="number"], header .disabled input[type="tel"], header .disabled input[type="radio"], header .disabled input[type="checkbox"], header .disabled input[type="file"] + label, header .disabled textarea, header .disabled select, footer .disabled input[type="text"], footer .disabled input[type="url"], footer .disabled input[type="email"], footer .disabled input[type="number"], footer .disabled input[type="tel"], footer .disabled input[type="radio"], footer .disabled input[type="checkbox"], footer .disabled input[type="file"] + label, footer .disabled textarea, footer .disabled select { border-color: #dcdfdf; color: #dcdfdf; } .main-content .disabled input[type="radio"] + label, .main-content .disabled input[type="checkbox"] + label, header .disabled input[type="radio"] + label, header .disabled input[type="checkbox"] + label, footer .disabled input[type="radio"] + label, footer .disabled input[type="checkbox"] + label { color: #dcdfdf; } .main-content .disabled label, header .disabled label, footer .disabled label { color: #dcdfdf; } .main-content .disabled .form-question h3, .main-content .disabled .form-question h4, header .disabled .form-question h3, header .disabled .form-question h4, footer .disabled .form-question h3, footer .disabled .form-question h4, .main-content .disabled .form-question .h3-ish, header .disabled .form-question .h3-ish, footer .disabled .form-question .h3-ish, .main-content .disabled .form-question .h4-ish, header .disabled .form-question .h4-ish, footer .disabled .form-question .h4-ish { color: #dcdfdf; } .main-content .disabled .form-question h3 a, .main-content .disabled .form-question h4 a, header .disabled .form-question h3 a, header .disabled .form-question h4 a, footer .disabled .form-question h3 a, footer .disabled .form-question h4 a, .main-content .disabled .form-question .h3-ish a, header .disabled .form-question .h3-ish a, footer .disabled .form-question .h3-ish a, .main-content .disabled .form-question .h4-ish a, header .disabled .form-question .h4-ish a, footer .disabled .form-question .h4-ish a, .main-content .disabled .form-question h3 button.btn-link, .main-content .disabled .form-question h4 button.btn-link, header .disabled .form-question h3 button.btn-link, header .disabled .form-question h4 button.btn-link, footer .disabled .form-question h3 button.btn-link, footer .disabled .form-question h4 button.btn-link, .main-content .disabled .form-question .h3-ish button.btn-link, header .disabled .form-question .h3-ish button.btn-link, footer .disabled .form-question .h3-ish button.btn-link, .main-content .disabled .form-question .h4-ish button.btn-link, header .disabled .form-question .h4-ish button.btn-link, footer .disabled .form-question .h4-ish button.btn-link { color: #dcdfdf; } .main-content .disabled .input-group-with-prefix .input-group-addon, .main-content .disabled .input-group-with-suffix .input-group-addon, header .disabled .input-group-with-prefix .input-group-addon, header .disabled .input-group-with-suffix .input-group-addon, footer .disabled .input-group-with-prefix .input-group-addon, footer .disabled .input-group-with-suffix .input-group-addon { background-color: #dcdfdf; } .main-content select, header select, footer select { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMyA4LjkzIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzBhMjg1Mjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmRyb3Bkb3duX2JsdWU8L3RpdGxlPjxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIwIDAgMTEuNSA4LjkzIDIzIDAgMCAwIi8+PC9zdmc+); } .main-content .checkbox input[type="checkbox"], header .checkbox input[type="checkbox"], footer .checkbox input[type="checkbox"] { visibility: visible; opacity: 0; width: 1em; height: 1em; font-size: 25px; position: absolute; top: -2px; left: 20px; z-index: -1; } .main-content .checkbox input[type="checkbox"] + label, header .checkbox input[type="checkbox"] + label, footer .checkbox input[type="checkbox"] + label { margin-bottom: 0; padding-left: 0; font-size: 16px; letter-spacing: normal; font-family: 'Bitter', serif; font-weight: normal; text-transform: none; padding-left: 30px; } .main-content .checkbox input[type="checkbox"] + label::before, header .checkbox input[type="checkbox"] + label::before, footer .checkbox input[type="checkbox"] + label::before { content: ''; display: inline-block; margin-right: 10px; background-size: cover; vertical-align: middle; margin-left: -30px; border-radius: 0px; height: 16px; width: 16px; border: 2px solid #6B7276; box-shadow: none; background-image: none; } .main-content .checkbox input[type="checkbox"] + label::before, .main-content .checkbox input[type="checkbox"] + label::after, header .checkbox input[type="checkbox"] + label::before, header .checkbox input[type="checkbox"] + label::after, footer .checkbox input[type="checkbox"] + label::before, footer .checkbox input[type="checkbox"] + label::after { margin-top: -3px; } .main-content .checkbox input[type="checkbox"]:checked + label::before, header .checkbox input[type="checkbox"]:checked + label::before, footer .checkbox input[type="checkbox"]:checked + label::before { background-color: #0a2852; border-color: #0a2852; } .main-content .checkbox input[type="checkbox"]:checked + label::after, header .checkbox input[type="checkbox"]:checked + label::after, footer .checkbox input[type="checkbox"]:checked + label::after { content: ""; display: inline-block; height: 6px; width: 11px; border-left: 3px solid; border-bottom: 3px solid; transform: rotate(-45deg); position: absolute; left: 3px; top: 11px; color: #fbfdfb; } .main-content .checkbox input[type="checkbox"]:not(:checked):not(:disabled):hover::before, .main-content .checkbox input[type="checkbox"]:not(:checked):not(:disabled) + label:hover::before, header .checkbox input[type="checkbox"]:not(:checked):not(:disabled):hover::before, header .checkbox input[type="checkbox"]:not(:checked):not(:disabled) + label:hover::before, footer .checkbox input[type="checkbox"]:not(:checked):not(:disabled):hover::before, footer .checkbox input[type="checkbox"]:not(:checked):not(:disabled) + label:hover::before { border-color: #0a2852; } .main-content .checkbox input[type="checkbox"]:focus + label::before, header .checkbox input[type="checkbox"]:focus + label::before, footer .checkbox input[type="checkbox"]:focus + label::before { outline: auto; outline-color: #316ce1; outline-offset: 2px; } .main-content .checkbox-group label, header .checkbox-group label, footer .checkbox-group label { margin-bottom: 0; } .main-content .radio input[type="radio"], header .radio input[type="radio"], footer .radio input[type="radio"] { visibility: visible; opacity: 0; position: absolute; left: 20px; top: 2px; width: 1em; height: 1em; font-size: 16px; z-index: -1; } .main-content .radio input[type="radio"] + label, header .radio input[type="radio"] + label, footer .radio input[type="radio"] + label { margin-bottom: 0; padding-left: 0; font-size: 16px; font-family: 'Bitter', serif; font-weight: normal; letter-spacing: normal; text-transform: none; padding-left: 30px; } .main-content .radio input[type="radio"] + label::before, header .radio input[type="radio"] + label::before, footer .radio input[type="radio"] + label::before { content: ''; width: 16px; height: 16px; display: inline-block; margin-right: 10px; border: 2px solid #6B7276; border-radius: 100px; margin-left: -30px; vertical-align: middle; margin-top: -4px; } .main-content .radio input[type="radio"]:checked + label::before, header .radio input[type="radio"]:checked + label::before, footer .radio input[type="radio"]:checked + label::before { border: 5px solid #0a2852; } .main-content .radio input[type="radio"]:not(:checked):hover::before, .main-content .radio input[type="radio"]:not(:checked) + label:hover::before, header .radio input[type="radio"]:not(:checked):hover::before, header .radio input[type="radio"]:not(:checked) + label:hover::before, footer .radio input[type="radio"]:not(:checked):hover::before, footer .radio input[type="radio"]:not(:checked) + label:hover::before { border-color: #0a2852; } .main-content .radio input[type="radio"]:focus + label::before, header .radio input[type="radio"]:focus + label::before, footer .radio input[type="radio"]:focus + label::before { outline: auto; outline-color: #316ce1; outline-offset: 2px; } .main-content .radio > label, header .radio > label, footer .radio > label { padding-left: 0; margin-bottom: 0; } .main-content .file input[type="file"], header .file input[type="file"], footer .file input[type="file"] { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .main-content .file input[type="file"] + label, header .file input[type="file"] + label, footer .file input[type="file"] + label { width: 200px; height: 200px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .main-content .file input[type="file"] + label.nv-file-over, header .file input[type="file"] + label.nv-file-over, footer .file input[type="file"] + label.nv-file-over { border-width: 2px; } .main-content .file input[type="file"] + label span, header .file input[type="file"] + label span, footer .file input[type="file"] + label span { width: 90%; text-align: center; } .main-content .file input[type="file"]:focus + label, header .file input[type="file"]:focus + label, footer .file input[type="file"]:focus + label { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; } .main-content .form-question .main-question, header .form-question .main-question, footer .form-question .main-question { line-height: 1.3em; } .main-content .form-question .sub-question, header .form-question .sub-question, footer .form-question .sub-question { font-family: 'Roboto', sans-serif; text-transform: none; font-weight: 400; margin: 5px 0px 15px 0px; font-size: 16px; } .main-content .form-question .sub-question a, header .form-question .sub-question a, footer .form-question .sub-question a, .main-content .form-question .sub-question button.btn-link, header .form-question .sub-question button.btn-link, footer .form-question .sub-question button.btn-link { text-decoration: underline; font-size: 16px; font-weight: 400; } .main-content .input-group-with-prefix .input-group-addon, .main-content .input-group-with-suffix .input-group-addon, header .input-group-with-prefix .input-group-addon, header .input-group-with-suffix .input-group-addon, footer .input-group-with-prefix .input-group-addon, footer .input-group-with-suffix .input-group-addon { padding: 6px 12px 6px 14px; border-width: 0; font-family: 'Roboto', sans-serif; font-size: 20px; } .main-content .input-group-with-prefix input.form-control, header .input-group-with-prefix input.form-control, footer .input-group-with-prefix input.form-control { border-top-left-radius: 0; border-bottom-left-radius: 0; } .main-content .input-group-with-prefix .input-group-addon, header .input-group-with-prefix .input-group-addon, footer .input-group-with-prefix .input-group-addon { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .main-content .input-group-with-suffix input.form-control, header .input-group-with-suffix input.form-control, footer .input-group-with-suffix input.form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; } .main-content .input-group-with-suffix .input-group-addon, header .input-group-with-suffix .input-group-addon, footer .input-group-with-suffix .input-group-addon { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .main-content .pagination, header .pagination, footer .pagination { max-width: none; width: 100%; text-align: center; } .main-content .pagination li, header .pagination li, footer .pagination li { padding: 0; } .main-content .pagination > li > button, .main-content .pagination > li > span, header .pagination > li > button, header .pagination > li > span, footer .pagination > li > button, footer .pagination > li > span { border-radius: 100%; margin: 10px; width: 50px; height: 50px; line-height: 46px; text-align: center; font-family: 'Roboto', sans-serif; border: 2px solid #0a2852; background-color: transparent; font-size: 16px; color: #0a2852; } .main-content .pagination > li > button:hover, header .pagination > li > button:hover, footer .pagination > li > button:hover { color: #316ce1; border-color: #316ce1; } .main-content .pagination li::before, header .pagination li::before, footer .pagination li::before { content: none; } .main-content .pagination > .active > button, .main-content .pagination > .active > button:focus, .main-content .pagination > .active > button:hover, .main-content .pagination > .active > span, .main-content .pagination > .active > span:focus, .main-content .pagination > .active > span:hover, header .pagination > .active > button, header .pagination > .active > button:focus, header .pagination > .active > button:hover, header .pagination > .active > span, header .pagination > .active > span:focus, header .pagination > .active > span:hover, footer .pagination > .active > button, footer .pagination > .active > button:focus, footer .pagination > .active > button:hover, footer .pagination > .active > span, footer .pagination > .active > span:focus, footer .pagination > .active > span:hover { color: #ffffff; background-color: #0a2852; border: 1px solid #0a2852; } .main-content .pagination > .disabled > button, .main-content .pagination > .disabled > button:focus, .main-content .pagination > .disabled > button:hover, .main-content .pagination > .disabled > span, .main-content .pagination > .disabled > span:focus, .main-content .pagination > .disabled > span:hover, header .pagination > .disabled > button, header .pagination > .disabled > button:focus, header .pagination > .disabled > button:hover, header .pagination > .disabled > span, header .pagination > .disabled > span:focus, header .pagination > .disabled > span:hover, footer .pagination > .disabled > button, footer .pagination > .disabled > button:focus, footer .pagination > .disabled > button:hover, footer .pagination > .disabled > span, footer .pagination > .disabled > span:focus, footer .pagination > .disabled > span:hover { color: #6B7276; border-color: #6B7276; } .main-content .title-highlight, header .title-highlight, footer .title-highlight { color: #fbfdfb; background-color: #ff5c66; } .main-content .alert, header .alert, footer .alert { border-radius: 0; background-color: transparent; } .main-content .alert.alert-danger, header .alert.alert-danger, footer .alert.alert-danger { border: 1px solid #ff5d67; color: #262626; font-weight: bold; } .main-content .alert.alert-danger .alert-symbol, header .alert.alert-danger .alert-symbol, footer .alert.alert-danger .alert-symbol { background-color: #ff5d67; width: 26px; height: 26px; display: inline-block; border-radius: 50%; color: #fff; text-align: center; margin-right: 8px; } .main-content .alert.alert-success, header .alert.alert-success, footer .alert.alert-success { color: #262626; font-weight: bold; border: 1px solid #002855; } .main-content .alert.alert-success .alert-symbol::before, header .alert.alert-success .alert-symbol::before, footer .alert.alert-success .alert-symbol::before { content: ""; font-family: 'Glyphicons Halflings'; background-color: #00c4ff; width: 26px; height: 26px; display: inline-block; border-radius: 50%; color: #fff; text-align: center; margin-right: 8px; padding-left: 1px; } .main-content .accent-header, header .accent-header, footer .accent-header { border-top: 1px solid rgba(255, 255, 255, 0.2); background-color: #0a2852; color: #fbfdfb; } .main-content .accent-header h1, .main-content .accent-header h2, header .accent-header h1, header .accent-header h2, footer .accent-header h1, footer .accent-header h2, .main-content .accent-header .h1-ish, header .accent-header .h1-ish, footer .accent-header .h1-ish, .main-content .accent-header .h2-ish, header .accent-header .h2-ish, footer .accent-header .h2-ish { color: #fbfdfb; } .main-content .accent-header h1, header .accent-header h1, footer .accent-header h1, .main-content .accent-header .h1-ish, header .accent-header .h1-ish, footer .accent-header .h1-ish { margin-bottom: 0px; } .main-content .banner-container, header .banner-container, footer .banner-container { background-color: #ffff28; } @media screen and (max-width: 480px) { .main-content .banner-container, header .banner-container, footer .banner-container { padding-top: 20px; } } .main-content .banner-container .page-content, header .banner-container .page-content, footer .banner-container .page-content { margin: 20px 0 !important; } .main-content .banner-container .banner-row p, header .banner-container .banner-row p, footer .banner-container .banner-row p { text-align: center; } .main-content .banner-container p a, header .banner-container p a, footer .banner-container p a, .main-content .banner-container p button.btn-link, header .banner-container p button.btn-link, footer .banner-container p button.btn-link { color: #0a2852; font-size: 17px; } .main-content .banner-container p a:hover, header .banner-container p a:hover, footer .banner-container p a:hover, .main-content .banner-container p button:hover.btn-link, header .banner-container p button:hover.btn-link, footer .banner-container p button:hover.btn-link { text-decoration: none; } .main-content .banner-container img, header .banner-container img, footer .banner-container img { width: 40px; height: 100%; } .main-content .header-section, header .header-section, footer .header-section { margin-top: 40px; margin-bottom: 40px; } .main-content .page-content, header .page-content, footer .page-content { margin: 20px 0; } .main-content .highlight, header .highlight, footer .highlight { background-color: #00c4ff; line-height: 1.1em !important; display: inline-block; } .main-content .content-container, header .content-container, footer .content-container { padding-top: 50px; padding-bottom: 50px; } .main-content .search-wrapper, header .search-wrapper, footer .search-wrapper { margin-top: 20px; margin-bottom: 20px; } .main-content .search-wrapper .btn-sl, header .search-wrapper .btn-sl, footer .search-wrapper .btn-sl { width: 100%; } .main-content .search-wrapper .search-button-wrapper .btn-sl, header .search-wrapper .search-button-wrapper .btn-sl, footer .search-wrapper .search-button-wrapper .btn-sl { margin-top: 26px; } .main-content hr, header hr, footer hr { margin: 40px 0; border-top: 1px solid #ced4dc; } .box { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #ff5d67; } .skip-content { position: absolute; top: -1000px; left: -1000px; height: 1px; width: 1px; text-align: left; overflow: hidden; } a.skip-content:active, a.skip-content:focus, a.skip-content:hover, button.skip-content:active.btn-link, button.skip-content:focus.btn-link, button.skip-content:hover.btn-link { left: 0; top: 0; width: auto; height: auto; overflow: visible; } .flashed-messages { text-align: center; margin: 20px 0; position: relative; } .flashed-messages .collapser { position: absolute; top: 0; right: 0; } .leaflet-container a, .leaflet-container button.btn-link { color: #002855 !important; } .leaflet-container .leaflet-control-attribution a, .leaflet-container .leaflet-control-attribution button.btn-link { color: #000000 !important; } .leaflet-touch .leaflet-bar a, .leaflet-touch .leaflet-bar button.btn-link { color: #000000 !important; } .leaflet-popup-content p { margin: 0 !important; } .leaflet-popup-content p + p { margin-top: 10px !important; } footer { background-color: #0a2852; font-family: 'Bitter', serif; color: #fbfdfb; } footer #topper { background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: 190px; border-bottom: 40px solid #0a2852; } footer #topper.emptyMode { background-image: none; height: 0px; } footer #topper.darkMode { background-image: url("/static/img/sl_home_footerTop_lg_navy.png"); } footer #topper.lightMode { background-image: url("/static/img/sl_home_footerTop_lg.png"); } footer a, footer p, footer button.btn-link { font-size: 14px; font-weight: normal; } footer a:not(.btn-sl):not(.language-selector), footer button:not(.btn-sl):not(.language-selector).btn-link { color: #fbfdfb; text-decoration: none; } footer a:not(.btn-sl):not(.language-selector):hover, footer button:not(.btn-sl):not(.language-selector):hover.btn-link { color: #fbfdfb; text-decoration: underline; } footer .footer { padding: 20px 0; } footer .social-links { float: left; margin-top: 28px; } footer .social-links .social-link { display: inline-block; max-width: 30px; } footer .social-links .social-link img { width: 35px; } footer .social-links .social-link:first-child { margin-left: 10px; } footer .social-links .social-link:not(:first-child) { margin-left: 15px; } footer h4, footer .h4-ish { color: #ff5c66; font-size: 15px; line-height: 15px; } footer p { color: #fbfdfb; } footer .language-selector { color: #fbfdfb; text-decoration: none; } footer .language-selector:hover { color: #fbfdfb; text-decoration: underline; } footer .language-selector.selected-language { color: #00c4ff; } footer .disclaimer { margin: 40px 0; text-align: center; } footer .disclaimer .disclaimer-text { font-family: 'Roboto', sans-serif; font-size: 12px; line-height: 12px; padding: 15px; border: 1px solid #ccc; display: inline-block; color: #ccc; } footer hr { border-top: 1px solid rgba(255, 255, 255, 0.4); } .form-control[disabled] { background: #ccc !important; } [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; } .spinner { margin: 100px auto 0; width: 70px; text-align: center; } .spinner > div { width: 18px; height: 18px; background-color: #ff5d67; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); } } @keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1); -webkit-transform: scaleY(1); } } .spinner-text { font-family: 'Bitter', serif; font-style: italic; color: #d2d2d2; } .ripple-spinner { display: inline-block; vertical-align: middle; } .ripple-spinner .lds-ripple { position: relative; } .ripple-spinner .lds-ripple div { box-sizing: content-box; position: absolute; border-width: 4px; border-style: solid; opacity: 1; border-radius: 50%; -webkit-animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; } .ripple-spinner .lds-ripple div:nth-child(1) { border-color: #d2d2d2; } .ripple-spinner .lds-ripple div:nth-child(2) { border-color: #9f9f9f; -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .ripple-spinner .lds-ripple { width: 50px !important; height: 50px !important; -webkit-transform: translate(-25px, -25px) scale(0.25) translate(25px, 25px); transform: translate(-25px, -25px) scale(0.25) translate(25px, 25px); } @keyframes lds-ripple { 0% { top: 96px; left: 96px; width: 0; height: 0; opacity: 1; } 100% { top: 18px; left: 18px; width: 156px; height: 156px; opacity: 0; } } @-webkit-keyframes lds-ripple { 0% { top: 96px; left: 96px; width: 0; height: 0; opacity: 1; } 100% { top: 18px; left: 18px; width: 156px; height: 156px; opacity: 0; } } .modal-dialog .modal-title { color: #002855; } .modal-dialog .modal-body { color: #000000; } .inline-widget { color: #000000; } img.desaturate { filter: gray; filter: grayscale(100%); filter: url(desaturate.svg#greyscale); } .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-5ths { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-5ths { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-5ths { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-5ths { width: 20%; float: left; } } .pac-container { z-index: 2000; border-radius: 0; } .marker-cluster-small { background-color: rgba(181, 226, 140, 0.6); } .marker-cluster-small div { background-color: rgba(110, 204, 57, 0.6); } .marker-cluster-medium { background-color: rgba(241, 211, 87, 0.6); } .marker-cluster-medium div { background-color: rgba(240, 194, 12, 0.6); } .marker-cluster-large { background-color: rgba(253, 156, 115, 0.6); } .marker-cluster-large div { background-color: rgba(241, 128, 23, 0.6); } .leaflet-oldie .marker-cluster-small { background-color: #b5e28c; } .leaflet-oldie .marker-cluster-small div { background-color: #6ecc39; } .leaflet-oldie .marker-cluster-medium { background-color: #f1d357; } .leaflet-oldie .marker-cluster-medium div { background-color: #f0c20c; } .leaflet-oldie .marker-cluster-large { background-color: #fd9c73; } .leaflet-oldie .marker-cluster-large div { background-color: #f18017; } .marker-cluster { background-clip: padding-box; border-radius: 20px; } .marker-cluster div { width: 30px; height: 30px; margin-left: 5px; margin-top: 5px; text-align: center; border-radius: 15px; font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif; } .marker-cluster span { line-height: 30px; } .leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow { -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in; -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in; -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in; transition: transform 0.3s ease-out, opacity 0.3s ease-in; } .leaflet-cluster-spider-leg { -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in; -moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in; -o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in; transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in; } @media only screen and (max-width : 1200px) { footer .social-links { float: left; margin-top: 20px; } footer .social-links .social-link { display: inline-block; max-width: 28px; } footer .social-links .social-link img { width: 33px; } footer .social-links .social-link:first-child { margin-left: 10px; } footer .social-links .social-link:not(:first-child) { margin-left: 12px; } .main-content h1, footer h1, .main-content .h1-ish, footer .h1-ish { font-size: 52px; } } @media (max-width: 991px) { .main-content .accent-header h1, .main-content .accent-header .h1-ish { margin-bottom: 20px; } footer .footer-column:not(:first-child) { margin-top: 20px; } } @media only screen and (max-width : 991px) { .main-content .button-array .btn-sl { width: 100%; } .main-content .button-array .btn-sl + .btn-sl { margin-top: 10px; margin-left: 0px; } .main-content ol li, .main-content ul li { padding: 0 10px 0 30px; } } @media only screen and (max-width : 480px) { footer { border-top: none; } footer #topper { height: 140px; } footer #topper.lightMode { background-image: url("/static/img/sl_home_footerTop_sm.png"); } footer #topper.darkMode { background-image: url("/static/img/sl_home_footerTop_sm_navy.png"); } .modal.user-dropdown-modal-window .modal-dialog { margin: 0px; height: 100%; } .modal.user-dropdown-modal-window .modal-dialog .modal-content { background: #0a2852; height: 100%; } .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .user-groups-column, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .user-fundraisers-column, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .quick-links-column { margin-top: 0px; margin-bottom: 40px; height: auto; } .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .user-groups-column h4, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .user-groups-column a, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .user-fundraisers-column h4, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .user-fundraisers-column a, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .quick-links-column h4, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .quick-links-column a, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .user-groups-column .h4-ish, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .user-fundraisers-column .h4-ish, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .quick-links-column .h4-ish, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .user-groups-column button.btn-link, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .user-fundraisers-column button.btn-link, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .quick-links-column button.btn-link { margin-left: 10%; } .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .user-groups-column a, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .user-fundraisers-column a, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .quick-links-column a, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .user-groups-column button.btn-link, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .user-fundraisers-column button.btn-link, .modal.user-dropdown-modal-window .modal-dialog .modal-content .user-dropdown-modal .user-dropdown-panel .quick-links-column button.btn-link { font-family: 'Bitter', serif; font-size: 20px; } .vertical-center { display: block; } } @media only screen and (max-width : 320px) { .vertical-center { display: block; } } header:not(.old-header) { position: relative; z-index: 3; background: #0a2852; } header:not(.old-header) #user-dropdown-banner { background-color: #00c4ff; } header:not(.old-header) #user-dropdown-banner .user-dropdown-container { background-color: #00c4ff; color: #0a2852; } header:not(.old-header) #user-dropdown-banner .user-dropdown-container .user-dropdown-panel { margin: 0 5%; background-color: #00c4ff; } header:not(.old-header) #user-dropdown-banner .user-dropdown-container .user-dropdown-panel h4, header:not(.old-header) #user-dropdown-banner .user-dropdown-container .user-dropdown-panel .h4-ish { text-transform: none; color: #0a2852; text-transform: none; font-size: 20px; line-height: 20px; font-family: 'Roboto', sans-serif; font-weight: bold; } header:not(.old-header) #user-dropdown-banner .user-dropdown-container .user-dropdown-panel a, header:not(.old-header) #user-dropdown-banner .user-dropdown-container .user-dropdown-panel button.btn-link { color: #0a2852; font-weight: 500; font-family: 'Bitter', serif; text-decoration: none; white-space: nowrap; } header:not(.old-header) #user-dropdown-banner .user-dropdown-container .user-dropdown-panel a:hover, header:not(.old-header) #user-dropdown-banner .user-dropdown-container .user-dropdown-panel button:hover.btn-link { color: #fbfdfb; background-color: #0a2852; margin-left: -10px; padding-left: 10px; padding-right: 10px; } header:not(.old-header) #user-dropdown-banner .user-dropdown-container .user-dropdown-panel .user-groups-column, header:not(.old-header) #user-dropdown-banner .user-dropdown-container .user-dropdown-panel .user-fundraisers-column, header:not(.old-header) #user-dropdown-banner .user-dropdown-container .user-dropdown-panel .quick-links-column { margin-top: 40px; height: 200px; } header:not(.old-header) #user-dropdown-banner .user-dropdown-container .user-dropdown-panel .user-groups-column .see-all, header:not(.old-header) #user-dropdown-banner .user-dropdown-container .user-dropdown-panel .user-fundraisers-column .see-all, header:not(.old-header) #user-dropdown-banner .user-dropdown-container .user-dropdown-panel .quick-links-column .see-all { color: #ff5c66; } header:not(.old-header) #user-dropdown-banner .user-dropdown-container .user-dropdown-panel .user-groups-column .link-wrap, header:not(.old-header) #user-dropdown-banner .user-dropdown-container .user-dropdown-panel .user-fundraisers-column .link-wrap, header:not(.old-header) #user-dropdown-banner .user-dropdown-container .user-dropdown-panel .quick-links-column .link-wrap { text-overflow: ellipsis; overflow-x: hidden; } header:not(.old-header) .container { width: 100%; } header:not(.old-header) .navbar-container:not(.collapsing) { margin-right: 15px; padding: 10px 25px; overflow: visible !important; } header:not(.old-header) .navbar-container.collapsing { padding: 10px 25px; } header:not(.old-header) .navbar { border: none; margin-bottom: 0; border-radius: 0; } header:not(.old-header) .navbar #dropdown-bg { height: 0; transition: height 0.4s ease-in-out; background-color: #00c4ff; width: 100%; } header:not(.old-header) .navbar #dropdown-bg.menu-open { height: 260px; } @media screen and (max-width: 991px) { header:not(.old-header) .navbar #dropdown-bg.menu-open { height: 500px; } } header:not(.old-header) .navbar .nav { position: relative; } header:not(.old-header) .navbar .nav.navbar-right { padding-top: 10px; position: static; } header:not(.old-header) .navbar .nav .nav-link { text-decoration: none; padding: 5px; } header:not(.old-header) .navbar .nav .nav-link:focus { outline-offset: -3px; } header:not(.old-header) .navbar .nav li { padding-left: 20px; } header:not(.old-header) .navbar .nav li a, header:not(.old-header) .navbar .nav li button.btn-link { color: #0a2852; font-weight: 700; font-size: 20px; font-family: 'Roboto', sans-serif; letter-spacing: 0; text-align: center; } header:not(.old-header) .navbar .nav li.nav-item { position: static; text-align: left; margin-top: 0; min-width: 100px; top: 1px; } header:not(.old-header) .navbar .nav li.nav-item > a, header:not(.old-header) .navbar .nav li.nav-item > button.btn-link { color: #fbfdfb; } @media screen and (min-width: 992px) { header:not(.old-header) .navbar .nav li.nav-item .nav-link.subnav-triangle:after { display: block; position: absolute; content: ' '; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #00c4ff; left: 40%; bottom: -30px; } } header:not(.old-header) .navbar .nav li.nav-item-donate { margin-left: 10px; top: -2px; } header:not(.old-header) .navbar .nav li.nav-item, header:not(.old-header) .navbar .nav li.nav-item-donate, header:not(.old-header) .navbar .nav li.nav-item-take-action, header:not(.old-header) .navbar .nav li.nav-item-user { float: none; display: inline-block; z-index: 2; } header:not(.old-header) .navbar .nav li.nav-item-user { top: -2px; } header:not(.old-header) .navbar .nav li.nav-item-user .btn { min-width: 0; width: 30px; padding: 20px; height: 30px; font-size: 18px; } header:not(.old-header) .navbar .nav li .btn.donate-button { padding-bottom: 20px; padding-left: 35px; padding-right: 35px; padding-top: 20px; font-size: 18px; } header:not(.old-header) .navbar .user-btn-mobile { display: none; position: absolute; right: 10px; margin: 0 0 0 5px; top: 26px; } header:not(.old-header) .navbar .user-btn-mobile .btn { min-width: 0; width: 30px; padding: 17px; height: 18px; font-size: medium; } header:not(.old-header) .navbar .navbar-toggle { border: none; position: absolute; right: 0; top: 20px; margin: 0; float: none; } header:not(.old-header) .navbar .navbar-toggle.left { right: 55px; } header:not(.old-header) .navbar.navbar-default { background: #0a2852; } header:not(.old-header) .navbar.navbar-default .navbar-toggle .icon-bar { background-color: #fbfdfb; width: 40px; height: 4px; } header:not(.old-header) .navbar.navbar-default .navbar-toggle .icon-bar + .icon-bar { margin-top: 10px; } header:not(.old-header) .navbar.navbar-default .navbar-toggle:focus, header:not(.old-header) .navbar.navbar-default .navbar-toggle:hover { background: none; outline: auto; outline-color: -webkit-focus-ring-color; } header:not(.old-header) .navbar .navbar-logo { position: relative; z-index: 2; padding-left: 20px; } header:not(.old-header) .navbar .navbar-logo img { width: 188px; } header:not(.old-header) .navbar .nav-menu-dropdown .dropdown-content { visibility: hidden; max-height: 0; overflow: hidden; transition: max-height 0.4s ease-in-out, visibility 0.4s; background-color: transparent; position: absolute; left: 0; padding: 30px; padding-bottom: 0; padding-top: 70px; width: 100vw; z-index: 1000; } header:not(.old-header) .navbar .nav-menu-dropdown .dropdown-content.open { visibility: visible; max-height: 260px; } @media screen and (max-width: 991px) { header:not(.old-header) .navbar .nav-menu-dropdown .dropdown-content.open { max-height: 1000px; } } @media screen and (max-width: 991px) { header:not(.old-header) .navbar .nav-menu-dropdown .dropdown-content .nav-link.subnav-triangle:after { content: None; } } header:not(.old-header) .navbar .nav-menu-dropdown .dropdown-content .subnav { margin: 0 auto; } header:not(.old-header) .navbar .nav-menu-dropdown .dropdown-content .subnav .subnav-header { margin: 10px 0; } header:not(.old-header) .navbar .nav-menu-dropdown .dropdown-content .subnav a, header:not(.old-header) .navbar .nav-menu-dropdown .dropdown-content .subnav button.btn-link { color: #0a2852; padding: 5px 0; cursor: pointer; text-decoration: none; font-size: 18px; font-weight: normal; display: block; text-align: left; line-height: 1.35em; } header:not(.old-header) .navbar .nav-menu-dropdown .dropdown-content .subnav a:hover, header:not(.old-header) .navbar .nav-menu-dropdown .dropdown-content .subnav button:hover.btn-link { color: #fbfdfb; background-color: #0a2852; margin-left: -10px; padding-left: 10px; } @media screen and (max-width: 991px) { header:not(.old-header) .navbar .nav-menu-dropdown .dropdown-content { padding-left: 35px; padding-top: 0; padding-bottom: 0; } header:not(.old-header) .navbar .nav-menu-dropdown .dropdown-content a, header:not(.old-header) .navbar .nav-menu-dropdown .dropdown-content button.btn-link { margin-left: -15px; font-size: 18px !important; line-height: 22px !important; padding-bottom: 14px !important; padding-top: 14px !important; } } @media only screen and (max-width : 1200px) { header:not(.old-header) .navbar .nav li.nav-item-user a, header:not(.old-header) .navbar .nav li.nav-item-user button.btn-link { font-size: 15px; } h1, .h1-ish { font-size: 52px; } } @media (max-width: 991px) { header:not(.old-header) .navbar .navbar-header { padding: 5px 10px; } header:not(.old-header) .navbar .navbar-toggle { right: 20px; } header:not(.old-header) .navbar .navbar-toggle.left { right: 65px; } header:not(.old-header) .navbar .user-btn-mobile { display: block; right: 20px; } header:not(.old-header) .navbar .nav li.nav-item-user { display: none; } header:not(.old-header) .user-dropdown-panel { display: none; } .navbar-header { float: none; } .navbar-left, .navbar-right { float: none !important; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } .navbar-collapse[aria-expanded="true"] { width: 100vw; } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-collapse.collapse { display: none !important; } .navbar-nav { float: none !important; margin-top: 7.5px; } .navbar-nav > li { float: none; } .navbar-nav > li > a, .navbar-nav > li > button.btn-link { padding-top: 10px; padding-bottom: 10px; } .collapse.in { display: block !important; } .search-wrapper .search-input:not(:first-child) { margin-top: 10px; } .search-wrapper .search-button-wrapper { text-align: center; } } @media only screen and (max-width : 991px) { #dropdown-bg { display: none; } header:not(.old-header) .navbar-container { padding: 0; margin: 0 0px; } header:not(.old-header) .navbar .nav { top: 0; } header:not(.old-header) .navbar .nav li { padding-left: 0px; } header:not(.old-header) .navbar .nav li.nav-item, header:not(.old-header) .navbar .nav li.nav-item-donate, header:not(.old-header) .navbar .nav li.nav-item-take-action { text-align: center; display: block; } header:not(.old-header) .navbar .nav li.nav-item .dropdown-content .subnav .subnav-section { text-align: left; } header:not(.old-header) .navbar .nav li.nav-item .dropdown-content .subnav .subnav-section .subnav-header { color: #00c4ff; } header:not(.old-header) .navbar .nav li.nav-item .dropdown-content .subnav .subnav-section a.subnav-item, header:not(.old-header) .navbar .nav li.nav-item .dropdown-content .subnav .subnav-section button.subnav-item.btn-link { color: #fbfdfb; padding: 5px 0; margin: 0; } header:not(.old-header) .navbar .nav li.nav-item .nav-link { padding: 10px 5px; padding-top: 15px; padding-bottom: 15px; padding-left: 35px; padding-right: 5px; text-align: left; } header:not(.old-header) .navbar .nav li.nav-item-donate, header:not(.old-header) .navbar .nav li.nav-item-take-action { margin: 25px auto 0 auto; width: calc(100% - 60px); } header:not(.old-header) .navbar .nav li a, header:not(.old-header) .navbar .nav li button.btn-link { font-size: 20px; } header:not(.old-header) .navbar .nav li .btn.donate-button, header:not(.old-header) .navbar .nav li .btn.take-action-button { padding: 7px 10px; } header:not(.old-header) .navbar .nav li .btn.take-action-button { margin-left: 0; } header:not(.old-header) .navbar .nav li .btn.donate-button { width: 90%; margin: auto -30px auto auto; height: 50px; border-radius: 25px; } header:not(.old-header) .navbar .nav li .btn.donate-button span.btn-content { position: relative; margin: auto; } header:not(.old-header) .navbar .navbar-logo { position: static; top: 0; padding-left: inherit; } header:not(.old-header) .navbar .navbar-right { margin-left: -30px; margin-right: 0; } header:not(.old-header) .navbar .nav-menu-dropdown .dropdown-content { position: static; } header:not(.old-header) .navbar .nav-menu-dropdown .dropdown-content a, header:not(.old-header) .navbar .nav-menu-dropdown .dropdown-content button.btn-link { padding-left: 35px; } header:not(.old-header) .navbar-collapse { border: none; } } @media only screen and (max-width : 480px) { header:not(.old-header) nav.navbar .navbar-container { margin-top: 70px; } header:not(.old-header) nav.navbar .navbar-header { padding: 0 10px; background-color: #0a2852; z-index: 10000; position: fixed; top: 0; left: 0; right: 0; height: 70px; } header:not(.old-header) nav.navbar .navbar-logo { padding-bottom: 10px; } header:not(.old-header) nav.navbar .navbar-logo img { width: 140px; margin-top: 5px; } header:not(.old-header) nav.navbar .navbar-toggle { top: 10px; } header:not(.old-header) nav.navbar .user-btn-mobile { top: 16px; } } header.old-header .header-wrap { box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25); } header.old-header { position: relative; z-index: 3; background: #fbfdfb; } header.old-header .container { width: 100%; } header.old-header .navbar-container:not(.collapsing) { overflow: visible !important; } header.old-header .navbar { border: none; margin-bottom: 10px; border-radius: 0; } header.old-header .navbar .nav { position: relative; top: 24px; } header.old-header .navbar .nav .mobilize-link { text-decoration: none; padding: 5px; } header.old-header .navbar .nav .mobilize-link:focus { outline-offset: -3px; } header.old-header .navbar .nav li { padding-left: 20px; } header.old-header .navbar .nav li a, header.old-header .navbar .nav li button.btn-link { color: #0a2852; font-weight: 700; font-size: 20px; font-family: 'Roboto', sans-serif; letter-spacing: 0; text-align: center; } header.old-header .navbar .nav li a:hover, header.old-header .navbar .nav li button:hover.btn-link { color: #ff5c66; } header.old-header .navbar .nav li.mobilize-btn { text-align: left; margin-top: 0; min-width: 100px; top: 1px; } header.old-header .navbar .nav li.mobilize-btn > a, header.old-header .navbar .nav li.mobilize-btn > button.btn-link { color: #0a2852; } header.old-header .navbar .nav li.mobilize-btn:hover > a, header.old-header .navbar .nav li.mobilize-btn:hover > button.btn-link { opacity: 0.8; } header.old-header .navbar .nav li.mobilize-btn-donate { margin-left: 10px; top: -2px; } header.old-header .navbar .nav li.mobilize-btn, header.old-header .navbar .nav li.mobilize-btn-donate, header.old-header .navbar .nav li.mobilize-btn-take-action, header.old-header .navbar .nav li.mobilize-btn-user { float: none; display: inline-block; z-index: 2; } header.old-header .navbar .nav li.mobilize-btn-user { top: -2px; } header.old-header .navbar .nav li.mobilize-btn-user .btn { min-width: 0; width: 30px; padding: 20px; height: 30px; font-size: 18px; } header.old-header .navbar .nav li .btn.donate-button { padding-bottom: 20px; padding-left: 35px; padding-right: 35px; padding-top: 20px; font-size: 18px; } header.old-header .navbar .user-btn-mobile { display: none; position: absolute; right: 10px; margin: 0 0 0 5px; top: 26px; } header.old-header .navbar .user-btn-mobile .btn { min-width: 0; width: 30px; padding: 17px; height: 18px; font-size: medium; } header.old-header .navbar .navbar-toggle { border: none; position: absolute; right: 0; top: 20px; margin: 0; float: none; } header.old-header .navbar .navbar-toggle.left { right: 55px; } header.old-header .navbar.navbar-default { background: #fbfdfb; } header.old-header .navbar.navbar-default .navbar-toggle .icon-bar { background-color: #0a2852; width: 40px; height: 4px; } header.old-header .navbar.navbar-default .navbar-toggle .icon-bar + .icon-bar { margin-top: 10px; } header.old-header .navbar.navbar-default .navbar-toggle:focus, header.old-header .navbar.navbar-default .navbar-toggle:hover { background: none; outline: auto; outline-color: -webkit-focus-ring-color; } header.old-header .navbar .navbar-logo { position: relative; z-index: 2; padding-left: 20px; } header.old-header .navbar .navbar-logo img { width: 220px; } header.old-header .navbar .nav-menu-dropdown .dropdown-content.get-the-facts-menu { left: 5px; } header.old-header .navbar .nav-menu-dropdown .dropdown-content.get-to-work-menu { left: 2px; } header.old-header .navbar .nav-menu-dropdown .dropdown-content.learn-more-menu { left: 3px; } header.old-header .navbar .nav-menu-dropdown .dropdown-content.get-involved-menu { left: 7px; } header.old-header .navbar .nav-menu-dropdown .dropdown-content { display: none; position: absolute; top: 29px; background-color: #00c4ff; max-height: 400px; overflow-y: auto; min-width: 160px; z-index: 1000; } @media screen and (min-width: 991px) { header.old-header .navbar .nav-menu-dropdown .dropdown-content { max-width: 160px; } } @media screen and (max-width: 991px) { header.old-header .navbar .nav-menu-dropdown .dropdown-content { padding-left: 35px; padding-top: 15px; padding-bottom: 15px; } header.old-header .navbar .nav-menu-dropdown .dropdown-content a, header.old-header .navbar .nav-menu-dropdown .dropdown-content button.btn-link { margin-left: -15px; font-size: 18px !important; line-height: 22px !important; padding-bottom: 14px !important; padding-top: 14px !important; } } header.old-header .navbar .nav-menu-dropdown .dropdown-content .triangle-connector { height: 28px; background-color: #fbfdfb; } header.old-header .navbar .nav-menu-dropdown .dropdown-content .triangle-connector:before { display: block; content: ' '; background-color: #fbfdfb; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #00c4ff; margin: 0 70px; padding-top: 18px; } header.old-header .navbar .nav-menu-dropdown .dropdown-content a:focus, header.old-header .navbar .nav-menu-dropdown .dropdown-content button:focus.btn-link { outline-offset: -4px; } header.old-header .navbar .nav-menu-dropdown .dropdown-content.hover-open { display: block; } header.old-header .navbar .nav-menu-dropdown .dropdown-content.click-open { display: block; } header.old-header .navbar .nav-menu-dropdown .dropdown-content a, header.old-header .navbar .nav-menu-dropdown .dropdown-content button.btn-link { color: #0a2852; padding: 12px 10px; cursor: pointer; text-decoration: none; font-size: 16px; font-weight: normal; display: block; text-align: left; line-height: 1.25em; } header.old-header .navbar .nav-menu-dropdown .dropdown-content a:hover, header.old-header .navbar .nav-menu-dropdown .dropdown-content button:hover.btn-link { color: #fbfdfb; background-color: #0a2852; } header.no-nav.old-header .navbar-header { float: none; text-align: center; } header.no-nav.old-header .navbar-header a.navbar-brand, header.no-nav.old-header .navbar-header button.navbar-brand.btn-link { float: none; display: inline-block; padding: 0; margin-bottom: 10px; } header.no-nav.old-header .navbar-header a.navbar-brand img, header.no-nav.old-header .navbar-header button.navbar-brand.btn-link img { width: 188px; } @media only screen and (min-width : 1200px) { header.old-header .navbar .nav { position: relative; top: 19px; } } @media only screen and (max-width : 1200px) { header.old-header .navbar .nav li.mobilize-btn-user a, header.old-header .navbar .nav li.mobilize-btn-user button.btn-link { font-size: 15px; } header.old-header h1, header.old-header .h1-ish { font-size: 52px; } } @media (max-width: 991px) { header.old-header .navbar .user-btn-mobile { display: block; } header.old-header .navbar .nav li.mobilize-btn-user { display: none; } header.old-header .user-dropdown-panel { display: none; } header.old-header .navbar-header { float: none; } header.old-header .navbar-left, header.old-header .navbar-right { float: none !important; } header.old-header .navbar-toggle { display: block; } header.old-header .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } header.old-header .navbar-collapse[aria-expanded="true"] { width: 100vw; } header.old-header .navbar-fixed-top { top: 0; border-width: 0 0 1px; } header.old-header .navbar-collapse.collapse { display: none !important; } header.old-header .navbar-nav { float: none !important; margin-top: 7.5px; } header.old-header .navbar-nav > li { float: none; } header.old-header .navbar-nav > li > a, header.old-header .navbar-nav > li > button.btn-link { padding-top: 10px; padding-bottom: 10px; } header.old-header .collapse.in { display: block !important; } header.old-header .search-wrapper .search-input:not(:first-child) { margin-top: 10px; } header.old-header .search-wrapper .search-button-wrapper { text-align: center; } } @media only screen and (max-width : 991px) { header.old-header .navbar-container { padding: 0; margin: 0 -30px; } header.old-header .navbar .nav { top: 0; } header.old-header .navbar .nav li { padding-left: 0px; } header.old-header .navbar .nav li.mobilize-btn, header.old-header .navbar .nav li.mobilize-btn-donate, header.old-header .navbar .nav li.mobilize-btn-take-action { text-align: center; display: block; } header.old-header .navbar .nav li.mobilize-btn { border-bottom: 1px solid #ccc; } header.old-header .navbar .nav li.mobilize-btn .mobilize-link { padding: 10px 5px; padding-top: 15px; padding-bottom: 15px; padding-left: 35px; padding-right: 5px; text-align: left; } header.old-header .navbar .nav li.mobilize-btn-donate, header.old-header .navbar .nav li.mobilize-btn-take-action { margin: 25px auto 0 auto; width: calc(100% - 60px); } header.old-header .navbar .nav li a, header.old-header .navbar .nav li button.btn-link { font-size: 20px; } header.old-header .navbar .nav li .btn.donate-button, header.old-header .navbar .nav li .btn.take-action-button { padding: 7px 10px; } header.old-header .navbar .nav li .btn.take-action-button { margin-left: 0; } header.old-header .navbar .nav li .btn.donate-button { width: 90%; margin: auto; height: 50px; border-radius: 25px; } header.old-header .navbar .nav li .btn.donate-button span.btn-content { position: relative; margin: auto; } header.old-header .navbar .navbar-logo { position: static; top: 0; padding-left: inherit; } header.old-header .navbar .navbar-right { margin-left: 0px; margin-right: 0px; } header.old-header .navbar .nav-menu-dropdown .dropdown-content { position: static; } header.old-header .navbar .nav-menu-dropdown .dropdown-content .triangle-connector { display: none; } header.old-header .navbar .nav-menu-dropdown .dropdown-content a, header.old-header .navbar .nav-menu-dropdown .dropdown-content button.btn-link { padding-left: 35px; } header.old-header .navbar .nav-menu-dropdown .dropdown-content.hover-open { display: none; } header.old-header .navbar .nav-menu-dropdown .dropdown-content.click-open { display: block; } header.old-header .navbar-collapse { border: none; } } @media only screen and (max-width : 480px) { header.old-header .container-fluid { padding: 0px; } header.old-header .navbar .navbar-logo img { width: 140px; margin-top: 5px; } header.old-header .navbar .navbar-toggle { top: 10px; } header.old-header .navbar .user-btn-mobile { top: 16px; } } @media only screen and (max-width : 320px) { header.old-header .navbar .user-btn-mobile { right: 0; } } .text-danger { color: #ff5c66; } .glyphicon-graduation-cap-sm::before { content: ""; background-image: url('/static/img/sl_icon_college.svg'); background-repeat: no-repeat; position: absolute; height: 20px; width: 25px; left: -30px; top: -15px; } .main-content.cms-page .edit-link { position: fixed; top: 140px; right: 20px; } .main-content.cms-page h2, .main-content.cms-page h3, .main-content.cms-page h4, .main-content.cms-page p, .main-content.cms-page ul, .main-content.cms-page ol, .main-content.cms-page .h2-ish, .main-content.cms-page .h3-ish, .main-content.cms-page .h4-ish { max-width: 800px; } .main-content.cms-page.centered-content { text-align: center; } .main-content.cms-page.centered-content ul, .main-content.cms-page.centered-content ol, .main-content.cms-page.centered-content .checkbox, .main-content.cms-page.centered-content .checkbox-group, .main-content.cms-page.centered-content .radio { text-align: left; } .main-content.cms-page.centered-content h2, .main-content.cms-page.centered-content h3, .main-content.cms-page.centered-content h4, .main-content.cms-page.centered-content img, .main-content.cms-page.centered-content p, .main-content.cms-page.centered-content ul, .main-content.cms-page.centered-content ol, .main-content.cms-page.centered-content input, .main-content.cms-page.centered-content textarea, .main-content.cms-page.centered-content select, .main-content.cms-page.centered-content .alert, .main-content.cms-page.centered-content blockquote, .main-content.cms-page.centered-content .h2-ish, .main-content.cms-page.centered-content .h3-ish, .main-content.cms-page.centered-content .h4-ish { margin-left: auto; margin-right: auto; } .main-content.cms-page input, .main-content.cms-page textarea, .main-content.cms-page select, .main-content.cms-page .alert { max-width: 800px; } .main-content.cms-page hr:not([class]) { border-width: 0 0 5px 0; border-style: dotted; border-image-source: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjVweCIgaGVpZ2h0PSIyNXB4IiB2aWV3Qm94PSIwIDAgMjUgMjUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPmRvdHM8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gICAgICAgIDxnIGlkPSJBcnRib2FyZC0xIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQwLjAwMDAwMCwgLTE1NC4wMDAwMDApIiBmaWxsPSIjMDBjNGZmIj4gICAgICAgICAgICA8ZyBpZD0iZG90cyIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQwLjAwMDAwMCwgMTU0LjAwMDAwMCkiPiAgICAgICAgICAgICAgICA8ZyBpZD0iZG90IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4gICAgICAgICAgICAgICAgICAgIDxnPiAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgY3g9IjIuNSIgY3k9IjIuNSIgcj0iMi41Ij48L2NpcmNsZT4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8ZyBpZD0iZG90IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMjAuMDAwMDAwKSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+ICAgICAgICAgICAgICAgICAgICA8Zz4gICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGN4PSIyLjUiIGN5PSIyLjUiIHI9IjIuNSI+PC9jaXJjbGU+ICAgICAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPGcgaWQ9ImRvdCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDEwLjAwMDAwMCkiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPiAgICAgICAgICAgICAgICAgICAgPGc+ICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBjeD0iMi41IiBjeT0iMi41IiByPSIyLjUiPjwvY2lyY2xlPiAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgIDxnIGlkPSJkb3QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgMC4wMDAwMDApIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4gICAgICAgICAgICAgICAgICAgIDxnPiAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgY3g9IjIuNSIgY3k9IjIuNSIgcj0iMi41Ij48L2NpcmNsZT4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8ZyBpZD0iZG90IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMC4wMDAwMDAsIDIwLjAwMDAwMCkiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPiAgICAgICAgICAgICAgICAgICAgPGc+ICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBjeD0iMi41IiBjeT0iMi41IiByPSIyLjUiPjwvY2lyY2xlPiAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgIDxnIGlkPSJkb3QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwLjAwMDAwMCwgMC4wMDAwMDApIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4gICAgICAgICAgICAgICAgICAgIDxnPiAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgY3g9IjIuNSIgY3k9IjIuNSIgcj0iMi41Ij48L2NpcmNsZT4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8ZyBpZD0iZG90IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMC4wMDAwMDAsIDIwLjAwMDAwMCkiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPiAgICAgICAgICAgICAgICAgICAgPGc+ICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBjeD0iMi41IiBjeT0iMi41IiByPSIyLjUiPjwvY2lyY2xlPiAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgIDxnIGlkPSJkb3QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwLjAwMDAwMCwgMTAuMDAwMDAwKSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+ICAgICAgICAgICAgICAgICAgICA8Zz4gICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGN4PSIyLjUiIGN5PSIyLjUiIHI9IjIuNSI+PC9jaXJjbGU+ICAgICAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICA8L2c+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=); border-image-slice: 20% 20%; border-image-repeat: round; margin: 40px 0; padding: 0; } .main-content.cms-page hr:not([class]).blue { border-image-source: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjVweCIgaGVpZ2h0PSIyNXB4IiB2aWV3Qm94PSIwIDAgMjUgMjUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPmRvdHM8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gICAgICAgIDxnIGlkPSJBcnRib2FyZC0xIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQwLjAwMDAwMCwgLTE1NC4wMDAwMDApIiBmaWxsPSIjMDAyODU1Ij4gICAgICAgICAgICA8ZyBpZD0iZG90cyIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQwLjAwMDAwMCwgMTU0LjAwMDAwMCkiPiAgICAgICAgICAgICAgICA8ZyBpZD0iZG90IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4gICAgICAgICAgICAgICAgICAgIDxnPiAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgY3g9IjIuNSIgY3k9IjIuNSIgcj0iMi41Ij48L2NpcmNsZT4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8ZyBpZD0iZG90IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMjAuMDAwMDAwKSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+ICAgICAgICAgICAgICAgICAgICA8Zz4gICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGN4PSIyLjUiIGN5PSIyLjUiIHI9IjIuNSI+PC9jaXJjbGU+ICAgICAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPGcgaWQ9ImRvdCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDEwLjAwMDAwMCkiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPiAgICAgICAgICAgICAgICAgICAgPGc+ICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBjeD0iMi41IiBjeT0iMi41IiByPSIyLjUiPjwvY2lyY2xlPiAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgIDxnIGlkPSJkb3QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgMC4wMDAwMDApIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4gICAgICAgICAgICAgICAgICAgIDxnPiAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgY3g9IjIuNSIgY3k9IjIuNSIgcj0iMi41Ij48L2NpcmNsZT4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8ZyBpZD0iZG90IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMC4wMDAwMDAsIDIwLjAwMDAwMCkiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPiAgICAgICAgICAgICAgICAgICAgPGc+ICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBjeD0iMi41IiBjeT0iMi41IiByPSIyLjUiPjwvY2lyY2xlPiAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgIDxnIGlkPSJkb3QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwLjAwMDAwMCwgMC4wMDAwMDApIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4gICAgICAgICAgICAgICAgICAgIDxnPiAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgY3g9IjIuNSIgY3k9IjIuNSIgcj0iMi41Ij48L2NpcmNsZT4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8ZyBpZD0iZG90IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMC4wMDAwMDAsIDIwLjAwMDAwMCkiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPiAgICAgICAgICAgICAgICAgICAgPGc+ICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBjeD0iMi41IiBjeT0iMi41IiByPSIyLjUiPjwvY2lyY2xlPiAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgIDxnIGlkPSJkb3QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwLjAwMDAwMCwgMTAuMDAwMDAwKSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+ICAgICAgICAgICAgICAgICAgICA8Zz4gICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGN4PSIyLjUiIGN5PSIyLjUiIHI9IjIuNSI+PC9jaXJjbGU+ICAgICAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICA8L2c+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4K); } .main-content.cms-page hr:not([class]).grey { border-image-source: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjVweCIgaGVpZ2h0PSIyNXB4IiB2aWV3Qm94PSIwIDAgMjUgMjUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPmRvdHM8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gICAgICAgIDxnIGlkPSJBcnRib2FyZC0xIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQwLjAwMDAwMCwgLTE1NC4wMDAwMDApIiBmaWxsPSIjZDFkMWQxIj4gICAgICAgICAgICA8ZyBpZD0iZG90cyIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQwLjAwMDAwMCwgMTU0LjAwMDAwMCkiPiAgICAgICAgICAgICAgICA8ZyBpZD0iZG90IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4gICAgICAgICAgICAgICAgICAgIDxnPiAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgY3g9IjIuNSIgY3k9IjIuNSIgcj0iMi41Ij48L2NpcmNsZT4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8ZyBpZD0iZG90IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMjAuMDAwMDAwKSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+ICAgICAgICAgICAgICAgICAgICA8Zz4gICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGN4PSIyLjUiIGN5PSIyLjUiIHI9IjIuNSI+PC9jaXJjbGU+ICAgICAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPGcgaWQ9ImRvdCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDEwLjAwMDAwMCkiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPiAgICAgICAgICAgICAgICAgICAgPGc+ICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBjeD0iMi41IiBjeT0iMi41IiByPSIyLjUiPjwvY2lyY2xlPiAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgIDxnIGlkPSJkb3QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgMC4wMDAwMDApIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4gICAgICAgICAgICAgICAgICAgIDxnPiAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgY3g9IjIuNSIgY3k9IjIuNSIgcj0iMi41Ij48L2NpcmNsZT4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8ZyBpZD0iZG90IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMC4wMDAwMDAsIDIwLjAwMDAwMCkiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPiAgICAgICAgICAgICAgICAgICAgPGc+ICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBjeD0iMi41IiBjeT0iMi41IiByPSIyLjUiPjwvY2lyY2xlPiAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgIDxnIGlkPSJkb3QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwLjAwMDAwMCwgMC4wMDAwMDApIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4gICAgICAgICAgICAgICAgICAgIDxnPiAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgY3g9IjIuNSIgY3k9IjIuNSIgcj0iMi41Ij48L2NpcmNsZT4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8ZyBpZD0iZG90IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMC4wMDAwMDAsIDIwLjAwMDAwMCkiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPiAgICAgICAgICAgICAgICAgICAgPGc+ICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBjeD0iMi41IiBjeT0iMi41IiByPSIyLjUiPjwvY2lyY2xlPiAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgIDxnIGlkPSJkb3QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwLjAwMDAwMCwgMTAuMDAwMDAwKSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+ICAgICAgICAgICAgICAgICAgICA8Zz4gICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGN4PSIyLjUiIGN5PSIyLjUiIHI9IjIuNSI+PC9jaXJjbGU+ICAgICAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICA8L2c+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4K); } .main-content.cms-page .btn-primary, .main-content.cms-page .btn-default { font-size: 20px; height: 50px; padding-left: 20px; padding-right: 20px; min-width: 100px; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; align-items: center; -webkit-justify-content: center; justify-content: center; font-family: 'Roboto', sans-serif; font-weight: bold; border-radius: 30px; cursor: pointer; text-align: center; border: 2px solid transparent; text-decoration: none; } .main-content.cms-page .btn-primary:focus, .main-content.cms-page .btn-default:focus { outline: 0; box-shadow: 0 0 5px #00c4ff; } .main-content.cms-page .btn-primary { background-color: #ff5c66; color: #0a2852; transition: 0.3s; } .main-content.cms-page .btn-primary svg { fill: #0a2852; } .main-content.cms-page .btn-primary:hover, .main-content.cms-page .btn-primary:active { background-color: #0a2852; color: #fbfdfb; } .main-content.cms-page .btn-primary:hover svg, .main-content.cms-page .btn-primary:active svg { fill: #fbfdfb; } .main-content.cms-page .btn-primary:focus { outline: 0; box-shadow: 0 0 0 2px #0a2852 !important; background-color: #ff5c66; color: #0a2852; } .main-content.cms-page .btn-primary:disabled { background-color: rgba(255, 92, 102, 0.7); color: #fbfdfb; } .main-content.cms-page .btn-default { background-color: #00c4ff; color: #0a2852; transition: 0.3s; } .main-content.cms-page .btn-default svg { fill: #0a2852; } .main-content.cms-page .btn-default:hover, .main-content.cms-page .btn-default:active { background-color: #0a2852; color: #fbfdfb; } .main-content.cms-page .btn-default:hover svg, .main-content.cms-page .btn-default:active svg { fill: #fbfdfb; } .main-content.cms-page .btn-default:focus { outline: 0; box-shadow: 0 0 0 2px #0a2852 !important; background-color: #00c4ff; color: #0a2852; } .main-content.cms-page .btn-default:disabled { background-color: rgba(0, 196, 255, 0.7); color: #fbfdfb; } .cms-title-col, .cms-content-col { max-width: 800px; float: none; margin: 0 auto; } @media only screen and (min-width : 1200px) { .main-content.cms-page img { max-width: calc(800px - 30px); } .main-content.cms-page.centered-content img { max-width: 800px; } } @media only screen and (max-width : 1199px) { .main-content.cms-page img { max-width: calc(800px - 30px); } .main-content.cms-page.centered-content img { max-width: 800px; } } @media only screen and (max-width : 991px) { .main-content.cms-page img { max-width: calc(750px - 30px); } .main-content.cms-page.centered-content img { max-width: calc(750px - 30px); } } @media only screen and (max-width : 767px) { .main-content.cms-page img { max-width: 100%; } .main-content.cms-page.centered-content img { max-width: 100%; } } .autocomplete-wrapper .autocomplete, .autocomplete-wrapper pre { width: calc(100% - 20px); } .autocomplete-wrapper .inputtext { border: 1px solid grey; margin: 0; padding: 5px; width: 100%; } .autocomplete-wrapper .choices { position: absolute; background-color: #fbfdfb; z-index: 1000000; } .autocomplete-wrapper .choices .choice { border: 1px solid #ccc; cursor: pointer; padding: 5px; width: 100%; } .calendar-widget-container { margin-top: 30px; } .add-to-calendar { position: relative; text-align: left; } .add-to-calendar > * { display: none; } .add-to-calendar > .add-to-calendar-widget { display: block; } .add-to-calendar-label { cursor: pointer; } .add-to-calendar-checkbox + div.add-to-calendar-dropdown { display: none; margin-left: 20px; } .add-to-calendar-checkbox:checked + div.add-to-calendar-dropdown { display: block; } input[type=checkbox].add-to-calendar-checkbox { position: absolute; visibility: hidden; } .add-to-calendar-checkbox + div.add-to-calendar-dropdown a, .add-to-calendar-checkbox + div.add-to-calendar-dropdown button.btn-link { cursor: pointer; display: block; } .add-to-calendar-checkbox + div.add-to-calendar-dropdown a:before, .add-to-calendar-checkbox + div.add-to-calendar-dropdown button.btn-link:before { width: 16px; height: 16px; display: inline-block; margin-right: 0.5em; content: ' '; background-image: url(/static/img/calendar-icons.png); } .icon-ical:before { background-position: -68px 0; } .icon-yahoo:before { background-position: -32px; } .icon-google:before { background-position: -52px 0; } .add-to-calendar-widget { font-family: sans-serif; margin: 1em 0; position: relative; } .add-to-calendar-dropdown { position: relative; width: 250px; z-index: 99; background-color: #fff; top: 0; left: 0; padding: 1em; margin: 0 !important; border-radius: 3px; box-shadow: 0 0 0 0.5px rgba(50, 50, 93, 0.05), 0 2px 5px 0 rgba(50, 50, 93, 0.05), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 0 0 0 transparent !important; } .add-to-calendar-dropdown a, .add-to-calendar-dropdown button.btn-link { display: block; line-height: 1.75em; text-decoration: none; color: inherit; opacity: 0.7; } .add-to-calendar-dropdown a:hover, .add-to-calendar-dropdown button:hover.btn-link { opacity: 1; } .btn-share svg { fill: white; width: 25px; } .modal-dialog.modal-small { top: 15%; width: auto; } .modal-dialog.modal-small .modal-content { max-width: 400px; margin: auto; width: 100%; } .modal-dialog.modal-small .change-input-modal { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; width: 100%; padding: 10px 30px 30px 30px; } .modal-dialog.modal-small .change-input-modal .close-button { position: absolute; top: 20px; right: 20px; } .modal-dialog.modal-small .change-input-modal .close-button a, .modal-dialog.modal-small .change-input-modal .close-button button.btn-link { color: #002855; } .modal-dialog.modal-small .change-input-modal h1, .modal-dialog.modal-small .change-input-modal .h1-ish { font-size: 28px; width: 100%; padding: 0; text-align: left; color: #0a2852; margin-bottom: 0px; text-transform: none; } .modal-dialog.modal-small .change-input-modal p { margin-bottom: 20px; -webkit-box: 1; -moz-box: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 100%; line-height: 1.45em; } .modal-dialog.modal-small .change-input-modal .modal-input-group { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-direction: normal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; -webkit-box: 1; -moz-box: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; height: 100%; width: 100%; } .modal-dialog.modal-small .change-input-modal .modal-input-group .input-with-label { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; margin-right: 15px; -webkit-box: 1; -moz-box: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .modal-dialog.modal-small .change-input-modal .modal-input-group .input-with-label.zip-input { max-width: 50%; } .modal-dialog.modal-small .change-input-modal .modal-input-group .input-with-label.state-input { -webkit-box: 2; -moz-box: 2; -webkit-flex: 2 2 auto; -ms-flex: 2 2 auto; flex: 2 2 auto; min-width: 185px; } .modal-dialog.modal-small .change-input-modal .modal-input-group .input-with-label label { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .modal-dialog.modal-small .change-input-modal .modal-input-group .input-with-label input { max-width: 200px; } .modal-dialog.modal-small .change-input-modal .modal-input-group button { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; -webkit-box: 1; -moz-box: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; } .btn.btn-sl.btn-share { background-color: #00c4ff; color: #0a2852; transition: 0.3s; height: 50px; padding-right: 0px; padding-left: 0px; width: 70px; min-width: 0px; transition: width 0.25s; -webkit-transition: width 0.25s; } .btn.btn-sl.btn-share svg { fill: #0a2852; } .btn.btn-sl.btn-share:hover, .btn.btn-sl.btn-share:active { background-color: #0a2852; color: #fbfdfb; } .btn.btn-sl.btn-share:hover svg, .btn.btn-sl.btn-share:active svg { fill: #fbfdfb; } .btn.btn-sl.btn-share:focus { outline: 0; box-shadow: 0 0 0 2px #0a2852 !important; background-color: #00c4ff; color: #0a2852; } .btn.btn-sl.btn-share:disabled { background-color: rgba(0, 196, 255, 0.7); color: #fbfdfb; } .btn.btn-sl.btn-share.contains-message { width: 80px; } .btn.btn-sl.btn-share img { width: 28px; } .btn.btn-sl.btn-share .copy-message { font-size: 14px; font-family: 'Roboto', sans-serif; } .btn-share-array :not(:first-child) { padding-left: 10px; } .file-uploader .dropzone { padding: 80px 50px; text-align: center; color: #777; border: 2px dashed #d3d3d3; background-color: #f5f5f5; margin-bottom: 20px; } .file-uploader .nv-file-over { border: 2px dashed #ff5d67; } .file-uploader .file-uploader-input-wrapper { text-align: center; } .file-uploader input[type="file"] { display: none; } .file-uploader .upload-select { cursor: pointer; } .file-uploader p.overwrite-warning { margin: 10px 0; } .file-uploader .progress { margin-top: 20px; } .file-uploader .alert { margin-top: 20px; } .span-disabled { pointer-events: none; } .set-language-link { cursor: pointer; } [sl-sortable] { cursor: pointer; } [sl-sortable]::after { content: "▲"; font-size: 12px; padding-left: 5px; visibility: hidden; } .sl-sortable-active-asc::after { content: "▲"; visibility: visible; } .sl-sortable-active-desc::after { content: "▼"; visibility: visible; } .targets-map { background-color: #0a2852; } .targets-map .intro { text-align: center; padding-top: 60px; padding-bottom: 60px; } .targets-map .intro h1, .targets-map .intro p, .targets-map .intro .h1-ish { color: #fbfdfb !important; } .targets-map .intro h1, .targets-map .intro .h1-ish { margin: auto !important; padding-bottom: 25px; line-height: normal; } .targets-map .intro p { max-width: 65% !important; margin: auto !important; color: #fbfdfb; } .targets-map .intro p a, .targets-map .intro p button.btn-link { color: #fbfdfb; text-decoration: underline; } .targets-map .intro p a:hover, .targets-map .intro p button:hover.btn-link { color: #00c4ff; } .targets-map .map-and-buttons { padding-bottom: 70px; } .targets-map .map-and-buttons .buttons-section, .targets-map .map-and-buttons .map-section { display: inline-block; vertical-align: middle; float: none; } .targets-map .map-and-buttons .buttons-section h3, .targets-map .map-and-buttons .buttons-section .h3-ish { font-family: 'Barlow Condensed', sans-serif; } .targets-map .map-and-buttons .buttons-section .senate-section, .targets-map .map-and-buttons .buttons-section .presidential-section { padding-bottom: 35px; } .targets-map .map-and-buttons .buttons-section .senate-section .section-blurb > p, .targets-map .map-and-buttons .buttons-section .presidential-section .section-blurb > p, .targets-map .map-and-buttons .buttons-section .gerrymandering-section .section-blurb > p { color: #fbfdfb; font-size: 14px; line-height: 1.5em; padding-top: 10px; padding-bottom: 12px; } .targets-map .map-and-buttons .buttons-section .senate-section .section-title > h3, .targets-map .map-and-buttons .buttons-section .presidential-section .section-title > h3, .targets-map .map-and-buttons .buttons-section .gerrymandering-section .section-title > h3, .targets-map .map-and-buttons .buttons-section .senate-section .section-title > .h3-ish, .targets-map .map-and-buttons .buttons-section .presidential-section .section-title > .h3-ish, .targets-map .map-and-buttons .buttons-section .gerrymandering-section .section-title > .h3-ish { font-size: 27px; font-weight: 700; margin-bottom: 0; } .targets-map .map-and-buttons .buttons-section .senate-section .section-button a, .targets-map .map-and-buttons .buttons-section .presidential-section .section-button a, .targets-map .map-and-buttons .buttons-section .gerrymandering-section .section-button a, .targets-map .map-and-buttons .buttons-section .senate-section .section-button button.btn-link, .targets-map .map-and-buttons .buttons-section .presidential-section .section-button button.btn-link, .targets-map .map-and-buttons .buttons-section .gerrymandering-section .section-button button.btn-link { height: 35px; padding: 0; font-size: 18px; line-height: normal; } .targets-map .map-and-buttons .buttons-section .senate-section .section-button a:focus, .targets-map .map-and-buttons .buttons-section .presidential-section .section-button a:focus, .targets-map .map-and-buttons .buttons-section .gerrymandering-section .section-button a:focus, .targets-map .map-and-buttons .buttons-section .senate-section .section-button button:focus.btn-link, .targets-map .map-and-buttons .buttons-section .presidential-section .section-button button:focus.btn-link, .targets-map .map-and-buttons .buttons-section .gerrymandering-section .section-button button:focus.btn-link { outline-color: #fbfdfb; } .targets-map .map-and-buttons .buttons-section .senate-section .section-title > h3, .targets-map .map-and-buttons .buttons-section .senate-section .section-title > .h3-ish { color: #ff5c66; } .targets-map .map-and-buttons .buttons-section .senate-section .section-button a, .targets-map .map-and-buttons .buttons-section .senate-section .section-button button.btn-link { border-color: #ff5c66; } .targets-map .map-and-buttons .buttons-section .senate-section .section-button a.off, .targets-map .map-and-buttons .buttons-section .senate-section .section-button button.off.btn-link { background-color: #ff5c66; color: #0a2852; } .targets-map .map-and-buttons .buttons-section .senate-section .section-button a.off:hover, .targets-map .map-and-buttons .buttons-section .senate-section .section-button button.off:hover.btn-link { border-color: transparent; background-color: rgba(255, 93, 103, 0.7); } .targets-map .map-and-buttons .buttons-section .senate-section .section-button a.on, .targets-map .map-and-buttons .buttons-section .senate-section .section-button button.on.btn-link { background-color: unset; color: #ff5c66; } .targets-map .map-and-buttons .buttons-section .senate-section .section-button a.on:hover, .targets-map .map-and-buttons .buttons-section .senate-section .section-button button.on:hover.btn-link { border-color: rgba(255, 93, 103, 0.7); color: rgba(255, 93, 103, 0.7); } .targets-map .map-and-buttons .buttons-section .presidential-section .section-title > h3, .targets-map .map-and-buttons .buttons-section .presidential-section .section-title > .h3-ish { color: #ffff00; } .targets-map .map-and-buttons .buttons-section .presidential-section .section-button a, .targets-map .map-and-buttons .buttons-section .presidential-section .section-button button.btn-link { border-color: #ffff00; } .targets-map .map-and-buttons .buttons-section .presidential-section .section-button a.off, .targets-map .map-and-buttons .buttons-section .presidential-section .section-button button.off.btn-link { background-color: #ffff00; color: #0a2852; } .targets-map .map-and-buttons .buttons-section .presidential-section .section-button a.off:hover, .targets-map .map-and-buttons .buttons-section .presidential-section .section-button button.off:hover.btn-link { border-color: transparent; background-color: rgba(255, 255, 0, 0.7); } .targets-map .map-and-buttons .buttons-section .presidential-section .section-button a.on, .targets-map .map-and-buttons .buttons-section .presidential-section .section-button button.on.btn-link { background-color: unset; color: #ffff00; } .targets-map .map-and-buttons .buttons-section .presidential-section .section-button a.on:hover, .targets-map .map-and-buttons .buttons-section .presidential-section .section-button button.on:hover.btn-link { border-color: rgba(255, 255, 0, 0.7); color: rgba(255, 255, 0, 0.7); } .targets-map .map-and-buttons .buttons-section .gerrymandering-section .section-title > h3, .targets-map .map-and-buttons .buttons-section .gerrymandering-section .section-title > .h3-ish { color: #00c4ff; } .targets-map .map-and-buttons .buttons-section .gerrymandering-section .section-button a, .targets-map .map-and-buttons .buttons-section .gerrymandering-section .section-button button.btn-link { border-color: #00c4ff; } .targets-map .map-and-buttons .buttons-section .gerrymandering-section .section-button a.off, .targets-map .map-and-buttons .buttons-section .gerrymandering-section .section-button button.off.btn-link { background-color: #00c4ff; color: #0a2852; } .targets-map .map-and-buttons .buttons-section .gerrymandering-section .section-button a.off:hover, .targets-map .map-and-buttons .buttons-section .gerrymandering-section .section-button button.off:hover.btn-link { border-color: transparent; background-color: rgba(0, 196, 255, 0.7); } .targets-map .map-and-buttons .buttons-section .gerrymandering-section .section-button a.on, .targets-map .map-and-buttons .buttons-section .gerrymandering-section .section-button button.on.btn-link { background-color: unset; color: #00c4ff; } .targets-map .map-and-buttons .buttons-section .gerrymandering-section .section-button a.on:hover, .targets-map .map-and-buttons .buttons-section .gerrymandering-section .section-button button.on:hover.btn-link { border-color: rgba(0, 196, 255, 0.7); color: rgba(0, 196, 255, 0.7); } .targets-map .map-and-buttons .map-section { padding-left: 50px; } .targets-map .map-and-buttons .map-section img { width: 100%; } .email-invite-container { padding-top: 15px; } .email-invite-container.dark-theme input[type="text"], .email-invite-container.dark-theme input[type="url"], .email-invite-container.dark-theme input[type="email"], .email-invite-container.dark-theme input[type="number"], .email-invite-container.dark-theme input[type="tel"], .email-invite-container.dark-theme input[type="password"], .email-invite-container.dark-theme input[type="file"] + label, .email-invite-container.dark-theme textarea, .email-invite-container.dark-theme select { border-color: #fbfdfb; color: #fbfdfb; } .email-invite-container.dark-theme input[type="text"]::placeholder, .email-invite-container.dark-theme input[type="url"]::placeholder, .email-invite-container.dark-theme input[type="email"]::placeholder, .email-invite-container.dark-theme input[type="number"]::placeholder, .email-invite-container.dark-theme input[type="tel"]::placeholder, .email-invite-container.dark-theme input[type="password"]::placeholder, .email-invite-container.dark-theme input[type="file"] + label::placeholder, .email-invite-container.dark-theme textarea::placeholder, .email-invite-container.dark-theme select::placeholder { color: #6B7276; } .email-invite-container.dark-theme input[type="text"]::-webkit-input-placeholder, .email-invite-container.dark-theme input[type="url"]::-webkit-input-placeholder, .email-invite-container.dark-theme input[type="email"]::-webkit-input-placeholder, .email-invite-container.dark-theme input[type="number"]::-webkit-input-placeholder, .email-invite-container.dark-theme input[type="tel"]::-webkit-input-placeholder, .email-invite-container.dark-theme input[type="password"]::-webkit-input-placeholder, .email-invite-container.dark-theme input[type="file"] + label::-webkit-input-placeholder, .email-invite-container.dark-theme textarea::-webkit-input-placeholder, .email-invite-container.dark-theme select::-webkit-input-placeholder { color: #6B7276; } .email-invite-container.dark-theme input[type="text"]:-moz-placeholder, .email-invite-container.dark-theme input[type="url"]:-moz-placeholder, .email-invite-container.dark-theme input[type="email"]:-moz-placeholder, .email-invite-container.dark-theme input[type="number"]:-moz-placeholder, .email-invite-container.dark-theme input[type="tel"]:-moz-placeholder, .email-invite-container.dark-theme input[type="password"]:-moz-placeholder, .email-invite-container.dark-theme input[type="file"] + label:-moz-placeholder, .email-invite-container.dark-theme textarea:-moz-placeholder, .email-invite-container.dark-theme select:-moz-placeholder { color: #6B7276; } .email-invite-container.dark-theme input[type="text"]::-moz-placeholder, .email-invite-container.dark-theme input[type="url"]::-moz-placeholder, .email-invite-container.dark-theme input[type="email"]::-moz-placeholder, .email-invite-container.dark-theme input[type="number"]::-moz-placeholder, .email-invite-container.dark-theme input[type="tel"]::-moz-placeholder, .email-invite-container.dark-theme input[type="password"]::-moz-placeholder, .email-invite-container.dark-theme input[type="file"] + label::-moz-placeholder, .email-invite-container.dark-theme textarea::-moz-placeholder, .email-invite-container.dark-theme select::-moz-placeholder { color: #6B7276; } .email-invite-container.dark-theme input[type="text"]:-ms-input-placeholder, .email-invite-container.dark-theme input[type="url"]:-ms-input-placeholder, .email-invite-container.dark-theme input[type="email"]:-ms-input-placeholder, .email-invite-container.dark-theme input[type="number"]:-ms-input-placeholder, .email-invite-container.dark-theme input[type="tel"]:-ms-input-placeholder, .email-invite-container.dark-theme input[type="password"]:-ms-input-placeholder, .email-invite-container.dark-theme input[type="file"] + label:-ms-input-placeholder, .email-invite-container.dark-theme textarea:-ms-input-placeholder, .email-invite-container.dark-theme select:-ms-input-placeholder { color: #6B7276; } .email-invite-container.dark-theme input[type="radio"] + label, .email-invite-container.dark-theme input[type="checkbox"] + label { color: #fbfdfb; } .email-invite-container.dark-theme select { box-shadow: 0px 4px rgba(0, 0, 0, 0.5); } .email-invite-container.dark-theme .has-error select { box-shadow: 0px 4px #e8e8e8; } .email-invite-container.dark-theme .input-group-with-prefix .input-group-addon, .email-invite-container.dark-theme .input-group-with-suffix .input-group-addon { background-color: #fbfdfb; color: #fbfdfb; } .email-invite-container.dark-theme label { color: #fbfdfb; } .email-invite-container.dark-theme .form-question h3, .email-invite-container.dark-theme .form-question h4, .email-invite-container.dark-theme .form-question .h3-ish, .email-invite-container.dark-theme .form-question .h4-ish { color: #fbfdfb; } .email-invite-container.dark-theme .form-question h3 a, .email-invite-container.dark-theme .form-question h4 a, .email-invite-container.dark-theme .form-question .h3-ish a, .email-invite-container.dark-theme .form-question .h4-ish a, .email-invite-container.dark-theme .form-question h3 button.btn-link, .email-invite-container.dark-theme .form-question h4 button.btn-link, .email-invite-container.dark-theme .form-question .h3-ish button.btn-link, .email-invite-container.dark-theme .form-question .h4-ish button.btn-link { color: #fbfdfb; } .email-invite-container.dark-theme .form-question h3 a:hover, .email-invite-container.dark-theme .form-question h4 a:hover, .email-invite-container.dark-theme .form-question .h3-ish a:hover, .email-invite-container.dark-theme .form-question .h4-ish a:hover, .email-invite-container.dark-theme .form-question h3 button:hover.btn-link, .email-invite-container.dark-theme .form-question h4 button:hover.btn-link, .email-invite-container.dark-theme .form-question .h3-ish button:hover.btn-link, .email-invite-container.dark-theme .form-question .h4-ish button:hover.btn-link { color: #00c4ff; } .email-invite-container.dark-theme .has-error input[type="text"], .email-invite-container.dark-theme .has-error input[type="url"], .email-invite-container.dark-theme .has-error input[type="email"], .email-invite-container.dark-theme .has-error input[type="number"], .email-invite-container.dark-theme .has-error input[type="tel"], .email-invite-container.dark-theme .has-error input[type="radio"], .email-invite-container.dark-theme .has-error input[type="file"] + label, .email-invite-container.dark-theme .has-error input[type="checkbox"], .email-invite-container.dark-theme .has-error textarea, .email-invite-container.dark-theme .has-error select { background-color: #ff5c66; } .email-invite-container.dark-theme .has-error input[type="radio"] + label, .email-invite-container.dark-theme .has-error input[type="checkbox"] + label { color: #ff5c66; } .email-invite-container.dark-theme .disabled input[type="text"], .email-invite-container.dark-theme .disabled input[type="url"], .email-invite-container.dark-theme .disabled input[type="email"], .email-invite-container.dark-theme .disabled input[type="number"], .email-invite-container.dark-theme .disabled input[type="tel"], .email-invite-container.dark-theme .disabled input[type="radio"], .email-invite-container.dark-theme .disabled input[type="checkbox"], .email-invite-container.dark-theme .disabled input[type="file"] + label, .email-invite-container.dark-theme .disabled textarea, .email-invite-container.dark-theme .disabled select { border-color: #dcdfdf; color: #dcdfdf; } .email-invite-container.dark-theme .disabled input[type="radio"] + label, .email-invite-container.dark-theme .disabled input[type="checkbox"] + label { color: #dcdfdf; } .email-invite-container.dark-theme .disabled label { color: #dcdfdf; } .email-invite-container.dark-theme .disabled .form-question h3, .email-invite-container.dark-theme .disabled .form-question h4, .email-invite-container.dark-theme .disabled .form-question .h3-ish, .email-invite-container.dark-theme .disabled .form-question .h4-ish { color: #dcdfdf; } .email-invite-container.dark-theme .disabled .form-question h3 a, .email-invite-container.dark-theme .disabled .form-question h4 a, .email-invite-container.dark-theme .disabled .form-question .h3-ish a, .email-invite-container.dark-theme .disabled .form-question .h4-ish a, .email-invite-container.dark-theme .disabled .form-question h3 button.btn-link, .email-invite-container.dark-theme .disabled .form-question h4 button.btn-link, .email-invite-container.dark-theme .disabled .form-question .h3-ish button.btn-link, .email-invite-container.dark-theme .disabled .form-question .h4-ish button.btn-link { color: #dcdfdf; } .email-invite-container.dark-theme .disabled .input-group-with-prefix .input-group-addon, .email-invite-container.dark-theme .disabled .input-group-with-suffix .input-group-addon { background-color: #dcdfdf; } .email-invite-container.dark-theme select { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMyA4LjkzIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZiZmRmYjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmRyb3Bkb3duX3doaXRlPC90aXRsZT48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMCAwIDExLjUgOC45MyAyMyAwIDAgMCIvPjwvc3ZnPg==); } .email-invite-container.dark-theme .btn { transition: all ease 0.3s; } .email-invite-container.dark-theme .btn:hover { background-color: #ffffff; } .email-invite-container .email-button-col { padding-top: 25px; } .events-feed hr.event-feed { border-width: 1px; } .events-feed hr.event-feed.thick { margin: 35px 0px; border-width: 1px; border-color: #0a2852; } .events-feed hr.event-feed.thick.special { margin-top: 15px; } .events-feed hr.event-feed.thin { margin: 20px 0px; border-width: 1px; } .events-feed .collapse-control a, .events-feed .collapse-control button.btn-link { color: #002855; font-size: 20px; font-weight: bold; text-decoration: none; } @media only screen and (min-width : 992px) { .events-feed .collapse-control { display: none; } } .events-feed .filter-row { font-family: 'Roboto', sans-serif; } .events-feed .filter-row .filter-toggle-link { font-size: 16px; color: #0a2852; text-decoration: none; } .events-feed .filter-row .filter-toggle-link.selected, .events-feed .filter-row .filter-toggle-link:hover { color: #316ce1; } .events-feed .filter-row .filter-toggle-link.selected .underline-me, .events-feed .filter-row .filter-toggle-link:hover .underline-me { text-decoration: underline; } @media only screen and (min-width : 992px) { .events-feed .filter-row.collapsing { -webkit-transition: none; transition: none; display: none; } } @media only screen and (max-width : 991px) { .events-feed .filter-row { padding-top: 10px; } } .events-feed .events .event hr.event-feed { padding: 0px; } .events-feed .events .event .img-col img { max-width: 100%; width: 100%; } .events-feed .events .event .details-col { font-family: 'Roboto', sans-serif; font-weight: normal; } .events-feed .events .event .details-col .title-col a h3, .events-feed .events .event .details-col .title-col a .h3-ish, .events-feed .events .event .details-col .title-col button.btn-link h3, .events-feed .events .event .details-col .title-col button.btn-link .h3-ish { line-height: 1.3em; } .events-feed .events .event .details-col .title-col a:hover, .events-feed .events .event .details-col .title-col button:hover.btn-link { text-decoration: none; } .events-feed .events .event .details-col .loc-col img { width: 15px; padding-bottom: 2px; } .events-feed .events .event .details-col .group-col a, .events-feed .events .event .details-col .group-col button.btn-link { color: #0a2852; text-decoration: none; } .events-feed .events .event .details-col .group-col a:hover, .events-feed .events .event .details-col .group-col button:hover.btn-link { text-decoration: underline; } .events-feed .events .event .details-col .time-col { color: #0a2852; line-height: 1.4em; font-weight: bold; } .events-feed .events .event .details-col .time-col .other-times { font-weight: 300; } .events-feed .events .event .details-col .time-col .other-times a, .events-feed .events .event .details-col .time-col .other-times button.btn-link { color: #0a2852; text-decoration: underline; font-weight: 300; } .events-feed .events .event .details-col .cta-col { text-align: right; } @media only screen and (max-width : 991px) { .events-feed .events .event .details-col .title-col { padding-top: 20px; } .events-feed .events .event .details-col .loc-col { padding-top: 10px; font-size: 14px; } .events-feed .events .event .details-col .cta-col { padding-top: 20px; } .events-feed .events .event .details-col .cta-col .btn-sl.btn-sm { max-width: 100%; width: 100%; font-size: 20px; height: 50px; padding-left: 20px; padding-right: 20px; min-width: 100px; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; align-items: center; -webkit-justify-content: center; justify-content: center; font-family: 'Roboto', sans-serif; font-weight: bold; border-radius: 30px; cursor: pointer; text-align: center; border: 2px solid transparent; text-decoration: none; } .events-feed .events .event .details-col .cta-col .btn-sl.btn-sm:focus { outline: 0; box-shadow: 0 0 5px #00c4ff; } } .events-feed .pagination { padding-top: 20px; margin: 0px; text-align: center; width: 110%; margin-left: -5%; } .events-feed .pagination .ellipses { display: inline-block; } .events-feed .pagination .page-num { font-family: 'Roboto', sans-serif; margin-left: 10px; margin-right: 10px; width: 50px; height: 50px; line-height: 46px; border-radius: 100%; cursor: pointer; background-color: transparent; color: #0a2852; border: 2px solid #0a2852; text-decoration: none; } .events-feed .pagination .page-num:hover:not(.selected):not(.unavailable) { text-decoration: none; color: #316ce1; border-color: #316ce1; } .events-feed .pagination .page-num.selected { background-color: #0a2852; color: #fbfdfb; } .events-feed .pagination .page-num.unavailable { color: #6B7276; border-color: #6B7276; } .events-feed .pagination .page-num.num-itself:not(.inrange) { display: none; } @media only screen and (max-width: 991px) { .events-feed .pagination .page-num { width: 40px; height: 40px; line-height: 36px; margin-left: 5px; margin-right: 5px; display: inline-flex; align-items: center; justify-content: center; } .events-feed .pagination .page-num.arrow { display: none; } } .searching-events-feed .working-spinner div { background-color: #316ce1; } .working-spinner { margin: auto; width: 50px; height: 40px; text-align: center; font-size: 10px; } .working-spinner div { background-color: #00c4ff; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; } .working-spinner div.rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .working-spinner div.rect3 { -webkit-animation-delay: -1s; animation-delay: -1s; } .working-spinner div.rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .working-spinner div.rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @media only screen and (min-width : 992px) { .targets-map .map-and-buttons .buttons-section .senate-section .row, .targets-map .map-and-buttons .buttons-section .presidential-section .row, .targets-map .map-and-buttons .buttons-section .gerrymandering-section .row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; } .targets-map .map-and-buttons .buttons-section .senate-section .row .section-title, .targets-map .map-and-buttons .buttons-section .presidential-section .row .section-title, .targets-map .map-and-buttons .buttons-section .gerrymandering-section .row .section-title { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .targets-map .map-and-buttons .buttons-section .senate-section .row .section-button, .targets-map .map-and-buttons .buttons-section .presidential-section .row .section-button, .targets-map .map-and-buttons .buttons-section .gerrymandering-section .row .section-button { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .targets-map .map-and-buttons .buttons-section .senate-section .row .section-blurb, .targets-map .map-and-buttons .buttons-section .presidential-section .row .section-blurb, .targets-map .map-and-buttons .buttons-section .gerrymandering-section .row .section-blurb { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } } @media (max-width: 991px) { .targets-map .intro { padding-top: 30px; padding-bottom: 20px; } .targets-map .intro h1, .targets-map .intro .h1-ish { font-size: 40px !important; max-width: inherit !important; text-align: left; } .targets-map .intro p { max-width: inherit !important; font-size: 14px !important; line-height: 1.5em; text-align: left; } .targets-map .map-and-buttons { padding-bottom: 30px; } .targets-map .map-and-buttons .buttons-section .senate-section, .targets-map .map-and-buttons .buttons-section .presidential-section { padding-bottom: 25px; } .targets-map .map-and-buttons .buttons-section .senate-section .section-blurb, .targets-map .map-and-buttons .buttons-section .presidential-section .section-blurb, .targets-map .map-and-buttons .buttons-section .gerrymandering-section .section-blurb { padding-top: 5px; } .targets-map .map-and-buttons .buttons-section .senate-section .section-button a, .targets-map .map-and-buttons .buttons-section .presidential-section .section-button a, .targets-map .map-and-buttons .buttons-section .gerrymandering-section .section-button a, .targets-map .map-and-buttons .buttons-section .senate-section .section-button button.btn-link, .targets-map .map-and-buttons .buttons-section .presidential-section .section-button button.btn-link, .targets-map .map-and-buttons .buttons-section .gerrymandering-section .section-button button.btn-link { float: right; height: 30px; min-width: 55px; font-size: 16px; } .targets-map .map-and-buttons .map-section { padding-left: 15px; } .targets-map .map-and-buttons .map-section img { margin: 30px 0px; } } @media only screen and (max-width : 320px) { .targets-map .map-and-buttons .buttons-section .senate-section .section-title > h3, .targets-map .map-and-buttons .buttons-section .presidential-section .section-title > h3, .targets-map .map-and-buttons .buttons-section .gerrymandering-section .section-title > h3, .targets-map .map-and-buttons .buttons-section .senate-section .section-title > .h3-ish, .targets-map .map-and-buttons .buttons-section .presidential-section .section-title > .h3-ish, .targets-map .map-and-buttons .buttons-section .gerrymandering-section .section-title > .h3-ish { font-size: 20px; } } .ta-hidden-input { width: 1px; height: 1px; border: none; margin: 0; padding: 0; position: absolute; top: -10000px; left: -10000px; opacity: 0; overflow: hidden; } .ta-root.focussed > .ta-scroll-window.form-control { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .ta-editor.ta-html, .ta-scroll-window.form-control { min-height: 300px; height: auto; overflow: auto; font-family: inherit; font-size: 100%; } .ta-scroll-window.form-control { position: relative; padding: 0; } .ta-scroll-window > .ta-bind { height: auto; min-height: 300px; padding: 6px 12px; } .ta-editor:focus { user-select: text; } .ta-resizer-handle-overlay { z-index: 100; position: absolute; display: none; } .ta-resizer-handle-overlay > .ta-resizer-handle-info { position: absolute; bottom: 16px; right: 16px; border: 1px solid black; background-color: #FFF; padding: 0 4px; opacity: 0.7; } .ta-resizer-handle-overlay > .ta-resizer-handle-background { position: absolute; bottom: 5px; right: 5px; left: 5px; top: 5px; border: 1px solid black; background-color: rgba(0, 0, 0, 0.2); } .ta-resizer-handle-overlay > .ta-resizer-handle-corner { width: 10px; height: 10px; position: absolute; } .ta-resizer-handle-overlay > .ta-resizer-handle-corner-tl { top: 0; left: 0; border-left: 1px solid black; border-top: 1px solid black; } .ta-resizer-handle-overlay > .ta-resizer-handle-corner-tr { top: 0; right: 0; border-right: 1px solid black; border-top: 1px solid black; } .ta-resizer-handle-overlay > .ta-resizer-handle-corner-bl { bottom: 0; left: 0; border-left: 1px solid black; border-bottom: 1px solid black; } .ta-resizer-handle-overlay > .ta-resizer-handle-corner-br { bottom: 0; right: 0; border: 1px solid black; cursor: se-resize; background-color: white; } body.canonical-page .main-content .ta-scroll-window { border: none; border-radius: 0; } body.canonical-page .main-content .ta-scroll-window > .ta-bind { background-color: #f5f5f5; box-shadow: inset 0 0.5px 1px 0 rgba(0, 0, 0, 0.4); color: #262626; } body.canonical-page .main-content .ta-toolbar.btn-toolbar { margin: 0; padding: 10px 10px 5px 10px; background-color: #efefef; } body.canonical-page .main-content .ta-toolbar .btn-group { margin-bottom: 5px; } body.canonical-page .main-content .ta-toolbar .btn-group > .btn:not(:first-child):not(:last-child) { border-radius: 0; } body.canonical-page .main-content .ta-toolbar .btn-group > .btn:first-child { border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-top-right-radius: 0; } body.canonical-page .main-content .ta-toolbar .btn-group > .btn:last-child { border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 4px; border-top-right-radius: 4px; } body.canonical-page .main-content .ta-toolbar .btn.btn-default { border: 1px solid #adadad; padding: 6px 12px; font-weight: normal; min-width: 0; color: #333; background-color: #fff; } body.canonical-page .main-content .ta-toolbar .btn.btn-default.active { background-color: #e6e6e6; } .mini-signup { background-color: #fbfdfb; } .mini-signup .mini-error-panel .form-error-panel { margin: 0 auto; } .mini-signup .mini-error-panel .form-error-panel .alert-symbol { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-direction: normal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; } .mini-signup .default-success-confirmation-message { margin-top: 75px; } .signup-modal-window .modal-content { border-radius: 0; background-color: #fbfdfb; } .signup-modal-window .close-button { position: absolute; top: 20px; right: 20px; } .signup-modal-window .close-button a, .signup-modal-window .close-button button.btn-link { color: #0a2852; } .signup-modal-window .signup-form { padding: 40px; } @media screen and (max-width: 568px) { .signup-modal-window .signup-form #college-checkbox + label::after { top: 8px; } } .signup-modal-window .explanation-container { padding: 0px; } .signup-modal-window .explanation-small { font-size: 0.9em; line-height: 1.2em; margin-bottom: 10px; } .signup-modal-window .field-select { float: right; width: 85%; } .signup-modal-window .select-label { float: left; text-align: right; padding-top: 3%; width: 10%; } .signup-form { color: #0a2852; } .signup-form input[type="text"], .signup-form input[type="url"], .signup-form input[type="email"], .signup-form input[type="number"], .signup-form input[type="tel"], .signup-form input[type="password"], .signup-form input[type="file"] + label, .signup-form textarea, .signup-form select { border-color: #0a2852; color: #0a2852; } .signup-form input[type="text"]::placeholder, .signup-form input[type="url"]::placeholder, .signup-form input[type="email"]::placeholder, .signup-form input[type="number"]::placeholder, .signup-form input[type="tel"]::placeholder, .signup-form input[type="password"]::placeholder, .signup-form input[type="file"] + label::placeholder, .signup-form textarea::placeholder, .signup-form select::placeholder { color: #6B7276; } .signup-form input[type="text"]::-webkit-input-placeholder, .signup-form input[type="url"]::-webkit-input-placeholder, .signup-form input[type="email"]::-webkit-input-placeholder, .signup-form input[type="number"]::-webkit-input-placeholder, .signup-form input[type="tel"]::-webkit-input-placeholder, .signup-form input[type="password"]::-webkit-input-placeholder, .signup-form input[type="file"] + label::-webkit-input-placeholder, .signup-form textarea::-webkit-input-placeholder, .signup-form select::-webkit-input-placeholder { color: #6B7276; } .signup-form input[type="text"]:-moz-placeholder, .signup-form input[type="url"]:-moz-placeholder, .signup-form input[type="email"]:-moz-placeholder, .signup-form input[type="number"]:-moz-placeholder, .signup-form input[type="tel"]:-moz-placeholder, .signup-form input[type="password"]:-moz-placeholder, .signup-form input[type="file"] + label:-moz-placeholder, .signup-form textarea:-moz-placeholder, .signup-form select:-moz-placeholder { color: #6B7276; } .signup-form input[type="text"]::-moz-placeholder, .signup-form input[type="url"]::-moz-placeholder, .signup-form input[type="email"]::-moz-placeholder, .signup-form input[type="number"]::-moz-placeholder, .signup-form input[type="tel"]::-moz-placeholder, .signup-form input[type="password"]::-moz-placeholder, .signup-form input[type="file"] + label::-moz-placeholder, .signup-form textarea::-moz-placeholder, .signup-form select::-moz-placeholder { color: #6B7276; } .signup-form input[type="text"]:-ms-input-placeholder, .signup-form input[type="url"]:-ms-input-placeholder, .signup-form input[type="email"]:-ms-input-placeholder, .signup-form input[type="number"]:-ms-input-placeholder, .signup-form input[type="tel"]:-ms-input-placeholder, .signup-form input[type="password"]:-ms-input-placeholder, .signup-form input[type="file"] + label:-ms-input-placeholder, .signup-form textarea:-ms-input-placeholder, .signup-form select:-ms-input-placeholder { color: #6B7276; } .signup-form input[type="radio"] + label, .signup-form input[type="checkbox"] + label { color: #0a2852; } .signup-form select { box-shadow: 0px 4px #e8e8e8; } .signup-form .has-error select { box-shadow: 0px 4px #e8e8e8; } .signup-form .input-group-with-prefix .input-group-addon, .signup-form .input-group-with-suffix .input-group-addon { background-color: #0a2852; color: #fbfdfb; } .signup-form label { color: #0a2852; } .signup-form .form-question h3, .signup-form .form-question h4, .signup-form .form-question .h3-ish, .signup-form .form-question .h4-ish { color: #0a2852; } .signup-form .form-question h3 a, .signup-form .form-question h4 a, .signup-form .form-question .h3-ish a, .signup-form .form-question .h4-ish a, .signup-form .form-question h3 button.btn-link, .signup-form .form-question h4 button.btn-link, .signup-form .form-question .h3-ish button.btn-link, .signup-form .form-question .h4-ish button.btn-link { color: #0a2852; } .signup-form .form-question h3 a:hover, .signup-form .form-question h4 a:hover, .signup-form .form-question .h3-ish a:hover, .signup-form .form-question .h4-ish a:hover, .signup-form .form-question h3 button:hover.btn-link, .signup-form .form-question h4 button:hover.btn-link, .signup-form .form-question .h3-ish button:hover.btn-link, .signup-form .form-question .h4-ish button:hover.btn-link { color: #00c4ff; } .signup-form .has-error input[type="text"], .signup-form .has-error input[type="url"], .signup-form .has-error input[type="email"], .signup-form .has-error input[type="number"], .signup-form .has-error input[type="tel"], .signup-form .has-error input[type="radio"], .signup-form .has-error input[type="file"] + label, .signup-form .has-error input[type="checkbox"], .signup-form .has-error textarea, .signup-form .has-error select { background-color: #ff5c66; } .signup-form .has-error input[type="radio"] + label, .signup-form .has-error input[type="checkbox"] + label { color: #ff5c66; } .signup-form .disabled input[type="text"], .signup-form .disabled input[type="url"], .signup-form .disabled input[type="email"], .signup-form .disabled input[type="number"], .signup-form .disabled input[type="tel"], .signup-form .disabled input[type="radio"], .signup-form .disabled input[type="checkbox"], .signup-form .disabled input[type="file"] + label, .signup-form .disabled textarea, .signup-form .disabled select { border-color: #dcdfdf; color: #dcdfdf; } .signup-form .disabled input[type="radio"] + label, .signup-form .disabled input[type="checkbox"] + label { color: #dcdfdf; } .signup-form .disabled label { color: #dcdfdf; } .signup-form .disabled .form-question h3, .signup-form .disabled .form-question h4, .signup-form .disabled .form-question .h3-ish, .signup-form .disabled .form-question .h4-ish { color: #dcdfdf; } .signup-form .disabled .form-question h3 a, .signup-form .disabled .form-question h4 a, .signup-form .disabled .form-question .h3-ish a, .signup-form .disabled .form-question .h4-ish a, .signup-form .disabled .form-question h3 button.btn-link, .signup-form .disabled .form-question h4 button.btn-link, .signup-form .disabled .form-question .h3-ish button.btn-link, .signup-form .disabled .form-question .h4-ish button.btn-link { color: #dcdfdf; } .signup-form .disabled .input-group-with-prefix .input-group-addon, .signup-form .disabled .input-group-with-suffix .input-group-addon { background-color: #dcdfdf; } .signup-form select { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMyA4LjkzIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzBhMjg1Mjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmRyb3Bkb3duX2JsdWU8L3RpdGxlPjxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIwIDAgMTEuNSA4LjkzIDIzIDAgMCAwIi8+PC9zdmc+); } .signup-form h1, .signup-form .h1-ish { text-align: center; } .signup-form .signup-cta-msg { margin: 20px 0; font-size: 14px; text-align: center; } .signup-form .submit-button { width: 400px; max-width: 100%; } .signup-form .button-panel { text-align: center; } .signup-form .tcpa { margin-top: 30px; color: #777; font-size: 10px; line-height: 16px; font-style: italic; text-align: center; font-family: 'Roboto', sans-serif; } .signup-form .input-row { margin-bottom: 20px; } .signup-form .input-row .optional-input { font-weight: normal; } .signup-form .form-error-panel { margin-top: 20px; } .signup-form .success-confirmation { margin-top: 20px; text-align: center; } .signup-form .success-confirmation .default-success-confirmation-message { display: inline-block; } @media (max-width: 991px) { .signup-form .input-col:not(:first-child) { margin-top: 20px; } } @media only screen and (min-width : 992px) { .signup-form .modal-dialog { width: 700px; } } .main-content.subscriptions-page .main-section .group-subscriptions-container { max-height: 300px; overflow-y: scroll; } .main-content.subscriptions-page .main-section .political-target-subscriptions-container .checkbox { margin-top: 5px; margin-bottom: 5px; } .main-content.subscriptions-page .main-section .properties-row, .main-content.subscriptions-page .main-section .alert-success { max-width: 800px; } .main-content.subscriptions-page .main-section .pref-category-row h2, .main-content.subscriptions-page .main-section .pref-category-row .h2-ish { margin-bottom: 0px; margin-top: 20px; } .main-content.subscriptions-page .main-section .sub-status { padding-bottom: 10px; } .main-content.subscriptions-page .main-section .sub-status.unsubbed b.highlighted { color: #ff5d67; } .main-content.subscriptions-page .main-section .sub-status.subbed b.highlighted { color: #1EBEA0; } .main-content.subscriptions-page .main-section .unsub-button-panel { margin-top: 20px; } .main-content.subscriptions-page .main-section .success-msg { margin-top: 20px; } .main-content.subscriptions-page .main-section .unsub-confirm-panel { margin-top: 20px; } .main-content.subscriptions-page .main-section .unsub-confirm-msg { margin-bottom: 10px; } .main-content.subscriptions-page .email-section .info { margin-bottom: 20px; } .main-content.subscriptions-page .email-section .alert-row { margin-top: 20px; } @media only screen and (max-width : 480px) { .main-content.subscriptions-page .accent-header h1, .main-content.subscriptions-page .accent-header .h1-ish { font-size: 45px; } .main-content.subscriptions-page .btn-sl { width: 100%; } .main-content.subscriptions-page .unsub-button-panel .btn-sl { font-size: 14px; } } .email-preferences-body .flashed-messages { font-size: 30px; } .email-preferences-body .flashed-messages .collapser { font-size: 16px; } .signup-bulk-content:not(.canonical-content) h1, .signup-bulk-content:not(.canonical-content) .h1-ish { padding: 0; } .signup-bulk-content:not(.canonical-content) .form-header { margin-top: 0px !important; margin-bottom: 0px !important; } .signup-bulk-content:not(.canonical-content) .form-header .upload-csv { padding-top: 5px !important; padding-bottom: 8px !important; } .signup-bulk-content:not(.canonical-content) .sign-in-head { margin-bottom: 0px; } .signup-bulk-content:not(.canonical-content) .sign-in-explain1 { font-size: 0.4em; text-transform: none; } .signup-bulk-content:not(.canonical-content) .sign-in-explain2 { text-transform: none; } .signup-bulk-content:not(.canonical-content) p { margin-bottom: 10px; } .signup-bulk-content:not(.canonical-content) .form-container { margin-top: 30px; margin-bottom: 30px; color: #000000; } .signup-bulk-content:not(.canonical-content) .form-container .form-explanation { margin-bottom: 20px; } .signup-bulk-content:not(.canonical-content) .form-container .input-row { margin-bottom: 10px; } .signup-bulk-content:not(.canonical-content) .form-container .input-row.error { background-color: #f2dede; border: 1px solid #ebccd1; padding: 10px; margin: -10px; margin-bottom: 10px; } .signup-bulk-content:not(.canonical-content) .form-container .secondary-row { margin-top: 5px; margin-bottom: 5px; } .signup-bulk-content:not(.canonical-content) .form-container .error-panel-row { margin-top: -10px; } .signup-bulk-content:not(.canonical-content) .form-container input.form-control, .signup-bulk-content:not(.canonical-content) .form-container select.form-control { border: 1px solid #002855; border-radius: 0; } .signup-bulk-content:not(.canonical-content) .form-container input.form-control.has-error, .signup-bulk-content:not(.canonical-content) .form-container select.form-control.has-error { border-color: #ff5d67; } .signup-bulk-content:not(.canonical-content) .form-container .form-control[disabled] { background: #eee !important; } .signup-bulk-content:not(.canonical-content) .form-container .checkbox { margin-top: 0px; } .signup-bulk-content:not(.canonical-content) .form-container span.checkbox, .signup-bulk-content:not(.canonical-content) .form-container .interest-label { display: inline-block; margin-right: 10px; } .signup-bulk-content:not(.canonical-content) .form-container .btn.btn-primary { color: #ffffff; width: 10em; text-align: center; padding: 0.9em; font-weight: bold; display: block; cursor: pointer; border-radius: 0; background: #002855; border-color: #002855; width: initial; display: inline-block; letter-spacing: 0; } .signup-bulk-content:not(.canonical-content) .form-container .btn.btn-primary:hover { background: #ff5d67; text-decoration: none; border-color: #ff5d67; } .signup-bulk-content:not(.canonical-content) .form-container .submit-btn { min-width: 150px; } .signup-bulk-content:not(.canonical-content) .form-container .button-panel { margin-top: 40px; position: relative; } .signup-bulk-content:not(.canonical-content) .form-container .button-panel .spinner { position: absolute; top: 15px; left: 19px; margin: 0; } .signup-bulk-content:not(.canonical-content) .form-container .submit-info { margin-top: 20px; } .signup-bulk-content:not(.canonical-content) .form-container .issues .glyphicon { top: 2px; font-size: 0.8em; } .signup-bulk-content:not(.canonical-content) .form-container .radio-prompt { margin-right: 5px; } .signup-bulk-content:not(.canonical-content) .form-container .alert { margin-top: 20px; } .signup-bulk-content:not(.canonical-content) .form-container .submission-summary .summary-header { font-size: 18px; margin-bottom: 20px; } .signup-bulk-content:not(.canonical-content) .form-container .submission-summary .csv-summary { font-family: monospace; font-size: 12px; } .upload-attendee-form .upload-csv-progress { margin-bottom: 5px !important; } .upload-attendee-form .csv-error-list { max-height: 300px; overflow-y: scroll; overflow-x: hidden; } .upload-attendee-form .event-select-top { padding-top: 15px; } .login-content h1, .login-content h2, .login-content label, .login-content .h1-ish, .login-content .h2-ish { color: #fbfdfb; } .login-content hr { margin: 35px 0px 25px 0px; } .login-content .header { position: relative; margin: 10px; } .login-content .header .text-center { height: 70px; position: relative; } .login-content .header .text-center img { width: 220px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .login-content .header .header-links { position: absolute; top: 0; right: 0; color: #0a2852; font-size: 14px; } .login-content .main-login-content { background-color: #0a2852; padding: 50px 0px; } .login-content .col-centered { float: none; margin: 0 auto; } .login-content .explanatory-section { margin-left: 100px; margin-right: 50px; } .login-content .explanatory-section h3, .login-content .explanatory-section .h3-ish { font-family: 'Roboto', sans-serif; font-size: 23px !important; font-weight: 100; color: #fbfdfb; } .login-content .explanatory-section .check-icon { color: #1ebea0; font-size: 30px; } .login-content .explanatory-section ul { color: #ffffff; font-family: 'Roboto', sans-serif; font-size: 23px; font-weight: 100; margin-top: 30px; } .login-content .explanatory-section li:before { content: ""; font-family: 'Glyphicons Halflings'; font-size: 30px; float: left; margin-bottom: 10px; padding: 0px 20px; width: unset; color: #00c4ff; } .login-content .explanatory-section li { margin-bottom: 25px; font-family: 'Roboto', sans-serif; font-size: 23px; font-weight: 100; padding-left: 0px; padding-right: 15px; } .login-content .login-section { padding-left: 60px; padding-top: 5px; border-left: 1px solid rgba(255, 255, 255, 0.1); } .login-content .login-section .login-text { font-family: 'Bitter', serif; font-size: 24px !important; padding-left: 25px; margin-bottom: 15px; text-align: center; } .login-content .login-section .input-wide { width: 101%; padding-right: 0px; } .login-content .login-section .input-no-pad { padding-right: 0px; } .login-content .login-section .row-wide { width: 109%; } .login-content .social-login-buttons { margin-top: 0px; margin-bottom: 30px; margin-right: auto; margin-left: auto; } .login-content .social-login-buttons .google-login-button-container { width: 100%; margin: 0 auto; } .login-content .social-login-buttons .facebook-login-button { width: 205px; max-width: 285px; height: 40px; border-radius: 30px; border: none; padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 8px; background-color: #fbfdfb; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25); } .login-content .social-login-buttons .facebook-login-button:hover { box-shadow: 0 0 3px 3px rgba(66, 133, 244, 0.3); } .login-content .social-login-buttons .facebook-login-button .button-text { font-weight: normal; margin-left: 22px; margin-bottom: 2px; font-family: 'Roboto', sans-serif; font-size: 14px; } .login-content .social-login-buttons .facebook-login-button img { width: 26px; position: relative; top: -1px; } .login-content .social-login-buttons .error-panel-row { margin-top: 20px; } .login-content .text-right a, .login-content .text-right button.btn-link { font-size: 14px; } .login-content input[type="text"], .login-content input[type="email"], .login-content input[type="number"], .login-content input[type="tel"], .login-content input[type="password"] { height: 50px; } .login-content input[type="text"], .login-content input[type="url"], .login-content input[type="email"], .login-content input[type="number"], .login-content input[type="tel"], .login-content input[type="password"], .login-content input[type="file"] + label, .login-content textarea, .login-content select { border-color: #fbfdfb; color: #fbfdfb; } .login-content input[type="text"]::placeholder, .login-content input[type="url"]::placeholder, .login-content input[type="email"]::placeholder, .login-content input[type="number"]::placeholder, .login-content input[type="tel"]::placeholder, .login-content input[type="password"]::placeholder, .login-content input[type="file"] + label::placeholder, .login-content textarea::placeholder, .login-content select::placeholder { color: #6B7276; } .login-content input[type="text"]::-webkit-input-placeholder, .login-content input[type="url"]::-webkit-input-placeholder, .login-content input[type="email"]::-webkit-input-placeholder, .login-content input[type="number"]::-webkit-input-placeholder, .login-content input[type="tel"]::-webkit-input-placeholder, .login-content input[type="password"]::-webkit-input-placeholder, .login-content input[type="file"] + label::-webkit-input-placeholder, .login-content textarea::-webkit-input-placeholder, .login-content select::-webkit-input-placeholder { color: #6B7276; } .login-content input[type="text"]:-moz-placeholder, .login-content input[type="url"]:-moz-placeholder, .login-content input[type="email"]:-moz-placeholder, .login-content input[type="number"]:-moz-placeholder, .login-content input[type="tel"]:-moz-placeholder, .login-content input[type="password"]:-moz-placeholder, .login-content input[type="file"] + label:-moz-placeholder, .login-content textarea:-moz-placeholder, .login-content select:-moz-placeholder { color: #6B7276; } .login-content input[type="text"]::-moz-placeholder, .login-content input[type="url"]::-moz-placeholder, .login-content input[type="email"]::-moz-placeholder, .login-content input[type="number"]::-moz-placeholder, .login-content input[type="tel"]::-moz-placeholder, .login-content input[type="password"]::-moz-placeholder, .login-content input[type="file"] + label::-moz-placeholder, .login-content textarea::-moz-placeholder, .login-content select::-moz-placeholder { color: #6B7276; } .login-content input[type="text"]:-ms-input-placeholder, .login-content input[type="url"]:-ms-input-placeholder, .login-content input[type="email"]:-ms-input-placeholder, .login-content input[type="number"]:-ms-input-placeholder, .login-content input[type="tel"]:-ms-input-placeholder, .login-content input[type="password"]:-ms-input-placeholder, .login-content input[type="file"] + label:-ms-input-placeholder, .login-content textarea:-ms-input-placeholder, .login-content select:-ms-input-placeholder { color: #6B7276; } .login-content input[type="radio"] + label, .login-content input[type="checkbox"] + label { color: #fbfdfb; } .login-content select { box-shadow: 0px 4px #e8e8e8; } .login-content .has-error select { box-shadow: 0px 4px #e8e8e8; } .login-content .input-group-with-prefix .input-group-addon, .login-content .input-group-with-suffix .input-group-addon { background-color: #fbfdfb; color: #fbfdfb; } .login-content label { color: #fbfdfb; } .login-content .form-question h3, .login-content .form-question h4, .login-content .form-question .h3-ish, .login-content .form-question .h4-ish { color: #fbfdfb; } .login-content .form-question h3 a, .login-content .form-question h4 a, .login-content .form-question .h3-ish a, .login-content .form-question .h4-ish a, .login-content .form-question h3 button.btn-link, .login-content .form-question h4 button.btn-link, .login-content .form-question .h3-ish button.btn-link, .login-content .form-question .h4-ish button.btn-link { color: #fbfdfb; } .login-content .form-question h3 a:hover, .login-content .form-question h4 a:hover, .login-content .form-question .h3-ish a:hover, .login-content .form-question .h4-ish a:hover, .login-content .form-question h3 button:hover.btn-link, .login-content .form-question h4 button:hover.btn-link, .login-content .form-question .h3-ish button:hover.btn-link, .login-content .form-question .h4-ish button:hover.btn-link { color: #00c4ff; } .login-content .has-error input[type="text"], .login-content .has-error input[type="url"], .login-content .has-error input[type="email"], .login-content .has-error input[type="number"], .login-content .has-error input[type="tel"], .login-content .has-error input[type="radio"], .login-content .has-error input[type="file"] + label, .login-content .has-error input[type="checkbox"], .login-content .has-error textarea, .login-content .has-error select { background-color: #ff5c66; } .login-content .has-error input[type="radio"] + label, .login-content .has-error input[type="checkbox"] + label { color: #ff5c66; } .login-content .disabled input[type="text"], .login-content .disabled input[type="url"], .login-content .disabled input[type="email"], .login-content .disabled input[type="number"], .login-content .disabled input[type="tel"], .login-content .disabled input[type="radio"], .login-content .disabled input[type="checkbox"], .login-content .disabled input[type="file"] + label, .login-content .disabled textarea, .login-content .disabled select { border-color: #dcdfdf; color: #dcdfdf; } .login-content .disabled input[type="radio"] + label, .login-content .disabled input[type="checkbox"] + label { color: #dcdfdf; } .login-content .disabled label { color: #dcdfdf; } .login-content .disabled .form-question h3, .login-content .disabled .form-question h4, .login-content .disabled .form-question .h3-ish, .login-content .disabled .form-question .h4-ish { color: #dcdfdf; } .login-content .disabled .form-question h3 a, .login-content .disabled .form-question h4 a, .login-content .disabled .form-question .h3-ish a, .login-content .disabled .form-question .h4-ish a, .login-content .disabled .form-question h3 button.btn-link, .login-content .disabled .form-question h4 button.btn-link, .login-content .disabled .form-question .h3-ish button.btn-link, .login-content .disabled .form-question .h4-ish button.btn-link { color: #dcdfdf; } .login-content .disabled .input-group-with-prefix .input-group-addon, .login-content .disabled .input-group-with-suffix .input-group-addon { background-color: #dcdfdf; } .login-content select { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMyA4LjkzIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZiZmRmYjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmRyb3Bkb3duX3doaXRlPC90aXRsZT48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMCAwIDExLjUgOC45MyAyMyAwIDAgMCIvPjwvc3ZnPg==); } .login-content .forgot-password { text-align: right; padding-right: 0px; right: -4px; } .login-content .forgot-password a, .login-content .forgot-password button.btn-link { font-family: 'Roboto', sans-serif; color: #00c4ff; text-decoration: underline; font-weight: bold; font-size: 15px; } .login-content .submit-button { text-align: center; padding-top: 15px; color: #ffffff; } .login-content .submit-button input[type="submit"] { max-width: 270px; } .login-content .btn-primary { font-size: 20px; height: 50px; padding-left: 20px; padding-right: 20px; min-width: 100px; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; align-items: center; -webkit-justify-content: center; justify-content: center; font-family: 'Roboto', sans-serif; font-weight: bold; border-radius: 30px; cursor: pointer; text-align: center; border: 2px solid transparent; text-decoration: none; background-color: #fbfdfb; color: #0a2852; transition: 0.3s; width: 100%; margin-top: 10px; } .login-content .btn-primary:focus { outline: 0; box-shadow: 0 0 5px #00c4ff; } .login-content .btn-primary svg { fill: #0a2852; } .login-content .btn-primary:hover, .login-content .btn-primary:active { background-color: #00c4ff; color: #0a2852; } .login-content .btn-primary:hover svg, .login-content .btn-primary:active svg { fill: #0a2852; } .login-content .btn-primary:focus { outline: 0; box-shadow: 0 0 0 2px #00c4ff !important; background-color: #fbfdfb; color: #0a2852; } .login-content .btn-primary:disabled { background-color: rgba(249, 249, 249, 0.7); color: #0a2852; } .login-content .checkbox { margin-top: 0px; } .login-content .checkbox input[type="checkbox"] { visibility: unset; opacity: unset; width: unset; height: unset; font-size: unset; position: unset; top: unset; left: unset; z-index: unset; } .login-content .checkbox label { text-transform: none; font-weight: normal; letter-spacing: inherit; } .login-content .help-block { font-family: 'Roboto', sans-serif; } .login-content .help-block .other-switch-mode-link { color: inherit; text-decoration: underline; } .login-content .help-block .other-switch-mode-link:hover { color: inherit; } .login-content .mode-switch { padding-top: 20px; padding-bottom: 40px; } .login-content .mode-switch p { font-family: 'Roboto', sans-serif; color: #fbfdfb; text-align: center; } .login-content .mode-switch p a, .login-content .mode-switch p a:hover, .login-content .mode-switch p button.btn-link, .login-content .mode-switch p button:hover.btn-link { color: #fbfdfb; text-decoration: underline; font-weight: bold; } @media (max-width: 1199px) { .login-content .explanatory-section { margin-left: 0px; margin-right: 0px; } } @media (max-width: 991px) { .login-content .top-space-xs { margin-top: 20px; } .login-content .explanatory-section h1, .login-content .explanatory-section .h1-ish { font-size: 45px !important; text-align: center; } .login-content .explanatory-section h3, .login-content .explanatory-section .h3-ish { font-size: 20px !important; } .login-content .explanatory-section li:before { top: 0px; font-size: 20px; margin-bottom: 5px; padding: 0px 15px; } .login-content .explanatory-section li { font-size: 20px; margin-bottom: 15px; } .login-content .main-login-content { padding: 25px 0px; } .login-content .login-section { margin-top: 10px; border-left: unset; border-top: 1px solid rgba(255, 255, 255, 0.1); padding-left: 10px; } .login-content .login-section .login-text { margin-top: 10px; font-size: 28px !important; padding-left: 0px; text-align: center; } .login-content .login-section .input-wide { padding-left: 0px; padding-right: 0px; } .login-content .login-section .input-no-pad { padding-left: 0px; margin-left: 0px; } .login-content .login-section .row-wide { width: unset; } .login-content .login-section .remember-me { padding-left: 0px; } .login-content .flex-center { display: flex; align-items: center; justify-content: center; text-align: center; } .login-content .flex-center .google-login-button-container { width: unset; } .login-content .social-login-buttons { margin-bottom: 20px; } .login-content .social-login-buttons .facebook-login-button { font-size: 24px; width: 100% !important; height: 40px !important; padding-left: 0px; padding-right: 20px; padding-top: 10px; padding-bottom: 8px; } .login-content .social-login-buttons .facebook-login-button .button-text { font-weight: normal; margin-left: 25px; margin-bottom: 2px; font-size: 14px; } .login-content .social-login-buttons .facebook-login-button img { width: 26px; position: relative; top: -1px; left: -25px; } } .complete-registration-content { background-color: #0a2852; } .complete-registration-content p.explanation { padding-bottom: 20px; } .complete-registration-content .submit-button { padding-top: 0px; } .complete-registration-content button { width: 100%; } .complete-registration-content .complete-registration-error { margin-top: 20px; } .complete-registration-content .complete-registration-error p { color: #ff5c66; } .join-body { background-image: url('/static/img/sl_join_bg.jpeg'); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-color: #464646; } .join-body header { background: inherit !important; border: none; } .join-body header .container-fluid { background: inherit !important; border: none; } .join-body header .container-fluid nav { background: inherit !important; padding: 0 !important; } .join-body .header-container { margin-top: 30px; } .join-body .logo-white { max-width: 200px; } .join-body footer { background: inherit !important; border: none; } .join-content:not(.canonical-content) .container-fluid { background: inherit !important; } .join-content:not(.canonical-content) h1, .join-content:not(.canonical-content) .h1-ish { color: white; font-size: 3.9em; padding: 0px; margin-top: 1em; margin-bottom: 0.5em; line-height: 1em; } .join-content:not(.canonical-content) .explanation p { font-size: 1.1em; margin-bottom: 1.4em; } .join-content:not(.canonical-content) .address-label { font-size: 1.1em; margin-bottom: 1.4em; } .join-content:not(.canonical-content) .join-input-label { color: #00c4ff; } .join-content:not(.canonical-content) input[type="text"], .join-content:not(.canonical-content) input[type="url"], .join-content:not(.canonical-content) input[type="email"], .join-content:not(.canonical-content) input[type="number"], .join-content:not(.canonical-content) input[type="tel"], .join-content:not(.canonical-content) input[type="password"], .join-content:not(.canonical-content) input[type="file"] + label, .join-content:not(.canonical-content) textarea, .join-content:not(.canonical-content) select { border-color: #fbfdfb; color: #fbfdfb; } .join-content:not(.canonical-content) input[type="text"]::placeholder, .join-content:not(.canonical-content) input[type="url"]::placeholder, .join-content:not(.canonical-content) input[type="email"]::placeholder, .join-content:not(.canonical-content) input[type="number"]::placeholder, .join-content:not(.canonical-content) input[type="tel"]::placeholder, .join-content:not(.canonical-content) input[type="password"]::placeholder, .join-content:not(.canonical-content) input[type="file"] + label::placeholder, .join-content:not(.canonical-content) textarea::placeholder, .join-content:not(.canonical-content) select::placeholder { color: #6B7276; } .join-content:not(.canonical-content) input[type="text"]::-webkit-input-placeholder, .join-content:not(.canonical-content) input[type="url"]::-webkit-input-placeholder, .join-content:not(.canonical-content) input[type="email"]::-webkit-input-placeholder, .join-content:not(.canonical-content) input[type="number"]::-webkit-input-placeholder, .join-content:not(.canonical-content) input[type="tel"]::-webkit-input-placeholder, .join-content:not(.canonical-content) input[type="password"]::-webkit-input-placeholder, .join-content:not(.canonical-content) input[type="file"] + label::-webkit-input-placeholder, .join-content:not(.canonical-content) textarea::-webkit-input-placeholder, .join-content:not(.canonical-content) select::-webkit-input-placeholder { color: #6B7276; } .join-content:not(.canonical-content) input[type="text"]:-moz-placeholder, .join-content:not(.canonical-content) input[type="url"]:-moz-placeholder, .join-content:not(.canonical-content) input[type="email"]:-moz-placeholder, .join-content:not(.canonical-content) input[type="number"]:-moz-placeholder, .join-content:not(.canonical-content) input[type="tel"]:-moz-placeholder, .join-content:not(.canonical-content) input[type="password"]:-moz-placeholder, .join-content:not(.canonical-content) input[type="file"] + label:-moz-placeholder, .join-content:not(.canonical-content) textarea:-moz-placeholder, .join-content:not(.canonical-content) select:-moz-placeholder { color: #6B7276; } .join-content:not(.canonical-content) input[type="text"]::-moz-placeholder, .join-content:not(.canonical-content) input[type="url"]::-moz-placeholder, .join-content:not(.canonical-content) input[type="email"]::-moz-placeholder, .join-content:not(.canonical-content) input[type="number"]::-moz-placeholder, .join-content:not(.canonical-content) input[type="tel"]::-moz-placeholder, .join-content:not(.canonical-content) input[type="password"]::-moz-placeholder, .join-content:not(.canonical-content) input[type="file"] + label::-moz-placeholder, .join-content:not(.canonical-content) textarea::-moz-placeholder, .join-content:not(.canonical-content) select::-moz-placeholder { color: #6B7276; } .join-content:not(.canonical-content) input[type="text"]:-ms-input-placeholder, .join-content:not(.canonical-content) input[type="url"]:-ms-input-placeholder, .join-content:not(.canonical-content) input[type="email"]:-ms-input-placeholder, .join-content:not(.canonical-content) input[type="number"]:-ms-input-placeholder, .join-content:not(.canonical-content) input[type="tel"]:-ms-input-placeholder, .join-content:not(.canonical-content) input[type="password"]:-ms-input-placeholder, .join-content:not(.canonical-content) input[type="file"] + label:-ms-input-placeholder, .join-content:not(.canonical-content) textarea:-ms-input-placeholder, .join-content:not(.canonical-content) select:-ms-input-placeholder { color: #6B7276; } .join-content:not(.canonical-content) input[type="radio"] + label, .join-content:not(.canonical-content) input[type="checkbox"] + label { color: #fbfdfb; } .join-content:not(.canonical-content) select { box-shadow: 0px 4px #e8e8e8; } .join-content:not(.canonical-content) .has-error select { box-shadow: 0px 4px #e8e8e8; } .join-content:not(.canonical-content) .input-group-with-prefix .input-group-addon, .join-content:not(.canonical-content) .input-group-with-suffix .input-group-addon { background-color: #fbfdfb; color: #fbfdfb; } .join-content:not(.canonical-content) label { color: #fbfdfb; } .join-content:not(.canonical-content) .form-question h3, .join-content:not(.canonical-content) .form-question h4, .join-content:not(.canonical-content) .form-question .h3-ish, .join-content:not(.canonical-content) .form-question .h4-ish { color: #fbfdfb; } .join-content:not(.canonical-content) .form-question h3 a, .join-content:not(.canonical-content) .form-question h4 a, .join-content:not(.canonical-content) .form-question .h3-ish a, .join-content:not(.canonical-content) .form-question .h4-ish a, .join-content:not(.canonical-content) .form-question h3 button.btn-link, .join-content:not(.canonical-content) .form-question h4 button.btn-link, .join-content:not(.canonical-content) .form-question .h3-ish button.btn-link, .join-content:not(.canonical-content) .form-question .h4-ish button.btn-link { color: #fbfdfb; } .join-content:not(.canonical-content) .form-question h3 a:hover, .join-content:not(.canonical-content) .form-question h4 a:hover, .join-content:not(.canonical-content) .form-question .h3-ish a:hover, .join-content:not(.canonical-content) .form-question .h4-ish a:hover, .join-content:not(.canonical-content) .form-question h3 button:hover.btn-link, .join-content:not(.canonical-content) .form-question h4 button:hover.btn-link, .join-content:not(.canonical-content) .form-question .h3-ish button:hover.btn-link, .join-content:not(.canonical-content) .form-question .h4-ish button:hover.btn-link { color: #00c4ff; } .join-content:not(.canonical-content) .has-error input[type="text"], .join-content:not(.canonical-content) .has-error input[type="url"], .join-content:not(.canonical-content) .has-error input[type="email"], .join-content:not(.canonical-content) .has-error input[type="number"], .join-content:not(.canonical-content) .has-error input[type="tel"], .join-content:not(.canonical-content) .has-error input[type="radio"], .join-content:not(.canonical-content) .has-error input[type="file"] + label, .join-content:not(.canonical-content) .has-error input[type="checkbox"], .join-content:not(.canonical-content) .has-error textarea, .join-content:not(.canonical-content) .has-error select { background-color: #ff5c66; } .join-content:not(.canonical-content) .has-error input[type="radio"] + label, .join-content:not(.canonical-content) .has-error input[type="checkbox"] + label { color: #ff5c66; } .join-content:not(.canonical-content) .disabled input[type="text"], .join-content:not(.canonical-content) .disabled input[type="url"], .join-content:not(.canonical-content) .disabled input[type="email"], .join-content:not(.canonical-content) .disabled input[type="number"], .join-content:not(.canonical-content) .disabled input[type="tel"], .join-content:not(.canonical-content) .disabled input[type="radio"], .join-content:not(.canonical-content) .disabled input[type="checkbox"], .join-content:not(.canonical-content) .disabled input[type="file"] + label, .join-content:not(.canonical-content) .disabled textarea, .join-content:not(.canonical-content) .disabled select { border-color: #dcdfdf; color: #dcdfdf; } .join-content:not(.canonical-content) .disabled input[type="radio"] + label, .join-content:not(.canonical-content) .disabled input[type="checkbox"] + label { color: #dcdfdf; } .join-content:not(.canonical-content) .disabled label { color: #dcdfdf; } .join-content:not(.canonical-content) .disabled .form-question h3, .join-content:not(.canonical-content) .disabled .form-question h4, .join-content:not(.canonical-content) .disabled .form-question .h3-ish, .join-content:not(.canonical-content) .disabled .form-question .h4-ish { color: #dcdfdf; } .join-content:not(.canonical-content) .disabled .form-question h3 a, .join-content:not(.canonical-content) .disabled .form-question h4 a, .join-content:not(.canonical-content) .disabled .form-question .h3-ish a, .join-content:not(.canonical-content) .disabled .form-question .h4-ish a, .join-content:not(.canonical-content) .disabled .form-question h3 button.btn-link, .join-content:not(.canonical-content) .disabled .form-question h4 button.btn-link, .join-content:not(.canonical-content) .disabled .form-question .h3-ish button.btn-link, .join-content:not(.canonical-content) .disabled .form-question .h4-ish button.btn-link { color: #dcdfdf; } .join-content:not(.canonical-content) .disabled .input-group-with-prefix .input-group-addon, .join-content:not(.canonical-content) .disabled .input-group-with-suffix .input-group-addon { background-color: #dcdfdf; } .join-content:not(.canonical-content) select { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMyA4LjkzIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZiZmRmYjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmRyb3Bkb3duX3doaXRlPC90aXRsZT48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMCAwIDExLjUgOC45MyAyMyAwIDAgMCIvPjwvc3ZnPg==); } .join-content:not(.canonical-content) .btn { margin-top: 20px; width: 100%; } .join-content:not(.canonical-content) .form-error-panel { margin-top: 20px; background-color: #ffffff; } .join-content:not(.canonical-content) .join-tcpa { color: #ffffff; font-size: 10px; line-height: 1.4em; padding-top: 30px; width: 100%; } .pledge-content .address-finder #search { margin: auto; font-size: 18px; } .pledge-content .address-finder #search_spinner { margin: 20px auto; } .pledge-content .address-finder .email-input { margin-top: 30px; } .pledge-content .address-finder .search_address { margin-bottom: 30px; } .pledge-content .social-widgets { margin: 50px 0; } .pledge-content .social-widget { display: inline-block; margin: 0 20px; padding: 20px; border-radius: 5px; background-color: #002855; } .pledge-content .social-widget img { max-width: 75px; } .pledge-content .form-error-panel { margin-top: 20px; } div.main-content.landing-page { background-image: url('/static/img/landing_bg.jpg'); background-repeat: no-repeat; background-size: cover; background-color: #01174A; } div.main-content.landing-page .landing-header { padding-left: 10px; padding-top: 20px; padding-bottom: 20px; } div.main-content.landing-page .landing-header .landing-logo { width: 200px; } @media only screen and (min-width: 991px) { div.main-content.landing-page .landing-header { padding-top: 40px; padding-left: 70px; } div.main-content.landing-page .landing-header .landing-logo { width: 300px; } } div.main-content.landing-page div.landing-body h1, div.main-content.landing-page div.landing-body .h1-ish { font-size: 60px; color: #ffffff; font-style: normal; } div.main-content.landing-page div.landing-body h2, div.main-content.landing-page div.landing-body .h2-ish { font-size: 40px; color: #ffffff; font-weight: 100; line-height: 1.25; } div.main-content.landing-page div.landing-body .landing-copy { font-size: 20px; color: #ffffff; font-weight: 100; line-height: 1.5; } div.main-content.landing-page div.landing-body .row { padding-bottom: 10px; } div.main-content.landing-page div.landing-body .col-xs-12 { padding-bottom: 30px; } div.main-content.landing-page div.landing-body .responsive-img { float: none; max-width: 100%; } div.main-content.landing-page div.landing-body .floating { float: none; display: inline-block; } div.main-content.landing-page div.landing-body .drop-bottom { vertical-align: bottom; } div.main-content.landing-page div.landing-body .drop-middles { vertical-align: middle; } div.main-content.landing-page div.landing-body .form-group .transparent-input { background: transparent; border: 1px solid #ffffff; color: #ffffff; width: 100%; max-width: 100%; height: 60px; padding-left: 30px; padding-right: 30px; } div.main-content.landing-page div.landing-body .form-group .transparent-input textarea { color: #ffffff; } div.main-content.landing-page div.landing-body .form-group .transparent-input::placeholder { color: #ffffff; font-size: 16px; } div.main-content.landing-page div.landing-body .form-group.has-error .transparent-input { border: 2px solid #ff5d67; } div.main-content.landing-page div.landing-body .form-group.has-error .transparent-input textarea { color: #ff5d67; } div.main-content.landing-page div.landing-body .form-group.has-error .transparent-input::placeholder { color: #ff5d67; } div.main-content.landing-page div.landing-body .form-error-panel { margin-top: 20px; background-color: #ffffff; } div.main-content.landing-page div.landing-body span.button { padding-top: 20px; padding-bottom: 20px; } div.main-content.landing-page div.landing-body span.button .btn-landing { width: 100%; height: 58px; font-size: 22px; font-weight: lighter; } div.main-content.landing-page div.landing-body .landing-tcpa { color: #ffffff; font-size: 10px; line-height: 1.4em; padding-top: 10px; max-width: 400px; } @media only screen and (min-width: 991px) { div.main-content.landing-page div.landing-body h1, div.main-content.landing-page div.landing-body .h1-ish { font-size: 80px; } div.main-content.landing-page div.landing-body .col-xs-12 { padding-bottom: 0px; } div.main-content.landing-page div.landing-body .main-container { padding-left: 70px; } div.main-content.landing-page div.landing-body .headline-row { padding-bottom: 0px; } div.main-content.landing-page div.landing-body .form-row { padding-bottom: 100px; } div.main-content.landing-page div.landing-body .graphics-row { padding-bottom: 100px; } div.main-content.landing-page div.landing-body .form-col { padding-left: 85px; } div.main-content.landing-page div.landing-body span.button .btn-landing, div.main-content.landing-page div.landing-body span.button .landing-spinner { max-width: 100%; width: 248px; } div.main-content.landing-page div.landing-body .form-group .transparent-input { max-width: 100%; width: 400px; } } @media only screen and (max-width: 767px) { div.main-content.landing-page { background-image: url('/static/img/landing_mobile_bg.jpg'); } } .landing-footer { background-color: #01174A; } .landing-footer footer { background-color: #01174A; border: none; } .landing-footer .privacy-policy { background-color: #01174A; text-align: center; padding-bottom: 30px; } .landing-footer .privacy-policy .privacy-policy-text { color: #ffffff; font-size: 16px; text-decoration: underline; } .main-content.event-register-content { background-color: #F0F2F5; } .main-content.event-register-content h2, .main-content.event-register-content .h2-ish { font-family: 'Barlow Condensed', sans-serif; } @media screen and (min-width: 768px) { .main-content.event-register-content.canonical-content #left-column .event-info-section { padding-right: 40px; padding-top: 30px; } } .main-content.event-register-content.canonical-content #left-column .event-info-section .share-buttons-container a.btn-share, .main-content.event-register-content.canonical-content #left-column .event-info-section .share-buttons-container button.btn-share.btn-link { height: 30px; width: 45px; } .main-content.event-register-content.canonical-content #left-column .event-info-section .share-buttons-container a.btn-share .copy-message, .main-content.event-register-content.canonical-content #left-column .event-info-section .share-buttons-container button.btn-share.btn-link .copy-message { font-size: 10px; } .main-content.event-register-content.canonical-content #left-column .event-info-section .share-buttons-container a.btn-share svg, .main-content.event-register-content.canonical-content #left-column .event-info-section .share-buttons-container button.btn-share.btn-link svg { width: 18px; } .main-content.event-register-content.canonical-content #left-column .event-info-section .details-container, .main-content.event-register-content.canonical-content #left-column .event-info-section .share-buttons-container { margin-top: 10px; } .main-content.event-register-content.canonical-content #right-column { margin-top: 20px; } @media screen and (min-width: 768px) { .main-content.event-register-content.canonical-content #right-column .right-column-spacing { padding-left: 30px; } } .main-content.event-register-content.canonical-content #right-column .document-links { font-family: 'Roboto', sans-serif; margin-top: 25px; text-align: center; } .main-content.event-register-content.canonical-content #right-column .document-links a, .main-content.event-register-content.canonical-content #right-column .document-links button.btn-link { text-decoration: underline; color: #0a2852; } .main-content.event-register-content.canonical-content .rsvp-container { padding-top: 50px; padding-bottom: 50px; } .main-content.event-register-content.canonical-content .back-button { margin-top: 10px; margin-bottom: 20px; } .main-content.event-register-content.canonical-content .back-button .btn { border-radius: 5px; color: #0a2852; border-color: #0a2852; background: none; padding: 5px 10px; border-width: 2px; } .main-content.event-register-content.canonical-content .back-button .btn:hover { color: #00c4ff; border-color: #00c4ff; background: none; } .main-content.event-register-content.canonical-content .btn-blue { display: block; width: 100%; border-radius: 5px; color: #ffffff; background-color: #002855; border-color: #002855; } .main-content.event-register-content.canonical-content .btn-blue:hover { background-color: #00c4ff; border-color: #00c4ff; } .main-content.event-register-content.canonical-content a.grey-link, .main-content.event-register-content.canonical-content button.grey-link.btn-link { color: #777; text-decoration: underline; } .main-content.event-register-content.canonical-content a.grey-link:hover, .main-content.event-register-content.canonical-content button.grey-link:hover.btn-link { color: #002855; } .main-content.event-register-content.canonical-content .title-section { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #cccccc; } .main-content.event-register-content.canonical-content .event-title { color: #002855; font-weight: bold; font-size: 24px; font-family: 'Bitter', serif; margin-bottom: 10px; line-height: 1.2em; } .main-content.event-register-content.canonical-content .event-org { color: #0a2852; } .main-content.event-register-content.canonical-content .event-org div { text-align: left; } .main-content.event-register-content.canonical-content .vpb-description { margin-top: 30px; display: none; } .main-content.event-register-content.canonical-content .location-section, .main-content.event-register-content.canonical-content .time-section, .main-content.event-register-content.canonical-content .description-section { color: #002855; line-height: 1.3em; color: #002855; font-size: 14px; margin: 15px 0px; } .main-content.event-register-content.canonical-content .location-section .virtual-location-details { color: #0a2852; font-weight: bold; } .main-content.event-register-content.canonical-content .section-header { color: #ff5d67; font-size: 15px; line-height: 15px; font-weight: bold; font-family: 'Bitter', serif; } .main-content.event-register-content.canonical-content .referrer-name { color: #002855; font-weight: bold; line-height: 1.2em; margin-bottom: 20px; } .main-content.event-register-content.canonical-content .referrer-name .highlight { color: #00c4ff; background-color: transparent; } .main-content.event-register-content.canonical-content .event-form.has-banner-above { margin-top: -40px; } .main-content.event-register-content.canonical-content .event-form .event-info-section { width: 100%; } .main-content.event-register-content.canonical-content .event-form .vpb-chooser .vpb-radio { margin: 0; padding: 10px 0; border-bottom: 1px solid #ccc; } .main-content.event-register-content.canonical-content .event-form .vpb-chooser .vpb-radio:first-child { border-top: 1px solid #ccc; } .main-content.event-register-content.canonical-content .event-form .vpb-chooser label { padding-left: 0; text-transform: none; font-size: 16px; margin: 0; } .main-content.event-register-content.canonical-content .event-form .vpb-chooser .dummy-label { float: right; } .main-content.event-register-content.canonical-content .event-form .shift-picker { margin: 20px 0 0 0; color: #002855; } .main-content.event-register-content.canonical-content .event-form .shift-picker .vpb-info { font-size: 14px; color: #777; line-height: 1.2em; margin-bottom: 10px; } .main-content.event-register-content.canonical-content .event-form .shift-picker .one-day { padding: 10px 0; cursor: pointer; } .main-content.event-register-content.canonical-content .event-form .shift-picker .one-day:first-child { border-top: 1px solid #ccc; } .main-content.event-register-content.canonical-content .event-form .shift-picker .one-day .date { color: #0a2852; border-bottom: none; font-weight: bold; } .main-content.event-register-content.canonical-content .event-form .shift-picker .one-day .date .num-selected-timeslots { background-color: #ff5c66; font-family: 'Roboto', sans-serif; color: #ffffff; font-weight: bold; border-radius: 50%; width: 24px; height: 24px; display: inline-block; margin-left: 10px; font-size: 12px; text-align: center; } .main-content.event-register-content.canonical-content .event-form .shift-picker .one-day .date .expander { float: right; margin-right: 10px; } .main-content.event-register-content.canonical-content .event-form .shift-picker .one-day .one-timeslot { padding: 10px; padding-left: 0; } .main-content.event-register-content.canonical-content .event-form .shift-picker .one-day .one-timeslot .timeslot-btn { border-radius: 5px; width: 100%; box-shadow: none; } .main-content.event-register-content.canonical-content .event-form .shift-picker .one-day .one-timeslot .timeslot-btn.timeslot-selected { background-color: #ff5c66; color: #fbfdfb; border: none; } .main-content.event-register-content.canonical-content .event-form .shift-picker .one-day .one-timeslot .timeslot-btn.timeslot-selected:hover { border-color: #ff5c66; } .main-content.event-register-content.canonical-content .event-form .shift-picker .one-day .one-timeslot .timeslot-btn.timeslot-not-selected { border: 2px solid #0a2852; background-color: #fbfdfb; color: #0a2852; } .main-content.event-register-content.canonical-content .event-form .shift-picker .one-day .one-timeslot .timeslot-btn.timeslot-not-selected:hover { border-color: #ff5c66; } .main-content.event-register-content.canonical-content .event-form .shift-picker .one-day .one-timeslot .any-time-from { color: #777; } .main-content.event-register-content.canonical-content .event-form .shift-picker .single-timeslot { padding: 10px 0; margin-bottom: 20px; } .main-content.event-register-content.canonical-content .event-form .shift-picker .show-more-days-bar { background-color: #00c4ff; display: inline-block; width: 100%; } .main-content.event-register-content.canonical-content .event-form .shift-picker .show-more-days-bar a.show-more-days, .main-content.event-register-content.canonical-content .event-form .shift-picker .show-more-days-bar button.show-more-days.btn-link { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-direction: normal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; width: 100%; color: #ffffff; font-weight: bold; padding: 10px; } .main-content.event-register-content.canonical-content .event-form .shift-picker .show-more-days-bar a.show-more-days:hover, .main-content.event-register-content.canonical-content .event-form .shift-picker .show-more-days-bar button.show-more-days:hover.btn-link { color: #0a2852; } .main-content.event-register-content.canonical-content .event-form .volunteer-fields-section { margin: 0 -30px; background-color: #fbfdfb; padding: 20px 30px; border-radius: 8px; box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2); } .main-content.event-register-content.canonical-content .event-form .volunteer-fields-section .rsvp-section-header { color: #ff5c66; font-weight: bold; text-transform: none; padding-top: 7px; font-size: 32px; padding-bottom: 30px; font-family: 'Barlow Condensed', sans-serif; } .main-content.event-register-content.canonical-content .event-form .button-panel { margin-top: 20px; } .main-content.event-register-content.canonical-content .event-form .button-panel .btn { width: 100%; } .main-content.event-register-content.canonical-content .event-form .alert { margin-top: 20px; } .main-content.event-register-content.canonical-content .event-form input { font-size: 18px; padding-left: 10px; padding-right: 10px; } .main-content.event-register-content.canonical-content .event-form .tcpa { font-size: 11px; font-family: 'Roboto', sans-serif; font-style: italic; line-height: 16px; } .main-content.event-register-content.canonical-content .event-form .tcpa .static-tcpa { color: #565555; } .main-content.event-register-content.canonical-content .event-form .tcpa label { color: #0a2852; font-size: 11px; line-height: 12px; } .main-content.event-register-content.canonical-content .event-form .tcpa .label-inner { display: inline-block; width: calc(100% - 30px); vertical-align: top; } .main-content.event-register-content.canonical-content .event-supported-by { width: 100%; margin-top: 30px; margin-bottom: 30px; padding-right: 60px; } .main-content.event-register-content.canonical-content .event-supported-by .event-group-join-disclaimer { font-size: 0.7em; margin-top: 10px; } .main-content.event-register-content.canonical-content .event-supported-by .sponsor { margin-top: 20px; display: flex; } .main-content.event-register-content.canonical-content .event-supported-by .sponsor .photo-resize .profile-photo-wrapper .logo { width: 50px; height: 50px; object-fit: cover; border-radius: 50%; background-size: cover; } .main-content.event-register-content.canonical-content .event-supported-by .sponsor .photo-resize .profile-photo-wrapper .logo.profile-photo { background-color: #0a2852; } .main-content.event-register-content.canonical-content .event-supported-by .sponsor .group-name { font-family: Bitter, serif; font-size: 12px; line-height: 14px; color: #0a2852; margin-top: auto; margin-bottom: auto; padding: 0 20px; } .main-content.event-register-content.canonical-content .other-events-section { background-color: #e8ebeb; } .main-content.event-register-content.canonical-content .other-events-section .other-events-info { padding-top: 50px; padding-bottom: 50px; color: #0a2852; } .main-content.event-register-content.canonical-content .other-events-section .other-events-info .other-event { padding-bottom: 20px; padding-top: 20px; border-top: 2px solid #d1d1d1; } @media screen and (max-width: 768px) { .main-content.event-register-content.canonical-content .other-events-section .event-date-section .left { margin-bottom: 10px; } } .main-content.event-register-content.canonical-content .other-events-section .event-date-section .right { margin-left: 0; padding-left: 0; } .main-content.event-register-content.canonical-content .success-pane { min-height: 250px; } .main-content.event-register-content.canonical-content .success-pane .time-section { margin-top: 10px; border-top: 1px solid #ccc; padding-top: 20px; } .main-content.event-register-content.canonical-content .success-pane .thanks-header-section { margin-bottom: 40px; margin-top: -70px; width: 100vw; margin-left: -50vw; position: relative; background-color: #0a2852; left: 50%; display: flex; align-items: center; } .main-content.event-register-content.canonical-content .success-pane .thanks-header-section .thanks-header { padding: 30px 0px; color: #fbfdfb; font-weight: bold; font-size: 28px; font-family: 'Bitter', serif; text-transform: none; margin: auto; text-align: center; } @media screen and (max-width: 768px) { .main-content.event-register-content.canonical-content .success-pane .thanks-header-section .thanks-header { font-size: 22px; line-height: 1.6em; } } .main-content.event-register-content.canonical-content .success-pane .one-timeslot { color: #0a2852; font-weight: bold; padding: 0; } .main-content.event-register-content.canonical-content .success-pane .share-section { padding: 20px 30px; background-color: #0a2852; margin: 0 auto; border-radius: 8px; box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2); margin-top: 20px; } .main-content.event-register-content.canonical-content .success-pane .share-section h2, .main-content.event-register-content.canonical-content .success-pane .share-section .share-buttons-label, .main-content.event-register-content.canonical-content .success-pane .share-section .h2-ish { color: #fbfdfb; display: block; margin-top: 10px; text-transform: none; } .main-content.event-register-content.canonical-content .success-pane .share-section .share-buttons-container { margin-top: 10px; } .main-content.event-register-content.canonical-content .success-pane .share-section .share-buttons-container a.btn-share, .main-content.event-register-content.canonical-content .success-pane .share-section .share-buttons-container button.btn-share.btn-link { height: 40px; width: 90px; } .main-content.event-register-content.canonical-content .success-pane .share-section .share-buttons-container a.btn-share svg, .main-content.event-register-content.canonical-content .success-pane .share-section .share-buttons-container button.btn-share.btn-link svg { width: 22px; } @media screen and (max-width: 768px) { .main-content.event-register-content.canonical-content .success-pane .share-section .share-buttons-container a.btn-share, .main-content.event-register-content.canonical-content .success-pane .share-section .share-buttons-container button.btn-share.btn-link { height: 30px; width: 45px; } .main-content.event-register-content.canonical-content .success-pane .share-section .share-buttons-container a.btn-share svg, .main-content.event-register-content.canonical-content .success-pane .share-section .share-buttons-container button.btn-share.btn-link svg { width: 18px; } } .main-content.event-register-content.canonical-content .success-pane .share-section .title-section { padding-bottom: 20px; } .main-content.event-register-content.canonical-content .success-pane .share-section .time-section { margin-top: 10px; color: #002855; } .main-content.event-register-content.canonical-content .success-pane .share-section .phonebank-redirect-section { max-width: 600px; margin: 35px auto 0 auto; } .main-content.event-register-content.canonical-content .success-pane .share-section .redirect-msg { margin-top: 50px; font-family: 'Bitter', serif; color: #002855; line-height: 1.4em; font-weight: bold; } .main-content.event-register-content.canonical-content .success-pane .share-section .redirect-link { margin: 30px 0; } .main-content.event-register-content.canonical-content .success-pane .share-section .redirect-link .btn { width: 100%; } @media only screen and (max-width: 479px) { .main-content.event-register-content.canonical-content .success-pane #left-column .event-info-section .share-buttons-container { margin-left: 0px; } .main-content.event-register-content.canonical-content .success-pane #left-column .event-info-section .share-buttons-container a.btn-share, .main-content.event-register-content.canonical-content .success-pane #left-column .event-info-section .share-buttons-container button.btn-share.btn-link { height: 30px; width: 40px; } .main-content.event-register-content.canonical-content .success-pane #left-column .event-info-section .share-buttons-container a.btn-share svg, .main-content.event-register-content.canonical-content .success-pane #left-column .event-info-section .share-buttons-container button.btn-share.btn-link svg { width: 16px; } .main-content.event-register-content.canonical-content .success-pane .event-form .shift-picker .one-day .one-timeslot { margin: 0 -30px; padding: 10px 30px 15px 30px; } .main-content.event-register-content.canonical-content .success-pane .event-form .shift-picker .one-day .one-timeslot .time { position: relative; top: 2px; } .main-content.event-register-content.canonical-content .success-pane .event-form .shift-picker .one-day .date .expander { margin-right: 0; } .main-content.event-register-content.canonical-content .success-pane .event-form .shift-picker .show-more-days-bar { margin: 0 -30px; padding: 0 30px; } .main-content.event-register-content.canonical-content .success-pane .event-form .shift-picker .show-more-days-bar a.show-more-days, .main-content.event-register-content.canonical-content .success-pane .event-form .shift-picker .show-more-days-bar button.show-more-days.btn-link { padding: 10px 0; } .main-content.event-register-content.canonical-content .success-pane .title-section, .main-content.event-register-content.canonical-content .success-pane .location-section, .main-content.event-register-content.canonical-content .success-pane .time-section, .main-content.event-register-content.canonical-content .success-pane .description-section { margin: 0px -30px; padding: 10px 30px; } .main-content.event-register-content.canonical-content .success-pane .page-content.form-content { margin: 0; } .main-content.event-register-content.canonical-content .success-pane .success-pane { margin-top: 20px; } } @media only screen and (max-width: 767px) { .main-content.event-register-content.canonical-content .success-pane .see-details { display: block; } .main-content.event-register-content.canonical-content .success-pane .rsvp-container { padding-top: 10px; padding-bottom: 10px; } .main-content.event-register-content.canonical-content .success-pane .event-form .shift-picker .progress { margin-left: -30px; margin-right: -30px; border-radius: 0px; } .main-content.event-register-content.canonical-content .success-pane .success-pane .thanks-header-section { margin-top: -39px; } .main-content.event-register-content.canonical-content .success-pane .success-pane .thanks-header-section .thanks-header { font-size: 29px; color: #fbfdfb; text-transform: none; } } @media only screen and (max-width: 991px) { .main-content.event-register-content.canonical-content .success-pane .shift-picker .one-day .one-timeslot .any-time-from { display: block; } } @media only screen and (min-width: 768px) { .main-content.event-register-content.canonical-content .success-pane #left-column { padding-right: 20px; } .main-content.event-register-content.canonical-content .success-pane #left-column .share-buttons-container a.btn-share, .main-content.event-register-content.canonical-content .success-pane #left-column .share-buttons-container button.btn-share.btn-link { height: 30px; width: 40px; } .main-content.event-register-content.canonical-content .success-pane #left-column .share-buttons-container a.btn-share svg, .main-content.event-register-content.canonical-content .success-pane #left-column .share-buttons-container button.btn-share.btn-link svg { width: 14px; } .main-content.event-register-content.canonical-content .success-pane #left-column .event-info-section.scrollable-bottom + div.shadow-box { height: 10px; width: calc(100% - 60px); box-shadow: inset 0 -7px 10px -7px #777; } .main-content.event-register-content.canonical-content .success-pane .event-title { font-size: 30px; } .main-content.event-register-content.canonical-content .success-pane .btn { margin: auto; } } .event-register-description-modal-window { border-radius: 0; } .event-register-description-modal-window .close-button { position: absolute; top: 20px; right: 20px; } .event-register-description-modal-window .close-button a, .event-register-description-modal-window .close-button button.btn-link { color: #002855; } .event-register-description-modal-window .modal-content { color: #0a2852; padding: 40px; } .event-register-description-modal-window .modal-content .text-only-description { white-space: pre-line; } .event-register-description-modal-window .modal-content a.calendar-link, .event-register-description-modal-window .modal-content button.calendar-link.btn-link { text-decoration: none; color: #777; display: inline-block; padding: 10px; width: 100%; } .event-register-description-modal-window .modal-content a.calendar-link:hover, .event-register-description-modal-window .modal-content button.calendar-link:hover.btn-link { background-color: #eee; } .event-register-description-modal-window .modal-content a.calendar-link img, .event-register-description-modal-window .modal-content button.calendar-link.btn-link img { width: 25px; height: 25px; } .event-register-share-content .share-text { color: #002855; font-weight: bold; font-size: 24px; font-family: 'Bitter', serif; line-height: 1.2em; } .event-register-share-content .link-copy-success { color: #00c4ff; margin: -10px 0 20px 0; } .event-register-share-content input.url-input { margin: 20px 0; border-radius: 0; border-color: #777; font-style: italic; background-color: #ffffff; } .event-register-share-content .btn-social { color: #ffffff; background-color: #00c4ff; border-color: #00c4ff; width: 100%; min-width: 0 !important; display: inline-block; } .event-register-share-content .btn-social img { width: 25px; height: 25px; } .event-register-share-content .btn-social.btn-email img { width: auto; height: 19px; margin: 3px 0; } .event-register-share-content .btn-social:hover { background-color: #002855; border-color: #002855; } @media only screen and (max-width: 767px) { .event-register-share-content .share-text { font-size: 18px; } } .event-register-description-html img { display: block; margin-left: auto; margin-right: auto; max-width: 100%; height: auto; } .event-register-description-html p + p { margin-top: 0px; } .event-register-description-html p, .event-register-description-html font { font-size: 14px; } .main-content.events-content a.blue-link, .main-content.events-content button.blue-link.btn-link { color: #002855; } .main-content.events-content a.blue-link:hover, .main-content.events-content button.blue-link:hover.btn-link { text-decoration: underline; } .main-content.events-content #event-map { width: 100%; height: 400px; } .main-content.events-content .events-list { margin-top: 30px; } .main-content.events-content .events-list .header-row { margin-bottom: 20px; font-weight: bold; color: #777; font-size: 18px; border-bottom: 1px solid #ccc; padding-bottom: 5px; } .main-content.events-content .events-list .one-day { margin-bottom: 40px; } .main-content.events-content .events-list .one-day .day-header { font-size: 24px; color: #002855; font-weight: bold; font-family: 'Bitter', serif; margin-bottom: 10px; } .main-content.events-content .events-list a.timeslot-expander, .main-content.events-content .events-list button.timeslot-expander.btn-link { display: inline-block; margin-left: 10px; } .main-content.events-content .events-list a.timeslot-expander .glyphicon, .main-content.events-content .events-list button.timeslot-expander.btn-link .glyphicon { font-size: 12px; } .main-content.events-content .events-list .one-timeslot:nth-child(even) { background-color: #ebebeb; } .main-content.events-content .events-list .one-timeslot { padding-top: 3px; padding-bottom: 3px; } .main-content.events-content .events-list .one-timeslot .event-type { color: #777; } @media only screen and (max-width : 991px) { .main-content.events-content .results-row { height: auto; } .main-content.events-content .results-row .events-list { margin-bottom: 30px; } .main-content.events-content .events-list .one-day .day-header { margin-bottom: 10px; } .main-content.events-content .events-list .one-day .one-timeslot { margin: 5px -30px; padding: 10px 15px; } .main-content.events-content .events-list .one-day .one-timeslot .event-title { font-size: 20px; } .main-content.events-content .events-list .one-day .one-timeslot .event-time { font-size: 19px; } } .main-content.all-events .accent-header .header-section { display: inline-flex; padding: 40px; } .main-content.all-events hr:not(.non-canonical):not(.event-feed) { margin: 50px 0px; } .main-content.all-events hr.non-canonical:not(.event-feed) { margin: 20px 0px; } .main-content.all-events section.page-content { padding-bottom: 2em; } .main-content.all-events .tiles-section { max-width: 800px; margin-left: auto; margin-right: auto; } .main-content.all-events .tiles-section .tile-col { padding: 30px 15px 15px 0px; } .main-content.all-events .tiles-section h3, .main-content.all-events .tiles-section .h3-ish { margin: 10px 0px 10px 0px; } .main-content.all-events .tiles-section p { font-size: 14px; } .main-content.all-events .tiles-section p + p { margin-top: 5px; } .main-content.all-events .tiles-section .img-tile:before { content: ""; display: block; padding-top: 50%; } .main-content.all-events .tiles-section .img-tile { position: relative; } .main-content.all-events .tiles-section .img-tile .house-parties-tile { background-image: url('/static/img/events_tile_houseparty.jpg'); } .main-content.all-events .tiles-section .img-tile .fundraisers-tile { background-image: url('/static/img/events_tile_fundraiser.jpg'); } .main-content.all-events .tiles-section .img-tile .letter-tile { background-image: url('/static/img/events_tile_letters.jpg'); } .main-content.all-events .tiles-section .img-tile .phone-tile { background-image: url('/static/img/events_tile_phone.jpg'); } .main-content.all-events .tiles-section .img-tile .relational-tile { background-image: url('/static/img/events_tile_relational.jpg'); } .main-content.all-events .tiles-section .img-tile .canvasses-tile { background-image: url('/static/img/events_tile_carpool.jpg'); } .main-content.all-events .tiles-section .img-tile .sl-canvasses-tile { background-image: url('/static/img/events_tile_canvass.jpg'); } .main-content.all-events .tiles-section .img-tile .htc-tile { background-image: url('/static/img/events_tile_htc.jpg'); } .main-content.all-events .tiles-section .img-tile .house-parties-tile, .main-content.all-events .tiles-section .img-tile .fundraisers-tile, .main-content.all-events .tiles-section .img-tile .letter-tile, .main-content.all-events .tiles-section .img-tile .canvasses-tile, .main-content.all-events .tiles-section .img-tile .sl-canvasses-tile, .main-content.all-events .tiles-section .img-tile .phone-tile, .main-content.all-events .tiles-section .img-tile .relational-tile, .main-content.all-events .tiles-section .img-tile .htc-tile { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-position: center; } .main-content.all-events .tiles-section .tile-description { min-height: 160px; position: relative; padding-top: 10px; } .main-content.all-events .tiles-section .tile-description p > a, .main-content.all-events .tiles-section .tile-description p > button.btn-link { position: absolute; bottom: 0px; } .main-content.all-events .action-section { margin: 57px 0 40px 0; position: relative; } .main-content.all-events h2.action-section-intro, .main-content.all-events .action-section-intro.h2-ish { text-align: center; } .main-content.all-events .action-section-subheader { text-align: center; } .main-content.all-events h2.results-header, .main-content.all-events .results-header.h2-ish { margin-top: 20px; margin-bottom: 20px; } @media only screen and (max-width : 991px) { .main-content.all-events h2.results-header, .main-content.all-events .results-header.h2-ish { font-size: 30px; } } .main-content.all-events .canvassing-section { max-width: 800px; margin: auto; text-align: center; } .main-content.all-events .canvassing-section h2, .main-content.all-events .canvassing-section .h2-ish { margin-bottom: 5px; } .main-content.all-events .canvassing-section p { font-size: 20px; padding-bottom: 20px; } .main-content.all-events .canvassing-section a, .main-content.all-events .canvassing-section button.btn-link { max-width: 100%; width: 250px; } @media only screen and (max-width : 991px) { .main-content.all-events section.page-content { padding: 0 1em 2em 1em; } .main-content.all-events .accent-header .header-section { display: inline-block; padding: 0.5em; } .main-content.all-events .accent-header .header-section h1, .main-content.all-events .accent-header .header-section .h1-ish { font-size: 44px; } .main-content.all-events .tiles-section { padding-top: 10px; } .main-content.all-events .tiles-section .tile-col { padding-top: 40px; } .main-content.all-events .tiles-section .tile-description { min-height: 160px; } .main-content.all-events .button-panel .btn { display: block; white-space: normal; } .main-content.all-events .button-panel .btn + .btn { margin-left: 0; margin-top: 20px; } .main-content.all-events .results-row { height: auto; } .main-content.all-events .results-row .events-list { margin-bottom: 30px; } .main-content.all-events .results-row .one-event .timeslot-expander { display: block; } } @media only screen and (max-width : 767px) { .main-content.all-events .tiles-section .img-tile:before { padding-top: 30%; } .main-content.all-events .tiles-section .tile-description { min-height: inherit; } .main-content.all-events .tiles-section .tile-description p > a, .main-content.all-events .tiles-section .tile-description p > button.btn-link { position: relative; } } @media only screen and (max-width : 480px) { .main-content.all-events .tiles-section .img-tile:before { padding-top: 50%; } } .main-content.actions-content.canonical-content { border-top: 1px solid rgba(255, 255, 255, 0.2); background-color: #0a2852; } .main-content.actions-content.canonical-content .tlw-logo { display: none; } .main-content.actions-content.canonical-content p { line-height: 1.45em; } .main-content.actions-content.canonical-content .intro-text-container { text-align: center; } .main-content.actions-content.canonical-content .intro-text-container h1, .main-content.actions-content.canonical-content .intro-text-container .h1-ish { margin-top: 30px; font-size: 50px; } .main-content.actions-content.canonical-content .intro-text-container .intro-text { color: #0a2852; font-weight: bold; max-width: 500px; line-height: 1.2em; margin: 10px auto; } .main-content.actions-content.canonical-content .intro-text-container .intro-text .day-counter { color: #ff5c66; } .main-content.actions-content.canonical-content #urgency-section { display: none; } .main-content.actions-content.canonical-content .filter-container { background-color: #0a2852; color: #fbfdfb; padding: 0; } .main-content.actions-content.canonical-content .filter-container .action-filter-controls { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-direction: normal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; justify-content: space-between; } @media screen and (max-width: 768px) { .main-content.actions-content.canonical-content .filter-container .action-filter-controls { -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } } .main-content.actions-content.canonical-content .filter-container .action-filter-controls .action-zip-display { -webkit-box: 1; -moz-box: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; flex: 1; } .main-content.actions-content.canonical-content .filter-container .action-filter-controls .controls-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-direction: normal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; } .main-content.actions-content.canonical-content .filter-container .action-filter-controls .controls-container .action-filter-control { cursor: pointer; font-size: 15px; } .main-content.actions-content.canonical-content .filter-container .action-filter-controls .controls-container .action-filter-control:hover { text-decoration: underline; } .main-content.actions-content.canonical-content .filter-container .filters { margin: 0 0 20px 0; } .main-content.actions-content.canonical-content .filter-container .filters .filter-row { padding: 20px 0px 18px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .main-content.actions-content.canonical-content .filter-container .filters .filter-row a.filter-remove, .main-content.actions-content.canonical-content .filter-container .filters .filter-row button.filter-remove.btn-link { float: right; } .main-content.actions-content.canonical-content .filter-container .filters .filter-row a.filter-remove:hover, .main-content.actions-content.canonical-content .filter-container .filters .filter-row button.filter-remove:hover.btn-link { color: #00c4ff; } .main-content.actions-content.canonical-content .filter-container .filters .change-link { text-decoration: underline; } .main-content.actions-content.canonical-content .filter-container .filters .change-link:hover { color: #00c4ff; } .main-content.actions-content.canonical-content .filter-container .zip-filter .near-zip { font-weight: bold; font-family: 'Barlow Condensed', sans-serif; font-size: 26px; } .main-content.actions-content.canonical-content .filter-container .date-filter { display: inline-block; padding-left: 15px; border-left: 1px solid #fbfdfb; } .main-content.actions-content.canonical-content .filter-container .date-filter .date-string { font-weight: bold; } .main-content.actions-content.canonical-content .filter-container .date-filter .input-group { display: inline; } .main-content.actions-content.canonical-content .filter-container .date-filter .input-group .date-input { display: inline; float: none; width: 80px; } .main-content.actions-content.canonical-content .errors-container { margin: -30px auto 30px auto; max-width: 600px; } .main-content.actions-content.canonical-content .errors-container .alert.alert-danger { margin-bottom: 0; } .main-content.actions-content.canonical-content .search-container { color: #fbfdfb; } .main-content.actions-content.canonical-content .search-container .header-section { padding-top: 20px; padding-bottom: 20px; width: 100%; margin: 0; } .main-content.actions-content.canonical-content .search-container .header-section h1, .main-content.actions-content.canonical-content .search-container .header-section h2, .main-content.actions-content.canonical-content .search-container .header-section .h1-ish, .main-content.actions-content.canonical-content .search-container .header-section .h2-ish { text-transform: none; } @media screen and (max-width: 768px) { .main-content.actions-content.canonical-content .search-container .header-section { padding-left: 30px !important; padding-right: 30px !important; } } .main-content.actions-content.canonical-content .search-container .header-section .picker { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; margin-right: 20px; } .main-content.actions-content.canonical-content .search-container .header-section button { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .main-content.actions-content.canonical-content .search-container .header-section.zip-section { padding-top: 30px; width: 100%; background-color: #0a2852; padding: 60px 5% 60px 5%; } .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="text"], .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="url"], .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="email"], .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="number"], .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="tel"], .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="password"], .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="file"] + label, .main-content.actions-content.canonical-content .search-container .header-section.zip-section textarea, .main-content.actions-content.canonical-content .search-container .header-section.zip-section select { border-color: #fbfdfb; color: #fbfdfb; } .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="text"]::placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="url"]::placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="email"]::placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="number"]::placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="tel"]::placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="password"]::placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="file"] + label::placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section textarea::placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section select::placeholder { color: #6B7276; } .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="text"]::-webkit-input-placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="url"]::-webkit-input-placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="email"]::-webkit-input-placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="number"]::-webkit-input-placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="tel"]::-webkit-input-placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="password"]::-webkit-input-placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="file"] + label::-webkit-input-placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section textarea::-webkit-input-placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section select::-webkit-input-placeholder { color: #6B7276; } .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="text"]:-moz-placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="url"]:-moz-placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="email"]:-moz-placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="number"]:-moz-placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="tel"]:-moz-placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="password"]:-moz-placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="file"] + label:-moz-placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section textarea:-moz-placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section select:-moz-placeholder { color: #6B7276; } .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="text"]::-moz-placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="url"]::-moz-placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="email"]::-moz-placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="number"]::-moz-placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="tel"]::-moz-placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="password"]::-moz-placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="file"] + label::-moz-placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section textarea::-moz-placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section select::-moz-placeholder { color: #6B7276; } .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="text"]:-ms-input-placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="url"]:-ms-input-placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="email"]:-ms-input-placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="number"]:-ms-input-placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="tel"]:-ms-input-placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="password"]:-ms-input-placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="file"] + label:-ms-input-placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section textarea:-ms-input-placeholder, .main-content.actions-content.canonical-content .search-container .header-section.zip-section select:-ms-input-placeholder { color: #6B7276; } .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="radio"] + label, .main-content.actions-content.canonical-content .search-container .header-section.zip-section input[type="checkbox"] + label { color: #fbfdfb; } .main-content.actions-content.canonical-content .search-container .header-section.zip-section select { box-shadow: 0px 4px #e8e8e8; } .main-content.actions-content.canonical-content .search-container .header-section.zip-section .has-error select { box-shadow: 0px 4px #e8e8e8; } .main-content.actions-content.canonical-content .search-container .header-section.zip-section .input-group-with-prefix .input-group-addon, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .input-group-with-suffix .input-group-addon { background-color: #fbfdfb; color: #fbfdfb; } .main-content.actions-content.canonical-content .search-container .header-section.zip-section label { color: #fbfdfb; } .main-content.actions-content.canonical-content .search-container .header-section.zip-section .form-question h3, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .form-question h4, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .form-question .h3-ish, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .form-question .h4-ish { color: #fbfdfb; } .main-content.actions-content.canonical-content .search-container .header-section.zip-section .form-question h3 a, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .form-question h4 a, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .form-question .h3-ish a, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .form-question .h4-ish a, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .form-question h3 button.btn-link, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .form-question h4 button.btn-link, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .form-question .h3-ish button.btn-link, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .form-question .h4-ish button.btn-link { color: #fbfdfb; } .main-content.actions-content.canonical-content .search-container .header-section.zip-section .form-question h3 a:hover, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .form-question h4 a:hover, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .form-question .h3-ish a:hover, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .form-question .h4-ish a:hover, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .form-question h3 button:hover.btn-link, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .form-question h4 button:hover.btn-link, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .form-question .h3-ish button:hover.btn-link, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .form-question .h4-ish button:hover.btn-link { color: #00c4ff; } .main-content.actions-content.canonical-content .search-container .header-section.zip-section .has-error input[type="text"], .main-content.actions-content.canonical-content .search-container .header-section.zip-section .has-error input[type="url"], .main-content.actions-content.canonical-content .search-container .header-section.zip-section .has-error input[type="email"], .main-content.actions-content.canonical-content .search-container .header-section.zip-section .has-error input[type="number"], .main-content.actions-content.canonical-content .search-container .header-section.zip-section .has-error input[type="tel"], .main-content.actions-content.canonical-content .search-container .header-section.zip-section .has-error input[type="radio"], .main-content.actions-content.canonical-content .search-container .header-section.zip-section .has-error input[type="file"] + label, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .has-error input[type="checkbox"], .main-content.actions-content.canonical-content .search-container .header-section.zip-section .has-error textarea, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .has-error select { background-color: #0a2852; } .main-content.actions-content.canonical-content .search-container .header-section.zip-section .has-error input[type="radio"] + label, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .has-error input[type="checkbox"] + label { color: #0a2852; } .main-content.actions-content.canonical-content .search-container .header-section.zip-section .disabled input[type="text"], .main-content.actions-content.canonical-content .search-container .header-section.zip-section .disabled input[type="url"], .main-content.actions-content.canonical-content .search-container .header-section.zip-section .disabled input[type="email"], .main-content.actions-content.canonical-content .search-container .header-section.zip-section .disabled input[type="number"], .main-content.actions-content.canonical-content .search-container .header-section.zip-section .disabled input[type="tel"], .main-content.actions-content.canonical-content .search-container .header-section.zip-section .disabled input[type="radio"], .main-content.actions-content.canonical-content .search-container .header-section.zip-section .disabled input[type="checkbox"], .main-content.actions-content.canonical-content .search-container .header-section.zip-section .disabled input[type="file"] + label, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .disabled textarea, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .disabled select { border-color: #dcdfdf; color: #dcdfdf; } .main-content.actions-content.canonical-content .search-container .header-section.zip-section .disabled input[type="radio"] + label, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .disabled input[type="checkbox"] + label { color: #dcdfdf; } .main-content.actions-content.canonical-content .search-container .header-section.zip-section .disabled label { color: #dcdfdf; } .main-content.actions-content.canonical-content .search-container .header-section.zip-section .disabled .form-question h3, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .disabled .form-question h4, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .disabled .form-question .h3-ish, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .disabled .form-question .h4-ish { color: #dcdfdf; } .main-content.actions-content.canonical-content .search-container .header-section.zip-section .disabled .form-question h3 a, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .disabled .form-question h4 a, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .disabled .form-question .h3-ish a, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .disabled .form-question .h4-ish a, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .disabled .form-question h3 button.btn-link, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .disabled .form-question h4 button.btn-link, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .disabled .form-question .h3-ish button.btn-link, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .disabled .form-question .h4-ish button.btn-link { color: #dcdfdf; } .main-content.actions-content.canonical-content .search-container .header-section.zip-section .disabled .input-group-with-prefix .input-group-addon, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .disabled .input-group-with-suffix .input-group-addon { background-color: #dcdfdf; } .main-content.actions-content.canonical-content .search-container .header-section.zip-section select { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMyA4LjkzIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZiZmRmYjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmRyb3Bkb3duX3doaXRlPC90aXRsZT48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMCAwIDExLjUgOC45MyAyMyAwIDAgMCIvPjwvc3ZnPg==); } .main-content.actions-content.canonical-content .search-container .header-section.zip-section h1, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .h1-ish { font-size: 40px; line-height: 1.2em; } .main-content.actions-content.canonical-content .search-container .header-section.zip-section h1, .main-content.actions-content.canonical-content .search-container .header-section.zip-section p, .main-content.actions-content.canonical-content .search-container .header-section.zip-section .h1-ish { max-width: 790px; margin-left: auto; margin-right: auto; } .main-content.actions-content.canonical-content .search-container .header-section.zip-section .state-selector { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-direction: normal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; margin-top: 20px; } .main-content.actions-content.canonical-content .search-container .header-section.zip-section .state-selector label { color: #fbfdfb; text-align: left; font-size: 15px; } .main-content.actions-content.canonical-content .search-container .header-section.zip-section .state-selector .btn-sl { background-color: #FFFF28; color: #0a2852; } .main-content.actions-content.canonical-content .search-container .header-section.zip-section .state-selector .btn-sl:hover { background-color: #00c4ff; } @media screen and (max-width: 768px) { .main-content.actions-content.canonical-content .search-container .header-section.zip-section .state-selector { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; } .main-content.actions-content.canonical-content .search-container .header-section.zip-section .state-selector .picker { margin-right: 0; margin-bottom: 20px; } .main-content.actions-content.canonical-content .search-container .header-section.zip-section .state-selector button { -webkit-box: 1; -moz-box: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; margin-left: 0; } } .main-content.actions-content.canonical-content .search-container .header-section.state-selector-section { width: 100%; background-color: #3B5375; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-direction: normal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; padding: 40px 3% 50px 3%; } .main-content.actions-content.canonical-content .search-container .header-section.state-selector-section select { color: #fbfdfb; border: 1px solid #fbfdfb; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMyA4LjkzIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZiZmRmYjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmRyb3Bkb3duX3doaXRlPC90aXRsZT48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMCAwIDExLjUgOC45MyAyMyAwIDAgMCIvPjwvc3ZnPg==); width: 250px; box-shadow: none; } .main-content.actions-content.canonical-content .search-container .header-section.state-selector-section select option { color: #000000; } .main-content.actions-content.canonical-content .search-container .header-section.state-selector-section .context { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-direction: normal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; -webkit-box: 1; -moz-box: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; -ms-flex: 1; } .main-content.actions-content.canonical-content .search-container .header-section.state-selector-section .context h2, .main-content.actions-content.canonical-content .search-container .header-section.state-selector-section .context .h2-ish { font-family: 'Barlow Condensed', sans-serif; line-height: 30px; padding: 0px 50px 0px 50px; font-size: 28px; max-width: 500px; font-weight: bold; text-transform: none; text-align: left; color: #fbfdfb; margin: 0; -webkit-box: 1; -moz-box: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; } @media screen and (max-width: 768px) { .main-content.actions-content.canonical-content .search-container .header-section.state-selector-section .context { -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .main-content.actions-content.canonical-content .search-container .header-section.state-selector-section .context h2, .main-content.actions-content.canonical-content .search-container .header-section.state-selector-section .context .h2-ish { text-align: center; padding: 0; } } .main-content.actions-content.canonical-content .search-container .header-section.state-selector-section .zip-input { -webkit-box: 0; -moz-box: 0; -webkit-flex: 0 1 0%; -ms-flex: 0 1 0%; flex: 0 1 0%; -ms-flex: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-direction: normal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; } .main-content.actions-content.canonical-content .search-container .header-section.state-selector-section .zip-input form { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-direction: normal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; margin-right: 20px; } .main-content.actions-content.canonical-content .search-container .header-section.state-selector-section .zip-input form label { color: #fbfdfb; text-align: left; font-size: 15px; } .main-content.actions-content.canonical-content .search-container .header-section.state-selector-section .zip-input form input { border: 1px solid #fbfdfb; color: #fbfdfb; } .main-content.actions-content.canonical-content .search-container .header-section.state-selector-section button { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .main-content.actions-content.canonical-content .search-container .header-section.state-selector-section button:hover { background-color: #00c4ff; color: #0a2852; } @media screen and (max-width: 768px) { .main-content.actions-content.canonical-content .search-container .header-section.state-selector-section { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; } .main-content.actions-content.canonical-content .search-container .header-section.state-selector-section .zip-input .state-selector { flex-direction: column; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box: 1; -moz-box: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; margin-right: 0; margin-top: 20px; } .main-content.actions-content.canonical-content .search-container .header-section.state-selector-section .zip-input .state-selector .picker { -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; align-items: stretch; margin-right: 0; } .main-content.actions-content.canonical-content .search-container .header-section.state-selector-section .zip-input .state-selector .picker select { width: auto; margin-bottom: 20px; } .main-content.actions-content.canonical-content .search-container .header-section.state-selector-section .zip-input .state-selector button { margin: 0; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } } .main-content.actions-content.canonical-content .search-container .header-section h1, .main-content.actions-content.canonical-content .search-container .header-section .h1-ish { color: #fbfdfb; font-size: 30px; text-align: center; } .main-content.actions-content.canonical-content .search-container .header-section h1 .day-counter, .main-content.actions-content.canonical-content .search-container .header-section .h1-ish .day-counter { color: #ff5c66; } .main-content.actions-content.canonical-content .search-container .search-prompt { font-size: 20px; text-align: center; } .main-content.actions-content.canonical-content .search-container .location-search-form { margin: 50px 0 70px 0; } .main-content.actions-content.canonical-content .search-container .location-search-form input { border-color: #fbfdfb; caret-color: #fbfdfb; color: #fbfdfb; } .main-content.actions-content.canonical-content .search-container .location-search-form button:hover, .main-content.actions-content.canonical-content .search-container .location-search-form button:active { background-color: #fbfdfb; color: #0a2852; } .main-content.actions-content.canonical-content .search-container .location-search-form .has-error input[type="tel"], .main-content.actions-content.canonical-content .search-container .location-search-form .has-error select, .main-content.actions-content.canonical-content .search-container .location-search-form .has-error textarea { border: 1px solid #ff5d67; box-shadow: none; } .main-content.actions-content.canonical-content .search-container .button-panel { margin-top: 20px; } .main-content.actions-content.canonical-content .search-container .button-panel .btn { width: 100%; } .main-content.actions-content.canonical-content .search-container .form-error-panel { margin-top: 20px; } .main-content.actions-content.canonical-content .lower-section { background-color: #fbfdfb; text-align: center; color: #0a2852; padding: 70px 15%; } .main-content.actions-content.canonical-content .lower-section h2, .main-content.actions-content.canonical-content .lower-section p, .main-content.actions-content.canonical-content .lower-section .h2-ish { max-width: 900px; margin-left: auto; margin-right: auto; } .main-content.actions-content.canonical-content .lower-section p { font-size: 20px; } .main-content.actions-content.canonical-content .lower-section a, .main-content.actions-content.canonical-content .lower-section button.btn-link { margin-top: 30px; } .main-content.actions-content.canonical-content .lower-section.tlw { display: none; } .main-content.actions-content.canonical-content .working-container { background-color: #0a2852; min-height: 400px; } .main-content.actions-content.canonical-content .working-container .working-text { margin: 150px auto 20px auto; font-size: 20px; font-weight: bold; color: #fbfdfb; text-align: center; } .main-content.actions-content.canonical-content .resources-link-container { background-color: #dbdbdb; } .main-content.actions-content.canonical-content .resources-link-container .container { max-width: calc(500px - 30px); } .main-content.actions-content.canonical-content .resources-link-container .resources-link-section { padding: 30px 15px; text-align: center; color: #0a2852; } .main-content.actions-content.canonical-content .resources-link-container .resources-link-section .resources-link a, .main-content.actions-content.canonical-content .resources-link-container .resources-link-section .resources-link button.btn-link { color: #0a2852; font-weight: bold; text-decoration: underline; } .main-content.actions-content.canonical-content .resources-link-container .resources-link-section .resources-link a:hover, .main-content.actions-content.canonical-content .resources-link-container .resources-link-section .resources-link button:hover.btn-link { color: #00c4ff; } .main-content.actions-content.canonical-content .cards-container { background-color: #0a2852; padding: 0; position: relative; } .main-content.actions-content.canonical-content .cards-outer { width: 100%; overflow: hidden; margin: auto; padding: 20px 0; } .main-content.actions-content.canonical-content .cards-outer .cards-inner { width: 30000px; position: relative; transition: right 0.5s; } .main-content.actions-content.canonical-content .action-card { background-color: #ffffff; background-size: cover; border-radius: 5px; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2); line-height: 1.2em; color: #0a2852; width: calc(100vw - 80px); max-width: calc(650px - 100px); min-width: 260px; height: 435px; margin: 0 10px; display: inline-block; position: relative; vertical-align: middle; } .main-content.actions-content.canonical-content .action-card:first-child { margin-left: 40px; } .main-content.actions-content.canonical-content .action-card .card-content { padding: 25px; } .main-content.actions-content.canonical-content .action-card .signup-card .card-upper { height: 100%; } .main-content.actions-content.canonical-content .action-card .signup-card .card-upper h1, .main-content.actions-content.canonical-content .action-card .signup-card .card-upper .h1-ish { font-size: 36px; line-height: 34px; text-transform: none; } .main-content.actions-content.canonical-content .action-card .card-lower { position: absolute; bottom: 25px; width: calc(100% - 50px); } .main-content.actions-content.canonical-content .action-card .card-category { color: #0a2852; text-align: left; font-family: 'Roboto', sans-serif; text-transform: uppercase; font-weight: bold; margin-bottom: 18px; font-size: 15px; letter-spacing: 0.07em; } .main-content.actions-content.canonical-content .action-card .card-title { font-size: 22px; line-height: 1.2em; text-align: left; color: #0a2852; font-weight: bold; font-family: "Bitter", serif; margin-bottom: 10px; } .main-content.actions-content.canonical-content .action-card .card-title a, .main-content.actions-content.canonical-content .action-card .card-title button.btn-link { color: inherit; line-height: inherit; text-decoration: none; } .main-content.actions-content.canonical-content .action-card .card-title a:hover, .main-content.actions-content.canonical-content .action-card .card-title button:hover.btn-link { text-decoration: underline; } .main-content.actions-content.canonical-content .action-card .card-title.cap-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .main-content.actions-content.canonical-content .action-card .card-promoter { font-size: 13px; margin-bottom: 15px; list-style: 1.1em; } .main-content.actions-content.canonical-content .action-card .card-description { margin-bottom: 15px; white-space: pre-line; font-size: 15px; line-height: 1.5em; } .main-content.actions-content.canonical-content .action-card .card-badges { margin-bottom: 10px; } .main-content.actions-content.canonical-content .action-card .card-badges .alt-badge { display: none; } .main-content.actions-content.canonical-content .action-card .card-badges .standard-badge { background: #00c4ff; border-radius: 13px; width: 108px; height: 20px; padding: 1px 10px; color: #fbfdfb; font-family: 'Roboto', sans-serif; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.19em; line-height: 18px; text-align: center; } .main-content.actions-content.canonical-content .action-card .card-badges .bars-badge .bars-text { color: #0a2852; font-weight: bold; text-align: right; font-size: 11px; max-width: 40px; display: inline-block; line-height: 1em; } .main-content.actions-content.canonical-content .action-card .card-badges .bars-badge .bar { display: inline-block; width: 5px; height: 20px; margin-right: 2px; background-color: #ccc; } .main-content.actions-content.canonical-content .action-card .card-badges .bars-badge .bar.filled { background-color: #00c4ff; } .main-content.actions-content.canonical-content .action-card .card-badges .stars-badge { color: #00c4ff; font-size: 12px; } .main-content.actions-content.canonical-content .action-card .card-badges .stars-badge .glyphicon { margin-right: 5px; } .main-content.actions-content.canonical-content .action-card .card-badges .score-badge { background-color: #00c4ff; color: #fbfdfb; border-radius: 50%; width: 21px; height: 21px; padding: 1px 7px; font-size: 12px; } .main-content.actions-content.canonical-content .action-card .card-details { margin-bottom: 20px; font-size: 13px; font-weight: bold; letter-spacing: 0.3px; font-family: 'Roboto', sans-serif; } .main-content.actions-content.canonical-content .action-card .card-details .detail-line { padding: 12px 0px 12px 0px; border-top: 1px solid rgba(0, 0, 0, 0.1); } .main-content.actions-content.canonical-content .action-card .card-details .detail-line .city { display: inline-block; max-width: 175px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .main-content.actions-content.canonical-content .action-card .card-details .detail-line img { width: 15px; height: 17px; padding-bottom: 2px; } .main-content.actions-content.canonical-content .action-card .card-details .distance { float: right; color: #0a2852; font-weight: normal; } .main-content.actions-content.canonical-content .action-card .card-details .more-times { float: right; font-weight: normal; } .main-content.actions-content.canonical-content .action-card .card-details .more-times a, .main-content.actions-content.canonical-content .action-card .card-details .more-times button.btn-link { color: #0a2852; font-weight: normal; text-decoration: underline; } .main-content.actions-content.canonical-content .action-card .card-details .more-times a:hover, .main-content.actions-content.canonical-content .action-card .card-details .more-times button:hover.btn-link { color: #0a2852; } .main-content.actions-content.canonical-content .action-card .btn-sl { color: #fbfdfb; width: 100%; } .main-content.actions-content.canonical-content .action-card .hide-link { text-align: center; margin-top: 15px; } .main-content.actions-content.canonical-content .action-card .hide-link a, .main-content.actions-content.canonical-content .action-card .hide-link button.btn-link { font-size: 12px; color: #0a2852; text-decoration: underline; } .main-content.actions-content.canonical-content .action-card .hide-link a:hover, .main-content.actions-content.canonical-content .action-card .hide-link button:hover.btn-link { color: #ff5c66; } .main-content.actions-content.canonical-content .action-card.red-card .btn-sl { background-color: #ff5c66; color: #0a2852; transition: 0.3s; } .main-content.actions-content.canonical-content .action-card.red-card .btn-sl svg { fill: #0a2852; } .main-content.actions-content.canonical-content .action-card.red-card .btn-sl:hover, .main-content.actions-content.canonical-content .action-card.red-card .btn-sl:active { background-color: #0a2852; color: #fbfdfb; } .main-content.actions-content.canonical-content .action-card.red-card .btn-sl:hover svg, .main-content.actions-content.canonical-content .action-card.red-card .btn-sl:active svg { fill: #fbfdfb; } .main-content.actions-content.canonical-content .action-card.red-card .btn-sl:focus { outline: 0; box-shadow: 0 0 0 2px #0a2852 !important; background-color: #ff5c66; color: #0a2852; } .main-content.actions-content.canonical-content .action-card.red-card .btn-sl:disabled { background-color: rgba(255, 92, 102, 0.7); color: #fbfdfb; } .main-content.actions-content.canonical-content .action-card.blue-card .btn-sl { background-color: #00c4ff; color: #0a2852; transition: 0.3s; } .main-content.actions-content.canonical-content .action-card.blue-card .btn-sl svg { fill: #0a2852; } .main-content.actions-content.canonical-content .action-card.blue-card .btn-sl:hover, .main-content.actions-content.canonical-content .action-card.blue-card .btn-sl:active { background-color: #0a2852; color: #fbfdfb; } .main-content.actions-content.canonical-content .action-card.blue-card .btn-sl:hover svg, .main-content.actions-content.canonical-content .action-card.blue-card .btn-sl:active svg { fill: #fbfdfb; } .main-content.actions-content.canonical-content .action-card.blue-card .btn-sl:focus { outline: 0; box-shadow: 0 0 0 2px #0a2852 !important; background-color: #00c4ff; color: #0a2852; } .main-content.actions-content.canonical-content .action-card.blue-card .btn-sl:disabled { background-color: rgba(0, 196, 255, 0.7); color: #fbfdfb; } .main-content.actions-content.canonical-content .action-card.royalblue-card .btn-sl { background-color: #316ce1; color: #fbfdfb; transition: 0.3s; } .main-content.actions-content.canonical-content .action-card.royalblue-card .btn-sl svg { fill: #fbfdfb; } .main-content.actions-content.canonical-content .action-card.royalblue-card .btn-sl:hover, .main-content.actions-content.canonical-content .action-card.royalblue-card .btn-sl:active { background-color: #0a2852; color: #fbfdfb; } .main-content.actions-content.canonical-content .action-card.royalblue-card .btn-sl:hover svg, .main-content.actions-content.canonical-content .action-card.royalblue-card .btn-sl:active svg { fill: #fbfdfb; } .main-content.actions-content.canonical-content .action-card.royalblue-card .btn-sl:focus { outline: 0; box-shadow: 0 0 0 2px #0a2852 !important; background-color: #316ce1; color: #fbfdfb; } .main-content.actions-content.canonical-content .action-card.royalblue-card .btn-sl:disabled { background-color: rgba(10, 40, 82, 0.7); color: #fbfdfb; } .main-content.actions-content.canonical-content .action-card.BUS .btn-sl { background-color: #ff8b4c; transition: 0.3s; } .main-content.actions-content.canonical-content .action-card.BUS .btn-sl:hover, .main-content.actions-content.canonical-content .action-card.BUS .btn-sl:active { background-color: #0a2852; } .main-content.actions-content.canonical-content .action-card.BUS .btn-sl:focus { outline: 0; box-shadow: 0 0 0 2px !important; background-color: #ff8b4c; } .main-content.actions-content.canonical-content .action-card.purple-card .btn-sl { background-color: #5e3f80; transition: 0.3s; } .main-content.actions-content.canonical-content .action-card.purple-card .btn-sl:hover, .main-content.actions-content.canonical-content .action-card.purple-card .btn-sl:active { background-color: #0a2852; } .main-content.actions-content.canonical-content .action-card.purple-card .btn-sl:focus { outline: 0; box-shadow: 0 0 0 2px !important; background-color: #5e3f80; } .main-content.actions-content.canonical-content .action-card.mitch-card .btn-sl { background-color: #fbfdfb; color: #904f94; transition: 0.3s; } .main-content.actions-content.canonical-content .action-card.mitch-card .btn-sl svg { fill: #904f94; } .main-content.actions-content.canonical-content .action-card.mitch-card .btn-sl:hover, .main-content.actions-content.canonical-content .action-card.mitch-card .btn-sl:active { background-color: #0a2852; color: #f9f9f9; } .main-content.actions-content.canonical-content .action-card.mitch-card .btn-sl:hover svg, .main-content.actions-content.canonical-content .action-card.mitch-card .btn-sl:active svg { fill: #f9f9f9; } .main-content.actions-content.canonical-content .action-card.mitch-card .btn-sl:focus { outline: 0; box-shadow: 0 0 0 2px !important; background-color: #fbfdfb; color: #904f94; } .main-content.actions-content.canonical-content .action-card.money-card .btn-sl { background-color: #fbfdfb; color: #40c2a9; transition: 0.3s; } .main-content.actions-content.canonical-content .action-card.money-card .btn-sl svg { fill: #40c2a9; } .main-content.actions-content.canonical-content .action-card.money-card .btn-sl:hover, .main-content.actions-content.canonical-content .action-card.money-card .btn-sl:active { background-color: #0a2852; color: #f9f9f9; } .main-content.actions-content.canonical-content .action-card.money-card .btn-sl:hover svg, .main-content.actions-content.canonical-content .action-card.money-card .btn-sl:active svg { fill: #f9f9f9; } .main-content.actions-content.canonical-content .action-card.money-card .btn-sl:focus { outline: 0; box-shadow: 0 0 0 2px !important; background-color: #fbfdfb; color: #40c2a9; } .main-content.actions-content.canonical-content .action-card.community-card .btn-sl { background-color: #fbfdfb; color: #00c4ff; transition: 0.3s; } .main-content.actions-content.canonical-content .action-card.community-card .btn-sl svg { fill: #00c4ff; } .main-content.actions-content.canonical-content .action-card.community-card .btn-sl:hover, .main-content.actions-content.canonical-content .action-card.community-card .btn-sl:active { background-color: #0a2852; color: #f9f9f9; } .main-content.actions-content.canonical-content .action-card.community-card .btn-sl:hover svg, .main-content.actions-content.canonical-content .action-card.community-card .btn-sl:active svg { fill: #f9f9f9; } .main-content.actions-content.canonical-content .action-card.community-card .btn-sl:focus { outline: 0; box-shadow: 0 0 0 2px !important; background-color: #fbfdfb; color: #00c4ff; } .main-content.actions-content.canonical-content .action-card.letter-card { background-color: #316ce1; color: #fbfdfb; } .main-content.actions-content.canonical-content .action-card.letter-card .card-title { color: #fbfdfb; } .main-content.actions-content.canonical-content .action-card.letter-card .card-category { color: #fbfdfb; } .main-content.actions-content.canonical-content .action-card.group-card .btn-sl { background-color: #00c4ff; color: #0a2852; transition: 0.3s; } .main-content.actions-content.canonical-content .action-card.group-card .btn-sl svg { fill: #0a2852; } .main-content.actions-content.canonical-content .action-card.group-card .btn-sl:hover, .main-content.actions-content.canonical-content .action-card.group-card .btn-sl:active { background-color: #0a2852; color: #fbfdfb; } .main-content.actions-content.canonical-content .action-card.group-card .btn-sl:hover svg, .main-content.actions-content.canonical-content .action-card.group-card .btn-sl:active svg { fill: #fbfdfb; } .main-content.actions-content.canonical-content .action-card.group-card .btn-sl:focus { outline: 0; box-shadow: 0 0 0 2px #0a2852 !important; background-color: #00c4ff; color: #0a2852; } .main-content.actions-content.canonical-content .action-card.group-card .btn-sl:disabled { background-color: rgba(0, 196, 255, 0.7); color: #fbfdfb; } .main-content.actions-content.canonical-content .action-card.living-room-card .btn-sl { background-color: #fbfdfb; color: #00c4ff; transition: 0.3s; } .main-content.actions-content.canonical-content .action-card.living-room-card .btn-sl svg { fill: #00c4ff; } .main-content.actions-content.canonical-content .action-card.living-room-card .btn-sl:hover, .main-content.actions-content.canonical-content .action-card.living-room-card .btn-sl:active { background-color: #0a2852; color: #f9f9f9; } .main-content.actions-content.canonical-content .action-card.living-room-card .btn-sl:hover svg, .main-content.actions-content.canonical-content .action-card.living-room-card .btn-sl:active svg { fill: #f9f9f9; } .main-content.actions-content.canonical-content .action-card.living-room-card .btn-sl:focus { outline: 0; box-shadow: 0 0 0 2px !important; background-color: #fbfdfb; color: #00c4ff; } .main-content.actions-content.canonical-content .action-card.capitol-card .btn-sl { background-color: #fbfdfb; color: #aa5aaf; transition: 0.3s; } .main-content.actions-content.canonical-content .action-card.capitol-card .btn-sl svg { fill: #aa5aaf; } .main-content.actions-content.canonical-content .action-card.capitol-card .btn-sl:hover, .main-content.actions-content.canonical-content .action-card.capitol-card .btn-sl:active { background-color: #0a2852; color: #f9f9f9; } .main-content.actions-content.canonical-content .action-card.capitol-card .btn-sl:hover svg, .main-content.actions-content.canonical-content .action-card.capitol-card .btn-sl:active svg { fill: #f9f9f9; } .main-content.actions-content.canonical-content .action-card.capitol-card .btn-sl:focus { outline: 0; box-shadow: 0 0 0 2px !important; background-color: #fbfdfb; color: #aa5aaf; } .main-content.actions-content.canonical-content .action-card.va-learn-card .btn-sl { background-color: #fbfdfb; color: #aa5aaf; transition: 0.3s; } .main-content.actions-content.canonical-content .action-card.va-learn-card .btn-sl svg { fill: #aa5aaf; } .main-content.actions-content.canonical-content .action-card.va-learn-card .btn-sl:hover, .main-content.actions-content.canonical-content .action-card.va-learn-card .btn-sl:active { background-color: #0a2852; color: #f9f9f9; } .main-content.actions-content.canonical-content .action-card.va-learn-card .btn-sl:hover svg, .main-content.actions-content.canonical-content .action-card.va-learn-card .btn-sl:active svg { fill: #f9f9f9; } .main-content.actions-content.canonical-content .action-card.va-learn-card .btn-sl:focus { outline: 0; box-shadow: 0 0 0 2px !important; background-color: #fbfdfb; color: #aa5aaf; } .main-content.actions-content.canonical-content .action-card.ss-learn-card .btn-sl { background-color: #fbfbfd; color: #0a2852; transition: 0.3s; } .main-content.actions-content.canonical-content .action-card.ss-learn-card .btn-sl svg { fill: #0a2852; } .main-content.actions-content.canonical-content .action-card.ss-learn-card .btn-sl:hover, .main-content.actions-content.canonical-content .action-card.ss-learn-card .btn-sl:active { background-color: #00c4ff; color: #00c4ff #fbfbfd; } .main-content.actions-content.canonical-content .action-card.ss-learn-card .btn-sl:hover svg, .main-content.actions-content.canonical-content .action-card.ss-learn-card .btn-sl:active svg { fill: #00c4ff #fbfbfd; } .main-content.actions-content.canonical-content .action-card.ss-learn-card .btn-sl:focus { outline: 0; box-shadow: 0 0 0 2px !important; background-color: #fbfbfd; color: #0a2852; } .main-content.actions-content.canonical-content .action-card.one-on-one-card .btn-sl { background-color: #fbfdfb; color: #3d71d0; transition: 0.3s; } .main-content.actions-content.canonical-content .action-card.one-on-one-card .btn-sl svg { fill: #3d71d0; } .main-content.actions-content.canonical-content .action-card.one-on-one-card .btn-sl:hover, .main-content.actions-content.canonical-content .action-card.one-on-one-card .btn-sl:active { background-color: #0a2852; color: #f9f9f9; } .main-content.actions-content.canonical-content .action-card.one-on-one-card .btn-sl:hover svg, .main-content.actions-content.canonical-content .action-card.one-on-one-card .btn-sl:active svg { fill: #f9f9f9; } .main-content.actions-content.canonical-content .action-card.one-on-one-card .btn-sl:focus { outline: 0; box-shadow: 0 0 0 2px !important; background-color: #fbfdfb; color: #3d71d0; } .main-content.actions-content.canonical-content .action-card.bus-card .btn-sl { background-color: #fbfdfb; color: #f07e42; transition: 0.3s; } .main-content.actions-content.canonical-content .action-card.bus-card .btn-sl svg { fill: #f07e42; } .main-content.actions-content.canonical-content .action-card.bus-card .btn-sl:hover, .main-content.actions-content.canonical-content .action-card.bus-card .btn-sl:active { background-color: #0a2852; color: #f9f9f9; } .main-content.actions-content.canonical-content .action-card.bus-card .btn-sl:hover svg, .main-content.actions-content.canonical-content .action-card.bus-card .btn-sl:active svg { fill: #f9f9f9; } .main-content.actions-content.canonical-content .action-card.bus-card .btn-sl:focus { outline: 0; box-shadow: 0 0 0 2px !important; background-color: #fbfdfb; color: #f07e42; } .main-content.actions-content.canonical-content .action-card.anti-racism-card { background-color: #000000; color: #fbfdfb; } .main-content.actions-content.canonical-content .action-card.anti-racism-card .card-title { color: #fbfdfb; } .main-content.actions-content.canonical-content .action-card.anti-racism-card .card-category { color: #FFFF28; } .main-content.actions-content.canonical-content .action-card.anti-racism-card .btn-sl { background-color: #FFFF28; color: #000000; transition: 0.3s; } .main-content.actions-content.canonical-content .action-card.anti-racism-card .btn-sl svg { fill: #000000; } .main-content.actions-content.canonical-content .action-card.anti-racism-card .btn-sl:hover, .main-content.actions-content.canonical-content .action-card.anti-racism-card .btn-sl:active { background-color: #fbfdfb; } .main-content.actions-content.canonical-content .action-card.anti-racism-card .btn-sl:focus { outline: 0; box-shadow: 0 0 0 2px !important; background-color: #FFFF28; color: #000000; } .main-content.actions-content.canonical-content .action-card.green-card .btn-sl { background-color: #1EBEA0; color: #0a2852; transition: 0.3s; } .main-content.actions-content.canonical-content .action-card.green-card .btn-sl svg { fill: #0a2852; } .main-content.actions-content.canonical-content .action-card.green-card .btn-sl:hover, .main-content.actions-content.canonical-content .action-card.green-card .btn-sl:active { background-color: #0a2852; color: #fbfdfb; } .main-content.actions-content.canonical-content .action-card.green-card .btn-sl:hover svg, .main-content.actions-content.canonical-content .action-card.green-card .btn-sl:active svg { fill: #fbfdfb; } .main-content.actions-content.canonical-content .action-card.green-card .btn-sl:focus { outline: 0; box-shadow: 0 0 0 2px #0a2852 !important; background-color: #1EBEA0; color: #0a2852; } .main-content.actions-content.canonical-content .action-card.green-card .btn-sl:disabled { background-color: rgba(10, 40, 82, 0.7); color: #fbfdfb; } .main-content.actions-content.canonical-content .action-card.yellow-card { background-color: #FFFF28; } .main-content.actions-content.canonical-content .action-card.yellow-card .btn-sl { background-color: #0a2852; color: #fbfdfb; transition: 0.3s; } .main-content.actions-content.canonical-content .action-card.yellow-card .btn-sl svg { fill: #fbfdfb; } .main-content.actions-content.canonical-content .action-card.yellow-card .btn-sl:hover, .main-content.actions-content.canonical-content .action-card.yellow-card .btn-sl:active { background-color: #00c4ff; color: #0a2852; } .main-content.actions-content.canonical-content .action-card.yellow-card .btn-sl:hover svg, .main-content.actions-content.canonical-content .action-card.yellow-card .btn-sl:active svg { fill: #0a2852; } .main-content.actions-content.canonical-content .action-card.yellow-card .btn-sl:focus { outline: 0; box-shadow: 0 0 0 2px #00c4ff !important; background-color: #0a2852; color: #fbfdfb; } .main-content.actions-content.canonical-content .action-card.yellow-card .btn-sl:disabled { background-color: rgba(10, 40, 82, 0.7); color: #fbfdfb; } .main-content.actions-content.canonical-content .action-card.orange-card .btn-sl { background-color: #e28500; transition: 0.3s; } .main-content.actions-content.canonical-content .action-card.orange-card .btn-sl:hover, .main-content.actions-content.canonical-content .action-card.orange-card .btn-sl:active { background-color: #0a2852; } .main-content.actions-content.canonical-content .action-card.orange-card .btn-sl:focus { outline: 0; box-shadow: 0 0 0 2px !important; background-color: #e28500; } .main-content.actions-content.canonical-content .action-card.navy-card .btn-sl { background-color: #0a2852; color: #fbfdfb; transition: 0.3s; } .main-content.actions-content.canonical-content .action-card.navy-card .btn-sl svg { fill: #fbfdfb; } .main-content.actions-content.canonical-content .action-card.navy-card .btn-sl:hover, .main-content.actions-content.canonical-content .action-card.navy-card .btn-sl:active { background-color: #316ce1; color: #fbfdfb; } .main-content.actions-content.canonical-content .action-card.navy-card .btn-sl:hover svg, .main-content.actions-content.canonical-content .action-card.navy-card .btn-sl:active svg { fill: #fbfdfb; } .main-content.actions-content.canonical-content .action-card.navy-card .btn-sl:focus { outline: 0; box-shadow: 0 0 0 2px #00c4ff !important; background-color: #0a2852; color: #fbfdfb; } .main-content.actions-content.canonical-content .action-card.navy-card .btn-sl:disabled { background-color: rgba(10, 40, 82, 0.7); color: #fbfdfb; } .main-content.actions-content.canonical-content .dots-outer { text-align: center; white-space: nowrap; max-width: calc(100% - 60px); margin: 10px auto 30px auto; overflow-x: hidden; } .main-content.actions-content.canonical-content .dots-outer .dots-inner { position: relative; right: 0; transition: right 0.5s; } .main-content.actions-content.canonical-content .dots-outer .dot { display: inline-block; border-radius: 50%; height: 10px; width: 10px; border: 1px solid #fbfdfb; margin: 0 5px; } .main-content.actions-content.canonical-content .dots-outer .dot.active { background-color: #fbfdfb; } .main-content.actions-content.canonical-content .dots-outer .more-events-link { margin-top: 15px; display: inline-block; color: #00c4ff; white-space: normal; } .main-content.actions-content.canonical-content .dots-outer .more-events-link:hover { color: #00c4ff; } .main-content.actions-content.canonical-content .card-arrows { display: none; } .main-content.actions-content.canonical-content .card-arrows .next-card-target, .main-content.actions-content.canonical-content .card-arrows .prev-card-target { position: absolute; top: calc(245px - 12px); font-size: 28px; width: 45px; height: 45px; text-align: center; border-radius: 100%; min-width: 0px; } .main-content.actions-content.canonical-content .card-arrows .next-card-target { right: -60px; } .main-content.actions-content.canonical-content .card-arrows .prev-card-target { left: -60px; } @media only screen and (min-width: 480px) { .main-content.actions-content.canonical-content { background: #0a2852; } .main-content.actions-content.canonical-content .resources-link-container { background: none; } .main-content.actions-content.canonical-content .outer-wrapper { background-color: #0a2852; max-width: 650px; margin: auto; } .main-content.actions-content.canonical-content .outer-wrapper .container { max-width: 100%; } .main-content.actions-content.canonical-content .outer-wrapper .browse-container { max-width: calc(500px - 30px); } .main-content.actions-content.canonical-content .action-card { max-width: 300px; } .main-content.actions-content.canonical-content .action-card:first-child { margin-left: 175px; } .main-content.actions-content.canonical-content .card-arrows { display: block; } } @media only screen and (min-width: 992px) { .main-content.actions-content.canonical-content .outer-wrapper { max-width: 960px; } .main-content.actions-content.canonical-content .action-card:first-child { margin-left: 330px; } } @media only screen and (max-width: 767px) { .main-content.actions-content.canonical-content .intro-text-container { background-color: #0a2852; } .main-content.actions-content.canonical-content .intro-text-container h1, .main-content.actions-content.canonical-content .intro-text-container .h1-ish { color: #fbfdfb; } .main-content.actions-content.canonical-content .intro-text-container .intro-text { color: #fbfdfb; text-align: center; padding: 20px 30px; } .main-content.actions-content.canonical-content .filter-container .filters { margin: 5px 5px 15px 10px; } .main-content.actions-content.canonical-content .filter-container .filters .date-filter { display: block; padding-top: 2px; padding-left: 0; border-left: none; } } @media only screen and (max-width: 359px) { .main-content.actions-content.canonical-content .action-card:first-child { margin-left: calc((100vw - 260px) / 2); } } .main-content.actions-content.canonical-content .images-container { display: none; } .main-content.actions-content.canonical-content .images-container .photos-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-direction: normal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; } .main-content.actions-content.canonical-content .images-container .photos-row .crop { -webkit-box: 1; -moz-box: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; max-width: 25%; overflow: hidden; } .main-content.actions-content.canonical-content .images-container .photos-row .crop .photo { width: 100%; } .main-content.fundraise-content .image-header { background-image: url('/static/img/fundraise_register_hero.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; } .main-content.fundraise-content .warning-text { color: #0a2852; font-size: 10px; line-height: 1em; font-family: 'Roboto', sans-serif; font-style: italic; padding-top: 10px; } .main-content.fundraise-content .extra-cta-container .create-prompt { background: #00c4ff; color: #262626; border-radius: 7px; alignment: center; text-align: center; padding: 3em 6em; display: inline-block; width: 100%; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); } .main-content.fundraise-content .extra-cta-container .create-prompt .btn { margin-top: 1.5em; } .main-content.fundraise-content .extra-cta-container .create-prompt h2, .main-content.fundraise-content .extra-cta-container .create-prompt .h2-ish { text-transform: none; } .main-content.fundraise-content .extra-cta-container .create-prompt .standard-content { display: inline-block; } @media only screen and (max-width : 768px) { .main-content.fundraise-content .extra-cta-container { margin: 0 15px; } .main-content.fundraise-content .extra-cta-container .create-prompt { padding: 1.5em; } .main-content.fundraise-content .extra-cta-container .create-prompt .btn { margin-top: 1em; } } @media only screen and (max-width : 991px) { .main-content.fundraise-content h1, .main-content.fundraise-content .h1-ish { font-size: 48px; } .main-content.fundraise-content h2, .main-content.fundraise-content .h2-ish { font-size: 30px; } } .fundraise-goal-content .progress-header .reached { color: #ff5c66; } .fundraise-goal-content .progress-header .not-reached { color: #0a2852; } .fundraise-goal-content .goal-wrapper { position: relative; height: 70px; } .fundraise-goal-content .goal-wrapper .goal-bar { position: absolute; top: 0; left: 0; height: 30px; border-radius: 20px; } .fundraise-goal-content .goal-wrapper .goal-background { background-color: #e8ebeb; width: 100%; } .fundraise-goal-content .goal-wrapper .goal-progress { background: #00c4ff; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .fundraise-goal-content .goal-wrapper .goal-progress.reached { background: #ff5c66; border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .fundraise-goal-content .goal-wrapper .progress-label { position: absolute; top: 33px; text-align: center; } .fundraise-goal-content .goal-wrapper .progress-label .goal-arrow { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; margin: auto; border-bottom: 10px solid #00c4ff; } .fundraise-goal-content .goal-wrapper .progress-label .label-content { color: #fbfdfb; font-size: 16px; font-weight: bold; background-color: #00c4ff; } .fundraise-goal-content .goal-wrapper .progress-label.reached .goal-arrow { border-bottom-color: #ff5c66; } .fundraise-goal-content .goal-wrapper .progress-label.reached .label-content { background-color: #ff5c66; } .fundraise-table-content .fundraise-table { position: relative; } .fundraise-table-content .fundraise-table .fundraise-table-header { border-bottom: 1px solid #0a2852; padding-bottom: 10px; margin-right: 0px; } .fundraise-table-content .fundraise-table .fundraise-table-header div:last-child { text-align: right; padding-right: 0px; } @media only screen and (max-width : 991px) { .fundraise-table-content .fundraise-table .fundraise-table-header { display: none; } } .fundraise-table-content .fundraise-table .fundraise-table-inner { padding-right: 10px; padding-bottom: 10px; } .fundraise-table-content .fundraise-table .fundraise-table-inner .fundraise-table-row { padding: 10px 0; margin-right: 0px; } .fundraise-table-content .fundraise-table .fundraise-table-inner .fundraise-table-row .amount-col { color: #00c4ff; font-weight: bold; text-align: right; padding-left: 0px; padding-right: 0px; } .fundraise-table-content .fundraise-table .fundraise-table-inner .fundraise-table-row + .fundraise-table-row { border-top: 1px solid #ced4dc; } .fundraise-table-content .fundraise-table .fundraise-table-inner .email-invite-container { width: 100%; } .fundraise-table-content .fundraise-table .fundraise-table-inner.scrollable-bottom + div.shadow-box { height: 10px; position: absolute; bottom: 0; width: 100%; box-shadow: inset 0 -7px 10px -7px #777; } .contributions-table-content .num-contributions { color: #00c4ff; } .contributions-table-content .fundraise-table .fundraise-table-inner .fundraise-table-row .date-col { font-weight: bold; } .contributions-table-content .fundraise-table .fundraise-table-inner .fundraise-table-row .email-col a, .contributions-table-content .fundraise-table .fundraise-table-inner .fundraise-table-row .email-col button.btn-link { color: #0a2852; font-weight: normal; text-decoration: underline; } .contributions-table-content .fundraise-table .fundraise-table-inner .share-box { background-color: #0a2852; text-align: center; padding: 15px; } .contributions-table-content .fundraise-table .fundraise-table-inner .share-box .social-login-buttons { padding-top: 20px; padding-bottom: 15px; } .contributions-table-content .fundraise-table .fundraise-table-inner .share-box .email-invite { padding: 0 25px 15px 15px; } .contributions-table-content .action-buttons { text-align: right; } @media only screen and (max-width : 991px) { .contributions-table-content .action-buttons { padding-top: 25px; text-align: center; } .contributions-table-content .action-buttons .btn-sl { width: 100%; margin-top: 10px; } } .leaderboard-table-content .fundraise-table .fundraise-table-inner .fundraise-table-row .fundname-col a, .leaderboard-table-content .fundraise-table .fundraise-table-inner .fundraise-table-row .fundname-col button.btn-link { color: #0a2852; } .leaderboard-table-content .fundraise-table .fundraise-table-inner .fundraise-table-row .fundname-col a p, .leaderboard-table-content .fundraise-table .fundraise-table-inner .fundraise-table-row .fundname-col button.btn-link p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .main-content.fundraise-home-content .header-section { margin-top: 60px; margin-bottom: 60px; } .main-content.fundraise-home-content .header-section .btn-sl { margin-top: 30px; } .main-content.fundraise-home-content .header-section h1, .main-content.fundraise-home-content .header-section .h1-ish { text-transform: none; max-width: 500px; } .main-content.fundraise-home-content .header-section .col-sm-6 { display: inline-block; vertical-align: middle; float: none; } .main-content.fundraise-home-content h2, .main-content.fundraise-home-content .h2-ish { text-transform: none; } .main-content.fundraise-home-content .my-fundraisers-container, .main-content.fundraise-home-content .about-container, .main-content.fundraise-home-content .buttons-container, .main-content.fundraise-home-content .extra-cta-container { padding-top: 40px; padding-bottom: 40px; } .main-content.fundraise-home-content .my-fundraisers-container .my-fundraisers-section h4, .main-content.fundraise-home-content .my-fundraisers-container .my-fundraisers-section .h4-ish { text-transform: uppercase; font-size: 15px; } .main-content.fundraise-home-content .my-fundraisers-container .my-fundraisers-section .my-fundraiser-table { padding-top: 10px; } .main-content.fundraise-home-content .my-fundraisers-container .my-fundraisers-section .my-fundraiser-table .my-fundraiser-row { padding-top: 5px; padding-bottom: 5px; } .main-content.fundraise-home-content .my-fundraisers-container .my-fundraisers-section .my-fundraiser-table .my-fundraiser-row .name-col p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 35px; } .main-content.fundraise-home-content .my-fundraisers-container .my-fundraisers-section .my-fundraiser-table .my-fundraiser-row .amount-col p { line-height: 35px; } .main-content.fundraise-home-content .my-fundraisers-container .my-fundraisers-section .my-fundraiser-table .my-fundraiser-row .button-col { text-align: right; } .main-content.fundraise-home-content .my-fundraisers-container .my-fundraisers-section .my-fundraiser-table .my-fundraiser-row .button-col .btn-sm { min-width: 80px; } .main-content.fundraise-home-content .my-fundraisers-container .my-fundraisers-section .my-fundraiser-table .my-fundraiser-row + .my-fundraiser-row { border-top: 1px solid #ced4dc; } @media only screen and (max-width : 768px) { .main-content.fundraise-home-content .my-fundraisers-container .my-fundraisers-section .my-fundraiser-table { padding-top: 0px; } .main-content.fundraise-home-content .my-fundraisers-container .my-fundraisers-section .my-fundraiser-table .my-fundraiser-row { padding-bottom: 20px; } .main-content.fundraise-home-content .my-fundraisers-container .my-fundraisers-section .my-fundraiser-table .my-fundraiser-row .name-col p { font-size: 18px; line-height: 1em; padding-bottom: 5px; } .main-content.fundraise-home-content .my-fundraisers-container .my-fundraisers-section .my-fundraiser-table .my-fundraiser-row .name-col p a, .main-content.fundraise-home-content .my-fundraisers-container .my-fundraisers-section .my-fundraiser-table .my-fundraiser-row .name-col p button.btn-link { line-height: 1em; } .main-content.fundraise-home-content .my-fundraisers-container .my-fundraisers-section .my-fundraiser-table .my-fundraiser-row .amount-col { padding-bottom: 20px; } .main-content.fundraise-home-content .my-fundraisers-container .my-fundraisers-section .my-fundraiser-table .my-fundraiser-row .amount-col p { line-height: 1em; font-size: 18px; } .main-content.fundraise-home-content .my-fundraisers-container .my-fundraisers-section .my-fundraiser-table .my-fundraiser-row .button-col { text-align: left; } .main-content.fundraise-home-content .my-fundraisers-container .my-fundraisers-section .my-fundraiser-table .my-fundraiser-row .button-col .btn-sm { width: 20px; } .main-content.fundraise-home-content .my-fundraisers-container .my-fundraisers-section .my-fundraiser-table .my-fundraiser-row + .my-fundraiser-row { padding-top: 20px; } } .main-content.fundraise-home-content .about-container { background-color: #e8ebeb; } .main-content.fundraise-home-content .about-container img { max-width: 90%; } .main-content.fundraise-home-content .about-container .quote { font-size: 26px; font-weight: bold; line-height: 1.3em; } .main-content.fundraise-home-content .about-container .quote-source { font-family: 'Roboto', sans-serif; text-transform: uppercase; font-size: 14px; font-weight: bold; padding-top: 10px; } .main-content.fundraise-home-content .buttons-container { text-align: center; } .main-content.fundraise-home-content .buttons-container .icons-row { padding: 20px 0; } .main-content.fundraise-home-content .buttons-container img { width: 85%; max-width: 200px; border-radius: 200px; background-color: #0a2852; display: block; margin: 0 auto; } .main-content.fundraise-home-content .buttons-container .icon-col { text-align: center; } .main-content.fundraise-home-content .buttons-container .icon-col p { width: 95%; max-width: 200px; margin: 0 auto; font-size: 14px; padding-top: 15px; list-style: 1.5em; } .main-content.fundraise-home-content .buttons-container .btn { margin: 20px 0px; } .main-content.fundraise-home-content .extra-cta-container { padding-top: 0px; } .main-content.fundraise-home-content .extra-cta-container .create-prompt-inside { max-width: 500px; margin: 0 auto; } .main-content.fundraise-home-content .extra-cta-container .btn { width: 100%; } @media only screen and (max-width : 768px) { .main-content.fundraise-home-content .header-section { margin-top: 40px; margin-bottom: 40px; } .main-content.fundraise-home-content .header-section h1, .main-content.fundraise-home-content .header-section .h1-ish { max-width: 100%; font-size: 32px; line-height: 1em; } .main-content.fundraise-home-content .header-section .btn { width: 100%; } .main-content.fundraise-home-content .about-container img { max-width: 100%; } .main-content.fundraise-home-content .about-container .quote { font-size: 20px; padding-top: 20px; } .main-content.fundraise-home-content .buttons-container .icons-row { padding: 0; } .main-content.fundraise-home-content .buttons-container .icon-col { padding-top: 20px; } .main-content.fundraise-home-content .buttons-container .btn { width: 100%; } } .main-content.fundraise-register-content .page-content { margin-top: 40px; margin-bottom: 60px; } .main-content.fundraise-register-content .page-content .main-form { max-width: 800px; margin: auto; } .main-content.fundraise-register-content .page-content .main-form .form-group { padding-top: 10px; padding-bottom: 10px; } .main-content.fundraise-register-content .page-content .main-form .radio input[type="radio"] { top: unset; } .main-content.fundraise-register-content .page-content .main-form .radio .slate-description { padding-top: 2px; } .main-content.fundraise-register-content .page-content .main-form .radio .slate-select { display: inline-block; padding-left: 20px; } .main-content.fundraise-register-content .page-content .main-form .radio .slate-select select { height: 30px; font-size: 16px; line-height: 1em; } .main-content.fundraise-register-content .page-content .main-form .radio .custom-fund-warning { font-size: 14px; font-style: italic; font-family: 'Roboto', sans-serif; } .main-content.fundraise-register-content .page-content .main-form .notifications .checkbox, .main-content.fundraise-register-content .page-content .main-form .anonymity .checkbox { margin-top: -5px; } .main-content.fundraise-register-content .page-content .main-form .checkbox label { font-size: 22px; font-weight: bold; } .main-content.fundraise-register-content .page-content .main-form .event-details .form-group { padding-top: 5px; padding-bottom: 5px; margin-bottom: 0px; } .main-content.fundraise-register-content .page-content .main-form .event-details .form-group h4, .main-content.fundraise-register-content .page-content .main-form .event-details .form-group .h4-ish { margin-bottom: 10px; } .main-content.fundraise-register-content .page-content .main-form .button-amounts-details .amount-input-col { padding-bottom: 10px; } .main-content.fundraise-register-content .page-content .main-form .button-panel { margin-top: 20px; } .main-content.fundraise-register-content .page-content .main-form .remove-image-button { margin-top: 20px; } .main-content.fundraise-register-content .page-content .main-form .success-msg { overflow-wrap: break-word; } .main-content.fundraise-register-content .page-content .main-form .alert-danger { margin-top: 20px; } @media only screen and (max-width : 991px) { .main-content.fundraise-register-content .header-container .cta-box { margin-top: 0; } .main-content.fundraise-register-content .header-container .fundraising-page-example { margin-top: 20px; } .main-content.fundraise-register-content .page-content { margin-top: 20px; margin-bottom: 40px; } .main-content.fundraise-register-content .page-content .input-group-addon { font-size: 10px; } } .fundraise-register-success-modal-window .close-button { position: absolute; top: 20px; right: 20px; } .fundraise-register-success-modal-window .close-button a, .fundraise-register-success-modal-window .close-button button.btn-link { color: #0a2852; } .fundraise-register-success-modal-window .modal-content { color: #0a2852; border-radius: 0; padding: 40px; } .fundraise-register-success-modal-window .modal-content .main-content h1, .fundraise-register-success-modal-window .modal-content .main-content .h1-ish { font-size: 50px; } .fundraise-register-success-modal-window .modal-content .main-content h2, .fundraise-register-success-modal-window .modal-content .main-content .h2-ish { font-size: 30px; } .fundraise-register-success-modal-window .modal-content .main-content hr { margin: 20px 0px; } .fundraise-register-success-modal-window .modal-content .main-content p { padding-bottom: 20px; } .fundraise-register-success-modal-window .modal-content .main-content label { font-size: 12px; } .fundraise-register-success-modal-window .modal-content .main-content .btn-share { height: 50px; width: 60px; } .fundraise-register-success-modal-window .modal-content .main-content .btn-share img { width: 25px; } .fundraise-register-success-modal-window .modal-content .main-content .copy-button { padding-top: 25px; } .fundraise-register-success-modal-window .modal-content .main-content .copy-button .btn { margin-right: 10px; } .fundraise-register-success-modal-window .modal-content .main-content .buttons-row { padding-top: 20px; } .fundraise-register-success-modal-window .modal-content .main-content .buttons-row .action-button .btn { width: 100%; } @media only screen and (max-width : 991px) { .fundraise-register-success-modal-window .modal-content .main-content .buttons-row .share-buttons { padding-top: 20px; text-align: center; } } .main-content.fundraise-profile-content .accent-header { word-wrap: break-word; } .main-content.fundraise-profile-content .accent-header .admin-buttons { position: absolute; right: 0px; } .main-content.fundraise-profile-content .accent-header .admin-buttons .btn-sl { margin-top: 12px; background-color: transparent; border-color: #00c4ff; color: #00c4ff; } .main-content.fundraise-profile-content .accent-header .admin-buttons .btn-sl:hover, .main-content.fundraise-profile-content .accent-header .admin-buttons .btn-sl:active { border-color: rgba(0, 196, 255, 0.7); color: rgba(0, 196, 255, 0.7); } .main-content.fundraise-profile-content .accent-header .admin-buttons .btn-sl + .btn-sl { margin-left: 12px; margin-right: 12px; } .main-content.fundraise-profile-content .accent-header .header-section { margin-top: 50px; margin-bottom: 50px; } .main-content.fundraise-profile-content .accent-header .header-section.bump-down { padding-top: 20px; } .main-content.fundraise-profile-content .accent-header .header-section .profile-img-circle { width: 350px; height: 350px; border-radius: 175px; background-size: cover; } .main-content.fundraise-profile-content .accent-header .header-section .details-col { padding-left: 135px; } .main-content.fundraise-profile-content .accent-header .header-section .fund-data { padding-bottom: 10px; } .main-content.fundraise-profile-content .accent-header .header-section .fund-data p, .main-content.fundraise-profile-content .accent-header .header-section .fund-data a, .main-content.fundraise-profile-content .accent-header .header-section .fund-data button.btn-link { padding-bottom: 20px; font-weight: bold; color: #00c4ff; text-decoration: none; } @media only screen and (max-width : 768px) { .main-content.fundraise-profile-content .accent-header .header-section .fund-data h4, .main-content.fundraise-profile-content .accent-header .header-section .fund-data .h4-ish { margin-bottom: 0px; } } .main-content.fundraise-profile-content .accent-header .header-section hr { margin: 20px 0px; } .main-content.fundraise-profile-content .accent-header .header-section .header-buttons { padding-top: 25px; } .main-content.fundraise-profile-content .accent-header .header-section .header-buttons .donate-button .btn-sl { width: 100%; } .main-content.fundraise-profile-content .accent-header .header-section .header-buttons .share-buttons { text-align: center; } .main-content.fundraise-profile-content .donation-container { padding-top: 40px; padding-bottom: 40px; } .main-content.fundraise-profile-content .donation-container .fundraise-goal-content { padding-bottom: 40px; } .main-content.fundraise-profile-content .donation-container .donate-row .donate-section { padding-left: 135px; } .main-content.fundraise-profile-content .donation-container .donate-row .donate-section .donate-cta { font-weight: bold; font-size: 18px; } .main-content.fundraise-profile-content .donation-container .donate-row .donate-section .donate-buttons .btn-sl { margin-top: 15px; width: 100%; } .main-content.fundraise-profile-content .event-container { padding-bottom: 40px; } .main-content.fundraise-profile-content .event-container .container .inner-event-container { background-color: #00c4ff; text-align: center; } .main-content.fundraise-profile-content .event-container .container .inner-event-container h3, .main-content.fundraise-profile-content .event-container .container .inner-event-container .h3-ish { padding-top: 40px; } .main-content.fundraise-profile-content .event-container .container .inner-event-container h2, .main-content.fundraise-profile-content .event-container .container .inner-event-container .h2-ish { margin-top: 10px; margin-bottom: 5px; } .main-content.fundraise-profile-content .event-container .container .inner-event-container a, .main-content.fundraise-profile-content .event-container .container .inner-event-container button.btn-link { margin-top: 30px; margin-bottom: 30px; } .main-content.fundraise-profile-content .create-prompt { margin-bottom: 2em; } @media only screen and (max-width : 991px) { .main-content.fundraise-profile-content .profile-img-banner { height: 150px; background-size: cover; background-position: center center; background-repeat: no-repeat; margin-left: -15px; } .main-content.fundraise-profile-content .accent-header .header-section .profile-img-circle { display: none; } .main-content.fundraise-profile-content .accent-header .header-section .details-col { padding-left: inherit; } .main-content.fundraise-profile-content .accent-header .header-section .header-buttons .donate-button .btn-sl { max-width: 300px; } .main-content.fundraise-profile-content .accent-header .header-section .header-buttons .share-buttons { padding-top: 35px; } .main-content.fundraise-profile-content .donation-container .fundraise-goal-content { margin-top: 0px; margin-bottom: 0px; } .main-content.fundraise-profile-content .donation-container .donate-row .donate-section { padding-left: 15px; padding-bottom: 40px; } .main-content.fundraise-profile-content .donation-container .donate-row .donate-section .donate-buttons .btn-sl { min-width: 0px; } .main-content.fundraise-profile-content .event-container .container { padding-right: 25px; } } .main-content.fundraise-stats-content .share-banner { background-color: #ff5c66; padding-top: 30px; padding-bottom: 30px; } .main-content.fundraise-stats-content .share-banner .row { display: flex; align-items: center; } .main-content.fundraise-stats-content .share-banner .row h2, .main-content.fundraise-stats-content .share-banner .row .h2-ish { margin-bottom: 0px; } .main-content.fundraise-stats-content .share-banner .row .banner-buttons { text-align: right; } .main-content.fundraise-stats-content .share-banner .row .banner-buttons .btn-share { background-color: #0a2852; color: #fbfdfb; transition: 0.3s; } .main-content.fundraise-stats-content .share-banner .row .banner-buttons .btn-share svg { fill: #fbfdfb; } .main-content.fundraise-stats-content .share-banner .row .banner-buttons .btn-share:hover, .main-content.fundraise-stats-content .share-banner .row .banner-buttons .btn-share:active { background-color: #316ce1; color: #fbfdfb; } .main-content.fundraise-stats-content .share-banner .row .banner-buttons .btn-share:hover svg, .main-content.fundraise-stats-content .share-banner .row .banner-buttons .btn-share:active svg { fill: #fbfdfb; } .main-content.fundraise-stats-content .share-banner .row .banner-buttons .btn-share:focus { outline: 0; box-shadow: 0 0 0 2px #00c4ff !important; background-color: #0a2852; color: #fbfdfb; } .main-content.fundraise-stats-content .share-banner .row .banner-buttons .btn-share:disabled { background-color: rgba(10, 40, 82, 0.7); color: #fbfdfb; } .main-content.fundraise-stats-content .primary-container { padding-top: 40px; } .main-content.fundraise-stats-content .primary-container .fundraise-table-content { padding-top: 40px; } .main-content.fundraise-stats-content .primary-container .return-button { padding: 50px 0px; text-align: center; } @media only screen and (max-width : 991px) { .main-content.fundraise-stats-content .share-banner .row { display: block; } .main-content.fundraise-stats-content .share-banner .row .banner-message { padding-bottom: 20px; } .main-content.fundraise-stats-content .share-banner .row .banner-message, .main-content.fundraise-stats-content .share-banner .row .banner-buttons { text-align: center; } } .main-content.groups-content .accent-header { background: url("/static/img/localGroups_hero.jpg") no-repeat center; background-size: cover; } .main-content.groups-content .accent-header .header-section { display: inline-flex; padding: 40px; } .main-content.groups-content .page-content { margin: 50px 0px 100px 0px; } .main-content.groups-content .no-groups { font-weight: bold; } .main-content.groups-content .results-section { height: 500px; margin-top: 0px; } .main-content.groups-content .results-section #map { width: 100%; height: 500px; } .main-content.groups-content .results-section .group-results { height: 405px; overflow: auto; } .main-content.groups-content .results-section .group-results .scrollable-bottom { box-shadow: inset 0 -10px 14px -15px #777; } .main-content.groups-content .results-section .groups-header { margin-bottom: 10px; } .main-content.groups-content .results-section .groups-header .groups-type-pickers { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-direction: normal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; } .main-content.groups-content .results-section .groups-header .groups-type-pickers .group-type-picker { color: #0a2852; cursor: pointer; font-weight: bold; } .main-content.groups-content .results-section .groups-header .groups-type-pickers .group-type-picker.selected-type { text-decoration: underline; } .main-content.groups-content .one-group { margin-top: 0px; } .main-content.groups-content .one-group.search-result { padding: 5px 15px 15px 15px; } .main-content.groups-content .one-group.search-result:hover { background-color: #efefef; } .main-content.groups-content .one-group .name { font-size: 24px; font-weight: bold; line-height: 1.2em; margin-bottom: 8px; } .main-content.groups-content .one-group .location { font-size: 12px; line-height: 1.5em; color: #0a2852; font-family: Roboto; text-transform: uppercase; font-weight: bold; letter-spacing: 0.05em; } .main-content.groups-content .one-group .distance { font-size: 14px; line-height: 1.5em; } .main-content.groups-content .my-groups .group-row { margin-top: 1em; margin-bottom: 1em; } .main-content.groups-content .my-groups .actions { opacity: 0; } .main-content.groups-content .my-groups .edit-leave { text-align: right; display: inline-block; } .main-content.groups-content .my-groups .edit { margin-right: 0.5em; display: inline-block; } .main-content.groups-content .my-groups .leave-section { display: inline-block; } .main-content.groups-content .my-groups .btn { vertical-align: top; } .main-content.groups-content .my-groups .name { font-size: 20px; font-weight: bold; } .main-content.groups-content .my-groups .location { font-size: 20px; } .main-content.groups-content .my-groups hr { margin: 10px 0; } .main-content.groups-content .my-groups label { margin-bottom: 15px; } .main-content.groups-content .flex { display: flex; } .main-content.groups-content .create-prompt { background: #0a2852; color: #fbfdfb; margin-top: 4em; border-radius: 7px; text-align: center; padding: 55px; display: inline-block; width: 100%; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); max-width: 840px; } .main-content.groups-content .create-prompt .btn { margin-top: 1.5em; } .main-content.groups-content .create-prompt .mobile-content h2, .main-content.groups-content .create-prompt .standard-content h2, .main-content.groups-content .create-prompt .mobile-content .h2-ish, .main-content.groups-content .create-prompt .standard-content .h2-ish { color: #fbfdfb; margin-bottom: 1em; } .main-content.groups-content .create-prompt .mobile-content { display: none; } .main-content.groups-content .create-prompt .mobile-content h2, .main-content.groups-content .create-prompt .mobile-content .h2-ish { color: #fbfdfb; } .main-content.groups-content .create-prompt .standard-content { display: inline-block; } .main-content.groups-content .create-prompt ul { text-align: center; } @media only screen and (max-width: 320px) { .main-content.groups-content .my-groups .name { font-size: 12px; } .main-content.groups-content .my-groups .location { font-size: 12px; } .main-content.groups-content .my-groups .btn { width: 75px; padding: 0; } } @media only screen and (max-width: 667px) { .main-content.groups-content .page-content { margin: 30px 0px 30px 0px; } .main-content.groups-content .header-section { width: 100%; } .main-content.groups-content .my-groups .name { font-size: 15px; font-weight: bold; } .main-content.groups-content .my-groups .location { font-size: 15px; } .main-content.groups-content .my-groups .btn { width: 75px; font-size: 15px; padding: 0 15px; min-width: 0; } .main-content.groups-content .my-groups .edit-leave { padding-left: 0; } } @media only screen and (max-width: 768px) { .main-content.groups-content .create-prompt a, .main-content.groups-content .create-prompt button.btn-link { width: 100%; margin-left: 15px; margin-right: 15px; } .main-content.groups-content .create-prompt .mobile-content { display: inline-block; align-self: center; } .main-content.groups-content .create-prompt .standard-content { display: none; align-self: center; } } @media only screen and (max-width: 991px) { .main-content.groups-content .accent-header .header-section { display: inline-block; padding: 0.5em; } .main-content.groups-content .results-section { height: auto; } .main-content.groups-content .results-section #map { height: 300px; margin-top: 20px; } .main-content.groups-content .results-section .group-results { height: auto; overflow: none; } .main-content.groups-content .one-group.search-result { padding: 0; } .main-content.groups-content .my-groups .location { margin-top: 0; } .main-content.groups-content .my-groups .btn { margin-top: 0; } .main-content.groups-content .my-groups label { display: none; } .main-content.groups-content .my-groups .name-location { width: 45%; } .main-content.groups-content .my-groups .edit-leave { width: 55%; } } .group-content .page-content { margin: 50px 0px 0px 0px; } .group-content .page-content.upload-page-content { margin-bottom: 100px; } .group-content .accent-header .container { position: relative; } .group-content .accent-header .container .header-nav { position: absolute; right: 0; z-index: 1; } .group-content .accent-header .container .header-nav, .group-content .accent-header .container .header-nav a, .group-content .accent-header .container .header-nav button.btn-link { font-weight: bold; color: #00c4ff; } .group-content .accent-header { padding-top: 20px; padding-bottom: 20px; } .group-content .accent-header .admin-buttons { text-align: right; display: block; } .group-content .accent-header .admin-buttons .btn-sl { color: #00c4ff; background: #0a2852; border: 1px solid #00c4ff; } .group-content .header-section { margin-top: 50px; } .group-content .header-section .title-group-name { color: #fbfdfb; margin-bottom: 20px; } .group-content .header-section .title-group-college { padding-left: 30px; margin-right: 40px; } .group-content .header-section .title-group-name-small, .group-content .header-section .title-group-location, .group-content .header-section .title-group-college { font-size: 18px; font-weight: bold; color: #00c4ff; } .group-content .header-section .title-group-social { color: #fbfbfd; margin-bottom: 10px; font-family: 'Roboto', sans-serif; text-transform: uppercase; font-weight: bold; font-size: 16px; line-height: 16px; } .group-content .header-section hr { border-top: 1px solid #354d6f; margin-top: 20px; margin-bottom: 20px; margin-right: 50px; padding-top: 0; padding-bottom: 0; } .group-content .header-section .btn-sl { margin-right: 10px; } .group-content .header-section .stats-container { margin-bottom: 20px; } .group-content .header-section .stats-container .stats-list { max-width: 800px; list-style: none; } .group-content .header-section .stats-container .stats-list li::before { content: ""; } .group-content .header-section .stats-container .stats-list dd { font-size: 36px; color: #fbfdfb; font-family: 'Barlow Condensed', sans-serif; font-weight: bold; } .group-content .header-section .stats-container .stats-list dt { font-family: 'Roboto', sans-serif; color: #ff5c66; font-weight: normal; } .group-content hr { margin-top: 30px; margin-bottom: 0; border-top: 1px solid #ddd; padding-bottom: 30px; } .group-content h3, .group-content .h3-ish { text-transform: none; font-size: 18px; letter-spacing: normal; margin-bottom: 5px; } .group-content .leader-resources-section { background-color: #e8ebeb; margin-top: -50px; padding-top: 70px; padding-bottom: 70px; } .group-content .leader-resources-section .vcenter { display: inline-block; vertical-align: middle; float: none; } .group-content .leader-resources-section .leader-tools .leader-tool { margin-top: 10px; margin-bottom: 10px; } .group-content .leader-resources-section .leader-tools .leader-tool img.leader-tool-img { max-width: 100%; } .group-content .leader-resources-section .leader-tools .leader-tool .img-part { padding: 0 15px; width: 90px; } .group-content .leader-resources-section .leader-tools .leader-tool .details-part { width: 200px; } .group-content .leader-resources-section .leader-tools .leader-tool .details-part p { font-size: 14px; } .group-content .leader-resources-section .btn-sl { margin-top: 20px; } .group-content .leader-resources-section hr { margin-top: 50px; padding-bottom: 50px; } .group-content .description { margin-bottom: 20px; overflow: auto; } .group-content .group-events .non-member-margin { margin-bottom: 50px; } .group-content .whiteboard { margin-bottom: 20px; word-break: break-word; } .group-content .guides-section { margin-bottom: 20px; } .group-content .guides-section h3, .group-content .guides-section .h3-ish { margin-top: 20px; margin-bottom: 15px; } .group-content .guides-section a, .group-content .guides-section button.btn-link { text-decoration: underline; } .group-content .guides-section .guide { padding-bottom: 15px; } .group-content .mission { margin-top: 30px; } .group-content .mission .resource-links { margin-top: 30px; margin-bottom: 40px; } .group-content .mission .resource-links #share input { width: 100%; } @media screen and (max-width: 480px) { .group-content .mission .resource-links #share input { font-size: 16px; text-overflow: ellipsis; } } .group-content .mission .resource-links #share-buttons sl-share-buttons { float: right; } .group-content .mission .photos .photo { display: inline-block; margin-top: 15px; margin-bottom: 15px; } .group-content .mission .photos .photo button { padding: 0; margin: 0; border: 0; } .group-content .mission .photos .photo button img { max-width: 280px; width: auto; height: 210px; -webkit-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); object-fit: cover; } .group-content .mission .photos .photo button:hover img { -webkit-transform: scale(1.02, 1.02); transform: scale(1.02, 1.02); box-shadow: 0px 4px 8px black; } .group-content .mission .photos .photo:not(:last-child) { margin-right: 30px; } .group-content .join-section { text-align: center; max-width: 800px; margin: auto; padding-bottom: 50px; } .group-content .join-section .why-join { padding-bottom: 20px; } .group-content .join-section .phone-prompt { margin-bottom: 10px; } .group-content .join-section .phone-input { max-width: 200px; margin: 20px 0; display: block; margin: auto; } .group-content .join-section .alert { margin-top: 20px; } .group-content .reg-explain { margin-top: 15px; } .group-content .join-disclaimer { margin-top: 30px; font-size: 12px; font-style: italic; color: #a1acbc; line-height: 1.2em; font-family: "Arial", sans-serif; } .group-content .edit-form textarea { min-height: 100px; } .group-content .edit-form .visibility-input { max-width: 150px; } .group-content .edit-form .district-input-wrapper { display: inline-block; width: 150px; margin-right: 10px; position: relative; } .group-content .edit-form .district-input-wrapper .remove-district { position: absolute; top: -4px; right: -4px; font-size: 12px; line-height: 12px; } .group-content .edit-form .add-district { font-size: 12px; } .group-content .button-panel + .alert { margin-top: 20px; } .group-content .help-section { padding-bottom: 20px; } .group-content .slates-container { padding-bottom: 100px; } .group-content .slates-container .fundraiser-resize { max-width: 400px; overflow: auto; } .group-content .slates-container .fundraiser-resize .card { background-color: #fff; border-radius: 0px; border-top: 5px solid #0a2852; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); height: 500px; margin-top: 20px; margin-bottom: 10px; overflow: auto; } .group-content .slates-container .fundraiser-resize .card.blue { background-color: #00c4ff; } .group-content .slates-container .fundraiser-resize .card .fundraiser-info-block { display: inline-block; width: calc(100% - 80px); margin: 30px 40px; height: 420px; position: relative; text-align: left; overflow: auto; } .group-content .slates-container .fundraiser-resize .card .fundraiser-info-block hr { border-color: #0a2852; } .group-content .slates-container .fundraiser-resize .card .fundraiser-info-block .name { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 6em; } .group-content .slates-container .fundraiser-resize .card .fundraiser-info-block .name h2, .group-content .slates-container .fundraiser-resize .card .fundraiser-info-block .name .h2-ish { color: #0a2852; padding-bottom: 0; word-break: break-word; font-size: xx-large; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .group-content .slates-container .fundraiser-resize .card .fundraiser-info-block hr { margin-top: 0; padding: 10px 0; } .group-content .slates-container .fundraiser-resize .card .fundraiser-info-block .description { margin-top: 15px; margin-bottom: 15px; max-height: 160px; } .group-content .slates-container .fundraiser-resize .card .fundraiser-info-block .amount-raised { height: 30px; font-size: 25px; font-weight: bold; line-height: 1.25em; margin-bottom: 20px; } .group-content .slates-container .fundraiser-resize .card .fundraiser-info-block sl-share-buttons { margin-bottom: 10px; } .group-content .slates-container .fundraiser-resize .card .fundraiser-info-block sl-share-buttons .btn-share-array { width: 100%; } .group-content .slates-container .fundraiser-resize .card .fundraiser-info-block sl-share-buttons .btn-share-array .btn { margin: 2px; width: 55px; } .group-content .slates-container .fundraiser-resize .card .fundraiser-info-block .btn-donate { position: absolute; bottom: 0px; margin: 5px 0px 0px 0px; width: 100%; } .group-content .header-row { font-weight: bold; color: #002855; font-family: roboto; font-size: 14px; text-transform: uppercase; } .group-content .header-row .heading { padding-left: 0; padding-right: 0; } .group-content .having-trouble { font-size: 14px; } .group-content .reg-explain { font-size: 13px; padding-left: 3px; } .group-content .group-face { padding: 20px 10px; } .group-content .group-face .details { display: inline-block; width: calc(100% - 150px); position: absolute; height: 100px; padding-left: 20px; } .group-content .group-face .details, .group-content .group-face .details a, .group-content .group-face .details button.btn-link { line-height: 1.4em; } .group-content .group-face .details .display .name { font-weight: bold; } .group-content .group-face .details .display .name, .group-content .group-face .details .display .role, .group-content .group-face .details .display .email { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .group-content .group-face .details .management { color: #316ce1; position: absolute; bottom: 0; padding-top: 5px; font-size: 10px; } .group-content .group-face .details .management button { padding: 0; font-size: 11px; } .group-content .group-face-image { display: inline-block; width: 90px; height: 90px; border-radius: 45px; background-size: cover; } @media only screen and (max-width: 991px) { .group-content .mission .resource-links #share-buttons { margin-top: 10px; } .group-content .mission .resource-links #share-buttons sl-share-buttons { float: left; } .group-content .group-events .heading { width: 100%; } .group-content .group-events .non-member-margin { margin-bottom: 30px; } } @media only screen and (max-width: 768px) { .group-content .group-social .btn-sm { margin-top: 10px; } .group-content .page-content { margin: 30px 0px 0px 0px; } .group-content .header-section { margin-top: 30px; margin-bottom: 10px; } .group-content .header-section .title-group-name { margin-bottom: 5px; } .group-content .header-section .title-group-social { margin-bottom: 2px; } .group-content .header-section hr { margin-top: 5px; margin-bottom: 5px; margin-right: 10px; padding-top: 2px; padding-bottom: 2px; } .group-content .header-section .btn-sl { margin-right: 3px; background-color: #00c4ff; color: #0a2852; transition: 0.3s; } .group-content .header-section .btn-sl svg { fill: #0a2852; } .group-content .header-section .btn-sl:hover, .group-content .header-section .btn-sl:active { background-color: #fbfdfb; color: #00c4ff; } .group-content .header-section .btn-sl:hover svg, .group-content .header-section .btn-sl:active svg { fill: #00c4ff; } .group-content .header-section .btn-sl:focus { outline: 0; box-shadow: 0 0 0 2px #0a2852 !important; background-color: #00c4ff; color: #0a2852; } .group-content .header-section .btn-sl:disabled { background-color: rgba(0, 196, 255, 0.7); color: #fbfdfb; } } @media only screen and (max-width: 414px) { .group-content .header-section h1, .group-content .header-section .h1-ish { font-size: 35px; } .group-content .header-section hr { padding: 10px; } .group-content .header-section .title-group-name { margin-bottom: 23px; } .group-content .header-section .title-group-location, .group-content .header-section .title-group-college { margin-bottom: 10px; } .group-content .header-section .group-social .col-xs-12 { padding-left: 13px; padding-right: 13px; } .group-content .join-section .btn { width: 100%; } .group-content .group-events .create-event-button { width: 100%; } .group-content .group-events .create-event-button .btn { width: 100%; } } @media only screen and (max-width: 375px) { .group-content .slates-container .fundraiser-resize .card { height: 480px; } .group-content .slates-container .fundraiser-resize .card .fundraiser-info-block { margin: 20px; } } .create-an-event-modal-window .modal-close-button, .leave-group-modal-window .modal-close-button { margin: 5px -5px 5px 5px; padding: 0; } .create-an-event-modal-window .modal-close-button .glyphicon, .leave-group-modal-window .modal-close-button .glyphicon { float: right; color: #0a2852; } .leave-group-modal-window .main-content { margin: 0 15px 20px 15px; } .leave-group-modal-window #leave-confirmation-text { padding-bottom: 15px; } .leave-group-modal-window .alert { margin-top: 15px; } .create-an-event-modal-window .main-content .create-an-event-modal-content .event-types { padding-bottom: 20px; margin: 0 15px; } .create-an-event-modal-window .main-content .create-an-event-modal-content .event-types .modal-title { text-align: center; } .create-an-event-modal-window .main-content .create-an-event-modal-content .event-types .modal-title h2, .create-an-event-modal-window .main-content .create-an-event-modal-content .event-types .modal-title .h2-ish { text-transform: none; font-family: Bitter, serif; } .create-an-event-modal-window .main-content .create-an-event-modal-content .event-types .event-buttons { margin-top: 15px; } .create-an-event-modal-window .main-content .create-an-event-modal-content .event-types .event-buttons .btn-sl { align-content: center; color: #0a2852; background: #fff; border: 1px solid #0a2852; margin: 10px 0; width: 100%; font-size: 18px; } .create-an-event-modal-window .main-content .create-an-event-modal-content .event-types .event-buttons .btn-sl:hover { color: #fff; background: #0a2852; } .create-an-event-modal-window .main-content .create-an-event-modal-content .event-types .modal-disclaimer { text-align: center; margin: 20px 0px 30px 0px; font-size: 12px; font-style: italic; color: #a1acbc; line-height: 1.2em; font-family: "Arial", sans-serif; } .photo-modal-window .modal-dialog { height: 35vw; width: 80vw; padding-top: 5vw; } .photo-modal-window .modal-content { border: 0; } .photo-modal-window .photo, .photo-modal-window .metadata { display: block; float: left; height: 35vw; } .photo-modal-window .photo { border-radius: 10px 0 0 10px; position: relative; width: 70%; background-color: #262626; } .photo-modal-window .photo img { max-width: 100%; max-height: 35vw; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .photo-modal-window .metadata { border-radius: 0 10px 10px 0; padding: 40px; width: 30%; background-color: #fbfdfb; font-size: 18px; } .photo-modal-window .metadata hr { margin: 20px 0; } .photo-modal-window .metadata .caption { white-space: pre-line; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; overflow: hidden; } .photo-modal-window .metadata .metadata-label { font-family: 'Roboto', sans-serif; text-transform: uppercase; font-size: 14px; color: #ff5c66; } .photo-modal-window .modal-close-button { position: absolute; top: 5px; right: 10px; padding: 0; } .photo-modal-window .modal-close-button .glyphicon { float: right; color: #0a2852; } @media only screen and (max-width: 1400px) { .photo-modal-window .modal-dialog { width: calc(100vw - 20px); padding-top: 20vw; } .photo-modal-window .photo { width: 100%; border-radius: 10px 10px 0 0; } .photo-modal-window .metadata { height: auto; width: 100%; border-radius: 0 0 10px 10px; } .photo-modal-window .metadata .caption { white-space: pre-line; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .photo-modal-window .modal-close-button .glyphicon { z-index: 1; color: #fbfdfb; } } .main-content.new-group-content .page-content { margin: 50px 0px 100px 0px; } .main-content.new-group-content .group-form { max-width: 800px; margin: auto; } .main-content.new-group-content .group-form .form-group { margin-bottom: 35px; } .main-content.new-group-content .group-form label.field-name { text-transform: none; font-size: 18px; letter-spacing: normal; font-family: 'Bitter', serif; line-height: 1.45em; } .main-content.new-group-content .group-form .photo { margin: 30px 0; } .main-content.new-group-content .group-form .photo .image-preview img { max-width: 100%; max-height: 225px; width: auto; height: auto; } .main-content.new-group-content .group-form .photo .image-preview.has-error img { border: 3px solid #ff5c66; } .main-content.new-group-content .group-form .photo .remove-image-button { padding: 15px; height: 10px; width: 10px; min-width: 10px; position: absolute; top: -15px; left: -5px; } .main-content.new-group-content .group-form .photo .metadata div:not(:first-child) { padding-top: 20px; } .main-content.new-group-content .group-form .existing-image-preview { margin-bottom: 10px; } .main-content.new-group-content .group-form textarea { width: 100%; min-height: 100px; display: block; } .main-content.new-group-content .group-form .ta-toolbar { border-top: 1px solid #0a2852; border-left: 1px solid #0a2852; border-right: 1px solid #0a2852; border-bottom-color: transparent; border-top-left-radius: 4px; border-top-right-radius: 4px; } .main-content.new-group-content .group-form .ta-toolbar.btn-toolbar { padding: 4px; line-height: 12px; background-color: #eaeaea; } .main-content.new-group-content .group-form .ta-toolbar.btn-toolbar .btn-group { margin: 2px; line-height: 12px; height: 26px; } .main-content.new-group-content .group-form .ta-toolbar.btn-toolbar .btn-group .btn { align-items: center; font-size: 10px; padding: 5px 8px; height: 24px; } .main-content.new-group-content .group-form .ta-scroll-window { height: fit-content; min-height: 100px; border-bottom: 1px solid #0a2852; border-left: 1px solid #0a2852; border-right: 1px solid #0a2852; border-top: none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; overflow: auto; } .main-content.new-group-content .group-form .ta-scroll-window .ta-bind { box-shadow: none; } .main-content.new-group-content .group-form .zip-input, .main-content.new-group-content .group-form .visibility-input { max-width: 200px; } .main-content.new-group-content .group-form .input-description { font-family: roboto; color: #0a2852; margin-bottom: 15px; margin-top: 0; font-size: 12px; } .main-content.new-group-content .group-form .input-description.visibility-label { margin-left: 35px; } .main-content.new-group-content .group-form .url-input-prefix { color: #fbfbfd; background-color: #0a2852; border: 1px solid #0a2852; } .main-content.new-group-content .group-form .file input[type="file"] + label { width: 250px; height: 75px; background-color: #eaeaea; font-size: 12px; } .main-content.new-group-content .group-form .district-input-wrapper { display: inline-block; width: 225px; margin-right: 10px; position: relative; } .main-content.new-group-content .group-form .district-input-wrapper .remove-district { position: absolute; top: -10px; right: -10px; font-size: 20px; line-height: 20px; } .main-content.new-group-content .group-form .state-adoption-notes { margin-top: 8px; } .main-content.new-group-content .group-form .add-district { font-size: 12px; } .main-content.new-group-content #college-checkbox + label { margin-bottom: 20px; } .main-content.new-group-content .college-picker { margin-bottom: 25px; } .main-content.new-group-content .button-panel + .alert { margin-top: 20px; } .main-content.new-group-content .alert-success .normal-text { font-weight: normal; } @media only screen and (max-width: 768px) { .main-content.new-group-content .page-content { margin: 30px 0px 30px 0px; } } .group-email-content .email-modes-tabs ul { border-bottom: 2px solid #ced4dc; } .group-email-content .email-modes-tabs .single-tab { display: inline-block; text-align: center; margin-left: -1px; margin-right: -1px; margin-bottom: -2px; padding: 5px 15px; } .group-email-content .email-modes-tabs .single-tab::before { content: ""; } .group-email-content .email-modes-tabs .single-tab.active { color: #316ce1; border-top: 2px solid #ced4dc; border-left: 2px solid #ced4dc; border-right: 2px solid #ced4dc; border-bottom: 2px solid #fbfdfb; } .group-email-content .email-modes-tabs .single-tab.active button { color: #316ce1; } .group-email-content .email-modes-tabs .single-tab:not(.active) button { color: #0a2852; } .group-email-content .email-modes-tabs .single-tab button { background: transparent; font-weight: bold; border: none; } .group-email-content .message-actions .left-buttons { text-align: left; } .group-email-content .message-actions .right-buttons { text-align: right; } .group-email-content .message-actions .btn { margin: 5px; width: 220px; } .group-email-content .message-actions .events-list { margin: 5px; width: 220px; display: inline; } .group-email-content .success-panel { margin-top: 15px; } .group-email-content .message-headers .group-email-faq { font-size: 0.8em; } .group-email-content .success-panel { font-size: 20px; line-height: 24px; font-weight: bold; } .group-email-content .preview-content.group-email-preview .message-preview { margin-top: 25px; margin-bottom: 25px; margin-left: 5px; margin-right: 5px; min-height: 50px; border-color: grey; border-width: thin; border-style: solid; } .group-email-content .directions { margin-top: 15px; margin-bottom: 35px; font-style: italic; color: grey; } .group-email-content .file input[type="file"] + label { width: 250px; height: 75px; background-color: #eaeaea; font-size: 12px; } .group-email-content .file .input-description { color: #0a2852; } .group-email-content .file .input-description .input-description-big { font-size: 18px; font-weight: bold; } .group-email-content .file .input-description .input-description-small { font-family: 'Roboto', sans-serif; padding-top: 5px; } .group-email-content .file .header-image, .group-email-content .file .header-image-uploader { margin-top: 20px; } .group-email-content .file .header-image { position: relative; } .group-email-content .file .header-image .image-preview img { max-width: 100%; max-height: 225px; width: auto; height: auto; } .group-email-content .file .header-image .image-preview.has-error img { border: 3px solid #ff5c66; } .group-email-content .file .header-image .remove-image-button { padding: 15px; height: 10px; width: 10px; min-width: 10px; position: absolute; top: -15px; left: -15px; } .group-email-content .file .alert { margin-top: 20px; } .email-confirm-modal-window .modal-content { width: max-content; } .email-confirm-modal-window .modal-content .email-confirm-modal-html .email-input-row { margin: 50px 20px; width: 100%; min-width: 300px; } .email-confirm-modal-window .modal-content .email-confirm-modal-html .email-input-row .button-panel .submit-button { margin-top: 20px; margin-bottom: 10px; margin-left: 125px; margin-right: 15px; } .email-confirm-modal-window .modal-content .email-confirm-modal-html .email-input-row .button-panel .cancel-button { margin-top: 20px; margin-bottom: 10px; margin-left: 15px; margin-right: 75px; } .group-manage-members-content .faces-section, .group-manage-members-content .members-section { padding-top: 40px; } .group-manage-members-content .faces-section { padding-top: 40px; } .group-manage-members-content .faces-section h2, .group-manage-members-content .faces-section .h2-ish { margin-bottom: 5px; } .group-manage-members-content .faces-section p { margin-bottom: 20px; } .group-manage-members-content .faces-section .faces-array .face .ordering-control { text-align: center; margin-top: -10px; } .group-manage-members-content .faces-section .faces-array .face .ordering-control .ordering-button { display: inline-block; padding: 0 10px; font-size: 16px; color: #0a2852; } .group-manage-members-content .faces-section .faces-array .face .ordering-control .ordering-button:hover:not(:disabled) { color: #316ce1; } .group-manage-members-content .faces-section .faces-array .add-face-inside { height: 130px; vertical-align: middle; display: flex; align-items: center; padding: 20px 10px; } .group-manage-members-content .admin-actions { display: block; text-align: left; margin-top: 20px; } .group-manage-members-content .no-members { padding: 20px; } .group-manage-members-content .members-table { margin-top: 20px; margin-bottom: 20px; } .group-manage-members-content .members-table .members-table-tabs ul { border-bottom: 2px solid #ced4dc; } .group-manage-members-content .members-table .members-table-tabs .single-tab { display: inline-block; text-align: center; margin-left: -1px; margin-right: -1px; margin-bottom: -2px; padding: 5px 15px; } .group-manage-members-content .members-table .members-table-tabs .single-tab::before { content: ""; } .group-manage-members-content .members-table .members-table-tabs .single-tab.active { color: #316ce1; border-top: 2px solid #ced4dc; border-left: 2px solid #ced4dc; border-right: 2px solid #ced4dc; border-bottom: 2px solid #fbfdfb; } .group-manage-members-content .members-table .members-table-tabs .single-tab.active button { color: #316ce1; } .group-manage-members-content .members-table .members-table-tabs .single-tab:not(.active) button { color: #0a2852; } .group-manage-members-content .members-table .members-table-tabs .single-tab button { background: transparent; font-weight: bold; border: none; } .group-manage-members-content .members-table .search-input ::placeholder { color: #0a2852; } .group-manage-members-content .members-table .member-controls { margin-bottom: 20px; } .group-manage-members-content .members-table .member-table .member-table-inner .member-row { padding-top: 5px; padding-bottom: 5px; font-size: 14px; } .group-manage-members-content .members-table .member-table .member-table-inner .member-row.highlighted { background-color: #ffff28; } .group-manage-members-content .members-table .member-table .member-table-inner .member-row:not(:nth-child(2)) { border-top: 1px solid #ddd; } .group-manage-members-content .members-table .member-table .member-table-inner .member-row .role-select { display: inline-block; width: calc(100% - 50px); padding-left: 5px; margin-left: 10px; } .group-manage-members-content .members-table .member-table .member-table-inner .member-row .info-text-container { margin-left: 0px; padding-left: 0px; padding-right: 10px; } .group-manage-members-content .members-table .member-table .member-table-inner .member-row .info-text { width: 100%; } .group-manage-members-content .members-table .member-table .member-table-inner .member-row .notes-textarea-container { padding: 0px; margin: 0px; } .group-manage-members-content .members-table .member-table .member-table-inner .member-row .notes-textarea { padding-right: 0px; padding-left: 5px; margin: 0px; height: 4em; } .group-manage-members-content .members-table .member-table .member-table-inner .member-row .row-controls { float: right; } .group-manage-members-content .members-table .member-table .member-table-inner .member-row .row-controls .lds-ripple { height: 34px !important; width: 34px !important; } .group-manage-members-content .members-table .role { padding-left: 0; padding-right: 0; } .group-manage-members-content .members-table .hide-overflow { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-left: 0; padding-right: 0; } .group-manage-members-content .members-table .hide-overflow:hover { overflow: visible; z-index: 2; } .group-manage-members-content .members-table .hide-overflow:hover .overflowable-cell-content { background-color: #ffffff; padding-right: 10px; overflow: hidden; } .group-manage-members-content .role-panel { position: relative; } .group-manage-members-content .role-panel .loading-box { position: absolute; top: 0; left: 0; width: calc(100% + 40px); margin-left: -20px; height: 100%; background-color: #fbfdfb; opacity: 90%; } .group-manage-members-content .role-panel .loading-box .loading-box-inside { top: 40%; position: absolute; text-align: center; width: 100%; } .group-manage-members-content .role-panel .loading-box .loading-box-inside .loading-box-message { font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: bold; padding-bottom: 10px; } .group-manage-members-content .role-panel .loading-box .loading-box-inside .working-spinner > div { background-color: #0a2852; } .group-manage-members-content #add-member-section, .group-manage-members-content #upload-csv-section { background-color: #e8ebeb; margin: 20px 0; } .group-manage-members-content #add-member-section .button-array, .group-manage-members-content #upload-csv-section .button-array { text-align: center; } .group-manage-members-content #add-member-section .button-array button, .group-manage-members-content #upload-csv-section .button-array button { margin-top: 20px; } .group-manage-members-content #add-member-section { padding: 10px 20px 20px 20px; } .group-manage-members-content #add-member-section h2, .group-manage-members-content #add-member-section .h2-ish { padding: 20px 0 0 15px; } .group-manage-members-content #add-member-section p { padding: 0 0 20px 15px; } .group-manage-members-content #add-member-section label { padding-top: 20px; } .group-manage-members-content #add-member-section .form-error-panel { margin-top: 20px; } .group-manage-members-content #upload-csv-section { padding: 30px; } .group-manage-members-content #upload-csv-section select { max-width: 400px; } @media only screen and (max-width: 991px) { .group-manage-members-content .member-table { overflow-x: auto; } .group-manage-members-content .member-table .member-table-inner { min-width: 805px; } } @media only screen and (max-width: 667px) { .group-manage-members-content .admin-actions .btn-sm { margin-top: 20px; } } @media only screen and (max-width: 414px) { .group-manage-members-content .members-table .search-wrapper { margin-top: 30px; margin-bottom: 30px; } .group-manage-members-content .admin-actions a, .group-manage-members-content .admin-actions button.btn-link { width: 100%; } } .edit-face-modal-window .close-button, .unexpected-error-modal-window .close-button { position: absolute; top: 20px; right: 20px; z-index: 1; } .edit-face-modal-window .close-button a, .unexpected-error-modal-window .close-button a, .edit-face-modal-window .close-button button.btn-link, .unexpected-error-modal-window .close-button button.btn-link { color: #0a2852; } .edit-face-modal-window .modal-content, .unexpected-error-modal-window .modal-content { box-shadow: 0 5px 30px rgba(0, 0, 0, 0.4); border-radius: 10px; padding: 20px; border-radius: 10px; border: 0; } .edit-face-modal-window .modal-content .file input[type="file"] + label { width: 90px; height: 90px; border-radius: 45px; font-size: 13px; } .edit-face-modal-window .modal-content .remove-btn { position: absolute; top: -5px; left: 5px; height: 10px; width: 10px; min-width: 10px; padding: 15px; font-size: 16px; } .edit-face-modal-window .modal-content .vcenter { display: inline-block; vertical-align: middle; float: none; } .edit-face-modal-window .modal-content .buttons { text-align: center; } .edit-face-modal-window .modal-content .buttons .btn-sl { margin: 20px 5px 0px 5px; max-width: 60px; } .edit-face-modal-window .modal-content .form-error-panel { margin-top: 20px; } .email-capture-modal-window .modal-dialog { width: 400px; } .email-capture-modal-window .modal-dialog .modal-content { padding: 6px 10px 10px 10px; } .email-capture-modal-window .modal-dialog .modal-content .close-button a, .email-capture-modal-window .modal-dialog .modal-content .close-button button.btn-link { color: #0a2852; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html { padding: 0px 15px 15px 15px; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="text"], .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="url"], .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="email"], .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="number"], .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="tel"], .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="password"], .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="file"] + label, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html textarea, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html select { border-color: #0a2852; color: #0a2852; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="text"]::placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="url"]::placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="email"]::placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="number"]::placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="tel"]::placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="password"]::placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="file"] + label::placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html textarea::placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html select::placeholder { color: #6B7276; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="text"]::-webkit-input-placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="url"]::-webkit-input-placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="email"]::-webkit-input-placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="number"]::-webkit-input-placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="tel"]::-webkit-input-placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="password"]::-webkit-input-placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="file"] + label::-webkit-input-placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html textarea::-webkit-input-placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html select::-webkit-input-placeholder { color: #6B7276; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="text"]:-moz-placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="url"]:-moz-placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="email"]:-moz-placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="number"]:-moz-placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="tel"]:-moz-placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="password"]:-moz-placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="file"] + label:-moz-placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html textarea:-moz-placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html select:-moz-placeholder { color: #6B7276; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="text"]::-moz-placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="url"]::-moz-placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="email"]::-moz-placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="number"]::-moz-placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="tel"]::-moz-placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="password"]::-moz-placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="file"] + label::-moz-placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html textarea::-moz-placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html select::-moz-placeholder { color: #6B7276; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="text"]:-ms-input-placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="url"]:-ms-input-placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="email"]:-ms-input-placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="number"]:-ms-input-placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="tel"]:-ms-input-placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="password"]:-ms-input-placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="file"] + label:-ms-input-placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html textarea:-ms-input-placeholder, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html select:-ms-input-placeholder { color: #6B7276; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="radio"] + label, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html input[type="checkbox"] + label { color: #0a2852; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html select { box-shadow: 0px 4px #e8e8e8; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .has-error select { box-shadow: 0px 4px #e8e8e8; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .input-group-with-prefix .input-group-addon, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .input-group-with-suffix .input-group-addon { background-color: #0a2852; color: #fbfdfb; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html label { color: #0a2852; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .form-question h3, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .form-question h4, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .form-question .h3-ish, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .form-question .h4-ish { color: #0a2852; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .form-question h3 a, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .form-question h4 a, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .form-question .h3-ish a, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .form-question .h4-ish a, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .form-question h3 button.btn-link, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .form-question h4 button.btn-link, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .form-question .h3-ish button.btn-link, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .form-question .h4-ish button.btn-link { color: #0a2852; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .form-question h3 a:hover, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .form-question h4 a:hover, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .form-question .h3-ish a:hover, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .form-question .h4-ish a:hover, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .form-question h3 button:hover.btn-link, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .form-question h4 button:hover.btn-link, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .form-question .h3-ish button:hover.btn-link, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .form-question .h4-ish button:hover.btn-link { color: #00c4ff; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .has-error input[type="text"], .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .has-error input[type="url"], .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .has-error input[type="email"], .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .has-error input[type="number"], .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .has-error input[type="tel"], .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .has-error input[type="radio"], .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .has-error input[type="file"] + label, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .has-error input[type="checkbox"], .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .has-error textarea, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .has-error select { background-color: #ff5c66; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .has-error input[type="radio"] + label, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .has-error input[type="checkbox"] + label { color: #ff5c66; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .disabled input[type="text"], .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .disabled input[type="url"], .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .disabled input[type="email"], .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .disabled input[type="number"], .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .disabled input[type="tel"], .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .disabled input[type="radio"], .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .disabled input[type="checkbox"], .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .disabled input[type="file"] + label, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .disabled textarea, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .disabled select { border-color: #dcdfdf; color: #dcdfdf; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .disabled input[type="radio"] + label, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .disabled input[type="checkbox"] + label { color: #dcdfdf; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .disabled label { color: #dcdfdf; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .disabled .form-question h3, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .disabled .form-question h4, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .disabled .form-question .h3-ish, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .disabled .form-question .h4-ish { color: #dcdfdf; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .disabled .form-question h3 a, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .disabled .form-question h4 a, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .disabled .form-question .h3-ish a, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .disabled .form-question .h4-ish a, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .disabled .form-question h3 button.btn-link, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .disabled .form-question h4 button.btn-link, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .disabled .form-question .h3-ish button.btn-link, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .disabled .form-question .h4-ish button.btn-link { color: #dcdfdf; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .disabled .input-group-with-prefix .input-group-addon, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .disabled .input-group-with-suffix .input-group-addon { background-color: #dcdfdf; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html select { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMyA4LjkzIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzBhMjg1Mjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmRyb3Bkb3duX2JsdWU8L3RpdGxlPjxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIwIDAgMTEuNSA4LjkzIDIzIDAgMCAwIi8+PC9zdmc+); } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .email-input-row { text-align: center; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .email-input-row .email-input-row-inner { width: 350px; margin: 0 auto; text-align: center; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .email-input-row .email-input-row-inner label { margin-bottom: 15px; font-size: 20px; font-family: 'Bitter', sans-serif; line-height: 1.25em; text-transform: none; xletter-spacing: normal; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .email-input-row .email-input-row-inner input { vertical-align: center; margin-bottom: 10px; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .btn.submit-button { background-color: #ff5c66; color: #fbfdfb; transition: 0.3s; margin: 10px auto; vertical-align: center; width: 100%; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .btn.submit-button svg { fill: #fbfdfb; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .btn.submit-button:hover, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .btn.submit-button:active { background-color: #0a2852; color: #fbfdfb; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .btn.submit-button:hover svg, .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .btn.submit-button:active svg { fill: #fbfdfb; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .btn.submit-button:focus { outline: 0; box-shadow: 0 0 0 2px #0a2852 !important; background-color: #ff5c66; color: #fbfdfb; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .btn.submit-button:disabled { background-color: rgba(255, 92, 102, 0.7); color: #fbfdfb; } @media only screen and (max-width : 667px) { .email-capture-modal-window .modal-dialog { width: auto; } .email-capture-modal-window .modal-dialog .modal-content .email-capture-modal-html .email-input-row .email-input-row-inner { width: auto; } } .main-content.home-content-new .page-content { margin: 40px 0; } .main-content.home-content-new h1, .main-content.home-content-new h2, .main-content.home-content-new .h1-ish, .main-content.home-content-new .h2-ish { font-family: 'Barlow Condensed', sans-serif; text-transform: none; } .main-content.home-content-new h3, .main-content.home-content-new .h3-ish { font-family: 'Bitter', serif; font-size: 22px; line-height: 32px; color: #0a2852; } .main-content.home-content-new h3 a, .main-content.home-content-new .h3-ish a, .main-content.home-content-new h3 button.btn-link, .main-content.home-content-new .h3-ish button.btn-link { font-size: 22px; line-height: 32px; font-weight: bold; font-family: 'Bitter', serif; } .main-content.home-content-new p, .main-content.home-content-new a, .main-content.home-content-new button.btn-link { font-family: 'Bitter', serif; font-size: 16px; line-height: 26px; } .main-content.home-content-new p { color: #0a2852; } .main-content.home-content-new a, .main-content.home-content-new button.btn-link { font-weight: bold; } .main-content.home-content-new .input-description { color: #0a2852; } .main-content.home-content-new input[type="text"], .main-content.home-content-new input[type="email"], .main-content.home-content-new input[type="number"], .main-content.home-content-new input[type="tel"], .main-content.home-content-new input[type="password"], .main-content.home-content-new input[type="file"] + label, .main-content.home-content-new textarea { background-color: #f3f4f3; } .main-content.home-content-new select { background-color: #fbfdfb; } .main-content.home-content-new .homepage-take-action-form { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-direction: normal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; margin: 0px 0px 30px 0px; } .main-content.home-content-new .homepage-take-action-form div { padding: 20px; width: 200px; } @media (max-width: 768px) { .main-content.home-content-new .homepage-take-action-form { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; } .main-content.home-content-new .homepage-take-action-form div, .main-content.home-content-new .homepage-take-action-form button { width: 100%; } } .main-content.home-content-new .homepage-take-action-form .input-group { text-align: left; } .main-content.home-content-new .homepage-take-action-form .input-group .form-control { background-color: transparent; border: 1px solid #fbfdfb; border-radius: 4px; color: #fbfdfb; } .main-content.home-content-new .homepage-take-action-form .input-group .form-control::placeholder { color: #d1d1d1; } .main-content.home-content-new .homepage-take-action-form .input-group label { color: #fbfdfb; } .main-content.home-content-new .homepage-take-action-form .input-group .zip-input { color: #fbfdfb; } .main-content.home-content-new .tile-row { margin: 0 auto; } .main-content.home-content-new .tile-row .tile { background: none; padding: 20px; } .main-content.home-content-new .tile-row .tile .tile-content-box { border-radius: 5px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25); padding: 30px 20px; } .main-content.home-content-new .tile-row .tile .tile-content-box.white-bg { background-color: #fbfdfb; } .main-content.home-content-new .tile-row .tile .tile-content-box.green-bg { background-color: #1EBEA0; } .main-content.home-content-new .tile-row .tile .tile-content-box.navy-bg, .main-content.home-content-new .tile-row .tile .tile-content-box .navy-bg { background-color: #0a2852; } .main-content.home-content-new .tile-row .tile .tile-content-box .navy-text { color: #0a2852; } .main-content.home-content-new .tile-row .tile .tile-content-box .blue-text { color: #00c4ff; } .main-content.home-content-new .tile-row .tile .tile-content-box .white-text { color: #fbfdfb; } .main-content.home-content-new .tile-row .tile .tile-content-box h3, .main-content.home-content-new .tile-row .tile .tile-content-box .h3-ish { font-size: 38px; line-height: 40px; } .main-content.home-content-new .tile-row .tile .tile-content-box h4, .main-content.home-content-new .tile-row .tile .tile-content-box .h4-ish { font-size: 18px; text-transform: uppercase; letter-spacing: 0.15em; } .main-content.home-content-new .tile-row .tile .tile-content-box h3, .main-content.home-content-new .tile-row .tile .tile-content-box h4, .main-content.home-content-new .tile-row .tile .tile-content-box p, .main-content.home-content-new .tile-row .tile .tile-content-box a, .main-content.home-content-new .tile-row .tile .tile-content-box .h3-ish, .main-content.home-content-new .tile-row .tile .tile-content-box .h4-ish, .main-content.home-content-new .tile-row .tile .tile-content-box button.btn-link { margin-bottom: 20px; } .main-content.home-content-new .tile-row .tile .tile-content-box a[disabled], .main-content.home-content-new .tile-row .tile .tile-content-box a[disabled]:hover, .main-content.home-content-new .tile-row .tile .tile-content-box button[disabled].btn-link, .main-content.home-content-new .tile-row .tile .tile-content-box button[disabled]:hover.btn-link { pointer-events: none; } .main-content.home-content-new .hero-container { text-align: center; position: relative; padding: 30px 0px; background: -moz-linear-gradient(180deg, #316ce1 0%, #316ce1 40%, #316ce1 60%, white 60%); background: -webkit-linear-gradient(180deg, #316ce1 0%, #316ce1 40%, #316ce1 60%, white 60%); background: linear-gradient(180deg, #316ce1, #316ce1 40%, #316ce1 60%, white 60%); background: linear-gradient(180deg, #316ce1, #316ce1 40%, #316ce1 60%, white 60%); } @media screen and (max-width: 991px) { .main-content.home-content-new .hero-container { background-size: 200% auto; } } @media only screen and (max-width : 480px) { .main-content.home-content-new .hero-container { background-size: 300% auto; } } @media only screen and (max-width: 320px) { .main-content.home-content-new .hero-container { background-size: 400% auto; } } .main-content.home-content-new .hero-container h1, .main-content.home-content-new .hero-container .h1-ish { color: #fbfdfb; line-height: 1.15em; margin: 30px auto; } .main-content.home-content-new .hero-container .hero-cta { margin-bottom: 30px; } .main-content.home-content-new .hero-container .take-action-tiles .take-action-tile .take-action-box { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-direction: normal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 35px; } .main-content.home-content-new .hero-container .take-action-tiles .take-action-tile .take-action-box div a, .main-content.home-content-new .hero-container .take-action-tiles .take-action-tile .take-action-box div button.btn-link { margin-bottom: 0; } @media screen and (max-width: 768px) { .main-content.home-content-new .hero-container .take-action-tiles .take-action-tile .take-action-box { height: auto; } } @media screen and (max-width: 768px) { .main-content.home-content-new .hero-container .take-action-tiles .take-action-tile { padding: 10px; } } @media screen and (max-width: 480px) { .main-content.home-content-new .hero-container .take-action-tiles .take-action-tile { padding: 10px 0px; } } .main-content.home-content-new .hero-container .group-tiles .group-tile .group-box { padding: 0; overflow: hidden; max-height: 360px; } .main-content.home-content-new .hero-container .group-tiles .group-tile .group-box .right { padding-top: 100%; background-repeat: no-repeat; background-position: 0 -20%; background-size: 100% auto; } @media screen and (max-width: 1200px) { .main-content.home-content-new .hero-container .group-tiles .group-tile .group-box .right { background-size: 120% auto; } } .main-content.home-content-new .hero-container .group-tiles .group-tile .group-box .left { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; padding: 30px; text-align: left; } .main-content.home-content-new .hero-container .group-tiles .group-tile .group-box .left a.btn, .main-content.home-content-new .hero-container .group-tiles .group-tile .group-box .left button.btn.btn-link { margin-top: 20px; margin-bottom: 0; } .main-content.home-content-new .hero-container .group-tiles .group-tile .group-box .left .group-header { font-family: 'Roboto', sans-serif; } .main-content.home-content-new .hero-container .group-tiles .group-tile .group-box .left .group-details { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-direction: normal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; } .main-content.home-content-new .hero-container .group-tiles .group-tile .group-box .left .group-details .group-link { margin-bottom: 0; margin-right: 20px; } .main-content.home-content-new .hero-container .group-tiles .group-tile .group-box .left .group-details .groups-button { margin-top: 0; } .main-content.home-content-new .hero-container .group-tiles .group-tile .group-box .left form { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-direction: normal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; } .main-content.home-content-new .hero-container .group-tiles .group-tile .group-box .left form .input-group { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; margin-right: 10px; } .main-content.home-content-new .hero-container .group-tiles .group-tile .group-box .left form .input-group .zip-input { border: 1px solid #e8ebeb; } .main-content.home-content-new .hero-container .group-tiles .group-tile .group-box .left form .input-group label { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .main-content.home-content-new .hero-container .group-tiles .group-tile .group-box .left form .zip-button { margin-bottom: 0; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } @media screen and (max-width: 480px) { .main-content.home-content-new .hero-container .group-tiles .group-tile .group-box .left form { margin-left: 0; } .main-content.home-content-new .hero-container .group-tiles .group-tile .group-box .left form .zip-button { margin-top: 10px; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } } @media screen and (max-width: 768px) { .main-content.home-content-new .hero-container .group-tiles .group-tile { padding: 20px 10px; } .main-content.home-content-new .hero-container .group-tiles .group-tile .tile-content-box.group-box { max-height: 600px; padding: 0; } .main-content.home-content-new .hero-container .group-tiles .group-tile .tile-content-box.group-box .right { background-position: 0 -500%; } .main-content.home-content-new .hero-container .group-tiles .group-tile .tile-content-box.group-box .left form { margin: 0 auto; } } @media screen and (max-width: 991px) { .main-content.home-content-new .hero-container .group-tiles .group-tile .tile-content-box.group-box { max-height: 700px; padding: 0; } .main-content.home-content-new .hero-container .group-tiles .group-tile .tile-content-box.group-box .right { background-size: cover; background-position: 0 -150px; } } @media screen and (max-width: 480px) { .main-content.home-content-new .hero-container .group-tiles .group-tile { padding: 10px 0; } .main-content.home-content-new .hero-container .group-tiles .group-tile .tile-content-box.group-box { padding: 0; max-height: unset; height: auto; } .main-content.home-content-new .hero-container .group-tiles .group-tile .tile-content-box.group-box .left form { -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .main-content.home-content-new .hero-container .group-tiles .group-tile .tile-content-box.group-box .left form .input-group { width: 100%; } .main-content.home-content-new .hero-container .group-tiles .group-tile .tile-content-box.group-box .right { background-position: 0 -60px; padding-top: 50%; } } .main-content.home-content-new .hero-container .evergreen-tiles .evergreen-tile .evergreen-box { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; min-height: 470px; } @media screen and (max-width: 1200px) { .main-content.home-content-new .hero-container .evergreen-tiles .evergreen-tile .evergreen-box .top h3, .main-content.home-content-new .hero-container .evergreen-tiles .evergreen-tile .evergreen-box .top .h3-ish { font-size: 28px; line-height: 36px; } } .main-content.home-content-new .hero-container .evergreen-tiles .evergreen-tile .evergreen-box h3, .main-content.home-content-new .hero-container .evergreen-tiles .evergreen-tile .evergreen-box .h3-ish { font-size: 36px; } .main-content.home-content-new .hero-container .evergreen-tiles .evergreen-tile .evergreen-box .top, .main-content.home-content-new .hero-container .evergreen-tiles .evergreen-tile .evergreen-box .bottom { padding: 10px; } .main-content.home-content-new .hero-container .evergreen-tiles .evergreen-tile .evergreen-box .top { -webkit-box: 1; -moz-box: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; } .main-content.home-content-new .hero-container .evergreen-tiles .evergreen-tile .evergreen-box .bottom { border-top: 1px solid rgba(255, 255, 255, 0.2); padding: 20px; -webkit-box: 1; -moz-box: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-direction: normal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .main-content.home-content-new .hero-container .evergreen-tiles .evergreen-tile .evergreen-box .bottom .cta { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; width: 100%; text-transform: uppercase; padding: 0px 20px; font-family: 'Roboto', sans-serif; font-weight: 600; letter-spacing: 0.05em; } .main-content.home-content-new .hero-container .evergreen-tiles .evergreen-tile .evergreen-box .bottom .cta-button { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; -webkit-box: 1; -moz-box: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; max-width: 300px; margin-bottom: 0; } @media screen and (max-width: 768px) { .main-content.home-content-new .hero-container .evergreen-tiles .evergreen-tile .evergreen-box h3, .main-content.home-content-new .hero-container .evergreen-tiles .evergreen-tile .evergreen-box .h3-ish { font-size: 28px; } .main-content.home-content-new .hero-container .evergreen-tiles .evergreen-tile .evergreen-box .bottom { padding: 10px 0px 0px 0px; } } @media screen and (max-width: 1200px) { .main-content.home-content-new .hero-container .evergreen-tiles .evergreen-tile .evergreen-box { min-height: 480px; } } @media screen and (max-width: 991px) { .main-content.home-content-new .hero-container .evergreen-tiles .evergreen-tile .evergreen-box { min-height: unset; } } @media screen and (max-width: 768px) { .main-content.home-content-new .hero-container .evergreen-tiles .evergreen-tile { padding: 10px; } } @media screen and (max-width: 480px) { .main-content.home-content-new .hero-container .evergreen-tiles .evergreen-tile { padding: 10px 0; } } .main-content.home-content-new .priorities-container { text-align: center; background: linear-gradient(180deg, white, white 60%, whitesmoke 60%); } .main-content.home-content-new .priorities-container h2, .main-content.home-content-new .priorities-container .h2-ish { font-family: 'Barlow Condensed', sans-serif; font-size: 60px; line-height: normal; padding: 30px; margin-bottom: 30px; } .main-content.home-content-new .priorities-container .tile-row.priorities-tiles .tile.priorities-tile { padding: 0; } .main-content.home-content-new .priorities-container .tile-row.priorities-tiles .tile.priorities-tile .priorities-box { height: auto; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; } .main-content.home-content-new .priorities-container .tile-row.priorities-tiles .tile.priorities-tile .priorities-box .top { border-radius: 5px 5px 0 0; background-repeat: no-repeat; background-position: 0 0; padding-top: 50%; background-size: 100% auto; } @media screen and (max-width: 990px) { .main-content.home-content-new .priorities-container .tile-row.priorities-tiles .tile.priorities-tile .priorities-box .top { padding-top: 25%; } } .main-content.home-content-new .priorities-container .tile-row.priorities-tiles .tile.priorities-tile .priorities-box .bottom { padding: 20px 10px; -webkit-box: 1; -moz-box: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-direction: normal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .main-content.home-content-new .priorities-container .tile-row.priorities-tiles .tile.priorities-tile .priorities-box .bottom h4, .main-content.home-content-new .priorities-container .tile-row.priorities-tiles .tile.priorities-tile .priorities-box .bottom .h4-ish { width: 100%; } .main-content.home-content-new .priorities-container .tile-row.priorities-tiles .tile.priorities-tile .priorities-box .bottom h3, .main-content.home-content-new .priorities-container .tile-row.priorities-tiles .tile.priorities-tile .priorities-box .bottom .h3-ish { width: 100%; font-size: 28px; font-family: 'Bitter', serif; } .main-content.home-content-new .priorities-container .tile-row.priorities-tiles .tile.priorities-tile .priorities-box .bottom div { width: 100%; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } @media screen and (max-width: 990px) { .main-content.home-content-new .priorities-container .tile-row.priorities-tiles .tile.priorities-tile .priorities-box .bottom h3, .main-content.home-content-new .priorities-container .tile-row.priorities-tiles .tile.priorities-tile .priorities-box .bottom .h3-ish { font-size: 22px; line-height: 28px; } } @media screen and (max-width: 990px) { .main-content.home-content-new .priorities-container .tile-row.priorities-tiles .priorities-tile { margin: 10px 0; } } @media screen and (max-width: 768px) { .main-content.home-content-new .priorities-container .tile-row.priorities-tiles .priorities-tile-container { padding: 0; } .main-content.home-content-new .priorities-container .tile-row.priorities-tiles .priorities-tile-container .priorities-tile { padding: 10px; } } @media screen and (max-width: 480px) { .main-content.home-content-new .priorities-container .tile-row.priorities-tiles .priorities-tile { margin: 0 -15px; } } .main-content.home-content-new .signup-form-container { padding-top: 20px; padding-bottom: 30px; background-color: #f5f5f5; } .main-content.home-content-new .signup-form-container .signup-column { margin: 5% 15%; } @media screen and (max-width: 768px) { .main-content.home-content-new .signup-form-container .signup-column { margin: 0; } .main-content.home-content-new .signup-form-container p { font-size: 14px; line-height: normal; } .main-content.home-content-new .signup-form-container h1, .main-content.home-content-new .signup-form-container .h1-ish { line-height: normal; } .main-content.home-content-new .signup-form-container .tcpa { line-height: normal; } } .main-content.home-content-new .signup-form-container h1, .main-content.home-content-new .signup-form-container .h1-ish { font-size: 60px; text-align: center; } .main-content.home-content-new .signup-form-container p { text-align: center; } .main-content.home-content-new .signup-form-container .signup-form { margin: auto; } .main-content.home-content-new .signup-form-container .signup-form .row:after, .main-content.home-content-new .signup-form-container .signup-form .row:before { display: inline-block; } .main-content.home-content-new .signup-form-container .signup-form label { text-transform: none; font-size: 14px; letter-spacing: 0; } .main-content.home-content-new .signup-form-container .signup-form h2, .main-content.home-content-new .signup-form-container .signup-form .h2-ish { font-family: 'Bitter', serif; text-align: center; font-size: 16px; line-height: 26px; font-weight: normal; } .main-content.home-content-new .signup-form-container .signup-form input { background-color: #fcfefb; border-radius: 4px; height: 55px; margin-bottom: 20px; } .main-content.home-content-new .signup-form-container .signup-form input[type="text"], .main-content.home-content-new .signup-form-container .signup-form input[type="url"], .main-content.home-content-new .signup-form-container .signup-form input[type="email"], .main-content.home-content-new .signup-form-container .signup-form input[type="number"], .main-content.home-content-new .signup-form-container .signup-form input[type="tel"], .main-content.home-content-new .signup-form-container .signup-form input[type="password"], .main-content.home-content-new .signup-form-container .signup-form input[type="file"] + label, .main-content.home-content-new .signup-form-container .signup-form textarea, .main-content.home-content-new .signup-form-container .signup-form select { border-color: #0a2852; color: #0a2852; } .main-content.home-content-new .signup-form-container .signup-form input[type="text"]::placeholder, .main-content.home-content-new .signup-form-container .signup-form input[type="url"]::placeholder, .main-content.home-content-new .signup-form-container .signup-form input[type="email"]::placeholder, .main-content.home-content-new .signup-form-container .signup-form input[type="number"]::placeholder, .main-content.home-content-new .signup-form-container .signup-form input[type="tel"]::placeholder, .main-content.home-content-new .signup-form-container .signup-form input[type="password"]::placeholder, .main-content.home-content-new .signup-form-container .signup-form input[type="file"] + label::placeholder, .main-content.home-content-new .signup-form-container .signup-form textarea::placeholder, .main-content.home-content-new .signup-form-container .signup-form select::placeholder { color: #6B7276; } .main-content.home-content-new .signup-form-container .signup-form input[type="text"]::-webkit-input-placeholder, .main-content.home-content-new .signup-form-container .signup-form input[type="url"]::-webkit-input-placeholder, .main-content.home-content-new .signup-form-container .signup-form input[type="email"]::-webkit-input-placeholder, .main-content.home-content-new .signup-form-container .signup-form input[type="number"]::-webkit-input-placeholder, .main-content.home-content-new .signup-form-container .signup-form input[type="tel"]::-webkit-input-placeholder, .main-content.home-content-new .signup-form-container .signup-form input[type="password"]::-webkit-input-placeholder, .main-content.home-content-new .signup-form-container .signup-form input[type="file"] + label::-webkit-input-placeholder, .main-content.home-content-new .signup-form-container .signup-form textarea::-webkit-input-placeholder, .main-content.home-content-new .signup-form-container .signup-form select::-webkit-input-placeholder { color: #6B7276; } .main-content.home-content-new .signup-form-container .signup-form input[type="text"]:-moz-placeholder, .main-content.home-content-new .signup-form-container .signup-form input[type="url"]:-moz-placeholder, .main-content.home-content-new .signup-form-container .signup-form input[type="email"]:-moz-placeholder, .main-content.home-content-new .signup-form-container .signup-form input[type="number"]:-moz-placeholder, .main-content.home-content-new .signup-form-container .signup-form input[type="tel"]:-moz-placeholder, .main-content.home-content-new .signup-form-container .signup-form input[type="password"]:-moz-placeholder, .main-content.home-content-new .signup-form-container .signup-form input[type="file"] + label:-moz-placeholder, .main-content.home-content-new .signup-form-container .signup-form textarea:-moz-placeholder, .main-content.home-content-new .signup-form-container .signup-form select:-moz-placeholder { color: #6B7276; } .main-content.home-content-new .signup-form-container .signup-form input[type="text"]::-moz-placeholder, .main-content.home-content-new .signup-form-container .signup-form input[type="url"]::-moz-placeholder, .main-content.home-content-new .signup-form-container .signup-form input[type="email"]::-moz-placeholder, .main-content.home-content-new .signup-form-container .signup-form input[type="number"]::-moz-placeholder, .main-content.home-content-new .signup-form-container .signup-form input[type="tel"]::-moz-placeholder, .main-content.home-content-new .signup-form-container .signup-form input[type="password"]::-moz-placeholder, .main-content.home-content-new .signup-form-container .signup-form input[type="file"] + label::-moz-placeholder, .main-content.home-content-new .signup-form-container .signup-form textarea::-moz-placeholder, .main-content.home-content-new .signup-form-container .signup-form select::-moz-placeholder { color: #6B7276; } .main-content.home-content-new .signup-form-container .signup-form input[type="text"]:-ms-input-placeholder, .main-content.home-content-new .signup-form-container .signup-form input[type="url"]:-ms-input-placeholder, .main-content.home-content-new .signup-form-container .signup-form input[type="email"]:-ms-input-placeholder, .main-content.home-content-new .signup-form-container .signup-form input[type="number"]:-ms-input-placeholder, .main-content.home-content-new .signup-form-container .signup-form input[type="tel"]:-ms-input-placeholder, .main-content.home-content-new .signup-form-container .signup-form input[type="password"]:-ms-input-placeholder, .main-content.home-content-new .signup-form-container .signup-form input[type="file"] + label:-ms-input-placeholder, .main-content.home-content-new .signup-form-container .signup-form textarea:-ms-input-placeholder, .main-content.home-content-new .signup-form-container .signup-form select:-ms-input-placeholder { color: #6B7276; } .main-content.home-content-new .signup-form-container .signup-form input[type="radio"] + label, .main-content.home-content-new .signup-form-container .signup-form input[type="checkbox"] + label { color: #0a2852; } .main-content.home-content-new .signup-form-container .signup-form select { box-shadow: 0px 4px #e8e8e8; } .main-content.home-content-new .signup-form-container .signup-form .has-error select { box-shadow: 0px 4px #e8e8e8; } .main-content.home-content-new .signup-form-container .signup-form .input-group-with-prefix .input-group-addon, .main-content.home-content-new .signup-form-container .signup-form .input-group-with-suffix .input-group-addon { background-color: #0a2852; color: #fbfdfb; } .main-content.home-content-new .signup-form-container .signup-form label { color: #0a2852; } .main-content.home-content-new .signup-form-container .signup-form .form-question h3, .main-content.home-content-new .signup-form-container .signup-form .form-question h4, .main-content.home-content-new .signup-form-container .signup-form .form-question .h3-ish, .main-content.home-content-new .signup-form-container .signup-form .form-question .h4-ish { color: #0a2852; } .main-content.home-content-new .signup-form-container .signup-form .form-question h3 a, .main-content.home-content-new .signup-form-container .signup-form .form-question h4 a, .main-content.home-content-new .signup-form-container .signup-form .form-question .h3-ish a, .main-content.home-content-new .signup-form-container .signup-form .form-question .h4-ish a, .main-content.home-content-new .signup-form-container .signup-form .form-question h3 button.btn-link, .main-content.home-content-new .signup-form-container .signup-form .form-question h4 button.btn-link, .main-content.home-content-new .signup-form-container .signup-form .form-question .h3-ish button.btn-link, .main-content.home-content-new .signup-form-container .signup-form .form-question .h4-ish button.btn-link { color: #0a2852; } .main-content.home-content-new .signup-form-container .signup-form .form-question h3 a:hover, .main-content.home-content-new .signup-form-container .signup-form .form-question h4 a:hover, .main-content.home-content-new .signup-form-container .signup-form .form-question .h3-ish a:hover, .main-content.home-content-new .signup-form-container .signup-form .form-question .h4-ish a:hover, .main-content.home-content-new .signup-form-container .signup-form .form-question h3 button:hover.btn-link, .main-content.home-content-new .signup-form-container .signup-form .form-question h4 button:hover.btn-link, .main-content.home-content-new .signup-form-container .signup-form .form-question .h3-ish button:hover.btn-link, .main-content.home-content-new .signup-form-container .signup-form .form-question .h4-ish button:hover.btn-link { color: #00c4ff; } .main-content.home-content-new .signup-form-container .signup-form .has-error input[type="text"], .main-content.home-content-new .signup-form-container .signup-form .has-error input[type="url"], .main-content.home-content-new .signup-form-container .signup-form .has-error input[type="email"], .main-content.home-content-new .signup-form-container .signup-form .has-error input[type="number"], .main-content.home-content-new .signup-form-container .signup-form .has-error input[type="tel"], .main-content.home-content-new .signup-form-container .signup-form .has-error input[type="radio"], .main-content.home-content-new .signup-form-container .signup-form .has-error input[type="file"] + label, .main-content.home-content-new .signup-form-container .signup-form .has-error input[type="checkbox"], .main-content.home-content-new .signup-form-container .signup-form .has-error textarea, .main-content.home-content-new .signup-form-container .signup-form .has-error select { background-color: #ff5c66; } .main-content.home-content-new .signup-form-container .signup-form .has-error input[type="radio"] + label, .main-content.home-content-new .signup-form-container .signup-form .has-error input[type="checkbox"] + label { color: #ff5c66; } .main-content.home-content-new .signup-form-container .signup-form .disabled input[type="text"], .main-content.home-content-new .signup-form-container .signup-form .disabled input[type="url"], .main-content.home-content-new .signup-form-container .signup-form .disabled input[type="email"], .main-content.home-content-new .signup-form-container .signup-form .disabled input[type="number"], .main-content.home-content-new .signup-form-container .signup-form .disabled input[type="tel"], .main-content.home-content-new .signup-form-container .signup-form .disabled input[type="radio"], .main-content.home-content-new .signup-form-container .signup-form .disabled input[type="checkbox"], .main-content.home-content-new .signup-form-container .signup-form .disabled input[type="file"] + label, .main-content.home-content-new .signup-form-container .signup-form .disabled textarea, .main-content.home-content-new .signup-form-container .signup-form .disabled select { border-color: #dcdfdf; color: #dcdfdf; } .main-content.home-content-new .signup-form-container .signup-form .disabled input[type="radio"] + label, .main-content.home-content-new .signup-form-container .signup-form .disabled input[type="checkbox"] + label { color: #dcdfdf; } .main-content.home-content-new .signup-form-container .signup-form .disabled label { color: #dcdfdf; } .main-content.home-content-new .signup-form-container .signup-form .disabled .form-question h3, .main-content.home-content-new .signup-form-container .signup-form .disabled .form-question h4, .main-content.home-content-new .signup-form-container .signup-form .disabled .form-question .h3-ish, .main-content.home-content-new .signup-form-container .signup-form .disabled .form-question .h4-ish { color: #dcdfdf; } .main-content.home-content-new .signup-form-container .signup-form .disabled .form-question h3 a, .main-content.home-content-new .signup-form-container .signup-form .disabled .form-question h4 a, .main-content.home-content-new .signup-form-container .signup-form .disabled .form-question .h3-ish a, .main-content.home-content-new .signup-form-container .signup-form .disabled .form-question .h4-ish a, .main-content.home-content-new .signup-form-container .signup-form .disabled .form-question h3 button.btn-link, .main-content.home-content-new .signup-form-container .signup-form .disabled .form-question h4 button.btn-link, .main-content.home-content-new .signup-form-container .signup-form .disabled .form-question .h3-ish button.btn-link, .main-content.home-content-new .signup-form-container .signup-form .disabled .form-question .h4-ish button.btn-link { color: #dcdfdf; } .main-content.home-content-new .signup-form-container .signup-form .disabled .input-group-with-prefix .input-group-addon, .main-content.home-content-new .signup-form-container .signup-form .disabled .input-group-with-suffix .input-group-addon { background-color: #dcdfdf; } .main-content.home-content-new .signup-form-container .signup-form select { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMyA4LjkzIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzBhMjg1Mjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmRyb3Bkb3duX2JsdWU8L3RpdGxlPjxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIwIDAgMTEuNSA4LjkzIDIzIDAgMCAwIi8+PC9zdmc+); } .main-content.home-content-new .signup-form-container .signup-form input-row { margin-bottom: 0; } .main-content.home-content-new .signup-form-container .signup-form hr { display: none; } .main-content.home-content-new .signup-form-container .signup-form .col-md-8 { width: 100%; } .main-content.home-content-new .signup-form-container .signup-form .col-md-4 { width: 50%; } .main-content.home-content-new .signup-form-container .signup-form #field-description-home-signup-interest label { display: none; } .main-content.home-content-new .signup-form-container .signup-form .btn.submit-button { background-color: #00c4ff; color: #0a2852; transition: 0.3s; width: 250px; height: 50px; } .main-content.home-content-new .signup-form-container .signup-form .btn.submit-button svg { fill: #0a2852; } .main-content.home-content-new .signup-form-container .signup-form .btn.submit-button:hover, .main-content.home-content-new .signup-form-container .signup-form .btn.submit-button:active { background-color: #0a2852; color: #fbfdfb; } .main-content.home-content-new .signup-form-container .signup-form .btn.submit-button:hover svg, .main-content.home-content-new .signup-form-container .signup-form .btn.submit-button:active svg { fill: #fbfdfb; } .main-content.home-content-new .signup-form-container .signup-form .btn.submit-button:focus { outline: 0; box-shadow: 0 0 0 2px #0a2852 !important; background-color: #00c4ff; color: #0a2852; } .main-content.home-content-new .signup-form-container .signup-form .btn.submit-button:disabled { background-color: rgba(0, 196, 255, 0.7); color: #fbfdfb; } .main-content.home-content-new .signup-form-container .signup-form .tcpa { color: #0a2852; text-align: left; } .main-content.home-content-new .signup-form-container .signup-form .success-confirmation .home-signup-tks h4 a, .main-content.home-content-new .signup-form-container .signup-form .success-confirmation .home-signup-tks .h4-ish a, .main-content.home-content-new .signup-form-container .signup-form .success-confirmation .home-signup-tks h4 button.btn-link, .main-content.home-content-new .signup-form-container .signup-form .success-confirmation .home-signup-tks .h4-ish button.btn-link { letter-spacing: normal; } .main-content.home-content-new .signup-form-container .signup-form .success-confirmation .home-signup-tks .tks-arrow { width: 40px; height: 100%; } .main-content.home-content-new .signup-form-container .signup-form .signup-cta { color: #ff5c66; } .main-content.home-content-new .signup-form-container .signup-form .signup-cta:after { content: url('/static/img/arrow_red.svg'); float: right; position: relative; top: -20px; } .main-content.home-content-new .signup-form-container .signup-form .alert-danger { border-color: #0a2852; } .main-content.home-content-new .signup-form-container .signup-form .alert-danger p { margin: auto; } .main-content.home-content-new .signup-form-container .signup-form .alert-danger .alert-symbol { background-color: #0a2852; color: #fbfdfb; } .main-content.home-content-new .testimonial-container { padding: 50px 0; background-color: #f5f5f5; } .main-content.home-content-new .testimonial-container .testimonial { height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-direction: normal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; } @media screen and (max-width: 768px) { .main-content.home-content-new .testimonial-container .testimonial { display: block; } .main-content.home-content-new .testimonial-container .testimonial .volunteer-photo-container { margin-bottom: 20px; } .main-content.home-content-new .testimonial-container .testimonial .volunteer-photo-container .volunteer-photo { margin-bottom: 25px; } } .main-content.home-content-new .testimonial-container .testimonial .volunteer-photo-container { text-align: center; } .main-content.home-content-new .testimonial-container .testimonial .volunteer-photo-container .volunteer-photo { border-radius: 50%; width: 90%; height: 90%; max-height: 300px; max-width: 300px; background-position: center; } .main-content.home-content-new .testimonial-container .testimonial .vol-details-container { margin-top: 2%; } @media screen and (max-width: 1100px) { .main-content.home-content-new .testimonial-container .testimonial .vol-details-container { margin-top: 0; } } .main-content.home-content-new .testimonial-container .testimonial .vol-details h4, .main-content.home-content-new .testimonial-container .testimonial .vol-details .h4-ish { color: #0a2852; font-size: 18px; text-transform: uppercase; letter-spacing: 0.15em; } .main-content.home-content-new .testimonial-container .testimonial .vol-details p { font-size: 24px; margin-top: 10px; margin-bottom: 25px; color: #316ce1; } @media screen and (max-width: 768px) { .main-content.home-content-new .testimonial-container .testimonial .vol-details { text-align: center; } } .main-content.home-content-new .testimonial-container .testimonial blockquote.testimonial-quote { line-height: 1.6em; font-family: 'Bitter', serif; font-size: 18px; } .main-content.home-content-new .testimonial-container .testimonial a, .main-content.home-content-new .testimonial-container .testimonial button.btn-link { font-size: 20px; text-decoration: none; line-height: 40px; } .main-content.home-content-new .images-container .photos-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-direction: normal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; } .main-content.home-content-new .images-container .photos-row .crop { -webkit-box: 1; -moz-box: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; max-width: 25%; overflow: hidden; } .main-content.home-content-new .images-container .photos-row .crop .photo { width: 100%; } .main-content.home-content-new .values-container { text-align: center; padding: 30px 0px; background-color: #fbfdfb; min-height: 200px; } .main-content.home-content-new .values-container h3, .main-content.home-content-new .values-container .h3-ish { max-width: 840px; margin: 20px auto; color: #0a2852; } .main-content.home-content-new .values-container h3 .bold, .main-content.home-content-new .values-container .h3-ish .bold { font-weight: bold; } @media only screen and (max-width: 1199px) { .main-content.home-content .signup-form-container .signup-column { margin: 5% 1%; } .main-content.home-content .signup-form-container h1, .main-content.home-content .signup-form-container .h1-ish { font-size: 52px; } } @media only screen and (max-width: 991px) { .main-content.home-content .signup-form-container h1, .main-content.home-content .signup-form-container .h1-ish { font-size: 40px; text-align: center; } .main-content.home-content .signup-form-container .signup-column { margin: 5% 1%; } .main-content.home-content .signup-form-container .signup-form { margin: auto; } .main-content.home-content .signup-form-container .signup-form .input-col:not(:first-child) { margin-top: 0; } .main-content.home-content .signup-form-container .signup-form .col-md-8 { width: 100%; } .main-content.home-content .signup-form-container .signup-form .col-md-4 { width: 100%; } .main-content.home-content .testimonial-container hr { margin: 0px 0px 40px 0px; } } @media only screen and (max-width : 767px) { .main-content.home-content .best-action-container .progress-marker { width: 100px; margin-left: -50px; } .main-content.home-content .best-action-container .progress-marker .label-content { box-sizing: border-box; font-size: 11px; padding: 5px 1px; } .main-content.home-content .page-content { margin: 20px 0 !important; } .main-content.home-content .hero-container { padding: 30px 15px 30px 15px; } .main-content.home-content .hero-container .right-column { padding-left: 30px; } .main-content.home-content .hero-container .take-action-hero#take-action-with-interstitial-hero-variant h1, .main-content.home-content .hero-container .take-action-hero#take-action-direct-hero-variant h1, .main-content.home-content .hero-container .take-action-hero#take-action-cyoa-hero-variant h1, .main-content.home-content .hero-container .take-action-hero#take-action-with-interstitial-hero-variant .h1-ish, .main-content.home-content .hero-container .take-action-hero#take-action-direct-hero-variant .h1-ish, .main-content.home-content .hero-container .take-action-hero#take-action-cyoa-hero-variant .h1-ish { font-size: 60px; line-height: 1em; max-width: 100%; } .main-content.home-content .hero-container .take-action-hero#take-action-with-interstitial-hero-variant .take-action-text, .main-content.home-content .hero-container .take-action-hero#take-action-direct-hero-variant .take-action-text, .main-content.home-content .hero-container .take-action-hero#take-action-cyoa-hero-variant .take-action-text { margin: 0 10px; } .main-content.home-content .hero-container .take-action-hero#take-action-with-interstitial-hero-variant .take-action-text p, .main-content.home-content .hero-container .take-action-hero#take-action-direct-hero-variant .take-action-text p, .main-content.home-content .hero-container .take-action-hero#take-action-cyoa-hero-variant .take-action-text p { font-size: 20px; line-height: 1.3em; margin-left: 30px; margin-right: 30px; margin-bottom: 40px; } .main-content.home-content .hero-container .take-action-hero#take-action-with-interstitial-hero-variant .take-action-zip-form, .main-content.home-content .hero-container .take-action-hero#take-action-direct-hero-variant .take-action-zip-form, .main-content.home-content .hero-container .take-action-hero#take-action-cyoa-hero-variant .take-action-zip-form { margin: 0 10%; } .main-content.home-content .hero-container .take-action-hero#take-action-with-interstitial-hero-variant .take-action-zip-form .take-action-zip-form-inner .btn-sl, .main-content.home-content .hero-container .take-action-hero#take-action-direct-hero-variant .take-action-zip-form .take-action-zip-form-inner .btn-sl, .main-content.home-content .hero-container .take-action-hero#take-action-cyoa-hero-variant .take-action-zip-form .take-action-zip-form-inner .btn-sl { width: 100%; } .main-content.home-content .hero-container .take-action-hero#take-action-with-interstitial-hero-variant .take-action-zip-form input, .main-content.home-content .hero-container .take-action-hero#take-action-direct-hero-variant .take-action-zip-form input, .main-content.home-content .hero-container .take-action-hero#take-action-cyoa-hero-variant .take-action-zip-form input { margin-bottom: 10px; } .main-content.home-content .report-container #banner-container .page-content { margin: 25px 0 !important; } .main-content.home-content .report-container #banner-container .page-content #take-action-banner-variant p { text-align: center; } .main-content.home-content .report-container img { width: 26px; height: 100%; } .main-content.home-content .report-container .row { display: inherit; } .main-content.home-content .report-container h2, .main-content.home-content .report-container .h2-ish { margin: 0 0 20px 0; } .main-content.home-content .testimonial-container .container .page-content { margin: 0 !important; } } @media only screen and (max-width : 480px) { .main-content.home-content .hero-container .take-action-hero#take-action-with-interstitial-hero-variant .take-action-text, .main-content.home-content .hero-container .take-action-hero#take-action-direct-hero-variant .take-action-text, .main-content.home-content .hero-container .take-action-hero#take-action-cyoa-hero-variant .take-action-text { margin: 0 15px; } .main-content.home-content .hero-container .take-action-hero#take-action-with-interstitial-hero-variant .take-action-text h1, .main-content.home-content .hero-container .take-action-hero#take-action-direct-hero-variant .take-action-text h1, .main-content.home-content .hero-container .take-action-hero#take-action-cyoa-hero-variant .take-action-text h1, .main-content.home-content .hero-container .take-action-hero#take-action-with-interstitial-hero-variant .take-action-text .h1-ish, .main-content.home-content .hero-container .take-action-hero#take-action-direct-hero-variant .take-action-text .h1-ish, .main-content.home-content .hero-container .take-action-hero#take-action-cyoa-hero-variant .take-action-text .h1-ish { font-size: 40px; line-height: normal; } .main-content.home-content .hero-container .take-action-hero#take-action-with-interstitial-hero-variant .take-action-text h3, .main-content.home-content .hero-container .take-action-hero#take-action-direct-hero-variant .take-action-text h3, .main-content.home-content .hero-container .take-action-hero#take-action-cyoa-hero-variant .take-action-text h3, .main-content.home-content .hero-container .take-action-hero#take-action-with-interstitial-hero-variant .take-action-text .h3-ish, .main-content.home-content .hero-container .take-action-hero#take-action-direct-hero-variant .take-action-text .h3-ish, .main-content.home-content .hero-container .take-action-hero#take-action-cyoa-hero-variant .take-action-text .h3-ish { line-height: normal; font-size: 18px; } .main-content.home-content .hero-container .take-action-hero#take-action-with-interstitial-hero-variant .btn, .main-content.home-content .hero-container .take-action-hero#take-action-direct-hero-variant .btn, .main-content.home-content .hero-container .take-action-hero#take-action-cyoa-hero-variant .btn { font-size: 18px; } .main-content.home-content .hero-container .take-action-hero#take-action-with-interstitial-hero-variant .take-action-zip-form .take-action-zip-form-inner, .main-content.home-content .hero-container .take-action-hero#take-action-direct-hero-variant .take-action-zip-form .take-action-zip-form-inner, .main-content.home-content .hero-container .take-action-hero#take-action-cyoa-hero-variant .take-action-zip-form .take-action-zip-form-inner { display: block; } .main-content.home-content .hero-container .take-action-hero#take-action-with-interstitial-hero-variant .take-action-zip-form .take-action-zip-form-inner .zip-input, .main-content.home-content .hero-container .take-action-hero#take-action-with-interstitial-hero-variant .take-action-zip-form .take-action-zip-form-inner .zip-btn, .main-content.home-content .hero-container .take-action-hero#take-action-direct-hero-variant .take-action-zip-form .take-action-zip-form-inner .zip-input, .main-content.home-content .hero-container .take-action-hero#take-action-direct-hero-variant .take-action-zip-form .take-action-zip-form-inner .zip-btn, .main-content.home-content .hero-container .take-action-hero#take-action-cyoa-hero-variant .take-action-zip-form .take-action-zip-form-inner .zip-input, .main-content.home-content .hero-container .take-action-hero#take-action-cyoa-hero-variant .take-action-zip-form .take-action-zip-form-inner .zip-btn { width: 100%; margin-left: 0; padding-left: 0; display: inline-grid; justify-content: center; } .main-content.home-content .hero-container .take-action-hero#take-action-with-interstitial-hero-variant .take-action-zip-form .take-action-zip-form-inner .zip-input .btn-sl, .main-content.home-content .hero-container .take-action-hero#take-action-with-interstitial-hero-variant .take-action-zip-form .take-action-zip-form-inner .zip-btn .btn-sl, .main-content.home-content .hero-container .take-action-hero#take-action-direct-hero-variant .take-action-zip-form .take-action-zip-form-inner .zip-input .btn-sl, .main-content.home-content .hero-container .take-action-hero#take-action-direct-hero-variant .take-action-zip-form .take-action-zip-form-inner .zip-btn .btn-sl, .main-content.home-content .hero-container .take-action-hero#take-action-cyoa-hero-variant .take-action-zip-form .take-action-zip-form-inner .zip-input .btn-sl, .main-content.home-content .hero-container .take-action-hero#take-action-cyoa-hero-variant .take-action-zip-form .take-action-zip-form-inner .zip-btn .btn-sl { margin-top: 0; } .main-content.home-content .hero-container .take-action-hero#take-action-with-interstitial-hero-variant .take-action-cyoa-form .take-action-cyoa-form-inner, .main-content.home-content .hero-container .take-action-hero#take-action-direct-hero-variant .take-action-cyoa-form .take-action-cyoa-form-inner, .main-content.home-content .hero-container .take-action-hero#take-action-cyoa-hero-variant .take-action-cyoa-form .take-action-cyoa-form-inner { margin: 0 20px 0 20px; } .main-content.home-content .report-container img { width: 30px; height: 100%; } .main-content.home-content .home-carousel-container .carousel-indicators { width: 100%; left: auto; bottom: 5px; } .main-content.home-content .home-carousel-container .carousel-indicators > li { margin-right: 6px; } .main-content.home-content .home-carousel-container .carousel-indicators > li.active { margin-right: 6px; } .main-content.home-content .home-carousel-container h2, .main-content.home-content .home-carousel-container .h2-ish { font-size: 25px; line-height: normal; } .main-content.home-content .home-carousel-container .home-carousel #home-slides.carousel.slide .carousel-inner .row .col-text { height: 400px; margin-bottom: 20px; } .main-content.home-content .home-carousel-container .home-carousel #home-slides.carousel.slide .carousel-inner .row .col-text .col-text-inner { margin: 5%; } .main-content.home-content .home-carousel-container .home-carousel #home-slides.carousel.slide .carousel-inner .row .col-text .col-text-inner .col-cta img { width: 30px; height: 100%; } .main-content.home-content .get-involved-container { padding-bottom: 0; } .main-content.home-content .get-involved-container h1, .main-content.home-content .get-involved-container .h1-ish { font-size: 40px; } .main-content.home-content .get-involved-container .get-involved-tile .donate-tile, .main-content.home-content .get-involved-container .get-involved-tile .write-letters-tile, .main-content.home-content .get-involved-container .get-involved-tile .take-action-tile { height: 120px; } .main-content.home-content .get-involved-container .get-involved-tile .tile-header { position: absolute; } .main-content.home-content .get-involved-container .get-involved-tile .tile-header h2, .main-content.home-content .get-involved-container .get-involved-tile .tile-header .h2-ish { max-width: 204px; font-size: 18px; } .main-content.home-content .get-involved-container .get-involved-tile .tile-link { float: right; padding: 30px 20px; } .main-content.home-content .get-involved-container .get-involved-tile .tile-link .white-arrow { width: 60px; height: 100%; } .main-content.home-content .best-action-container h1, .main-content.home-content .best-action-container .h1-ish { text-align: left; font-size: 40px; line-height: normal; } .main-content.home-content .best-action-container .progress-marker { width: 80px; margin-left: -40px; } .main-content.home-content .best-action-container .progress-marker .label-content { padding: 5px 2px; font-size: 10px; } .main-content.home-content .best-action-container .mob-timeline .point { margin-left: 24%; } .main-content.home-content .best-action-container .mob-timeline .point:first-child { margin-left: 4%; } .main-content.home-content .best-action-container .num-wrap { width: 35px; height: 35px; } .main-content.home-content .best-action-container .num-wrap .num { font-size: 20px; } .main-content.home-content .best-action-container .page-content { margin: 20px 0 0 0 !important; } .main-content.home-content .best-action-container .action-tiles .icon { width: 100px; margin: 20px 0; } .main-content.home-content .best-action-container .action-tiles .action-info { margin: 20px 20px 20px 110px; } .main-content.home-content .best-action-container .action-tiles .action-info h2, .main-content.home-content .best-action-container .action-tiles .action-info p, .main-content.home-content .best-action-container .action-tiles .action-info .h2-ish { line-height: normal; } .main-content.home-content .best-action-container .action-tiles .action-info h2, .main-content.home-content .best-action-container .action-tiles .action-info .h2-ish { font-size: 22px; } .main-content.home-content .best-action-container .action-tiles .action-info p { margin-top: 0; } .main-content.home-content .best-action-container .action-tiles .action-info h4, .main-content.home-content .best-action-container .action-tiles .action-info .h4-ish { margin-top: 5px; } .main-content.home-content .best-action-container .action-tiles .action-info .time { margin-bottom: 5px; } .main-content.home-content .best-action-container .action-tiles h4.location, .main-content.home-content .best-action-container .action-tiles .location.h4-ish { margin: 20px 20px 20px 110px; } .main-content.home-content .best-action-container .action-tiles .link { padding: 10px; } .main-content.home-content .best-action-container .action-tiles .link img.arrow { width: 40px; } } @media only screen and (max-width : 320px) { .main-content.home-content .hero-container .take-action-hero#take-action-with-interstitial-hero-variant .take-action-text h1, .main-content.home-content .hero-container .take-action-hero#take-action-direct-hero-variant .take-action-text h1, .main-content.home-content .hero-container .take-action-hero#take-action-cyoa-hero-variant .take-action-text h1, .main-content.home-content .hero-container .take-action-hero#take-action-with-interstitial-hero-variant .take-action-text .h1-ish, .main-content.home-content .hero-container .take-action-hero#take-action-direct-hero-variant .take-action-text .h1-ish, .main-content.home-content .hero-container .take-action-hero#take-action-cyoa-hero-variant .take-action-text .h1-ish { font-size: 40px; } .main-content.home-content .hero-container .take-action-hero#take-action-with-interstitial-hero-variant .take-action-text h3, .main-content.home-content .hero-container .take-action-hero#take-action-direct-hero-variant .take-action-text h3, .main-content.home-content .hero-container .take-action-hero#take-action-cyoa-hero-variant .take-action-text h3, .main-content.home-content .hero-container .take-action-hero#take-action-with-interstitial-hero-variant .take-action-text .h3-ish, .main-content.home-content .hero-container .take-action-hero#take-action-direct-hero-variant .take-action-text .h3-ish, .main-content.home-content .hero-container .take-action-hero#take-action-cyoa-hero-variant .take-action-text .h3-ish { line-height: normal; font-size: 16px; } .main-content.home-content .hero-container .take-action-hero#take-action-with-interstitial-hero-variant .take-action-zip-form .take-action-zip-form-inner, .main-content.home-content .hero-container .take-action-hero#take-action-direct-hero-variant .take-action-zip-form .take-action-zip-form-inner, .main-content.home-content .hero-container .take-action-hero#take-action-cyoa-hero-variant .take-action-zip-form .take-action-zip-form-inner { margin: inherit; } .main-content.home-content .hero-container .take-action-hero#take-action-with-interstitial-hero-variant .btn, .main-content.home-content .hero-container .take-action-hero#take-action-direct-hero-variant .btn, .main-content.home-content .hero-container .take-action-hero#take-action-cyoa-hero-variant .btn { font-size: 16px; } .main-content.home-content .home-carousel-container .home-carousel #home-slides.carousel.slide .carousel-inner .row .col-text { height: 450px; } .main-content.home-content .home-carousel-container .home-carousel #home-slides.carousel.slide .carousel-inner .row .col-text .col-text-inner { margin: 3%; } .main-content.home-content .get-involved-container h1, .main-content.home-content .get-involved-container .h1-ish { font-size: 35px; } .main-content.home-content .get-involved-container .get-involved-tile .donate-tile, .main-content.home-content .get-involved-container .get-involved-tile .write-letters-tile, .main-content.home-content .get-involved-container .get-involved-tile .take-action-tile { height: 120px; } .main-content.home-content .get-involved-container .get-involved-tile .tile-header { position: absolute; padding: 20px; } .main-content.home-content .get-involved-container .get-involved-tile .tile-header h2, .main-content.home-content .get-involved-container .get-involved-tile .tile-header .h2-ish { max-width: 150px; font-size: 18px; line-height: normal; } .main-content.home-content .get-involved-container .get-involved-tile .tile-link { float: right; padding: 30px 20px; } .main-content.home-content .get-involved-container .get-involved-tile .tile-link .white-arrow { width: 60px; height: 100%; } .main-content.home-content .best-action-container { padding: 0; } .main-content.home-content .best-action-container h1, .main-content.home-content .best-action-container .h1-ish { font-size: 35px; } .main-content.home-content .best-action-container .progress-marker .label-content { padding: 3px 0; font-size: 9px; } .main-content.home-content .best-action-container .action-tiles .phonebank-tile, .main-content.home-content .best-action-container .action-tiles .super-state-title, .main-content.home-content .best-action-container .action-tiles .take-action-tile, .main-content.home-content .best-action-container .action-tiles .write-letters-tile { height: 140px; margin: 0 0 20px 0; } .main-content.home-content .best-action-container .action-tiles .take-action-tile { margin-top: 0; } .main-content.home-content .best-action-container .action-tiles .icon { width: 60px; margin-top: 15px; } .main-content.home-content .best-action-container .action-tiles .action-info { margin: 15px 10px 10px 65px; } .main-content.home-content .best-action-container .action-tiles .action-info h2, .main-content.home-content .best-action-container .action-tiles .action-info h4, .main-content.home-content .best-action-container .action-tiles .action-info p, .main-content.home-content .best-action-container .action-tiles .action-info .h2-ish, .main-content.home-content .best-action-container .action-tiles .action-info .h4-ish { line-height: normal; } .main-content.home-content .best-action-container .action-tiles .action-info h2, .main-content.home-content .best-action-container .action-tiles .action-info .h2-ish { font-size: 14px; } .main-content.home-content .best-action-container .action-tiles .action-info h4, .main-content.home-content .best-action-container .action-tiles .action-info .h4-ish { font-size: 11px; } .main-content.home-content .best-action-container .action-tiles .action-info p { margin-top: 0; font-size: 11px; } .main-content.home-content .best-action-container .action-tiles .action-info .time { margin-bottom: 0; } .main-content.home-content .best-action-container .action-tiles h4.location, .main-content.home-content .best-action-container .action-tiles .location.h4-ish { margin: 10px 20px 10px 65px; font-size: 11px; } .main-content.home-content .best-action-container .action-tiles .link { padding: 5px; } .main-content.home-content .best-action-container .action-tiles .link img.arrow { width: 30px; } .main-content.home-content .signup-form .col-md-4 { width: 100%; } .main-content.home-content .share-cta a, .main-content.home-content .share-cta button.btn-link { word-break: break-word; font-size: 23px; } } .main-content.super-state-content .header-section .header-row { display: flex; align-items: center; } .main-content.super-state-content .header-section h1, .main-content.super-state-content .header-section .h1-ish { margin-bottom: 5px; } .main-content.super-state-content .header-section h3, .main-content.super-state-content .header-section .h3-ish { text-transform: uppercase; } .main-content.super-state-content .header-section .flipping-info { text-align: center; } .main-content.super-state-content .header-section .flipping-info .flipping-left, .main-content.super-state-content .header-section .flipping-info .flipping-right { padding-left: 20px; padding-right: 20px; } .main-content.super-state-content .header-section .flipping-info .flipping-left { border-right: 1px solid rgba(255, 255, 255, 0.4); } .main-content.super-state-content .header-section .flipping-info .num-seats { color: #ff5c66; font-family: 'Oswald', sans-serif; font-weight: bold; font-size: 48px; padding-bottom: 20px; } .main-content.super-state-content .info-container .topline-section, .main-content.super-state-content .info-container .target-section { padding-right: 45px; } .main-content.super-state-content .info-container .button-section, .main-content.super-state-content .info-container .stake-section { padding-left: 35px; } .main-content.super-state-content .info-container .button-section .btn { width: 100%; } .main-content.super-state-content .info-container .target-section .chamber-toggle { text-align: right; } .main-content.super-state-content .info-container .target-section .chamber-toggle a, .main-content.super-state-content .info-container .target-section .chamber-toggle button.btn-link { padding-left: 0px; padding-right: 0px; color: #ced4dc; } .main-content.super-state-content .info-container .target-section .chamber-toggle a.selected, .main-content.super-state-content .info-container .target-section .chamber-toggle button.selected.btn-link { color: #0a2852; } .main-content.super-state-content .info-container .target-section .chamber-toggle a:hover, .main-content.super-state-content .info-container .target-section .chamber-toggle button:hover.btn-link { color: #0a2852; text-decoration: none; } .main-content.super-state-content .info-container .target-section .chamber-map { max-width: 100%; } .main-content.super-state-content .info-container .target-section .region-toggles { padding-top: 40px; padding-bottom: 40px; } .main-content.super-state-content .info-container .target-section .region-toggles .region-button { color: #ced4dc; border-style: solid; border-color: #ced4dc; border-width: 0 0 1px 0; padding: 10px 12px; } .main-content.super-state-content .info-container .target-section .region-toggles .region-button:hover { text-decoration: none; } .main-content.super-state-content .info-container .target-section .region-toggles .region-button.selected { color: #0a2852; border-width: 1px 1px 0 1px; padding-bottom: 11px; } .main-content.super-state-content .info-container .target-section .targets-table { padding-bottom: 50px; } .main-content.super-state-content .info-container .target-section .targets-table .row { margin-left: 0; margin-right: 0; } .main-content.super-state-content .info-container .target-section .targets-table .header-row { padding-bottom: 10px; } .main-content.super-state-content .info-container .target-section .targets-table .data-row + .data-row { border-top: 1px solid #ced4dc; } .main-content.super-state-content .info-container .target-section .targets-table .data-row { padding-top: 5px; padding-bottom: 5px; } .main-content.super-state-content .info-container .target-section .targets-table .data-row .seat { font-weight: bold; } .main-content.super-state-content .info-container .target-section .targets-table .data-row .seat.dem-held { color: #00c4ff; } .main-content.super-state-content .info-container .target-section .targets-table .data-row .seat.rep-held { color: #ff5c66; } .main-content.super-state-content .info-container .stake-section { padding-top: 0px; padding-bottom: 0px; padding-right: 0px; border-left: 1px solid #ced4dc; background-color: #fbfdfb; } .main-content.super-state-content .info-container .stake-section .share-section { background-color: #0a2852; text-align: center; padding-top: 30px; padding-bottom: 30px; margin-top: 30px; } .main-content.super-state-content .info-container .stake-section .share-section .share-buttons { padding-top: 20px; } .main-content.super-state-content .cta-container { background-color: #00c4ff; } .main-content.super-state-content .cta-container h1, .main-content.super-state-content .cta-container .h1-ish { text-align: center; margin-bottom: 60px; } .main-content.super-state-content .cta-container .cta-row .cta-box { height: 300px; display: flex; justify-content: center; } .main-content.super-state-content .cta-container .cta-row .cta-box .cta-box-inner, .main-content.super-state-content .cta-container .cta-row .cta-box .btn-sl { max-width: 250px; } .main-content.super-state-content .cta-container .cta-row .cta-box .btn { position: absolute; bottom: 0; width: 100%; } @media only screen and (max-width : 991px) { .main-content.super-state-content .header-section .header-row { display: block; text-align: center; } .main-content.super-state-content .header-section .header-row .flipping-info { padding-top: 40px; } .main-content.super-state-content .info-container { padding-bottom: 0px; } .main-content.super-state-content .info-container .topline-section, .main-content.super-state-content .info-container .button-section, .main-content.super-state-content .info-container .target-section, .main-content.super-state-content .info-container .stake-section { padding-left: 15px; padding-right: 15px; } .main-content.super-state-content .info-container .button-section { padding-top: 20px; } .main-content.super-state-content .info-container .target-section { padding-bottom: 50px; } .main-content.super-state-content .info-container .target-section .chamber-toggle { text-align: left; } .main-content.super-state-content .info-container .target-section .targets-table .header-row .seat, .main-content.super-state-content .info-container .target-section .targets-table .data-row .seat { padding-left: 0px; padding-right: 0px; } .main-content.super-state-content .info-container .target-section .targets-table .header-row .location, .main-content.super-state-content .info-container .target-section .targets-table .header-row .candidate, .main-content.super-state-content .info-container .target-section .targets-table .data-row .location, .main-content.super-state-content .info-container .target-section .targets-table .data-row .candidate { padding-left: 15px; padding-right: 0px; } .main-content.super-state-content .info-container .stake-section { margin-bottom: 50px; border: none; } .main-content.super-state-content .cta-container h1, .main-content.super-state-content .cta-container .h1-ish { text-align: left; } .main-content.super-state-content .cta-container .cta-row .cta-box { height: 100%; display: block; } .main-content.super-state-content .cta-container .cta-row .cta-box .cta-box-inner, .main-content.super-state-content .cta-container .cta-row .cta-box .btn-sl { max-width: 100%; } .main-content.super-state-content .cta-container .cta-row .cta-box p { padding-bottom: 20px; } .main-content.super-state-content .cta-container .cta-row .cta-box .btn { position: relative; } .main-content.super-state-content .cta-container .cta-row .cta-box + .cta-box { padding-top: 50px; } } @media only screen and (max-width : 320px) { .main-content.super-state-content .info-container .target-section .region-toggles { font-size: 14px; } .main-content.super-state-content .info-container .target-section .targets-table { font-size: 13px; } } .main-content.super-state-canvassing-content .accent-header { background-image: url('/static/img/super_state_canvassing_banner.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; } .main-content.super-state-canvassing-content .accent-header .header-section .row { display: flex; align-items: center; } .main-content.super-state-canvassing-content .accent-header .header-section .row h1, .main-content.super-state-canvassing-content .accent-header .header-section .row .h1-ish { margin: 0; } .main-content.super-state-canvassing-content .accent-header .header-section .row p { font-size: 22px; } .main-content.super-state-canvassing-content .modal-success { max-width: 605px; margin: auto; } .main-content.super-state-canvassing-content .modal-success h1, .main-content.super-state-canvassing-content .modal-success p, .main-content.super-state-canvassing-content .modal-success .h1-ish { text-align: left; } @media only screen and (max-width : 991px) { .main-content.super-state-canvassing-content .accent-header .header-section .row { display: block; } .main-content.super-state-canvassing-content .accent-header .header-section .row h1, .main-content.super-state-canvassing-content .accent-header .header-section .row .h1-ish { margin-bottom: 20px; } } .main-content.signup-embed .logo { height: 100px; } .main-content.signup-embed .logo img { max-width: 100%; max-height: 100%; } .main-content.signup-embed .signup-form { padding: 20px; } .main-content.signup-embed .signup-form h1, .main-content.signup-embed .signup-form .signup-cta-msg, .main-content.signup-embed .signup-form .h1-ish { text-align: center; } .main-content.canonical-content.academy-signup-embed { background-color: #ff5d67; } .main-content.canonical-content.academy-signup-embed .form-wrapper { max-width: 800px; margin: auto; padding: 20px; text-align: center; color: #ffffff; } .main-content.canonical-content.academy-signup-embed .form-wrapper h1.form-title, .main-content.canonical-content.academy-signup-embed .form-wrapper .form-title.h1-ish { text-align: center; color: #ffffff; } .main-content.canonical-content.academy-signup-embed .signup-form { margin-top: 20px; } .main-content.canonical-content.academy-signup-embed .signup-form input { background-color: transparent; color: #ffffff; border: 1px solid #ffffff; } .main-content.canonical-content.academy-signup-embed .signup-form input::placeholder { color: #ffffff; } .main-content.canonical-content.academy-signup-embed .signup-form .has-error input { border-color: #ffff00; } .main-content.canonical-content.academy-signup-embed .signup-form .btn.submit-button { color: #ff5d67; background-color: #ffffff; border-color: #ffffff; } .main-content.canonical-content.academy-signup-embed .signup-form .btn.submit-button:hover { color: #ffffff; background-color: #002855; border-color: #002855; } .main-content.canonical-content.academy-signup-embed .signup-form .success-confirmation { font-size: 30px; padding: 10px; font-weight: bold; } .main-content.canonical-content.academy-signup-embed .signup-form .alert-danger { border-color: #ffff00; } .main-content.canonical-content.academy-signup-embed .signup-form .alert-danger .alert-symbol { background-color: #002855; color: #ffff00; } .embed-video-with-signup-page { overflow: hidden; } .video-embed-with-signup.main-content { position: relative; } .video-embed-with-signup.main-content .overlay-content { position: absolute; top: 0; left: 0; text-align: center; pointer-events: none; } .video-embed-with-signup.main-content .overlay-content.form-open { background-color: rgba(0, 40, 85, 0.9); pointer-events: auto; } .video-embed-with-signup.main-content .video-signup-trigger { color: #ccc; font-weight: bold; background-color: #002855; position: absolute; top: 95px; right: 0; padding: 5px 10px; display: inline-block; pointer-events: auto; } .video-embed-with-signup.main-content .video-signup-trigger:hover { color: #00c4ff; } .video-embed-with-signup.main-content .video-signup-form { pointer-events: auto; } .video-embed-with-signup.main-content .video-signup-form .main-form { max-width: 250px; margin: auto; } .video-embed-with-signup.main-content .video-signup-form .signup-text { font-family: 'Bitter', serif; font-size: 30px; font-weight: bold; color: white; margin-bottom: 20px; } .video-embed-with-signup.main-content .video-signup-form input.form-control { margin-bottom: 10px; background-color: transparent; border: 1px solid #ffffff; color: #ffffff; } .video-embed-with-signup.main-content .video-signup-form input.form-control::placeholder { color: #ffffff; } .video-embed-with-signup.main-content .video-signup-form .btn.form-button { width: 120px; } .video-embed-with-signup.main-content .video-signup-form .btn.btn-default { color: #ffffff; background-color: #00c4ff; border: 2px solid #00c4ff; } .video-embed-with-signup.main-content .video-signup-form .btn.btn-default:hover { background-color: #002855; border-color: #002855; } .video-embed-with-signup.main-content .video-signup-form .btn.btn-default:active { background-color: #002855; border-color: #002855; } .video-embed-with-signup.main-content .video-signup-form .btn.btn-default.cancel-btn { margin-left: 5px; } .video-embed-with-signup.main-content .video-signup-form .alert.alert-danger.form-error-panel { margin: 10px; color: #ffffff; } .video-embed-with-signup.main-content .video-signup-form .alert.alert-danger.form-error-panel p { margin-left: auto; margin-right: auto; } .video-embed-with-signup.main-content .video-signup-form .success-msg { font-family: 'Bitter', serif; font-size: 30px; font-weight: bold; color: white; margin-bottom: 20px; } .donorportal-body:not(.canonical-content) .btn { min-width: 10em; text-align: center; padding: 0.9em; font-family: 'Open Sans', sans-serif; font-weight: bold; display: inline-block; cursor: pointer; border-radius: 0; } .donorportal-body:not(.canonical-content) .btn.btn-primary { color: #ffffff; background-color: #002855; border: 2px solid #002855; } .donorportal-body:not(.canonical-content) .btn.btn-primary:hover { background-color: #00c4ff; border-color: #00c4ff; } .donorportal-body:not(.canonical-content) .button-panel { text-align: center; margin-top: 30px; position: relative; } .donorportal-body:not(.canonical-content) .button-panel .btn:not(:first-child) { margin-left: 20px; } .donorportal-body:not(.canonical-content) .button-panel .spinner { position: absolute; top: 15px; margin: 0; width: 100%; } .donorportal-body:not(.canonical-content) .button-panel .check-wire-unsupported-msg { margin-top: 20px; font-size: 12px; color: #777; } .donorportal-body:not(.canonical-content) h2, .donorportal-body:not(.canonical-content) .h2-ish { font-size: 2.188rem; font-weight: bold; } .donorportal-body:not(.canonical-content) .alert { border-radius: 0; border: none; } .donorportal-body:not(.canonical-content) .alert.alert-success { background-color: #00c4ff; color: #ffffff; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content { color: #000000; font-family: 'Open Sans', sans-serif; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .header-content { margin: 2em 2em 0 2em; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .page-content { margin: 2em; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .blue-highlight { color: #002855; background-color: #00c4ff; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .slate-overall-stats { text-align: center; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .slate-overall-stats .stats-label { text-transform: uppercase; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .slate-overall-stats .stats-amount { margin-bottom: 20px; font-size: 32px; font-family: 'Bitter', serif; font-weight: bold; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .number-circle { color: #ffffff; background-color: #002855; border-radius: 50%; display: inline-block; width: 27px; height: 27px; text-align: center; margin-right: 7px; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .step-indent { margin-left: 40px; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .header-container { background-color: #002855; color: #ffffff; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .header-container .img-column { text-align: center; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .header-container .img-column img { max-width: 400px; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .header-container .intro-text { margin-bottom: 2em; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .header-container .intro-text p + p { margin-top: 20px; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .slate-container { background-color: #ffffff; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .slate-container .slate-table-section { border: 1px solid #9F9F9F; padding: 30px; overflow-x: scroll; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .slate-container .slate-table-section .slate-name { font-weight: bold; font-size: 2.188rem; color: #00c4ff; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .slate-container .slate-table-section .slate-description { margin-top: 10px; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .slate-container .slate-table-section .slate-table { margin-top: 20px; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .slate-container .slate-table-section .slate-table thead { border-top: 1px solid #002855; border-bottom: 1px solid #002855; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .slate-container .slate-table-section .slate-table thead tr { display: block; position: relative; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .slate-container .slate-table-section .slate-table thead th { padding: 10px; user-select: none; color: #002855; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .slate-container .slate-table-section .slate-table thead th.sort-column-header { background-color: #002855; color: #ffffff; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .slate-container .slate-table-section .slate-table tbody { display: block; max-height: 400px; overflow-y: scroll; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .slate-container .slate-table-section .slate-table th.narrow, .donorportal-body:not(.canonical-content) .main-content.donorportal-content .slate-container .slate-table-section .slate-table td.narrow { width: 120px; min-width: 120px; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .slate-container .slate-table-section .slate-table th.wide, .donorportal-body:not(.canonical-content) .main-content.donorportal-content .slate-container .slate-table-section .slate-table td.wide { width: 250px; min-width: 250px; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .slate-container .slate-table-section .slate-table td { padding: 5px 10px; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .contrib-container { background-color: #00c4ff; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .contrib-container h2, .donorportal-body:not(.canonical-content) .main-content.donorportal-content .contrib-container .h2-ish { color: #002855; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .contrib-container .contrib-form { max-width: 750px; margin: auto; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .contrib-container .contrib-form .amount-label { margin-right: 30px; color: #002855; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .contrib-container .contrib-form .amount-input { text-align: center; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .contrib-container .contrib-form .amount-input.amount-per-district-input { max-width: 170px; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .contrib-container .contrib-form .total-contrib { font-size: 2rem; font-weight: bold; color: #ffffff; text-align: center; margin-top: 40px; text-transform: uppercase; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .contrib-container .contrib-form input { border: 1px solid #ffffff; border-radius: 0; color: #000000; font-weight: normal; box-shadow: none; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .contrib-container .contrib-form .input-group-addon { border-radius: 0; border: none; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .contrib-container .contrib-form .has-error input { border: 1px solid #ff5d67; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .contrib-container .contrib-form .candidate-amount-too-low { background-color: #ffffff; color: #ff5d67; margin-top: 20px; padding: 10px; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .contrib-container .donation-amount-info { color: #ffffff; background-color: #00afe4; margin: 30px 0; padding: 30px; text-align: center; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .contrib-container .donation-amount-info .district-amount-summary { font-size: 3rem; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .contrib-container .donation-amount-info .district-amount-summary .amount { font-weight: bold; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .contrib-container .donation-amount-info .district-amount-summary .small-text { font-size: 14px; text-transform: uppercase; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .contrib-container .donation-amount-info .district-amount-summary span { display: inline-block; text-align: center; vertical-align: middle; padding: 0 10px; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .contrib-container .donation-amount-info .max-donation-info { margin-top: 20px; padding: 10px; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .contrib-container .donation-amount-info .max-donation-info.alerting { background-color: #ff5d67; transition: background-color 0.3s; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .contrib-container .donation-amount-info .max-donation-info:not(.alerting) { background-color: none; transition: background-color 0.3s; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .payment-container { background-color: #ffffff; } .donorportal-body:not(.canonical-content) .modal-content { padding: 30px; color: #000000; font-family: 'Open Sans', sans-serif; border-radius: 0; } .donorportal-body:not(.canonical-content) .check-wire-form { max-width: 700px; margin: auto; padding: 30px; margin-top: 30px; border: 1px solid #9F9F9F; } .donorportal-body:not(.canonical-content) .check-wire-form .form-title { font-size: 3rem; font-weight: bold; color: #002855; } .donorportal-body:not(.canonical-content) .check-wire-form .form-explainer { margin-bottom: 20px; } .donorportal-body:not(.canonical-content) .check-wire-form label { color: #002855; } .donorportal-body:not(.canonical-content) .check-wire-form label::after { content: "*"; color: #ff5d67; margin-left: 3px; } .donorportal-body:not(.canonical-content) .check-wire-form input { background-color: #E9E9E9; border: 1px solid #E9E9E9; border-radius: 0; box-shadow: none; color: #000000; } .donorportal-body:not(.canonical-content) .check-wire-form .required { color: #ff5d67; } .donorportal-body:not(.canonical-content) .check-wire-form .has-error input { border-color: #ff5d67; } .donorportal-body:not(.canonical-content) .check-wire-form .has-error label { color: #ff5d67; } .donorportal-body:not(.canonical-content).donorportal-continue-body h1, .donorportal-body:not(.canonical-content).donorportal-continue-body .h1-ish { padding-bottom: 0; margin-bottom: 0; } .donorportal-body:not(.canonical-content).donorportal-thanks-body h1, .donorportal-body:not(.canonical-content).donorportal-thanks-body .h1-ish { padding-bottom: 0; margin-bottom: 0; } .donorportal-body:not(.canonical-content).donorportal-thanks-body .slate-table-section { margin-top: 30px; } .donorportal-body:not(.canonical-content).donorportal-thanks-body .slate-table-section th.amount-contributed { background-color: #002855; color: #ffffff !important; text-align: center; } .donorportal-body:not(.canonical-content).donorportal-thanks-body .slate-table-section td.amount-contributed { background-color: #00c4ff; color: #ffffff; text-align: center; } .donorportal-body:not(.canonical-content).donorportal-thanks-body .swing-left-contribution { text-align: center; margin-top: 30px; font-size: 2rem; text-transform: uppercase; } .donorportal-body:not(.canonical-content).donorportal-thanks-body .total-contribution { text-align: center; margin-top: 30px; font-size: 3rem; color: #00c4ff; text-transform: uppercase; font-weight: bold; } @media only screen and (max-width : 767px) { .donorportal-body:not(.canonical-content) .main-content.donorportal-content .header-content { margin: 2em 0 0 0; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .page-content { margin: 2em 0; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .donation-amount-info .divide-sign { display: none !important; } .donorportal-body:not(.canonical-content) .main-content.donorportal-content .donation-amount-info .equals-sign { display: block !important; } .donorportal-body:not(.canonical-content) .btn { display: block; width: 100%; } .donorportal-body:not(.canonical-content) .button-panel .btn:not(:first-child) { margin-left: 0; margin-top: 20px; } } .main-content.district:not(.canonical-content) .social-centered { text-align: center; } .main-content.district:not(.canonical-content) .zip-form { margin-top: 20px; } .main-content.district:not(.canonical-content) .unsub-header { background: #ffffff; } .main-content.district:not(.canonical-content) .unsub-content { background: #002855; } .main-content.district:not(.canonical-content) .district-header { background: #ffffff; } .main-content.district:not(.canonical-content) .district-map-content { background: #002855; } .main-content.district:not(.canonical-content) .district-social { background: #ff5d67; padding-top: 5px; padding-bottom: 5px; } .main-content.district:not(.canonical-content) .district-explanation { background: #ffffff; } .main-content.district:not(.canonical-content) .district-explanation .cta-header { font-size: 1.3em; font-weight: bold; } .main-content.district:not(.canonical-content) .district-explanation .cta-link { font-size: 1.3em; font-weight: bold; } .main-content.district:not(.canonical-content) .district-explanation span.salmon-text { color: #ff5d67; font-weight: bold; } .main-content.district:not(.canonical-content) section { padding: 0em 2em 0em 2em; } .main-content.district:not(.canonical-content) section:nth-child(even) h1, .main-content.district:not(.canonical-content) section:nth-child(even) h2, .main-content.district:not(.canonical-content) section:nth-child(even) h3, .main-content.district:not(.canonical-content) section:nth-child(even) h4, .main-content.district:not(.canonical-content) section:nth-child(even) h5, .main-content.district:not(.canonical-content) section:nth-child(even) h6, .main-content.district:not(.canonical-content) section:nth-child(even) .h1-ish, .main-content.district:not(.canonical-content) section:nth-child(even) .h2-ish, .main-content.district:not(.canonical-content) section:nth-child(even) .h3-ish, .main-content.district:not(.canonical-content) section:nth-child(even) .h4-ish { color: #ffffff; } .main-content.district:not(.canonical-content) section:nth-child(odd) h1, .main-content.district:not(.canonical-content) section:nth-child(odd) h2, .main-content.district:not(.canonical-content) section:nth-child(odd) h3, .main-content.district:not(.canonical-content) section:nth-child(odd) h4, .main-content.district:not(.canonical-content) section:nth-child(odd) h5, .main-content.district:not(.canonical-content) section:nth-child(odd) h6, .main-content.district:not(.canonical-content) section:nth-child(odd) .h1-ish, .main-content.district:not(.canonical-content) section:nth-child(odd) .h2-ish, .main-content.district:not(.canonical-content) section:nth-child(odd) .h3-ish, .main-content.district:not(.canonical-content) section:nth-child(odd) .h4-ish { color: #002855; } .main-content.district:not(.canonical-content) section.sec-dist h1, .main-content.district:not(.canonical-content) section.sec-dist .h1-ish { font-size: 2.1em; padding-top: 1em; padding-bottom: 0em; margin-bottom: 0px; } .main-content.district:not(.canonical-content) section.sec-dist .col-rep-con { color: #ff5d67; padding-bottom: 1em; } .main-content.district:not(.canonical-content) section.sec-dist .col-rep-con .rep-con-text { font-weight: 700; padding-top: 13px; position: relative; font-size: 1.3em; padding-left: 0.5em; } .main-content.district:not(.canonical-content) section.sec-dist .col-dem-con { color: #00c4ff; padding-bottom: 1em; } .main-content.district:not(.canonical-content) section.sec-dist .col-dem-con .dem-con-text { font-weight: 700; padding-top: 13px; position: relative; font-size: 1.3em; padding-left: 0.5em; } .main-content.district:not(.canonical-content) section.sec-dist .col-dem-con .rep-con-text2 { color: #ff5d67; } .main-content.district:not(.canonical-content) section.sec-dist .col-rep2-con a, .main-content.district:not(.canonical-content) section.sec-dist .col-rep2-con button.btn-link { color: #ff5d67; } .main-content.district:not(.canonical-content) section.sec-dist h2, .main-content.district:not(.canonical-content) section.sec-dist .h2-ish { font-size: 1em; padding-top: 0em; padding-bottom: 0.143em; margin-top: 0px; } .main-content.district:not(.canonical-content) section.sec-dist h2 a, .main-content.district:not(.canonical-content) section.sec-dist .h2-ish a, .main-content.district:not(.canonical-content) section.sec-dist h2 button.btn-link, .main-content.district:not(.canonical-content) section.sec-dist .h2-ish button.btn-link { color: #ff5d67; } .main-content.district:not(.canonical-content) section.sec-dist .explanation { margin-bottom: 20px; } .main-content.district:not(.canonical-content) section.sec-dist .explanation .explanation-why a, .main-content.district:not(.canonical-content) section.sec-dist .explanation .explanation-why button.btn-link { color: #777; } .main-content.district:not(.canonical-content) section.sec-dist .explanation .explanation-text { color: #333; margin-bottom: 20px; } .main-content.district:not(.canonical-content) section.sec-dist-map { padding: 0 0 0 0; } .main-content.district:not(.canonical-content) section.sec-dist-map .interactive-district-wrapper img { width: 100%; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special { padding: 1.6em 3.1em; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special p { font-size: 1em; margin-top: 1.3em; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .mini-h2 { margin-top: 0.5em; margin-bottom: 3em; font-size: 1em; font-weight: bold; color: #ffffff; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .rep-con-text { color: #ff5d67; font-size: 1.1em; font-weight: bold; padding-top: 0px; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .dem-con-text { color: #00c4ff; font-size: 1.1em; font-weight: bold; padding-top: 0px; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .district-name-h2 { font-size: 1.9em; font-weight: bold; color: #ffffff; margin-top: 0px; margin-bottom: 5px; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .district-name-h2 .nowrap-code { white-space: nowrap; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .label-small { font-size: 0.9em; color: #00c4ff; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .dark-form-input { color: white; background: #002855; border: 1px solid #eee; border-radius: 0; height: 3.2em; font-size: 16px; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .dark-form-input::placeholder { color: #cccccc; opacity: 0.8; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .btn.submit-button { color: #ffffff; background-color: #ff5d67; border: 2px solid #ff5d67; font-weight: bold; font-size: 1.4em; padding-left: 1.6em; padding-right: 1.6em; margin-top: 20px; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .btn.submit-button:focus { box-shadow: 0 0 5px -1px #ff5d67; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .btn.submit-button:hover { background-color: #00c4ff; border-color: #00c4ff; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .btn.submit-button:active { background-color: #002855; border-color: #002855; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder { padding-top: 0.5em; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .add-form-wrapper, .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .form-wrapper { padding-top: 5em; position: relative; padding-bottom: 3em; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .add-form-wrapper form ::-webkit-input-placeholder, .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .form-wrapper form ::-webkit-input-placeholder { color: #ffffff; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .add-form-wrapper form :-moz-placeholder, .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .form-wrapper form :-moz-placeholder { color: #ffffff; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .add-form-wrapper form ::-moz-placeholder, .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .form-wrapper form ::-moz-placeholder { color: #ffffff; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .add-form-wrapper form :-ms-input-placeholder, .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .form-wrapper form :-ms-input-placeholder { color: #ffffff; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .add-form-wrapper form .mini-h2, .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .form-wrapper form .mini-h2 { position: relative; top: 15px; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .add-form-wrapper form .mini-h2.share-invite, .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .form-wrapper form .mini-h2.share-invite { position: relative; top: 0px; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .add-form-wrapper form .btn-primary, .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .form-wrapper form .btn-primary { color: #ffffff; width: 10em; text-align: center; padding: 0.9em; font-weight: bold; display: block; cursor: pointer; border-radius: 0; border: 2px solid #fff; border-radius: 0; color: #ff5d67; margin-top: 1.5em; padding: 1em; width: 10em; background: none; color: #ffffff; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .add-form-wrapper form .btn-primary:hover, .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .form-wrapper form .btn-primary:hover { background: #ffffff; text-decoration: none; color: #000000; border-color: #ffffff; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .add-form-wrapper form .btn-primary-address, .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .form-wrapper form .btn-primary-address { color: #ffffff; width: 10em; text-align: center; padding: 0.9em; font-weight: bold; display: block; cursor: pointer; border-radius: 0; border: 2px solid #fff; border-radius: 0; color: #ff5d67; margin-top: 0px; padding: 1em; padding-top: 13px; width: 10em; background: none; color: #ffffff; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .add-form-wrapper form .btn-primary-address:hover, .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .form-wrapper form .btn-primary-address:hover { background: #ffffff; text-decoration: none; color: #000000; border-color: #ffffff; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .add-form-wrapper form .mini-form-input, .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .form-wrapper form .mini-form-input { background: #ff5d67; border: none; border-radius: 0; color: #ffffff; height: 3.2em; font-size: 16px; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .add-form-wrapper form .mini-form-label, .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .form-wrapper form .mini-form-label { font-size: 0; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .add-form-wrapper form .mini-form-tiny-text, .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .form-wrapper form .mini-form-tiny-text { color: #ffffff; display: block; font-style: italic; padding: 5px 0; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .add-form-wrapper { padding-top: 0em; padding-bottom: 0em; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .mini-form-tiny-text { padding-top: 0px; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .mini-form-tiny-text p { font-size: 0.7em; color: #cccccc; padding-left: 15px; margin-top: 0px; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .email-warning { margin-top: 10px; } .main-content.district:not(.canonical-content) section.sec-dist-map .col-dist-special .address-finder .spinner-nopad { margin-top: 2em; } .main-content.district:not(.canonical-content) section.sec-support { padding-top: 3em; padding-bottom: 4em; padding-left: 0px; padding-right: 0px; color: #262626; } .main-content.district:not(.canonical-content) section.sec-support .row > div { padding: 0 2.5em; } .main-content.district:not(.canonical-content) section.sec-support h3, .main-content.district:not(.canonical-content) section.sec-support .h3-ish { font-size: 1.8em; font-weight: bold; padding-bottom: 0.5em; color: #00c4ff; } .main-content.district:not(.canonical-content) section.sec-support p, .main-content.district:not(.canonical-content) section.sec-support ul { font-size: 1em; } .main-content.district:not(.canonical-content) section.sec-support ul { padding: 0; margin: 0; margin-top: 1em; margin-left: 1em; } .main-content.district:not(.canonical-content) section.sec-support ul li { color: #ff5d67; padding: 3px 0; } .main-content.district:not(.canonical-content) section.sec-support ul li span { color: #000; } .main-content.district:not(.canonical-content) section.sec-support ul li span.salmon-text { color: #ff5d67; font-weight: bold; } .main-content.district:not(.canonical-content) section.sec-support ul li span.salmon-text.bullet { padding-right: 5px; } .main-content.district:not(.canonical-content) section.sec-support p.apply { padding-top: 0.5em; } .main-content.district:not(.canonical-content) section.sec-support p.countdown { font-size: 2.4em; text-align: center; font-weight: bold; line-height: 1.1em; margin-bottom: 1em; } @media only screen and (max-width : 480px) { .main-content.district:not(.canonical-content) .district-map-content { padding-left: 0px; padding-right: 0px; } .main-content.district:not(.canonical-content) .full-width-col { padding-left: 0px; padding-right: 0px; } .main-content.district:not(.canonical-content) .submit-button { width: 100%; } .main-content.district:not(.canonical-content) .cta-link { margin-bottom: 30px; } .main-content.district:not(.canonical-content) .cta-block { margin-bottom: 10px; } } .main-content.resource-home:not(.canonical-content) .container-fluid { background: #ffffff; } .main-content.resource-home:not(.canonical-content) .container-fluid.beige { background: #FFFBEE; } .main-content.resource-home:not(.canonical-content) .container-fluid.blue { background: #002855; } .main-content.resource-home:not(.canonical-content) .container-fluid.movement { background: url('/static/img/movement.jpg') repeat-x 50% 0; height: 232px; } .main-content.resource-home:not(.canonical-content) .container > section { position: relative; } .main-content.resource-home:not(.canonical-content) .container > section a.go-up, .main-content.resource-home:not(.canonical-content) .container > section button.go-up.btn-link { position: absolute; right: 2em; top: 2em; } .main-content.resource-home:not(.canonical-content) .container > section a.go-up img, .main-content.resource-home:not(.canonical-content) .container > section button.go-up.btn-link img { left: 0; } .main-content.resource-home:not(.canonical-content) section { padding: 2em 0; } .main-content.resource-home:not(.canonical-content) section h2, .main-content.resource-home:not(.canonical-content) section .h2-ish { padding-bottom: 0.4em; } .main-content.resource-home:not(.canonical-content) section:nth-child(even) { background: #002855; } .main-content.resource-home:not(.canonical-content) section:nth-child(even) h1, .main-content.resource-home:not(.canonical-content) section:nth-child(even) h2, .main-content.resource-home:not(.canonical-content) section:nth-child(even) h3, .main-content.resource-home:not(.canonical-content) section:nth-child(even) h4, .main-content.resource-home:not(.canonical-content) section:nth-child(even) h5, .main-content.resource-home:not(.canonical-content) section:nth-child(even) h6, .main-content.resource-home:not(.canonical-content) section:nth-child(even) .h1-ish, .main-content.resource-home:not(.canonical-content) section:nth-child(even) .h2-ish, .main-content.resource-home:not(.canonical-content) section:nth-child(even) .h3-ish, .main-content.resource-home:not(.canonical-content) section:nth-child(even) .h4-ish { color: #ffffff; } .main-content.resource-home:not(.canonical-content) section:nth-child(even) ul li span { color: #ffffff; } .main-content.resource-home:not(.canonical-content) section:nth-child(odd) { background: #ffffff; color: #262626; } .main-content.resource-home:not(.canonical-content) section:nth-child(odd) h1, .main-content.resource-home:not(.canonical-content) section:nth-child(odd) h2, .main-content.resource-home:not(.canonical-content) section:nth-child(odd) h3, .main-content.resource-home:not(.canonical-content) section:nth-child(odd) h4, .main-content.resource-home:not(.canonical-content) section:nth-child(odd) h5, .main-content.resource-home:not(.canonical-content) section:nth-child(odd) h6, .main-content.resource-home:not(.canonical-content) section:nth-child(odd) .h1-ish, .main-content.resource-home:not(.canonical-content) section:nth-child(odd) .h2-ish, .main-content.resource-home:not(.canonical-content) section:nth-child(odd) .h3-ish, .main-content.resource-home:not(.canonical-content) section:nth-child(odd) .h4-ish { color: #002855; } .main-content.resource-home:not(.canonical-content) section:nth-child(odd) ul li span { color: #262626; } .main-content.resource-home:not(.canonical-content) section ul { padding-left: 1em; } .main-content.resource-home:not(.canonical-content) section ul li { font-weight: normal; padding-bottom: 20px; } .main-content.resource-home:not(.canonical-content) section ul li:nth-child(1) { padding-top: 20px; } .main-content.resource-home:not(.canonical-content) section.sec-resource { padding: 2em 0 3.5em 0; } .main-content.resource-home:not(.canonical-content) section.sec-resource:before { content: ""; } .main-content.resource-home:not(.canonical-content) section.sec-resource .highlight-sb { background: #ff5d67; color: #ffffff; } .main-content.resource-home:not(.canonical-content) section.sec-resource ul.sec-resource-list { padding-top: 1em; margin-bottom: 3em; max-height: 65vh; overflow-y: auto; } .main-content.resource-home:not(.canonical-content) section.sec-resource ul.sec-resource-list li:nth-child(1) { border-top: 1px solid #ddd; } .main-content.resource-home:not(.canonical-content) section.sec-resource ul.sec-resource-list li { font-size: 0.875em; color: #002855; font-weight: bold; list-style-type: none; border-bottom: 1px solid #ddd; padding-top: 1.5em; } .main-content.resource-home:not(.canonical-content) section.sec-resource ul.sec-resource-list li:hover { text-decoration: underline; cursor: pointer; } .main-content.resource-home:not(.canonical-content) section.sec-resource ul.sec-resource-list li a, .main-content.resource-home:not(.canonical-content) section.sec-resource ul.sec-resource-list li button.btn-link { color: #002855; } .main-content.resource-home:not(.canonical-content) section.sec-resource ul.sec-resource-list li img { float: right; cursor: pointer; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .main-content.resource-home:not(.canonical-content) section.sec-resource h1, .main-content.resource-home:not(.canonical-content) section.sec-resource .h1-ish { font-size: 2.813em; } .main-content.resource-home:not(.canonical-content) section.sec-resource h3, .main-content.resource-home:not(.canonical-content) section.sec-resource .h3-ish { font-size: 1.2em; padding-left: 0.75em; } .main-content.resource-home:not(.canonical-content) section.sec-resource p { line-height: 1.5em; } .main-content.resource-home:not(.canonical-content) section.sec-why-swing { background: #002855; padding: 0; } .main-content.resource-home:not(.canonical-content) section.sec-why-swing .col-why-swing { padding-left: 3em; padding-top: 0em; padding-bottom: 0em; } .main-content.resource-home:not(.canonical-content) section.sec-why-swing h2, .main-content.resource-home:not(.canonical-content) section.sec-why-swing .h2-ish { color: #ffffff; } .main-content.resource-home:not(.canonical-content) section.sec-why-swing p { font-size: 1.25em; color: #ffffff; line-height: 1.5em; } .main-content.resource-home:not(.canonical-content) section.sec-action-items { background: #002855; padding-left: 32px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; } .main-content.resource-home:not(.canonical-content) section.sec-action-items h2, .main-content.resource-home:not(.canonical-content) section.sec-action-items .h2-ish { color: #ffffff; } .main-content.resource-home:not(.canonical-content) section.sec-action-items li { color: #ff5d67; } .main-content.resource-home:not(.canonical-content) section.sec-action-items p { font-size: 1.25em; color: #ffffff; line-height: 1.5em; } .main-content.resource-home:not(.canonical-content) section.sec-action-items h2, .main-content.resource-home:not(.canonical-content) section.sec-action-items .h2-ish { padding-bottom: 0px; margin-bottom: 0px; } .main-content.resource-home:not(.canonical-content) section.sec-resource-items { background: #002855; padding-left: 32px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; } .main-content.resource-home:not(.canonical-content) section.sec-resource-items h2, .main-content.resource-home:not(.canonical-content) section.sec-resource-items .h2-ish { color: #ffffff; } .main-content.resource-home:not(.canonical-content) section.sec-resource-items li { color: #ffffff; } .main-content.resource-home:not(.canonical-content) section.sec-resource-items p { font-size: 1.25em; color: #ffffff; line-height: 1.5em; } .main-content.resource-home:not(.canonical-content) section.sec-resource-items h2, .main-content.resource-home:not(.canonical-content) section.sec-resource-items .h2-ish { padding-bottom: 0px; margin-bottom: 0px; } .main-content.resource-home:not(.canonical-content) section .salmon-text { color: #ff5d67 !important; } .main-content.resource-home:not(.canonical-content) section .white-text { color: #ffffff !important; } @media only screen and (min-width : 992px) { .main-content.resource-home:not(.canonical-content) .sec-approach .col-our-approach .how-it-works { border-right: 1px solid #cccccc; padding-right: 3em; } .main-content.resource-home:not(.canonical-content) .sec-approach .col-our-approach.col-our-approach-right { padding-top: 7em; } } @media only screen and (max-width : 1200px) { .main-content.resource-home:not(.canonical-content) section.sec-why-swing p { font-size: 1em; } .main-content.resource-home:not(.canonical-content) section.sec-why-swing li:nth-child(1) { padding-top: 10px; } .main-content.resource-home:not(.canonical-content) section.sec-why-swing li { font-size: 0.8em; padding-bottom: 10px; } } @media only screen and (max-width : 992px) { .main-content.resource-home:not(.canonical-content) section .col-why-swing { padding-right: 3em; } .main-content.resource-home:not(.canonical-content) section.sec-resource ul.sec-resource-list { padding-top: 3em; padding-left: 0em; width: 100%; float: none; } .main-content.resource-home:not(.canonical-content) section.sec-approach { padding-right: 3em; } .main-content.resource-home:not(.canonical-content) section.sec-approach img { vertical-align: middle; position: relative; left: -84px; padding-bottom: 4em; } .main-content.resource-home:not(.canonical-content) section.sec-who .address-finder { background: #002855; color: #fff; width: 100%; margin-top: 5em; float: none; } .main-content.resource-home:not(.canonical-content) section.sec-who .address-finder .add-form-wrapper p.p80 { width: 100%; } } .main-content.resource:not(.canonical-content) .container-fluid { background: #ffffff; } .main-content.resource:not(.canonical-content) .container-fluid.beige { background: #FFFBEE; } .main-content.resource:not(.canonical-content) .container-fluid.blue { background: #002855; } .main-content.resource:not(.canonical-content) .container-fluid.movement { background: url('/static/img/movement.jpg') repeat-x 50% 0; height: 232px; } .main-content.resource:not(.canonical-content) .container section { position: relative; } .main-content.resource:not(.canonical-content) .container section a.go-up, .main-content.resource:not(.canonical-content) .container section button.go-up.btn-link { position: absolute; right: 2em; top: 2em; } .main-content.resource:not(.canonical-content) .container section a.go-up img, .main-content.resource:not(.canonical-content) .container section button.go-up.btn-link img { left: 0; } .main-content.resource:not(.canonical-content) .section-no-padding { padding-top: 0px; padding-bottom: 0px; } .main-content.resource:not(.canonical-content) section { padding: 2em 0; } .main-content.resource:not(.canonical-content) section .sec-resource-header .highlight-sb { background: #ff5d67; color: #ffffff; } .main-content.resource:not(.canonical-content) section .sec-resource-header h1, .main-content.resource:not(.canonical-content) section .sec-resource-header .h1-ish { padding-top: 0.8em; font-size: 2.813em; } .main-content.resource:not(.canonical-content) section h2, .main-content.resource:not(.canonical-content) section .h2-ish { padding-bottom: 0.4em; } .main-content.resource:not(.canonical-content) section:nth-child(even) { background: #ffffff; } .main-content.resource:not(.canonical-content) section:nth-child(even) h1, .main-content.resource:not(.canonical-content) section:nth-child(even) h2, .main-content.resource:not(.canonical-content) section:nth-child(even) h3, .main-content.resource:not(.canonical-content) section:nth-child(even) h4, .main-content.resource:not(.canonical-content) section:nth-child(even) h5, .main-content.resource:not(.canonical-content) section:nth-child(even) h6, .main-content.resource:not(.canonical-content) section:nth-child(even) .h1-ish, .main-content.resource:not(.canonical-content) section:nth-child(even) .h2-ish, .main-content.resource:not(.canonical-content) section:nth-child(even) .h3-ish, .main-content.resource:not(.canonical-content) section:nth-child(even) .h4-ish { color: #002855; } .main-content.resource:not(.canonical-content) section:nth-child(even) ul li span { color: #002855; } .main-content.resource:not(.canonical-content) section:nth-child(odd) { background: #ffffff; color: #002855; } .main-content.resource:not(.canonical-content) section:nth-child(odd) h1, .main-content.resource:not(.canonical-content) section:nth-child(odd) h2, .main-content.resource:not(.canonical-content) section:nth-child(odd) h3, .main-content.resource:not(.canonical-content) section:nth-child(odd) h4, .main-content.resource:not(.canonical-content) section:nth-child(odd) h5, .main-content.resource:not(.canonical-content) section:nth-child(odd) h6, .main-content.resource:not(.canonical-content) section:nth-child(odd) .h1-ish, .main-content.resource:not(.canonical-content) section:nth-child(odd) .h2-ish, .main-content.resource:not(.canonical-content) section:nth-child(odd) .h3-ish, .main-content.resource:not(.canonical-content) section:nth-child(odd) .h4-ish { color: #002855; } .main-content.resource:not(.canonical-content) section ul { padding-left: 1em; } .main-content.resource:not(.canonical-content) section ul li { font-weight: normal; padding-bottom: 20px; } .main-content.resource:not(.canonical-content) section ul li:nth-child(1) { padding-top: 20px; } .main-content.resource:not(.canonical-content) section.sec-resource { padding 3.5em 0; } .main-content.resource:not(.canonical-content) section.sec-resource:before { content: ""; } .main-content.resource:not(.canonical-content) section.sec-resource .highlight-sb { background: #ff5d67; color: #ffffff; } .main-content.resource:not(.canonical-content) section.sec-resource ul.sec-resource-list { padding-top: 1em; max-height: 45vh; overflow-y: auto; } .main-content.resource:not(.canonical-content) section.sec-resource ul.sec-resource-list li:nth-child(1) { border-top: 1px solid #ddd; } .main-content.resource:not(.canonical-content) section.sec-resource ul.sec-resource-list li { font-size: 0.875em; color: #002855; font-weight: bold; list-style-type: none; border-bottom: 1px solid #ddd; padding-top: 1.5em; } .main-content.resource:not(.canonical-content) section.sec-resource ul.sec-resource-list li:hover { text-decoration: underline; cursor: pointer; } .main-content.resource:not(.canonical-content) section.sec-resource ul.sec-resource-list li a, .main-content.resource:not(.canonical-content) section.sec-resource ul.sec-resource-list li button.btn-link { color: #002855; } .main-content.resource:not(.canonical-content) section.sec-resource ul.sec-resource-list li img { float: right; cursor: pointer; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .main-content.resource:not(.canonical-content) section.sec-resource h1, .main-content.resource:not(.canonical-content) section.sec-resource .h1-ish { font-size: 2.813em; } .main-content.resource:not(.canonical-content) section.sec-resource p { line-height: 1.5em; } .main-content.resource:not(.canonical-content) section.sec-resource-items { background: #ffffff; padding-left: 32px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; margin-bottom: 2em; } .main-content.resource:not(.canonical-content) section.sec-resource-items h2, .main-content.resource:not(.canonical-content) section.sec-resource-items .h2-ish { color: #002855; } .main-content.resource:not(.canonical-content) section.sec-resource-items li { color: #002855; } .main-content.resource:not(.canonical-content) section.sec-resource-items p { color: #002855; line-height: 1.5em; } .main-content.resource:not(.canonical-content) section.sec-resource-items h2, .main-content.resource:not(.canonical-content) section.sec-resource-items .h2-ish { padding-bottom: 0px; margin-bottom: 0px; } .main-content.resource:not(.canonical-content) section .salmon-text { color: #ff5d67 !important; } .main-content.resource:not(.canonical-content) section .white-text { color: #ffffff !important; } @media only screen and (min-width : 992px) { .main-content.resource:not(.canonical-content) .sec-approach .col-our-approach .how-it-works { border-right: 1px solid #cccccc; padding-right: 3em; } .main-content.resource:not(.canonical-content) .sec-approach .col-our-approach.col-our-approach-right { padding-top: 7em; } } @media only screen and (max-width : 1200px) { .main-content.resource:not(.canonical-content) section.sec-why-swing p { font-size: 1em; } .main-content.resource:not(.canonical-content) section.sec-why-swing li:nth-child(1) { padding-top: 10px; } .main-content.resource:not(.canonical-content) section.sec-why-swing li { font-size: 0.8em; padding-bottom: 10px; } } @media only screen and (max-width : 992px) { .main-content.resource:not(.canonical-content) section .col-why-swing { padding-right: 3em; } .main-content.resource:not(.canonical-content) section.sec-resource ul.sec-resource-list { padding-top: 3em; padding-left: 0em; width: 100%; float: none; } .main-content.resource:not(.canonical-content) section.sec-approach { padding-right: 3em; } .main-content.resource:not(.canonical-content) section.sec-approach img { vertical-align: middle; position: relative; left: -84px; padding-bottom: 4em; } .main-content.resource:not(.canonical-content) section.sec-who .address-finder { background: #002855; color: #fff; width: 100%; margin-top: 5em; float: none; } .main-content.resource:not(.canonical-content) section.sec-who .address-finder .add-form-wrapper p.p80 { width: 100%; } } .autocomplete-suggestions { text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1); position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box; } .autocomplete-suggestion { position: relative; padding: 0 0.6em; line-height: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.02em; color: #333; } .autocomplete-suggestion b { font-weight: normal; color: #1f8dd6; } .autocomplete-suggestion.selected { background: #f0f0f0; } .leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; } .leaflet-container { overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; } .leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; } .leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; } .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } .leaflet-container .leaflet-overlay-pane svg, .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer { max-width: none !important; } .leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { -ms-touch-action: none; touch-action: none; } .leaflet-tile { filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { width: 0; height: 0; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 800; } .leaflet-overlay-pane svg { -moz-user-select: none; } .leaflet-pane { z-index: 400; } .leaflet-tile-pane { z-index: 200; } .leaflet-overlay-pane { z-index: 400; } .leaflet-shadow-pane { z-index: 500; } .leaflet-marker-pane { z-index: 600; } .leaflet-tooltip-pane { z-index: 650; } .leaflet-popup-pane { z-index: 700; } .leaflet-map-pane canvas { z-index: 100; } .leaflet-map-pane svg { z-index: 200; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { behavior: url(#default#VML); display: inline-block; position: absolute; } .leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; pointer-events: auto; } .leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; } .leaflet-top { top: 0; } .leaflet-right { right: 0; } .leaflet-bottom { bottom: 0; } .leaflet-left { left: 0; } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 10px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } .leaflet-fade-anim .leaflet-tile { will-change: opacity; } .leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-animated { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .leaflet-zoom-anim .leaflet-zoom-animated { will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1); -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1); transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } .leaflet-interactive { cursor: pointer; } .leaflet-grab { cursor: -webkit-grab; cursor: -moz-grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; } .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive { pointer-events: visiblePainted; pointer-events: auto; } .leaflet-container { background: #ddd; outline: 0; } .leaflet-container a { color: #0078A8; } .leaflet-container a.leaflet-active { outline: 2px solid orange; } .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255, 255, 255, 0.5); } .leaflet-container { font: 12px / 1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; } .leaflet-bar { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); border-radius: 4px; } .leaflet-bar a, .leaflet-bar a:hover { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:hover { background-color: #f4f4f4; } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } .leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px 'Lucida Console', Monaco, monospace; text-indent: 1px; } .leaflet-control-zoom-out { font-size: 20px; } .leaflet-touch .leaflet-control-zoom-in { font-size: 22px; } .leaflet-touch .leaflet-control-zoom-out { font-size: 24px; } .leaflet-control-layers { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); background: #fff; border-radius: 5px; } .leaflet-control-layers-toggle { background-image: url(/static/img/layers.png); width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-image: url(/static/img/layers-2x.png); background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; } .leaflet-control-layers-scrollbar { overflow-y: scroll; padding-right: 5px; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { display: block; } .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; } .leaflet-default-icon-path { background-image: url(/static/img/marker-icon.png); } .leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.7); margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:hover { text-decoration: underline; } .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { font-size: 11px; } .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; font-size: 11px; white-space: nowrap; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; background: rgba(255, 255, 255, 0.5); } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0, 0, 0, 0.2); background-clip: padding-box; } .leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; } .leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; } .leaflet-popup-content { margin: 13px 19px; line-height: 1.4; } .leaflet-popup-content p { margin: 18px 0; } .leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-left: -20px; overflow: hidden; pointer-events: none; } .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; color: #333; box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); } .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; padding: 4px 4px 0 0; border: none; text-align: center; width: 18px; height: 14px; font: 16px / 14px Tahoma, Verdana, sans-serif; color: #c3c3c3; text-decoration: none; font-weight: bold; background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover { color: #999; } .leaflet-popup-scrolled { overflow: auto; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .leaflet-oldie .leaflet-popup-content-wrapper { zoom: 1; } .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-popup-tip-container { margin-top: -1px; } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; } .leaflet-div-icon { background: #fff; border: 1px solid #666; } .leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } .leaflet-tooltip.leaflet-clickable { cursor: pointer; pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; } .leaflet-tooltip-bottom { margin-top: 6px; } .leaflet-tooltip-top { margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; } .leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff; } .leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; } .leaflet-tooltip-left { margin-left: -6px; } .leaflet-tooltip-right { margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; } .leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; } .leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; }