.dta-quote-popup-action {
clear: both;
display: flex;
justify-content: center;
margin: 18px 0 24px;
text-align: center;
}
.single-product div.product .summary .dta-quote-popup-action {
justify-content: flex-start;
text-align: left;
}
.single-product div.product .woocommerce-tabs ul.tabs {
display: none;
}
.single-product div.product #tab-description > h2:first-child {
display: none;
}
.single-product div.product .summary > p.price {
display: none;
}
@media (min-width: 768px) {
body.single-product #main .template-shop div.product.type-product {
align-items: start;
column-gap: 36px;
display: grid !important;
grid-template-areas:
"summary image"
"dates dates"
"related related";
grid-template-columns: minmax(0, 1fr) minmax(280px, 40%) !important;
}
body.single-product #main .template-shop div.product.type-product > .single-product-summary {
float: none !important;
grid-area: summary !important;
max-width: none !important;
order: 1;
width: auto !important;
}
body.single-product #main .template-shop div.product.type-product > .single-product-main-image {
float: none !important;
grid-area: image !important;
margin: 0 !important;
order: 2;
width: auto !important;
}
body.single-product #main .template-shop div.product.type-product > .single-product-summary .summary {
float: none !important;
width: 100% !important;
}
body.single-product #main .template-shop div.product.type-product > .dcbwc-course-dates,
body.single-product #main .template-shop div.product.type-product > .related,
body.single-product #main .template-shop div.product.type-product > .upsells {
grid-column: 1 / -1;
}
body.single-product #main .template-shop div.product.type-product > .dcbwc-course-dates {
grid-area: dates;
}
body.single-product #main .template-shop div.product.type-product > .related,
body.single-product #main .template-shop div.product.type-product > .upsells {
grid-area: related;
}
}
.dta-quote-popup-button,
.dta-quote-popup-submit {
align-items: center;
background: #1f6f43;
border: 0;
border-radius: 4px;
color: #fff;
cursor: pointer;
display: inline-flex;
font-weight: 700;
justify-content: center;
line-height: 1.2;
min-height: 42px;
padding: 12px 18px;
text-decoration: none;
transition: background-color 0.18s ease, box-shadow 0.18s ease;
}
.dta-quote-popup-button:hover,
.dta-quote-popup-button:focus,
.dta-quote-popup-submit:hover,
.dta-quote-popup-submit:focus {
background: #184d78;
box-shadow: 0 0 0 3px rgba(31, 111, 67, 0.2);
color: #fff;
outline: none;
}
.dta-quote-popup-submit:disabled {
cursor: wait;
opacity: 0.7;
}
.dta-quote-popup-modal[hidden] {
display: none;
}
.dta-quote-popup-modal {
inset: 0;
position: fixed;
z-index: 99999;
}
.dta-quote-popup-modal__backdrop {
background: rgba(0, 0, 0, 0.58);
inset: 0;
position: absolute;
}
.dta-quote-popup-modal__dialog {
background: #fff;
border-radius: 6px;
box-shadow: 0 18px 70px rgba(0, 0, 0, 0.28);
box-sizing: border-box;
left: 50%;
max-height: calc(100vh - 48px);
max-width: 680px;
overflow: auto;
padding: 26px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: calc(100% - 32px);
}
.dta-quote-popup-modal__dialog h3 {
color: #1f6f43;
font-size: 26px;
line-height: 1.2;
margin: 0 36px 10px 0;
}
.dta-quote-popup-modal__dialog p {
margin: 0 0 18px;
}
.dta-quote-popup-modal__close {
background: transparent;
border: 0;
color: #222;
cursor: pointer;
font-size: 30px;
line-height: 1;
padding: 6px;
position: absolute;
right: 14px;
top: 10px;
}
.dta-quote-popup-form {
display: grid;
gap: 14px;
}
.dta-quote-popup-grid {
display: grid;
gap: 14px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.dta-quote-popup-form label {
color: #222;
display: grid;
font-weight: 700;
gap: 6px;
margin: 0;
}
.dta-quote-popup-form input,
.dta-quote-popup-form textarea {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.24);
border-radius: 4px;
box-sizing: border-box;
color: #111;
font: inherit;
min-height: 42px;
padding: 9px 10px;
width: 100%;
}
.dta-quote-popup-form textarea {
min-height: 110px;
resize: vertical;
}
.dta-quote-popup-form input:focus,
.dta-quote-popup-form textarea:focus {
border-color: #1f6f43;
box-shadow: 0 0 0 3px rgba(31, 111, 67, 0.16);
outline: none;
}
.dta-quote-popup-honeypot {
height: 0;
left: -9999px;
overflow: hidden;
position: absolute;
width: 0;
}
.dta-quote-popup-status {
border-radius: 4px;
font-weight: 700;
margin: 0;
padding: 0;
}
.dta-quote-popup-status--success,
.dta-quote-popup-status--error {
padding: 10px 12px;
}
.dta-quote-popup-status--success {
background: #eef8f1;
border-left: 4px solid #1f6f43;
color: #13482a;
}
.dta-quote-popup-status--error {
background: #fff0f0;
border-left: 4px solid #b42318;
color: #7a1b14;
}
.dta-quote-popup-open {
overflow: hidden;
}
.dta-course-pdf-download {
border-top: 1px solid rgba(0, 0, 0, 0.12);
margin-top: 36px;
padding-top: 24px;
}
.dta-course-pdf-download h2 {
margin-top: 0;
}
.dta-course-pdf-download__button {
align-items: center;
background: #e30613;
border-radius: 4px;
color: #fff !important;
display: inline-flex;
font-weight: 700;
justify-content: center;
line-height: 1.2;
min-height: 42px;
padding: 12px 18px;
text-decoration: none;
}
.dta-course-pdf-download__button:hover,
.dta-course-pdf-download__button:focus {
background: #b9040f;
color: #fff !important;
text-decoration: none;
}
@media (max-width: 640px) {
.dta-quote-popup-action,
.dta-quote-popup-button,
.dta-quote-popup-submit {
width: 100%;
}
.dta-quote-popup-modal__dialog {
max-height: calc(100vh - 24px);
padding: 22px 18px;
width: calc(100% - 20px);
}
.dta-quote-popup-grid {
grid-template-columns: 1fr;
}
}.dcb-course-booking-page {
--dcbwc-red: #e30613;
--dcbwc-red-dark: #b9040f;
--dcbwc-ink: #181b22;
--dcbwc-muted: #667085;
--dcbwc-line: #e7e8ec;
--dcbwc-soft: #f7f7f9;
--dcbwc-shadow: 0 16px 40px rgba(24, 27, 34, 0.08);
}
.dcb-course-booking-page.single-product div.product {
background: #fff;
}
@media (min-width: 768px) {
body.dcb-course-booking-page.single-product #main .template-shop div.product.type-product,
.dcb-course-booking-page.single-product div.product {
align-items: start;
column-gap: 36px;
display: grid !important;
grid-template-areas:
"summary image"
"tabs tabs"
"dates dates"
"related related";
grid-template-columns: minmax(0, 1fr) minmax(280px, 40%) !important;
}
body.dcb-course-booking-page.single-product #main .template-shop div.product.type-product > .single-product-summary,
.dcb-course-booking-page.single-product div.product > .single-product-summary {
float: none !important;
grid-area: summary !important;
max-width: none !important;
order: 1;
width: auto !important;
}
body.dcb-course-booking-page.single-product #main .template-shop div.product.type-product > .single-product-main-image,
.dcb-course-booking-page.single-product div.product > .single-product-main-image {
float: none !important;
grid-area: image !important;
margin: 0 !important;
order: 2;
width: auto !important;
}
body.dcb-course-booking-page.single-product #main .template-shop div.product.type-product > .single-product-summary .summary,
.dcb-course-booking-page.single-product div.product > .single-product-summary .summary {
float: none !important;
width: 100% !important;
}
.dcb-course-booking-page.single-product div.product > .woocommerce-tabs,
.dcb-course-booking-page.single-product div.product > .dcbwc-course-dates,
.dcb-course-booking-page.single-product div.product > .related,
.dcb-course-booking-page.single-product div.product > .upsells {
grid-column: 1 / -1;
}
.dcb-course-booking-page.single-product div.product > .woocommerce-tabs {
grid-area: tabs;
}
.dcb-course-booking-page.single-product div.product > .dcbwc-course-dates {
grid-area: dates;
}
.dcb-course-booking-page.single-product div.product > .related,
.dcb-course-booking-page.single-product div.product > .upsells {
grid-area: related;
}
}
.dcb-course-booking-page.single-product div.product .summary > .dcbwc-booking-summary {
display: none;
}
.dcb-course-booking-page .dcbwc-see-dates-action {
clear: both;
margin: 14px 0 20px;
}
.dcb-course-booking-page .dcbwc-see-dates-button {
align-items: center;
background: var(--dcbwc-red);
border-radius: 4px;
color: #fff !important;
display: inline-flex;
font-weight: 800;
justify-content: center;
line-height: 1.2;
min-height: 42px;
padding: 12px 18px;
text-decoration: none;
}
.dcb-course-booking-page .dcbwc-see-dates-button:hover,
.dcb-course-booking-page .dcbwc-see-dates-button:focus {
background: var(--dcbwc-red-dark);
color: #fff !important;
text-decoration: none;
}
.dcb-course-booking-page.single-product div.product .product_title {
color: var(--dcbwc-ink);
font-size: clamp(30px, 3vw, 46px);
font-weight: 800;
letter-spacing: 0;
line-height: 1.08;
margin-bottom: 18px;
}
.dcb-course-booking-page.single-product div.product .woocommerce-product-gallery,
.dcb-course-booking-page.single-product div.product .images {
border-radius: 14px;
overflow: hidden;
}
.dcb-course-booking-page.single-product div.product .woocommerce-product-gallery img,
.dcb-course-booking-page.single-product div.product .images img {
display: block;
width: 100%;
}
.dcb-course-booking-page .dcbwc-course-dates {
background: #fff;
clear: both;
color: var(--dcbwc-ink);
margin: 28px 0;
width: 100%;
}
.dcb-course-booking-page .dcbwc-section-heading {
align-items: center;
display: flex;
gap: 10px;
margin: 0 0 16px;
}
.dcb-course-booking-page .dcbwc-section-heading h2 {
font-size: 24px;
font-weight: 800;
letter-spacing: 0;
line-height: 1.2;
margin: 0;
}
.dcb-course-booking-page .dcbwc-section-icon {
align-items: center;
border: 1px solid var(--dcbwc-line);
border-radius: 8px;
color: var(--dcbwc-red);
display: inline-flex;
height: 32px;
justify-content: center;
width: 32px;
}
.dcb-course-booking-page .dcbwc-section-icon::before {
background: var(--dcbwc-red);
border-radius: 3px;
content: "";
display: block;
height: 14px;
width: 14px;
}
.dcb-course-booking-page .dcbwc-booking-summary {
align-items: stretch;
background: #fff;
border: 1px solid var(--dcbwc-line);
border-radius: 14px;
box-shadow: var(--dcbwc-shadow);
display: grid;
gap: 0;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin: 0 0 24px;
overflow: hidden;
padding: 18px;
}
.dcb-course-booking-page .dcbwc-summary-item {
border-right: 1px solid var(--dcbwc-line);
display: grid;
gap: 6px;
padding: 4px 18px;
text-align: center;
}
.dcb-course-booking-page .dcbwc-summary-item span,
.dcb-course-booking-page .dcbwc-date-card__row span,
.dcb-course-booking-page .dcbwc-date-filters label span {
color: var(--dcbwc-muted);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.dcb-course-booking-page .dcbwc-summary-item strong {
color: var(--dcbwc-ink);
font-size: 18px;
font-weight: 800;
line-height: 1.2;
}
.dcb-course-booking-page .dcbwc-summary-action {
display: flex;
grid-column: 1 / -1;
margin-top: 18px;
}
.dcb-course-booking-page .dcbwc-summary-action .dcbwc-button,
.dcb-course-booking-page .dcbwc-summary-action .dcbwc-book-form {
width: 100%;
}
.dcb-course-booking-page .dcbwc-view-switcher {
background: #f2f3f5;
border: 1px solid var(--dcbwc-line);
border-radius: 10px;
display: inline-flex;
gap: 4px;
margin: 0 0 16px;
padding: 4px;
}
.dcb-course-booking-page .dcbwc-view-switcher button {
background: transparent;
border: 0;
border-radius: 7px;
color: var(--dcbwc-ink);
cursor: pointer;
font-weight: 800;
line-height: 1.2;
min-height: 38px;
padding: 10px 16px;
}
.dcb-course-booking-page .dcbwc-view-switcher button.is-active {
background: var(--dcbwc-red);
box-shadow: 0 8px 18px rgba(227, 6, 19, 0.2);
color: #fff;
}
.dcb-course-booking-page .dcbwc-view-panel[hidden] {
display: none !important;
}
.dcb-course-booking-page .dcbwc-date-filters {
align-items: flex-start;
display: flex;
flex-wrap: wrap;
gap: 12px;
margin: 0 0 14px;
}
.dcb-course-booking-page .dcbwc-date-filters label {
align-self: flex-start;
display: grid;
gap: 6px;
margin: 0;
}
.dcb-course-booking-page .dcbwc-date-filters select,
.dcb-course-booking-page .dcbwc-date-filters input {
background: #fff;
border: 1px solid var(--dcbwc-line);
border-radius: 8px;
color: var(--dcbwc-ink);
min-height: 42px;
min-width: 180px;
padding: 8px 12px;
}
.dcb-course-booking-page .dcbwc-filter-clear {
align-self: flex-start;
background: #fff;
border: 1px solid var(--dcbwc-line);
border-radius: 8px;
color: var(--dcbwc-ink);
cursor: pointer;
font-weight: 700;
margin-top: 30px;
min-height: 42px;
padding: 9px 14px;
}
.dcb-course-booking-page .dcbwc-date-table {
background: #fff;
border: 1px solid var(--dcbwc-line);
border-radius: 14px;
overflow: hidden;
}
.dcb-course-booking-page [data-dcbwc-date-item][hidden],
.dcb-course-booking-page [data-dcbwc-date-item].dcbwc-is-filtered {
display: none !important;
}
.dcb-course-booking-page .dcbwc-date-table__header,
.dcb-course-booking-page .dcbwc-date-table__row {
display: grid;
grid-template-areas: "start end location price action";
grid-template-columns: 1fr 1fr minmax(180px, 1.35fr) 1fr minmax(150px, auto);
}
.dcb-course-booking-page .dcbwc-date-table--time .dcbwc-date-table__header,
.dcb-course-booking-page .dcbwc-date-table--time .dcbwc-date-table__row {
grid-template-areas: "start end location time price action";
grid-template-columns: 1fr 1fr minmax(180px, 1.35fr) 1fr 1fr minmax(150px, auto);
}
.dcb-course-booking-page .dcbwc-date-table--spaces .dcbwc-date-table__header,
.dcb-course-booking-page .dcbwc-date-table--spaces .dcbwc-date-table__row {
grid-template-areas: "start end location spaces price action";
grid-template-columns: 1fr 1fr minmax(180px, 1.35fr) 0.75fr 1fr minmax(150px, auto);
}
.dcb-course-booking-page .dcbwc-date-table--time.dcbwc-date-table--spaces .dcbwc-date-table__header,
.dcb-course-booking-page .dcbwc-date-table--time.dcbwc-date-table--spaces .dcbwc-date-table__row {
grid-template-areas: "start end location time spaces price action";
grid-template-columns: 1fr 1fr minmax(180px, 1.35fr) 1fr 0.75fr 1fr minmax(150px, auto);
}
.dcb-course-booking-page .dcbwc-date-table--course .dcbwc-date-table__header,
.dcb-course-booking-page .dcbwc-date-table--course .dcbwc-date-table__row {
grid-template-areas: "course start end location price action";
grid-template-columns: minmax(180px, 1.35fr) 1fr 1fr minmax(180px, 1.35fr) 1fr minmax(150px, auto);
}
.dcb-course-booking-page .dcbwc-date-table--course.dcbwc-date-table--time .dcbwc-date-table__header,
.dcb-course-booking-page .dcbwc-date-table--course.dcbwc-date-table--time .dcbwc-date-table__row {
grid-template-areas: "course start end location time price action";
grid-template-columns: minmax(180px, 1.35fr) 1fr 1fr minmax(180px, 1.35fr) 1fr 1fr minmax(150px, auto);
}
.dcb-course-booking-page .dcbwc-date-table--course.dcbwc-date-table--spaces .dcbwc-date-table__header,
.dcb-course-booking-page .dcbwc-date-table--course.dcbwc-date-table--spaces .dcbwc-date-table__row {
grid-template-areas: "course start end location spaces price action";
grid-template-columns: minmax(180px, 1.35fr) 1fr 1fr minmax(180px, 1.35fr) 0.75fr 1fr minmax(150px, auto);
}
.dcb-course-booking-page .dcbwc-date-table--course.dcbwc-date-table--time.dcbwc-date-table--spaces .dcbwc-date-table__header,
.dcb-course-booking-page .dcbwc-date-table--course.dcbwc-date-table--time.dcbwc-date-table--spaces .dcbwc-date-table__row {
grid-template-areas: "course start end location time spaces price action";
grid-template-columns: minmax(180px, 1.35fr) 1fr 1fr minmax(180px, 1.35fr) 1fr 0.75fr 1fr minmax(150px, auto);
}
.dcb-course-booking-page .dcbwc-date-table--no-price .dcbwc-date-table__header,
.dcb-course-booking-page .dcbwc-date-table--no-price .dcbwc-date-table__row {
grid-template-areas: "start end location action";
grid-template-columns: 1fr 1fr minmax(180px, 1.35fr) minmax(150px, auto);
}
.dcb-course-booking-page .dcbwc-date-table--no-price.dcbwc-date-table--time .dcbwc-date-table__header,
.dcb-course-booking-page .dcbwc-date-table--no-price.dcbwc-date-table--time .dcbwc-date-table__row {
grid-template-areas: "start end location time action";
grid-template-columns: 1fr 1fr minmax(180px, 1.35fr) 1fr minmax(150px, auto);
}
.dcb-course-booking-page .dcbwc-date-table--no-price.dcbwc-date-table--spaces .dcbwc-date-table__header,
.dcb-course-booking-page .dcbwc-date-table--no-price.dcbwc-date-table--spaces .dcbwc-date-table__row {
grid-template-areas: "start end location spaces action";
grid-template-columns: 1fr 1fr minmax(180px, 1.35fr) 0.75fr minmax(150px, auto);
}
.dcb-course-booking-page .dcbwc-date-table--no-price.dcbwc-date-table--time.dcbwc-date-table--spaces .dcbwc-date-table__header,
.dcb-course-booking-page .dcbwc-date-table--no-price.dcbwc-date-table--time.dcbwc-date-table--spaces .dcbwc-date-table__row {
grid-template-areas: "start end location time spaces action";
grid-template-columns: 1fr 1fr minmax(180px, 1.35fr) 1fr 0.75fr minmax(150px, auto);
}
.dcb-course-booking-page .dcbwc-date-table--no-price.dcbwc-date-table--course .dcbwc-date-table__header,
.dcb-course-booking-page .dcbwc-date-table--no-price.dcbwc-date-table--course .dcbwc-date-table__row {
grid-template-areas: "course start end location action";
grid-template-columns: minmax(180px, 1.35fr) 1fr 1fr minmax(180px, 1.35fr) minmax(150px, auto);
}
.dcb-course-booking-page .dcbwc-date-table--no-price.dcbwc-date-table--course.dcbwc-date-table--time .dcbwc-date-table__header,
.dcb-course-booking-page .dcbwc-date-table--no-price.dcbwc-date-table--course.dcbwc-date-table--time .dcbwc-date-table__row {
grid-template-areas: "course start end location time action";
grid-template-columns: minmax(180px, 1.35fr) 1fr 1fr minmax(180px, 1.35fr) 1fr minmax(150px, auto);
}
.dcb-course-booking-page .dcbwc-date-table--no-price.dcbwc-date-table--course.dcbwc-date-table--spaces .dcbwc-date-table__header,
.dcb-course-booking-page .dcbwc-date-table--no-price.dcbwc-date-table--course.dcbwc-date-table--spaces .dcbwc-date-table__row {
grid-template-areas: "course start end location spaces action";
grid-template-columns: minmax(180px, 1.35fr) 1fr 1fr minmax(180px, 1.35fr) 0.75fr minmax(150px, auto);
}
.dcb-course-booking-page .dcbwc-date-table--no-price.dcbwc-date-table--course.dcbwc-date-table--time.dcbwc-date-table--spaces .dcbwc-date-table__header,
.dcb-course-booking-page .dcbwc-date-table--no-price.dcbwc-date-table--course.dcbwc-date-table--time.dcbwc-date-table--spaces .dcbwc-date-table__row {
grid-template-areas: "course start end location time spaces action";
grid-template-columns: minmax(180px, 1.35fr) 1fr 1fr minmax(180px, 1.35fr) 1fr 0.75fr minmax(150px, auto);
}
.dcb-course-booking-page .dcbwc-date-table--compact-list .dcbwc-date-table__header,
.dcb-course-booking-page .dcbwc-date-table--compact-list .dcbwc-date-table__row {
font-size: 14px;
}
.dcb-course-booking-page .dcbwc-date-table--compact-list .dcbwc-date-cell {
padding: 13px 10px;
}
.dcb-course-booking-page .dcbwc-date-table__header {
background: var(--dcbwc-soft);
}
.dcb-course-booking-page .dcbwc-date-table__row {
border-bottom: 1px solid var(--dcbwc-line);
}
.dcb-course-booking-page .dcbwc-date-table__row:last-child {
border-bottom: 0;
}
.dcb-course-booking-page .dcbwc-date-cell {
min-width: 0;
padding: 16px 14px;
}
.dcb-course-booking-page .dcbwc-date-table__header .dcbwc-date-cell {
color: var(--dcbwc-ink);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.dcb-course-booking-page .dcbwc-date-table__row .dcbwc-date-cell {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 4px;
}
.dcb-course-booking-page .dcbwc-date-table__row .dcbwc-date-cell > span:first-child {
display: none;
}
.dcb-course-booking-page .dcbwc-date-cell--course {
grid-area: course;
}
.dcb-course-booking-page .dcbwc-date-cell--start {
grid-area: start;
}
.dcb-course-booking-page .dcbwc-date-cell--end {
grid-area: end;
}
.dcb-course-booking-page .dcbwc-date-cell--location {
grid-area: location;
}
.dcb-course-booking-page .dcbwc-date-cell--time {
grid-area: time;
}
.dcb-course-booking-page .dcbwc-date-cell--spaces {
grid-area: spaces;
}
.dcb-course-booking-page .dcbwc-date-cell--price {
grid-area: price;
}
.dcb-course-booking-page .dcbwc-date-cell--action {
grid-area: action;
justify-content: flex-end;
}
.dcb-course-booking-page .dcbwc-date-cell--location span {
color: var(--dcbwc-muted);
display: block;
font-size: 0.92em;
line-height: 1.35;
width: 100%;
}
.dcb-course-booking-page .dcbwc-price-amount {
color: var(--dcbwc-red);
font-weight: 800;
white-space: nowrap;
}
.dcb-course-booking-page .dcbwc-course-link {
color: var(--dcbwc-ink);
font-weight: 800;
text-decoration: none;
}
.dcb-course-booking-page .dcbwc-course-link:hover,
.dcb-course-booking-page .dcbwc-course-link:focus {
color: var(--dcbwc-red);
text-decoration: underline;
}
.dcb-course-booking-page .dcbwc-calendar {
background: #fff;
border: 1px solid var(--dcbwc-line);
border-radius: 14px;
box-shadow: 0 12px 34px rgba(24, 27, 34, 0.06);
overflow: hidden;
}
.dcb-course-booking-page .dcbwc-calendar__bar {
align-items: center;
background: linear-gradient(180deg, #fff, #fafafa);
border-bottom: 1px solid var(--dcbwc-line);
display: grid;
gap: 14px;
grid-template-columns: 42px 1fr 42px;
padding: 16px;
}
.dcb-course-booking-page .dcbwc-calendar__bar strong {
font-size: 22px;
font-weight: 900;
letter-spacing: 0;
text-align: center;
}
.dcb-course-booking-page .dcbwc-calendar__nav {
align-items: center;
background: #fff;
border: 1px solid var(--dcbwc-line);
border-radius: 8px;
color: var(--dcbwc-ink);
cursor: pointer;
display: inline-flex;
font-size: 28px;
font-weight: 800;
height: 42px;
justify-content: center;
line-height: 1;
width: 42px;
}
.dcb-course-booking-page .dcbwc-calendar__nav:hover:not(:disabled),
.dcb-course-booking-page .dcbwc-calendar__nav:focus:not(:disabled) {
background: var(--dcbwc-red);
border-color: var(--dcbwc-red);
color: #fff;
}
.dcb-course-booking-page .dcbwc-calendar__nav:disabled {
cursor: not-allowed;
opacity: 0.38;
}
.dcb-course-booking-page .dcbwc-calendar__weekdays,
.dcb-course-booking-page .dcbwc-calendar-month {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.dcb-course-booking-page .dcbwc-calendar__weekdays {
background: var(--dcbwc-soft);
border-bottom: 1px solid var(--dcbwc-line);
}
.dcb-course-booking-page .dcbwc-calendar__weekdays span {
color: var(--dcbwc-muted);
font-size: 12px;
font-weight: 900;
padding: 10px 12px;
text-transform: uppercase;
}
.dcb-course-booking-page .dcbwc-calendar-month[hidden] {
display: none !important;
}
.dcb-course-booking-page .dcbwc-calendar-day {
background: #fff;
border-bottom: 1px solid var(--dcbwc-line);
border-right: 1px solid var(--dcbwc-line);
min-height: 158px;
padding: 10px;
}
.dcb-course-booking-page .dcbwc-calendar-day:nth-child(7n) {
border-right: 0;
}
.dcb-course-booking-page .dcbwc-calendar-day--empty {
background: #fbfbfc;
}
.dcb-course-booking-page .dcbwc-calendar-day__number {
color: var(--dcbwc-muted);
font-size: 12px;
font-weight: 900;
margin-bottom: 8px;
}
.dcb-course-booking-page .dcbwc-calendar-day__events {
display: grid;
gap: 8px;
}
.dcb-course-booking-page .dcbwc-calendar-event {
background: #fff7f7;
border: 1px solid #ffd9dc;
border-left: 4px solid var(--dcbwc-red);
border-radius: 8px;
display: grid;
gap: 7px;
padding: 9px;
}
.dcb-course-booking-page .dcbwc-calendar-event__course {
font-size: 13px;
line-height: 1.25;
}
.dcb-course-booking-page .dcbwc-calendar-event__meta {
color: var(--dcbwc-muted);
display: grid;
font-size: 12px;
gap: 3px;
line-height: 1.25;
}
.dcb-course-booking-page .dcbwc-calendar-event__action .dcbwc-button,
.dcb-course-booking-page .dcbwc-calendar-event__action .dcbwc-book-form {
min-height: 34px;
width: 100%;
}
.dcb-course-booking-page .dcbwc-calendar-event__action .dcbwc-button {
border-radius: 6px;
font-size: 12px;
padding: 8px 10px;
white-space: normal;
}
.dcb-course-booking-page .dcbwc-mobile-date-list {
display: none;
}
.dcb-course-booking-page .dcbwc-date-card {
background: #fff;
border: 1px solid var(--dcbwc-line);
border-radius: 14px;
box-shadow: 0 10px 24px rgba(24, 27, 34, 0.06);
display: grid;
gap: 12px;
padding: 16px;
}
.dcb-course-booking-page .dcbwc-date-card__row {
align-items: start;
display: flex;
gap: 14px;
justify-content: space-between;
}
.dcb-course-booking-page .dcbwc-date-card__row strong {
font-weight: 800;
text-align: right;
}
.dcb-course-booking-page .dcbwc-date-card__price strong {
color: var(--dcbwc-red);
}
.dcb-course-booking-page .dcbwc-date-card__action {
margin-top: 4px;
}
.dcb-course-booking-page .dcbwc-book-form {
align-items: center;
display: block;
gap: 8px;
justify-content: flex-end;
margin: 0;
}
.dcb-course-booking-page .dcbwc-book-form label {
align-items: center;
display: inline-flex;
gap: 6px;
margin: 0;
}
.dcb-course-booking-page .dcbwc-quantity-label {
color: var(--dcbwc-muted);
font-size: 12px;
font-weight: 800;
line-height: 1;
margin: 0;
text-transform: uppercase;
}
.dcb-course-booking-page .dcbwc-course-dates .dcbwc-book-form input[type="number"],
.dcb-course-booking-page .dcbwc-date-table .dcbwc-book-form input[type="number"] {
appearance: textfield;
background: #fff !important;
border: 1px solid var(--dcbwc-line) !important;
border-radius: 8px !important;
box-sizing: border-box !important;
color: var(--dcbwc-ink) !important;
display: inline-block !important;
font-size: 15px !important;
font-weight: 700 !important;
height: 40px !important;
line-height: 1.2;
max-width: none !important;
min-height: 40px !important;
min-width: 58px !important;
padding: 8px !important;
text-align: center !important;
width: 58px !important;
}
.dcb-course-booking-page .dcbwc-button {
align-items: center;
border: 0;
border-radius: 8px;
cursor: pointer;
display: inline-flex;
font-weight: 800;
justify-content: center;
line-height: 1.2;
min-height: 42px;
padding: 11px 16px;
text-decoration: none;
transition: background-color 0.16s ease, transform 0.16s ease;
white-space: nowrap;
}
.dcb-course-booking-page .dcbwc-date-cell--action .dcbwc-button {
width: 100%;
}
.dcb-course-booking-page .dcbwc-button:hover {
transform: translateY(-1px);
}
.dcb-course-booking-page .dcbwc-button-book,
.dcb-course-booking-page .dcbwc-button-enquire {
background: var(--dcbwc-red);
color: #fff;
}
.dcb-course-booking-page .dcbwc-button-book:hover,
.dcb-course-booking-page .dcbwc-button-enquire:hover {
background: var(--dcbwc-red-dark);
color: #fff;
}
.dcb-course-booking-page .dcbwc-button-disabled {
background: #d9dce2;
color: #667085;
cursor: not-allowed;
}
.dcb-course-booking-page .dcbwc-notice {
background: #fff6f6;
border: 1px solid #ffd6d9;
border-left: 4px solid var(--dcbwc-red);
border-radius: 10px;
margin-bottom: 1rem;
padding: 12px 14px;
}
.dcbwc-modal[hidden],
.dcb-course-booking-page .dcbwc-modal[hidden] {
display: none;
}
.dcbwc-modal,
.dcb-course-booking-page .dcbwc-modal {
inset: 0;
position: fixed !important;
z-index: 2147483647 !important;
}
.dcbwc-modal__backdrop,
.dcb-course-booking-page .dcbwc-modal__backdrop {
background: rgba(24, 27, 34, 0.62);
inset: 0;
position: absolute;
}
.dcbwc-modal__dialog,
.dcb-course-booking-page .dcbwc-modal__dialog {
background: #fff;
border-radius: 14px;
box-sizing: border-box;
box-shadow: 0 24px 80px rgba(24, 27, 34, 0.28);
left: 50%;
max-height: calc(100vh - 48px);
max-width: 640px;
overflow: auto;
padding: 26px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: calc(100% - 32px);
}
.dcbwc-modal__close,
.dcb-course-booking-page .dcbwc-modal__close {
background: transparent;
border: 0;
cursor: pointer;
font-size: 30px;
line-height: 1;
position: absolute;
right: 16px;
top: 12px;
}
.dcb-course-booking-page .dcbwc-enquiry-summary {
font-weight: 800;
padding-right: 28px;
}
.dcb-course-booking-page .dcbwc-enquiry-form {
display: grid;
gap: 12px;
}
.dcb-course-booking-page .dcbwc-enquiry-form label {
display: grid;
font-weight: 800;
gap: 6px;
}
.dcb-course-booking-page .dcbwc-enquiry-form input,
.dcb-course-booking-page .dcbwc-enquiry-form textarea {
border: 1px solid var(--dcbwc-line);
border-radius: 8px;
box-sizing: border-box;
min-height: 42px;
padding: 9px 12px;
width: 100%;
}
.dcb-course-booking-page .related.products {
background: #fff;
border: 1px solid var(--dcbwc-line);
border-radius: 14px;
box-shadow: var(--dcbwc-shadow);
margin-top: 28px;
padding: 22px;
}
.dcb-course-booking-page .related.products .price {
color: var(--dcbwc-red);
font-weight: 800;
}
.dcbwc-modal-open {
overflow: hidden;
}
@media (max-width: 1100px) {
.dcb-course-booking-page .dcbwc-date-table {
display: none;
}
.dcb-course-booking-page .dcbwc-course-dates--all-courses .dcbwc-date-table,
.dcb-course-booking-page.dcbwc-course-dates--all-courses .dcbwc-date-table {
background: transparent;
border: 0;
border-radius: 0;
display: grid;
gap: 14px;
overflow: visible;
}
.dcb-course-booking-page .dcbwc-course-dates--all-courses .dcbwc-date-table__header,
.dcb-course-booking-page.dcbwc-course-dates--all-courses .dcbwc-date-table__header {
display: none;
}
.dcb-course-booking-page .dcbwc-course-dates--all-courses .dcbwc-date-table__row,
.dcb-course-booking-page.dcbwc-course-dates--all-courses .dcbwc-date-table__row {
background: #fff;
border: 1px solid var(--dcbwc-line);
border-radius: 14px;
box-shadow: 0 10px 24px rgba(24, 27, 34, 0.06);
display: grid;
gap: 10px;
grid-template-areas: none !important;
grid-template-columns: minmax(0, 1fr) !important;
padding: 16px;
}
.dcb-course-booking-page .dcbwc-course-dates--all-courses .dcbwc-date-cell,
.dcb-course-booking-page.dcbwc-course-dates--all-courses .dcbwc-date-cell {
align-items: start;
display: flex;
gap: 14px;
grid-area: auto !important;
justify-content: space-between;
min-width: 0;
padding: 0;
}
.dcb-course-booking-page .dcbwc-course-dates--all-courses .dcbwc-date-table__row .dcbwc-date-cell > span:first-child,
.dcb-course-booking-page.dcbwc-course-dates--all-courses .dcbwc-date-table__row .dcbwc-date-cell > span:first-child {
display: inline;
}
.dcb-course-booking-page .dcbwc-course-dates--all-courses .dcbwc-date-cell--action,
.dcb-course-booking-page.dcbwc-course-dates--all-courses .dcbwc-date-cell--action {
display: block;
}
.dcb-course-booking-page .dcbwc-course-dates--all-courses .dcbwc-date-cell--action .dcbwc-button,
.dcb-course-booking-page .dcbwc-course-dates--all-courses .dcbwc-date-cell--action .dcbwc-book-form,
.dcb-course-booking-page.dcbwc-course-dates--all-courses .dcbwc-date-cell--action .dcbwc-button,
.dcb-course-booking-page.dcbwc-course-dates--all-courses .dcbwc-date-cell--action .dcbwc-book-form {
width: 100%;
}
.dcb-course-booking-page .dcbwc-mobile-date-list {
display: grid;
gap: 14px;
}
}
@media (max-width: 760px) {
.dcb-course-booking-page.single-product div.product .product_title {
font-size: 30px;
}
.dcb-course-booking-page.dcbwc-course-dates--all-courses .dcbwc-date-table {
gap: 16px;
}
.dcb-course-booking-page.dcbwc-course-dates--all-courses .dcbwc-date-table__row {
display: flex !important;
flex-direction: column;
gap: 12px;
padding: 16px;
}
.dcb-course-booking-page.dcbwc-course-dates--all-courses .dcbwc-date-cell {
border-bottom: 1px solid var(--dcbwc-line);
display: grid !important;
gap: 6px;
grid-template-columns: 1fr !important;
justify-content: stretch;
padding: 0 0 12px;
width: 100%;
}
.dcb-course-booking-page.dcbwc-course-dates--all-courses .dcbwc-date-cell:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.dcb-course-booking-page.dcbwc-course-dates--all-courses .dcbwc-date-table__row .dcbwc-date-cell > span:first-child {
color: var(--dcbwc-muted);
display: block;
font-size: 12px;
font-weight: 900;
letter-spacing: 0.04em;
line-height: 1.2;
text-transform: uppercase;
}
.dcb-course-booking-page.dcbwc-course-dates--all-courses .dcbwc-date-cell--location strong,
.dcb-course-booking-page.dcbwc-course-dates--all-courses .dcbwc-price-amount,
.dcb-course-booking-page.dcbwc-course-dates--all-courses .dcbwc-course-link {
display: block;
line-height: 1.35;
white-space: normal;
word-break: normal;
overflow-wrap: anywhere;
}
.dcb-course-booking-page.dcbwc-course-dates--all-courses .dcbwc-date-cell--action .dcbwc-button {
min-height: 44px;
white-space: normal;
width: 100%;
}
.dcb-course-booking-page .dcbwc-view-switcher {
display: grid;
grid-template-columns: 1fr 1fr;
width: 100%;
}
.dcb-course-booking-page .dcbwc-calendar__bar {
grid-template-columns: 38px 1fr 38px;
padding: 12px;
}
.dcb-course-booking-page .dcbwc-calendar__bar strong {
font-size: 18px;
}
.dcb-course-booking-page .dcbwc-calendar__nav {
height: 38px;
width: 38px;
}
.dcb-course-booking-page .dcbwc-calendar__weekdays {
display: none;
}
.dcb-course-booking-page .dcbwc-calendar-month {
background: #f7f7f9;
display: grid;
gap: 10px;
grid-template-columns: 1fr;
padding: 10px;
}
.dcb-course-booking-page .dcbwc-calendar-day {
border: 1px solid var(--dcbwc-line);
border-radius: 10px;
min-height: 0;
}
.dcb-course-booking-page .dcbwc-calendar-day--empty {
display: none;
}
.dcb-course-booking-page .dcbwc-booking-summary {
bottom: 0;
border-radius: 14px 14px 0 0;
box-shadow: 0 -14px 40px rgba(24, 27, 34, 0.16);
grid-template-columns: 1fr;
left: 0;
margin: 20px 0;
padding: 14px;
position: sticky;
right: 0;
z-index: 30;
}
.dcb-course-booking-page .dcbwc-summary-item {
border-right: 0;
border-bottom: 1px solid var(--dcbwc-line);
padding: 8px 0;
text-align: left;
}
.dcb-course-booking-page .dcbwc-summary-action {
margin-top: 12px;
}
.dcb-course-booking-page .dcbwc-see-dates-button {
width: 100%;
}
.dcb-course-booking-page .dcbwc-date-filters {
align-items: stretch;
display: grid;
}
.dcb-course-booking-page .dcbwc-date-filters select,
.dcb-course-booking-page .dcbwc-date-filters input,
.dcb-course-booking-page .dcbwc-filter-clear {
min-width: 0;
width: 100%;
}
.dcb-course-booking-page .dcbwc-date-card__action .dcbwc-button,
.dcb-course-booking-page .dcbwc-date-card__action .dcbwc-book-form {
width: 100%;
}
.dcb-course-booking-page .dcbwc-date-card__action .dcbwc-book-form {
align-items: stretch;
display: grid;
}
}.avia-fold-unfold-section{position:relative;display:block;float:left;width:100%}.avia-fold-unfold-section.avia-fold-init{max-height:80px;overflow:hidden;opacity:.3}.avia-fold-grid-row-wrap.avia-fold-init:not(.avia-fold-init-done)+.av-layout-grid-container,.avia-fold-section-wrap.avia-fold-init:not(.avia-fold-init-done)+.avia-section,.avia-fold-textblock-wrap.avia-fold-init:not(.avia-fold-init-done) .avia_textblock{display:none}.avia-fold-unfold-section.avia-fold-init-done{max-height:500px;overflow:hidden;opacity:1;transition:all 1s ease-in-out}.avia-fold-unfold-section .av-fold-unfold-container{position:relative;clear:both;overflow:hidden;max-height:80px;transition:all .7s ease-in-out}.avia-fold-unfold-section .av-fold-unfold-container::after{opacity:0;content:"";position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff);z-index:-1;height:100%;transition:all .7s ease-in-out}.avia-fold-unfold-section .av-fold-unfold-container.folded::after{z-index:500;opacity:1}.av-fold-unfold-container .av-fold-unfold-inner{display:block;position:relative;float:left;width:100%}.avia-fold-unfold-section .av-fold-button-wrapper{position:relative;display:block;float:left;width:100%;padding-left:0;padding-right:0}.avia-fold-unfold-section.align-left .av-fold-button-wrapper.av-fold-btn-padding{padding-left:30px}.avia-fold-unfold-section.align-right .av-fold-button-wrapper.av-fold-btn-padding{padding-right:30px}.avia-fold-unfold-section .av-fold-button-container{position:relative;display:inline-block;margin-top:15px;margin-bottom:15px;float:left;z-index:20;transition:all .7s ease-in-out}.avia-fold-unfold-section.align-right .av-fold-button-container{float:right}.avia-fold-unfold-section.align-center .av-fold-button-container{left:50%;transform:translateX(-50%)}.avia-fold-unfold-section.fold-button .av-fold-button-container{padding:.5em .8em;border:1px solid;border-radius:7px}#top .avia-fold-unfold-section :not(.avia-button-wrap) .av-fold-button-container{text-decoration:underline}.avia-fold-unfold-section .av-fold-button-container:hover{opacity:.6;cursor:pointer}.avia-fold-unfold-section .av-fold-unfold-container .avia_textblock{display:inline-block}