@import url(https://use.typekit.net/oke2cox.css);
@import url("https://fonts.googleapis.com/css2?family=Italiana&display=swap");
:root {
--apb-award-font-sans: 'proxima-nova', 'Proxima Nova', 'ProximaNova-Regular', 'Helvetica Neue', Arial, sans-serif;
--apb-award-font-serif-alt: 'Italiana', Georgia, serif;
--apb-award-gold: #cba052;
--apb-award-gold-hover: #b58d44;
--apb-award-gold-strong: #d2b06b;
--apb-award-dark-green: #0a332f;
--apb-award-dark-green-strong: #023d3a;
--apb-award-light-bg: #fdfbf7;
--apb-award-light-bg-winners: #fffaf0;
--apb-award-surface: #fff;
--apb-award-text-dark: #333333;
--apb-award-text-muted: #666;
--apb-award-text-subtle: #6f6f6f;
--apb-award-text-icon: #999;
--apb-award-border: #e6e6e6;
--apb-award-border-input: #c1c1c1;
--apb-award-border-subtle: #9c9c9c;
--apb-award-border-neutral: #ccc;
--apb-award-danger-text: #8f3a3a;
--apb-award-card-border: rgba(210, 176, 107, 0.5);
--apb-award-card-border-hover: rgba(210, 176, 107, 0.85);
--apb-award-card-divider: rgba(210, 176, 107, 0.22);
--apb-award-radius-sm: 4px;
--apb-award-radius-md: 5px;
--apb-award-radius-lg: 10px;
--apb-award-radius-pill: 30px;
--apb-award-transition-fast: 0.2s ease;
--apb-award-transition-base: 0.3s ease;
--apb-award-tab-strip-bg: transparent;
--apb-award-tab-strip-bg-sticky: rgba(2, 61, 58, 0.94);
--apb-award-tab-strip-border-sticky: rgba(203, 160, 82, 0.28);
--apb-award-sticky-tabs-offset: 0px;
--apb-award-hero-max-height-desktop: 486px;
--apb-award-process-card-bg: var(--apb-award-light-bg);
--apb-award-process-card-border: var(--apb-award-card-border);
--apb-award-process-title-color: var(--apb-award-dark-green-strong);
--apb-award-process-number-color: var(--apb-award-dark-green-strong);
--apb-award-process-text-color: var(--apb-award-text-subtle);
--apb-award-guidelines-light-bg: var(--apb-award-light-bg-winners);
--apb-award-guidelines-light-text: var(--apb-award-text-subtle);
--apb-award-dark-section-bg: var(--apb-award-dark-green-strong);
--apb-award-dark-section-text: var(--apb-award-surface);
--apb-award-dark-section-title: var(--apb-award-gold-strong);
--apb-award-dark-section-link: var(--apb-award-gold-strong);
--apb-award-page-accent: var(--apb-award-gold-strong);
--apb-award-checklist-icon-bg: var(--apb-award-page-accent);
--apb-award-checklist-text: var(--apb-award-text-subtle);
--apb-award-checklist-font-size: 20px;
--apb-award-checklist-line-height: 26px;
--apb-award-checklist-icon-size: 30px;
--apb-award-checklist-icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 30C6.715 30 0 23.285 0 15C0 6.715 6.715 0 15 0C23.285 0 30 6.715 30 15C30 23.285 23.285 30 15 30Z' fill='%23D2B06B'/%3E%3Cpath d='M22 12L13.25 20L8 15.2' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --apb-award-surface-muted: #ececec;
--apb-award-surface-alt: #f1eee7;
--apb-award-backdrop-bg: rgba(2, 61, 58, 0.45);
--apb-award-surface-overlay: rgba(199, 216, 217, 0.22);
--apb-award-text-placeholder: #6d6d6d;
--apb-award-border-input-alt: #d6d6d6;
--apb-award-text-icon-light: #b2b2b2;
--apb-award-border-overlay: rgba(255, 255, 255, 0.2);
--apb-award-surface-overlay-hover: rgba(255, 255, 255, 0.14);
--apb-award-danger-bg: rgba(143, 58, 58, 0.18);
--apb-award-danger-border-soft: rgba(143, 58, 58, 0.35);
--apb-award-success-bg: rgba(210, 176, 107, 0.2);
}
#topbanner {
display: none !important;
} body.single-award-page .site {
padding-left: 0 !important;
padding-right: 0 !important;
}
body.single-award-page #main {
max-width: none !important;
display: block !important;
margin-top: 0 !important;
padding-top: 0 !important;
}
body.single-award-page .site-content {
display: block !important;
width: 100% !important;
}
body.single-award-page .apb-award-page-wrapper {
margin-top: 0 !important;
} body.single-award-page #masthead .site-title,
body.single-award-page #masthead form[role='search'] {
display: none !important;
}
body.single-award-page #masthead {
height: 0 !important;
min-height: 0 !important;
border: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body.admin-bar .apb-award-page-wrapper {
--apb-award-sticky-tabs-offset: 32px;
}
@media (max-width: 782px) {
body.admin-bar .apb-award-page-wrapper {
--apb-award-sticky-tabs-offset: 46px;
}
} .apb-award-page-wrapper {
font-family: var(--apb-award-font-sans);
color: var(--apb-award-text-dark);
line-height: 1.6;
margin-bottom: 50px;
overflow-x: hidden; }
.apb-award-page-wrapper button,
.apb-award-page-wrapper input,
.apb-award-page-wrapper select,
.apb-award-page-wrapper textarea {
font-family: inherit;
}
.apb-award-page-wrapper h1,
.apb-award-page-wrapper h2,
.apb-award-page-wrapper h3,
.apb-award-page-wrapper h4,
.apb-award-page-wrapper h5,
.apb-award-page-wrapper h6 {
font-family: var(--apb-award-font-serif-alt);
} .single-award-page .apb-award-page-wrapper .apb-award-section h2 {
font-family: var(--apb-award-font-serif-alt);
font-size: 2.5rem;
text-align: center;
color: var(--apb-award-dark-green);
margin-bottom: 2rem;
font-weight: normal;
} .apb-heading-serif {
font-family: var(--apb-award-font-serif-alt);
font-weight: 400;
} .apb-award-page-wrapper .apb-award-btn {
display: inline-block;
padding: 12px 30px;
border-radius: var(--apb-award-radius-pill);
font-weight: bold;
text-decoration: none;
transition: all var(--apb-award-transition-base);
text-transform: uppercase;
font-size: 0.9rem;
cursor: pointer;
}
.apb-award-page-wrapper .btn-outline {
border: 1px solid var(--apb-award-dark-green);
color: var(--apb-award-dark-green);
background: transparent;
}
.apb-award-page-wrapper .btn-outline:hover {
background: var(--apb-award-dark-green);
color: var(--apb-award-surface);
}
.apb-award-page-wrapper .btn-solid {
background: var(--apb-award-gold);
color: var(--apb-award-surface);
border: 1px solid var(--apb-award-gold);
}
.apb-award-page-wrapper .btn-solid:hover {
background: var(--apb-award-gold-hover);
border-color: var(--apb-award-gold-hover);
}
.apb-award-hero {
position: relative;
width: 100%;
margin-bottom: 0;
display: flex;
flex-direction: column;
align-items: center;
}
.apb-award-hero picture,
.apb-award-hero img {
width: 100%;
height: auto;
display: block;
}
@media (min-width: 769px) {
.apb-award-hero {
height: var(--apb-award-hero-max-height-desktop);
max-height: var(--apb-award-hero-max-height-desktop);
overflow: hidden;
}
.apb-award-hero picture,
.apb-award-hero img {
height: 100%;
}
.apb-award-hero img {
object-fit: cover;
}
}
.apb-award-hero-ctas {
position: absolute;
bottom: 7%;
left: 0;
width: 100%;
text-align: center;
display: flex;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
}
.apb-award-hero-ctas .btn-outline {
border-color: var(--apb-award-surface);
color: var(--apb-award-surface);
}
.apb-award-hero-ctas .btn-outline:hover {
background: var(--apb-award-surface);
color: var(--apb-award-dark-green);
}
.apb-award-hero-logo-wrap {
position: absolute;
top: 24%;
left: 50%;
transform: translateX(-50%);
z-index: 3;
width: min(420px, 52vw);
display: flex;
justify-content: center;
}
.apb-award-hero-logo {
width: 100%;
height: auto;
display: block;
} @media (max-width: 768px) {
.apb-award-hero-ctas {
bottom: 5%;
flex-direction: column;
align-items: center;
gap: 10px;
}
.apb-award-hero-logo-wrap {
top: 26%;
width: min(260px, 72vw);
}
}
.apb-award-tabs {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 3;
border-bottom: none;
margin-bottom: 0;
background: var(--apb-award-tab-strip-bg);
}
.apb-award-tabs.is-sticky {
position: fixed;
top: var(--apb-award-sticky-tabs-offset);
left: 0;
width: 100%;
z-index: 110;
background: var(--apb-award-tab-strip-bg);
border-bottom: none;
}
.apb-award-tabs.is-sticky.is-scrolled {
background: var(--apb-award-tab-strip-bg-sticky);
border-bottom: 1px solid var(--apb-award-tab-strip-border-sticky);
}
.apb-award-tab-list {
list-style: none;
padding: 0;
margin: 0;
min-height: 70px;
align-items: center;
display: flex;
justify-content: center;
gap: 55px;
transform: translateX(var(--apb-award-tabs-center-offset, 0px));
}
.apb-award-tab-link {
display: flex;
align-items: center;
justify-content: center;
height: 25px;
padding: 0;
color: var(--apb-award-gold-strong);
text-decoration: none;
font-family: var(--apb-award-font-serif-alt);
font-size: 22px;
line-height: 21px;
font-weight: 400;
position: relative;
}
.apb-award-tab-link--overview {
width: 87px;
}
.apb-award-tab-link--winners {
width: 82px;
}
.apb-award-tab-link--categories {
width: 99px;
}
.apb-award-tab-link--guidelines {
width: 104px;
}
.apb-award-tab-link--all-awards {
width: 106px;
}
.apb-award-tab-link.active {
font-weight: 400;
color: var(--apb-award-gold-strong);
}
.apb-award-tab-link.active::after {
content: '';
position: absolute;
top: 29px;
left: 0;
width: 100%;
height: 1px;
background: var(--apb-award-gold-strong);
} .apb-award-tab-panel {
display: none;
animation: fadeIn 0.5s ease-in-out;
}
.apb-award-tab-panel.active {
display: block;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
} @media (max-width: 768px) {
.apb-award-tabs {
position: relative;
background: transparent;
}
.apb-award-tabs.is-sticky {
position: fixed;
}
.apb-award-tab-list {
min-height: 56px;
gap: 20px;
transform: none;
}
.apb-award-tab-link {
height: 22px;
font-size: 19px;
line-height: 18px;
}
.apb-award-tab-link--overview,
.apb-award-tab-link--winners,
.apb-award-tab-link--categories,
.apb-award-tab-link--guidelines,
.apb-award-tab-link--all-awards {
width: auto;
}
.apb-award-tab-link.active::after {
top: 24px;
}
}
.apb-award-content-block {
max-width: 900px;
margin: 0 auto;
padding: 2rem 5%;
} .single-award-page .apb-award-page-wrapper .apb-award-content-block p {
text-align: center;
color: var(--apb-award-text-muted);
margin-bottom: 2rem;
} .single-award-page .apb-award-page-wrapper .apb-award-content-block h1,
.single-award-page .apb-award-page-wrapper .apb-award-content-block h2 {
color: var(--apb-award-dark-green);
text-align: left;
font-weight: normal;
margin-top: 2rem;
margin-bottom: 1.5rem;
}
.single-award-page .apb-award-page-wrapper .apb-award-content-block h3 {
color: var(--apb-award-dark-green);
text-align: left;
font-weight: normal;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.single-award-page .apb-award-page-wrapper .apb-award-content-block h1 {
font-size: 2.75rem;
line-height: 1.2;
}
.single-award-page .apb-award-page-wrapper .apb-award-content-block h2 {
font-size: 2.5rem;
line-height: 1.2;
}
.single-award-page .apb-award-page-wrapper .apb-award-content-block h3 {
font-size: 2rem;
line-height: 1.25;
} .apb-award-section p {
text-align: inherit;
color: inherit;
} .apb-award-section {
margin-bottom: 4rem;
padding: 2rem 0;
} body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines {
background: var(--apb-award-guidelines-light-bg);
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
width: 100vw;
padding: 18px 0 28px;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-content-block {
--apb-award-guidelines-content-max-width: 1160px;
--apb-award-guidelines-content-gutter: 40px;
max-width: var(--apb-award-guidelines-content-max-width);
padding-left: var(--apb-award-guidelines-content-gutter);
padding-right: var(--apb-award-guidelines-content-gutter);
background: transparent;
color: var(--apb-award-guidelines-light-text);
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-content-block p,
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-content-block li {
color: var(--apb-award-guidelines-light-text);
text-align: left;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-content-block h1,
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-content-block h2,
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-content-block h3,
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-content-block h4 {
color: var(--apb-award-dark-green-strong);
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-content-block > .wp-block-group:not(.apb-award-dark-section) {
background: transparent;
color: var(--apb-award-guidelines-light-text);
border-radius: 0;
padding: 28px 0;
margin-bottom: 18px;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-content-block > .wp-block-group:not(.apb-award-dark-section) p,
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-content-block > .wp-block-group:not(.apb-award-dark-section) li {
color: var(--apb-award-guidelines-light-text);
text-align: left;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-content-block > .wp-block-group:not(.apb-award-dark-section) h1,
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-content-block > .wp-block-group:not(.apb-award-dark-section) h2,
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-content-block > .wp-block-group:not(.apb-award-dark-section) h3,
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-content-block > .wp-block-group:not(.apb-award-dark-section) h4 {
color: var(--apb-award-dark-green-strong);
} body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-dark-section {
background: var(--apb-award-dark-section-bg);
color: var(--apb-award-dark-section-text);
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
width: 100vw;
padding: 54px 0;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-dark-section > .wp-block-group__inner-container {
max-width: var(--apb-award-guidelines-content-max-width, 1160px);
margin: 0 auto;
padding-left: var(--apb-award-guidelines-content-gutter, 40px);
padding-right: var(--apb-award-guidelines-content-gutter, 40px);
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-dark-section h1,
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-dark-section h2,
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-dark-section h3,
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-dark-section h4 {
color: var(--apb-award-dark-section-title);
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-dark-section p,
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-dark-section li {
color: var(--apb-award-dark-section-text);
text-align: left;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-dark-section a {
color: var(--apb-award-dark-section-link);
text-decoration: underline;
text-underline-offset: 2px;
} body.single-award-page .apb-award-page-wrapper ol.apb-award-process-list,
body.single-award-page .apb-award-page-wrapper ol.wp-block-list.apb-award-process-list {
margin: 0;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 16px;
counter-reset: apb-award-process-step;
}
body.single-award-page .apb-award-page-wrapper ol.apb-award-process-list > li,
body.single-award-page .apb-award-page-wrapper ol.wp-block-list.apb-award-process-list > li {
margin: 0;
min-height: 210px;
padding: 20px 20px 18px;
background: var(--apb-award-process-card-bg);
border: 1px solid var(--apb-award-process-card-border);
border-radius: var(--apb-award-radius-lg);
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-align: center;
color: var(--apb-award-process-text-color);
counter-increment: apb-award-process-step;
}
body.single-award-page .apb-award-page-wrapper ol.apb-award-process-list > li::before,
body.single-award-page .apb-award-page-wrapper ol.wp-block-list.apb-award-process-list > li::before {
content: counter(apb-award-process-step);
display: block;
color: var(--apb-award-process-number-color);
font-family: var(--apb-award-font-serif-alt);
font-size: 52px;
line-height: 1;
margin-bottom: 16px;
}
body.single-award-page .apb-award-page-wrapper ol.apb-award-process-list > li > p,
body.single-award-page .apb-award-page-wrapper ol.wp-block-list.apb-award-process-list > li > p {
margin: 0;
text-align: center;
color: var(--apb-award-process-text-color);
font-size: 17px;
line-height: 1.65;
}
body.single-award-page .apb-award-page-wrapper ol.apb-award-process-list > li a,
body.single-award-page .apb-award-page-wrapper ol.wp-block-list.apb-award-process-list > li a {
color: var(--apb-award-dark-green-strong);
text-decoration: underline;
text-underline-offset: 2px;
}
body.single-award-page .apb-award-page-wrapper ol.apb-award-process-list > li a:hover,
body.single-award-page .apb-award-page-wrapper ol.wp-block-list.apb-award-process-list > li a:hover {
color: var(--apb-award-gold-hover);
} body.single-award-page .apb-award-page-wrapper ul.apb-award-checklist,
body.single-award-page .apb-award-page-wrapper ul.wp-block-list.apb-award-checklist {
margin: 0;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: repeat(2, minmax(280px, 1fr));
gap: 28px 92px;
}
body.single-award-page .apb-award-page-wrapper ul.apb-award-checklist > li,
body.single-award-page .apb-award-page-wrapper ul.wp-block-list.apb-award-checklist > li {
margin: 0;
padding: 0;
color: var(--apb-award-checklist-text);
font-family: var(--apb-award-font-sans);
font-size: var(--apb-award-checklist-font-size);
line-height: var(--apb-award-checklist-line-height);
font-weight: 400;
display: flex;
align-items: center;
gap: 14px;
}
body.single-award-page .apb-award-page-wrapper ul.apb-award-checklist > li::before,
body.single-award-page .apb-award-page-wrapper ul.wp-block-list.apb-award-checklist > li::before {
content: '';
flex: 0 0 var(--apb-award-checklist-icon-size);
width: var(--apb-award-checklist-icon-size);
height: var(--apb-award-checklist-icon-size);
background-image: var(--apb-award-checklist-icon-svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-top: 0;
} @media (max-width: 768px) {
body.single-award-page .apb-award-page-wrapper ol.apb-award-process-list,
body.single-award-page .apb-award-page-wrapper ol.wp-block-list.apb-award-process-list {
grid-template-columns: 1fr;
gap: 12px;
}
body.single-award-page .apb-award-page-wrapper ol.apb-award-process-list > li,
body.single-award-page .apb-award-page-wrapper ol.wp-block-list.apb-award-process-list > li {
min-height: 0;
padding: 16px 14px;
}
body.single-award-page .apb-award-page-wrapper ol.apb-award-process-list > li::before,
body.single-award-page .apb-award-page-wrapper ol.wp-block-list.apb-award-process-list > li::before {
font-size: 44px;
margin-bottom: 10px;
}
body.single-award-page .apb-award-page-wrapper ol.apb-award-process-list > li > p,
body.single-award-page .apb-award-page-wrapper ol.wp-block-list.apb-award-process-list > li > p {
font-size: 16px;
line-height: 1.5;
}
body.single-award-page .apb-award-page-wrapper ul.apb-award-checklist,
body.single-award-page .apb-award-page-wrapper ul.wp-block-list.apb-award-checklist {
grid-template-columns: 1fr;
gap: 10px;
}
body.single-award-page .apb-award-page-wrapper ul.apb-award-checklist > li,
body.single-award-page .apb-award-page-wrapper ul.wp-block-list.apb-award-checklist > li {
font-size: 18px;
line-height: 24px;
gap: 12px;
}
body.single-award-page .apb-award-page-wrapper ul.apb-award-checklist > li::before,
body.single-award-page .apb-award-page-wrapper ul.wp-block-list.apb-award-checklist > li::before {
--apb-award-checklist-icon-size: 24px;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-content-block > .wp-block-group:not(.apb-award-dark-section) {
padding: 20px 0;
margin-bottom: 12px;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-content-block {
--apb-award-guidelines-content-gutter: 14px;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-dark-section {
padding: 34px 0;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-dark-section > .wp-block-group__inner-container {
padding-left: var(--apb-award-guidelines-content-gutter, 14px);
padding-right: var(--apb-award-guidelines-content-gutter, 14px);
}
}
.apb-award-key-dates {
text-align: center;
}
.apb-award-timeline {
display: flex;
justify-content: space-between;
align-items: flex-start;
position: relative;
max-width: 900px;
margin: 0 auto;
padding-top: 20px;
}
.apb-award-timeline::before {
content: '';
position: absolute;
top: 30px;
left: 5%;
right: 5%;
height: 2px;
background: var(--apb-award-border);
z-index: 1;
}
.apb-timeline-item {
position: relative;
z-index: 2;
flex: 1;
text-align: center;
padding: 0 10px;
}
.timeline-marker {
position: relative;
width: 20px;
height: 20px;
background: var(--apb-award-border-neutral);
border: 1px solid var(--apb-award-surface);
box-sizing: border-box;
border-radius: 50%;
margin: 0 auto 15px auto;
transition: all 0.3s;
}
.timeline-marker::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 12px;
border-radius: 50%;
background: var(--apb-award-border-neutral);
border: 1px solid var(--apb-award-surface);
box-sizing: border-box;
transform: translate(-50%, -50%);
}
.apb-timeline-item.past .timeline-marker {
background: var(--apb-award-border-neutral);
}
.apb-timeline-item.active .timeline-marker {
background: var(--apb-award-gold);
border-color: var(--apb-award-surface);
transform: none;
}
.apb-timeline-item.active .timeline-marker::after {
background: var(--apb-award-gold);
border-color: var(--apb-award-surface);
}
.apb-timeline-item.active .timeline-marker::before {
content: '';
position: absolute;
left: 50%;
top: -14px;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 10px solid var(--apb-award-gold);
animation: apb-award-arrow-bounce 2.6s ease-in-out infinite;
}
@keyframes apb-award-arrow-bounce {
0%,
100% {
transform: translateX(-50%) translateY(0);
}
50% {
transform: translateX(-50%) translateY(-2px);
}
}
@media (prefers-reduced-motion: reduce) {
.apb-timeline-item.active .timeline-marker::before {
animation: none;
}
}
.single-award-page .apb-award-page-wrapper .apb-award-key-dates .timeline-label {
font-family: var(--apb-award-font-sans);
font-size: 1rem;
font-weight: 400;
margin: 0 0 5px 0;
color: var(--apb-award-text-subtle);
text-align: center;
line-height: 1.25;
}
.single-award-page .apb-award-page-wrapper .apb-award-key-dates .timeline-date {
font-size: 0.9rem;
color: var(--apb-award-text-subtle);
font-weight: 400;
margin: 0;
text-align: center;
}
.single-award-page .apb-award-page-wrapper .apb-award-key-dates .apb-timeline-item.active .timeline-label,
.single-award-page .apb-award-page-wrapper .apb-award-key-dates .apb-timeline-item.active .timeline-date {
color: var(--apb-award-dark-green-strong);
font-weight: 400;
} @media (max-width: 768px) {
.apb-award-timeline {
flex-direction: column;
align-items: flex-start;
padding-left: 20px;
}
.apb-award-timeline::before {
left: 29px;
top: 0;
bottom: 0;
width: 2px;
height: auto;
}
.apb-timeline-item {
display: flex;
text-align: left;
margin-bottom: 20px;
}
.timeline-marker {
margin: 5px 20px 0 0;
}
}
.apb-award-categories {
background: var(--apb-award-light-bg);
padding: 3rem 0;
color: var(--apb-award-text-subtle);
font-weight: 400;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
width: 100vw;
box-sizing: border-box;
}
.single-award-page .apb-award-page-wrapper .apb-award-categories .apb-award-section-title {
font-family: var(--apb-award-font-serif-alt);
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 44px;
color: var(--apb-award-dark-green-strong);
text-align: left;
margin: 0 0 32px 0;
}
.apb-category-filters {
font-weight: 400;
display: flex;
justify-content: flex-start;
align-items: center;
margin: 0 0 20px 0;
gap: 14px;
}
.filter-search-wrap, .filter-dropdown-wrap {
flex: 0 1 341px;
min-width: 0;
position: relative;
}
.apb-category-toggle-wrap {
display: flex;
align-items: center;
white-space: nowrap;
}
.apb-category-bulk-actions {
display: inline-flex;
align-items: center;
gap: 8px;
margin-left: auto;
}
.apb-category-bulk-btn {
border: 1px solid var(--apb-award-border-input);
background: var(--apb-award-surface);
color: var(--apb-award-dark-green-strong);
border-radius: var(--apb-award-radius-md);
height: 36px;
padding: 0 12px;
font-size: 14px;
line-height: 1;
cursor: pointer;
}
.apb-category-bulk-btn:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.apb-category-toggle-label {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 17px;
line-height: 27px;
color: var(--apb-award-dark-green-strong);
cursor: pointer;
}
.apb-category-search-input, .apb-category-dropdown {
width: 100%;
height: 46px;
padding: 10px 48px 10px 18px;
border: 1px solid var(--apb-award-border-input);
border-radius: var(--apb-award-radius-md);
font-size: 17px;
line-height: 27px;
color: var(--apb-award-text-subtle);
background: var(--apb-award-surface);
box-sizing: border-box;
-webkit-appearance: none;
appearance: none;
}
.apb-category-search-input::placeholder {
color: var(--apb-award-text-subtle);
opacity: 1;
}
.filter-dropdown-wrap::after {
content: '';
position: absolute;
top: 50%;
right: 16px;
width: 10px;
height: 10px;
border-right: 2px solid var(--apb-award-border-subtle);
border-bottom: 2px solid var(--apb-award-border-subtle);
transform: translateY(-60%) rotate(45deg);
pointer-events: none;
}
.search-icon {
position: absolute;
font-size: 0;
width: 23px;
height: 23px;
border: 2px solid var(--apb-award-gold-strong);
border-radius: 50%;
right: 18px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
}
.search-icon::after {
content: '';
position: absolute;
width: 9px;
height: 2px;
background: var(--apb-award-gold-strong);
right: -6px;
bottom: 2px;
transform: rotate(45deg);
transform-origin: center;
}
.apb-category-accordion-list {
margin: 0;
}
.apb-accordion-item {
border-top: 1px solid var(--apb-award-border);
border-bottom: 1px solid var(--apb-award-border);
margin-bottom: -1px;
}
.apb-accordion-header {
width: 100%;
text-align: left;
background: none;
border: none;
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 44px;
color: var(--apb-award-dark-green-strong);
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
}
.apb-accordion-title {
margin: 0;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
.apb-accordion-icon {
position: relative;
width: 20px;
height: 20px;
}
.apb-accordion-icon::before, .apb-accordion-icon::after {
content: '';
position: absolute;
background: var(--apb-award-dark-green);
transition: all 0.3s;
}
.apb-accordion-icon::before {
top: 9px; left: 0; width: 20px; height: 2px;
}
.apb-accordion-icon::after {
top: 0; left: 9px; width: 2px; height: 20px;
}
.apb-accordion-item.open .apb-accordion-icon::after {
transform: rotate(90deg);
opacity: 0;
}
.apb-accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
}
.apb-accordion-item.open .apb-accordion-content {
max-height: 1000px; 
}
.apb-category-item-list {
list-style: none;
padding: 0 0 1.5rem 0;
margin: 0;
}
.apb-category-item {
padding: 8px 0;
color: var(--apb-award-text-subtle);
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 27px;
cursor: default;
}
.apb-category-item[data-category-id] {
cursor: pointer;
}
.apb-category-item[data-category-id]:focus-visible {
outline: 2px solid var(--apb-award-gold-strong);
outline-offset: 3px;
}
.apb-category-item-new-tag {
display: inline-block;
margin-left: 8px;
padding: 0 10px;
border-radius: 2px;
border: none;
background: var(--apb-award-gold-strong);
color: var(--apb-award-surface);
text-align: center;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 27px;
text-transform: uppercase;
}
.apb-award-categories-table-section {
margin-bottom: 1rem;
padding-top: 0;
}
.apb-award-categories-table-view {
padding-top: 2rem;
}
.apb-award-categories-table-view .apb-award-content-block {
max-width: 1280px;
}
.apb-category-filters-lead {
margin: 0 0 10px 0;
color: var(--apb-award-dark-green-strong);
font-family: var(--apb-award-font-sans);
font-size: 32px;
line-height: 1.25;
text-align: left;
}
.apb-category-table-actions {
display: flex;
justify-content: center;
margin: 0 0 10px 0;
}
.apb-category-table-group {
margin-bottom: 18px;
border: 1px solid var(--apb-award-gold-strong);
border-radius: var(--apb-award-radius-sm);
overflow: hidden;
background: var(--apb-award-surface);
}
.apb-category-table-group-heading {
padding: 12px 16px;
color: var(--apb-award-dark-green-strong);
font-family: var(--apb-award-font-serif-alt);
font-size: 36px;
line-height: 1.15;
}
.apb-category-table-group-heading-wrap {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding-right: 12px;
background: var(--apb-award-surface-alt);
border-bottom: 1px solid var(--apb-award-border);
}
.apb-category-group-select-btn {
border: 1px solid var(--apb-award-gold-strong);
background: var(--apb-award-surface);
color: var(--apb-award-dark-green-strong);
border-radius: var(--apb-award-radius-md);
min-height: 32px;
padding: 0 10px;
font-size: 13px;
line-height: 1;
cursor: pointer;
}
.apb-category-group-select-btn:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.apb-award-categories-table-wrap {
overflow-x: auto;
border-top: 1px solid var(--apb-award-gold-strong);
border-radius: var(--apb-award-radius-sm);
background: var(--apb-award-surface);
}
.apb-award-categories-table {
width: 100%;
min-width: 860px;
border-collapse: collapse;
background: var(--apb-award-surface);
}
.apb-award-categories-table thead th {
text-align: left;
background: var(--apb-award-dark-green);
color: var(--apb-award-surface);
font-family: var(--apb-award-font-sans);
font-size: 17px;
line-height: 27px;
font-weight: 400;
letter-spacing: 0;
text-transform: none;
padding: 16px;
border-bottom: 1px solid var(--apb-award-border);
}
.apb-award-categories-table-col-check {
width: 56px;
text-align: center;
}
.apb-award-categories-table thead input[type='checkbox'],
.apb-award-categories-table tbody input[type='checkbox'] {
width: 15px;
height: 15px;
border: 1px solid var(--apb-award-border-input);
border-radius: 2px;
margin: 0;
accent-color: var(--apb-award-gold-strong);
}
.apb-award-categories-export-btn {
border: 1px solid var(--apb-award-gold-strong);
background: var(--apb-award-gold-strong);
color: var(--apb-award-surface);
border-radius: var(--apb-award-radius-md);
height: 36px;
min-width: 185px;
padding: 0 12px;
font-size: 14px;
line-height: 27px;
font-weight: 400;
cursor: pointer;
opacity: 1;
}
.apb-award-categories-export-btn:disabled {
opacity: 0.65;
cursor: not-allowed;
}
.apb-award-categories-table tbody td {
border-bottom: 1px solid var(--apb-award-border);
color: var(--apb-award-text-dark);
font-size: 17px;
line-height: 27px;
padding: 16px;
vertical-align: middle;
}
.apb-award-categories-table tbody tr:last-child td {
border-bottom: 0;
}
.apb-award-categories-table tbody tr:has(input[type='checkbox']:checked) {
background: var(--apb-award-light-bg-winners);
}
.apb-award-categories-table-title {
display: block;
font-family: var(--apb-award-font-serif-alt);
font-size: 17px;
line-height: 27px;
font-weight: 400;
color: var(--apb-award-dark-green-strong);
}
.apb-award-categories-table-subtitle {
display: block;
margin-top: 4px;
color: var(--apb-award-text-muted);
font-size: 0.9rem;
}
.apb-award-categories-table-new-tag {
display: inline-block;
margin-left: 8px;
padding: 2px 8px;
border-radius: 999px;
background: var(--apb-award-dark-green-strong);
color: var(--apb-award-surface);
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
} .apb-award-categories-table-description {
color: var(--apb-award-text-muted);
font-family: var(--apb-award-font-sans);
font-size: 14px;
line-height: 20px;
font-weight: 300;
}
.apb-award-categories-table-description p,
.single-award-page .apb-award-page-wrapper .apb-award-categories-table-description p {
margin: 0;
color: inherit;
text-align: left;
}
.apb-award-categories-table-description p + p {
margin-top: 8px;
}
.apb-award-categories-table-empty {
margin-bottom: 0;
text-align: center;
color: var(--apb-award-text-muted);
} @media (max-width: 768px) {
.apb-category-filters {
flex-direction: column;
align-items: stretch;
}
.filter-search-wrap,
.filter-dropdown-wrap {
flex-basis: auto;
max-width: none;
}
.apb-category-table-actions {
justify-content: center;
}
.apb-category-bulk-actions {
margin-left: 0;
flex-wrap: wrap;
}
.apb-category-table-group-heading-wrap {
flex-direction: column;
align-items: flex-start;
padding: 10px 12px;
}
.apb-category-table-group-heading {
padding: 0;
border-bottom: 0;
}
.apb-award-categories-table {
min-width: 0;
}
.apb-award-categories-table thead {
display: none;
}
.apb-award-categories-table,
.apb-award-categories-table tbody,
.apb-award-categories-table tr,
.apb-award-categories-table td {
display: block;
width: 100%;
}
.apb-award-categories-table tbody tr {
border-bottom: 1px solid var(--apb-award-border);
padding: 12px 0;
}
.apb-award-categories-table tbody tr:last-child {
border-bottom: 0;
}
.apb-award-categories-table tbody td {
border-bottom: 0;
padding: 8px 14px;
}
.apb-award-categories-table tbody td::before {
content: attr(data-label);
display: block;
margin-bottom: 4px;
color: var(--apb-award-text-muted);
font-size: 0.76rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.apb-award-categories-table-new-tag {
margin-left: 0;
margin-top: 6px;
}
.apb-category-table-group-heading {
font-size: 28px;
}
}
.apb-award-past-winners {
text-align: center;
}
.apb-winners-logo-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
gap: 30px;
max-width: 900px;
margin: 0 auto 2rem auto;
align-items: center;
}
.apb-winner-logo-item img {
max-width: 100%;
height: auto;
filter: grayscale(100%);
opacity: 0.7;
transition: all 0.3s;
}
.apb-winner-logo-item:hover img {
filter: grayscale(0%);
opacity: 1;
}
.apb-winner-text-only {
font-weight: bold;
color: var(--apb-award-text-dark);
} .apb-award-tab-panel#winners .apb-award-content-block {
max-width: none;
padding: 0;
margin: 0;
}
.apb-full-winners-tab {
width: 100vw;
max-width: none;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
color: var(--apb-award-text-subtle);
}
.apb-winners-years-nav {
display: flex;
justify-content: center;
gap: 16px;
margin-bottom: 50px;
flex-wrap: wrap;
background: var(--apb-award-gold-strong);
min-height: 56px;
align-items: center;
padding: 12px 20px;
}
.apb-year-btn {
background: transparent;
color: var(--apb-award-surface);
border: 1px solid var(--apb-award-surface);
width: 81px;
height: 32px;
border-radius: 19px;
cursor: pointer;
font-size: 18px;
font-weight: 400;
line-height: 27px;
padding: 0;
transition: all var(--apb-award-transition-base);
}
.apb-year-btn:hover {
border-color: var(--apb-award-surface);
background: var(--apb-award-surface-overlay-hover);
}
.apb-year-btn.active {
background: var(--apb-award-surface);
color: var(--apb-award-gold-strong);
border-color: var(--apb-award-surface);
font-weight: 600;
}
.apb-year-btn:disabled {
opacity: 0.7;
cursor: wait;
}
.apb-winners-filters {
background: var(--apb-award-light-bg-winners);
max-width: 1135px;
margin: 0 auto 54px;
padding: 0;
display: flex;
justify-content: space-between;
gap: 14px;
}
.apb-winners-filters .filter-search-wrap,
.apb-winners-filters .filter-dropdown-wrap {
flex: 0 1 341px;
min-width: 0;
}
.apb-winners-filters .apb-category-search-input,
.apb-winners-filters .apb-category-dropdown {
height: 46px;
border: 1px solid var(--apb-award-border-input);
border-radius: var(--apb-award-radius-md);
padding: 10px 48px 10px 18px;
font-size: 17px;
line-height: 27px;
color: var(--apb-award-text-subtle);
background: var(--apb-award-surface);
box-sizing: border-box;
-webkit-appearance: none;
appearance: none;
}
.apb-winners-filters .apb-category-search-input::placeholder {
color: var(--apb-award-text-subtle);
opacity: 1;
}
.apb-winners-filters .filter-dropdown-wrap::after {
content: '';
position: absolute;
top: 50%;
right: 16px;
width: 10px;
height: 10px;
border-right: 2px solid var(--apb-award-border-subtle);
border-bottom: 2px solid var(--apb-award-border-subtle);
transform: translateY(-60%) rotate(45deg);
pointer-events: none;
}
.apb-winners-filters .filter-search-wrap .search-icon {
font-size: 0;
width: 23px;
height: 23px;
border: 2px solid var(--apb-award-gold-strong);
border-radius: 50%;
right: 18px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
}
.apb-winners-filters .filter-search-wrap .search-icon::after {
content: '';
position: absolute;
width: 9px;
height: 2px;
background: var(--apb-award-gold-strong);
right: -6px;
bottom: 2px;
transform: rotate(45deg);
transform-origin: center;
}
.apb-winners-content-panels {
opacity: 1;
transition: opacity 180ms ease;
}
.apb-winners-content-panels.is-loading {
opacity: 0.55;
}
.apb-winners-content-panels.is-entering {
opacity: 0;
}
.apb-winners-year-panel {
background: var(--apb-award-light-bg-winners);
padding: 44px 40px 56px;
width: 100%;
box-sizing: border-box;
}
.apb-winners-section {
max-width: 1210px;
margin: 0 auto;
}
.apb-winners-section-hc {
margin-top: 54px;
}
.apb-winners-main-title {
font-family: var(--apb-award-font-serif-alt);
font-size: 54px;
line-height: 70px;
color: var(--apb-award-dark-green-strong);
text-align: left;
margin: 0 0 20px;
font-weight: 400;
}
.apb-winners-empty {
margin-top: 8px;
color: var(--apb-award-text-subtle);
font-size: 17px;
line-height: 27px;
}
.apb-winners-group-title {
font-family: var(--apb-award-font-serif-alt);
font-size: 40px;
line-height: 44px;
color: var(--apb-award-dark-green-strong);
margin: 34px 0 22px;
text-align: left;
font-weight: 400;
}
.apb-winners-grid {
display: grid;
grid-template-columns: repeat(5, 216px);
justify-content: space-between;
gap: 24px 18px;
max-width: 100%;
margin: 0 auto;
}
.apb-winner-card {
background: var(--apb-award-surface);
border-radius: var(--apb-award-radius-lg);
border: 1px solid var(--apb-award-card-border);
box-shadow: none;
overflow: hidden;
transition: border-color var(--apb-award-transition-fast);
min-height: 230px;
display: block;
}
.apb-winner-card:hover {
transform: none;
border-color: var(--apb-award-card-border-hover);
}
.apb-winner-card > div {
min-height: 230px;
display: flex;
flex-direction: column;
}
.apb-winner-card > div > div:first-child {
min-height: 100px;
display: flex;
align-items: center;
justify-content: center;
padding: 18px 14px 8px;
border-bottom: 1px solid var(--apb-award-card-divider);
}
.apb-winner-card > div > div:first-child a,
.apb-winner-card > div > div:first-child img {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.apb-winner-card > div > span,
.apb-winner-card > div > p,
.apb-winner-card > div > div:last-child {
padding: 14px 14px 16px;
text-align: center;
}
.apb-winner-card span[style*='font-size: smaller'] {
font-size: 17px !important;
line-height: 23px !important;
font-weight: 400 !important;
color: var(--apb-award-text-subtle) !important;
padding: 12px 12px 16px;
}
.apb-winners-loading,
.apb-winners-error {
text-align: center;
font-size: 17px;
line-height: 27px;
color: var(--apb-award-text-subtle);
padding: 48px 20px;
background: var(--apb-award-light-bg-winners);
}
.apb-winners-error {
color: var(--apb-award-danger-text);
} @media (max-width: 768px) {
.apb-winners-logo-grid {
grid-template-columns: repeat(2, 1fr);
}
.apb-winners-years-nav {
justify-content: flex-start;
padding: 10px 12px;
gap: 10px;
min-height: 52px;
}
.apb-year-btn {
width: 74px;
height: 30px;
font-size: 16px;
line-height: 24px;
}
.apb-winners-filters {
flex-direction: column;
gap: 10px;
margin-bottom: 26px;
}
.apb-winners-filters .filter-search-wrap,
.apb-winners-filters .filter-dropdown-wrap {
flex-basis: auto;
max-width: none;
}
.apb-winners-year-panel {
padding: 28px 16px 36px;
}
.apb-winners-main-title {
font-size: 40px;
line-height: 52px;
margin-bottom: 12px;
}
.apb-winners-group-title {
font-size: 30px;
line-height: 36px;
margin: 24px 0 14px;
}
.apb-winners-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.apb-winner-card,
.apb-winner-card > div {
min-height: 206px;
}
}
@media (min-width: 769px) and (max-width: 1200px) {
.apb-winners-year-panel {
padding: 34px 22px 44px;
}
.apb-winners-filters {
gap: 10px;
}
.apb-winners-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
}
}
.apb-category-history-modal {
border: none;
padding: 0;
width: min(1160px, 94vw);
max-width: 1160px;
background: transparent;
}
.apb-category-history-modal::backdrop {
background: var(--apb-award-backdrop-bg);
}
.apb-category-history-modal-inner {
background: var(--apb-award-light-bg-winners);
border: 1px solid var(--apb-award-card-border);
border-radius: var(--apb-award-radius-lg);
padding: 22px 22px 26px;
position: relative;
}
.apb-category-history-title {
margin: 0 60px 18px 0;
color: var(--apb-award-dark-green-strong);
font-family: var(--apb-award-font-serif-alt);
font-size: 32px;
line-height: 1.2;
font-weight: 400;
}
.apb-category-history-close {
position: absolute;
top: 14px;
right: 14px;
border: 1px solid var(--apb-award-border-input);
border-radius: var(--apb-award-radius-pill);
min-width: 80px;
min-height: 36px;
padding: 6px 14px;
background: var(--apb-award-surface);
color: var(--apb-award-dark-green-strong);
font-size: 15px;
line-height: 1;
cursor: pointer;
}
.apb-category-history-close:focus-visible {
outline: 2px solid var(--apb-award-gold-strong);
outline-offset: 2px;
}
.apb-category-history-body {
max-height: min(74vh, 840px);
overflow: auto;
padding-right: 6px;
}
.apb-category-history-description {
margin-bottom: 20px;
padding: 14px 16px;
border: 1px solid var(--apb-award-border);
border-radius: var(--apb-award-radius-sm);
background: var(--apb-award-surface);
color: var(--apb-award-text-subtle);
font-size: 15px;
line-height: 1.6;
}
.apb-category-history-description p,
.single-award-page .apb-award-page-wrapper .apb-category-history-description p {
margin: 0;
text-align: left;
}
.apb-category-history-description p + p {
margin-top: 10px;
}
.apb-category-history-year {
margin-top: 24px;
}
.apb-category-history-year:first-child {
margin-top: 0;
}
.apb-category-history-year-title {
margin-top: 0;
margin-bottom: 16px;
}
.apb-category-history-grid {
grid-template-columns: repeat(4, 216px);
} .apb-award-submission-modal {
border: none;
padding: 0;
width: min(790px, 94vw);
max-width: 790px;
background: transparent;
}
.apb-award-submission-modal::backdrop {
background: var(--apb-award-backdrop-bg);
}
.apb-award-submission-modal-inner {
background: var(--apb-award-dark-green-strong);
border: none;
border-radius: 0;
padding: 40px 46px 46px;
position: relative;
}
.apb-award-submission-title {
margin: 0 72px 20px 0;
color: var(--apb-award-gold-strong);
font-family: var(--apb-award-font-serif-alt);
font-size: 52px;
line-height: 1.2;
font-weight: 400;
text-transform: none;
}
.apb-award-submission-subtitle {
margin: 0 0 30px;
color: var(--apb-award-gold-strong);
font-size: 17px;
line-height: 27px;
border-radius: var(--apb-award-radius-sm);
}
.apb-award-submission-close {
position: absolute;
top: 20px;
right: 20px;
width: 60px;
height: 60px;
border: 1px solid var(--apb-award-border-overlay);
border-radius: 50%;
padding: 0;
background: var(--apb-award-surface-overlay);
color: var(--apb-award-surface);
font-size: 36px;
line-height: 1;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
}
.apb-award-submission-close:focus-visible,
.apb-award-submission-form input:not([type='checkbox']):focus-visible,
.apb-award-submission-form select:focus-visible,
.apb-award-category-picker__trigger:focus-visible,
.apb-award-submission-submit:focus-visible {
outline: 2px solid var(--apb-award-gold-strong);
outline-offset: 2px;
}
.apb-award-form-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px 16px;
}
.apb-award-form-field {
display: flex;
flex-direction: column;
}
.apb-award-form-field--full {
grid-column: 1 / -1;
}
.apb-award-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.apb-award-submission-form input:not([type='checkbox']) {
width: 100%;
min-height: 48px;
border: none;
border-radius: var(--apb-award-radius-md);
background: var(--apb-award-surface-muted);
color: var(--apb-award-text-dark);
font-size: 17px;
line-height: 29px;
padding: 9px 20px;
box-sizing: border-box;
}
.apb-award-submission-form select {
width: 100%;
min-height: 140px;
border: none;
border-radius: var(--apb-award-radius-md);
background: var(--apb-award-surface-muted);
color: var(--apb-award-text-dark);
font-size: 16px;
line-height: 1.45;
padding: 10px 12px;
box-sizing: border-box;
}
.apb-award-submission-form input:not([type='checkbox'])::placeholder {
color: var(--apb-award-text-placeholder);
}
.apb-award-submission-form input:not([type='checkbox']).is-invalid {
border: 1px solid var(--apb-award-danger-text);
}
.apb-award-submission-form select.is-invalid {
border: 1px solid var(--apb-award-danger-text);
}
.apb-award-form-help {
margin: 8px 0 0;
color: var(--apb-award-text-dark);
font-size: 14px;
line-height: 1.45;
background: var(--apb-award-surface-muted);
border-radius: var(--apb-award-radius-sm);
padding: 8px 10px;
}
.apb-award-category-picker {
position: relative;
}
.apb-award-category-picker__trigger {
appearance: none;
width: 100%;
min-height: 48px;
border: 1px solid var(--apb-award-card-border);
border-radius: var(--apb-award-radius-md);
background: var(--apb-award-surface-muted);
color: var(--apb-award-text-dark);
font-size: 16px;
line-height: 1.35;
padding: 12px 42px 12px 14px;
text-align: left;
cursor: pointer;
position: relative;
}
.apb-award-category-picker__trigger:hover,
.apb-award-category-picker__trigger:focus,
.apb-award-category-picker__trigger:active {
background: var(--apb-award-surface-muted);
color: var(--apb-award-text-dark);
border-color: var(--apb-award-card-border);
}
.apb-award-category-picker__trigger::after {
content: '';
position: absolute;
right: 14px;
top: 50%;
width: 10px;
height: 10px;
border-right: 2px solid var(--apb-award-text-dark);
border-bottom: 2px solid var(--apb-award-text-dark);
transform: translateY(-60%) rotate(45deg);
transition: transform var(--apb-award-transition-fast);
}
.apb-award-category-picker.is-open .apb-award-category-picker__trigger::after {
transform: translateY(-20%) rotate(-135deg);
}
.apb-award-category-picker__trigger.is-invalid {
border: 1px solid var(--apb-award-danger-text);
}
.apb-award-category-picker__panel {
position: absolute;
z-index: 40;
top: calc(100% + 8px);
left: 0;
right: 0;
padding: 10px;
border-radius: var(--apb-award-radius-md);
background: var(--apb-award-surface);
border: 1px solid var(--apb-award-card-border);
box-shadow: 0 12px 28px rgba(8, 48, 43, 0.18);
}
.apb-award-category-picker__search {
margin-bottom: 8px;
}
.apb-award-category-picker__options {
max-height: 220px;
overflow-y: auto;
border-radius: var(--apb-award-radius-sm);
border: 1px solid var(--apb-award-card-border);
background: var(--apb-award-surface-muted);
padding: 6px;
}
.apb-award-category-picker__option {
display: flex;
align-items: flex-start;
gap: 8px;
padding: 8px;
border-radius: var(--apb-award-radius-sm);
cursor: pointer;
color: var(--apb-award-text-dark);
font-size: 14px;
line-height: 1.35;
}
.apb-award-category-picker__option:hover {
background: var(--apb-award-surface-overlay);
}
.apb-award-category-picker__option[hidden] {
display: none;
}
.apb-award-category-picker__option input[type='checkbox'] {
width: 18px;
height: 18px;
min-height: 18px;
margin-top: 1px;
flex: 0 0 18px;
accent-color: var(--apb-award-gold-strong);
}
.apb-award-category-picker__chips {
margin-top: 8px;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.apb-award-category-picker__chip {
display: inline-flex;
align-items: center;
border-radius: var(--apb-award-radius-md);
border: 1px solid var(--apb-award-card-border);
padding: 7px 12px;
font-size: 14px;
line-height: 1.35;
color: var(--apb-award-text-dark);
background: var(--apb-award-surface-muted);
}
.apb-award-form-field--phone-row {
display: grid;
grid-template-columns: minmax(110px, 132px) minmax(0, 1fr);
gap: 10px;
align-items: start;
}
.apb-award-form-inline-field {
min-width: 0;
}
.apb-award-form-error {
margin: 6px 0 0;
padding: 0;
max-height: 0;
opacity: 0;
overflow: hidden;
color: var(--apb-award-danger-text);
font-size: 12px;
line-height: 1.35;
transition: max-height var(--apb-award-transition-fast), opacity var(--apb-award-transition-fast), padding var(--apb-award-transition-fast);
}
.apb-award-form-error:not(:empty) {
padding: 7px 10px;
max-height: 56px;
opacity: 1;
border: 1px solid var(--apb-award-danger-border-soft);
border-radius: var(--apb-award-radius-sm);
background: var(--apb-award-danger-bg);
}
.apb-award-form-feedback {
min-height: 0;
margin: 12px 0 0;
padding: 0;
max-height: 0;
opacity: 0;
overflow: hidden;
font-size: 14px;
line-height: 20px;
color: var(--apb-award-text-light);
transition: max-height var(--apb-award-transition-fast), opacity var(--apb-award-transition-fast), padding var(--apb-award-transition-fast);
}
.apb-award-form-feedback:not(:empty) {
padding: 10px 12px;
max-height: 64px;
opacity: 1;
border-radius: var(--apb-award-radius-sm);
background: var(--apb-award-surface-overlay);
}
.apb-award-form-feedback.is-error {
background: var(--apb-award-danger-bg);
border: 1px solid var(--apb-award-danger-border-soft);
color: var(--apb-award-danger-text);
}
.apb-award-form-feedback.is-success {
background: var(--apb-award-success-bg);
border: 1px solid var(--apb-award-card-border);
color: var(--apb-award-gold-strong);
}
.apb-award-submission-actions {
margin-top: 16px;
display: flex;
justify-content: flex-start;
}
.apb-award-submission-submit {
min-width: 168px;
min-height: 52px;
text-transform: none;
font-size: 22px;
line-height: 1;
background: var(--apb-award-gold-strong);
border-color: var(--apb-award-gold-strong);
color: var(--apb-award-dark-green-strong);
}
.apb-award-submission-submit:hover {
background: var(--apb-award-gold);
border-color: var(--apb-award-gold);
color: var(--apb-award-dark-green-strong);
} @media (max-width: 768px) {
.apb-category-history-modal {
width: min(96vw, 96vw);
}
.apb-category-history-modal-inner {
padding: 16px 14px 18px;
}
.apb-category-history-title {
font-size: 24px;
margin-right: 0;
margin-bottom: 14px;
padding-top: 40px;
}
.apb-category-history-close {
top: 10px;
right: 10px;
min-width: 70px;
min-height: 32px;
font-size: 14px;
}
.apb-category-history-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.apb-award-submission-modal {
width: min(96vw, 96vw);
}
.apb-award-submission-modal-inner {
padding: 20px 18px 24px;
}
.apb-award-submission-title {
font-size: 40px;
margin-right: 0;
margin-bottom: 12px;
padding-top: 52px;
}
.apb-award-submission-subtitle {
margin-bottom: 16px;
font-size: 15px;
line-height: 20px;
}
.apb-award-submission-close {
top: 12px;
right: 12px;
width: 48px;
height: 48px;
font-size: 30px;
}
.apb-award-form-grid {
grid-template-columns: 1fr;
gap: 10px;
}
.apb-award-form-field--full {
grid-column: auto;
}
.apb-award-form-field--phone-row {
grid-template-columns: 1fr;
gap: 10px;
}
.apb-award-submission-form input:not([type='checkbox']) {
min-height: 44px;
font-size: 16px;
line-height: 24px;
padding: 8px 14px;
}
.apb-award-submission-form select {
min-height: 132px;
font-size: 15px;
}
.apb-award-category-picker__panel {
position: static;
margin-top: 8px;
box-shadow: none;
}
.apb-award-submission-submit {
width: auto;
min-width: 150px;
min-height: 48px;
font-size: 20px;
}
.apb-award-phone-prefix {
min-width: 74px;
font-size: 18px;
}
.apb-award-phone-flag {
font-size: 18px;
}
}
@media (min-width: 769px) and (max-width: 1200px) {
.apb-category-history-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.apb-award-footer {
position: relative;
background: var(--apb-award-dark-green-strong);
color: var(--apb-award-gold-strong);
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
margin-bottom: 0;
overflow: hidden;
padding: 0;
}
.apb-award-footer-inner {
max-width: 651px;
min-height: 388px;
margin: 0 auto;
padding: 74px 20px 76px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 30px;
position: relative;
z-index: 1;
box-sizing: border-box;
}
.single-award-page .apb-award-page-wrapper .apb-award-footer .apb-award-footer-title {
font-family: var(--apb-award-font-serif-alt);
font-size: 54px;
line-height: 70px;
font-weight: 400;
color: var(--apb-award-gold-strong);
text-align: center;
margin: 0;
}
.single-award-page .apb-award-page-wrapper .apb-award-footer .apb-award-footer-text {
width: 100%;
max-width: 651px;
font-size: 17px;
line-height: 27px;
color: var(--apb-award-gold-strong);
text-align: center;
position: relative;
z-index: 2;
}
.single-award-page .apb-award-page-wrapper .apb-award-footer .apb-award-footer-text p {
margin: 0;
color: inherit;
text-align: inherit;
}
.apb-award-footer .apb-award-footer-btn {
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--apb-award-gold-strong);
border-color: var(--apb-award-gold-strong);
color: var(--apb-award-dark-green-strong);
font-size: 22px;
line-height: 24px;
text-transform: none;
text-decoration: none;
letter-spacing: 0;
font-weight: 400;
min-width: 181px;
min-height: 52px;
padding: 12px 24px;
border-radius: 40px;
box-sizing: border-box;
position: relative;
z-index: 2;
}
.apb-award-footer .apb-award-footer-btn:hover {
background: var(--apb-award-gold);
border-color: var(--apb-award-gold);
color: var(--apb-award-dark-green-strong);
}
.apb-award-footer-logo {
position: absolute;
left: 50%;
bottom: 0;
transform: translate(-50%, 60%);
width: min(629px, 72vw);
opacity: 0.1;
pointer-events: none;
z-index: 0;
}
.apb-award-footer-logo img {
width: 100%;
height: auto;
display: block;
} @media (max-width: 768px) {
.apb-award-footer-inner {
min-height: 300px;
padding: 50px 20px 58px;
gap: 18px;
}
.single-award-page .apb-award-page-wrapper .apb-award-footer .apb-award-footer-title {
font-size: 38px;
line-height: 48px;
}
.single-award-page .apb-award-page-wrapper .apb-award-footer .apb-award-footer-text {
font-size: 16px;
line-height: 24px;
}
.apb-award-footer .apb-award-footer-btn {
font-size: 20px;
line-height: 24px;
}
.apb-award-footer-logo {
width: min(440px, 96vw);
}
}
@media (min-width: 769px) and (max-width: 1200px) {
.apb-award-footer-inner {
padding-left: 24px;
padding-right: 24px;
}
.apb-award-footer-logo {
width: min(560px, 70vw);
}
}