html {
scrollbar-gutter: stable;
}
body.ci2ma-wonapde-v2 {
overflow-x: clip !important;
}
.wonapde-modern-nav .wonapde-modern-nav__brand[data-wonapde-scroll-brand] {
display: inline-flex !important;
flex: 0 0 auto;
width: 0;
min-width: 0;
max-width: 0;
height: 54px;
margin: 0;
padding: 4px 0;
overflow: hidden;
border: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(-8px);
transition:
width 0.42s cubic-bezier(0.22, 1, 0.36, 1),
max-width 0.42s cubic-bezier(0.22, 1, 0.36, 1),
padding 0.42s cubic-bezier(0.22, 1, 0.36, 1),
opacity 0.28s ease,
transform 0.42s cubic-bezier(0.22, 1, 0.36, 1),
visibility 0s linear 0.42s;
}
.wonapde-modern-nav .wonapde-modern-nav__brand-wordmark {
display: block;
width: 178px;
max-width: none;
height: 46px;
object-fit: contain;
}
body.has-wonapde-scroll-brand .wonapde-modern-nav .wonapde-modern-nav__brand[data-wonapde-scroll-brand] {
width: 204px;
max-width: 204px;
padding: 4px 13px;
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);
transition-delay: 0s;
}
@media (max-width: 1099px) {
.wonapde-modern-nav .wonapde-modern-nav__toggle {
justify-content: center;
}
.wonapde-modern-nav .wonapde-modern-nav__toggle-text,
.wonapde-modern-nav .wonapde-modern-nav__toggle-text::before {
display: none !important;
}
.wonapde-modern-nav .wonapde-modern-nav__toggle-text::before {
content: none !important;
}
body.has-wonapde-scroll-brand .wonapde-modern-nav .wonapde-modern-nav__brand[data-wonapde-scroll-brand] {
width: 150px;
max-width: 150px;
padding: 4px 8px 4px 0;
}
.wonapde-modern-nav .wonapde-modern-nav__brand-wordmark {
width: 142px;
height: 42px;
}
body.has-wonapde-scroll-brand .wonapde-modern-nav .wonapde-modern-nav__toggle {
flex: 0 0 54px;
width: 54px !important;
min-width: 54px;
}
}
@media (prefers-reduced-motion: reduce) {
.wonapde-modern-nav .wonapde-modern-nav__brand[data-wonapde-scroll-brand] {
transition: none;
}
}
body.page-info {
overflow-x: hidden;
}
body.page-info .won-info-layout {
display: grid;
width: 100%;
gap: 22px;
margin: 0;
}
body.page-info .won-info-primary-grid {
display: grid;
grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
align-items: start;
gap: 22px;
}
body.page-info .won-info-layout > .wonapde-card,
body.page-info .won-info-primary-grid > .wonapde-card {
width: 100%;
max-width: none;
min-width: 0;
margin: 0;
padding: 24px;
border: 1px solid rgba(0, 64, 122, 0.1);
border-radius: 12px;
box-shadow: 0 10px 26px rgba(0, 64, 122, 0.07);
}
body.page-info .won-info-layout .wonapde-card > h2 {
margin: 0 0 16px;
padding-bottom: 9px;
color: var(--won-navy, #00407a);
line-height: 1.16;
}
body.page-info .won-info-layout p,
body.page-info .won-info-layout li {
font-size: max(15px, 0.94rem);
line-height: 1.52;
}
body.page-info .won-info-layout a {
overflow-wrap: anywhere;
text-underline-offset: 2px;
}
body.page-info .won-info-layout a:focus-visible,
body.page-info .wmap-leg-item:focus-visible {
outline: 3px solid rgba(255, 183, 0, 0.75);
outline-offset: 3px;
}
body.page-info .won-info-hotels-card > p {
margin: 0 0 14px;
}
body.page-info .won-info-hotels-card .wonapde-table-wrapper {
width: 100%;
margin: 0;
overflow: visible;
border: 1px solid rgba(0, 95, 174, 0.14);
border-radius: 10px;
}
body.page-info .won-info-hotels-card .wonapde-table {
width: 100%;
table-layout: fixed;
margin: 0;
}
body.page-info .won-info-hotels-card .wonapde-table th,
body.page-info .won-info-hotels-card .wonapde-table td {
padding: 13px 14px;
vertical-align: middle;
border-bottom: 1px solid rgba(0, 64, 122, 0.1);
overflow-wrap: anywhere;
}
body.page-info .won-info-hotels-card .wonapde-table th:first-child,
body.page-info .won-info-hotels-card .wonapde-table td:first-child {
width: 31%;
font-weight: 700;
}
body.page-info .won-info-hotels-card .wonapde-table th:nth-child(2),
body.page-info .won-info-hotels-card .wonapde-table td:nth-child(2) {
width: 17%;
text-align: center;
}
body.page-info .won-info-hotels-card .wonapde-table th:nth-child(3),
body.page-info .won-info-hotels-card .wonapde-table td:nth-child(3) {
width: 52%;
}
body.page-info .won-info-hotels-card .wonapde-table tbody tr:last-child td {
border-bottom: 0;
}
body.page-info .won-info-travel-sections {
display: grid;
gap: 14px;
}
body.page-info .won-info-travel-section {
min-width: 0;
padding: 16px;
border: 1px solid rgba(0, 95, 174, 0.13);
border-radius: 10px;
background: #f8fbff;
}
body.page-info .won-info-travel-section h3 {
margin: 0 0 10px;
color: var(--won-teal, #005fae);
font-size: 1.04rem;
line-height: 1.25;
}
body.page-info .won-info-travel-section p,
body.page-info .won-info-travel-section ul {
margin-top: 0;
margin-bottom: 11px;
}
body.page-info .won-info-travel-section > :last-child {
margin-bottom: 0;
}
body.page-info .won-info-map-wrapper {
margin: 0;
overflow: visible;
border: 0;
}
body.page-info .won-info-map-frame {
position: relative;
min-width: 0;
}
body.page-info #wonapde-campus-map {
width: 100%;
height: 410px;
border: 1px solid rgba(0, 95, 174, 0.14);
border-radius: 10px;
}
body.page-info #wonapde-map-legend {
position: absolute;
z-index: 1000;
top: 14px;
right: 14px;
min-width: 178px;
padding: 10px;
border: 1px solid rgba(0, 64, 122, 0.12);
border-radius: 10px;
background: rgba(255, 255, 255, 0.96);
box-shadow: 0 6px 18px rgba(0, 64, 122, 0.12);
font-family: inherit;
}
body.page-info .won-info-map-legend-title {
margin: 0 0 6px;
color: var(--won-navy, #142440);
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.05em;
text-transform: uppercase;
}
body.page-info .wmap-leg-item {
display: flex;
align-items: center;
gap: 8px;
padding: 7px 8px;
border-radius: 7px;
cursor: pointer;
transition: background-color 0.18s ease;
}
body.page-info .wmap-leg-item:hover,
body.page-info .wmap-leg-item:focus-visible {
background: #eef5fb;
}
body.page-info .won-info-services-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: start;
gap: 14px;
}
body.page-info .won-info-service-block {
width: 100%;
min-width: 0;
margin: 0;
padding: 16px;
border: 1px solid rgba(0, 95, 174, 0.12);
border-radius: 10px;
background: #fbfdff;
break-inside: avoid;
}
body.page-info .won-info-service-block:nth-child(4) {
grid-column: 1 / span 2;
grid-row: 2 / span 2;
}
body.page-info .won-info-service-block:nth-child(5) {
grid-column: 3;
grid-row: 2;
}
body.page-info .won-info-service-block:nth-child(6) {
grid-column: 3;
grid-row: 3;
}
body.page-info .won-info-service-block h3 {
margin: 0 0 9px;
color: var(--won-teal, #005fae);
font-size: 1.03rem;
line-height: 1.24;
}
body.page-info .won-info-service-block p,
body.page-info .won-info-service-block ul {
margin-top: 0;
margin-bottom: 10px;
}
body.page-info .won-info-service-block > :last-child {
margin-bottom: 0;
}
@media (max-width: 980px) {
body.page-info .won-info-primary-grid {
grid-template-columns: minmax(0, 1fr);
}
body.page-info .won-info-services-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.page-info .won-info-service-block:nth-child(n) {
grid-column: auto;
grid-row: auto;
}
body.page-info #wonapde-campus-map {
height: 360px;
}
}
@media (max-width: 640px) {
body.page-info .won-info-layout,
body.page-info .won-info-primary-grid {
gap: 18px;
}
body.page-info .won-info-layout > .wonapde-card,
body.page-info .won-info-primary-grid > .wonapde-card {
padding: 16px;
}
body.page-info .won-info-services-grid {
grid-template-columns: minmax(0, 1fr);
}
body.page-info .won-info-service-block,
body.page-info .won-info-travel-section {
padding: 14px;
}
body.page-info #wonapde-campus-map {
height: 310px;
}
body.page-info #wonapde-map-legend {
position: relative;
top: auto;
right: auto;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 6px;
width: 100%;
min-width: 0;
margin-top: 10px;
padding: 8px;
}
body.page-info .won-info-map-legend-title {
display: none;
}
body.page-info .wmap-leg-item {
flex-direction: column;
justify-content: flex-start;
gap: 4px;
min-width: 0;
padding: 7px 4px;
text-align: center;
}
body.page-info .wmap-leg-item span:last-child {
max-width: 100%;
font-size: 0.68rem !important;
line-height: 1.2;
overflow-wrap: anywhere;
}
}
@media (prefers-reduced-motion: reduce) {
body.page-info .wmap-leg-item {
transition: none;
}
}
html {
overflow-x: clip;
}
body.ci2ma-wonapde-v2 {
overflow-x: clip;
}
body.page-home .wonapde-home-intro,
body.page-home .wonapde-home-intro * {
box-sizing: border-box;
}
body.page-home .wonapde-home-intro {
overflow: hidden;
}
body.page-home .wonapde-home-intro__body {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
body.page-home .wonapde-home-intro__left,
body.page-home .wonapde-home-intro__right,
body.page-home .wonapde-home-intro h2,
body.page-home .wonapde-home-intro h2 > span,
body.page-home .wonapde-home-intro p,
body.page-home .wonapde-home-intro p > span,
body.page-home .wonapde-home-facts,
body.page-home .wonapde-home-actions {
width: auto !important;
height: auto !important;
min-height: 0 !important;
position: static !important;
left: auto !important;
top: auto !important;
transform: none !important;
}
body.page-home .wonapde-home-intro h2,
body.page-home .wonapde-home-intro h2 .wpe-text,
body.page-home .wonapde-home-intro h2 .wpe-text * {
font-family: inherit !important;
font-size: clamp(1.45rem, 2.2vw, 1.95rem) !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
text-align: left !important;
text-wrap: balance;
}
body.page-home .wonapde-home-intro__right p,
body.page-home .wonapde-home-intro__right p .wpe-text,
body.page-home .wonapde-home-intro__right p .wpe-text * {
font-family: inherit !important;
font-size: clamp(0.95rem, 1.1vw, 1.05rem) !important;
line-height: 1.6 !important;
letter-spacing: 0 !important;
text-align: left !important;
}
body.page-home .wonapde-home-intro__right p strong {
color: var(--won-navy) !important;
font-weight: 700 !important;
}
body.page-home .wonapde-home-intro h2 div,
body.page-home .wonapde-home-intro p div {
margin: 0 !important;
padding: 0 !important;
max-width: 100% !important;
}
@media (min-width: 769px) {
body.page-home .wonapde-home-intro {
padding: clamp(24px, 4vw, 42px) !important;
}
body.page-home .wonapde-home-intro__body {
display: grid !important;
grid-template-columns: minmax(260px, 0.95fr) minmax(300px, 1.05fr) !important;
gap: clamp(22px, 3vw, 44px) !important;
align-items: center !important;
}
body.page-home .wonapde-home-intro__left,
body.page-home .wonapde-home-intro__right {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
min-width: 0 !important;
}
body.page-home .wonapde-home-intro h2 {
margin: 10px 0 18px !important;
max-width: 380px !important;
}
body.page-home .wonapde-home-actions {
margin-top: 16px !important;
max-width: 300px !important;
}
body.page-home .wonapde-home-facts {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 12px !important;
margin-top: 0 !important;
}
}
@media (max-width: 768px) {
body.page-home .wonapde-home-intro {
padding: 18px 16px 20px !important;
}
body.page-home .wonapde-home-intro__body {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 20px !important;
}
body.page-home .wonapde-home-intro h2,
body.page-home .wonapde-home-intro h2 .wpe-text,
body.page-home .wonapde-home-intro h2 .wpe-text * {
max-width: 100% !important;
font-size: clamp(1.6rem, 8vw, 2.25rem) !important;
line-height: 1.08 !important;
}
body.page-home .wonapde-home-actions {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 10px !important;
max-width: 100% !important;
margin-top: 14px !important;
}
body.page-home .wonapde-home-intro .wonapde-register-main,
body.page-home .wonapde-home-intro .wonapde-register-secondary {
width: 100% !important;
white-space: normal !important;
}
body.page-home .wonapde-home-facts {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 9px !important;
margin-top: 0 !important;
}
}
@media (max-width: 768px) {
body.page-home .wonapde-homepage-layout {
display: block !important;
width: 100% !important;
}
body.page-home .wonapde-main-column,
body.page-home .wonapde-sidebar {
width: 100% !important;
max-width: 100% !important;
}
body.page-home .wonapde-home-intro {
padding: 16px 14px 18px !important;
margin: 0 0 16px !important;
border-radius: 14px !important;
overflow: hidden !important;
}
body.page-home .wonapde-home-intro__body {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
width: 100% !important;
min-height: 0 !important;
}
body.page-home .wonapde-home-intro__left,
body.page-home .wonapde-home-intro__right {
display: contents !important;
width: auto !important;
height: auto !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
position: static !important;
}
body.page-home .wonapde-home-intro .wonapde-section-kicker {
order: 1 !important;
align-self: flex-start !important;
margin: 0 0 2px !important;
}
body.page-home .wonapde-home-intro h2 {
order: 2 !important;
margin: 0 !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
min-height: 0 !important;
font-size: clamp(1.25rem, 5.8vw, 1.65rem) !important;
line-height: 1.18 !important;
text-align: left !important;
}
body.page-home .wonapde-home-intro h2 .wpe-text,
body.page-home .wonapde-home-intro h2 .wpe-text *,
body.page-home .wonapde-home-intro h2 div,
body.page-home .wonapde-home-intro h2 span {
font-size: inherit !important;
line-height: inherit !important;
text-align: left !important;
margin: 0 !important;
padding: 0 !important;
max-width: 100% !important;
}
body.page-home .wonapde-home-intro__right p {
order: 3 !important;
margin: 0 !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
min-height: 0 !important;
font-size: 0.92rem !important;
line-height: 1.55 !important;
text-align: left !important;
}
body.page-home .wonapde-home-intro__right p .wpe-text,
body.page-home .wonapde-home-intro__right p .wpe-text *,
body.page-home .wonapde-home-intro__right p div,
body.page-home .wonapde-home-intro__right p span,
body.page-home .wonapde-home-intro__right p font,
body.page-home .wonapde-home-intro__right p b {
font-size: inherit !important;
line-height: inherit !important;
text-align: left !important;
margin: 0 !important;
padding: 0 !important;
max-width: 100% !important;
}
body.page-home .wonapde-home-actions {
order: 4 !important;
display: grid !important;
grid-template-columns: 1fr !important;
gap: 9px !important;
width: 100% !important;
max-width: 100% !important;
margin: 2px 0 0 !important;
}
body.page-home .wonapde-home-intro .wonapde-register-main,
body.page-home .wonapde-home-intro .wonapde-register-secondary {
width: 100% !important;
min-height: 42px !important;
padding: 10px 14px !important;
justify-content: center !important;
text-align: center !important;
white-space: normal !important;
}
body.page-home .wonapde-home-facts {
order: 5 !important;
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 8px !important;
width: 100% !important;
margin: 4px 0 0 !important;
}
body.page-home .wonapde-home-facts > div {
padding: 10px 6px !important;
min-width: 0 !important;
}
body.page-home .wonapde-home-facts strong {
font-size: 0.72rem !important;
line-height: 1.15 !important;
}
body.page-home .wonapde-home-facts span {
font-size: 0.68rem !important;
line-height: 1.2 !important;
}
body.page-home .wonapde-grid {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 12px !important;
margin-top: 14px !important;
}
body.page-home .wonapde-feature-card {
min-height: 0 !important;
padding: 16px !important;
}
body.page-home .wonapde-sidebar {
margin-top: 14px !important;
}
body.page-home .wonapde-sidebar-register-card {
padding: 18px 16px !important;
}
}
@media (min-width: 769px) and (max-width: 1100px) {
body.page-home .wonapde-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (min-width: 641px) and (max-width: 1024px) {
body.page-home .wonapde-main-v2 {
padding-top: 18px !important;
padding-left: 18px !important;
padding-right: 18px !important;
}
body.page-home .wonapde-homepage-layout {
display: block !important;
max-width: 920px !important;
margin: 0 auto !important;
width: 100% !important;
}
body.page-home .wonapde-main-column,
body.page-home .wonapde-sidebar {
width: 100% !important;
max-width: 100% !important;
}
body.page-home .wonapde-home-intro {
padding: 26px 28px !important;
margin: 22px 0 18px !important;
border-radius: 18px !important;
}
body.page-home .wonapde-home-intro__body {
display: grid !important;
grid-template-columns: minmax(240px, 0.9fr) minmax(300px, 1.1fr) !important;
gap: 28px !important;
align-items: center !important;
}
body.page-home .wonapde-home-intro__left,
body.page-home .wonapde-home-intro__right {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
min-width: 0 !important;
}
body.page-home .wonapde-home-intro h2 {
font-size: clamp(1.45rem, 3.2vw, 1.9rem) !important;
line-height: 1.18 !important;
margin: 8px 0 18px !important;
max-width: 360px !important;
}
body.page-home .wonapde-home-intro__right p {
font-size: 0.95rem !important;
line-height: 1.58 !important;
margin: 0 0 16px !important;
}
body.page-home .wonapde-home-actions {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 10px !important;
max-width: 260px !important;
margin-top: 12px !important;
}
body.page-home .wonapde-home-intro .wonapde-register-main,
body.page-home .wonapde-home-intro .wonapde-register-secondary {
min-height: 42px !important;
padding: 10px 16px !important;
border-radius: 8px !important;
text-align: center !important;
justify-content: center !important;
}
body.page-home .wonapde-home-facts {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 10px !important;
margin-top: 6px !important;
}
body.page-home .wonapde-home-facts > div {
padding: 13px 10px !important;
min-height: 82px !important;
}
body.page-home .wonapde-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 16px !important;
margin-top: 18px !important;
}
body.page-home .wonapde-feature-card {
padding: 20px 20px 18px !important;
min-height: 150px !important;
border-radius: 16px !important;
}
body.page-home .wonapde-feature-card h3 {
font-size: 1.05rem !important;
margin-bottom: 8px !important;
}
body.page-home .wonapde-feature-card p {
font-size: 0.92rem !important;
line-height: 1.55 !important;
}
body.page-home .wonapde-feature-card:last-child {
grid-column: 1 / -1 !important;
max-width: 50% !important;
}
body.page-home .wonapde-sidebar {
margin-top: 20px !important;
}
body.page-home .wonapde-sidebar-register-card {
padding: 24px 26px !important;
border-radius: 18px !important;
}
body.page-home .wonapde-sidebar-register-card h2 {
font-size: clamp(1.45rem, 3vw, 1.9rem) !important;
margin-bottom: 14px !important;
}
body.page-home .wonapde-sidebar-register-card p {
font-size: 0.95rem !important;
line-height: 1.55 !important;
margin-bottom: 18px !important;
}
body.page-home .wonapde-deadlines-sidebar {
padding: 22px 24px !important;
border-radius: 18px !important;
}
}
@media (min-width: 641px) and (max-width: 760px) {
body.page-home .wonapde-home-intro__body {
grid-template-columns: 1fr !important;
gap: 18px !important;
}
body.page-home .wonapde-home-intro h2 {
max-width: 100% !important;
}
body.page-home .wonapde-home-actions {
max-width: 100% !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body.page-home .wonapde-feature-card:last-child {
max-width: 100% !important;
}
}
body.page-home .wonapde-home-intro__left {
align-items: center !important;
text-align: center !important;
}
body.page-home .wonapde-home-intro .wonapde-section-kicker {
align-self: center !important;
margin-inline: auto !important;
text-align: center !important;
}
body.page-home .wonapde-home-intro h2 {
max-width: 460px !important;
margin: 12px auto 18px !important;
text-align: center !important;
}
body.page-home .wonapde-home-intro h2 .wpe-text {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
text-align: center !important;
}
body.page-home .wonapde-home-intro h2 .wpe-text *,
body.page-home .wonapde-home-date,
body.page-home .wonapde-home-venue,
body.page-home .wonapde-home-city {
font-family: inherit !important;
letter-spacing: 0 !important;
text-align: center !important;
}
body.page-home .wonapde-home-date {
display: block !important;
color: var(--won-navy) !important;
font-size: clamp(1.65rem, 3.1vw, 2.45rem) !important;
font-weight: 800 !important;
line-height: 1.06 !important;
}
body.page-home .wonapde-home-venue {
display: block !important;
color: #27364c !important;
font-size: clamp(1.05rem, 1.6vw, 1.28rem) !important;
font-weight: 700 !important;
line-height: 1.25 !important;
}
body.page-home .wonapde-home-city {
display: block !important;
color: #526173 !important;
font-size: clamp(0.95rem, 1.2vw, 1.06rem) !important;
font-weight: 600 !important;
line-height: 1.35 !important;
}
body.page-home .wonapde-home-actions {
justify-items: center !important;
max-width: 100% !important;
margin: 10px auto 0 !important;
text-align: center !important;
}
body.page-home .wonapde-home-intro .wonapde-register-secondary {
width: auto !important;
min-width: min(260px, 100%) !important;
max-width: 100% !important;
justify-content: center !important;
text-align: center !important;
}
@media (max-width: 640px) {
body.page-home .wonapde-home-intro h2 {
margin-top: 10px !important;
margin-bottom: 14px !important;
}
body.page-home .wonapde-home-date {
font-size: clamp(1.75rem, 9vw, 2.2rem) !important;
}
body.page-home .wonapde-home-actions {
width: 100% !important;
}
body.page-home .wonapde-home-intro .wonapde-register-secondary {
width: 100% !important;
}
}
body.page-info {
overflow-x: hidden;
}
body.page-info .won-info-layout {
display: grid;
width: 100%;
gap: 18px;
}
body.page-info .won-info-quick-nav {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
padding: 10px;
border: 1px solid rgba(0, 64, 122, 0.12);
border-radius: 12px;
background: #ffffff;
box-shadow: 0 8px 22px rgba(0, 64, 122, 0.06);
}
body.page-info .won-info-quick-nav a {
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
min-height: 46px;
padding: 9px 12px;
border: 1px solid rgba(0, 95, 174, 0.14);
border-radius: 9px;
background: #f6faff;
color: var(--won-navy, #00407a);
font-size: 0.92rem;
font-weight: 750;
line-height: 1.25;
text-align: center;
text-decoration: none;
}
body.page-info .won-info-quick-nav a:hover,
body.page-info .won-info-quick-nav a:focus-visible {
border-color: var(--won-gold, #ffb700);
background: #fff9e8;
color: var(--won-navy, #00407a);
}
body.page-info .won-info-primary-grid {
display: grid;
grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
align-items: start;
gap: 18px;
}
body.page-info .won-info-secondary-grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
align-items: start;
gap: 18px;
}
body.page-info .won-info-secondary-grid > .won-info-local-card {
order: 1;
}
body.page-info .won-info-secondary-grid > .won-info-map-card {
order: 2;
}
body.page-info .won-info-layout .wonapde-card {
width: 100%;
max-width: none;
min-width: 0;
margin: 0;
padding: 20px;
border: 1px solid rgba(0, 64, 122, 0.1);
border-radius: 12px;
box-shadow: 0 8px 22px rgba(0, 64, 122, 0.065);
}
body.page-info #info-hotels,
body.page-info #info-travel,
body.page-info #info-map,
body.page-info #info-local {
scroll-margin-top: 88px;
}
body.page-info .won-info-layout .wonapde-card > h2 {
margin: 0 0 13px;
padding-bottom: 8px;
color: var(--won-navy, #00407a);
line-height: 1.16;
}
body.page-info .won-info-layout p,
body.page-info .won-info-layout li {
min-width: 0;
font-size: max(15px, 0.92rem);
line-height: 1.48;
}
body.page-info .won-info-layout a {
overflow-wrap: anywhere;
word-break: normal;
}
body.page-info .won-info-hotels-card > p {
margin: 0 0 12px;
}
body.page-info .won-info-hotels-card .wonapde-table-wrapper {
margin: 0;
overflow: visible !important;
border: 0;
border-radius: 0;
}
body.page-info .won-info-hotels-card .wonapde-table,
body.page-info .won-info-hotels-card .wonapde-table tbody {
display: block !important;
width: 100% !important;
margin: 0;
}
body.page-info .won-info-hotels-card .wonapde-table thead {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
body.page-info .won-info-hotels-card .wonapde-table tbody {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
body.page-info .won-info-hotels-card .wonapde-table tr {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto;
align-content: start;
gap: 3px 10px;
width: 100% !important;
min-width: 0;
margin: 0 !important;
padding: 12px !important;
border: 1px solid rgba(0, 95, 174, 0.13) !important;
border-left: 3px solid var(--won-gold, #ffb700) !important;
border-radius: 10px !important;
background: #fbfdff !important;
box-shadow: none !important;
}
body.page-info .won-info-hotels-card .wonapde-table td {
display: block !important;
width: auto !important;
min-width: 0 !important;
padding: 0 !important;
border: 0 !important;
color: var(--won-slate, #16233d);
text-align: left !important;
overflow-wrap: anywhere;
}
body.page-info .won-info-hotels-card .wonapde-table td::before {
display: none !important;
content: none !important;
}
body.page-info .won-info-hotels-card .wonapde-table td:first-child {
grid-column: 1;
color: var(--won-teal, #005fae) !important;
font-size: 0.96rem !important;
font-weight: 800 !important;
line-height: 1.28 !important;
}
body.page-info .won-info-hotels-card .wonapde-table td:nth-child(2) {
grid-column: 2;
justify-self: end;
color: #e3a800 !important;
font-size: 1rem !important;
line-height: 1.2 !important;
white-space: nowrap;
}
body.page-info .won-info-hotels-card .wonapde-table td:nth-child(3) {
grid-column: 1 / -1;
margin-top: 7px;
padding-top: 8px !important;
border-top: 1px solid rgba(0, 64, 122, 0.09) !important;
font-size: 0.88rem;
line-height: 1.42 !important;
}
body.page-info .won-info-travel-sections {
gap: 10px;
}
body.page-info .won-info-travel-section {
padding: 13px 14px;
border: 1px solid rgba(0, 95, 174, 0.12);
border-radius: 10px;
background: #f8fbff;
}
body.page-info .won-info-travel-section h3 {
margin: 0 0 8px;
font-size: 1rem;
}
body.page-info .won-info-travel-section p,
body.page-info .won-info-travel-section ul {
margin-top: 0;
margin-bottom: 9px;
line-height: 1.5;
}
body.page-info .won-info-map-card,
body.page-info .won-info-local-card {
min-width: 0;
}
body.page-info .won-info-map-wrapper {
margin: 0;
overflow: visible;
border: 0;
}
body.page-info .won-info-map-frame {
position: relative;
min-width: 0;
}
body.page-info #wonapde-campus-map {
width: 100%;
height: 480px;
border: 1px solid rgba(0, 95, 174, 0.15);
border-radius: 10px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
}
body.page-info #wonapde-map-legend {
position: relative;
top: auto;
right: auto;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 6px;
width: 100%;
min-width: 0;
margin-top: 9px;
padding: 7px;
border: 1px solid rgba(0, 64, 122, 0.1);
border-radius: 9px;
background: #f8fbff;
box-shadow: none;
}
body.page-info .won-info-map-legend-title {
display: none;
}
body.page-info .wmap-leg-item {
justify-content: center;
min-width: 0;
padding: 6px 5px;
text-align: center;
}
body.page-info .wmap-leg-item span:last-child {
min-width: 0;
font-size: 0.7rem !important;
line-height: 1.2;
overflow-wrap: anywhere;
}
body.page-info .won-info-services-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: start;
gap: 10px;
}
body.page-info .won-info-service-block,
body.page-info .won-info-service-block:nth-child(n) {
grid-column: auto;
grid-row: auto;
min-width: 0;
margin: 0;
padding: 12px;
border: 1px solid rgba(0, 95, 174, 0.11);
border-radius: 10px;
background: #fbfdff;
}
body.page-info .won-info-service-block:nth-child(4) {
grid-column: 1 / -1;
}
body.page-info .won-info-service-block h3 {
margin: 0 0 7px;
font-size: 0.98rem;
line-height: 1.22;
}
body.page-info .won-info-service-block p,
body.page-info .won-info-service-block ul {
margin-top: 0;
margin-bottom: 7px;
}
@media (max-width: 980px) {
body.page-info .won-info-primary-grid,
body.page-info .won-info-secondary-grid {
grid-template-columns: minmax(0, 1fr);
}
body.page-info .won-info-hotels-card .wonapde-table tbody {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.page-info #wonapde-campus-map {
height: 350px;
}
}
@media (max-width: 640px) {
body.page-info .won-info-layout .wonapde-card {
overflow: clip !important;
animation: none !important;
transform: none !important;
transition: none !important;
will-change: auto !important;
}
body.page-info .won-info-layout,
body.page-info .won-info-primary-grid,
body.page-info .won-info-secondary-grid {
gap: 15px;
}
body.page-info .won-info-quick-nav {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 7px;
padding: 8px;
}
body.page-info .won-info-quick-nav a {
min-height: 44px;
padding: 7px 8px;
font-size: 0.82rem;
}
body.page-info .won-info-layout .wonapde-card {
padding: 15px !important;
}
body.page-info .won-info-hotels-card .wonapde-table tbody,
body.page-info .won-info-services-grid {
grid-template-columns: minmax(0, 1fr);
}
body.page-info .won-info-service-block:nth-child(4) {
grid-column: auto;
}
body.page-info #wonapde-campus-map {
height: 300px;
touch-action: pan-y !important;
overscroll-behavior: auto;
}
body.page-info #wonapde-map-legend {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (prefers-reduced-motion: reduce) {
body.page-info .won-info-quick-nav a,
body.page-info .wmap-leg-item {
transition: none;
}
}
@media (min-width: 981px) {
body.page-info .won-info-services-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: stretch;
gap: 16px;
}
body.page-info .won-info-service-block {
border-color: rgba(0, 95, 174, 0.14);
background: #ffffff;
}
body.page-info .won-info-service-block:nth-child(1),
body.page-info .won-info-service-block:nth-child(2),
body.page-info .won-info-service-block:nth-child(3) {
min-height: 154px;
padding: 16px;
}
body.page-info .won-info-service-block:nth-child(4) {
padding: 18px;
border-left: 4px solid var(--won-gold, #ffb700);
background: #fffdf7;
box-shadow: 0 6px 16px rgba(0, 64, 122, 0.05);
}
body.page-info .won-info-service-block:nth-child(4) {
grid-column: 1 / span 2;
grid-row: 2 / span 2;
}
body.page-info .won-info-service-block:nth-child(5) {
grid-column: 3;
grid-row: 2;
border-left: 3px solid rgba(0, 95, 174, 0.55);
}
body.page-info .won-info-service-block:nth-child(6) {
grid-column: 3;
grid-row: 3;
border-left: 3px solid rgba(255, 183, 0, 0.8);
}
}
body.ci2ma-wonapde-v2:not(.page-home) .wonapde-main-v2 {
padding-top: clamp(22px, 2vw, 26px) !important;
}
@media (max-width: 640px) {
body.ci2ma-wonapde-v2:not(.page-home) .wonapde-main-v2 {
padding-top: 18px !important;
}
}
@media (max-width: 640px) {
body.page-home .wonapde-main-column,
body.page-home .wonapde-home-intro,
body.page-home .wonapde-home-intro__body,
body.page-home .wonapde-home-intro__left,
body.page-home .wonapde-home-intro__right {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
body.page-home .wonapde-home-intro {
padding: 16px 14px 18px !important;
overflow: hidden !important;
}
body.page-home .wonapde-home-intro h2,
body.page-home .wonapde-home-intro h2 .wpe-text,
body.page-home .wonapde-home-intro h2 .wpe-text * {
max-width: 100% !important;
overflow-wrap: anywhere !important;
word-break: normal !important;
}
body.page-home .wonapde-home-venue,
body.page-home .wonapde-home-city {
font-size: clamp(0.98rem, 5.2vw, 1.18rem) !important;
}
body.page-home .wonapde-home-intro__right p,
body.page-home .wonapde-home-intro__right p .wpe-text,
body.page-home .wonapde-home-intro__right p .wpe-text * {
max-width: 100% !important;
overflow-wrap: break-word !important;
}
body.page-home .wonapde-home-facts {
grid-template-columns: 1fr !important;
gap: 8px !important;
}
body.page-home .wonapde-home-facts > div {
min-height: 0 !important;
padding: 10px 12px !important;
}
}
@media (max-width: 640px) {
body.page-home .wonapde-main-v2,
body.page-home .wonapde-container,
body.page-home .wonapde-homepage-layout,
body.page-home .wonapde-main-column,
body.page-home .wonapde-sidebar,
body.page-home .wonapde-card,
body.page-home .wonapde-feature-card,
body.page-home .wonapde-home-intro {
box-sizing: border-box !important;
min-width: 0 !important;
}
body.page-home .wonapde-main-v2 {
padding-left: 0 !important;
padding-right: 0 !important;
overflow-x: hidden !important;
}
body.page-home .wonapde-container {
width: 100% !important;
max-width: 100% !important;
padding-left: 16px !important;
padding-right: 16px !important;
overflow-x: hidden !important;
}
body.page-home .wonapde-homepage-layout {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.page-home .wonapde-home-intro,
body.page-home .wonapde-feature-card,
body.page-home .wonapde-sidebar .wonapde-card {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
}
@media (max-width: 640px) {
body.page-home .wonapde-home-intro,
body.page-home .wonapde-feature-card,
body.page-home .wonapde-sidebar .wonapde-card {
width: calc(100vw - 32px) !important;
max-width: calc(100vw - 32px) !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.page-home .wonapde-home-intro__body,
body.page-home .wonapde-home-intro__left,
body.page-home .wonapde-home-intro__right,
body.page-home .wonapde-home-actions,
body.page-home .wonapde-home-facts,
body.page-home .wonapde-home-intro__right p {
width: 100% !important;
max-width: 100% !important;
}
}
@media (max-width: 640px) {
body.page-home .wonapde-home-date,
body.page-home .wonapde-home-venue,
body.page-home .wonapde-home-city,
body.page-home .wonapde-home-intro__right p,
body.page-home .wonapde-home-intro__right p .wpe-text,
body.page-home .wonapde-home-intro__right p .wpe-text * {
min-width: 0 !important;
max-width: 100% !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
word-break: normal !important;
}
body.page-home .wonapde-home-intro__right p .wpe-text {
display: block !important;
}
body.page-home .wonapde-home-venue {
font-size: clamp(0.96rem, 4.8vw, 1.08rem) !important;
line-height: 1.22 !important;
}
body.page-home .wonapde-home-city {
font-size: clamp(0.95rem, 4.6vw, 1.05rem) !important;
}
body.page-home .wonapde-home-intro__right p {
font-size: 0.9rem !important;
line-height: 1.52 !important;
}
}
body.page-home .wonapde-home-date {
display: block !important;
width: auto !important;
max-width: 100% !important;
white-space: nowrap !important;
overflow-wrap: normal !important;
word-break: keep-all !important;
text-wrap: nowrap !important;
}
@media (max-width: 640px) {
body.page-home .wonapde-home-date {
font-size: clamp(1.45rem, 7.4vw, 1.95rem) !important;
line-height: 1.08 !important;
}
}
@media (max-width: 640px) {
body.page-home .wonapde-home-date {
font-size: clamp(1.28rem, 5.8vw, 1.58rem) !important;
line-height: 1.12 !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
overflow-wrap: normal !important;
word-break: keep-all !important;
}
}
body.page-home .wonapde-home-intro {
position: relative !important;
overflow: hidden !important;
width: 100% !important;
max-width: 100% !important;
margin: 22px 0 0 !important;
padding: clamp(24px, 3vw, 34px) clamp(24px, 3.4vw, 40px) !important;
border: 1px solid rgba(12, 31, 64, 0.11) !important;
border-radius: 18px !important;
background: linear-gradient(135deg, #ffffff 0%, #fbfcff 58%, #f7f9fc 100%) !important;
box-shadow: 0 14px 34px rgba(12, 31, 64, 0.1) !important;
color: #142440 !important;
box-sizing: border-box !important;
}
body.page-home .wonapde-home-intro::after {
content: '' !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
height: 4px !important;
background: linear-gradient(90deg, #a23991 0%, #005fab 46%, #2e8b77 70%, #ffb700 100%) !important;
}
body.page-home .wonapde-home-intro__body {
display: grid !important;
grid-template-columns: minmax(245px, 0.9fr) minmax(360px, 1.1fr) !important;
align-items: center !important;
gap: clamp(22px, 2.7vw, 32px) !important;
width: 100% !important;
min-width: 0 !important;
}
body.page-home .wonapde-home-intro__left,
body.page-home .wonapde-home-intro__right {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.page-home .wonapde-home-intro__left {
align-items: center !important;
padding-right: clamp(8px, 1.4vw, 18px) !important;
border-right: 0 !important;
text-align: center !important;
}
body.page-home .wonapde-home-intro__right {
align-items: stretch !important;
gap: 18px !important;
padding-left: 0 !important;
border-left: 0 !important;
}
body.page-home .wonapde-home-intro .wonapde-section-kicker {
display: inline-flex !important;
align-self: center !important;
justify-content: center !important;
min-height: 34px !important;
margin: 0 0 clamp(30px, 4.2vw, 46px) !important;
padding: 8px 16px !important;
border-radius: 7px !important;
background: #ffb700 !important;
color: #003273 !important;
font-family: inherit !important;
font-size: clamp(0.78rem, 0.95vw, 0.92rem) !important;
font-weight: 800 !important;
letter-spacing: 0.06em !important;
line-height: 1 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
body.page-home .wonapde-home-intro h2 {
width: 100% !important;
max-width: 360px !important;
margin: 0 auto clamp(24px, 3vw, 34px) !important;
color: #142440 !important;
text-align: center !important;
}
body.page-home .wonapde-home-intro h2 .wpe-text {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 12px !important;
width: 100% !important;
min-width: 0 !important;
text-align: center !important;
}
body.page-home .wonapde-home-date,
body.page-home .wonapde-home-venue,
body.page-home .wonapde-home-city {
display: block !important;
width: 100% !important;
margin: 0 !important;
font-family: inherit !important;
letter-spacing: 0 !important;
text-align: center !important;
overflow-wrap: normal !important;
word-break: normal !important;
}
body.page-home .wonapde-home-date {
color: #003273 !important;
font-size: clamp(1.42rem, 1.95vw, 1.84rem) !important;
font-weight: 800 !important;
line-height: 1.08 !important;
white-space: nowrap !important;
}
body.page-home .wonapde-home-venue {
color: #142440 !important;
font-size: clamp(1.44rem, 2.08vw, 1.9rem) !important;
font-weight: 800 !important;
line-height: 1.14 !important;
}
body.page-home .wonapde-home-city {
color: #526173 !important;
font-size: clamp(1.08rem, 1.55vw, 1.36rem) !important;
font-weight: 700 !important;
line-height: 1.18 !important;
}
body.page-home .wonapde-home-actions {
display: flex !important;
justify-content: center !important;
width: 100% !important;
margin: 0 auto !important;
}
body.page-home .wonapde-home-intro .wonapde-register-secondary {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: min(100%, 280px) !important;
min-height: 48px !important;
padding: 11px 18px !important;
border: 1px solid rgba(12, 31, 64, 0.18) !important;
border-radius: 8px !important;
background: #ffffff !important;
color: #003273 !important;
box-shadow: 0 5px 14px rgba(12, 31, 64, 0.04) !important;
font-size: clamp(0.98rem, 1.08vw, 1.08rem) !important;
font-weight: 800 !important;
line-height: 1.2 !important;
text-align: center !important;
white-space: normal !important;
}
body.page-home .wonapde-home-intro__right p,
body.page-home .wonapde-home-intro__right > div[style*=text-align],
body.page-home .wonapde-home-intro__right .wpe-text > div[style*=text-align] {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
color: #1f2c3f !important;
font-family: inherit !important;
font-size: clamp(0.95rem, 1.04vw, 1.05rem) !important;
line-height: 1.5 !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
text-align: justify !important;
text-align-last: left !important;
text-justify: inter-word !important;
hyphens: auto !important;
}
body.page-home .wonapde-home-intro__right p .wpe-text,
body.page-home .wonapde-home-intro__right p .wpe-text *,
body.page-home .wonapde-home-intro__right > div[style*=text-align] *,
body.page-home .wonapde-home-intro__right .wpe-text > div[style*=text-align] * {
font-family: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
letter-spacing: 0 !important;
white-space: normal !important;
}
body.page-home .wonapde-home-intro__right p strong,
body.page-home .wonapde-home-intro__right p b,
body.page-home .wonapde-home-intro__right > div[style*=text-align] strong,
body.page-home .wonapde-home-intro__right > div[style*=text-align] b {
color: #003273 !important;
font-weight: 800 !important;
}
body.page-home .wonapde-home-intro__right p[style*=text-align:left],
body.page-home .wonapde-home-intro__right p[style*=text-align: left],
body.page-home .wonapde-home-intro__right .wpe-text[style*=text-align:left],
body.page-home .wonapde-home-intro__right .wpe-text[style*=text-align: left],
body.page-home .wonapde-home-intro__right .wpe-text > [style*=text-align:left],
body.page-home .wonapde-home-intro__right .wpe-text > [style*=text-align: left] {
text-align: left !important;
text-align-last: left !important;
}
body.page-home .wonapde-home-intro__right p[style*=text-align:center],
body.page-home .wonapde-home-intro__right p[style*=text-align: center],
body.page-home .wonapde-home-intro__right .wpe-text[style*=text-align:center],
body.page-home .wonapde-home-intro__right .wpe-text[style*=text-align: center],
body.page-home .wonapde-home-intro__right .wpe-text > [style*=text-align:center],
body.page-home .wonapde-home-intro__right .wpe-text > [style*=text-align: center] {
text-align: center !important;
text-align-last: center !important;
}
body.page-home .wonapde-home-intro__right p[style*=text-align:right],
body.page-home .wonapde-home-intro__right p[style*=text-align: right],
body.page-home .wonapde-home-intro__right .wpe-text[style*=text-align:right],
body.page-home .wonapde-home-intro__right .wpe-text[style*=text-align: right],
body.page-home .wonapde-home-intro__right .wpe-text > [style*=text-align:right],
body.page-home .wonapde-home-intro__right .wpe-text > [style*=text-align: right] {
text-align: right !important;
text-align-last: right !important;
}
body.page-home .wonapde-home-intro__right p[style*=text-align:justify],
body.page-home .wonapde-home-intro__right p[style*=text-align: justify],
body.page-home .wonapde-home-intro__right .wpe-text[style*=text-align:justify],
body.page-home .wonapde-home-intro__right .wpe-text[style*=text-align: justify],
body.page-home .wonapde-home-intro__right .wpe-text > [style*=text-align:justify],
body.page-home .wonapde-home-intro__right .wpe-text > [style*=text-align: justify] {
text-align: justify !important;
text-align-last: left !important;
}
body.page-home .wonapde-home-facts {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 12px !important;
width: 100% !important;
max-width: 100% !important;
margin: 4px 0 0 !important;
}
body.page-home .wonapde-home-facts > div {
--fact-accent: #005fab;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
min-width: 0 !important;
min-height: 86px !important;
padding: 9px 8px !important;
border: 1px solid rgba(12, 31, 64, 0.12) !important;
border-left: 4px solid var(--fact-accent) !important;
border-radius: 8px !important;
background: #ffffff !important;
box-shadow: 0 8px 18px rgba(12, 31, 64, 0.06) !important;
text-align: center !important;
box-sizing: border-box !important;
}
body.page-home .wonapde-home-facts > div:nth-child(1) { --fact-accent: #a23991; }
body.page-home .wonapde-home-facts > div:nth-child(2) { --fact-accent: #005fab; }
body.page-home .wonapde-home-facts > div:nth-child(3) { --fact-accent: #ffb700; }
body.page-home .wonapde-home-facts > div::before {
content: '' !important;
display: block !important;
width: 22px !important;
height: 22px !important;
margin: 0 0 5px !important;
background-color: var(--fact-accent) !important;
-webkit-mask-repeat: no-repeat !important;
mask-repeat: no-repeat !important;
-webkit-mask-position: center !important;
mask-position: center !important;
-webkit-mask-size: contain !important;
mask-size: contain !important;
}
body.page-home .wonapde-home-facts > div:nth-child(1)::before {
-webkit-mask-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h2v3h6V2h2v3h3v17H4V5h3V2Zm11 9H6v9h12v-9ZM6 7v2h12V7H6Zm2 6h2v2H8v-2Zm4 0h2v2h-2v-2Zm4 0h2v2h-2v-2Zm-8 4h2v2H8v-2Zm4 0h2v2h-2v-2Z'/%3E%3C/svg%3E) !important;
mask-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h2v3h6V2h2v3h3v17H4V5h3V2Zm11 9H6v9h12v-9ZM6 7v2h12V7H6Zm2 6h2v2H8v-2Zm4 0h2v2h-2v-2Zm4 0h2v2h-2v-2Zm-8 4h2v2H8v-2Zm4 0h2v2h-2v-2Z'/%3E%3C/svg%3E) !important;
}
body.page-home .wonapde-home-facts > div:nth-child(2)::before {
-webkit-mask-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm6.93 9h-3.01a15.7 15.7 0 0 0-1.05-5.01A8.03 8.03 0 0 1 18.93 11ZM12 4.04c.76 1.1 1.63 3.34 1.82 6.96h-3.64C10.37 7.38 11.24 5.14 12 4.04ZM4.26 13h3.82c.13 2.05.5 3.79 1.05 5.01A8.03 8.03 0 0 1 4.26 13Zm3.82-2H4.26a8.03 8.03 0 0 1 4.87-5.01A15.7 15.7 0 0 0 8.08 11ZM12 19.96c-.76-1.1-1.63-3.34-1.82-6.96h3.64c-.19 3.62-1.06 5.86-1.82 6.96Zm2.87-1.95c.55-1.22.92-2.96 1.05-5.01h3.01a8.03 8.03 0 0 1-4.06 5.01Z'/%3E%3C/svg%3E) !important;
mask-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm6.93 9h-3.01a15.7 15.7 0 0 0-1.05-5.01A8.03 8.03 0 0 1 18.93 11ZM12 4.04c.76 1.1 1.63 3.34 1.82 6.96h-3.64C10.37 7.38 11.24 5.14 12 4.04ZM4.26 13h3.82c.13 2.05.5 3.79 1.05 5.01A8.03 8.03 0 0 1 4.26 13Zm3.82-2H4.26a8.03 8.03 0 0 1 4.87-5.01A15.7 15.7 0 0 0 8.08 11ZM12 19.96c-.76-1.1-1.63-3.34-1.82-6.96h3.64c-.19 3.62-1.06 5.86-1.82 6.96Zm2.87-1.95c.55-1.22.92-2.96 1.05-5.01h3.01a8.03 8.03 0 0 1-4.06 5.01Z'/%3E%3C/svg%3E) !important;
}
body.page-home .wonapde-home-facts > div:nth-child(3)::before {
-webkit-mask-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 3 7v2h18V7l-9-4ZM5 10h3v7H5v-7Zm5 0h4v7h-4v-7Zm6 0h3v7h-3v-7ZM4 19v2h16v-2H4Z'/%3E%3C/svg%3E) !important;
mask-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 3 7v2h18V7l-9-4ZM5 10h3v7H5v-7Zm5 0h4v7h-4v-7Zm6 0h3v7h-3v-7ZM4 19v2h16v-2H4Z'/%3E%3C/svg%3E) !important;
}
body.page-home .wonapde-home-facts strong {
display: block !important;
margin: 0 0 4px !important;
color: #003273 !important;
font-size: 0.82rem !important;
font-weight: 800 !important;
line-height: 1.12 !important;
text-align: center !important;
}
body.page-home .wonapde-home-facts span {
display: block !important;
color: #526173 !important;
font-size: 0.73rem !important;
line-height: 1.18 !important;
text-align: center !important;
}
@media (max-width: 1100px) {
body.page-home .wonapde-home-intro {
padding: 24px 22px 28px !important;
}
body.page-home .wonapde-home-intro__body {
grid-template-columns: minmax(230px, 0.86fr) minmax(330px, 1.14fr) !important;
gap: 22px !important;
}
body.page-home .wonapde-home-date {
font-size: clamp(1.5rem, 2.5vw, 1.86rem) !important;
}
body.page-home .wonapde-home-venue {
font-size: clamp(1.34rem, 2.2vw, 1.66rem) !important;
}
body.page-home .wonapde-home-city {
font-size: clamp(1rem, 1.7vw, 1.2rem) !important;
}
}
@media (max-width: 900px) {
body.page-home .wonapde-home-intro {
width: min(100%, calc(100vw - 32px)) !important;
margin-left: auto !important;
margin-right: auto !important;
padding: 24px 16px 28px !important;
border-radius: 16px !important;
}
body.page-home .wonapde-home-intro__body {
grid-template-columns: 1fr !important;
gap: 22px !important;
}
body.page-home .wonapde-home-intro__left {
padding-right: 0 !important;
}
body.page-home .wonapde-home-intro .wonapde-section-kicker {
margin-bottom: 26px !important;
}
body.page-home .wonapde-home-intro h2 {
max-width: 100% !important;
margin-bottom: 22px !important;
}
body.page-home .wonapde-home-intro__right p,
body.page-home .wonapde-home-intro__right > div[style*=text-align],
body.page-home .wonapde-home-intro__right .wpe-text > div[style*=text-align] {
font-size: clamp(0.9rem, 2.35vw, 0.98rem) !important;
line-height: 1.48 !important;
}
}
@media (max-width: 640px) {
body.page-home .wonapde-home-intro {
width: min(100%, calc(100vw - 32px)) !important;
padding: 22px 14px 26px !important;
}
body.page-home .wonapde-home-intro h2 .wpe-text {
gap: 10px !important;
}
body.page-home .wonapde-home-date {
font-size: clamp(1.3rem, 5.65vw, 1.56rem) !important;
}
body.page-home .wonapde-home-venue {
font-size: clamp(1.28rem, 6.2vw, 1.62rem) !important;
}
body.page-home .wonapde-home-city {
font-size: clamp(1.02rem, 5.05vw, 1.28rem) !important;
}
body.page-home .wonapde-home-intro__right p,
body.page-home .wonapde-home-intro__right > div[style*=text-align],
body.page-home .wonapde-home-intro__right .wpe-text > div[style*=text-align] {
font-size: 0.9rem !important;
line-height: 1.46 !important;
}
body.page-home .wonapde-home-facts {
gap: 8px !important;
}
body.page-home .wonapde-home-facts > div {
min-height: 72px !important;
padding: 8px 6px !important;
}
body.page-home .wonapde-home-facts > div::before {
width: 18px !important;
height: 18px !important;
margin-bottom: 4px !important;
}
body.page-home .wonapde-home-facts strong {
font-size: 0.7rem !important;
}
body.page-home .wonapde-home-facts span {
font-size: 0.64rem !important;
}
}
body.page-home .wonapde-home-intro .wonapde-home-actions {
align-self: center !important;
justify-content: center !important;
justify-items: center !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
}
body.page-home .wonapde-home-intro .wonapde-register-secondary {
margin-left: auto !important;
margin-right: auto !important;
}
body.page-home .wonapde-home-intro__right p strong,
body.page-home .wonapde-home-intro__right p b {
white-space: nowrap !important;
}
body.page-home .wonapde-home-facts > div::before {
background-color: transparent !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
-webkit-mask-image: none !important;
mask-image: none !important;
}
body.page-home .wonapde-home-facts > div:nth-child(1)::before {
background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a23991'%3E%3Cpath d='M7 2h2v3h6V2h2v3h3v17H4V5h3V2Zm11 9H6v9h12v-9ZM6 7v2h12V7H6Zm2 6h2v2H8v-2Zm4 0h2v2h-2v-2Zm4 0h2v2h-2v-2Zm-8 4h2v2H8v-2Zm4 0h2v2h-2v-2Z'/%3E%3C/svg%3E) !important;
}
body.page-home .wonapde-home-facts > div:nth-child(2)::before {
background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23005fab'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm6.93 9h-3.01a15.7 15.7 0 0 0-1.05-5.01A8.03 8.03 0 0 1 18.93 11ZM12 4.04c.76 1.1 1.63 3.34 1.82 6.96h-3.64C10.37 7.38 11.24 5.14 12 4.04ZM4.26 13h3.82c.13 2.05.5 3.79 1.05 5.01A8.03 8.03 0 0 1 4.26 13Zm3.82-2H4.26a8.03 8.03 0 0 1 4.87-5.01A15.7 15.7 0 0 0 8.08 11ZM12 19.96c-.76-1.1-1.63-3.34-1.82-6.96h3.64c-.19 3.62-1.06 5.86-1.82 6.96Zm2.87-1.95c.55-1.22.92-2.96 1.05-5.01h3.01a8.03 8.03 0 0 1-4.06 5.01Z'/%3E%3C/svg%3E) !important;
}
body.page-home .wonapde-home-facts > div:nth-child(3)::before {
background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffb700'%3E%3Cpath d='M12 3 3 7v2h18V7l-9-4ZM5 10h3v7H5v-7Zm5 0h4v7h-4v-7Zm6 0h3v7h-3v-7ZM4 19v2h16v-2H4Z'/%3E%3C/svg%3E) !important;
}
@media (max-width: 640px) {
body.page-home .wonapde-home-intro__right p strong,
body.page-home .wonapde-home-intro__right p b {
white-space: normal !important;
}
}
body.page-home .wonapde-home-facts > div::before {
content: '' !important;
display: block !important;
width: 22px !important;
height: 22px !important;
margin: 0 0 5px !important;
background-color: transparent !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}
body.page-home .wonapde-home-facts > div:nth-child(1)::before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nI2EyMzk5MSc+PHBhdGggZD0nTTcgMmgydjNoNlYyaDJ2M2gzdjE3SDRWNWgzVjJabTExIDlINnY5aDEydi05Wk02IDd2MmgxMlY3SDZabTIgNmgydjJIOHYtMlptNCAwaDJ2MmgtMnYtMlptNCAwaDJ2MmgtMnYtMlptLTggNGgydjJIOHYtMlptNCAwaDJ2MmgtMnYtMlonLz48L3N2Zz4=) !important;
}
body.page-home .wonapde-home-facts > div:nth-child(2)::before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nIzAwNWZhYic+PHBhdGggZD0nTTEyIDJhMTAgMTAgMCAxIDAgMCAyMCAxMCAxMCAwIDAgMCAwLTIwWm02LjkzIDloLTMuMDFhMTUuNyAxNS43IDAgMCAwLTEuMDUtNS4wMUE4LjAzIDguMDMgMCAwIDEgMTguOTMgMTFaTTEyIDQuMDRjLjc2IDEuMSAxLjYzIDMuMzQgMS44MiA2Ljk2aC0zLjY0QzEwLjM3IDcuMzggMTEuMjQgNS4xNCAxMiA0LjA0Wk00LjI2IDEzaDMuODJjLjEzIDIuMDUuNSAzLjc5IDEuMDUgNS4wMUE4LjAzIDguMDMgMCAwIDEgNC4yNiAxM1ptMy44Mi0ySDQuMjZhOC4wMyA4LjAzIDAgMCAxIDQuODctNS4wMUExNS43IDE1LjcgMCAwIDAgOC4wOCAxMVpNMTIgMTkuOTZjLS43Ni0xLjEtMS42My0zLjM0LTEuODItNi45NmgzLjY0Yy0uMTkgMy42Mi0xLjA2IDUuODYtMS44MiA2Ljk2Wm0yLjg3LTEuOTVjLjU1LTEuMjIuOTItMi45NiAxLjA1LTUuMDFoMy4wMWE4LjAzIDguMDMgMCAwIDEtNC4wNiA1LjAxWicvPjwvc3ZnPg==) !important;
}
body.page-home .wonapde-home-facts > div:nth-child(3)::before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nI2ZmYjcwMCc+PHBhdGggZD0nTTEyIDMgMyA3djJoMThWN2wtOS00Wk01IDEwaDN2N0g1di03Wm01IDBoNHY3aC00di03Wm02IDBoM3Y3aC0zdi03Wk00IDE5djJoMTZ2LTJINFonLz48L3N2Zz4=) !important;
}
@media (max-width: 640px) {
body.page-home .wonapde-home-facts > div::before {
width: 18px !important;
height: 18px !important;
margin-bottom: 4px !important;
}
}
body.page-home .wonapde-home-intro__right p .wpe-text strong,
body.page-home .wonapde-home-intro__right p .wpe-text b {
white-space: nowrap !important;
}
@media (max-width: 640px) {
body.page-home .wonapde-home-intro__right p .wpe-text strong,
body.page-home .wonapde-home-intro__right p .wpe-text b {
white-space: normal !important;
}
}
@media (min-width: 901px) {
body.page-home .wonapde-home-intro__body {
grid-template-columns: minmax(255px, 0.78fr) minmax(420px, 1.22fr) !important;
gap: 20px !important;
}
body.page-home .wonapde-home-intro__left {
padding-right: 10px !important;
}
body.page-home .wonapde-home-date {
font-size: clamp(1.46rem, 1.85vw, 1.78rem) !important;
}
body.page-home .wonapde-home-venue {
font-size: clamp(1.34rem, 1.72vw, 1.62rem) !important;
}
body.page-home .wonapde-home-city {
font-size: clamp(1.02rem, 1.28vw, 1.18rem) !important;
}
body.page-home .wonapde-home-intro__right p,
body.page-home .wonapde-home-intro__right > div[style*=text-align],
body.page-home .wonapde-home-intro__right .wpe-text > div[style*=text-align] {
font-size: clamp(0.92rem, 0.96vw, 0.98rem) !important;
line-height: 1.48 !important;
}
body.page-home .wonapde-home-intro__right p .wpe-text strong,
body.page-home .wonapde-home-intro__right p .wpe-text b {
white-space: normal !important;
}
}
@media (min-width: 901px) {
body.page-home .wonapde-home-intro__body {
grid-template-columns: minmax(255px, 0.86fr) minmax(370px, 1.14fr) !important;
gap: 32px !important;
}
body.page-home .wonapde-home-intro h2 {
max-width: 320px !important;
}
body.page-home .wonapde-home-date {
font-size: clamp(1.42rem, 1.62vw, 1.58rem) !important;
}
body.page-home .wonapde-home-venue {
font-size: clamp(1.28rem, 1.58vw, 1.5rem) !important;
}
body.page-home .wonapde-home-city {
font-size: clamp(1rem, 1.2vw, 1.12rem) !important;
}
body.page-home .wonapde-home-intro__right p,
body.page-home .wonapde-home-intro__right > div[style*=text-align],
body.page-home .wonapde-home-intro__right .wpe-text > div[style*=text-align] {
font-size: clamp(0.9rem, 0.94vw, 0.96rem) !important;
line-height: 1.48 !important;
}
}
@media (max-width: 760px) {
body.page-home .wonapde-home-facts {
grid-template-columns: 1fr 1fr 1fr !important;
gap: 8px !important;
}
body.page-home .wonapde-home-facts > div {
min-height: auto !important;
padding: 10px 6px !important;
}
body.page-home .wonapde-home-facts > div::before {
width: 18px !important;
height: 18px !important;
margin-bottom: 3px !important;
}
body.page-home .wonapde-home-facts strong {
font-size: 0.72rem !important;
margin-bottom: 2px !important;
}
body.page-home .wonapde-home-facts span {
font-size: 0.62rem !important;
line-height: 1.2 !important;
}
}
body.page-home .wonapde-sidebar-register-card {
isolation: isolate;
justify-content: flex-start !important;
gap: 0;
padding: 30px 28px 30px !important;
border: 1px solid rgba(114, 199, 189, .5) !important;
border-radius: 20px !important;
background:
radial-gradient(circle at 92% 8%, rgba(114, 199, 189, .3), transparent 32%),
radial-gradient(circle at 8% 96%, rgba(242, 139, 75, .22), transparent 38%),
linear-gradient(145deg, #315aa6 0%, #5268b4 52%, #735fa8 100%) !important;
color: #fff !important;
box-shadow: 0 24px 52px rgba(38, 54, 118, .22) !important;
}
body.page-home .wonapde-sidebar-register-card::before {
z-index: 2;
height: 5px;
background: linear-gradient(90deg, #f28b4b 0%, #b9588e 58%, #72c7bd 100%) !important;
}
body.page-home .wonapde-sidebar-register-card::after {
content: "";
position: absolute;
right: -1px;
bottom: -1px;
z-index: 0;
width: 190px;
height: 155px;
clip-path: polygon(48% 0, 100% 30%, 100% 100%, 0 100%);
background: linear-gradient(140deg, rgba(22, 31, 76, .08), rgba(185, 88, 142, .3) 54%, rgba(242, 139, 75, .24));
pointer-events: none;
}
body.page-home .wonapde-sidebar-register-card > * {
position: relative;
z-index: 1;
}
body.page-home .wonapde-sidebar-register-card h2 {
display: block;
margin: 0 0 18px !important;
padding: 0 !important;
border: 0 !important;
background: none !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
font-size: clamp(1.5rem, 2vw, 1.82rem) !important;
line-height: 1.08 !important;
letter-spacing: -.02em;
}
body.page-home .wonapde-sidebar-register-card h2::after {
content: "";
display: block;
width: 58px;
height: 4px;
margin-top: 15px;
border-radius: 999px;
background: linear-gradient(90deg, #f28b4b, #b9588e 60%, #72c7bd);
}
body.page-home .wonapde-sidebar-register-card p {
max-width: 30ch;
margin: 0 0 24px !important;
color: rgba(255, 255, 255, .92) !important;
font-size: .98rem !important;
line-height: 1.62 !important;
}
body.page-home .wonapde-sidebar-register-card .wonapde-register-main--block {
min-height: 56px;
margin: auto 0 0 !important;
padding: 14px 18px;
border: 1px solid rgba(17, 26, 61, .12);
border-radius: 14px;
background: linear-gradient(135deg, #ffffff 0%, #f7f2fb 58%, #e6f6f4 100%);
color: #111a3d !important;
box-shadow: 0 14px 28px rgba(35, 49, 109, .2);
font-size: .96rem;
font-weight: 800;
text-decoration: none !important;
transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
body.page-home .wonapde-sidebar-register-card .wonapde-register-main--block:hover,
body.page-home .wonapde-sidebar-register-card .wonapde-register-main--block:focus-visible {
border-color: rgba(114, 199, 189, .65);
background: linear-gradient(135deg, #fff2e9 0%, #f7eaf4 58%, #def4f1 100%);
color: #111a3d !important;
box-shadow: 0 18px 34px rgba(35, 49, 109, .25);
filter: saturate(1.05);
transform: translateY(-2px);
}
body.page-home .wonapde-sidebar-register-card .wonapde-register-main--block:focus-visible {
outline: 3px solid rgba(114, 199, 189, .7);
outline-offset: 3px;
}
@media (max-width: 1024px) {
body.page-home .wonapde-sidebar-register-card {
padding: 26px 22px 24px !important;
border-radius: 20px !important;
}
body.page-home .wonapde-sidebar-register-card::after {
width: 150px;
height: 125px;
}
body.page-home .wonapde-sidebar-register-card h2 {
font-size: clamp(1.42rem, 6vw, 1.72rem) !important;
}
body.page-home .wonapde-sidebar-register-card p {
max-width: none;
}
body.page-home .wonapde-sidebar-register-card .wonapde-register-main--block {
margin-top: 4px !important;
}
}
@media (max-width: 420px) {
body.page-home .wonapde-home-facts {
grid-template-columns: 1fr 1fr 1fr !important;
gap: 6px !important;
}
body.page-home .wonapde-home-facts > div {
padding: 8px 4px !important;
}
body.page-home .wonapde-home-facts > div::before {
width: 16px !important;
height: 16px !important;
margin-bottom: 2px !important;
}
body.page-home .wonapde-home-facts strong {
font-size: 0.65rem !important;
}
body.page-home .wonapde-home-facts span {
font-size: 0.58rem !important;
}
}
.sponsors-bar__inner img {
height: 95px !important;
max-width: 260px !important;
opacity: 0.85 !important;
}
@media (max-width: 640px) {
.sponsors-bar__inner img {
height: 72px !important;
max-width: 200px !important;
}
}
.sponsors-bar__link {
display: inline-flex;
flex: 1 1 auto;
min-width: 0;
align-items: center;
justify-content: center;
}
.sponsors-bar__link:focus-visible {
outline: 2px solid #b9588e;
outline-offset: 4px;
}
.sponsors-bar__inner {
flex-wrap: nowrap !important;
gap: 18px 24px !important;
}
.sponsors-bar__inner img {
flex: 1 1 auto;
min-width: 0;
height: 90px !important;
max-width: 220px !important;
filter: none !important;
opacity: 1 !important;
}
body.page-home .wonapde-poster-card {
display: flex !important; flex-flow: column nowrap;
grid-template-columns: minmax(138px, 168px) minmax(0, 1fr);
grid-template-areas:
"poster title"
"poster note"
"poster action";
column-gap: clamp(20px, 3vw, 32px);
row-gap: 10px;
align-items: center;
width: 100%;
margin: 2.5px auto 0;
padding: 2.5px !important;
text-align: center;
}
body.page-home .wonapde-poster-card h2 {
grid-area: title;
align-self: center;
margin: 14px 12px 0;
font-size: clamp(1.45rem, 2.2vw, 1.9rem);
line-height: 1.12;
text-align: center;
}
body.page-home .wonapde-poster-card h2::after {
margin-right: auto;
margin-left: auto;
}
body.page-home .wonapde-poster-card__note {
grid-area: note;
align-self: center;
max-width: 46ch;
margin: 2.5px auto 0;
color: #4d5d77;
font-size: 0.96rem;
line-height: 1.5;
}
body.page-home .wonapde-poster-card .wonapde-poster-img {
grid-area: poster;
align-self: center;
justify-self: center;
width: 100%;
max-width: calc(100% - 5px);
height: auto;
aspect-ratio: 1279 / 1919;
object-fit: contain;
margin: 2.5px auto 0;
border: 1px solid rgba(20, 36, 64, 0.14);
border-radius: 10px;
background: #111a3d;
box-shadow: 0 14px 30px rgba(12, 31, 64, 0.16);
}
body.page-home .wonapde-poster-card__downloads {
grid-area: action;
align-self: center;
margin: 2px 0 12px;
text-align: center;
}
body.page-home .wonapde-poster-card__download {
display: inline-flex;
align-items: center;
justify-content: center;
width: auto;
max-width: 100%;
min-height: auto;
padding: 4px 6px;
border-radius: 0;
color: #005fae !important;
font-weight: 800;
line-height: 1.25;
text-align: center;
text-decoration: underline !important;
background: transparent;
box-shadow: none;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
body.page-home .wonapde-poster-card__download:hover,
body.page-home .wonapde-poster-card__download:focus-visible {
transform: none;
color: #a23991 !important;
box-shadow: none;
}
@media (min-width: 1025px) {
body.page-home .wonapde-sidebar {
display: flex !important;
flex-direction: column;
grid-column: 2 !important;
grid-row: 2 / span 3 !important;
gap: 24px;
width: 100% !important;
}
body.page-home .wonapde-sidebar-register-card {
order: 1;
grid-column: auto !important;
grid-row: auto !important;
}
body.page-home #important-deadlines {
order: 3;
grid-column: auto !important;
grid-row: auto !important;
}
body.page-home .wonapde-poster-card {
display: flex !important;
flex-direction: column;
align-items: center;
order: 2;
grid-column: auto !important;
grid-row: auto !important;
gap: 12px;
padding: 2.5px !important;
text-align: center;
}
body.page-home .wonapde-poster-card h2 {
width: 100%;
margin: 14px 12px 0;
font-size: 1.35rem;
text-align: center;
}
body.page-home .wonapde-poster-card h2::after {
margin-right: auto;
margin-left: auto;
}
body.page-home .wonapde-poster-card__note {
max-width: 29ch;
margin: 2.5px auto 0;
font-size: 0.88rem;
line-height: 1.42;
text-align: center;
}
body.page-home .wonapde-poster-card .wonapde-poster-img {
width: calc(100% - 5px);
max-width: calc(100% - 5px);
margin: 2.5px auto 0;
}
body.page-home .wonapde-poster-card__downloads {
width: auto;
margin: 2px 0 12px;
text-align: center;
}
body.page-home .wonapde-poster-card__download {
width: auto;
min-height: auto;
padding: 4px 6px;
border-radius: 0;
font-size: 0.8rem;
}
}
@media (max-width: 600px) {
body.page-home .wonapde-poster-card {
grid-template-columns: 102px minmax(0, 1fr);
column-gap: 15px;
row-gap: 7px;
padding: 2.5px !important;
}
body.page-home .wonapde-poster-card h2 {
font-size: 1.22rem;
}
body.page-home .wonapde-poster-card__note {
font-size: 0.84rem;
line-height: 1.38;
}
body.page-home .wonapde-poster-card .wonapde-poster-img {
max-width: calc(100% - 5px);
border-radius: 7px;
}
body.page-home .wonapde-poster-card__downloads {
width: 100%;
margin: 2px 0 12px;
}
body.page-home .wonapde-poster-card__download {
width: auto;
min-height: auto;
padding: 4px 6px;
border-radius: 0;
font-size: 0.78rem;
}
}
.sponsors-bar__inner img[alt^="Facultad de Ciencias"] {
flex-grow: 1.55;
max-width: 280px !important;
}
.sponsors-bar__inner img[src*="logo_ubb.png"] {
height: 112px !important;
max-width: 170px !important;
}
.sponsors-bar__inner img[src*="logo_ucsc.png"] {
height: 120px !important;
max-width: 170px !important;
}
.sponsors-bar__inner img[src*="logo_cmm.png"] {
height: 110px !important;
max-width: 160px !important;
}
@media (max-width: 900px) {
.sponsors-bar__inner {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr));
align-items: center;
justify-items: center;
gap: 20px 16px !important;
overflow: visible;
padding: 4px 0;
}
.sponsors-bar__link {
width: 100%;
}
.sponsors-bar__inner img {
width: 100%;
height: 70px !important;
max-width: 165px !important;
}
.sponsors-bar__inner img[alt^="Facultad de Ciencias"] {
max-width: 165px !important;
}
}
@media (max-width: 640px) {
.sponsors-bar__inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px 14px !important;
}
.sponsors-bar__inner img,
.sponsors-bar__inner img[alt^="Facultad de Ciencias"] {
height: 70px !important;
max-width: 165px !important;
}
.sponsors-bar__inner img[src*="logo_ubb.png"] {
height: 92px !important;
max-width: 140px !important;
}
.sponsors-bar__inner img[src*="logo_ucsc.png"] {
height: 90px !important;
max-width: 140px !important;
}
.sponsors-bar__inner img[src*="logo_cmm.png"] {
height: 86px !important;
max-width: 135px !important;
}
.sponsors-bar__link:last-child:nth-child(odd) {
grid-column: 1 / -1;
justify-self: center;
}
}
body.ci2ma-wonapde-v2 .wonapde-sponsors-bar .sponsors-bar__inner img[src*="logo_ubb.png"] {
height: 135px !important;
max-width: 200px !important;
}
@media (max-width: 900px) {
body.ci2ma-wonapde-v2 .wonapde-sponsors-bar .sponsors-bar__inner img {
height: 70px !important;
max-width: 165px !important;
}
}
@media (max-width: 640px) {
body.ci2ma-wonapde-v2 .wonapde-sponsors-bar .sponsors-bar__inner img {
height: 70px !important;
max-width: 165px !important;
}
body.ci2ma-wonapde-v2 .wonapde-sponsors-bar .sponsors-bar__inner img[src*="logo_ubb.png"] {
height: 125px !important;
max-width: 175px !important;
}
body.ci2ma-wonapde-v2 .wonapde-sponsors-bar .sponsors-bar__inner img[src*="logo_ucsc.png"] {
height: 90px !important;
max-width: 140px !important;
}
body.ci2ma-wonapde-v2 .wonapde-sponsors-bar .sponsors-bar__inner img[src*="logo_cmm.png"] {
height: 86px !important;
max-width: 135px !important;
}
}
div.wonapde-main-column:nth-of-type(1) > section.wonapde-home-intro:nth-of-type(1) > div.wonapde-home-intro__body > div.wonapde-home-intro__right:nth-of-type(2) > div:nth-of-type(1) {
left: 0 !important;
position: relative;
top: 9px;
width: 370px !important;
}
div.wonapde-main-column:nth-of-type(1) > section.wonapde-home-intro:nth-of-type(1) > div.wonapde-home-intro__body > div.wonapde-home-intro__right:nth-of-type(2) > p.wonapde-edit-hitarea {
left: 0 !important;
width: 370px !important;
height: auto !important;
}
body.page-home .wonapde-home-intro h2 {
max-width: 360px !important;
}
body.page-home .wonapde-home-intro h2 .wpe-text {
gap: 10px !important;
}
body.page-home .wonapde-home-date,
body.page-home .wonapde-home-date *,
body.page-home .wonapde-home-venue,
body.page-home .wonapde-home-venue * {
font-family: inherit !important;
letter-spacing: 0 !important;
text-align: center !important;
}
body.page-home .wonapde-home-date {
display: block !important;
width: 100% !important;
color: #003273 !important;
font-size: clamp(1.5rem, 2vw, 1.9rem) !important;
font-weight: 800 !important;
line-height: 1.08 !important;
white-space: nowrap !important;
overflow-wrap: normal !important;
word-break: keep-all !important;
text-wrap: nowrap !important;
}
body.page-home .wonapde-home-date * {
display: inline !important;
white-space: nowrap !important;
}
body.page-home .wonapde-home-venue {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 2px !important;
font-size: clamp(1.38rem, 1.8vw, 1.7rem) !important;
line-height: 1.1 !important;
}
body.page-home .wonapde-home-venue > span {
display: block !important;
}
@media (max-width: 760px) {
body.page-home .wonapde-home-intro h2 {
max-width: min(100%, 330px) !important;
}
body.page-home .wonapde-home-date {
font-size: clamp(1.18rem, 5.2vw, 1.52rem) !important;
}
body.page-home .wonapde-home-venue {
font-size: clamp(1.3rem, 5.7vw, 1.72rem) !important;
}
}
@media (min-width: 769px) {
body.page-home .wonapde-home-intro {
height: auto !important;
min-height: 0 !important;
padding: 26px 30px 30px !important;
}
body.page-home .wonapde-home-intro__body {
align-items: start !important;
}
body.page-home .wonapde-home-intro__left,
body.page-home .wonapde-home-intro__right {
justify-content: flex-start !important;
}
body.page-home .wonapde-home-intro .wonapde-section-kicker {
display: none !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-home .wonapde-home-intro h2 {
margin: 0 0 16px !important;
}
body.page-home .wonapde-home-actions {
margin-top: 12px !important;
}
body.page-home .wonapde-home-date {
white-space: nowrap !important;
word-break: keep-all !important;
}
}
body.page-home .wonapde-home-intro .wonapde-section-kicker {
display: none !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-home .wonapde-home-date {
white-space: nowrap !important;
word-break: keep-all !important;
}
body.page-home .wonapde-home-intro {
height: auto !important;
min-height: 0 !important;
}
body.page-home .wonapde-home-intro__body {
display: grid !important;
grid-template-columns: minmax(300px, 0.95fr) minmax(360px, 1.05fr) !important;
align-items: start !important;
gap: clamp(28px, 4vw, 52px) !important;
}
body.page-home .wonapde-home-intro__left,
body.page-home .wonapde-home-intro__right {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
position: static !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-home .wonapde-home-intro__left {
grid-column: 1 !important;
grid-row: 1 !important;
align-items: center !important;
text-align: center !important;
}
body.page-home .wonapde-home-intro__right {
grid-column: 2 !important;
grid-row: 1 !important;
align-items: stretch !important;
gap: 18px !important;
text-align: left !important;
}
body.page-home .wonapde-home-intro .wonapde-section-kicker {
display: none !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-home .wonapde-home-intro h2,
body.page-home .wonapde-home-intro__right p {
order: initial !important;
}
body.page-home .wonapde-home-intro h2 {
width: 100% !important;
max-width: 380px !important;
margin: 0 0 18px !important;
text-align: center !important;
}
body.page-home .wonapde-home-intro__right p,
body.page-home .wonapde-home-intro__right > div[style*=text-align],
body.page-home .wonapde-home-intro__right .wpe-text > div[style*=text-align] {
width: auto !important;
max-width: 100% !important;
margin: 0 !important;
left: auto !important;
top: auto !important;
text-align: left !important;
}
body.page-home .wonapde-home-facts {
order: initial !important;
width: 100% !important;
margin: 10px 0 0 !important;
}
body.page-home .wonapde-home-actions {
order: initial !important;
width: 100% !important;
max-width: 280px !important;
margin: 16px auto 0 !important;
}
body.page-home .wonapde-home-date {
white-space: nowrap !important;
word-break: keep-all !important;
text-wrap: nowrap !important;
}
@media (max-width: 900px) {
body.page-home .wonapde-home-intro__body {
grid-template-columns: 1fr !important;
gap: 24px !important;
}
body.page-home .wonapde-home-intro__left,
body.page-home .wonapde-home-intro__right {
grid-column: 1 !important;
grid-row: auto !important;
}
body.page-home .wonapde-home-intro__left {
order: 1 !important;
}
body.page-home .wonapde-home-intro__right {
order: 2 !important;
}
}
body.page-home .wonapde-home-intro__body {
display: grid !important;
grid-template-columns: minmax(300px, 0.9fr) minmax(390px, 1.1fr) !important;
grid-template-areas:
title copy
actions facts !important;
align-items: start !important;
column-gap: clamp(34px, 4.2vw, 58px) !important;
row-gap: 18px !important;
}
body.page-home .wonapde-home-intro__left,
body.page-home .wonapde-home-intro__right {
display: contents !important;
}
body.page-home .wonapde-home-intro .wonapde-section-kicker {
display: none !important;
}
body.page-home .wonapde-home-intro h2 {
grid-area: title !important;
align-self: start !important;
justify-self: center !important;
order: 0 !important;
width: 100% !important;
max-width: 390px !important;
margin: 0 !important;
text-align: center !important;
}
body.page-home .wonapde-home-intro__left > p.wonapde-edit-hitarea,
body.page-home .wonapde-home-intro__left > p.wonapde-edit-hitarea .wpe-text,
body.page-home .wonapde-home-intro__left > p.wonapde-edit-hitarea .wpe-text > div {
grid-area: copy !important;
align-self: start !important;
justify-self: stretch !important;
order: 0 !important;
width: auto !important;
max-width: 100% !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
left: auto !important;
top: auto !important;
position: static !important;
text-align: left !important;
}
body.page-home .wonapde-home-actions {
grid-area: actions !important;
align-self: start !important;
justify-self: center !important;
order: 0 !important;
width: min(100%, 280px) !important;
margin: 10px auto 0 !important;
}
body.page-home .wonapde-home-facts {
grid-area: facts !important;
align-self: start !important;
justify-self: stretch !important;
order: 0 !important;
width: 100% !important;
margin: 0 !important;
}
body.page-home .wonapde-home-date {
white-space: nowrap !important;
word-break: keep-all !important;
text-wrap: nowrap !important;
}
@media (max-width: 900px) {
body.page-home .wonapde-home-intro__body {
grid-template-columns: 1fr !important;
grid-template-areas:
title
actions
copy
facts !important;
row-gap: 18px !important;
}
body.page-home .wonapde-home-intro h2,
body.page-home .wonapde-home-actions,
body.page-home .wonapde-home-intro__left > p.wonapde-edit-hitarea,
body.page-home .wonapde-home-facts {
justify-self: center !important;
}
body.page-home .wonapde-home-intro__left > p.wonapde-edit-hitarea,
body.page-home .wonapde-home-intro__left > p.wonapde-edit-hitarea .wpe-text,
body.page-home .wonapde-home-intro__left > p.wonapde-edit-hitarea .wpe-text > div {
text-align: center !important;
}
}
body.page-home .wonapde-home-intro__body {
display: grid !important;
grid-template-columns: minmax(300px, 0.9fr) minmax(390px, 1.1fr) !important;
grid-auto-flow: row !important;
align-items: start !important;
column-gap: clamp(34px, 4.2vw, 58px) !important;
row-gap: 18px !important;
}
body.page-home .wonapde-home-intro__left,
body.page-home .wonapde-home-intro__right {
display: contents !important;
}
body.page-home .wonapde-home-intro h2 {
grid-column: 1 !important;
grid-row: 1 !important;
}
body.page-home .wonapde-home-actions {
grid-column: 1 !important;
grid-row: 2 !important;
}
body.page-home .wonapde-home-intro__left > p.wonapde-edit-hitarea {
grid-column: 2 !important;
grid-row: 1 !important;
}
body.page-home .wonapde-home-facts {
grid-column: 2 !important;
grid-row: 2 !important;
}
@media (max-width: 900px) {
body.page-home .wonapde-home-intro__body {
grid-template-columns: 1fr !important;
row-gap: 18px !important;
}
body.page-home .wonapde-home-intro h2 {
grid-column: 1 !important;
grid-row: 1 !important;
}
body.page-home .wonapde-home-actions {
grid-column: 1 !important;
grid-row: 2 !important;
}
body.page-home .wonapde-home-intro__left > p.wonapde-edit-hitarea {
grid-column: 1 !important;
grid-row: 3 !important;
}
body.page-home .wonapde-home-facts {
grid-column: 1 !important;
grid-row: 4 !important;
}
}
body.page-home .wonapde-home-intro__left > .wpe-text,
body.page-home .wonapde-home-intro__left > .wpe-text > div,
body.page-home .wonapde-home-intro__left > div[style*=text-align],
body.page-home .wonapde-home-intro__left > p.wonapde-edit-hitarea + div {
grid-column: 2 !important;
grid-row: 1 !important;
align-self: start !important;
justify-self: stretch !important;
width: auto !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
position: static !important;
left: auto !important;
top: auto !important;
text-align: left !important;
}
@media (max-width: 900px) {
body.page-home .wonapde-home-intro__left > .wpe-text,
body.page-home .wonapde-home-intro__left > .wpe-text > div,
body.page-home .wonapde-home-intro__left > div[style*=text-align],
body.page-home .wonapde-home-intro__left > p.wonapde-edit-hitarea + div {
grid-column: 1 !important;
grid-row: 3 !important;
text-align: center !important;
}
}
body.page-home .wonapde-home-intro__body {
display: grid !important;
grid-template-columns: minmax(300px, 0.9fr) minmax(390px, 1.1fr) !important;
align-items: start !important;
column-gap: clamp(34px, 4.2vw, 58px) !important;
row-gap: 14px !important;
}
body.page-home .wonapde-home-intro__left,
body.page-home .wonapde-home-intro__right {
display: contents !important;
}
body.page-home .wonapde-home-intro .wonapde-section-kicker {
display: inline-flex !important;
grid-column: 1 !important;
grid-row: 1 !important;
justify-self: start !important;
align-self: start !important;
height: auto !important;
min-height: 30px !important;
margin: 0 0 4px !important;
padding: 8px 14px !important;
border-radius: 7px !important;
background: #ffb700 !important;
color: #003273 !important;
font-family: inherit !important;
font-size: 0.78rem !important;
font-weight: 800 !important;
letter-spacing: 0.06em !important;
line-height: 1 !important;
text-align: center !important;
text-transform: uppercase !important;
}
body.page-home .wonapde-home-intro h2 {
grid-column: 1 !important;
grid-row: 2 !important;
justify-self: center !important;
align-self: start !important;
width: 100% !important;
max-width: 390px !important;
margin: 0 !important;
text-align: center !important;
}
body.page-home .wonapde-home-actions {
grid-column: 1 !important;
grid-row: 3 !important;
justify-self: center !important;
align-self: start !important;
width: min(100%, 280px) !important;
margin: 10px auto 0 !important;
}
body.page-home .wonapde-home-intro__left > p.wonapde-edit-hitarea,
body.page-home .wonapde-home-intro__left > .wpe-text,
body.page-home .wonapde-home-intro__left > .wpe-text > div,
body.page-home .wonapde-home-intro__left > div[style*=text-align],
body.page-home .wonapde-home-intro__left > p.wonapde-edit-hitarea + div {
grid-column: 2 !important;
grid-row: 1 / span 2 !important;
align-self: start !important;
justify-self: stretch !important;
width: auto !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
position: static !important;
left: auto !important;
top: auto !important;
text-align: left !important;
}
body.page-home .wonapde-home-facts {
grid-column: 2 !important;
grid-row: 3 !important;
align-self: start !important;
justify-self: stretch !important;
width: 100% !important;
margin: 0 !important;
}
body.page-home .wonapde-home-date {
white-space: nowrap !important;
word-break: keep-all !important;
text-wrap: nowrap !important;
}
@media (max-width: 900px) {
body.page-home .wonapde-home-intro__body {
grid-template-columns: 1fr !important;
row-gap: 16px !important;
}
body.page-home .wonapde-home-intro .wonapde-section-kicker {
grid-column: 1 !important;
grid-row: 1 !important;
justify-self: start !important;
}
body.page-home .wonapde-home-intro h2 {
grid-column: 1 !important;
grid-row: 2 !important;
}
body.page-home .wonapde-home-actions {
grid-column: 1 !important;
grid-row: 3 !important;
}
body.page-home .wonapde-home-intro__left > p.wonapde-edit-hitarea,
body.page-home .wonapde-home-intro__left > .wpe-text,
body.page-home .wonapde-home-intro__left > .wpe-text > div,
body.page-home .wonapde-home-intro__left > div[style*=text-align],
body.page-home .wonapde-home-intro__left > p.wonapde-edit-hitarea + div {
grid-column: 1 !important;
grid-row: 4 !important;
text-align: center !important;
}
body.page-home .wonapde-home-facts {
grid-column: 1 !important;
grid-row: 5 !important;
}
}
body.page-registration #registration-fees h2 .wpe-text > span {
display: inline-block !important;
max-width: 100% !important;
white-space: nowrap !important;
line-height: 1.2 !important;
}
body.page-registration #registration-fees h2 .wpe-text > span br {
display: none !important;
}
body.page-registration #registration-fees h2 .wpe-text > span font {
display: inline !important;
white-space: nowrap !important;
}
@media (max-width: 760px) {
body.page-registration #registration-fees h2 .wpe-text > span font {
font-size: clamp(0.58rem, 2.55vw, 0.84rem) !important;
}
}
@media (max-width: 760px) {
body.page-registration #registration-fees h2 {
overflow: hidden !important;
}
body.page-registration #registration-fees h2 .wpe-text > span {
display: block !important;
width: 100% !important;
max-width: 100% !important;
overflow: visible !important;
white-space: nowrap !important;
}
body.page-registration #registration-fees h2 .wpe-text > span font {
font-size: clamp(0.34rem, 1.45vw, 0.48rem) !important;
line-height: 1.2 !important;
white-space: nowrap !important;
}
}
body.page-registration #registration-scholarships h4 {
align-self: end !important;
margin: 0 !important;
padding: 14px 18px 12px !important;
border: 1px solid rgba(0, 95, 174, 0.12) !important;
border-bottom: 2px solid #ffb700 !important;
border-radius: 12px 12px 0 0 !important;
background: #f8fbff !important;
line-height: 1.15 !important;
}
body.page-registration #registration-scholarships ul {
align-self: start !important;
min-height: 0 !important;
margin: 0 !important;
padding: 10px 20px 16px 34px !important;
border: 1px solid rgba(0, 95, 174, 0.12) !important;
border-top: 0 !important;
border-radius: 0 0 12px 12px !important;
background: #f8fbff !important;
}
body.page-registration #registration-scholarships ul li {
margin: 0 0 8px !important;
line-height: 1.36 !important;
}
body.page-registration #registration-scholarships ul li:last-child {
margin-bottom: 0 !important;
}
@media (min-width: 761px) {
body.page-registration #registration-scholarships ul li {
font-size: 0.84rem !important;
}
}
body.page-registration #registration-scholarships h4 {
position: relative !important;
z-index: 2 !important;
margin-bottom: 0 !important;
border-bottom: 2px solid #ffb700 !important;
border-radius: 12px 12px 0 0 !important;
}
body.page-registration #registration-scholarships h4 + ul,
body.page-registration #registration-scholarships ul {
margin-top: -14px !important;
padding-top: 20px !important;
border-top: 0 !important;
border-radius: 0 0 12px 12px !important;
}
body.page-registration #registration-scholarships .won-reg-callout-box > strong {
display: block !important;
margin: 0 0 10px !important;
padding-bottom: 10px !important;
border-bottom: 2px solid #ffb700 !important;
color: var(--won-navy, #00407a) !important;
line-height: 1.15 !important;
}
body.page-registration #registration-scholarships .won-reg-callout-box > strong {
display: inline-block !important;
width: max-content !important;
max-width: 100% !important;
padding-right: 0 !important;
}
body.page-registration #registration-scholarships h2 {
width: max-content !important;
max-width: 100% !important;
margin: 0 0 8px !important;
padding-bottom: 8px !important;
border-bottom: 2px solid #ffb700 !important;
color: var(--won-navy, #00407a) !important;
line-height: 1.15 !important;
}
body.page-registration #registration-scholarships > p {
margin: 0 0 4px !important;
max-width: 100% !important;
}
@media (max-width: 600px) {
body.page-info .wonapde-main-v2 {
width: 100% !important;
max-width: none !important;
padding: 24px 12px !important;
overflow-x: hidden !important;
}
body.page-info .wonapde-container {
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
}
body.page-info .wonapde-card {
width: 100% !important;
max-width: 100% !important;
margin: 0 0 18px !important;
padding: 18px 16px !important;
border-radius: 14px !important;
overflow: hidden !important;
}
body.page-info .wonapde-card h2 {
font-size: clamp(1.18rem, 7vw, 1.5rem) !important;
line-height: 1.12 !important;
margin-bottom: 14px !important;
}
body.page-info .wonapde-card h3 {
font-size: 1rem !important;
line-height: 1.25 !important;
margin: 18px 0 8px !important;
}
body.page-info .wonapde-card p,
body.page-info .wonapde-card li {
font-size: 0.91rem !important;
line-height: 1.5 !important;
}
body.page-info .wonapde-table-wrapper {
width: 100% !important;
margin-top: 14px !important;
overflow: visible !important;
}
body.page-info .wonapde-table-responsive,
body.page-info .wonapde-table-responsive tbody {
display: block !important;
width: 100% !important;
}
body.page-info .wonapde-table-responsive thead {
display: none !important;
}
body.page-info .wonapde-table-responsive tr {
display: block !important;
width: 100% !important;
margin: 0 0 14px !important;
padding: 14px 14px 12px !important;
border: 1px solid rgba(0, 95, 174, 0.14) !important;
border-left: 4px solid var(--won-gold, #ffb700) !important;
border-radius: 12px !important;
background: #ffffff !important;
box-shadow: 0 8px 20px rgba(0, 64, 122, 0.06) !important;
}
body.page-info .wonapde-table-responsive tr:last-child {
margin-bottom: 0 !important;
border-bottom: 1px solid rgba(0, 95, 174, 0.14) !important;
}
body.page-info .wonapde-table-responsive td {
display: block !important;
width: 100% !important;
min-width: 0 !important;
padding: 8px 0 !important;
border: 0 !important;
position: static !important;
text-align: left !important;
color: var(--won-slate, #16233d) !important;
overflow-wrap: anywhere !important;
word-break: normal !important;
}
body.page-info .wonapde-table-responsive td::before {
content: attr(data-label) !important;
display: block !important;
position: static !important;
width: auto !important;
margin: 0 0 4px !important;
color: var(--won-navy, #00407a) !important;
font-size: 0.74rem !important;
font-weight: 800 !important;
line-height: 1.15 !important;
letter-spacing: 0 !important;
white-space: normal !important;
}
body.page-info .wonapde-table-responsive td:first-child {
padding-top: 0 !important;
font-size: 1rem !important;
font-weight: 800 !important;
}
body.page-info .wonapde-table-responsive td:nth-child(2) {
color: #eab308 !important;
line-height: 1.2 !important;
}
body.page-info .wonapde-table-responsive td:nth-child(3) {
line-height: 1.45 !important;
}
body.page-info .wonapde-table-responsive a,
body.page-info .wonapde-card a {
overflow-wrap: anywhere !important;
word-break: normal !important;
}
body.page-info iframe,
body.page-info img {
max-width: 100% !important;
}
}
body.page-home .wonapde-home-intro__left > p.wonapde-home-blurb,
body.page-home .wonapde-home-intro__left > p.wonapde-edit-hitarea:has([data-wpe-id="auto_index_php_8"]) {
display: block !important;
width: min(390px, 100%) !important;
max-width: 100% !important;
margin: 22px auto 24px !important;
padding: 0 !important;
text-align: center !important;
color: #1b2b49 !important;
font-size: clamp(0.96rem, 1.1vw, 1.05rem) !important;
line-height: 1.52 !important;
}
body.page-home .wonapde-home-intro__left > p.wonapde-home-blurb .wpe-text,
body.page-home .wonapde-home-intro__left > p.wonapde-home-blurb .wpe-text * {
display: inline !important;
text-align: inherit !important;
color: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
}
body.page-home .wonapde-home-intro__left > p.wonapde-home-blurb strong,
body.page-home .wonapde-home-intro__left > p.wonapde-home-blurb b {
color: #142440 !important;
font-weight: 800 !important;
}
@media (max-width: 768px) {
body.page-home .wonapde-home-intro__left > p.wonapde-home-blurb,
body.page-home .wonapde-home-intro__left > p.wonapde-edit-hitarea:has([data-wpe-id="auto_index_php_8"]) {
width: min(440px, 100%) !important;
margin: 18px auto 20px !important;
font-size: 0.96rem !important;
line-height: 1.48 !important;
}
}
@media (min-width: 1025px) {
body.page-home .wonapde-homepage-layout {
display: grid !important;
grid-template-columns: minmax(0, 2.05fr) minmax(300px, 0.95fr) !important;
column-gap: 28px !important;
row-gap: 24px !important;
align-items: start !important;
}
body.page-home .wonapde-event-banner {
grid-column: 1 / -1 !important;
grid-row: 1 !important;
margin: 0 !important;
}
body.page-home .wonapde-main-column,
body.page-home .wonapde-sidebar {
display: contents !important;
}
body.page-home .wonapde-home-intro {
grid-column: 1 !important;
grid-row: 2 !important;
align-self: stretch !important;
width: 100% !important;
max-width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 30px 30px 32px !important;
border-radius: 12px !important;
}
body.page-home .wonapde-sidebar-register-card {
grid-column: 2 !important;
grid-row: 2 !important;
align-self: stretch !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 30px 28px 32px !important;
border-radius: 12px !important;
}
body.page-home .wonapde-grid {
grid-column: 1 !important;
grid-row: 3 !important;
align-self: start !important;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 24px !important;
width: 100% !important;
margin: 0 !important;
}
body.page-home #important-deadlines {
grid-column: 2 !important;
grid-row: 3 !important;
align-self: start !important;
width: 100% !important;
margin: 0 !important;
border-radius: 12px !important;
}
body.page-home .wonapde-feature-card {
min-height: 190px !important;
height: 100% !important;
border-radius: 12px !important;
}
body.page-home .wonapde-closing-visual {
grid-column: 1 !important;
grid-row: 4 !important;
margin-top: 0 !important;
}
}
@media (min-width: 1025px) and (max-width: 1180px) {
body.page-home .wonapde-homepage-layout {
grid-template-columns: minmax(0, 1.7fr) minmax(280px, 0.9fr) !important;
column-gap: 22px !important;
}
body.page-home .wonapde-home-intro,
body.page-home .wonapde-sidebar-register-card {
padding: 26px 24px 28px !important;
}
}
body.page-home .wonapde-home-intro__body {
max-width: 100% !important;
width: 100% !important;
}
body.page-home .wonapde-home-intro__left > p.wonapde-home-blurb,
body.page-home .wonapde-home-intro__left > p.wonapde-edit-hitarea:has([data-wpe-id="auto_index_php_8"]) {
box-sizing: border-box !important;
min-width: 0 !important;
overflow: visible !important;
white-space: normal !important;
overflow-wrap: normal !important;
word-break: normal !important;
}
body.page-home .wonapde-home-intro__left > p.wonapde-home-blurb .wpe-text,
body.page-home .wonapde-home-intro__left > p.wonapde-home-blurb .wpe-text * {
min-width: 0 !important;
max-width: 100% !important;
white-space: normal !important;
overflow-wrap: normal !important;
word-break: normal !important;
}
@media (min-width: 1025px) {
body.page-home .wonapde-home-intro__body {
grid-template-columns: minmax(310px, 0.92fr) minmax(0, 1.08fr) !important;
column-gap: 34px !important;
}
body.page-home .wonapde-home-intro__left > p.wonapde-home-blurb,
body.page-home .wonapde-home-intro__left > p.wonapde-edit-hitarea:has([data-wpe-id="auto_index_php_8"]) {
width: 100% !important;
max-width: 100% !important;
margin: 18px 0 18px !important;
padding: 0 2px !important;
text-align: center !important;
line-height: 1.5 !important;
}
body.page-home .wonapde-home-facts {
width: 100% !important;
max-width: 100% !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 12px !important;
}
body.page-home .wonapde-home-facts > div {
min-width: 0 !important;
}
}
@media (max-width: 640px) {
body.page-home .wonapde-home-intro__left > p.wonapde-home-blurb,
body.page-home .wonapde-home-intro__left > p.wonapde-edit-hitarea:has([data-wpe-id="auto_index_php_8"]) {
width: 100% !important;
max-width: 100% !important;
margin: 16px auto 18px !important;
padding: 0 4px !important;
text-align: center !important;
font-size: 0.88rem !important;
line-height: 1.48 !important;
}
body.page-home .wonapde-home-intro__left > p.wonapde-home-blurb .wpe-text {
display: block !important;
width: 100% !important;
max-width: 100% !important;
}
body.page-home .wonapde-home-facts {
width: 100% !important;
max-width: 100% !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 8px !important;
}
body.page-home .wonapde-home-facts > div {
min-width: 0 !important;
padding: 10px 6px !important;
}
}
@media (max-width: 640px) {
body.page-home .wonapde-home-intro {
overflow: hidden !important;
}
body.page-home .wonapde-home-intro__body {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 16px !important;
width: 100% !important;
max-width: 100% !important;
}
body.page-home .wonapde-home-intro__left,
body.page-home .wonapde-home-intro__right {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
position: static !important;
}
body.page-home .wonapde-home-intro__left {
order: 1 !important;
}
body.page-home .wonapde-home-intro__right {
order: 2 !important;
}
body.page-home .wonapde-home-intro .wonapde-section-kicker {
order: 1 !important;
}
body.page-home .wonapde-home-intro h2 {
order: 2 !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
}
body.page-home .wonapde-home-actions {
order: 3 !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
}
body.page-home .wonapde-home-intro__left > p.wonapde-home-blurb,
body.page-home .wonapde-home-intro__left > p.wonapde-edit-hitarea:has([data-wpe-id="auto_index_php_8"]) {
order: 4 !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 2px 0 0 !important;
padding: 0 2px !important;
position: static !important;
left: auto !important;
top: auto !important;
transform: none !important;
text-align: center !important;
white-space: normal !important;
overflow-wrap: normal !important;
word-break: normal !important;
}
body.page-home .wonapde-home-intro__left > p.wonapde-home-blurb .wpe-text,
body.page-home .wonapde-home-intro__left > p.wonapde-home-blurb .wpe-text * {
display: inline !important;
white-space: normal !important;
overflow-wrap: normal !important;
word-break: normal !important;
}
body.page-home .wonapde-home-facts {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
width: 100% !important;
max-width: 100% !important;
gap: 8px !important;
margin: 0 !important;
}
}
@media (max-width: 760px) {
body.page-home .wonapde-home-intro__left > h2.wonapde-edit-hitarea {
align-self: stretch !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 !important;
text-align: center !important;
}
body.page-home .wonapde-home-intro__left > h2.wonapde-edit-hitarea > .wpe-text {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
text-align: center !important;
}
body.page-home .wonapde-home-date,
body.page-home .wonapde-home-venue,
body.page-home .wonapde-home-city {
width: 100% !important;
max-width: 100% !important;
margin-right: auto !important;
margin-left: auto !important;
text-align: center !important;
}
}
body.page-home .wonapde-sidebar-register-card {
justify-content: flex-start !important;
padding: 30px 28px 30px !important;
border-radius: 20px !important;
}
@media (max-width: 1024px) {
body.page-home .wonapde-sidebar-register-card {
padding: 26px 22px 24px !important;
}
}
@media (min-width: 1025px) {
body.page-home .wonapde-sidebar-register-card {
justify-content: center !important;
}
body.page-home .wonapde-sidebar-register-card p {
max-width: 31ch;
margin-bottom: 0 !important;
font-size: 1rem !important;
}
body.page-home .wonapde-sidebar-register-card .wonapde-register-main--block {
margin: 26px 0 0 !important;
}
}
@media (min-width: 1025px) {
body.page-home .wonapde-sidebar {
display: flex !important;
flex-direction: column !important;
grid-column: 2 !important;
grid-row: 2 / span 3 !important;
gap: 24px !important;
width: 100% !important;
}
}
body.page-home .wonapde-poster-card { padding: 2.5px !important; margin: 0 !important; }
body.page-home .wonapde-poster-card h2,
body.page-home .wonapde-poster-card__note { width: calc(100% - 28px) !important; max-width: calc(100% - 28px) !important; }
body.page-home .wonapde-poster-card .wonapde-poster-img { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; }
body.page-home .wonapde-poster-card__downloads { align-self: center !important; width: 100% !important; text-align: center !important; }
body.page-home .wonapde-poster-card__download { width: auto !important; min-height: auto !important; padding: 4px 6px !important; color: #005fae !important; background: transparent !important; box-shadow: none !important; }
body.ci2ma-wonapde-v2.page-home .wonapde-homepage-layout .wonapde-sidebar .wonapde-card.wonapde-poster-card { padding: 2.5px !important; }
body.ci2ma-wonapde-v2.page-home .wonapde-homepage-layout .wonapde-sidebar .wonapde-card.wonapde-poster-card .wonapde-poster-img { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; }
body.ci2ma-wonapde-v2.page-home
.wonapde-homepage-layout
.wonapde-sidebar
.wonapde-card.wonapde-poster-card {
overflow: hidden !important;
}
body.ci2ma-wonapde-v2.page-home
.wonapde-homepage-layout
.wonapde-sidebar
.wonapde-card.wonapde-poster-card
.wonapde-poster-img {
display: block !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
aspect-ratio: auto !important;
object-fit: contain !important;
object-position: center top !important;
margin: 0 auto !important;
padding: 0 !important;
border-radius: 12px !important;
transform: none !important;
}
@media (max-width: 1024px) {
body.ci2ma-wonapde-v2.page-home
.wonapde-poster-card
.wonapde-poster-img {
width: 100% !important;
height: auto !important;
object-fit: contain !important;
}
}
@media (min-width: 1025px) {
body.ci2ma-wonapde-v2.page-home
.wonapde-homepage-layout
.wonapde-sidebar
.wonapde-card.wonapde-poster-card
.wonapde-poster-img {
width: 300px !important;
max-width: 300px !important;
}
}
@media (max-width: 1024px) {
body.ci2ma-wonapde-v2.page-home
.wonapde-poster-card
.wonapde-poster-img {
width: 326px !important;
max-width: calc(100% - 24px) !important;
}
}
@media (max-width: 1024px) {
body.ci2ma-wonapde-v2.page-home
.wonapde-homepage-layout
.wonapde-sidebar
.wonapde-card.wonapde-poster-card
.wonapde-poster-img {
width: 326px !important;
max-width: calc(100% - 24px) !important;
}
}
@media (max-width: 1099px) {
body.ci2ma-wonapde-v2 .wonapde-modern-nav .wonapde-modern-nav__panel-head {
position: relative !important;
justify-content: center !important;
min-height: 66px;
}
body.ci2ma-wonapde-v2 .wonapde-modern-nav .wonapde-modern-nav__panel-head > div {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
padding: 0 54px !important;
text-align: center !important;
}
body.ci2ma-wonapde-v2 .wonapde-modern-nav .wonapde-modern-nav__panel-kicker {
display: block !important;
width: 176px !important;
height: 66px !important;
overflow: hidden;
color: transparent !important;
font-size: 0 !important;
line-height: 0 !important;
background: url(../../images/WONAPDE2027_wordmark_transparent.png) center / contain no-repeat;
}
body.ci2ma-wonapde-v2 .wonapde-modern-nav .wonapde-modern-nav__panel-head strong {
display: none !important;
}
body.ci2ma-wonapde-v2 .wonapde-modern-nav .wonapde-modern-nav__close {
position: absolute !important;
top: 50% !important;
right: 0 !important;
transform: translateY(-50%) !important;
}
}