:root {
--nux-blue: #07518b;
--nux-blue-dark: #07365e;
--nux-lime: #bfd000;
--nux-lime-dark: #a9bb00;
--nux-ink: #4d5b66;
--nux-line: #d9e0e6;
--nux-soft: #f3f6f9;
--nux-placeholder: #e8edf2;
--nux-font: Arial, Helvetica, sans-serif;
}
body.single-product {
overflow-x: hidden;
}
.single-product .site-header {
min-height: 88px;
border-bottom: 1px solid #dce3e9;
background: #fff;
box-shadow: none;
}
.single-product .site-header .container,
.single-product .site-header .wrap,
.single-product .site-footer .container,
.single-product .site-footer .wrap {
width: min(1200px, calc(100% - 48px));
max-width: 1200px;
margin-right: auto;
margin-left: auto;
}
.single-product .site-header a {
color: #07518b;
font-family: var(--nux-font);
font-size: 12px;
font-weight: 600;
}
.single-product .site-header img {
max-height: 44px;
width: auto;
}
.single-product .site-footer {
border: 0;
background: #002b4f;
color: #d7e4ef;
}
.single-product .site-footer a {
color: #fff;
}
.single-product .site-content,
.single-product .content-area,
.single-product .site-main,
.single-product .content-wrap {
width: 100%;
max-width: none;
margin: 0;
padding: 0;
}
.single-product .entry-header,
.single-product .entry-title,
.single-product .post-navigation {
display: none;
}
.nux-product,
.nux-product * {
box-sizing: border-box;
}
.nux-product {
position: relative;
left: 50%;
width: 100vw;
max-width: none;
margin: 0 0 0 -50vw;
color: var(--nux-ink);
font-family: var(--nux-font);
font-size: 15px;
line-height: 1.55;
}
.nux-product a {
transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease, transform 160ms ease;
}
.nux-product-main,
.nux-section-inner {
width: min(1200px, calc(100% - 48px));
margin-right: auto;
margin-left: auto;
}
.single-product .woocommerce-breadcrumb {
display: flex;
align-items: center;
gap: 10px;
width: min(1200px, calc(100% - 48px));
min-height: 106px;
margin: 0 auto !important;
padding-top: 10px;
color: #87929c;
font-size: 11px !important;
}
.single-product .woocommerce-breadcrumb a {
color: #87929c;
text-decoration: none;
}
.single-product .woocommerce-breadcrumb a:hover {
color: var(--nux-blue);
}
.nux-product-main {
display: grid;
grid-template-columns: minmax(0, 560px) minmax(0, 576px);
justify-content: space-between;
gap: 64px;
padding-bottom: 56px;
}
.nux-product .nux-carousel {
width: 100%;
min-width: 0;
}
.nux-product .nux-carousel-viewport {
position: relative;
width: 100%;
height: 440px;
overflow: hidden;
border: 1px solid #e0e6eb;
border-radius: 10px;
background: #fff;
touch-action: pan-y;
}
.nux-product .nux-carousel-track {
position: relative;
display: block !important;
width: 100% !important;
height: 100%;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
}
.nux-product .nux-carousel-slide {
position: absolute;
inset: 0;
display: none !important;
align-items: center;
justify-content: center;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
}
.nux-product .nux-carousel-slide.is-active {
display: flex !important;
}
.nux-product button.nux-carousel-open {
position: relative;
display: flex !important;
align-items: center;
justify-content: center;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 24px !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
line-height: 1 !important;
cursor: zoom-in;
}
.nux-product .nux-carousel-open img {
display: block;
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
margin: 0 !important;
object-fit: contain;
user-select: none;
}
.nux-product .nux-carousel-zoom-icon {
position: absolute;
right: 14px;
top: 14px;
display: grid;
width: 38px;
height: 38px;
place-items: center;
border-radius: 50%;
background: rgba(255, 255, 255, .94);
box-shadow: 0 4px 14px rgba(4, 51, 88, .15);
color: var(--nux-blue);
font-size: 24px;
line-height: 1;
}
.nux-product button.nux-carousel-arrow,
.nux-product button.nux-lightbox-arrow {
position: absolute;
top: 50%;
z-index: 4;
display: grid !important;
width: 40px !important;
height: 40px !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
place-items: center;
transform: translateY(-50%);
border: 1px solid #d9e1e8 !important;
border-radius: 50% !important;
background: rgba(255, 255, 255, .96) !important;
box-shadow: 0 4px 15px rgba(4, 51, 88, .14) !important;
color: var(--nux-blue) !important;
font-family: Arial, sans-serif !important;
font-size: 28px !important;
font-weight: 400 !important;
line-height: 1 !important;
cursor: pointer;
}
.nux-product button.nux-carousel-arrow:hover,
.nux-product button.nux-lightbox-arrow:hover {
border-color: var(--nux-blue) !important;
background: #fff !important;
}
.nux-product .nux-carousel-arrow.is-prev {
left: 14px;
}
.nux-product .nux-carousel-arrow.is-next {
right: 14px;
}
.nux-product .nux-carousel-count {
position: absolute;
right: 14px;
bottom: 14px;
z-index: 4;
padding: 5px 10px;
border-radius: 999px;
background: rgba(7, 54, 94, .82);
color: #fff;
font-size: 11px;
font-weight: 700;
}
.nux-product .nux-carousel-thumbs {
display: flex !important;
gap: 12px;
width: 100%;
margin: 14px 0 0 !important;
padding: 0 0 4px !important;
overflow-x: auto;
scrollbar-width: thin;
}
.nux-product button.nux-carousel-thumb {
display: block !important;
flex: 0 0 88px;
width: 88px !important;
height: 88px !important;
min-height: 0 !important;
overflow: hidden;
margin: 0 !important;
padding: 5px !important;
border: 1px solid #dfe5ea !important;
border-radius: 8px !important;
background: #fff !important;
box-shadow: none !important;
opacity: .65;
cursor: pointer;
transition: border-color 160ms ease, box-shadow 160ms ease, opacity 160ms ease;
}
.nux-product .nux-carousel-thumb img {
display: block;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
object-fit: contain;
}
.nux-product button.nux-carousel-thumb:hover,
.nux-product button.nux-carousel-thumb.is-active {
border-color: var(--nux-blue) !important;
box-shadow: inset 0 0 0 1px var(--nux-blue) !important;
opacity: 1;
}
.nux-product dialog.nux-carousel-lightbox {
width: min(1100px, calc(100vw - 40px));
height: min(850px, calc(100vh - 40px));
max-width: none;
max-height: none;
padding: 30px 72px;
border: 0;
border-radius: 12px;
background: #fff;
box-shadow: 0 25px 80px rgba(0, 0, 0, .35);
}
.nux-product .nux-carousel-lightbox::backdrop {
background: rgba(0, 24, 45, .84);
}
.nux-product .nux-lightbox-stage {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
overflow: auto;
}
.nux-product .nux-lightbox-stage img {
display: block;
max-width: 100%;
max-height: 100%;
object-fit: contain;
cursor: zoom-in;
transition: transform 220ms ease;
}
.nux-product .nux-lightbox-stage img.is-zoomed {
max-width: none;
max-height: none;
transform: scale(1.65);
cursor: zoom-out;
}
.nux-product .nux-lightbox-stage p {
position: absolute;
left: 50%;
bottom: 10px;
margin: 0;
transform: translateX(-50%);
color: #65717b;
font-size: 11px;
}
.nux-product button.nux-lightbox-close {
position: absolute;
right: 18px;
top: 14px;
z-index: 5;
width: 42px !important;
height: 42px !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: var(--nux-blue-dark) !important;
font-size: 34px !important;
line-height: 1 !important;
cursor: pointer;
}
.nux-product .nux-lightbox-arrow.is-prev {
left: 16px;
}
.nux-product .nux-lightbox-arrow.is-next {
right: 16px;
}
.nux-product .nux-carousel-empty img {
display: block;
width: 100%;
height: 440px;
object-fit: contain;
}
.nux-product-summary {
padding-top: 2px;
}
.nux-product-badges {
display: flex;
flex-wrap: wrap;
gap: 9px;
margin-bottom: 24px;
}
.nux-product-badges span {
display: inline-flex;
align-items: center;
min-height: 25px;
padding: 4px 13px;
border-radius: 999px;
background: #e8f0f6;
color: var(--nux-blue);
font-size: 13px;
font-weight: 700;
line-height: 1;
}
.nux-product-badges .is-accent {
background: var(--nux-lime);
color: #2e4200;
}
.nux-product .nux-product-title {
margin: 0 0 16px;
color: var(--nux-blue);
font-family: var(--nux-font);
font-size: clamp(34px, 3vw, 46px);
font-weight: 700;
line-height: 1.08;
letter-spacing: -.025em;
}
.nux-product-short-description {
max-width: 540px;
margin-bottom: 22px;
color: #606c76;
font-size: 14px;
line-height: 1.55;
}
.nux-product-short-description p {
margin: 0;
}
.nux-purchase-card {
padding: 24px 28px 20px;
border: 1px solid #dce3e9;
border-radius: 14px;
background: var(--nux-soft);
}
.nux-product-price {
min-height: 47px;
margin: 0;
}
.nux-product-price .price,
.nux-product-price .amount {
color: var(--nux-blue-dark) !important;
font-size: 35px !important;
font-weight: 700 !important;
line-height: 1.15;
}
.nux-product-price .price::after {
content: " MXN";
margin-left: 10px;
color: #65727c;
font-size: 13px;
font-weight: 400;
vertical-align: 5px;
}
.nux-product-price del,
.nux-product-price del .amount {
font-size: 17px !important;
}
.nux-product-price ins {
text-decoration: none;
}
.nux-stock-note {
display: flex;
align-items: center;
gap: 8px;
margin: 4px 0 16px;
color: #53616c;
font-size: 14px;
font-weight: 600;
}
.nux-stock-note span {
width: 8px;
height: 8px;
border-radius: 50%;
background: #34a853;
}
.nux-product-buy {
margin: 0 0 14px;
}
.nux-product-buy form.cart {
display: grid;
grid-template-columns: 94px 1fr;
gap: 12px;
margin: 0 !important;
}
.nux-product-buy .quantity {
float: none !important;
margin: 0 !important;
}
.nux-product-buy .qty {
width: 100% !important;
height: 48px;
margin: 0;
padding: 0 8px;
border: 1px solid #d6dee5;
border-radius: 7px;
background: #fff;
color: var(--nux-blue);
font-size: 14px;
text-align: center;
}
.nux-product-buy .single_add_to_cart_button,
.nux-product-buy .button {
width: 100%;
min-height: 48px;
margin: 0 !important;
padding: 10px 18px !important;
border: 0 !important;
border-radius: 7px !important;
background: var(--nux-lime) !important;
box-shadow: none !important;
color: #244500 !important;
font-family: var(--nux-font);
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
text-align: center;
}
.nux-product-buy .single_add_to_cart_button:hover,
.nux-product-buy .button:hover {
background: var(--nux-lime-dark) !important;
}
.nux-product-buy .variations,
.nux-product-buy .woocommerce-variation {
grid-column: 1 / -1;
width: 100%;
}
.nux-advisor-button {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 46px;
margin-bottom: 13px;
border: 2px solid #4b83b2;
border-radius: 7px;
background: #fff;
color: var(--nux-blue) !important;
font-size: 13px;
font-weight: 700;
text-decoration: none !important;
}
.nux-advisor-button:hover {
background: #edf5fb;
}
.nux-payment-methods {
display: flex;
align-items: center;
gap: 14px;
margin: 2px 0 15px;
}
.nux-payment-label {
flex: 0 0 auto;
color: #65717b;
font-size: 11px;
font-weight: 600;
}
.nux-payment-logos {
display: flex;
align-items: center;
gap: 7px;
}
.nux-payment-logos > span {
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 34px;
padding: 5px 7px;
border: 1px solid #d9e1e7;
border-radius: 5px;
background: #fff;
}
.nux-payment-logos img {
display: block;
width: 100%;
height: 100%;
margin: 0;
object-fit: contain;
}
.nux-purchase-disclaimer {
margin: 0 auto 14px;
color: #75808a;
font-size: 13px;
line-height: 1.35;
text-align: start;
}
.nux-purchase-benefits {
display: flex;
flex-wrap: wrap;
justify-content: normal;
gap: 20px;
margin: 0;
padding: 0;
color: #66727c;
font-size: 10px;
list-style: none;
}
.nux-purchase-benefits li {
margin: 0;
font-size: 13px;
}
.nux-section {
padding: 76px 0;
}
.nux-section h2,
.nux-course-cta h2 {
margin: 0;
color: var(--nux-blue);
font-family: var(--nux-font);
font-size: clamp(29px, 2.7vw, 42px);
font-weight: 700;
line-height: 1.13;
letter-spacing: -.025em;
}
.nux-section-label {
margin: 0 0 19px;
color: var(--nux-lime-dark);
font-size: 12px;
font-weight: 700;
line-height: 1;
letter-spacing: .055em;
text-transform: uppercase;
}
.nux-section-copy {
max-width: 1180px;
margin: 18px 0 0;
color: #66727c;
font-size: 17px;
line-height: 1.65;
}
.nux-technical-section,
.nux-audience-section,
.nux-delivery-section {
background: var(--nux-soft);
}
.nux-technical-section {
padding-top: 72px;
padding-bottom: 72px;
}
.nux-technical-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
margin: 40px 0 0;
}
.nux-technical-card {
min-height: 78px;
padding: 17px 20px;
border: 1px solid #d9e0e6;
border-radius: 9px;
background: #fff;
}
.nux-technical-card dt {
margin: 0 0 6px;
color: #7b8790;
font-size: 12px;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
}
.nux-technical-card dd {
margin: 0;
color: var(--nux-blue);
font-size: 15px;
font-weight: 700;
line-height: 1.25;
}
.nux-contents-section {
padding-top: 88px;
padding-bottom: 86px;
}
.nux-manuals-accordion,
.nux-manuals-summary {
margin: 0;
}
.nux-manuals-summary {
display: none;
align-items: center;
justify-content: space-between;
list-style: none;
cursor: default;
}
.nux-manuals-summary::-webkit-details-marker {
display: none;
}
.nux-contents-toggle {
display: none;
}
.nux-manuals-accordion-body {
display: block !important;
}
.nux-manual-list {
display: grid;
grid-auto-flow: column;
grid-template-rows: repeat(11, auto);
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 48px;
margin: 43px 0 38px;
padding: 0;
list-style: none;
counter-reset: nux-manual;
}
.nux-manual-list li {
display: grid;
grid-template-columns: 38px 1fr;
align-items: center;
min-height: 57px;
margin: 0;
border-bottom: 1px solid var(--nux-line);
counter-increment: nux-manual;
}
.nux-manual-list li::before {
content: counter(nux-manual, decimal-leading-zero);
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 25px;
border-radius: 4px;
background: #e8f0f6;
color: var(--nux-blue);
font-size: 10px;
font-weight: 700;
}
.nux-manual-list li span {
color: #4f5d68;
font-size: 15px;
}
.nux-manual-note {
margin: 0;
padding: 20px 24px 20px 38px;
border-left: 4px solid #ff792f;
border-radius: 7px;
background: var(--nux-soft);
color: #65717b;
font-size: 13px;
font-weight: 600;
}
.nux-audience-section {
padding-top: 88px;
padding-bottom: 88px;
}
.nux-audience-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) 480px;
align-items: center;
gap: 125px;
}
.nux-audience-grid .nux-section-copy {
max-width: 565px;
margin-top: 24px;
}
.nux-check-list {
margin: 22px 0 0;
padding: 0;
color: #5a6872;
font-size: 12px;
list-style: none;
}
.nux-check-list li {
position: relative;
margin: 8px 0;
padding-left: 24px;
font-size: 16px;
}
table td, #content table th
{
padding: 15px;
font-size: 14px;
}
.nux-check-list li::before {
content: "✓";
position: absolute;
left: 0;
top: 0;
color: var(--nux-lime-dark);
font-size: 16px;
font-weight: 700;
}
.nux-audience-image {
display: flex;
align-items: center;
justify-content: center;
min-height: 340px;
border: 2px dashed #c6d0d9;
border-radius: 10px;
background: var(--nux-placeholder);
color: #89939c;
font-size: 10px;
line-height: 1.3;
text-align: center;
}
.nux-coverage-section {
padding-top: 86px;
padding-bottom: 86px;
}
.nux-coverage-title-mobile,
.nux-coverage-mobile-note,
.nux-coverage-mobile-list {
display: none;
}
.nux-coverage-table-wrap {
width: 100%;
margin-top: 46px;
overflow-x: auto;
border: 1px solid #ccd6df;
border-radius: 10px;
background: #fff;
}
.nux-coverage-table {
width: 100%;
min-width: 760px;
margin: 0 !important;
border: 0 !important;
border-collapse: separate;
border-spacing: 0;
background: #fff;
font-family: var(--nux-font);
font-size: 12px;
line-height: 1.45;
}
.nux-coverage-table thead {
background: var(--nux-blue);
}
.nux-coverage-table thead th {
padding: 15px 20px;
border: 0 !important;
background: var(--nux-blue);
color: #fff;
font-size: 12px;
font-weight: 700;
line-height: 1.2;
text-align: left;
}
.nux-coverage-table thead th:first-child {
width: 34%;
border-radius: 9px 0 0 0;
}
.nux-coverage-table thead th:last-child {
border-radius: 0 9px 0 0;
}
.nux-coverage-table tbody tr:nth-child(even) {
background: #f0f3f7;
}
.nux-coverage-table tbody tr:nth-child(odd) {
background: #fff;
}
.nux-coverage-table tbody th,
.nux-coverage-table tbody td {
padding: 15px 20px;
border: 0 !important;
border-bottom: 1px solid #d7dfe6 !important;
background: transparent !important;
vertical-align: middle;
text-align: left;
}
.nux-coverage-table tbody tr:last-child th,
.nux-coverage-table tbody tr:last-child td {
border-bottom: 0 !important;
}
.nux-coverage-table tbody th {
color: var(--nux-blue);
font-weight: 700;
}
.nux-coverage-table tbody td {
color: #5e6871;
font-weight: 400;
}
.nux-delivery-section {
padding-top: 86px;
padding-bottom: 88px;
}
.nux-delivery-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 32px;
margin-top: 42px;
}
.nux-delivery-card {
min-height: 190px;
padding: 30px 26px;
border: 1px solid #d7dfe6;
border-radius: 12px;
background: #fff;
}
.nux-delivery-icon {
display: block;
margin-bottom: 10px;
font-size: 20px;
line-height: 1;
}
.nux-delivery-card h3 {
margin: 0 0 9px;
color: var(--nux-blue);
font-family: var(--nux-font);
font-size: 22px;
font-weight: 700;
}
.nux-delivery-card p {
margin: 0;
color: #65717b;
font-size: 16px;
line-height: 1.55;
}
.nux-faq-section {
padding-top: 90px;
padding-bottom: 86px;
}
.nux-faq-list {
margin-top: 14px;
}
.nux-faq-item {
margin: 0;
border-bottom: 1px solid var(--nux-line);
}
.nux-faq-item summary {
position: relative;
padding: 22px 38px 22px 22px;
color: var(--nux-blue);
font-size: 17px;
font-weight: 700;
line-height: 1.4;
cursor: pointer;
list-style: none;
}
.nux-faq-item summary::-webkit-details-marker {
display: none;
}
.nux-faq-item summary::before {
content: "";
position: absolute;
left: 0;
top: 28px;
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--nux-lime);
}
.nux-faq-item summary::after {
content: "+";
position: absolute;
right: 2px;
top: 20px;
color: var(--nux-blue);
font-size: 19px;
font-weight: 400;
transition: transform 180ms ease, opacity 180ms ease;
}
.nux-faq-item[open] summary::after {
content: "−";
transform: rotate(180deg);
}
.nux-faq-answer {
padding: 0 38px 23px 22px;
}
.nux-faq-answer p {
margin: 0;
color: #68747e;
font-size: 15px;
line-height: 1.7;
}
.nux-course-cta {
padding: 58px 0;
background: var(--nux-blue-dark);
}
.nux-course-cta-inner {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 70px;
}
.nux-course-cta h2 {
color: #fff;
font-size: 31px;
}
.nux-course-cta p {
max-width: 540px;
margin: 14px 0 0;
color: #e0e9f1;
font-size: 17px;
line-height: 1.55;
}
.nux-course-actions {
display: grid;
grid-template-columns: repeat(2, auto);
gap: 12px;
text-align: center;
}
.nux-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 10px 27px;
border: 2px solid transparent;
border-radius: 7px;
font-size: 15px;
font-weight: 700;
line-height: 1.2;
text-decoration: none !important;
}
.nux-button:hover {
transform: translateY(-1px);
}
.nux-button-primary {
background: var(--nux-lime);
color: #244500 !important;
}
.nux-button-secondary {
border-color: #fff;
background: transparent;
color: #fff !important;
}
.nux-course-actions small {
grid-column: 1 / -1;
color: #f19152;
font-size: 8px;
line-height: 1;
text-align: right;
}
.nux-product :focus-visible {
outline: 3px solid #ffb44c;
outline-offset: 3px;
}
.single-product .woocommerce-breadcrumb {
margin-left: -190px !important;
}
#page {
padding-top: 0%;
}
.woocommerce-product-details__short-description p {
font-size: 17px;
}
@media (max-width: 1024px) {
.nux-product-main {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 36px;
}
.nux-audience-grid {
grid-template-columns: minmax(0, 1fr) minmax(340px, .8fr);
gap: 58px;
}
.nux-carousel-viewport {
height: 390px;
}
}
@media (max-width: 782px) {
.single-product .woocommerce-breadcrumb,
.nux-product-main,
.nux-section-inner {
width: min(100% - 36px, 620px);
}
.single-product .woocommerce-breadcrumb {
min-height: 72px;
}
.nux-product-main,
.nux-audience-grid,
.nux-course-cta-inner {
grid-template-columns: 1fr;
}
.nux-product-main {
gap: 40px;
padding-bottom: 54px;
}
.nux-carousel-viewport {
height: min(82vw, 500px);
}
.nux-technical-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.nux-manual-list {
grid-auto-flow: row;
grid-template: none;
grid-template-columns: 1fr;
}
.nux-manuals-summary {
display: flex;
gap: 20px;
margin-top: 30px;
padding: 15px 0;
border-bottom: 1px solid var(--nux-line);
color: var(--nux-blue);
font-size: 15px;
font-weight: 700;
cursor: pointer;
}
.nux-contents-toggle {
position: relative;
display: block;
flex: 0 0 34px;
width: 34px;
height: 34px;
border: 1px solid #d7e0e7;
border-radius: 50%;
background: #fff;
}
.nux-contents-toggle::before,
.nux-contents-toggle::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 12px;
height: 2px;
transform: translate(-50%, -50%);
border-radius: 2px;
background: var(--nux-blue);
transition: transform 180ms ease;
}
.nux-contents-toggle::after {
transform: translate(-50%, -50%) rotate(90deg);
}
.nux-manuals-accordion[open] .nux-contents-toggle::after {
transform: translate(-50%, -50%) rotate(0deg);
}
.nux-manuals-accordion-body {
display: none !important;
padding-top: 1px;
}
.nux-manuals-accordion[open] .nux-manuals-accordion-body {
display: block !important;
}
.nux-manuals-accordion + .nux-manual-note {
margin-top: 30px;
}
.nux-audience-image {
min-height: 300px;
}
.nux-delivery-grid {
grid-template-columns: 1fr;
}
.nux-coverage-section {
padding-top: 31px;
padding-bottom: 48px;
}
.nux-coverage-section .nux-section-inner {
width: min(100% - 40px, 620px);
}
.nux-coverage-section .nux-section-label {
margin-bottom: 10px;
}
.nux-coverage-title-desktop,
.nux-coverage-table-wrap {
display: none;
}
.nux-coverage-title-mobile {
display: inline;
}
.nux-coverage-section h2 {
max-width: 320px;
font-size: 27px;
line-height: 1.22;
letter-spacing: -.025em;
}
.nux-coverage-mobile-note {
display: block;
margin: 10px 0 0;
color: #d55b1d;
font-size: 11px;
line-height: 1.4;
}
.nux-coverage-mobile-list {
display: block;
width: 100%;
overflow: hidden;
margin: 14px auto 0;
border: 1px solid #ccd6df;
border-radius: 12px;
background: #fff;
}
.nux-coverage-mobile-list article {
width: 100%;
min-width: 0;
margin: 0;
padding: 13px 16px 12px;
background: #fff;
}
.nux-coverage-mobile-list article:nth-child(even) {
background: #f1f3f6;
}
.nux-coverage-mobile-list h3 {
margin: 0 0 4px;
color: var(--nux-blue);
font-family: var(--nux-font);
font-size: 16px;
font-weight: 700;
line-height: 1.35;
}
.nux-coverage-mobile-list p {
max-width: 100%;
margin: 0;
color: #60656a;
font-size: 15px;
line-height: 1.55;
white-space: normal;
overflow-wrap: anywhere;
}
.nux-course-cta-inner {
gap: 30px;
}
.nux-course-actions {
justify-content: start;
}
.single-product .woocommerce-breadcrumb {
margin-left: -5px !important;
}
}
@media (max-width: 520px) {
.nux-product {
font-size: 14px;
}
.single-product .woocommerce-breadcrumb,
.nux-product-main,
.nux-section-inner {
width: calc(100% - 32px);
}
.nux-product-badges {
gap: 6px;
}
.nux-product-badges span {
padding: 4px 9px;
font-size: 9px;
}
.nux-product .nux-product-title {
font-size: 34px;
}
.nux-purchase-card {
padding: 21px 18px 18px;
}
.nux-product-buy form.cart {
grid-template-columns: 80px 1fr;
}
.nux-purchase-benefits {
justify-content: flex-start;
}
.nux-section {
padding: 66px 0;
}
.nux-section h2,
.nux-course-cta h2 {
font-size: 29px;
}
.nux-technical-grid {
grid-template-columns: 1fr 1fr;
}
.single-product .woocommerce-breadcrumb {
margin-left: -5px !important;
}
.nux-purchase-benefits {
gap: 10px!important;
}
.nux-technical-card {
min-height: 70px;
}
.nux-section-copy {
margin-top: 25px;
}
.nux-manual-list {
margin-top: 0px;
}
.nux-audience-grid {
gap: 38px;
}
.nux-audience-image {
min-height: 240px;
}
.nux-desktop-break {
display: none;
}
.nux-course-actions {
grid-template-columns: 1fr;
}
.nux-course-actions small {
grid-column: auto;
text-align: center;
}
.nux-button {
width: 100%;
}
}
@media (prefers-reduced-motion: reduce) {
.nux-product a {
transition: none;
}
.nux-faq-item summary::after {
transition: none;
}
}