: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-primary: #d2b06b;
--apb-award-gold-strong: var(--apb-award-primary);
--apb-award-gold: var(--apb-award-primary);
--apb-award-gold-hover: var(--apb-award-primary);
--apb-award-dark-green: #0a332f;
--apb-award-dark-green-strong: #023d3a;
--apb-award-light-bg: #FFFCF5;
--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-neutral-default: #c1c1c1;
--apb-award-border-neutral-subtle: #d4d4d4;
--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-section-padding-y: 64px;
--apb-award-section-padding-top: var(--apb-award-section-padding-y);
--apb-award-section-padding-bottom: var(--apb-award-section-padding-y);
--apb-award-vspace-xs: 16px;
--apb-award-vspace-xxs: 8px;
--apb-award-vspace-sm: 24px;
--apb-award-vspace-md: 32px;
--apb-award-vspace-lg: 40px;
--apb-award-vspace-xl: 48px;
--apb-award-vspace-2xl: 64px;
--apb-award-winners-hc-gap: var(--apb-award-vspace-2xl);
--apb-award-footer-padding-top: var(--apb-award-section-padding-top);
--apb-award-footer-padding-bottom: var(--apb-award-section-padding-bottom);
--apb-award-hero-padding-top: 0px;
--apb-award-hero-padding-bottom: 0px;
--apb-award-hero-margin-bottom: 60px;
--apb-award-past-winners-gap: var(--apb-award-vspace-xl);
--apb-award-space-2xl: 32px;
--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(210, 176, 107, 0.28);
--apb-award-sticky-tabs-offset: 0px;
--apb-award-hero-max-height-desktop: 520px;
--apb-award-hero-logo-top-desktop: 25%;
--apb-award-hero-cta-bottom-desktop: 64px;
--apb-award-hero-min-height-mobile: 320px;
--apb-award-hero-tabs-height-mobile: 56px;
--apb-award-hero-cta-bottom-mobile: 74px;
--apb-award-hero-logo-top-mobile: 20%;
--apb-award-hero-logo-width-mobile: min(220px, 64vw);
--apb-award-search-icon-size: 20px;
--apb-award-search-icon-border-width: 2px;
--apb-award-search-icon-handle-width: 7px;
--apb-award-search-icon-handle-height: 2px;
--apb-award-search-icon-offset-right: 18px;
--apb-award-search-icon-handle-offset-right: -5px;
--apb-award-search-icon-handle-offset-bottom: 2px;
--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-shadow-elevated-color: rgba(8, 48, 43, 0.18);
--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);
}
body.single-award-page #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;
margin-top: 0 !important;
padding-top: 0 !important;
}
body.single-award-page .entry-content,
body.single-award-page article,
body.single-award-page article .entry-content {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.single-award-page .apb-award-page-wrapper {
margin-top: 0 !important;
} .apb-award-page-wrapper {
--apb-award-admin-offset: 0px;
--apb-award-wpfront-offset: 0px;
--apb-award-tabs-top-gap: 0px;
--apb-award-tabs-top-gap-sticky: 0px;
--apb-award-sticky-tabs-offset: calc(var(--apb-award-admin-offset) + var(--apb-award-wpfront-offset));
}
body.admin-bar .apb-award-page-wrapper {
--apb-award-admin-offset: 32px;
}
@media (max-width: 782px) {
body.admin-bar .apb-award-page-wrapper {
--apb-award-admin-offset: 46px;
}
}
@media (max-width: 768px) {
.apb-award-page-wrapper {
--apb-award-tabs-top-gap: 0px;
--apb-award-tabs-top-gap-sticky: 0px;
margin-bottom: 0;
}
body.single-award-page #page.site-top,
body.single-award-page .site-top,
body.page-template-worker-apb-requests-plugin #page.site-top,
body.page-template-worker-apb-requests-plugin .site-top {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
body.single-award-page #page,
body.single-award-page #page > #main,
body.single-award-page #main.site-main,
body.page-template-worker-apb-requests-plugin #page,
body.page-template-worker-apb-requests-plugin #page > #main,
body.page-template-worker-apb-requests-plugin #main.site-main {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
min-height: 0 !important;
}
body.single-award-page .site,
body.page-template-worker-apb-requests-plugin .site {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
min-height: 0 !important;
}
body.single-award-page #main,
body.single-award-page .site-content,
body.single-award-page article,
body.single-award-page article .entry-content,
body.page-template-worker-apb-requests-plugin #main,
body.page-template-worker-apb-requests-plugin .site-content,
body.page-template-worker-apb-requests-plugin article,
body.page-template-worker-apb-requests-plugin article .entry-content {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
body.single-award-page .site-content article,
body.page-template-worker-apb-requests-plugin .site-content article {
padding: 0 !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
background: transparent !important;
}
} .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; }
@media (max-width: 768px) {
.apb-award-page-wrapper {
margin-bottom: 0;
}
}
.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);
padding-top: 0;
padding-bottom: 0;
} .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;
}
.single-award-page .apb-award-page-wrapper .apb-award-key-dates .apb-award-section-title,
.single-award-page .apb-award-page-wrapper .apb-award-categories .apb-award-section-title,
.single-award-page .apb-award-page-wrapper .apb-award-past-winners .apb-award-section-title {
font-size: 40px;
line-height: 44px;
font-weight: 400;
} .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: 600;
text-decoration: none;
transition: all var(--apb-award-transition-base);
text-transform: uppercase;
font-size: 0.9rem;
cursor: pointer;
}
.apb-award-page-wrapper .apb-award-btn:hover,
.apb-award-page-wrapper .apb-award-btn:focus-visible,
.apb-award-page-wrapper .apb-award-btn:active {
text-decoration: none !important;
}
.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-dark-green-strong);
border: 1px solid var(--apb-award-gold);
text-decoration: none;
}
.apb-award-page-wrapper .btn-solid:hover {
background: var(--apb-award-gold-hover);
border-color: var(--apb-award-gold-hover);
color: var(--apb-award-dark-green-strong);
text-decoration: none;
}
.apb-award-page-wrapper .btn-solid:focus-visible,
.apb-award-page-wrapper .btn-solid:active {
text-decoration: none;
} @media (min-width: 769px) {
body.single-award-page #left-fixed-menu-wrap {
z-index: 10010 !important;
}
}
.apb-award-hero {
position: relative;
width: 100%;
background: var(--apb-award-dark-green-strong);
margin-bottom: var(--apb-award-hero-margin-bottom, 60px);
padding-top: var(--apb-award-hero-padding-top);
padding-bottom: var(--apb-award-hero-padding-bottom);
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
}
.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-logo-wrap {
top: var(--apb-award-hero-logo-top-desktop, 18%);
}
.apb-award-hero picture,
.apb-award-hero img {
height: 100%;
}
.apb-award-hero img {
object-fit: cover;
}
.apb-award-page-wrapper:is(.apb-award-tab-winners-active, .apb-award-tab-categories-active, .apb-award-tab-guidelines-active) {
--apb-award-hero-margin-bottom: 0px;
}
}
.apb-award-hero-ctas {
position: absolute;
bottom: var(--apb-award-hero-cta-bottom-desktop, 64px);
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-page-wrapper:is(.apb-award-tab-winners-active, .apb-award-tab-categories-active, .apb-award-tab-guidelines-active) {
--apb-award-hero-margin-bottom: 0px;
}
.apb-award-hero {
min-height: clamp(520px, 66vh, 620px);
margin-bottom: var(--apb-award-hero-margin-bottom, 60px) !important;
padding-bottom: 0;
isolation: auto;
}
.apb-award-hero picture {
position: absolute;
top: -96px;
right: 0;
left: 0;
bottom: 0;
height: calc(100% + 96px);
z-index: 0;
}
.apb-award-hero picture,
.apb-award-hero img {
width: 100%;
height: 100%;
}
.apb-award-hero img {
object-fit: cover;
object-position: 50% 100%;
transform: scale(1.25);
transform-origin: center top;
}
.apb-award-hero-ctas {
bottom: 60px;
left: 16px;
right: 16px;
width: auto;
max-width: calc(100% - 32px);
margin-left: auto;
margin-right: auto;
transform: none;
flex-direction: column;
align-items: center;
gap: 12px;
z-index: 3;
padding: 0;
box-sizing: border-box;
}
.apb-award-hero-ctas .apb-award-btn {
width: 60%;
max-width: none;
padding: 10px 18px;
font-size: 0.82rem;
}
.apb-award-hero-logo-wrap {
top: calc(47% - 20px);
left: 50%;
transform: translate(-50%, -50%);
width: var(--apb-award-hero-logo-width-mobile);
max-width: calc(100% - 32px);
z-index: 2;
}
.apb-award-hero-logo {
max-height: min(170px, 25vh);
object-fit: contain;
}
.apb-award-tabs {
z-index: 2;
}
}
.apb-award-tabs {
position: absolute;
top: var(--apb-award-tabs-top-gap, 0px);
left: 0;
width: 100%;
z-index: 990; border-bottom: none;
margin-bottom: 0;
background: var(--apb-award-tab-strip-bg);
}
.apb-award-tabs.is-sticky {
position: fixed;
top: calc(var(--apb-award-sticky-tabs-offset) + var(--apb-award-tabs-top-gap-sticky, 0px));
left: 150px; width: calc(100% - 150px); z-index: 990; 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: 22px;
font-weight: 400;
position: relative;
}
.apb-award-tab-link--overview {
width: 87px;
}
.apb-award-tab-link--winners {
width: auto;
white-space: nowrap;
}
.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-link:not(.active):hover,
.apb-award-tab-link:not(.active):focus-visible {
color: var(--apb-award-gold-hover);
text-decoration: none !important;
}
.apb-award-tab-link:not(.active):hover::after,
.apb-award-tab-link:not(.active):focus-visible::after {
content: none;
}
.apb-award-tab-link.active:hover,
.apb-award-tab-link.active:focus-visible {
color: var(--apb-award-gold-strong);
text-decoration: none !important;
} .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: 959px) {
.apb-award-tabs.is-sticky {
left: 0;
width: 100%;
}
}
@media (max-width: 768px) {
.apb-award-tabs {
position: absolute;
top: var(--apb-award-tabs-top-gap, 0px);
left: 0;
bottom: auto;
width: 100%;
background: transparent;
z-index: 3;
min-height: var(--apb-award-hero-tabs-height-mobile);
max-height: var(--apb-award-hero-tabs-height-mobile);
overflow: hidden;
}
.apb-award-tabs.is-sticky {
position: fixed;
left: 0;
width: 100%;
background: var(--apb-award-dark-green-strong);
border-bottom: 1px solid var(--apb-award-tab-strip-border-sticky);
min-height: var(--apb-award-hero-tabs-height-mobile);
max-height: var(--apb-award-hero-tabs-height-mobile);
overflow: hidden;
z-index: 16000008; isolation: isolate;
}
.apb-award-tabs.is-sticky.is-scrolled {
background: var(--apb-award-dark-green-strong);
border-bottom: 1px solid var(--apb-award-tab-strip-border-sticky);
}
.apb-award-tab-list {
height: var(--apb-award-hero-tabs-height-mobile);
min-height: var(--apb-award-hero-tabs-height-mobile);
padding: 0 12px;
gap: 20px;
transform: none;
display: flex;
align-items: center;
justify-content: center;
}
.apb-award-tabs.is-sticky .apb-award-tab-list {
padding-top: 0; box-sizing: border-box;
}
.apb-award-tab-link {
height: 22px;
font-size: 20px;
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: var(--apb-award-vspace-md) 5%;
}
.apb-award-content-block--flush-y {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.apb-award-content-block--restricted {
padding: 64px 24px;
text-align: center;
max-width: 760px;
margin: 0 auto;
}
.apb-award-restricted-title {
margin-bottom: 16px;
}
.apb-award-restricted-copy {
margin: 0;
}
.single-award-page .apb-award-page-wrapper .apb-award-content-block h3.apb-award-guidelines-greeting {
margin: 32px 0 24px;
text-align: center;
font-family: var(--apb-award-font-sans);
font-size: 1.05rem;
line-height: 1.6;
font-weight: 400;
color: var(--apb-award-text-muted);
}
#overview > .apb-award-content-block {
padding-top: 0;
max-width: none;
padding-left: 0;
padding-right: 0;
}
#overview .apb-award-content-block p.has-medium-font-size {
margin-top: 0;
margin-bottom: var(--apb-award-vspace-lg);
font-size: 18px !important;
line-height: 28px !important;
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
#overview > .apb-award-content-block > .apb-award-overview-title {
margin: 0 0 var(--apb-award-vspace-xs);
color: var(--apb-award-dark-green-strong);
text-align: center;
font-family: var(--apb-award-font-serif-alt);
font-size: 40px;
line-height: 44px;
font-weight: 400;
}
#overview > .apb-award-content-block > div[style*='padding:56.25%'] {
width: 100%;
max-width: 900px;
position: relative;
aspect-ratio: 16 / 9;
height: auto;
padding: 0 !important;
margin: 0 auto var(--apb-award-section-padding-bottom);
}
#overview > .apb-award-content-block > div[style*='padding:56.25%'] iframe,
#overview > .apb-award-content-block > div[style*='padding:56.25%'] video {
position: absolute;
inset: 0;
width: 100% !important;
height: 100% !important;
} .single-award-page .apb-award-page-wrapper .apb-award-content-block p {
text-align: center;
color: var(--apb-award-text-muted);
margin-bottom: var(--apb-award-vspace-md);
} .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: var(--apb-award-vspace-md);
margin-bottom: var(--apb-award-vspace-sm);
}
.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: 0;
padding-top: var(--apb-award-section-padding-top, var(--apb-award-section-padding-y));
padding-bottom: var(--apb-award-section-padding-bottom, var(--apb-award-section-padding-y));
} body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines {
background: var(--apb-award-surface);
--apb-award-guidelines-content-gutter: clamp(16px, 3vw, 40px);
--apb-award-guidelines-content-max-width: 1160px;
margin-left: 0;
margin-right: 0;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0;
box-sizing: border-box;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines {
overflow-x: visible !important;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > div {
margin-bottom: 0;
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > div > div {
width: 100%;
max-width: 100%;
min-width: 0;
margin-bottom: 0;
box-sizing: border-box;
overflow-x: visible;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > div > div > .wp-block-group__inner-container {
padding-top: var(--apb-award-section-padding-top, var(--apb-award-section-padding-y));
padding-bottom: var(--apb-award-section-padding-bottom, var(--apb-award-section-padding-y));
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > div > div:nth-child(1) > .wp-block-group__inner-container {
padding-top: 0 !important;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-content-block {
width: 100%;
max-width: var(--apb-award-guidelines-content-max-width);
margin-left: auto;
margin-right: auto;
padding-left: var(--apb-award-guidelines-content-gutter);
padding-right: var(--apb-award-guidelines-content-gutter);
box-sizing: border-box;
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 :where(p, li, h1, h2, h3, h4, h5, h6, a, span),
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-dark-section > .wp-block-group__inner-container :where(p, li, h1, h2, h3, h4, h5, h6, a, span) {
overflow-wrap: anywhere;
word-break: normal;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-content-block > *,
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: 100%;
width: auto;
box-sizing: border-box;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines :where(.is-layout-constrained, .is-layout-flow, .wp-block-group, .wp-block-columns, .wp-block-column, .wp-block-cover__inner-container, .wp-block-media-text, .wp-block-buttons, .wp-block-button, .wp-block-image, figure) {
max-width: 100%;
box-sizing: border-box;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-content-block .wp-block-columns,
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-dark-section .wp-block-columns {
gap: clamp(16px, 2.5vw, 32px);
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-content-block .wp-block-column,
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-dark-section .wp-block-column {
min-width: 0;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-content-block .wp-block-table,
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-dark-section .wp-block-table {
display: block;
max-width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-content-block .wp-block-table table,
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-dark-section .wp-block-table table {
width: 100%;
} body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > div > div:nth-child(1) > div {
width: 100% !important;
max-width: 100% !important;
min-width: 0;
box-sizing: border-box;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > div > div:nth-child(1) > div :where(p, li, h1, h2, h3, h4, h5, h6, a, span),
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > div > div:nth-child(3) > div :where(p, li, h1, h2, h3, h4, h5, h6, a, span),
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > div > div.wp-block-group.apb-award-dark-section.is-layout-constrained.wp-block-group-is-layout-constrained > div > div :where(p, li, h1, h2, h3, h4, h5, h6, a, span) {
overflow-wrap: anywhere;
word-break: normal;
} body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > div > div.wp-block-group.apb-award-dark-section.is-layout-constrained.wp-block-group-is-layout-constrained,
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > div > div:nth-child(3) {
position: relative;
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
box-sizing: border-box;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > div > div.wp-block-group.apb-award-dark-section.is-layout-constrained.wp-block-group-is-layout-constrained::before,
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > div > div:nth-child(3)::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 100vw;
transform: translateX(-50%);
z-index: 0;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > div > div.wp-block-group.apb-award-dark-section.is-layout-constrained.wp-block-group-is-layout-constrained > div,
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > div > div:nth-child(3) > div {
position: relative;
z-index: 1;
padding-left: 0 !important;
padding-right: 0 !important;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > div > div.wp-block-group.apb-award-dark-section.is-layout-constrained.wp-block-group-is-layout-constrained::before {
background: var(--apb-award-dark-section-bg);
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > div > div:nth-child(3) {
background: transparent;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > div > div:nth-child(3)::before {
background: var(--apb-award-light-bg);
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > div > div.wp-block-group.apb-award-dark-section.is-layout-constrained.wp-block-group-is-layout-constrained > div > div,
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > div > div:nth-child(3) > div {
width: 100%;
max-width: var(--apb-award-guidelines-content-max-width, 1160px);
min-width: 0;
position: relative;
z-index: 1;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
box-sizing: border-box;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .wp-block-group__inner-container {
padding-left: 0 !important;
padding-right: 0 !important;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: 100% !important;
width: auto;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > div > div:nth-child(3) > div {
background: transparent;
}
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 .wp-block-heading {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
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: 0;
margin-bottom: 0;
} body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > div > div:nth-child(1) {
margin-top: 0;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > div > div:nth-child(1) > div {
display: flex;
flex-direction: column;
gap: var(--apb-award-vspace-md);
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > div > div:nth-child(1) > div > h2.wp-block-heading {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
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.wp-block-heading + .wp-block-columns.wp-container-core-columns-layout-1.wp-block-columns-is-layout-flex {
margin-top: var(--apb-award-vspace-sm);
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > div > div:nth-child(1) > div > p.has-text-align-left {
margin-top: var(--apb-award-vspace-sm);
margin-bottom: var(--apb-award-vspace-xs);
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > div > div:nth-child(1) > div > p.has-text-align-left + p {
margin-top: calc(var(--apb-award-vspace-xs) - var(--apb-award-vspace-md));
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > div > div:nth-child(1) > div > ol {
background: transparent;
border: 0;
border-radius: 0;
padding: 0;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > div > div:nth-child(1) > div > ul,
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > div > div:nth-child(1) > div > ul li {
font-weight: 400;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > div > div:nth-child(1) > div > ul :where(strong, b, a) {
font-weight: 400;
} body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .wp-block-columns.wp-container-core-columns-layout-1.wp-block-columns-is-layout-flex {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: var(--apb-award-vspace-md);
row-gap: 0;
align-items: start;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .wp-block-columns.wp-container-core-columns-layout-1.wp-block-columns-is-layout-flex > .wp-block-column {
display: flex;
flex-direction: column;
gap: var(--apb-award-vspace-xxs);
min-width: 0;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .wp-block-columns.wp-container-core-columns-layout-1.wp-block-columns-is-layout-flex h3.wp-block-heading,
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .wp-block-columns.wp-container-core-columns-layout-1.wp-block-columns-is-layout-flex p,
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .wp-block-columns.wp-container-core-columns-layout-1.wp-block-columns-is-layout-flex ul {
margin: 0;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .wp-block-columns.wp-container-core-columns-layout-1.wp-block-columns-is-layout-flex ul {
list-style: none;
padding-left: 0;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .wp-block-columns.wp-container-core-columns-layout-1.wp-block-columns-is-layout-flex ul > li + li {
margin-top: var(--apb-award-vspace-xxs);
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .wp-block-columns.wp-container-core-columns-layout-1.wp-block-columns-is-layout-flex > .wp-block-column > h3.wp-block-heading:not(:first-child) {
margin-top: var(--apb-award-vspace-md);
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .wp-block-columns.wp-container-core-columns-layout-1.wp-block-columns-is-layout-flex > .wp-block-column:first-child > h3.wp-block-heading:nth-of-type(2) {
margin-top: calc(var(--apb-award-vspace-md) + 80px);
}
@media (max-width: 900px) {
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .wp-block-columns.wp-container-core-columns-layout-1.wp-block-columns-is-layout-flex {
grid-template-columns: 1fr;
row-gap: var(--apb-award-vspace-md);
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .wp-block-columns.wp-container-core-columns-layout-1.wp-block-columns-is-layout-flex > .wp-block-column:first-child > h3.wp-block-heading:nth-of-type(2) {
margin-top: var(--apb-award-vspace-md);
}
} body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > div > div:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
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: 0;
margin-right: 0;
width: 100%;
max-width: 100%;
padding-top: 0;
padding-bottom: 0;
box-sizing: border-box;
}
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);
width: 100%;
margin: 0 auto;
padding-left: 0;
padding-right: 0;
box-sizing: border-box;
}
@media (min-width: 769px) and (max-width: 1200px) {
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-content-block {
--apb-award-guidelines-content-gutter: 22px;
}
}
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: block;
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: 16px;
line-height: 1.65;
overflow-wrap: anywhere;
} 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(auto-fit, minmax(min(280px, 100%), 1fr));
gap: 28px clamp(20px, 6vw, 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;
max-width: none;
overflow-wrap: anywhere;
}
@media (min-width: 769px) {
body.single-award-page .apb-award-page-wrapper ul.apb-award-checklist > li.apb-award-checklist-item--orphan,
body.single-award-page .apb-award-page-wrapper ul.wp-block-list.apb-award-checklist > li.apb-award-checklist-item--orphan {
grid-column: 1 / -1;
}
}
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) {
.apb-award-page-wrapper {
--apb-award-mobile-gutter: 16px;
}
#overview > .apb-award-content-block {
padding-left: var(--apb-award-mobile-gutter);
padding-right: var(--apb-award-mobile-gutter);
padding-bottom: 0;
}
#overview .apb-award-content-block p.has-medium-font-size {
max-width: none;
}
#overview > .apb-award-content-block > div[style*='padding:56.25%'] {
max-width: none;
}
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: var(--apb-award-mobile-gutter, 16px);
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines {
width: 100%;
margin-left: 0;
margin-right: 0;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-dark-section {
width: 100%;
margin-left: 0;
margin-right: 0;
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, 16px);
padding-right: var(--apb-award-guidelines-content-gutter, 16px);
}
}
.apb-award-key-dates {
display: flex;
flex-direction: column;
gap: var(--apb-award-vspace-md);
padding-top: 0;
text-align: center;
}
.single-award-page .apb-award-page-wrapper .apb-award-key-dates .apb-award-section-title {
margin: 0;
text-align: center;
font-size: 40px;
line-height: 44px;
}
.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: 10%;
right: 10%;
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-key-dates {
width: 100%;
padding-left: 16px;
padding-right: 16px;
text-align: left;
box-sizing: border-box;
}
.single-award-page .apb-award-page-wrapper .apb-award-key-dates .apb-award-section-title {
text-align: left;
margin: 0 0 8px;
}
.apb-award-timeline {
flex-direction: column;
align-items: flex-start;
width: 100%;
max-width: none;
margin: 0;
padding: 0;
}
.apb-award-timeline::before {
content: none;
}
.apb-timeline-item {
display: grid;
grid-template-columns: 20px 1fr;
column-gap: 16px;
width: 100%;
text-align: left;
margin: 0 0 20px;
padding: 0;
align-items: start;
}
.apb-timeline-item:last-child {
margin-bottom: 0;
}
.apb-timeline-item::after {
content: '';
position: absolute;
left: 9px;
top: 20px;
bottom: -20px;
width: 2px;
background: var(--apb-award-border);
z-index: 1;
}
.apb-timeline-item:last-child::after {
content: none;
}
.timeline-marker {
margin: 0;
grid-column: 1;
z-index: 2;
}
.single-award-page .apb-award-page-wrapper .apb-award-key-dates .timeline-label,
.single-award-page .apb-award-page-wrapper .apb-award-key-dates .timeline-date {
text-align: left;
}
.single-award-page .apb-award-page-wrapper .apb-award-key-dates .timeline-label {
grid-column: 2;
margin: 0 0 6px;
}
.single-award-page .apb-award-page-wrapper .apb-award-key-dates .timeline-date {
grid-column: 2;
margin: 0;
}
}
.apb-award-tab-panel#categories {
background: var(--apb-award-light-bg);
}
.apb-award-tab-panel#categories > .apb-award-content-block {
max-width: none;
margin: 0;
padding: 0;
background: var(--apb-award-light-bg);
}
#categories-glance.apb-award-categories {
--apb-award-categories-gutter: clamp(16px, 3vw, 40px);
background: var(--apb-award-light-bg);
padding-top: var(--apb-award-section-padding-top, var(--apb-award-section-padding-y));
padding-bottom: var(--apb-award-section-padding-bottom, var(--apb-award-section-padding-y));
color: var(--apb-award-text-subtle);
font-weight: 400;
width: 100%;
max-width: none;
margin-left: 0;
margin-right: 0;
box-sizing: border-box;
}
#categories-glance > .apb-award-content-block {
width: 100%;
max-width: calc(1210px + (var(--apb-award-categories-gutter) * 2));
margin: 0 auto;
padding-left: var(--apb-award-categories-gutter);
padding-right: var(--apb-award-categories-gutter);
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 var(--apb-award-vspace-md) 0;
}
.apb-category-filters {
font-weight: 400;
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
margin: 0 0 var(--apb-award-vspace-md) 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-neutral-default);
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: 16px;
line-height: 27px;
color: var(--apb-award-text-subtle);
cursor: pointer;
}
.apb-category-toggle-label input[type='checkbox'] {
width: 18px;
height: 18px;
min-width: 18px;
min-height: 18px;
margin: 0;
appearance: none;
-webkit-appearance: none;
border: 1.5px solid var(--apb-award-border-neutral-default);
border-radius: 4px;
background: var(--apb-award-surface);
display: inline-grid;
place-content: center;
cursor: pointer;
}
.apb-category-toggle-label input[type='checkbox']::before {
content: '';
width: 10px;
height: 10px;
transform: scale(0);
transition: transform var(--apb-award-transition-fast);
clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
background: var(--apb-award-surface);
}
.apb-category-toggle-label input[type='checkbox']:checked {
background: var(--apb-award-gold-strong);
border-color: var(--apb-award-gold-strong);
}
.apb-category-toggle-label input[type='checkbox']:checked::before {
transform: scale(1);
}
.apb-category-toggle-label input[type='checkbox']:focus-visible {
outline: 2px solid var(--apb-award-primary);
outline-offset: 2px;
}
.apb-category-search-input, .apb-category-dropdown {
width: 100%;
height: 40px;
padding: 6px 42px 6px 14px;
border: 1px solid var(--apb-award-border-neutral-subtle);
border-radius: var(--apb-award-radius-md);
font-size: 16px;
line-height: 24px;
color: var(--apb-award-text-subtle);
background: var(--apb-award-surface);
box-sizing: border-box;
-webkit-appearance: none;
appearance: none;
}
.apb-category-search-input:hover,
.apb-category-dropdown:hover {
background: var(--apb-award-surface);
border-color: var(--apb-award-border-neutral-subtle);
}
.apb-category-search-input:focus,
.apb-category-search-input:focus-visible,
.apb-category-dropdown:focus,
.apb-category-dropdown:focus-visible {
outline: none;
border-color: var(--apb-award-primary);
box-shadow: 0 0 0 1px var(--apb-award-primary);
}
.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: 8px;
height: 8px;
border-right: 1.5px solid var(--apb-award-border-neutral-default);
border-bottom: 1.5px solid var(--apb-award-border-neutral-default);
transform: translateY(-60%) rotate(45deg);
pointer-events: none;
}
.search-icon {
position: absolute;
font-size: 0;
width: 18px;
height: 18px;
right: 16px;
top: 50%;
transform: translateY(-50%);
border: none;
border-radius: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Ccircle cx='7.5' cy='7.5' r='5.5' stroke='%23D2B06B' stroke-width='2'/%3E%3Cpath d='M11.8 11.8L16 16' stroke='%23D2B06B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 18px 18px;
background-position: center;
pointer-events: none;
}
.search-icon::after {
content: none;
}
.apb-category-accordion-list {
margin: 0;
}
.apb-category-search-empty {
margin: var(--apb-award-vspace-md) 0 0;
color: var(--apb-award-text-muted);
font-size: 16px;
line-height: 24px;
text-align: left;
}
.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;
padding-left: 0;
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: 1.5px;
}
.apb-accordion-icon::after {
top: 0; left: 9px; width: 1.5px; 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: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px;
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: 6px;
padding: 2px 4px;
border-radius: 2px;
border: none;
background: var(--apb-award-gold-strong);
color: var(--apb-award-surface);
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
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: 20px;
line-height: 28px;
text-align: left;
}
.single-award-page .apb-award-page-wrapper #categories .apb-category-filters-lead {
text-align: left !important;
}
.apb-category-table-actions {
display: flex;
justify-content: center;
margin: 0 0 10px 0;
}
.apb-category-table-group {
margin-bottom: 18px;
border: 0;
border-radius: 0;
overflow: visible;
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-gold-strong);
color: var(--apb-award-surface);
border-radius: var(--apb-award-radius-md);
min-height: 40px;
padding: 0 14px;
font-size: 14px;
line-height: 1;
font-weight: 400;
cursor: pointer;
}
.apb-category-group-select-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.apb-category-export-warning {
position: fixed;
left: 50%;
bottom: 16px;
transform: translateX(-50%);
background: var(--apb-award-dark-green-strong);
color: var(--apb-award-surface);
border: 1px solid var(--apb-award-gold-strong);
border-radius: var(--apb-award-radius-md);
padding: 10px 14px;
font-size: 14px;
line-height: 20px;
opacity: 0;
pointer-events: none;
transition: opacity var(--apb-award-transition-fast);
z-index: 16000020;
}
.apb-category-export-warning.is-visible {
opacity: 1;
}
.apb-award-categories-table-wrap {
overflow-x: auto;
border-top: 0;
border-radius: 0;
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;
}
@media (min-width: 769px) {
.apb-award-categories-table {
table-layout: fixed;
}
.apb-award-categories-table thead th:nth-child(1),
.apb-award-categories-table tbody td:nth-child(1) {
width: 52px;
padding-right: 8px;
}
.apb-award-categories-table thead th:nth-child(2),
.apb-award-categories-table tbody td:nth-child(2) {
width: calc(100% - 52px - 580px);
padding-left: 0;
}
.apb-award-categories-table thead th:nth-child(3),
.apb-award-categories-table tbody td:nth-child(3) {
width: 580px;
max-width: 580px;
}
.apb-award-categories-table-description {
max-width: 580px;
}
}
.apb-award-categories-table thead input[type='checkbox'],
.apb-award-categories-table tbody input[type='checkbox'] {
width: 18px;
height: 18px;
border: 1px solid var(--apb-award-border-neutral-default);
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: inline;
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-heading-row {
display: inline-flex;
align-items: center;
gap: 6px;
width: fit-content;
max-width: 100%;
}
.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-flex;
align-items: center;
margin-left: 0;
padding: 2px 4px;
border: none;
border-radius: 2px;
background: var(--apb-award-gold-strong);
color: var(--apb-award-surface);
font-size: 12px;
line-height: 16px;
font-weight: 400;
letter-spacing: normal;
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;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-clamp: 3;
overflow: hidden;
}
.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-award-tab-panel#categories > .apb-award-content-block {
width: 100%;
max-width: none;
padding-left: 0;
padding-right: 0;
}
.apb-award-categories {
--apb-award-categories-gutter: 16px;
}
body.single-award-page #categories-glance.apb-award-categories,
body.page-template-worker-apb-requests-plugin #categories-glance.apb-award-categories {
width: auto;
max-width: none;
margin-left: -16px;
margin-right: -16px;
padding-left: 16px;
padding-right: 16px;
box-sizing: border-box;
}
#categories-glance > .apb-award-content-block {
max-width: none;
padding-left: 0 !important;
padding-right: 0 !important;
}
#categories-glance > .apb-award-content-block[style*='padding-top: 0'],
#categories-glance > .apb-award-content-block[style*='padding-top:0'] {
padding-left: 0 !important;
padding-right: 0 !important;
}
.apb-award-categories-table-view > .apb-award-content-block {
padding-left: 16px !important;
padding-right: 16px !important;
box-sizing: border-box;
}
.apb-award-categories-table-view .apb-category-table-list {
margin-left: -16px;
margin-right: -16px;
}
.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 {
display: block;
width: 100%;
}
.apb-award-categories-table tbody tr {
display: flex;
align-items: flex-start;
gap: 12px;
border-bottom: 1px solid var(--apb-award-border);
padding: 12px 16px;
}
.apb-award-categories-table tbody tr:last-child {
border-bottom: 0;
}
.apb-award-categories-table tbody td {
display: block;
width: auto;
border-bottom: 0;
padding: 0;
}
.apb-award-categories-table tbody td::before {
display: none;
}
.apb-award-categories-table tbody td.apb-award-categories-table-col-check {
flex: 0 0 auto;
text-align: left;
padding: 2px 0 0;
}
.apb-award-categories-table tbody td[data-label='Description'] {
display: none;
}
.apb-award-categories-table tbody td[data-label='Category'] {
flex: 1 1 auto;
min-width: 0;
padding-top: 0;
}
.apb-award-categories-table-new-tag {
margin-top: 0;
}
.apb-category-table-group-heading {
font-size: 28px;
}
}
@media (min-width: 769px) and (max-width: 1200px) {
.apb-award-categories {
--apb-award-categories-gutter: 22px;
}
}
.apb-award-past-winners {
display: flex;
flex-direction: column;
gap: var(--apb-award-past-winners-gap);
text-align: center;
}
.single-award-page .apb-award-page-wrapper .apb-award-content-block .apb-award-past-winners .apb-award-section-title {
margin: 0;
text-align: center;
}
.apb-winners-logo-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
gap: var(--apb-award-vspace-md);
max-width: 900px;
margin: 0 auto;
align-items: center;
}
.apb-winner-logo-item img {
max-width: 100%;
height: auto;
}
.apb-winner-text-only {
font-weight: bold;
color: var(--apb-award-text-dark);
} .apb-award-tab-panel#winners {
background: var(--apb-award-light-bg);
}
.apb-award-tab-panel#winners .apb-award-content-block {
max-width: none;
padding: 0;
margin: 0;
background: var(--apb-award-light-bg);
}
.apb-full-winners-tab {
--apb-award-winners-gutter: clamp(16px, 3vw, 40px);
width: 100%;
max-width: calc(1210px + (var(--apb-award-winners-gutter) * 2));
margin: 0 auto;
color: var(--apb-award-text-subtle);
background: var(--apb-award-light-bg);
padding-bottom: 0;
}
.apb-winners-years-nav {
display: flex;
justify-content: center;
gap: 12px;
margin-bottom: var(--apb-award-vspace-sm);
flex-wrap: wrap;
background: var(--apb-award-gold-strong);
min-height: 0;
align-items: center;
padding: 12px 20px;
width: 100vw;
max-width: none;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
box-sizing: border-box;
}
.apb-year-btn {
background: transparent;
color: var(--apb-award-surface);
border: 1px solid var(--apb-award-surface);
width: 68px;
height: 28px;
border-radius: 19px;
cursor: pointer;
font-size: 14px;
font-weight: 400;
line-height: 24px;
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: transparent;
width: 100%;
max-width: calc(1210px + (var(--apb-award-winners-gutter) * 2));
margin: 0 auto 0;
padding: 0 var(--apb-award-winners-gutter);
box-sizing: border-box;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
gap: var(--apb-award-vspace-xs);
}
.apb-winners-filters .filter-search-wrap,
.apb-winners-filters .filter-dropdown-wrap {
flex: 0 1 288px;
max-width: 288px;
width: 100%;
min-width: 0;
}
.apb-winners-filters .apb-category-search-input,
.apb-winners-filters .apb-category-dropdown {
height: 40px;
border: 1px solid var(--apb-award-border-neutral-subtle);
border-radius: var(--apb-award-radius-md);
padding: 6px 42px 6px 14px;
font-size: 16px;
line-height: 24px;
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:hover,
.apb-winners-filters .apb-category-dropdown:hover {
background: var(--apb-award-surface);
border-color: var(--apb-award-border-neutral-subtle);
}
.apb-winners-filters .apb-category-search-input:focus,
.apb-winners-filters .apb-category-search-input:focus-visible,
.apb-winners-filters .apb-category-dropdown:focus,
.apb-winners-filters .apb-category-dropdown:focus-visible {
outline: none;
border-color: var(--apb-award-primary);
box-shadow: 0 0 0 1px var(--apb-award-primary);
}
.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: 8px;
height: 8px;
border-right: 1.5px solid var(--apb-award-border-neutral-default);
border-bottom: 1.5px solid var(--apb-award-border-neutral-default);
transform: translateY(-60%) rotate(45deg);
pointer-events: none;
}
.apb-winners-filters .filter-search-wrap .search-icon {
font-size: 0;
width: 18px;
height: 18px;
right: 16px;
top: 50%;
transform: translateY(-50%);
border: none;
border-radius: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Ccircle cx='7.5' cy='7.5' r='5.5' stroke='%23D2B06B' stroke-width='2'/%3E%3Cpath d='M11.8 11.8L16 16' stroke='%23D2B06B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 18px 18px;
background-position: center;
pointer-events: none;
}
.apb-winners-filters .filter-search-wrap .search-icon::after {
content: none;
}
.apb-winners-content-panels {
opacity: 1;
transition: opacity 180ms ease;
background: var(--apb-award-light-bg);
padding-bottom: var(--apb-award-section-padding-bottom, var(--apb-award-section-padding-y));
box-sizing: border-box;
}
.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);
padding: 44px var(--apb-award-winners-gutter) 0;
width: 100%;
box-sizing: border-box;
}
.apb-winners-section {
max-width: 1210px;
margin: 0 auto;
}
.apb-winners-section-hc {
margin-top: 0;
padding-top: var(--apb-award-winners-hc-gap);
}
.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 var(--apb-award-vspace-sm);
font-weight: 400;
}
.single-award-page .apb-award-page-wrapper .apb-award-content-block .apb-winners-main-title {
margin-top: 0;
margin-bottom: var(--apb-award-vspace-sm);
}
.apb-winners-empty {
margin-top: 8px;
color: var(--apb-award-text-subtle);
font-size: 16px;
line-height: 28px;
}
.apb-winners-filter-empty {
margin-top: var(--apb-award-vspace-sm);
}
.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: var(--apb-award-vspace-md) 0 0;
text-align: left;
font-weight: 400;
}
.apb-winners-group {
display: flex;
flex-direction: column;
gap: var(--apb-award-vspace-xs);
}
.apb-winners-group + .apb-winners-group {
margin-top: var(--apb-award-vspace-lg);
}
.apb-winners-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
justify-content: stretch;
gap: var(--apb-award-vspace-xs);
max-width: 100%;
margin: 0 auto;
}
@media (min-width: 1201px) {
.apb-winners-grid {
grid-template-columns: repeat(5, minmax(0, 1fr));
justify-content: start;
}
}
.apb-winners-group > .apb-winners-grid {
width: 100%;
margin: 0;
}
.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;
position: relative;
}
.apb-winner-card-overlay-link {
position: absolute;
inset: 0;
z-index: 2;
border-radius: inherit;
}
.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: 12px 16px 12px;
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: 16px !important;
line-height: 24px !important;
font-weight: 400 !important;
color: var(--apb-award-text-subtle) !important;
padding: 12px 12px 12px;
}
.apb-winners-loading,
.apb-winners-error {
text-align: center;
font-size: 16px;
line-height: 28px;
color: var(--apb-award-text-subtle);
padding: 48px 20px 0;
background: var(--apb-award-light-bg);
}
.apb-winners-error {
color: var(--apb-award-danger-text);
} @media (max-width: 768px) {
.apb-full-winners-tab {
--apb-award-winners-gutter: 16px;
}
.apb-winners-logo-grid {
grid-template-columns: repeat(2, 1fr);
}
.apb-winner-logo-item img {
max-width: 95%;
margin-left: auto;
margin-right: auto;
}
.apb-winners-years-nav {
justify-content: flex-start;
padding: 10px 12px 10px 16px;
gap: 10px;
min-height: 52px;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
scroll-snap-type: x proximity;
scroll-padding-left: 16px;
}
.apb-winners-years-nav::-webkit-scrollbar {
display: none;
}
.apb-year-btn {
width: 74px;
height: 30px;
font-size: 16px;
line-height: 24px;
flex: 0 0 auto;
scroll-snap-align: start;
scroll-margin-left: 16px;
}
.apb-winners-filters {
flex-direction: column;
gap: 10px;
margin-bottom: 0;
padding: 0 var(--apb-award-winners-gutter);
}
.apb-winners-filters .filter-search-wrap,
.apb-winners-filters .filter-dropdown-wrap {
flex-basis: auto;
max-width: none;
}
.apb-winners-year-panel {
padding: 28px var(--apb-award-winners-gutter) 0;
}
.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: 0;
height: auto;
}
.apb-winner-card > div > div:first-child {
min-height: 64px;
padding: 12px 4px 12px;
}
.apb-winner-card > div > span,
.apb-winner-card > div > p,
.apb-winner-card > div > div:last-child,
.apb-winner-card span[style*='font-size: smaller'] {
overflow-wrap: anywhere;
word-break: normal;
}
}
@media (min-width: 769px) and (max-width: 1200px) {
.apb-full-winners-tab {
--apb-award-winners-gutter: 22px;
}
.apb-winners-year-panel {
padding: 34px var(--apb-award-winners-gutter) 0;
}
.apb-winners-filters {
gap: 10px;
padding: 0 var(--apb-award-winners-gutter);
}
.apb-winners-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
}
}
.apb-award-page-wrapper {
--apb-award-modal-radius: 20px;
--apb-award-modal-close-size: 40px;
--apb-award-modal-backdrop-bg: rgba(0, 0, 0, 0.4);
--apb-award-modal-transition-duration: 180ms;
--apb-award-modal-transition-ease: ease;
--apb-award-modal-input-radius: var(--apb-award-radius-md);
--apb-award-modal-warning-text: #e33a3a;
--apb-award-modal-warning-border: #cb3a3a;
--apb-award-modal-warning-bg: rgba(227, 58, 58, 0.24);
}
.apb-category-history-modal,
.apb-award-submission-modal {
opacity: 0;
transition: opacity var(--apb-award-modal-transition-duration) var(--apb-award-modal-transition-ease);
}
.apb-category-history-modal.is-open,
.apb-award-submission-modal.is-open {
opacity: 1;
}
.apb-category-history-modal.is-closing,
.apb-award-submission-modal.is-closing {
opacity: 0;
}
.apb-category-history-modal-inner,
.apb-award-submission-modal-inner {
opacity: 0;
transition: opacity var(--apb-award-modal-transition-duration) var(--apb-award-modal-transition-ease);
}
.apb-category-history-modal.is-open .apb-category-history-modal-inner,
.apb-award-submission-modal.is-open .apb-award-submission-modal-inner {
opacity: 1;
}
.apb-category-history-modal.is-closing .apb-category-history-modal-inner,
.apb-award-submission-modal.is-closing .apb-award-submission-modal-inner {
opacity: 0;
}
.apb-category-history-modal::backdrop,
.apb-award-submission-modal::backdrop {
background-color: rgba(0, 0, 0, 0);
transition: background-color var(--apb-award-modal-transition-duration) var(--apb-award-modal-transition-ease);
}
.apb-category-history-modal.is-open::backdrop,
.apb-award-submission-modal.is-open::backdrop {
background-color: var(--apb-award-modal-backdrop-bg);
}
.apb-category-history-modal.is-closing::backdrop,
.apb-award-submission-modal.is-closing::backdrop {
background-color: rgba(0, 0, 0, 0);
}
.apb-category-history-modal {
border: none;
padding: 0;
width: min(1160px, 94vw);
max-width: 1160px;
background: transparent;
}
.apb-category-history-modal-inner {
background: var(--apb-award-light-bg-winners);
border: 0;
border-radius: var(--apb-award-modal-radius);
padding: 8px 26px 22px;
position: relative;
}
.apb-category-history-title {
margin: 0 72px 0px 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-neutral-default);
border-radius: 50%;
width: var(--apb-award-modal-close-size);
height: var(--apb-award-modal-close-size);
min-width: var(--apb-award-modal-close-size);
min-height: var(--apb-award-modal-close-size);
padding: 0;
background: var(--apb-award-surface);
color: var(--apb-award-dark-green-strong);
font-size: 0;
line-height: 1;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
}
.apb-category-history-close span {
position: relative;
display: block;
width: 20px;
height: 20px;
font-size: 0;
line-height: 0;
}
.apb-category-history-close span::before,
.apb-category-history-close span::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 1.5px;
background: var(--apb-award-border-neutral-default);
transform-origin: center;
}
.apb-category-history-close span::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.apb-category-history-close span::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.apb-category-history-close:focus-visible {
outline: 2px solid var(--apb-award-gold-strong);
outline-offset: 2px;
}
.apb-category-history-body {
max-height: min(calc(74vh + 8px), 848px);
overflow-y: auto;
overflow-x: hidden;
scrollbar-gutter: stable;
padding-right: 6px;
padding-bottom: 8px;
}
.apb-category-history-description {
margin-bottom: 20px;
padding: 14px 16px;
border: 1px solid var(--apb-award-card-border);
border-radius: var(--apb-award-radius-lg);
background: var(--apb-award-surface);
color: var(--apb-award-text-subtle);
font-size: 16px;
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-results {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 20px 18px;
}
.apb-category-history-description,
.apb-category-history-section-title {
grid-column: 1 / -1;
}
.apb-category-history-results > .apb-winners-empty {
grid-column: 1 / -1;
width: 100%;
text-align: left;
padding: 0;
margin: 0;
background: transparent;
}
.apb-category-history-section-title {
margin-top: var(--apb-award-vspace-sm);
}
.apb-category-history-year {
margin-top: 0;
}
.apb-category-history-year:first-child {
margin-top: 0;
}
.apb-category-history-year-title {
margin-top: 0;
margin-bottom: 12px;
}
.apb-category-history-grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
justify-content: stretch;
gap: 0;
}
.apb-category-history-modal .apb-category-history-grid {
grid-auto-rows: 1fr;
}
@media (min-width: 1201px) {
.apb-category-history-modal .apb-category-history-grid:has(> .apb-winner-card:nth-child(1):last-child),
.apb-category-history-modal .apb-category-history-grid:has(> .apb-winner-card:nth-child(2):last-child),
.apb-category-history-modal .apb-category-history-grid:has(> .apb-winner-card:nth-child(3):last-child),
.apb-category-history-modal .apb-category-history-grid:has(> .apb-winner-card:nth-child(4):last-child) {
max-width: 100%;
width: 100%;
justify-content: stretch;
}
}
.apb-category-history-modal .apb-category-history-grid .apb-winner-card,
.apb-category-history-modal .apb-category-history-grid .apb-winner-card > div {
height: 100%;
min-height: 198px;
}
.apb-category-history-modal .apb-category-history-grid .apb-winner-card > div > div:first-child {
min-height: 150px;
height: 150px;
}
.apb-category-history-modal .apb-category-history-grid .apb-winner-card > div > div:first-child img {
width: auto !important;
height: auto !important;
max-width: 72% !important;
max-height: 72% !important;
}
.apb-category-history-modal .apb-category-history-grid .apb-winner-card.apb-winner-card--portrait-logo > div > div:first-child img {
max-width: 54% !important;
max-height: 62% !important;
} .apb-award-submission-modal {
border: none;
padding: 0;
width: min(790px, 94vw);
max-width: 790px;
background: transparent;
}
.apb-award-submission-modal-inner {
background: var(--apb-award-dark-green-strong);
border: none;
border-radius: var(--apb-award-modal-radius);
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: 16px;
line-height: 28px;
border-radius: var(--apb-award-modal-radius);
}
.apb-award-submission-close {
position: absolute;
top: 20px;
right: 20px;
width: var(--apb-award-modal-close-size);
height: var(--apb-award-modal-close-size);
min-width: var(--apb-award-modal-close-size);
min-height: var(--apb-award-modal-close-size);
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: 0;
line-height: 1;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
}
.apb-award-submission-close span {
position: relative;
display: block;
width: 18px;
height: 18px;
font-size: 0;
line-height: 0;
}
.apb-award-submission-close span::before,
.apb-award-submission-close span::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 18px;
height: 1.5px;
background: var(--apb-award-surface);
transform-origin: center;
}
.apb-award-submission-close span::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.apb-award-submission-close span::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.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-modal-input-radius);
background: var(--apb-award-surface-muted);
color: var(--apb-award-text-dark);
font-size: 16px;
line-height: 30px;
padding: 9px 20px;
box-sizing: border-box;
}
.apb-award-submission-form select {
width: 100%;
min-height: 140px;
border: none;
border-radius: var(--apb-award-modal-input-radius);
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-surface);
font-size: 14px;
line-height: 1.45;
background: rgba(255, 255, 255, 0.1);
border-radius: var(--apb-award-modal-input-radius);
padding: 8px 10px;
}
.apb-award-category-picker {
position: relative;
}
.apb-award-category-picker__trigger {
appearance: none;
width: 100%;
min-height: 48px;
border: 0;
border-radius: var(--apb-award-modal-input-radius);
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: transparent;
}
.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-modal-input-radius);
background: var(--apb-award-surface);
border: 0;
box-shadow: 0 12px 28px var(--apb-award-shadow-elevated-color);
}
.apb-award-category-picker__search {
margin-bottom: 8px;
}
.apb-award-category-picker__options {
max-height: 220px;
overflow-y: auto;
border-radius: 2px;
border: 0;
background: var(--apb-award-surface);
padding: 0;
}
.apb-award-category-picker__option {
display: flex;
align-items: flex-start;
gap: 8px;
padding: 8px;
border-radius: 2px;
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-modal-radius);
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-modal-warning-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-modal-warning-border);
border-radius: var(--apb-award-modal-input-radius);
background: var(--apb-award-modal-warning-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-modal-input-radius);
background: var(--apb-award-surface-overlay);
}
.apb-award-form-feedback.is-error {
background: var(--apb-award-modal-warning-bg);
border: 1px solid var(--apb-award-modal-warning-border);
color: var(--apb-award-modal-warning-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: 48px;
text-transform: uppercase;
font-size: 0.9rem;
line-height: 1;
font-weight: 600;
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;
width: var(--apb-award-modal-close-size);
height: var(--apb-award-modal-close-size);
min-width: var(--apb-award-modal-close-size);
min-height: var(--apb-award-modal-close-size);
font-size: 0;
}
.apb-category-history-close span {
width: 18px;
height: 18px;
}
.apb-category-history-close span::before,
.apb-category-history-close span::after {
width: 18px;
}
.apb-category-history-grid {
grid-template-columns: minmax(0, 1fr);
gap: 0;
}
.apb-category-history-results {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.apb-category-history-description,
.apb-category-history-section-title {
grid-column: 1 / -1;
}
.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: 16px;
line-height: 20px;
}
.apb-award-submission-close {
top: 12px;
right: 12px;
width: var(--apb-award-modal-close-size);
height: var(--apb-award-modal-close-size);
min-width: var(--apb-award-modal-close-size);
min-height: var(--apb-award-modal-close-size);
font-size: 0;
}
.apb-award-submission-close span {
width: 18px;
height: 18px;
}
.apb-award-submission-close span::before,
.apb-award-submission-close span::after {
width: 18px;
}
.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: 16px;
}
.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: 0.9rem;
}
.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-results {
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: var(--apb-award-footer-padding-top) 20px var(--apb-award-footer-padding-bottom);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: var(--apb-award-vspace-sm);
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: 16px;
line-height: 28px;
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: 0.9rem;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0;
font-weight: 600;
min-width: 181px;
min-height: 48px;
padding: 12px 24px;
border-radius: 40px;
box-sizing: border-box;
position: relative;
z-index: 2;
margin-top: var(--apb-award-vspace-xs);
}
.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);
text-decoration: none;
}
.apb-award-footer-logo {
position: absolute;
left: 50%;
top: auto;
bottom: 0;
transform: translate(-50%, 0%);
width: min(764px, 84vw);
opacity: 0.5;
pointer-events: none;
z-index: 0;
}
.apb-award-footer-logo img {
width: 100%;
height: auto;
display: block;
} @media (max-width: 768px) {
body.single-award-page #submission.apb-award-footer,
body.page-template-worker-apb-requests-plugin #submission.apb-award-footer {
width: auto;
margin-left: -16px;
margin-right: -16px;
padding-left: 16px;
padding-right: 16px;
box-sizing: border-box;
}
.apb-award-footer-inner {
min-height: 300px;
max-width: none;
padding: 48px 0 56px !important;
gap: var(--apb-award-vspace-sm);
}
.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: 0.9rem;
line-height: 1;
}
.apb-award-footer-logo {
bottom: 0;
transform: translate(-50%, 0%);
width: min(520px, 120vw);
}
}
@media (min-width: 769px) and (max-width: 1200px) {
.apb-award-footer-inner {
padding-left: 24px;
padding-right: 24px;
}
.apb-award-footer-logo {
bottom: 0;
transform: translate(-50%, 35%);
width: min(690px, 82vw);
}
}
@media (min-width: 769px) {
body.single-award-page .wrapper.toplogo {
display: none !important;
}
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines h2.wp-block-heading + .wp-block-columns h3.wp-block-heading[data-apb-criteria-icon] {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
margin-bottom: 12px;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines h2.wp-block-heading + .wp-block-columns h3.wp-block-heading[data-apb-criteria-icon]::before {
content: '';
width: 36px;
height: 36px;
flex: 0 0 36px;
background-image: var(--apb-awards-icon-url);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
} body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines h2.wp-block-heading + .wp-block-columns {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: var(--apb-award-vspace-md);
row-gap: 0;
align-items: start;
margin-top: var(--apb-award-vspace-sm);
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines .apb-award-dark-section h2.wp-block-heading + .wp-block-columns {
margin-top: var(--apb-award-vspace-md);
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines h2.wp-block-heading + .wp-block-columns > .wp-block-column {
display: flex !important;
flex-direction: column;
gap: var(--apb-award-vspace-xxs);
min-width: 0;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines h2.wp-block-heading + .wp-block-columns :is(h3.wp-block-heading, p, ul) {
margin: 0;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines h2.wp-block-heading + .wp-block-columns h3.wp-block-heading + p {
margin-top: 12px !important;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines h2.wp-block-heading + .wp-block-columns ul {
list-style: none;
padding-left: 0;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines h2.wp-block-heading + .wp-block-columns ul > li + li {
margin-top: var(--apb-award-vspace-xxs);
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines h2.wp-block-heading + .wp-block-columns h3.apb-guidelines-second-heading {
margin-top: calc(var(--apb-award-vspace-sm) + var(--apb-guidelines-row-offset, 0px)) !important;
padding-top: 0 !important;
}
@media (max-width: 900px) {
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines h2.wp-block-heading + .wp-block-columns {
grid-template-columns: 1fr;
row-gap: var(--apb-award-vspace-md);
}
}
@media (max-width: 768px) {
body.single-award-page .apb-award-page-wrapper.apb-award-tab-categories-active,
body.single-award-page .apb-award-page-wrapper.apb-award-tab-guidelines-active {
--apb-award-hero-margin-bottom: 0px;
}
body.single-award-page .apb-award-page-wrapper.apb-award-tab-categories-active .apb-award-hero,
body.single-award-page .apb-award-page-wrapper.apb-award-tab-guidelines-active .apb-award-hero {
margin-bottom: 0 !important;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > .apb-award-content-block > .wp-block-group {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > .apb-award-content-block > .wp-block-group > .wp-block-group__inner-container {
padding-top: var(--apb-award-vspace-lg) !important;
padding-bottom: var(--apb-award-vspace-lg) !important;
} body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #categories-glance.apb-award-categories.apb-award-categories-table-view > .apb-award-content-block {
padding-left: 16px !important;
padding-right: 16px !important;
box-sizing: border-box;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #categories-glance.apb-award-categories.apb-award-categories-table-view .apb-category-table-list {
margin-left: -16px !important;
margin-right: -16px !important;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #categories-glance.apb-award-categories.apb-award-categories-table-view .apb-award-categories-table-wrap {
margin-left: 0 !important;
margin-right: 0 !important;
}
} body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > .apb-award-content-block {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > .apb-award-content-block > :nth-child(1) > .wp-block-group__inner-container > ol + p {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > .apb-award-content-block > :nth-child(3) > .wp-block-group__inner-container > .wp-block-heading {
margin: 0 !important;
padding: 0 !important;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > .apb-award-content-block > :nth-child(3) > .wp-block-group__inner-container > .wp-block-heading + p {
margin-top: var(--apb-award-vspace-sm) !important;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > .apb-award-content-block > :nth-child(2) > .wp-block-group__inner-container > .wp-block-heading + p {
margin-top: var(--apb-award-vspace-sm) !important;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > .apb-award-content-block > :nth-child(3) > .wp-block-group__inner-container > p {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > .apb-award-content-block > :nth-child(3) > .wp-block-group__inner-container > p + .wp-block-heading {
margin-top: calc(var(--apb-award-vspace-md) + 12px) !important;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > .apb-award-content-block > :nth-child(2) > .wp-block-group__inner-container > p + .wp-block-heading {
margin-top: calc(var(--apb-award-vspace-md) + 12px) !important;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > .apb-award-content-block > :nth-child(2) > .wp-block-group__inner-container > .body-content-group + .wp-block-heading {
margin-top: calc(var(--apb-award-vspace-md) + 12px) !important;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > .apb-award-content-block > :nth-child(2) > .wp-block-group__inner-container > :first-child + .wp-block-heading {
margin-top: calc(var(--apb-award-vspace-md) + 12px) !important;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > .apb-award-content-block > :nth-child(2) > .wp-block-group__inner-container > :first-child {
margin-bottom: calc(var(--apb-award-vspace-md) + 24px) !important;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > .apb-award-content-block > :nth-child(3) > .wp-block-group__inner-container > .wp-block-heading + .body-content-group {
margin-top: var(--apb-award-vspace-xs) !important;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > .apb-award-content-block > :nth-child(3) > .wp-block-group__inner-container > .wp-block-heading + .body-content-group p {
margin: 0 !important;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > .apb-award-content-block > :nth-child(3) > .wp-block-group__inner-container > .wp-block-heading + .body-content-group p + p {
margin-top: var(--apb-award-vspace-sm) !important;
}
body.single-award-page .apb-award-page-wrapper.apb-award-page--submission-guidelines #guidelines > .apb-award-content-block > :nth-child(3) > .wp-block-group__inner-container > p + p {
margin-top: var(--apb-award-vspace-sm);
}