/*
Theme Name: Dice Base Theme
Author: moveBuddha
Author URI: https://www.movebuddha.com/
Description: Custom Theme for Dice
Version: 1
*/

/* Resets */
* {box-sizing:border-box;}
html {scroll-behavior: smooth;}
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, main, nav, section, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article, aside, figure, footer, header, hgroup, nav, section, main {display:block;}
div, ul, li {position:relative;}
img, object, embed {max-width: 100%;}
html {overflow-y: scroll;}
body {-webkit-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;font-family:Manrope,sans-serif;}
h1, h2, h3, h4 {}
ul li,ol li{list-style-position:outside;list-style-type:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline:none; text-decoration: none;}
del {text-decoration:line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted #000;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
th {font-weight:bold;vertical-align:bottom;}
td {font-weight:normal;vertical-align:top;}
hr {display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
pre {white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word;}
.ie6 input {vertical-align:text-bottom;}
table {font-size:inherit;font:100%;}
small {font-size:85%;}
strong {font-size:inherit;}
strong, th {font-weight:bold;}
td, td img {vertical-align:top;} 
sub, sup {font-size:75%;line-height:0;position:relative;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
pre, code, kbd, samp {font-family:monospace, sans-serif;}

/* Inputs */
input, select {vertical-align:middle;}
select, input, textarea {-webkit-appearance:none;}
input, textarea, select, a {outline:none;}
input[type='radio'] {vertical-align:text-bottom;}
input[type='checkbox'] {vertical-align:bottom;vertical-align:baseline;}
.clickable, input[type=button], input[type=submit], button {cursor:pointer;}
button, input, select, textarea {margin:0;}
button {width:auto; overflow:visible;}
fieldset {border:0;margin:0;padding:0;}
textarea {resize:none;}

/* Fonts */
@font-face {
    font-family:'';
    src: url('');
    src: url('') format('embedded-opentype'),
       url('') format('woff2'),
       url('') format('woff'),
       url('')  format('truetype'),
       url('') format('svg');
    font-weight:400;
    font-display:block;
}

/* Nav */
#site-header {position:fixed;top:0;left:0;z-index:99999;width:100%;height:4.75rem;padding:0;background:#fff;color:#0b2b50;text-align:left;box-shadow: 0 0 6px 1px rgba(26,42,88,0.12);}
#site-header .wrap {height:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;}
#site-header .brand {line-height: 0;}
#site-header img {width: 9.375rem; height: auto;}
.desktop-nav {display:none;}

button.menu-icon {position:relative;display:block;flex:0 0 2.75rem;width:2.75rem;height:2.75rem;margin-left:auto;padding:0;border:0;background:transparent;text-indent:-9999px;overflow:hidden;}
button.menu-icon span {position:absolute;left:0.45rem;width:1.85rem;height:2px;background:#0b2b50;transition:top 180ms ease,transform 180ms ease,opacity 180ms ease;}
button.menu-icon span:nth-child(1) {top:0.78rem;}
button.menu-icon span:nth-child(2) {top:1.34rem;}
button.menu-icon span:nth-child(3) {top:1.9rem;}
button.menu-icon.close-icon span:nth-child(1) {top:1.34rem;transform:rotate(45deg);}
button.menu-icon.close-icon span:nth-child(2) {opacity:0;}
button.menu-icon.close-icon span:nth-child(3) {top:1.34rem;transform:rotate(-45deg);}

.mobile-nav {z-index:99998;visibility:hidden;opacity:0;position:fixed;top:4.75rem;right:0;bottom:0;left:0;width:100%;overflow-y:auto;padding:1rem 1.25rem 6rem;background:#0b2b50;pointer-events:none;transition:opacity 180ms ease,visibility 180ms ease;-webkit-overflow-scrolling:touch;}
.mobile-nav-show {visibility:visible;opacity:1;pointer-events:auto;}
.mobile-nav ul {display:block;margin:0;padding:0;}
.mobile-nav li {display:block;margin:0;border-bottom:1px solid rgba(255,255,255,0.16);}
.mobile-nav a {display:block;padding:1rem 0;color:#fff;font-size:1rem;font-weight:700;line-height:1.2;}
.mobile-nav a:hover {color:#fff;}
.mobile-nav .donate > a,.mobile-nav a.donate {color:#f6c465;}
body.stop-scrolling {overflow:hidden;}
.admin-bar #site-header {top:46px;}
.admin-bar .mobile-nav {top:calc(4.75rem + 46px);}

/* Main */
:root {--navy:#022583;--navy-dark:#072340;--blue:#173f68;--gold:#f5b702;--gold-dark:#a96d06;--pale:#ecf4fc;--line:#d5dce4;--text:#0d2542;}
body {background:#fff;color:var(--text);font-family:Arial,Helvetica,sans-serif;}
main {margin-top: 4.75rem;}
.wrap {width:100%;max-width:76rem;margin:0 auto;padding:0 1.25rem;}

.button {display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.25rem 0.875rem 1.25rem;background:var(--navy);border:1px solid var(--navy);border-radius:0.125rem;color:#fff;font-size:0.875rem;font-weight:700;line-height:1.1;text-align:center;text-transform:uppercase;transition:background 180ms ease,border-color 180ms ease,color 180ms ease;border-radius:0.5rem;}
.button:hover {background:var(--navy-dark);border-color:var(--navy-dark);color:#fff;}
.button.gold {background:var(--gold);border-color:var(--gold);text-shadow: 0 0 3px #4d3000;}
.button.gold:hover {background:var(--gold-dark);border-color:var(--gold);}
.button.outline {background:transparent;color:var(--navy);}
.button.outline:hover {background:var(--navy);color:#fff;}
.button.outline.light {border-color:#fff;color:#fff;text-shadow: 0 0 3px #000;box-shadow:0 0 3px 0px #000;}
.button.outline.light:hover {background:#fff;color:var(--navy);text-shadow:none;}

.actions {display:flex;flex-direction:column;gap:0.75rem;align-items:stretch;}

#hero {position:relative;overflow:hidden;background-image:linear-gradient(180deg,rgba(5,40,72,0.98) 0%,rgba(5,40,72,0.9) 42%,rgba(5,40,72,0.42) 72%,rgba(5,40,72,0.18) 100%),url('static/images/sm-coast.jpg');background-position:center;background-size:cover;color:#fff;}
#hero .wrap {display:block;}
#hero .copy {z-index:2;padding:2.5rem 0;}
#hero h1 {margin:0.3rem 0 1rem;color:#ffffff;font-family:Georgia,'Times New Roman',serif;font-size:3rem;font-weight:700;line-height:1.125;letter-spacing:-0.035em;}
#hero p {max-width:34rem;margin-bottom:1.35rem;font-size:1.125rem;line-height:1.5;color:#ffffff;text-shadow:0 0 2px #000;}
#hero p.kicker {color:var(--gold);font-size:1rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;}
#hero figure {margin:0;}
#hero figure img {display:block;width:100%;height:auto;max-width:27.938rem;margin:0 auto;}

#facts {position:relative;background:#fff;padding:2rem 0;box-shadow: 0 0 6px 1px rgba(26,42,88,0.12);}
#facts ul {display:grid;grid-template-columns:1fr;gap:1.25rem 0;}
#facts li {display:flex;align-items:center;gap:0.75rem;min-height:4rem;padding:0 0.75rem;color:var(--navy);font-size:1.125rem;line-height:1.45;}
#facts i {display:flex;flex:0 0 3rem;width:3rem;height:3rem;align-items:center;justify-content:center;border-radius:50%;background:var(--navy);color:#fff;font-size:1.3rem;border:3px solid var(--gold);}

#case {background: url('static/images/smc-entrance-light-2.jpg') no-repeat center center;background-size:cover;border-bottom:1px solid var(--line);padding:4rem 0;}
#case .wrap {display:grid;gap:3rem;}
#case h2,#priorities h2,#vote h2 {color:var(--navy);font-family:Georgia,'Times New Roman',serif;font-size:1.85rem;line-height:1.08;}
#case h2 {margin-bottom:1.55rem;}
#case h2:after {content:'';display:block;width:3rem;height:2px;margin-top:0.7rem;background:var(--gold);}
#case p {margin-bottom:1rem;color:#172334;font-size:1.25rem;line-height:1.55;}
#case p:last-child {margin-bottom:0;}
#case aside ul {display:grid;gap:1rem;}
#case aside li {position:relative;color:#172334;font-size:1.125rem;line-height:1.45;list-style-position:outside;}
#case aside li .fa-check-circle-o {color:var(--navy);font-size: 1.5rem;position:relative;top:0.125rem;margin-right:0.5rem;-webkit-text-stroke:1px var(--gold);}

#priorities {background:#fff;padding:4rem 0;position:relative;box-shadow: 0 0 6px 1px rgba(26,42,88,0.12);z-index:2;text-align:center;}
#priorities h2 {display:flex;align-items:center;gap:1rem;justify-content:center;margin-bottom:2rem;text-align:center;}
#priorities h2:before,#priorities h2:after {content:'';display:block;flex:0 1 3rem;width:3rem;height:1px;background:var(--gold);}
#priorities ol {counter-reset:priority;display:grid;grid-template-columns: 1fr;gap:1.5rem;}
#priorities li {counter-increment:priority;display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;width:100%;padding:1.25rem;border:1px solid #cfd6de;background:#f8fcff;color:var(--navy);text-align:center;border-radius:0.5rem;box-shadow: 0 0 6px 0 rgba(26,42,88,0.12);}
#priorities li i {width:100%;margin-bottom:1rem;color:var(--navy);font-size:2.65rem;line-height:1;-webkit-text-stroke:1px var(--gold);}
#priorities li:before {content:counter(priority) '';color:var(--gold);font-family:Georgia,'Times New Roman',serif;font-size:1.25rem;font-weight:700;line-height:1.2;position: absolute;left: 1rem;top: 0.5rem;}
#priorities li strong {font-size:1.125rem;line-height:1.3;font-weight:600;}
#priorities .button {margin: 2rem auto 0 auto;display:inline-block;}

#vote {position:relative;overflow:hidden;background-image:linear-gradient(90deg,rgba(5,40,72,0.98) 0%,rgba(5,40,72,0.9) 42%,rgba(5,40,72,0.42) 72%,rgba(5,40,72,0.18) 100%),url('static/images/smc-campus.jpg');background-position:center;background-size:cover;color:#fff;padding:4rem 0;}
#vote .wrap {max-width:70rem;}
#vote h2 {max-width:42rem;margin-bottom:1rem;color:#fff;font-size:2.5rem;}
#vote h2:after {content:'';display:block;width:5.5rem;height:3px;margin-top:0.75rem;background:var(--gold);}
#vote p {max-width:35rem;margin-bottom:1.4rem;font-size:1.125rem;line-height:1.5;}

#site-footer {background:#fff;color:var(--navy);padding:3rem 0;text-align:center;box-shadow: 0 0 6px 1px rgba(26,42,88,0.12);position:relative;z-index:2;}
#site-footer .social {display:flex;justify-content:center;gap:1.4rem;margin-bottom:1.5rem;}
#site-footer .social span {display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-radius:50%;background:var(--navy);color:#fff;font-size:1.25rem;border:2px solid var(--gold);}
#site-footer p {font-size:0.72rem;line-height:1.4;}
#site-footer p.mail {font-size:1.25rem;line-height:1.4;margin-bottom:1.5rem;}
#site-footer a {color: var(--gold);}

/* Pages */
.campaign-page {width:100%;color:#0e2f4e;}
.campaign-page * {box-sizing:border-box;}
.campaign-page p {margin-top:0;margin-bottom:1rem;line-height:1.7;}
.campaign-page h2,.campaign-page h3 {color:#0e2f4e;}
.campaign-tier {width:100vw;margin-left:calc(50% - 50vw);}
.campaign-inner {width:100%;max-width:75rem;margin:0 auto;padding:3rem 1.25rem;}
.campaign-tier--white {position:relative;z-index:2;background:#fff;box-shadow: 0 0 6px 1px rgba(26,42,88,0.12);}
.campaign-tier--soft {position:relative;background:#f1f6fb;}
.campaign-tier--dark {background:#0e2f4e;color:#fff;}
.campaign-tier--dark h2,.campaign-tier--dark h3 {color:#fff;}
.campaign-hero {background-image:url('static/images/smc-entrance-dark.jpg');background-position:center;background-repeat:no-repeat;background-size:cover;color:#fff;}
.campaign-hero__inner {padding-top:4rem;padding-bottom:4rem;}
.campaign-hero h2 {max-width:52rem;margin:0 0 1.25rem;color:#fff;font-size:2rem;line-height:1.05;font-family: Georgia,'Times New Roman',serif;}
.campaign-hero p {max-width:52rem;}
.campaign-hero p:last-child {margin-bottom:0;}
.campaign-lead {font-size:1.1rem;line-height:1.6;}
.campaign-eyebrow {margin:0 0 1rem;color:var(--gold);font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.campaign-section {padding-top:3rem;padding-bottom:3rem;}
.campaign-section--record {padding-top:2.5rem;padding-bottom:2.5rem;}
.campaign-section-title {margin:0 0 2rem;font-size:1.85rem;line-height:1.15;}
.campaign-section-title::after {display:block;width:3rem;height:2px;margin-top:.9rem;background:var(--gold);content:"";}
.campaign-two-column {display:grid;grid-template-columns:1fr;gap:1.5rem;}
.campaign-two-column > div {min-width:0;}
.campaign-two-column h3 {margin:0 0 .75rem;font-size:1.2rem;line-height:1.25;}
.campaign-card {padding:2rem;border:1px solid #d7e0e8;}
.campaign-card--dark {background:#0e2f4e;border-color:#0e2f4e;color:#fff;}
.campaign-card--dark h3 {color:#fff;}
.campaign-card--dark p:last-child {margin-bottom:0;}
.campaign-callout {padding-top:3rem;padding-bottom:3rem;}
.campaign-callout h2 {margin:0 0 1rem;color:#fff;font-size:1.85rem;line-height:1.15;}
.campaign-callout p:last-child {margin-bottom:0;}
.campaign-stat-grid {display:grid;grid-template-columns:1fr;gap:1rem;}
.campaign-stat {padding:1.75rem;background:#fff;border:1px solid #d7e0e8;text-align:center;box-shadow: 0 .25rem .75rem rgba(26,42,88,.12);border-radius:0.5rem;}
.campaign-stat strong {display:block;margin:0 0 .5rem;color:var(--gold);font-size:1.5rem;line-height:1.2;}
.campaign-stat .fa {font-size: 2.5rem;margin-bottom: 1rem;-webkit-text-stroke:1px var(--gold);}
.campaign-stat span {display:block;font-size:1.125rem;line-height:1.5;}
.campaign-service-row {display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;}
.campaign-service-copy {min-width:0;}
.campaign-service-copy p:last-child {margin-bottom:0;}
.campaign-service-image {width:100%;margin:0;}
.campaign-service-image img {display:block;width:100%;aspect-ratio:3/2;height:auto;object-fit:cover;}
.campaign-image-placeholder {display:grid;width:100%;aspect-ratio:3/2;place-items:center;padding:2rem;background:#dfe7ef;border:1px solid #c9d5e0;color:#567086;font-size:.9rem;font-weight:700;text-align:center;}
.campaign-tier--closing {border-top:1px solid rgba(255,255,255,.12);}
.campaign-closing {padding-top:2.25rem;padding-bottom:2.25rem;text-align:center;}
.campaign-closing p {margin:0;font-size:1.25rem;font-weight:700;}
.campaign-priority-grid {display:grid;grid-template-columns:1fr;gap:1.5rem;}
.campaign-priority {min-width:0;padding:1.5rem;background:#f8fcff;border:1px solid #d7e0e8;box-shadow: 0 .25rem .75rem rgba(26,42,88,.12);border-radius:0.5rem;}
.campaign-priority-number {display:block;margin:0 0 1rem;color:var(--gold);font-family:Georgia,'Times New Roman',serif;font-size:2rem;font-weight:700;line-height:1;}
.campaign-priority h2 {margin:0 0 1rem;font-size:1.4rem;line-height:1.2;}
.campaign-priority p:last-child {margin-bottom:0;}
.campaign-action-list {margin:0;}
.campaign-action-list li {display:flex;align-items:center;margin:0 0 1rem;line-height:1.6;}
.campaign-action-list li .fa-check-circle-o {position:relative;top:-0.063rem;margin-right:0.5rem;color:var(--gold);font-size:1.5rem;}
.campaign-action-list li:last-child {margin-bottom:0;}

/* Breakpoints */
@media (min-width:40rem) {
    #facts ul {grid-template-columns:repeat(2,minmax(0,1fr));}
    .actions {flex-direction:row;align-items:center;}
    #priorities ol {grid-template-columns: 1fr 1fr;}
    svg.menu-icon {display:block;}
}
@media (min-width:48rem) {
    main {margin-top: 5rem;}
    #site-header {height:5rem;}
    #site-header .brand span:first-child {font-size:2.15rem;}
    #site-header .brand span:nth-child(2) {font-size:1.15rem;}
    #site-header .brand small {font-size:0.72rem;}
    .desktop-nav {display:block;margin-left:auto;}
    .desktop-nav ul {display:flex;align-items:center;gap:2rem;margin:0;padding:0;}
    .desktop-nav li {display:block;margin:0;}
    .desktop-nav li.current-menu-item a {color:var(--gold);}
    .desktop-nav a {display:block;color:var(--navy);font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:700;line-height:1.2;text-transform: uppercase;}
    .desktop-nav a:hover {color:var(--gold);}
    .desktop-nav .donate > a,.desktop-nav a.donate {padding:0.9rem 1.4rem;background:var(--gold);border:1px solid var(--gold);border-radius:0.125rem;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:0.875rem;text-transform:uppercase;border-radius:0.5rem;text-shadow: 0 0 3px var(--gold-dark);}
    .desktop-nav .donate > a:hover,.desktop-nav a.donate:hover {background:var(--gold-dark);border-color:var(--gold);color:#fff;}
    button.menu-icon,.mobile-nav {display:none;}
    .admin-bar #site-header {top:32px;}
    #case .wrap {grid-template-columns:1fr 1fr;gap:0;}
    #case article {padding-right:3.4rem;}
    #case aside {border-left:1px solid var(--line);padding-left:3.4rem;}
    #vote .actions .button {min-width:11rem;}
    .campaign-inner {padding-right:1.5rem;padding-left:1.5rem;}
    .campaign-hero__inner {padding-top:5rem;padding-bottom:5rem;}
    .campaign-hero h2 {font-size:3rem;}
    .campaign-lead {font-size:1.2rem;}
    .campaign-section {padding-top:4rem;padding-bottom:4rem;}
    .campaign-section--record {padding-top:3rem;padding-bottom:3rem;}
    .campaign-section-title {font-size:2.15rem;}
    .campaign-two-column {grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem;}
    .campaign-callout {padding-top:4rem;padding-bottom:4rem;}
    .campaign-callout h2 {font-size:2.25rem;}
    .campaign-stat-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
    .campaign-service-row {grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;}
    .campaign-service-row--image-left .campaign-service-copy {grid-column:2;grid-row:1;}
    .campaign-service-row--image-left .campaign-service-image {grid-column:1;grid-row:1;}
    .campaign-closing {padding-top:2.75rem;padding-bottom:2.75rem;}
    .campaign-closing p {font-size:1.5rem;}
    .campaign-priority-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
    .campaign-priority {padding:2rem;}
    .campaign-priority h2 {font-size:1.65rem;}
}
@media (min-width:60rem) {
    #hero {background-image:linear-gradient(90deg,rgba(5,40,72,0.98) 0%,rgba(5,40,72,0.9) 42%,rgba(5,40,72,0.42) 72%,rgba(5,40,72,0.18) 100%),url('static/images/sm-coast.jpg');}
    #hero .wrap {display:flex;align-items:flex-end;justify-content:space-between;}
    #hero .copy {padding:3.5rem 0;flex:1 1 auto;}
    #hero figure {flex:0 0 auto;}
    #hero figure img {width:auto;height:28.125rem;max-width:none;margin:0;}
}
@media (min-width:64rem) {
    .wrap {padding-left:2.75rem;padding-right:2.75rem;}

    #facts {padding:3rem 0;}
    #facts ul {grid-template-columns:repeat(4,minmax(0,1fr));}
    #facts li {justify-content:center;border-right:1px solid var(--line);}
    #facts li:last-child {border-right:0;}
    #case {padding: 5rem 0;}
    #case h2,#priorities h2 {font-size:2rem;}
    #priorities {padding:5rem 0;}
    #priorities ol {grid-template-columns: 1fr 1fr 1fr 1fr;}
    #priorities li {padding:1.1rem;}
    #priorities li i {font-size:2.75rem;}
    #vote {padding:4.5rem 0;}
    #vote h2 {font-size:3.6rem;}
    .campaign-inner {padding-right:2rem;padding-left:2rem;}
    .campaign-hero__inner {padding-top:6rem;padding-bottom:6rem;}
    .campaign-hero h2 {font-size:3.4rem;}
    .campaign-lead {font-size:1.25rem;}
    .campaign-stat-grid {grid-template-columns:repeat(4,minmax(0,1fr));}
    .campaign-service-row {gap:4rem;}
}

@media (min-width:70rem) {
    #hero h1 {font-size:3.8rem;}
}